string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55235&expand=properties"
string(14341) "[{"templateId":55235,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":219,"categoryName":"Summer Camp Templates","templateTitle":"Summer Camp Responsive Website Template","templatePreviewHtmlTitle":"Summer Camp Website Template #55235 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Summer Camp Website Template #55235","typeShortName":"Website","templatePreviewFBTitle":"The theme is a perfect fit for kids summer camps. Main menu and programs of the summer camp Web Template are accessible from the header. They are placed over the happy children photo, which creates a positive mood on the web page. The rest of the content is ordered and styled so that the readers could easily perceive the information. Events calendar is featured in a slider . This helps to save on space and makes it more interesting and dynamic at the same time. Web cam function allows parents take a tour over the camp and see everything with their own eyes.<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 Home & Family website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an internet page exact nicely on any screen size.</p> <p><b>Why is it Good?</b></p><p>Whatever kind of gadget your consumers may use to enter the homepage - they should view a vivid picture having a effortless navigation menu. It becomes an especially beneficial function, taking into account that the vast majority of end users now choose their cell phones for internet surfing.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Parallax Summer Camp website design</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in web page design where the background page content moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling effect always catches the interest of an audience and boosts company's popularity thanks to the enticing looks.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Summer Camp Website Template","templatePreviewMetaDescription":"The theme is a perfect fit for kids summer camps. Main menu and programs of the summer camp Web Template are accessible from the header. They are placed over","templateDemoMetaDescription":"Try out the live preview of the professional Summer Camp Website Template (#55235) to understand what this template is prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Summer Camp Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55235.html","userRating":"4","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-08-05","sent":2,"downloads":28,"search_words":"summer camping tourism equipment tents campers motorhome hire western lakes mountains mid coast down east sunrise country tourists guide tips regions destination map compass info statewide activity gallery location relaxation recreation impression vacati","is_adult":0,"exc_price":4100,"sent_date":"2015-08-22 06:15:07","last_upload":"2015-08-05 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"55235-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":370,"window_params":"","banner_url":"","id":1491784,"href":"","height":370},{"scr_type_id":3,"filename":"55235-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":1800,"window_params":"","banner_url":"","id":1491785,"href":"","height":4200},{"scr_type_id":3,"filename":"55235-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":895,"window_params":"","banner_url":"","id":1491786,"href":"","height":599},{"scr_type_id":212,"filename":"55235-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":430,"window_params":"","banner_url":"","id":1491787,"href":"","height":60},{"scr_type_id":317,"filename":"55235-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":2050,"window_params":"","banner_url":"","id":1491788,"href":"","height":2784},{"scr_type_id":3,"filename":"55235-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":2050,"window_params":"","banner_url":"","id":1491789,"href":"","height":4200},{"scr_type_id":311,"filename":"55235-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":965,"window_params":"","banner_url":"","id":1491790,"href":"","height":2252},{"scr_type_id":9,"filename":"55235-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":145,"window_params":"","banner_url":"","id":1491791,"href":"","height":156},{"scr_type_id":299,"filename":"55235-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":430,"window_params":"","banner_url":"","id":1491792,"href":"","height":900},{"scr_type_id":78,"filename":"55235-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55235,"width":970,"window_params":"","banner_url":"","id":1491793,"href":"","height":280},{"scr_type_id":300,"filename":"55235-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":320,"window_params":"","banner_url":"","id":1491794,"href":"","height":900},{"scr_type_id":314,"filename":"55235-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":2050,"window_params":"","banner_url":"","id":1491795,"href":"","height":4200},{"scr_type_id":298,"filename":"55235-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":430,"window_params":"","banner_url":"","id":1491796,"href":"","height":900},{"scr_type_id":3,"filename":"55235-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":965,"window_params":"","banner_url":"","id":1491797,"href":"","height":1493},{"scr_type_id":297,"filename":"55235-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":430,"window_params":"","banner_url":"","id":1491798,"href":"","height":1095},{"scr_type_id":315,"filename":"55235-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":1800,"window_params":"","banner_url":"","id":1491799,"href":"","height":4200},{"scr_type_id":3,"filename":"55235-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":1800,"window_params":"","banner_url":"","id":1491800,"href":"","height":2784},{"scr_type_id":3,"filename":"55235-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":408,"window_params":"","banner_url":"","id":1491801,"href":"","height":55},{"scr_type_id":3,"filename":"55235-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":2050,"window_params":"","banner_url":"","id":1491802,"href":"","height":2784},{"scr_type_id":3,"filename":"55235-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":1800,"window_params":"","banner_url":"","id":1491803,"href":"","height":2784},{"scr_type_id":334,"filename":"55235-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55235,"width":2050,"window_params":"","banner_url":"","id":1639669,"href":"","height":4200}],"demoUrl":"/demo/55235.html","image":"https://s.tmimgcdn.com/scr/55200/summer-camp-website-template_55235-original.jpg","searchHash":"b60c1d7f87f5a9a009dcbd2dcaac488d","previewHash":"ce07cc4873ba99c43c3c5c1f03861f2c","authorNickname":"WT","lowLevelTopic":"Summer Camp Templates","weightedRating":3.272727272727272,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme was developed for online summer camps, family and entertainment websites.","uniqueKeywords":"Summer Camp Busines","metaDescription":"Summer Camp Web Template - Present Your Services with Style","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","isFree":"none","htmlTitle":"Summer Camp Web Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55200/55235-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-02-10T17:03:09-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Try out the live preview of the professional Summer Camp Website Template (#55235) to understand what this template is prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","shortDescription":"The theme is a perfect fit for kids summer camps. Main menu and programs of the summer camp Web Template are accessible from the header. They are placed over the happy children photo, which creates a positive mood on the web page. The rest of the content is ordered and styled so that the readers could easily perceive the information. Events calendar is featured in a slider . This helps to save on space and makes it more interesting and dynamic at the same time. Web cam function allows parents take a tour over the camp and see everything with their own eyes.<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 Home & Family website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an internet page exact nicely on any screen size.</p> <p><b>Why is it Good?</b></p><p>Whatever kind of gadget your consumers may use to enter the homepage - they should view a vivid picture having a effortless navigation menu. It becomes an especially beneficial function, taking into account that the vast majority of end users now choose their cell phones for internet surfing.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Parallax Summer Camp website design</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in web page design where the background page content moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling effect always catches the interest of an audience and boosts company's popularity thanks to the enticing looks.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","tags":["activity","camp","camping","coast","compass","country","destination","down","east","equipment","gallery","guide","hire","impression","info","location","map","mid","mountains","recreation","relaxation","summer","sunrise","tents","tips","tourism","tourists","western"],"customUrl":"/website-templates/55235.html","badge":"badge-responsive","nameOfTheTemplate":"Summer Camp Website Template","pHPVersionCompatibility":"7.x","topic":["Summer Camp Templates","Family Templates","Home & Family","Kids & Children"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/55200/55235-original.jpg","imagesList":"Depositphotos4823232original,Depositphotos6060914original,Depositphotos6189505original,Depositphotos11676252original,Depositphotos21487619original,Depositphotos28301835original,,https//snazzymaps.com/style/38/shades-of-grey, Depositphotos10894242EL4,Depositphotos3047284l,Depositphotos5696085original,Depositphotos6060914original,Depositphotos6189505original,Depositphotos6469813original,Depositphotos11751306EL4,Depositphotos11902260EL4,Depositphotos13885686original,Depositphotos13886736original","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","brown"],"reviewsTotal":"1","reviewAverageScore":"4","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_55235","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":"Carousel","dynamicChangeLog":"<ul>\n<li>- HTML optimized for better performance</li>\n<li>- 1 font bug fixed</li>\n<li>- 2 PSD layers changed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1NLVcpl","webForms":"Contact Form","loyaltySells":"1","width":"2050px","skupromo":"43%","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, 26 Apr 2024 07:01:20 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=55235&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55235&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55235&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 07:06:20 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_55235<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55235 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/55235.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 #55235            </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=55235&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>