string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52020&expand=properties"
string(16467) "[{"templateId":52020,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":199,"categoryName":"Amusement Park Templates","templateTitle":"Amusement Park Responsive Website Template","templatePreviewHtmlTitle":"Amusement Park Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Amusement Park Responsive Website Template #52020","typeShortName":"Website","templatePreviewFBTitle":"This template is a pre-made entertainment park website web theme meant to provide you with a way to market your website effectively. This amusement park website template that enables you to establish a website for kids theme park, kids amusement park or water park for kids. The web template can be easily optimized for SEO to help bring in much more targeted visitors to your web page. Your site visitors will easily find out who you are and what you do as a result of informative text blocks with vivid illustrations or photos displaying your projects. Neat, valid coding and explicit guidelines will help you in enhancing this water amusement park website web template just how you need. If your purpose is building an eye-catching website, then this refined web layout is just the thing you need.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Entertainment Agency web template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a extremely popular framework, that makes the work with Html code, CSS and JS more convenient. It had been built as a tool to build up a responsive design, but eventually it introduced lots of additional efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap makes it possible to build up responsive, mobile-first  projects extremely easily.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This Water Amusement Park website template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design will help your webpage appear equally awesome on display of any existing personal pc or mobile device.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Nightlife website design template</h3> <p><b>What is it?</b></p><p>It is a specific process when the background pic moves less quickly in perspective in contrast to elements of the foreground. For this reason, Parallax creates a sensation of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually beautiful and glues users' sight to the illustrations and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Amusement Park Responsive Website Template","templatePreviewMetaDescription":"This template is a pre-made entertainment park website web theme meant to provide you with a way to market your website effectively. This amusement park","templateDemoMetaDescription":"The live preview for this professional Amusement Park Responsive Website Template (#52020) is made available for you to get yourself acquainted with the design before you purchase it. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Amusement Park Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52020.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-10-30","sent":2,"downloads":16,"search_words":"amusement park attraction roundabout  fun entertainment clown tickets Ferris wheel room of fear big carousel funny slides family fun kids events","is_adult":0,"exc_price":4500,"sent_date":"2014-11-03 06:15:32","last_upload":"2014-10-30 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"52020-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":965,"window_params":"","banner_url":"","id":1424759,"href":"","height":1236},{"scr_type_id":78,"filename":"52020-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52020,"width":970,"window_params":"","banner_url":"","id":1424760,"href":"","height":280},{"scr_type_id":3,"filename":"52020-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":895,"window_params":"","banner_url":"","id":1424761,"href":"","height":599},{"scr_type_id":3,"filename":"52020-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1920,"window_params":"","banner_url":"","id":1424762,"href":"","height":2800},{"scr_type_id":315,"filename":"52020-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1800,"window_params":"","banner_url":"","id":1424763,"href":"","height":2800},{"scr_type_id":300,"filename":"52020-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":320,"window_params":"","banner_url":"","id":1424764,"href":"","height":900},{"scr_type_id":9,"filename":"52020-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":145,"window_params":"","banner_url":"","id":1424765,"href":"","height":156},{"scr_type_id":3,"filename":"52020-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1920,"window_params":"","banner_url":"","id":1424766,"href":"","height":2305},{"scr_type_id":3,"filename":"52020-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1800,"window_params":"","banner_url":"","id":1424767,"href":"","height":2800},{"scr_type_id":312,"filename":"52020-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":370,"window_params":"","banner_url":"","id":1424768,"href":"","height":370},{"scr_type_id":297,"filename":"52020-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":430,"window_params":"","banner_url":"","id":1424769,"href":"","height":753},{"scr_type_id":317,"filename":"52020-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1920,"window_params":"","banner_url":"","id":1424770,"href":"","height":2305},{"scr_type_id":3,"filename":"52020-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1800,"window_params":"","banner_url":"","id":1424771,"href":"","height":2305},{"scr_type_id":3,"filename":"52020-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1800,"window_params":"","banner_url":"","id":1424772,"href":"","height":2305},{"scr_type_id":299,"filename":"52020-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":430,"window_params":"","banner_url":"","id":1424773,"href":"","height":900},{"scr_type_id":311,"filename":"52020-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":965,"window_params":"","banner_url":"","id":1424774,"href":"","height":1501},{"scr_type_id":298,"filename":"52020-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":430,"window_params":"","banner_url":"","id":1424775,"href":"","height":900},{"scr_type_id":212,"filename":"52020-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":430,"window_params":"","banner_url":"","id":1424776,"href":"","height":60},{"scr_type_id":314,"filename":"52020-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1920,"window_params":"","banner_url":"","id":1424777,"href":"","height":2800},{"scr_type_id":3,"filename":"52020-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":408,"window_params":"","banner_url":"","id":1424778,"href":"","height":55},{"scr_type_id":334,"filename":"52020-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52020,"width":1920,"window_params":"","banner_url":"","id":1636950,"href":"","height":2800}],"demoUrl":"/demo/52020.html","image":"https://s.tmimgcdn.com/scr/52000/amusement-park-responsive-website-template_52020-original.jpg","searchHash":"11c53711eba8e96b7fe917ebba078ea0","previewHash":"f3fbbd0c68a2ec4640e95055555090e3","authorNickname":"WT","lowLevelTopic":"Amusement Park Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"uniqueKeywords":"Caravan and leisure park","metaDescription":"Before you buy it, take a closer look at this premium Amusement Park Responsive Website Template (#52020) - get to know tech details and requirements, read user reviews, ask a question.","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider","Responsive Carousel"],"isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52000/52020-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2020-07-24T07:45:05-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview for this professional Amusement Park Responsive Website Template (#52020) is made available for you to get yourself acquainted with the design before you purchase it. View the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"This template is a pre-made entertainment park website web theme meant to provide you with a way to market your website effectively. This amusement park website template that enables you to establish a website for kids theme park, kids amusement park or water park for kids. The web template can be easily optimized for SEO to help bring in much more targeted visitors to your web page. Your site visitors will easily find out who you are and what you do as a result of informative text blocks with vivid illustrations or photos displaying your projects. Neat, valid coding and explicit guidelines will help you in enhancing this water amusement park website web template just how you need. If your purpose is building an eye-catching website, then this refined web layout is just the thing you need.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Entertainment Agency web template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a extremely popular framework, that makes the work with Html code, CSS and JS more convenient. It had been built as a tool to build up a responsive design, but eventually it introduced lots of additional efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap makes it possible to build up responsive, mobile-first  projects extremely easily.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This Water Amusement Park website template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design will help your webpage appear equally awesome on display of any existing personal pc or mobile device.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Nightlife website design template</h3> <p><b>What is it?</b></p><p>It is a specific process when the background pic moves less quickly in perspective in contrast to elements of the foreground. For this reason, Parallax creates a sensation of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually beautiful and glues users' sight to the illustrations and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","tags":["amusement","and","attraction","big","caravan","carousel","clown","entertainment","events","family","fear","ferris","fun","funny","kids","leisure","park","room","slides","tickets","wheel","of"],"customUrl":"/website-templates/52020.html","badge":"badge-responsive","nameOfTheTemplate":"Amusement Park Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Amusement Park Templates","Entertainment Templates","Entertainment, Games & Nightlife"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/52000/52020-original.jpg","imagesList":"T Depositphotos9785973original,Depositphotos1409719original,Depositphotos3131781original,Depositphotos3366094original,Depositphotos3568440original,Depositphotos4771564original,Depositphotos8601920original,Depositphotos10529349original,Depositphotos10841090original,Depositphotos11166761original,Depositphotos13741923original,Depositphotos31856087original,Depositphotos1147111original,Depositphotos1441632original,Depositphotos3435631original,Depositphotos3568440original,Depositphotos3861821original,Depositphotos4716999original,Depositphotos4791426original,Depositphotos5696085original,Depositphotos5865000original,Depositphotos7463862original,Depositphotos11340817EL4,Depositphotos11635089EL4,Depositphotos13198019original,Depositphotos13741943original,Depositphotos13885686original,Depositphotos28072165original,Depositphotos30603357original,Depositphotos34490345original","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","cyan"],"reviewsTotal":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://livedemo00.template-help.com/wt_52020","templateGroup":"HTML Templates","popularity":"Top Rated","dynamicChangeLog":"<ul>\n<li>- 1 minor CSS issue fixed</li>\n<li>- 2 background bugs fixed</li>\n<li>- 3 minor front-end bugs fixed</li>\n<li>- 2 layout issues fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1tyNzv9","layout":"2 columns","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"29%","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: Mon, 20 Jan 2025 05:37:16 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=52020&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52020&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52020&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 20 Jan 2025 05:42:16 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_52020<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52020 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/52020.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 #52020            </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=52020&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>