string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55054&expand=properties"
string(15379) "[{"templateId":55054,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":430,"categoryName":"Exterior Design Templates","templateTitle":"Exterior Design Responsive Website Template","templatePreviewHtmlTitle":"Exterior Design Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Exterior Design Responsive Website Template #55054","typeShortName":"Website","templatePreviewFBTitle":"This exterior design store website theme also has a number of great options that ensure an easy navigation and user-friendly interface. If you're in search of an ideal design for outdoor design or exterior siding design web page, take a look at this expert website template. The following template was created to help you build an information rich web resource where visitors can find your company values and goals, look through your projects, read what others think about the services you provide, post their personal feedback, and share your news on social networking sites. Its responsive layout will have your project within reach, from users of mobile phones to people browsing the Net through personal computers. If you have any inquiries concerning website design use you can check detailed documentation, also you receive round-the-clock priority support helping to respond to any problem. If you agree that this web template is an excellent option for exterior designers or Exterior Design store, you can start the checkout process promptly.<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 Exterior Design Office web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page changes its size and shape to fit any type of display screen, from the tiniest mobile phone handsets to the largest Personalized computer screens. For every single gadget, page components get bigger or greatly reduce to look perfect.</p> <p><b>Why is it Good?</b></p><p>Smartphones drive 80% of worldwide online usage. It's important to design your business site responsive if you don't wish to lose your potential customers.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Home & Family News website template</h3> <p><b>What is it?</b></p><p>Parallax certainly is the famous website design effect, which enables the background and also forefront layers shift at different speeds.</p> <p><b>Why is it Good?</b></p><p>Parallax allow your potential customers relate with your website and make a better customer experience. It allows you you to be noticeable among your opponents.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Exterior Design Responsive Website Template","templatePreviewMetaDescription":"This exterior design store website theme also has a number of great options that ensure an easy navigation and user-friendly interface. If you're in search of","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the high quality Exterior Design Responsive Website Template (#55054) by experiencing the demo. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Exterior Design Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55054.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-07-15","sent":2,"downloads":30,"search_words":"melissa exterior design landscape design grass clipper lawn-mover grass-cutter lawn garden herb shrub tree palm planting bamboo fern company profile testimonials education work team staff services commercial clients residential special technologies","is_adult":0,"exc_price":4100,"sent_date":"2015-07-25 06:15:11","last_upload":"2015-07-15 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"55054-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":1680,"window_params":"","banner_url":"","id":1487459,"href":"","height":7813},{"scr_type_id":314,"filename":"55054-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":1680,"window_params":"","banner_url":"","id":1487460,"href":"","height":7813},{"scr_type_id":212,"filename":"55054-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":430,"window_params":"","banner_url":"","id":1487461,"href":"","height":60},{"scr_type_id":9,"filename":"55054-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":145,"window_params":"","banner_url":"","id":1487462,"href":"","height":156},{"scr_type_id":3,"filename":"55054-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":1600,"window_params":"","banner_url":"","id":1487463,"href":"","height":7813},{"scr_type_id":300,"filename":"55054-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":320,"window_params":"","banner_url":"","id":1487464,"href":"","height":900},{"scr_type_id":315,"filename":"55054-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":1600,"window_params":"","banner_url":"","id":1487465,"href":"","height":7813},{"scr_type_id":297,"filename":"55054-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":430,"window_params":"","banner_url":"","id":1487466,"href":"","height":2000},{"scr_type_id":78,"filename":"55054-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55054,"width":970,"window_params":"","banner_url":"","id":1487467,"href":"","height":280},{"scr_type_id":298,"filename":"55054-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":430,"window_params":"","banner_url":"","id":1487468,"href":"","height":900},{"scr_type_id":299,"filename":"55054-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":430,"window_params":"","banner_url":"","id":1487469,"href":"","height":900},{"scr_type_id":312,"filename":"55054-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":370,"window_params":"","banner_url":"","id":1487470,"href":"","height":370},{"scr_type_id":311,"filename":"55054-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":965,"window_params":"","banner_url":"","id":1487471,"href":"","height":4488},{"scr_type_id":3,"filename":"55054-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":408,"window_params":"","banner_url":"","id":1487472,"href":"","height":55},{"scr_type_id":3,"filename":"55054-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":895,"window_params":"","banner_url":"","id":1487473,"href":"","height":599},{"scr_type_id":334,"filename":"55054-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55054,"width":1680,"window_params":"","banner_url":"","id":1639492,"href":"","height":7813}],"demoUrl":"/demo/55054.html","image":"https://s.tmimgcdn.com/scr/55000/exterior-design-responsive-website-template_55054-original.jpg","searchHash":"257e49c5d29784dbcd875d91ab6039de","previewHash":"91c19f34e3a01a4fe4882c6b651abf20","authorNickname":"WT","lowLevelTopic":"Exterior Design Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"uniqueKeywords":"Design studio","metaDescription":"Check out this Exterior Design Responsive Website Template (#55054) and you might fall in love with it. Clean, professional and simple design.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider"],"isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55000/55054-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2020-04-09T05:40:27-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you decide to buy it, get the look and feel of the high quality Exterior Design Responsive Website Template (#55054) by experiencing the demo. View the pages, check the images, press the buttons, explore the features.","shortDescription":"This exterior design store website theme also has a number of great options that ensure an easy navigation and user-friendly interface. If you're in search of an ideal design for outdoor design or exterior siding design web page, take a look at this expert website template. The following template was created to help you build an information rich web resource where visitors can find your company values and goals, look through your projects, read what others think about the services you provide, post their personal feedback, and share your news on social networking sites. Its responsive layout will have your project within reach, from users of mobile phones to people browsing the Net through personal computers. If you have any inquiries concerning website design use you can check detailed documentation, also you receive round-the-clock priority support helping to respond to any problem. If you agree that this web template is an excellent option for exterior designers or Exterior Design store, you can start the checkout process promptly.<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 Exterior Design Office web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page changes its size and shape to fit any type of display screen, from the tiniest mobile phone handsets to the largest Personalized computer screens. For every single gadget, page components get bigger or greatly reduce to look perfect.</p> <p><b>Why is it Good?</b></p><p>Smartphones drive 80% of worldwide online usage. It's important to design your business site responsive if you don't wish to lose your potential customers.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Home & Family News website template</h3> <p><b>What is it?</b></p><p>Parallax certainly is the famous website design effect, which enables the background and also forefront layers shift at different speeds.</p> <p><b>Why is it Good?</b></p><p>Parallax allow your potential customers relate with your website and make a better customer experience. It allows you you to be noticeable among your opponents.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","tags":["bamboo","clients","clipper","commercial","company","design","education","exterior","fern","garden","grass","herb","landscape","lawn","palm","planting","profile","residential","services","shrub","special","staff","studio","team","technologies","testimonials","tree","work"],"customUrl":"/website-templates/55054.html","badge":"badge-responsive","nameOfTheTemplate":"Exterior Design Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Exterior Design Templates","Design","Design & Photography","Home & Family"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/55000/55054-original.jpg","imagesList":"Depositphotos1069426original.jpg,Depositphotos1147111original.jpg,Depositphotos1382984original.jpg,Depositphotos1641087original.jpg,Depositphotos1667799original.jpg,Depositphotos1693036original.jpg,Depositphotos1883754original.jpg,Depositphotos2019324original.jpg,Depositphotos2107949original.jpg,Depositphotos2416904original.jpg,Depositphotos3064321original.jpg,Depositphotos3096389original.jpg,Depositphotos3158123original.jpg,Depositphotos3587272original.jpg,Depositphotos3689239original.jpg,Depositphotos3843624original.jpg,Depositphotos4247517original.jpg,Depositphotos4467602original.jpg,Depositphotos4611903original.jpg,Depositphotos5294957original.jpg,Depositphotos7590103original.jpg,Depositphotos7590883original.jpg,Depositphotos7609791original.jpg,Depositphotos8621848original.jpg,Depositphotos8773937original.jpg,Depositphotos8869979original.jpg,Depositphotos8874825original.jpg,Depositphotos10166478original.jpg,Depositphotos11800426original.jpg,Depositphotos12031978original.jpg,Depositphotos12065697original.jpg,Depositphotos12192022original.jpg,Depositphotos12397071original.jpg,Depositphotos15383905original.jpg,Depositphotos28595743original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","green"],"reviewsTotal":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_55054","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 1 HTML issue fixed</li>\n<li>- 3 CSS bugs fixed</li>\n<li>- 2 font bugs fixed</li>\n<li>- 3 minor background issues fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1MqGvtg","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"1920px","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, 19 May 2024 12:22:05 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=55054&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55054&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55054&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 19 May 2024 12:27:05 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_55054<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55054 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/55054.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 #55054            </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=55054&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>