string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=331588&expand=properties"
string(15169) "[{"templateId":331588,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Website Template","templatePreviewHtmlTitle":"Stylizz – Fashion eCommerce HTML Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Stylizz – Fashion eCommerce HTML Template #331588","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Stylizz – Fashion eCommerce HTML Template</strong></p><p>Stylizz is the ultimate solution for fashion eCommerce websites. This clean, modern, and minimalistic HTML template is perfect for anyone looking to create a stunning and highly functional online store. With its sleek design and attractive typography, Stylizz offers an easy-to-use platform that allows you to showcase your products, abilities, and specialties with ease.</p><p>Built with the latest technology, Stylizz is fully responsive and optimized for SEO, ensuring that your website looks great and ranks high in search engine results. Whether you're a small boutique or a large fashion retailer, Stylizz has everything you need to create a truly unique and engaging online shopping experience.</p><p>With 3 home page demos and a total of 25+ HTML pages, Stylizz offers maximum eCommerce functionalities and possibilities to create a multipurpose eCommerce website. You can quickly customize your website without any hassle using the Stylizz template, thanks to its developer-friendly code and easy-to-use interface.</p><p>Stylizz is packed with a range of amazing features, including Add to Cart sticky, Countdown Product, Quick View Product, Product Grid &amp; List View, and a beautiful off-canvas Mobile Menu. With a Wishlist page and a Sticky Menu, Stylizz ensures that your customers have a seamless and enjoyable shopping experience, no matter what device they're using.</p><p>Compatible with all browsers, including Chrome, Firefox, Safari, IE9+, and iOS devices, Stylizz is a must-have for anyone looking to take their fashion eCommerce website to the next level. So why wait? Get your hands on Stylizz today and start creating the fashion eCommerce website of your dreams!</p><p><strong>Certainly, here's a list of unique features that set Stylizz - Fashion eCommerce HTML Template apart from other templates:</strong></p><ol><li>Responsive Design: Stylizz is built with Bootstrap 5.x and is 100% responsive, ensuring that your website looks great and functions seamlessly on all devices, including desktops, laptops, tablets, and smartphones.</li><li>Flat, Modern and Clean Design: With its clean lines and attractive typography, Stylizz provides a modern, minimalistic, and visually appealing design that helps your products stand out and engage customers.</li><li>SASS CSS: Stylizz is built using SASS CSS, a popular preprocessor scripting language that makes it easy to customize and maintain your website's style and design.</li><li>SEO On-page Optimized: Stylizz is optimized for on-page SEO, ensuring that your website is easily discoverable by search engines and ranks high in search engine results pages.</li><li>UX Ready: Stylizz is built with user experience in mind, ensuring that your website is easy to navigate, engaging, and enjoyable for customers to use.</li><li>Integrated Google Maps: Stylizz includes integrated Google Maps functionality, allowing you to easily display your store location and provide directions to customers.</li><li>Multiple Home Page Demos: With 3 unique home page demos to choose from, Stylizz offers a variety of options for creating a truly unique and engaging online store.</li><li>Single Product Style: Stylizz includes 3 unique single product styles, allowing you to showcase your products in the best possible way and provide customers with a seamless shopping experience.</li><li>Beautiful Off-canvas Mobile Menu: Stylizz includes a beautiful off-canvas mobile menu, making it easy for customers to navigate your website on mobile devices.</li><li>Wishlist Page: Stylizz includes a dedicated Wishlist page, allowing customers to save products for later and increase the likelihood of completing a purchase.</li><li>Developer-Friendly Code: Stylizz is built with developer-friendly code, making it easy to customize and maintain your website without any hassle.</li><li>Countdown Product: Stylizz includes a Countdown Product feature, allowing you to create a sense of urgency and encourage customers to make a purchase.</li><li>Quick View Product: Stylizz includes a Quick View Product feature, allowing customers to view product details without leaving the current page, improving their shopping experience.</li><li>Product Grid &amp; List View: Stylizz includes both Product Grid and List View options, giving customers the flexibility to choose how they want to view products on your website.</li><li>Add to Cart Sticky: Stylizz includes an Add to Cart Sticky feature, making it easy for customers to add products to their cart from any page on your website.</li></ol><p><strong>Google fonts</strong></p><ul><li>Playfair Display</li><li>Source Sans Pro</li></ul><p><strong>Thanks</strong></p><p>Thank you once more for purchasing one of our Templates.</p><p>Best Regards</p><p>wowtheme7</p>","templateFullTitle":"Stylizz – Fashion eCommerce HTML Template","templatePreviewMetaDescription":"Stylizz – Fashion eCommerce HTML TemplateStylizz is the ultimate solution for fashion eCommerce websites. This clean, modern, and minimalistic HTML template","templateDemoMetaDescription":"The live preview for this premium Stylizz","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Stylizz – Fashion eCommerce HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/stylizz-fashion-ecommerce-html-template-331588.html","userRating":0,"designIndex":1,"authorUserId":"704430","exclusive":"1","state":1,"price":19,"inserted_date":"2023-05-08","sent":0,"downloads":1,"search_words":"fashion bootstrap beauty ecommerce blog store responsive multipurpose agency modern services shop clothes business","is_adult":0,"exc_price":2100,"sent_date":"2023-05-08 12:04:59","last_upload":"2023-05-08 12:06:43","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"331588-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":331588,"width":800,"window_params":"","banner_url":"","id":3084679,"href":"","height":500},{"scr_type_id":311,"filename":"331588-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":331588,"width":800,"window_params":"","banner_url":"","id":3084680,"href":"","height":500},{"scr_type_id":312,"filename":"331588-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":331588,"width":370,"window_params":"","banner_url":"","id":3084681,"href":"","height":370},{"scr_type_id":9,"filename":"331588-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":331588,"width":145,"window_params":"","banner_url":"","id":3084682,"href":"","height":156},{"scr_type_id":57,"filename":"331588-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":331588,"width":430,"window_params":"","banner_url":"","id":3084683,"href":"","height":269}],"demoUrl":"/demo/331588.html","image":"https://s.tmimgcdn.com/scr/331500/stylizz-fashion-ecommerce-html-template_331588-original.jpg","searchHash":"f55ca4d7c0522e198728f0388eb398fa","previewHash":"8331e433a642d7836b0c61ac77c1e47e","authorNickname":"webplugintheme","lowLevelTopic":"Fashion Blog Templates; Beauty Templates; Jewelry Templates; Fashion Store Templates; Kids' fashion; Women's Fashion","weightedRating":null,"annualSale":1,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":1,"finalPrice":13,"discountPercent":30,"discountAmount":6,"semiannualSales":1,"properties":{"productFamily":"None","color":["white","grey","pink"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"2226363","uniqueKeywords":"fashion,bootstrap,beauty,ecommerce,blog,store,responsive,multipurpose,agency,modern,services,shop,clothes,business","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Stylizz – Fashion eCommerce HTML TemplateStylizz is the ultimate solution for fashion eCommerce websites. This clean, modern, and minimalistic HTML template","isLastAdded":"1","bootstrapVersion":"5.2.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u704430/75aa6788442c8392cefaf33f89fc664a.jpg","features":["Bootstrap","Multipurpose","eCommerce","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","livePreviewURL":"https://webplugintheme.com/tm/stylizz/","authorUserId":"704430","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u704430/26fa628f385508a5efa5779003c7dac7.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","types":"HTML Website Templates","designSoftware":"Google Web Designer","trendiness":"1","demoMetaDescription":"The live preview for this premium Stylizz ","shortDescription":"<p><strong>Stylizz – Fashion eCommerce HTML Template</strong></p><p>Stylizz is the ultimate solution for fashion eCommerce websites. This clean, modern, and minimalistic HTML template is perfect for anyone looking to create a stunning and highly functional online store. With its sleek design and attractive typography, Stylizz offers an easy-to-use platform that allows you to showcase your products, abilities, and specialties with ease.</p><p>Built with the latest technology, Stylizz is fully responsive and optimized for SEO, ensuring that your website looks great and ranks high in search engine results. Whether you're a small boutique or a large fashion retailer, Stylizz has everything you need to create a truly unique and engaging online shopping experience.</p><p>With 3 home page demos and a total of 25+ HTML pages, Stylizz offers maximum eCommerce functionalities and possibilities to create a multipurpose eCommerce website. You can quickly customize your website without any hassle using the Stylizz template, thanks to its developer-friendly code and easy-to-use interface.</p><p>Stylizz is packed with a range of amazing features, including Add to Cart sticky, Countdown Product, Quick View Product, Product Grid &amp; List View, and a beautiful off-canvas Mobile Menu. With a Wishlist page and a Sticky Menu, Stylizz ensures that your customers have a seamless and enjoyable shopping experience, no matter what device they're using.</p><p>Compatible with all browsers, including Chrome, Firefox, Safari, IE9+, and iOS devices, Stylizz is a must-have for anyone looking to take their fashion eCommerce website to the next level. So why wait? Get your hands on Stylizz today and start creating the fashion eCommerce website of your dreams!</p><p><strong>Certainly, here's a list of unique features that set Stylizz - Fashion eCommerce HTML Template apart from other templates:</strong></p><ol><li>Responsive Design: Stylizz is built with Bootstrap 5.x and is 100% responsive, ensuring that your website looks great and functions seamlessly on all devices, including desktops, laptops, tablets, and smartphones.</li><li>Flat, Modern and Clean Design: With its clean lines and attractive typography, Stylizz provides a modern, minimalistic, and visually appealing design that helps your products stand out and engage customers.</li><li>SASS CSS: Stylizz is built using SASS CSS, a popular preprocessor scripting language that makes it easy to customize and maintain your website's style and design.</li><li>SEO On-page Optimized: Stylizz is optimized for on-page SEO, ensuring that your website is easily discoverable by search engines and ranks high in search engine results pages.</li><li>UX Ready: Stylizz is built with user experience in mind, ensuring that your website is easy to navigate, engaging, and enjoyable for customers to use.</li><li>Integrated Google Maps: Stylizz includes integrated Google Maps functionality, allowing you to easily display your store location and provide directions to customers.</li><li>Multiple Home Page Demos: With 3 unique home page demos to choose from, Stylizz offers a variety of options for creating a truly unique and engaging online store.</li><li>Single Product Style: Stylizz includes 3 unique single product styles, allowing you to showcase your products in the best possible way and provide customers with a seamless shopping experience.</li><li>Beautiful Off-canvas Mobile Menu: Stylizz includes a beautiful off-canvas mobile menu, making it easy for customers to navigate your website on mobile devices.</li><li>Wishlist Page: Stylizz includes a dedicated Wishlist page, allowing customers to save products for later and increase the likelihood of completing a purchase.</li><li>Developer-Friendly Code: Stylizz is built with developer-friendly code, making it easy to customize and maintain your website without any hassle.</li><li>Countdown Product: Stylizz includes a Countdown Product feature, allowing you to create a sense of urgency and encourage customers to make a purchase.</li><li>Quick View Product: Stylizz includes a Quick View Product feature, allowing customers to view product details without leaving the current page, improving their shopping experience.</li><li>Product Grid &amp; List View: Stylizz includes both Product Grid and List View options, giving customers the flexibility to choose how they want to view products on your website.</li><li>Add to Cart Sticky: Stylizz includes an Add to Cart Sticky feature, making it easy for customers to add products to their cart from any page on your website.</li></ol><p><strong>Google fonts</strong></p><ul><li>Playfair Display</li><li>Source Sans Pro</li></ul><p><strong>Thanks</strong></p><p>Thank you once more for purchasing one of our Templates.</p><p>Best Regards</p><p>wowtheme7</p>","tags":["agency","beauty","bootstrap","business","clothes","fashion","modern","multipurpose","responsive","services","shop","store","blog","ecommerce"],"customUrl":"/website-templates/stylizz-fashion-ecommerce-html-template-331588.html","nameOfTheTemplate":"Stylizz – Fashion eCommerce HTML Template","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Fashion Blog Templates","Beauty Templates","Fashion Templates","Jewelry Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Women's Fashion"],"marketplaceMembership":"One","excerpt":"Stylizz is a clean, modern, and minimalistic HTML template for your Fashion store.  Stylizz is a contemporary and responsive HTML template suitable for everyone in the above-mentioned industry.","advImage":"https://s3u.tmimgcdn.com/u704430/ff9e91a77eaa32fcf05f6d1108ebdb65.jpg","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: Fri, 29 Nov 2024 21:55:07 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=331588&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=331588&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=331588&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 22:00:07 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://webplugintheme.com/tm/stylizz/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#331588 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/331588.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 #331588            </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=331588&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>