string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=369397&expand=properties"
string(14792) "[{"templateId":369397,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":547,"categoryName":"Eye Glasses Templates","templateTitle":"Eye Glasses Responsive Website Template","templatePreviewHtmlTitle":"Vision Vogue - Eye Glasses Store eCommerce HTML Website Template","templateDemoHtmlTitle":"Live demo for Vision Vogue - Eye Glasses Store eCommerce HTML Website Template #369397","typeShortName":"Website","templatePreviewFBTitle":"<h3>Discover Vision Vogue - Your Gateway to Online Eyewear Excellence</h3><p>Welcome to Vision Vogue, the bridge between your eyewear business and a compelling online presence. In the ever-evolving world of eyewear retail, your website is more than just a virtual storefront; it's a digital expression of your brand. At Vision Vogue, we understand the significance of this representation, which is why we've meticulously crafted the Vision Vogue Glasses Store HTML Template.</p><p>Our glasses website template is more than just a collection of code and design elements; it's a strategic tool to captivate your audience and turn visitors into loyal customers. In a world where first impressions matter, Vision Vogue offers an online space that is sleek, modern, and captivating, mirroring the essence of your eyewear brand. It's the portal that allows you to showcase your finest eyewear collections, be it glasses, sunglasses, or eyewear accessories, in a way that's as visually appealing as the products themselves.</p><p><strong>Key Features:</strong></p><ol><li><strong>Responsive Design</strong>: The Vision Vogue template is fully responsive, ensuring your website looks and works beautifully on all devices, from desktop to mobile.</li><li><strong>Sleek and Modern Design</strong>: Impress your visitors with a sleek and modern design that reflects the essence of your eyewear brand.</li><li><strong>Easy Customization</strong>: With clean and well-organized code, this sunglasses website template is easy to customize, making it simple to match your brand's unique style.</li><li><strong>Product Showcase</strong>: Display your glasses, sunglasses, and eyewear accessories with style. The template provides elegant product grids and details pages for each item.</li><li><strong>User-Friendly Navigation</strong>: A user-friendly menu and search bar make it easy for customers to find the perfect pair of glasses.</li><li><strong>Virtual Try-On Feature</strong>: Engage your customers with a virtual try-on feature that lets them see how your eyewear looks on their face before making a purchase.</li><li><strong>Product Filtering</strong>: Allow customers to filter products by type, brand, price, or style, making their shopping experience effortless.</li><li><strong>Optimized for SEO</strong>: The template is designed with SEO best practices in mind, helping your website rank higher in search engine results.</li><li><strong>High-Resolution Imagery</strong>: Showcase your eyewear products in stunning high-resolution images that highlight their intricate details.</li><li><strong>Contact Form</strong>: Connect with your customers through a built-in contact form, making it easy for them to inquire about your products and services.</li><li><strong>Newsletter Subscription</strong>: Build a loyal customer base by offering a newsletter subscription option to keep your visitors informed about your latest eyewear collections and promotions.</li><li><strong>Blog Section</strong>: Share eyewear tips, fashion trends, and eyecare information through an integrated blog section, establishing your brand as an industry authority.</li><li><strong>Social Media Integration</strong>: Seamlessly connect your website with your social media profiles to enhance your online presence and engage with your audience.</li></ol><h3><strong>Why Choose Vision Vogue?</strong></h3><p>Vision Vogue is more than just an HTML template; it's your gateway to a successful online eyewear business. Whether you're a startup or an established brand, our template empowers you to create a professional and visually appealing website that attracts and retains customers.</p><p>Embrace the future of eyewear retail by choosing the Vision Vogue Glasses Store HTML Template. Get started today and take the first step toward growing your eyewear business online.</p>","templateFullTitle":"Vision Vogue - Eye Glasses Store eCommerce HTML Website Template","templatePreviewMetaDescription":"Discover Vision Vogue - Your Gateway to Online Eyewear ExcellenceWelcome to Vision Vogue, the bridge between your eyewear business and a compelling online","templateDemoMetaDescription":"View the live preview for the professional Vision Vogue - Eye Glasses Store eCommerce HTML Website Template Website Template (#369397) to get a better knowledge of what this design is before you purchase it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Vision Vogue - Eye Glasses Store eCommerce HTML Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/vision-vogue-eye-glasses-store-ecommerce-html-website-template-369397.html","userRating":0,"designIndex":1,"authorUserId":"78157538","exclusive":"1","state":1,"price":14,"inserted_date":"2023-11-01","sent":0,"downloads":4,"search_words":"glasses store eyewear template sunglasses website eyeglass shop optical store online eyewear store responsive html template fashion eyewear designer glassesx modern eyewear template sunglasses collection eyewear showcase online optician virtual try on eyeglass ecommerce glasses catalog seo optimized fashion store html website template","is_adult":0,"exc_price":2100,"sent_date":"2023-11-01 14:19:22","last_upload":"2024-05-24 03:09:47","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3273709,"templ_id":369397,"filename":"369397-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":3273710,"templ_id":369397,"filename":"369397-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":3273711,"templ_id":369397,"filename":"369397-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":3273712,"templ_id":369397,"filename":"369397-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":3273713,"templ_id":369397,"filename":"369397-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/369397.html","image":"https://s.tmimgcdn.com/scr/369300/vision-vogue-eye-glasses-store-ecommerce-html-website-template_369397-original.png","searchHash":"0a5e632339cac4ccadf70ef9d8e2ebfa","previewHash":"ec8cdf1f353532f0db2b8f10c63cffc7","authorNickname":"uiparadox","lowLevelTopic":"Medical Equipment Templates; Optometrist's Templates; Fashion Store Templates; Eye Glasses Templates","weightedRating":null,"annualSale":4,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":1,"finalPrice":10,"discountPercent":30,"discountAmount":4,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Team Members","Light Template","eCommerce","Sample content","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Minimalist","Vector","Web2.0","Material Design"],"isLastAdded":"1","topic":["Medical Equipment Templates","Optometrist's Templates","Fashion Templates","Medical Templates","Fashion Store Templates","Eye Glasses Templates","Fashion & Beauty","Accessories"],"isFree":"none","color":["white","grey","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["seo optimized","responsive html template","optical store","glasses store","eyewear template","sunglasses website","eyeglass shop","online eyewear store","fashion eyewear","designer glassesx","modern eyewear template","sunglasses collection","eyewear showcase","online optician","virtual try on","eyeglass ecommerce","glasses catalog","fashion store html website template"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78157538","frameworks":"None","excerpt":"<p>Vision Vogue: Elevate your eyewear business with our sleek and modern HTML template. A gateway to online success.</p>","nameOfTheTemplate":"Vision Vogue - Eye Glasses Store eCommerce HTML Website Template","shortDescription":"<h3>Discover Vision Vogue - Your Gateway to Online Eyewear Excellence</h3><p>Welcome to Vision Vogue, the bridge between your eyewear business and a compelling online presence. In the ever-evolving world of eyewear retail, your website is more than just a virtual storefront; it's a digital expression of your brand. At Vision Vogue, we understand the significance of this representation, which is why we've meticulously crafted the Vision Vogue Glasses Store HTML Template.</p><p>Our glasses website template is more than just a collection of code and design elements; it's a strategic tool to captivate your audience and turn visitors into loyal customers. In a world where first impressions matter, Vision Vogue offers an online space that is sleek, modern, and captivating, mirroring the essence of your eyewear brand. It's the portal that allows you to showcase your finest eyewear collections, be it glasses, sunglasses, or eyewear accessories, in a way that's as visually appealing as the products themselves.</p><p><strong>Key Features:</strong></p><ol><li><strong>Responsive Design</strong>: The Vision Vogue template is fully responsive, ensuring your website looks and works beautifully on all devices, from desktop to mobile.</li><li><strong>Sleek and Modern Design</strong>: Impress your visitors with a sleek and modern design that reflects the essence of your eyewear brand.</li><li><strong>Easy Customization</strong>: With clean and well-organized code, this sunglasses website template is easy to customize, making it simple to match your brand's unique style.</li><li><strong>Product Showcase</strong>: Display your glasses, sunglasses, and eyewear accessories with style. The template provides elegant product grids and details pages for each item.</li><li><strong>User-Friendly Navigation</strong>: A user-friendly menu and search bar make it easy for customers to find the perfect pair of glasses.</li><li><strong>Virtual Try-On Feature</strong>: Engage your customers with a virtual try-on feature that lets them see how your eyewear looks on their face before making a purchase.</li><li><strong>Product Filtering</strong>: Allow customers to filter products by type, brand, price, or style, making their shopping experience effortless.</li><li><strong>Optimized for SEO</strong>: The template is designed with SEO best practices in mind, helping your website rank higher in search engine results.</li><li><strong>High-Resolution Imagery</strong>: Showcase your eyewear products in stunning high-resolution images that highlight their intricate details.</li><li><strong>Contact Form</strong>: Connect with your customers through a built-in contact form, making it easy for them to inquire about your products and services.</li><li><strong>Newsletter Subscription</strong>: Build a loyal customer base by offering a newsletter subscription option to keep your visitors informed about your latest eyewear collections and promotions.</li><li><strong>Blog Section</strong>: Share eyewear tips, fashion trends, and eyecare information through an integrated blog section, establishing your brand as an industry authority.</li><li><strong>Social Media Integration</strong>: Seamlessly connect your website with your social media profiles to enhance your online presence and engage with your audience.</li></ol><h3><strong>Why Choose Vision Vogue?</strong></h3><p>Vision Vogue is more than just an HTML template; it's your gateway to a successful online eyewear business. Whether you're a startup or an established brand, our template empowers you to create a professional and visually appealing website that attracts and retains customers.</p><p>Embrace the future of eyewear retail by choosing the Vision Vogue Glasses Store HTML Template. Get started today and take the first step toward growing your eyewear business online.</p>","uniqueKeywords":"glasses store,eyewear template,sunglasses website,eyeglass shop,optical store,online eyewear store,responsive html template,fashion eyewear,designer glassesx,modern eyewear template,sunglasses collection,eyewear showcase,online optician,virtual try on,eyeglass ecommerce,glasses catalog,seo optimized,fashion store html website template","advImage":"https://s3u.tmimgcdn.com/u78157538/a3de830d59e74e703aaebd0cc160347d.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/ab98f6c7426c1b637f14285d51a1698b.png","livePreviewURL":"https://uiparadox.co.uk/templates/vision-vogue/v2/","metaDescription":"Discover Vision Vogue - Your Gateway to Online Eyewear ExcellenceWelcome to Vision Vogue, the bridge between your eyewear business and a compelling online","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"View the live preview for the professional Vision Vogue - Eye Glasses Store eCommerce HTML Website Template Website Template (#369397) to get a better knowledge of what this design is before you purchase it. View the pages, check out the images, press the buttons, explore the features.","customUrl":"/website-templates/vision-vogue-eye-glasses-store-ecommerce-html-website-template-369397.html","productSize":"94442333","trendiness":"1","changeLog":"## 13 May 2024\n- Hero Banner design Updated and issue fixed; \n- Video Popup Issue fixed;\n- Overall Spacing Issues fixed;\n- Product Card Design Updated;\n- Footer Design updated;\n- Call to action button design updated;\n- Responsive Issues fixed;\n- Bug Fixing.","changeLogDate":"2024-05-24","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: Thu, 21 Nov 2024 18:01:15 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=369397&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=369397&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=369397&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 18:06:15 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://uiparadox.co.uk/templates/vision-vogue/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#369397 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/369397.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 #369397            </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=369397&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $15                <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>