string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52444&expand=properties"
string(14614) "[{"templateId":52444,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive Website Template","templatePreviewHtmlTitle":"Beauty Salon Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Beauty Salon Responsive Website Template #52444","typeShortName":"Website","templatePreviewFBTitle":"Should you build a website by using this template, prospects will easily navigate through it due to the clean and uncomplicated layout. Check out this contemporary web design solution for cosmetic salon, beauty salon spa or beauty center. 100% responsive template easily adjusts to pretty much any screen size, presenting customers with pleasant surfing experience. The information and facts are arranged into tidy sections that are easy to browse. If you have any inquiries on the subject of template usage you can check detailed documentation, also you receive 24/7 priority assistance aiding to respond to any problem. Shop for this web layout to boost the number of your readers and income.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><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 Parallax Fashion & Beauty Store website design</h3> <p><b>What is it?</b></p><p>This is a unique approach when the background pic moves slower in perspective in contrast to factors the foreground. Because of this, Parallax creates a sense of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling can help you increase depth to your webpage look and feel.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Beauty Spa website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little along with bigger screen sizes mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for those who surf a website page on a mobile phone or any other gadget, besides helps to improve rankings of a website in Google results. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Beauty Salon Responsive Website Template","templatePreviewMetaDescription":"Should you build a website by using this template, prospects will easily navigate through it due to the clean and uncomplicated layout. Check out this","templateDemoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Beauty Salon Responsive Website Template (#52444) by viewing the demo. Click through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Beauty Salon Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52444.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-12-12","sent":2,"downloads":66,"search_words":"Spa salon beauty cosmetic weight loss massage facial body style product staff professional decorative foundation cream care lipstick mascara powder rouge skin perfume makeup education consultation research technology special offer fashion hydrother","is_adult":0,"exc_price":4100,"sent_date":"2014-12-17 06:15:26","last_upload":"2014-12-12 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"52444-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":408,"window_params":"","banner_url":"","id":1432516,"href":"","height":55},{"scr_type_id":3,"filename":"52444-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432517,"href":"","height":2730},{"scr_type_id":297,"filename":"52444-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":430,"window_params":"","banner_url":"","id":1432518,"href":"","height":1076},{"scr_type_id":315,"filename":"52444-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432519,"href":"","height":4003},{"scr_type_id":3,"filename":"52444-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432520,"href":"","height":4003},{"scr_type_id":3,"filename":"52444-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":895,"window_params":"","banner_url":"","id":1432521,"href":"","height":599},{"scr_type_id":311,"filename":"52444-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":965,"window_params":"","banner_url":"","id":1432522,"href":"","height":2414},{"scr_type_id":300,"filename":"52444-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":320,"window_params":"","banner_url":"","id":1432523,"href":"","height":900},{"scr_type_id":299,"filename":"52444-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":430,"window_params":"","banner_url":"","id":1432524,"href":"","height":900},{"scr_type_id":298,"filename":"52444-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":430,"window_params":"","banner_url":"","id":1432525,"href":"","height":900},{"scr_type_id":212,"filename":"52444-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":430,"window_params":"","banner_url":"","id":1432526,"href":"","height":60},{"scr_type_id":3,"filename":"52444-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432527,"href":"","height":2730},{"scr_type_id":78,"filename":"52444-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52444,"width":970,"window_params":"","banner_url":"","id":1432528,"href":"","height":280},{"scr_type_id":314,"filename":"52444-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432529,"href":"","height":4003},{"scr_type_id":317,"filename":"52444-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432530,"href":"","height":2730},{"scr_type_id":312,"filename":"52444-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":370,"window_params":"","banner_url":"","id":1432531,"href":"","height":370},{"scr_type_id":3,"filename":"52444-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432532,"href":"","height":4003},{"scr_type_id":3,"filename":"52444-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":965,"window_params":"","banner_url":"","id":1432533,"href":"","height":1647},{"scr_type_id":3,"filename":"52444-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1432534,"href":"","height":2730},{"scr_type_id":9,"filename":"52444-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":145,"window_params":"","banner_url":"","id":1432535,"href":"","height":156},{"scr_type_id":334,"filename":"52444-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52444,"width":1600,"window_params":"","banner_url":"","id":1637374,"href":"","height":4003}],"demoUrl":"/demo/52444.html","image":"https://s.tmimgcdn.com/scr/52400/beauty-salon-responsive-website-template_52444-original.jpg","searchHash":"0a6ff9fcb855c8d77c3856d9da55541a","previewHash":"244dc2b927305ba04631d8d2b3d716ae","authorNickname":"WT","lowLevelTopic":"Beauty Salon Templates","weightedRating":3.4461538461538463,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"uniqueKeywords":"Spa salon","metaDescription":"Before buying it, check out this awesome Beauty Salon Responsive Website Template (#52444) - learn technical specifics and requirements, read testimonials, ask a question.","features":["Responsive","HTML plus JS","Parallax","Lazy Load effect","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider","TouchTouch Gallery"],"isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52400/52444-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-04-14T06:34:34-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Beauty Salon Responsive Website Template (#52444) by viewing the demo. Click through the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"Should you build a website by using this template, prospects will easily navigate through it due to the clean and uncomplicated layout. Check out this contemporary web design solution for cosmetic salon, beauty salon spa or beauty center. 100% responsive template easily adjusts to pretty much any screen size, presenting customers with pleasant surfing experience. The information and facts are arranged into tidy sections that are easy to browse. If you have any inquiries on the subject of template usage you can check detailed documentation, also you receive 24/7 priority assistance aiding to respond to any problem. Shop for this web layout to boost the number of your readers and income.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><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 Parallax Fashion & Beauty Store website design</h3> <p><b>What is it?</b></p><p>This is a unique approach when the background pic moves slower in perspective in contrast to factors the foreground. Because of this, Parallax creates a sense of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling can help you increase depth to your webpage look and feel.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Beauty Spa website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little along with bigger screen sizes mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for those who surf a website page on a mobile phone or any other gadget, besides helps to improve rankings of a website in Google results. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","tags":["beauty","body","care","consultation","cosmetic","cream","decorative","education","facial","fashion","foundation","lipstick","loss","makeup","mascara","massage","offer","perfume","powder","product","professional","research","rouge","salon","skin","special","staff","style","technology","weight","spa"],"customUrl":"/website-templates/52444.html","badge":"badge-responsive","nameOfTheTemplate":"Beauty Salon Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Beauty Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/52400/52444-original.jpg","imagesList":"Depositphotos1519265original,Depositphotos1543219original,Depositphotos1870595original,Depositphotos3658334original,Depositphotos3955844original,Depositphotos4705954original,Depositphotos5006287original,Depositphotos5735851original,Depositphotos7260594original,Depositphotos10569098original,Depositphotos12801045original,Depositphotos15590023original,Depositphotos26263053original,Depositphotos34488141original,Depositphotos34547661original","productFamily":"None","followUpLetter":"website-template-offers","color":["white","grey","brown","pink","green"],"reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_52444","templateGroup":"HTML Templates","popularity":"Top Rated","dynamicChangeLog":"<ul>\n<li>- 2 HTML bugs fixed</li>\n<li>- 2 minor CSS issues fixed</li>\n<li>- 3 minor background issues fixed</li>\n<li>- 1 minor layout issue fixed</li>\n<li>- 2 minor styles bugs fixed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/139p510","layout":"2 columns","webForms":"Contact Form","loyaltySells":"1","width":"1600px","skupromo":"20%","marketplaceMembership":"None","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: Fri, 03 Jan 2025 15:13:34 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=52444&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52444&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52444&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 Jan 2025 15:18:34 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://livedemo00.template-help.com/wt_52444<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52444 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/52444.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 #52444            </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=52444&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>