string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62133&expand=properties"
string(16020) "[{"templateId":62133,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive Website Template","templatePreviewHtmlTitle":"Natural Cosmetics - Cosmetics Store Multipage Website Template","templateDemoHtmlTitle":"Live demo for Natural Cosmetics - Cosmetics Store Multipage Website Template #62133","typeShortName":"Website","templatePreviewFBTitle":"Cosmetics Website Template is a multipage solution for an efficient promotion of your business. A variety of working forms will help you to save money and time, there will be no need to hire a coder in order to set them up. A smooth work of your site and hassle free on-site experience of your future website will be ensured by W3C Valid, well commented and SEO friendly code. Thanks to Bootstrap foundation your site will quickly adapt to any gadget with any screen size the user has in hand right now. Text and images are flexible as well, so they will be rendered correctly. This will boost your conversion as your visitors will not be restricted by any limits in terms of their location or device. This Responsive Cosmetics Theme comes with 4 customizable home page variations, so you will be able to make the look of your future presence unique. Enjoy Cosmetics Website Template in action with the live demo preview.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap 4 Beauty website template</h3> <p><b>What is it?</b></p><p>This is the 4th version of Bootstrap (HTML and CSS based framework) for the development of mostly smartphone projects on the net.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 works using progressive components, a lot quicker stylesheet and works with all the releases of leading web browsers.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This Beauty Blog web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page same exact nicely on any type of display screen size.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with mobile devices, the quantity of persons who log on to the sites from smartphones has grown a lot. Such a feature helps you to change websites to smartphones and various screen extensions, finally supplying smartphone consumers with improved opportunities.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Beauty Website website template</h3> <p><b>What is it?</b></p><p>Bootstrap is a range of instruments with an open source code. It is perfect for making websites and web applications with HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is incredibly adjustable for any changes. It's not hard to manage with, contains a wonderful grid system and vast components quantity.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Natural Cosmetics - Cosmetics Store Multipage Website Template","templatePreviewMetaDescription":"Cosmetics Website Template is a multipage solution for an efficient promotion of your business. A variety of working forms will help you to save money and","templateDemoMetaDescription":"The live preview for this high quality Natural Cosmetics - Cosmetics Store Multipage Website Template (#62133) is presented here for you to get yourself familiar with the template before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Natural Cosmetics - Cosmetics Store Multipage Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/natural-cosmetics-cosmetics-store-multipage-website-template-62133.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2017-06-23","sent":1,"downloads":49,"search_words":"natural organic health care women solution service catalogue product gift hair style specials","is_adult":0,"exc_price":4500,"sent_date":"2019-03-14 06:15:06","last_upload":"2017-06-23 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":297,"filename":"62133-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":430,"window_params":"","banner_url":"","id":1695902,"href":"","height":1416},{"scr_type_id":212,"filename":"62133-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":430,"window_params":"","banner_url":"","id":1695903,"href":"","height":60},{"scr_type_id":315,"filename":"62133-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":1903,"window_params":"","banner_url":"","id":1695904,"href":"","height":6265},{"scr_type_id":300,"filename":"62133-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":320,"window_params":"","banner_url":"","id":1695905,"href":"","height":900},{"scr_type_id":334,"filename":"62133-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":1600,"window_params":"","banner_url":"","id":1695906,"href":"","height":1000},{"scr_type_id":3,"filename":"62133-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":895,"window_params":"","banner_url":"","id":1695907,"href":"","height":599},{"scr_type_id":298,"filename":"62133-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":430,"window_params":"","banner_url":"","id":1695908,"href":"","height":900},{"scr_type_id":299,"filename":"62133-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":430,"window_params":"","banner_url":"","id":1695909,"href":"","height":900},{"scr_type_id":311,"filename":"62133-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":965,"window_params":"","banner_url":"","id":1695910,"href":"","height":3177},{"scr_type_id":314,"filename":"62133-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":1903,"window_params":"","banner_url":"","id":1695911,"href":"","height":6265},{"scr_type_id":312,"filename":"62133-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":370,"window_params":"","banner_url":"","id":1695912,"href":"","height":370},{"scr_type_id":78,"filename":"62133-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":62133,"width":970,"window_params":"","banner_url":"","id":1695913,"href":"","height":280},{"scr_type_id":9,"filename":"62133-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":145,"window_params":"","banner_url":"","id":1695914,"href":"","height":156},{"scr_type_id":3,"filename":"62133-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":408,"window_params":"","banner_url":"","id":1695915,"href":"","height":55},{"scr_type_id":3,"filename":"62133-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62133,"width":1903,"window_params":"","banner_url":"","id":1695916,"href":"","height":6265}],"demoUrl":"/demo/62133.html","image":"https://s.tmimgcdn.com/scr/62100/natural-cosmetics-cosmetics-store-multipage-website-template_62133-0-original.jpg","searchHash":"8ffe94561993b93f1794046f0329b104","previewHash":"49cdece9736cf51d4ceefca2f79fbc02","authorNickname":"RockThemes","lowLevelTopic":"Cosmetics Store Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template fits for cosmetics company, cosmetics store, fashion and beauty, business and services, design and photography, medical, real estate, computers and internet websites.","uniqueKeywords":"natural organic health care women solution service catalogue product gift hair style specials","showVariantForcibly":"b","metaDescription":"Boost the profitability of your business by means of Bootstrap and Multipage Cosmetics Website Template, which was equipped with rich UI kit, over 35 ready made HTML5 pages and flexible blog functionality.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62100/62133-en_01.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_02.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_03.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_04.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_05.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_06.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_07.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_08.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_09.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_10.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_11.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_12.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_13.jpg, https://s.tmimgcdn.com/scr/62100/62133-en_14.jpg","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Cosmetics Website Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.3","imageDescription":"https://s.tmimgcdn.com/scr/62100/62133-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2022-02-24T13:05:49-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview for this high quality Natural Cosmetics - Cosmetics Store Multipage Website Template (#62133) is presented here for you to get yourself familiar with the template before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"Cosmetics Website Template is a multipage solution for an efficient promotion of your business. A variety of working forms will help you to save money and time, there will be no need to hire a coder in order to set them up. A smooth work of your site and hassle free on-site experience of your future website will be ensured by W3C Valid, well commented and SEO friendly code. Thanks to Bootstrap foundation your site will quickly adapt to any gadget with any screen size the user has in hand right now. Text and images are flexible as well, so they will be rendered correctly. This will boost your conversion as your visitors will not be restricted by any limits in terms of their location or device. This Responsive Cosmetics Theme comes with 4 customizable home page variations, so you will be able to make the look of your future presence unique. Enjoy Cosmetics Website Template in action with the live demo preview.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap 4 Beauty website template</h3> <p><b>What is it?</b></p><p>This is the 4th version of Bootstrap (HTML and CSS based framework) for the development of mostly smartphone projects on the net.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 works using progressive components, a lot quicker stylesheet and works with all the releases of leading web browsers.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This Beauty Blog web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page same exact nicely on any type of display screen size.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with mobile devices, the quantity of persons who log on to the sites from smartphones has grown a lot. Such a feature helps you to change websites to smartphones and various screen extensions, finally supplying smartphone consumers with improved opportunities.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Beauty Website website template</h3> <p><b>What is it?</b></p><p>Bootstrap is a range of instruments with an open source code. It is perfect for making websites and web applications with HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is incredibly adjustable for any changes. It's not hard to manage with, contains a wonderful grid system and vast components quantity.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","tags":["care","catalogue","gift","hair","health","natural","organic","product","service","solution","specials","style","women"],"customUrl":"/website-templates/natural-cosmetics-cosmetics-store-multipage-website-template-62133.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Natural Cosmetics - Cosmetics Store Multipage Website Template","pHPVersionCompatibility":"7.x","topic":["Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"styles":["Neutral","Flat"],"productFamily":"None","color":["white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","changeLog":"<b>Natural Cosmetics Version 1.1 (March 14, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- UPD:</b> Bootstrap updated to versiton 4.1.3;</li>\r\n<li><b>- UPD:</b> jQuery updated to versiton 3.2.1;</li>\r\n<li><b>- UPD:</b> Bootstrap Grid;</li>\r\n<li><b>- UPD:</b> Bootstrap tabs;</li>\r\n<li><b>- UPD:</b> Bootstrap accordions;</li>\r\n<li><b>- UPD:</b> Scripts updated;</li>\r\n<li><b>- UPD:</b> RD Navbar;</li>\r\n<li><b>- UPD:</b> RD Mailform;</li>\r\n<li><b>- UPD:</b> RD Search;</li>\r\n<li><b>- UPD:</b> Google Map;</li>\r\n<li><b>- UPD:</b> Google recaptcha;</li>\r\n<li><b>- UPD:</b> Owl carousel;</li>\r\n<li><b>- UPD:</b> Lightgallery;</li>\r\n<li><b>- UPD:</b> Progress Circle;</li>\r\n<li><b>- FIX:</b> Minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_62133","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Grid"],"templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2vXMiG9","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"20%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 14 May 2024 23:58: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(290) "Link: <http://products/api/v2/products/en?language=en&ids=62133&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62133&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62133&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 15 May 2024 00:03: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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_62133<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62133 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/62133.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 #62133            </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=62133&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>