string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=272940&expand=properties"
string(11387) "[{"templateId":272940,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive Website Template","templatePreviewHtmlTitle":"Electronics Store HTML5 Responsive Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Electronics Store HTML5 Responsive Template #272940","typeShortName":"Website","templatePreviewFBTitle":"<p>The Electronics Store website is templated based on HTML 5 and Bootstrap. It's a special design for the Electronics business, you can easily configure this on your eCommerce frameworks like Magento, WordPress, Shopify Joomla, etc. Our documentation explained how to edit and manage the content easily. We have an excellent homepage layout with modern animation content.</p><p>It's a fully responsive template. Our template included a pre-designed Catalog List page, Product pages, Megamenu, Contact Us, About Us, Gallery, and Blog page.</p><p>Here are the features of our template</p><p>Templates Features:</p><ul><li>11+ Fully Responsive HTML Files</li><li>Awesome Unique Look</li><li>Eye-catching color layout</li><li>Many Shortcodes</li><li>Awesome Home Page Layout</li><li>Best Animation effects</li><li>100% Responsive</li><li>Best affected Social Link</li><li>Cross-browser Compatible</li><li>Valid HTML5 Code</li><li>Best Product look</li><li>CSS, CSS3</li><li>Free Updates</li><li>Developer Friendly Coding</li><li>Free Google web Fonts</li><li>Documentation</li><li>Clean Design</li><li>Easy to Customize</li><li>Font Awesome</li><li>Displays well in all modern browsers and devices</li><li>Page Templates Included:</li></ul><p>Layout Full Width</p><ul><li>Home Page</li><li>Product Page</li><li>Shop Page</li><li>Blog page</li><li>About Us</li><li>Contact page</li><li>Gallery Page</li><li>Privacy Policy Page</li><li>Return Policy Page</li><li>Terms &amp; Conditions Page</li><li>Faq Page</li><li>Login Page</li><li>Create account Page</li><li>Cart Page</li></ul><p>SOURCES and CREDITS:</p><ul><li>jQuery – http://www.jquery.com/</li><li>Google Fonts – https://www.google.com/fonts</li><li>Google Maps iframe – https://www.google.com/maps</li><li>Image – https://www.pexels.com/</li><li>Image – https://unsplash.com/</li><li>Animation on scroll library - http://michalsnik.github.io/aos/</li><li>Shining text animation effects - https://csshint.com/text-animations/</li><li>Mega Menu - https://www.cssscript.com/responsive-mega-menu/</li><li>Font Awesome - https://fontawesome.com/</li></ul><p>Fonts:</p><ul><li>family: Rubik</li><li>Animate:</li></ul><p>Animate On Scroll Library</p><ul><li>Shining Text Animation Effects</li></ul>","templateFullTitle":"Electronics Store HTML5 Responsive Template","templatePreviewMetaDescription":"The Electronics Store website is templated based on HTML 5 and Bootstrap. It's a special design for the Electronics business, you can easily configure this on","templateDemoMetaDescription":"Before you buy it, get yourself familiar with the professional Electronics Store HTML5 Responsive Template Website Template (#272940) by experiencing the live preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Electronics Store HTML5 Responsive Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/electronics-store-html5-responsive-template-272940.html","userRating":0,"designIndex":1,"authorUserId":"6796355","exclusive":"1","state":1,"price":21,"inserted_date":"2022-08-31","sent":0,"downloads":2,"search_words":"responsive bootstrap business creative clean electronics mobile modern multipurpose computer shop electronics store ecommerce support store shopping shop","is_adult":0,"exc_price":2100,"sent_date":"2022-08-31 11:11:52","last_upload":"2022-08-31 11:14:22","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2791511,"templ_id":272940,"filename":"272940-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2791512,"templ_id":272940,"filename":"272940-2-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2791513,"templ_id":272940,"filename":"272940-2-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2791514,"templ_id":272940,"filename":"272940-2-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2791515,"templ_id":272940,"filename":"272940-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/272940.html","image":"https://s.tmimgcdn.com/scr/272900/electronics-store-html5-responsive-template_272940-2-original.png","searchHash":"22ee6fd5035db1293643e7a293f73006","previewHash":"00299bf2d5cda26c54734df3c6a0bff9","authorNickname":"InnovateSphere","lowLevelTopic":"Electronics Review Templates; Computer Store Templates; Electronics Store Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":19,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","Multipurpose","Light Template","eCommerce","Dropdown Menu","Google map","Sample content","Advanced Theme Options","MegaMenu","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax","Lazy Load effect"],"isLastAdded":"1","topic":["Electronics Review Templates","Computers Templates","Computer Store Templates","Electronics Templates","Electronics Store Templates","Computers & Internet"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["bootstrap","business","clean","creative","electronics","mobile","modern","multipurpose","responsive","shop","shopping","store","support","ecommerce","electronics store","computer shop"],"authorUserId":"6796355","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"Electronics Store HTML5 Responsive Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u6796355/ecdd9aa0249d0efce99ef07a72e02df6.png, https://s3u.tmimgcdn.com/u6796355/def3c77da4bfcb0206682c5dade4f577.png, https://s3u.tmimgcdn.com/u6796355/e8ffa4bbe7014d889620e3ac79862cbd.png, https://s3u.tmimgcdn.com/u6796355/c5bba1523950d2705be07d816061a94d.png, https://s3u.tmimgcdn.com/u6796355/549ef14c6f9c86bdb611a08dc10af7c3.png, https://s3u.tmimgcdn.com/u6796355/5821224b1c8a9fd8cfddbefc8e87dcca.png, https://s3u.tmimgcdn.com/u6796355/bac255035db3a640b05654b51742871e.png","shortDescription":"<p>The Electronics Store website is templated based on HTML 5 and Bootstrap. It's a special design for the Electronics business, you can easily configure this on your eCommerce frameworks like Magento, WordPress, Shopify Joomla, etc. Our documentation explained how to edit and manage the content easily. We have an excellent homepage layout with modern animation content.</p><p>It's a fully responsive template. Our template included a pre-designed Catalog List page, Product pages, Megamenu, Contact Us, About Us, Gallery, and Blog page.</p><p>Here are the features of our template</p><p>Templates Features:</p><ul><li>11+ Fully Responsive HTML Files</li><li>Awesome Unique Look</li><li>Eye-catching color layout</li><li>Many Shortcodes</li><li>Awesome Home Page Layout</li><li>Best Animation effects</li><li>100% Responsive</li><li>Best affected Social Link</li><li>Cross-browser Compatible</li><li>Valid HTML5 Code</li><li>Best Product look</li><li>CSS, CSS3</li><li>Free Updates</li><li>Developer Friendly Coding</li><li>Free Google web Fonts</li><li>Documentation</li><li>Clean Design</li><li>Easy to Customize</li><li>Font Awesome</li><li>Displays well in all modern browsers and devices</li><li>Page Templates Included:</li></ul><p>Layout Full Width</p><ul><li>Home Page</li><li>Product Page</li><li>Shop Page</li><li>Blog page</li><li>About Us</li><li>Contact page</li><li>Gallery Page</li><li>Privacy Policy Page</li><li>Return Policy Page</li><li>Terms &amp; Conditions Page</li><li>Faq Page</li><li>Login Page</li><li>Create account Page</li><li>Cart Page</li></ul><p>SOURCES and CREDITS:</p><ul><li>jQuery – http://www.jquery.com/</li><li>Google Fonts – https://www.google.com/fonts</li><li>Google Maps iframe – https://www.google.com/maps</li><li>Image – https://www.pexels.com/</li><li>Image – https://unsplash.com/</li><li>Animation on scroll library - http://michalsnik.github.io/aos/</li><li>Shining text animation effects - https://csshint.com/text-animations/</li><li>Mega Menu - https://www.cssscript.com/responsive-mega-menu/</li><li>Font Awesome - https://fontawesome.com/</li></ul><p>Fonts:</p><ul><li>family: Rubik</li><li>Animate:</li></ul><p>Animate On Scroll Library</p><ul><li>Shining Text Animation Effects</li></ul>","uniqueKeywords":"responsive,bootstrap,business,creative,clean,electronics,mobile,modern,multipurpose,computer shop,electronics store,ecommerce,support,store,shopping,shop","advImage":"https://s3u.tmimgcdn.com/u6796355/0db5cccaf5045cef9ea4cb937919221e.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u6796355/1b4e7bae9370d2c3dbb9fb512806b6ac.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u6796355/daaf82f5281e1dff5b5b914a7790e150.png","livePreviewURL":"https://electronics.expertcoderz.com/","metaDescription":"The Electronics Store website is templated based on HTML 5 and Bootstrap. It's a special design for the Electronics business, you can easily configure this on","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3CKb7qM","demoMetaDescription":"Before you buy it, get yourself familiar with the professional Electronics Store HTML5 Responsive Template Website Template (#272940) by experiencing the live preview. View the pages, check out the images, click the buttons, explore the features.","customUrl":"/website-templates/electronics-store-html5-responsive-template-272940.html","productSize":"262094535","trendiness":"1","frameworks":"None","excerpt":"<p>\"Upgrade your electronics business with our HTML5 and Bootstrap website template. Compatible with Magento, WordPress, Shopify, Joomla, and more. </p>","authorMainScreenshotVersion":"2","changeLog":"-I updated Html Templates on February 6, 2024)\n- Added New Create Pages, Login page, Create account, Inner Blogs\n- I have changed the images \n-I have Updated the Product Page, About Page\n- Fixed bugs","changeLogDate":"2024-02-08","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 24 Apr 2024 20:47:37 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=272940&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=272940&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=272940&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 20:52:37 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://electronics.expertcoderz.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#272940 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/272940.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Website Templates #272940            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=272940&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $19                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>