string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57872&expand=properties"
string(14247) "[{"templateId":57872,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":216,"categoryName":"Family Center Templates","templateTitle":"Family Center Responsive Website Template","templatePreviewHtmlTitle":"Family Centre Website Template #57872 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Family Centre Website Template #57872","typeShortName":"Website","templatePreviewFBTitle":"The overall feeling of this <b>Family Website Template</b> is cheerful and positive, which is highly suitable for such websites. Featuring a minimalist color scheme, it brings site content to the forefront, making users focus their attention on visuals and written data. The header of the theme features a large hero area, which allows users feel the atmosphere of your business once they land on the page. The fonts are readable. In order to create some hierarchy on site, the designer decided to play with the font color and size. The layout has an uncommon structure, which captivates users' attention and provides for better storytelling. The theme was made fully responsive, which ensures that it will adapt properly to any screen size.<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 Family Youth Center website design template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adjust to any display dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers an improved user experience for people that surf a website on a smartphone or a tablet, and at the same time enables you to raise rankings of a website in Google results. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is Home & Family Blog web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This option enables you to include your online store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>On-line chat is definitely the speediest procedure to interact with your website visitors and turn them into your buyers.</p><p>Find fresh <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Family Centre Website Template","templatePreviewMetaDescription":"The overall feeling of this Family Website Template is cheerful and positive, which is highly suitable for such websites. Featuring a minimalist color scheme,","templateDemoMetaDescription":"Before you purchase it, get the feel and look of the professional Family Centre Website Template (#57872) by visiting the demo. Browse through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Family Centre Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/57872.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-12-24","sent":2,"downloads":28,"search_words":"family center portal site harmony hearth home children baby child mother father grandparents relatives relationship close care happiness education youth health kids fun advices events entertainment information support directory","is_adult":0,"exc_price":4100,"sent_date":"2015-12-25 06:18:58","last_upload":"2015-12-24 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"57872-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":895,"window_params":"","banner_url":"","id":1514488,"href":"","height":599},{"scr_type_id":3,"filename":"57872-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":1800,"window_params":"","banner_url":"","id":1514489,"href":"","height":5055},{"scr_type_id":3,"filename":"57872-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":408,"window_params":"","banner_url":"","id":1514490,"href":"","height":55},{"scr_type_id":299,"filename":"57872-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":430,"window_params":"","banner_url":"","id":1514491,"href":"","height":900},{"scr_type_id":314,"filename":"57872-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":1903,"window_params":"","banner_url":"","id":1514492,"href":"","height":5055},{"scr_type_id":3,"filename":"57872-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":1903,"window_params":"","banner_url":"","id":1514493,"href":"","height":5055},{"scr_type_id":212,"filename":"57872-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":430,"window_params":"","banner_url":"","id":1514494,"href":"","height":60},{"scr_type_id":9,"filename":"57872-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":145,"window_params":"","banner_url":"","id":1514495,"href":"","height":156},{"scr_type_id":300,"filename":"57872-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":320,"window_params":"","banner_url":"","id":1514496,"href":"","height":900},{"scr_type_id":78,"filename":"57872-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57872,"width":970,"window_params":"","banner_url":"","id":1514497,"href":"","height":280},{"scr_type_id":311,"filename":"57872-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":965,"window_params":"","banner_url":"","id":1514498,"href":"","height":2710},{"scr_type_id":298,"filename":"57872-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":430,"window_params":"","banner_url":"","id":1514499,"href":"","height":900},{"scr_type_id":297,"filename":"57872-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":430,"window_params":"","banner_url":"","id":1514500,"href":"","height":1208},{"scr_type_id":315,"filename":"57872-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":1800,"window_params":"","banner_url":"","id":1514501,"href":"","height":5055},{"scr_type_id":312,"filename":"57872-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":370,"window_params":"","banner_url":"","id":1514502,"href":"","height":370},{"scr_type_id":334,"filename":"57872-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57872,"width":1903,"window_params":"","banner_url":"","id":1640642,"href":"","height":5055}],"demoUrl":"/demo/57872.html","image":"https://s.tmimgcdn.com/scr/57800/family-centre-website-template_57872-original.jpg","searchHash":"8bacf7620d97711e2b8c9dd936fe3c9c","previewHash":"edbf05e73da3e878f3096d9932d2ed30","authorNickname":"WT","lowLevelTopic":"Family Center Templates","weightedRating":3.4000000000000004,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme is best suited for family, kids, holiday and entertainment websites.","uniqueKeywords":"Family","metaDescription":"Your site will look cheerful and dynamic when built wit the help of the fully responsive Family Website Template, which combines creative design with sleek fucntionality.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57800/57872-en_01.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_02.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_03.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_04.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_05.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_06.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_07.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_08.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_09.jpg, https://s.tmimgcdn.com/scr/57800/57872-en_10.jpg","features":["Responsive","HTML plus JS","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Tabs","On-line chat"],"templateSources":[".PSD",".HTML"],"authorUserId":"1553971","htmlTitle":"Family Website Template","isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/57800/57872-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-01-25T14:04:12-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you purchase it, get the feel and look of the professional Family Centre Website Template (#57872) by visiting the demo. Browse through the pages, check out the images, click the buttons, explore the features.","shortDescription":"The overall feeling of this <b>Family Website Template</b> is cheerful and positive, which is highly suitable for such websites. Featuring a minimalist color scheme, it brings site content to the forefront, making users focus their attention on visuals and written data. The header of the theme features a large hero area, which allows users feel the atmosphere of your business once they land on the page. The fonts are readable. In order to create some hierarchy on site, the designer decided to play with the font color and size. The layout has an uncommon structure, which captivates users' attention and provides for better storytelling. The theme was made fully responsive, which ensures that it will adapt properly to any screen size.<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 Family Youth Center website design template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adjust to any display dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers an improved user experience for people that surf a website on a smartphone or a tablet, and at the same time enables you to raise rankings of a website in Google results. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is Home & Family Blog web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This option enables you to include your online store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>On-line chat is definitely the speediest procedure to interact with your website visitors and turn them into your buyers.</p><p>Find fresh <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website templates</a> here</p> <br /></div></div></div></div>","tags":["advices","baby","care","center","child","children","close","directory","education","entertainment","events","family","father","fun","grandparents","happiness","harmony","health","hearth","home","information","kids","mother","portal","relationship","site","support","youth"],"customUrl":"/website-templates/57872.html","badge":"badge-responsive","nameOfTheTemplate":"Family Centre Website Template","pHPVersionCompatibility":"7.x","topic":["Family Center Templates","Family Templates","Home & Family"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/57800/57872-original.jpg","imagesList":"Depositphotos4716908original,Depositphotos4771564original,Depositphotos10456350original,Depositphotos21384745original,Copy Depositphotos3089866original.jpg,Copy Depositphotos4776722original.jpg,Copy Depositphotos9785973original.jpg,Depositphotos1334044original.jpg,Depositphotos2784059original.jpg,Depositphotos4456387original.jpg,Depositphotos4716908original.jpg,Depositphotos4771564original.jpg,Depositphotos6479766original.jpg,Depositphotos9557639original.jpg,Depositphotos10456350original.jpg,Depositphotos11336074EL4.jpg,Depositphotos11444639EL4.jpg,Depositphotos13880217original.jpg,Depositphotos21384745original.jpg,Depositphotos21710843original.jpg,Depositphotos23560861original.jpg,Depositphotos23965387original.jpg","productFamily":"None","color":["white","grey","green"],"followUpLetter":"website-template-offers","reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_57872","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":"TouchTouch","dynamicChangeLog":"<ul>\n<li>- 2 minor CSS bugs fixed</li>\n<li>- 3 font bugs fixed</li>\n<li>- 2 front-end bugs fixed</li>\n<li>- 2 styles bugs fixed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1Mzb6ka","webForms":"Contact Form","loyaltySells":"1","width":"2050px","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: Sun, 22 Dec 2024 03:03:26 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=57872&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57872&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57872&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 22 Dec 2024 03:08:26 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_57872<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57872 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/57872.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 #57872            </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=57872&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>