string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=365719&expand=properties"
string(16693) "[{"templateId":365719,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Website Template","templatePreviewHtmlTitle":"Modern Clare - eCommerce Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Modern Clare - eCommerce Website Template #365719","typeShortName":"Website","templatePreviewFBTitle":"<h2>Features</h2><p>Ecommerce Website Template\" is a highly versatile and visually stunning web design framework specifically crafted for creating exceptional online stores. With its sleek and modern aesthetics, Clare provides an exceptional user experience that captivates visitors and compels them to explore your products and make purchases.</p><p>This premium template boasts a wide range of cutting-edge features and functionalities, empowering you to build a fully functional and professional e-commerce website with ease. Clare's intuitive and user-friendly interface enables seamless navigation, making it effortless for customers to browse through your product catalog, add items to their cart, and proceed to checkout.</p><p>E-commerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality, responsiveness, and user experience of your online store. Here are the key features of the template:</p><ul><li><strong>Bootstrap v5.3.0:</strong> The template is built on the latest version of Bootstrap, ensuring a solid foundation and compatibility with various devices and browsers.</li><li><strong>Compatibility with Major Browsers:</strong> Clare is fully compatible with popular web browsers such as Safari, Firefox, Chrome, and Microsoft Edge, ensuring a consistent experience for all visitors.</li><li><strong>41+ HTML Pages:</strong> The template provides a wide range of pre-designed HTML pages, offering versatility and flexibility for creating different sections and layouts for your e-commerce website.</li><li><strong>Fully Responsive:</strong> Clare is designed to be fully responsive, adapting seamlessly to different screen sizes and resolutions, providing an optimal viewing experience across devices.</li><li><strong>CSS3 Animations and Effects:</strong> The template includes CSS3 animations and effects, allowing you to add visually appealing transitions and interactive elements to enhance the user experience.</li><li><strong>Valid HTML5 &amp; CSS3:</strong> The HTML and CSS code in the template is well-structured and adheres to the latest standards, ensuring a clean and valid codebase.</li><li><strong>Real Device Testing:</strong> Clare has undergone real device testing to ensure that it performs well and maintains its functionality across a range of actual devices.</li><li><strong>Tabs: </strong>The template supports tabbed content, making it easy to organize and present different types of information or product details in a user-friendly manner.</li><li><strong>Blog:</strong> Clare provides a dedicated blog section or page, allowing you to share news, updates, and informative articles with your audience.</li><li><strong>Slider:</strong> The template includes a slider component, enabling you to showcase featured products or promotional content in an eye-catching and dynamic manner.</li><li><strong>Contact Form:</strong> A built-in contact form is included, providing a convenient way for visitors to get in touch with you, submit inquiries, or provide feedback.</li><li><strong>Dropdown Menu:</strong> Clare offers a dropdown menu feature for streamlined navigation, allowing visitors to easily access different sections or categories of your website.</li><li><strong>Font Awesome:</strong> The template integrates Font Awesome, a popular icon library, providing a wide selection of icons that can be used to enhance the visual appeal and functionality of your website.</li><li><strong>Files Included: </strong>The template package includes HTML, JavaScript, and CSS files, making it easy to customize and modify the template according to your specific requirements.</li><li><strong>Version 1.0.0: </strong>The template is identified with a version number, enabling easy tracking of updates and enhancements.</li><li><strong>Pixel Perfect Design:</strong> Clare features a pixel-perfect design, ensuring that every element and layout aligns precisely, resulting in a visually polished website.</li><li><strong>SEO Friendly:</strong> The template is optimized for search engines, following SEO best practices to improve the visibility and ranking of your e-commerce website in search results.</li><li><strong>100% W3C Validator:</strong> The HTML and CSS code of the template undergoes W3C validation, ensuring compliance with web standards and best practices.</li><li><strong>24/7 Support: </strong>The template comes with dedicated support, providing assistance and guidance whenever you encounter any issues or need help with customization or implementation.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>CSS files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"Montserrat\" - https://fonts.google.com/specimen/Montserrat</li></ul><h2>Frameworks / Scripts :</h2><ul><li>Bootstrap</li><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","templateFullTitle":"Modern Clare - eCommerce Website Template","templatePreviewMetaDescription":"FeaturesEcommerce Website Template\" is a highly versatile and visually stunning web design framework specifically crafted for creating exceptional online","templateDemoMetaDescription":"Before you decide to buy it, get yourself acquainted with the professional Modern Clare - eCommerce Website Template Website Template (#365719) by experiencing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Modern Clare - eCommerce Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/modern-clare-ecommerce-website-template-365719.html","userRating":0,"designIndex":1,"authorUserId":"78168322","exclusive":"1","state":1,"price":25,"inserted_date":"2023-10-12","sent":0,"downloads":0,"search_words":"bootstrap clean fashion modern personal responsive shop shopping store ecommerce beauty","is_adult":0,"exc_price":2100,"sent_date":"2023-10-12 11:48:36","last_upload":"2023-10-12 19:00:18","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3255339,"templ_id":365719,"filename":"365719-original.jpg","width":1200,"height":800,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3255340,"templ_id":365719,"filename":"365719-big.jpg","width":1200,"height":800,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3255341,"templ_id":365719,"filename":"365719-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":3255342,"templ_id":365719,"filename":"365719-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":3255343,"templ_id":365719,"filename":"365719-b.jpg","width":430,"height":287,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/365719.html","image":"https://s.tmimgcdn.com/scr/365700/modern-clare-ecommerce-website-template_365719-original.jpg","searchHash":"1ac98c662a34f91873c8d790589dd64f","previewHash":"48644570c040703de55d683fccf423f1","authorNickname":"WebbyCrown","lowLevelTopic":"Fashion Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":0,"finalPrice":23,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","Mobile Layout Included","eCommerce","Tabs","MegaMenu","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Mobile"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Fashion Templates","Fashion & Beauty"],"isFree":"none","color":["black","white","grey","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["beauty","bootstrap","clean","fashion","modern","personal","responsive","shop","shopping","store","ecommerce"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78168322","bootstrapVersion":"5.2.x","frameworks":"None","excerpt":"<ul><li>- Ultimate eCommerce html Features</li><li>- eCommerce design user experience Template</li><li>- Bootstrap 5, SEO optimized &amp; Mobile Ready</li></ul>","nameOfTheTemplate":"Modern Clare - eCommerce Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78168322/fdfded4704044dce946d738a07d0bc8c.jpg, https://s3u.tmimgcdn.com/u78168322/632c505843765f19060c434097dd5a82.jpg, https://s3u.tmimgcdn.com/u78168322/e63bb7206e1728370eef419b2fbaa513.jpg, https://s3u.tmimgcdn.com/u78168322/79ba0fc1c2e180286c3f568e84d7ffab.jpg, https://s3u.tmimgcdn.com/u78168322/09a4ceae15d591268fe875e433860724.jpg, https://s3u.tmimgcdn.com/u78168322/411bbeadedad470fdc3651acb8ae2cca.jpg, https://s3u.tmimgcdn.com/u78168322/cc3469ffe8da2d52635a59d9c3f59be8.jpg","shortDescription":"<h2>Features</h2><p>Ecommerce Website Template\" is a highly versatile and visually stunning web design framework specifically crafted for creating exceptional online stores. With its sleek and modern aesthetics, Clare provides an exceptional user experience that captivates visitors and compels them to explore your products and make purchases.</p><p>This premium template boasts a wide range of cutting-edge features and functionalities, empowering you to build a fully functional and professional e-commerce website with ease. Clare's intuitive and user-friendly interface enables seamless navigation, making it effortless for customers to browse through your product catalog, add items to their cart, and proceed to checkout.</p><p>E-commerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality, responsiveness, and user experience of your online store. Here are the key features of the template:</p><ul><li><strong>Bootstrap v5.3.0:</strong> The template is built on the latest version of Bootstrap, ensuring a solid foundation and compatibility with various devices and browsers.</li><li><strong>Compatibility with Major Browsers:</strong> Clare is fully compatible with popular web browsers such as Safari, Firefox, Chrome, and Microsoft Edge, ensuring a consistent experience for all visitors.</li><li><strong>41+ HTML Pages:</strong> The template provides a wide range of pre-designed HTML pages, offering versatility and flexibility for creating different sections and layouts for your e-commerce website.</li><li><strong>Fully Responsive:</strong> Clare is designed to be fully responsive, adapting seamlessly to different screen sizes and resolutions, providing an optimal viewing experience across devices.</li><li><strong>CSS3 Animations and Effects:</strong> The template includes CSS3 animations and effects, allowing you to add visually appealing transitions and interactive elements to enhance the user experience.</li><li><strong>Valid HTML5 &amp; CSS3:</strong> The HTML and CSS code in the template is well-structured and adheres to the latest standards, ensuring a clean and valid codebase.</li><li><strong>Real Device Testing:</strong> Clare has undergone real device testing to ensure that it performs well and maintains its functionality across a range of actual devices.</li><li><strong>Tabs: </strong>The template supports tabbed content, making it easy to organize and present different types of information or product details in a user-friendly manner.</li><li><strong>Blog:</strong> Clare provides a dedicated blog section or page, allowing you to share news, updates, and informative articles with your audience.</li><li><strong>Slider:</strong> The template includes a slider component, enabling you to showcase featured products or promotional content in an eye-catching and dynamic manner.</li><li><strong>Contact Form:</strong> A built-in contact form is included, providing a convenient way for visitors to get in touch with you, submit inquiries, or provide feedback.</li><li><strong>Dropdown Menu:</strong> Clare offers a dropdown menu feature for streamlined navigation, allowing visitors to easily access different sections or categories of your website.</li><li><strong>Font Awesome:</strong> The template integrates Font Awesome, a popular icon library, providing a wide selection of icons that can be used to enhance the visual appeal and functionality of your website.</li><li><strong>Files Included: </strong>The template package includes HTML, JavaScript, and CSS files, making it easy to customize and modify the template according to your specific requirements.</li><li><strong>Version 1.0.0: </strong>The template is identified with a version number, enabling easy tracking of updates and enhancements.</li><li><strong>Pixel Perfect Design:</strong> Clare features a pixel-perfect design, ensuring that every element and layout aligns precisely, resulting in a visually polished website.</li><li><strong>SEO Friendly:</strong> The template is optimized for search engines, following SEO best practices to improve the visibility and ranking of your e-commerce website in search results.</li><li><strong>100% W3C Validator:</strong> The HTML and CSS code of the template undergoes W3C validation, ensuring compliance with web standards and best practices.</li><li><strong>24/7 Support: </strong>The template comes with dedicated support, providing assistance and guidance whenever you encounter any issues or need help with customization or implementation.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>CSS files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"Montserrat\" - https://fonts.google.com/specimen/Montserrat</li></ul><h2>Frameworks / Scripts :</h2><ul><li>Bootstrap</li><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","uniqueKeywords":"bootstrap,clean,fashion,modern,personal,responsive,shop,shopping,store,ecommerce,beauty","advImage":"https://s3u.tmimgcdn.com/u78168322/0b8ef8733b13cb60c5441e8a13d03938.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78168322/e7c4ba715411573de7385feb16b0921d.jpg","livePreviewURL":"https://demo.webbytemplate.com/html-templates/bootstrap/modern-clare-e-commerce/html/","metaDescription":"FeaturesEcommerce Website Template\" is a highly versatile and visually stunning web design framework specifically crafted for creating exceptional online","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get yourself acquainted with the professional Modern Clare - eCommerce Website Template Website Template (#365719) by experiencing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","customUrl":"/website-templates/modern-clare-ecommerce-website-template-365719.html","productSize":"36044103","trendiness":"1","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, 09 May 2024 09:28:29 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=365719&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=365719&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=365719&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 09 May 2024 09:33:29 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://demo.webbytemplate.com/html-templates/bootstrap/modern-clare-e-commerce/html/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#365719 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/365719.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 #365719            </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=365719&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $23                <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>