string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52290&expand=properties"
string(14771) "[{"templateId":52290,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":120,"categoryName":"Hair Salon Templates","templateTitle":"Hair Salon Responsive Website Template","templatePreviewHtmlTitle":"Hellen - Hair Salon Classic Multipage HTML5 Website Template","templateDemoHtmlTitle":"Demo for Hellen - Hair Salon Classic Multipage HTML5 Website Template #52290","typeShortName":"Website","templatePreviewFBTitle":"his Hair Salon Multipage HTML5 Template has a clean design and cross-browser support. The template was created using HTML5 and CSS3. Graphic elements offer many options for decorating your future website. The solution gives unlimited possibilities to its owner. It allows you to choose from a wide range of ready-made styles of headers and footers. Or to simply create your own variations. It's also fully adaptive and built using modern technologies. This template will be an excellent choice for your hair salon. It looks great on tablets and mobile devices. It will be a great solution for creating an amazing website for your business.<p><em>Please note that .psd files are not included in this template package.</em></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 Beauty Tips website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a great browsing experience to all users throughout all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Fashion & Beauty web template</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant things move around much slower as opposed to nearby ones. Imitation of such an effect on the web presence - if the background image shifts slower when compared to the content material, is called parallax. It's utilized to create a feeling of space in the customer's eyes.</p> <p><b>Why is it Good?</b></p><p>It creates an intense effect for the individual, and thus encouraging a big target audience and forcing people to stick to the website. That's a great way to include a highlight to a one-page website, revive an infographic, tell a story or showcase a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Hellen - Hair Salon Classic Multipage HTML5 Website Template","templatePreviewMetaDescription":"his Hair Salon Multipage HTML5 Template has a clean design and cross-browser support. The template was created using HTML5 and CSS3. Graphic elements offer","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Hair Salon Responsive Website Template (#52290) by viewing the demo. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hellen - Hair Salon Classic Multipage HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52290.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2014-11-27","sent":1,"downloads":73,"search_words":"barbershop barber health therapy body spa massage company business clinic services healthcare consulting design portfolio professinal","is_adult":0,"exc_price":4500,"sent_date":"2019-05-29 06:15:20","last_upload":"2014-11-27 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"52290-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":370,"window_params":"","banner_url":"","id":1429666,"href":"","height":370},{"scr_type_id":297,"filename":"52290-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":430,"window_params":"","banner_url":"","id":1429667,"href":"","height":1160},{"scr_type_id":3,"filename":"52290-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1800,"window_params":"","banner_url":"","id":1429668,"href":"","height":4274},{"scr_type_id":212,"filename":"52290-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":430,"window_params":"","banner_url":"","id":1429669,"href":"","height":60},{"scr_type_id":78,"filename":"52290-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52290,"width":970,"window_params":"","banner_url":"","id":1429670,"href":"","height":280},{"scr_type_id":9,"filename":"52290-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":145,"window_params":"","banner_url":"","id":1429671,"href":"","height":156},{"scr_type_id":3,"filename":"52290-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1800,"window_params":"","banner_url":"","id":1429672,"href":"","height":4854},{"scr_type_id":3,"filename":"52290-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1920,"window_params":"","banner_url":"","id":1429673,"href":"","height":4274},{"scr_type_id":299,"filename":"52290-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":430,"window_params":"","banner_url":"","id":1429674,"href":"","height":900},{"scr_type_id":3,"filename":"52290-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1800,"window_params":"","banner_url":"","id":1429675,"href":"","height":4274},{"scr_type_id":3,"filename":"52290-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":408,"window_params":"","banner_url":"","id":1429676,"href":"","height":55},{"scr_type_id":314,"filename":"52290-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1920,"window_params":"","banner_url":"","id":1429677,"href":"","height":4854},{"scr_type_id":3,"filename":"52290-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":895,"window_params":"","banner_url":"","id":1429678,"href":"","height":599},{"scr_type_id":315,"filename":"52290-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1800,"window_params":"","banner_url":"","id":1429679,"href":"","height":4854},{"scr_type_id":3,"filename":"52290-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1920,"window_params":"","banner_url":"","id":1429680,"href":"","height":4854},{"scr_type_id":3,"filename":"52290-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":965,"window_params":"","banner_url":"","id":1429681,"href":"","height":2291},{"scr_type_id":311,"filename":"52290-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":965,"window_params":"","banner_url":"","id":1429682,"href":"","height":2602},{"scr_type_id":300,"filename":"52290-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":320,"window_params":"","banner_url":"","id":1429683,"href":"","height":900},{"scr_type_id":317,"filename":"52290-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1920,"window_params":"","banner_url":"","id":1429684,"href":"","height":4274},{"scr_type_id":298,"filename":"52290-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":430,"window_params":"","banner_url":"","id":1429685,"href":"","height":900},{"scr_type_id":334,"filename":"52290-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52290,"width":1920,"window_params":"","banner_url":"","id":1637220,"href":"","height":4854}],"demoUrl":"/demo/52290.html","image":"https://s.tmimgcdn.com/scr/52200/hellen-hair-salon-classic-multipage-html5-website-template_52290-original.jpg","searchHash":"4037e94105678111fee9dac919ae9f4a","previewHash":"86d124b1c2243f7f1f3f2ad014f167a0","authorNickname":"RockThemes","lowLevelTopic":"Hair Salon Templates","weightedRating":4.3333333333333,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is suitable for Fashion & Beauty websites.","uniqueKeywords":"barbershop barber health therapy body spa massage company business clinic services healthcare consulting design portfolio professinal","showVariantForcibly":"b","metaDescription":"If you want a bright and attractive website for your hair salon, this Hair Salon Multipage HTML5 Template will be of great help.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/52200/52290-en_01.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_02.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_03.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_04.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_05.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_06.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_07.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_08.jpg, https://s.tmimgcdn.com/scr/52200/52290-en_09.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","htmlTitle":"Hair Salon Multipage HTML5 Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52200/52290-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-01-28T03:01:31-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"52200/52290_01-big.jpg, 52200/52290_02-big.jpg, 52200/52290_03-big.jpg, 52200/52290_04-big.jpg, 52200/52290_05-big.jpg","demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Hair Salon Responsive Website Template (#52290) by viewing the demo. Go through the pages, examine the images, press the buttons, explore the features.","shortDescription":"his Hair Salon Multipage HTML5 Template has a clean design and cross-browser support. The template was created using HTML5 and CSS3. Graphic elements offer many options for decorating your future website. The solution gives unlimited possibilities to its owner. It allows you to choose from a wide range of ready-made styles of headers and footers. Or to simply create your own variations. It's also fully adaptive and built using modern technologies. This template will be an excellent choice for your hair salon. It looks great on tablets and mobile devices. It will be a great solution for creating an amazing website for your business.<p><em>Please note that .psd files are not included in this template package.</em></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 Beauty Tips website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a great browsing experience to all users throughout all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Fashion & Beauty web template</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant things move around much slower as opposed to nearby ones. Imitation of such an effect on the web presence - if the background image shifts slower when compared to the content material, is called parallax. It's utilized to create a feeling of space in the customer's eyes.</p> <p><b>Why is it Good?</b></p><p>It creates an intense effect for the individual, and thus encouraging a big target audience and forcing people to stick to the website. That's a great way to include a highlight to a one-page website, revive an infographic, tell a story or showcase a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","tags":["barber","barbershop","body","business","clinic","company","consulting","design","health","healthcare","massage","portfolio","services","spa","therapy"],"customUrl":"/website-templates/52290.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":"Hellen - Hair Salon Classic Multipage HTML5 Website Template","pHPVersionCompatibility":"7.x","topic":["Hair Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","brown"],"dateRange":"Last 6 Months","reviewsTotal":"5","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-22925/","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","galleryScript":["Accordion","Carousel","CSS and JS","Grid"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 2 HTML bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/1pMgCLx","layout":"2 columns","webForms":["Booking Form","Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"35%","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 13:15:18 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=52290&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52290&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52290&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 14 May 2024 13:20:18 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_prod-22925/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52290 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/52290.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 #52290            </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=52290&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>