string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58972&expand=properties"
string(15942) "[{"templateId":58972,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":446,"categoryName":"Maintenance Services Templates","templateTitle":"Maintenance Services Responsive Website Template","templatePreviewHtmlTitle":"Service Center Website Template #58972 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Service Center Website Template #58972","typeShortName":"Website","templatePreviewFBTitle":"<p>Grab this fully responsive website template to build a maintenance services or industrial online project. This is a multi-purpose solution that is pre-loaded with a rich UI kit. A set of custom page templates is also available, so you can pick any, apply all the necessary changes, and get your site live right away. The theme includes multiple gallery scripts, which are intended to enhance your site’s visual appeal and present your data in an eye-catching manner. A set of working forms is added to the theme’s pack. A booking form allows the users to order services on the site. An integrated Google maps widget shows the quickest route to the physical location of your business.</p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This Plumbing Services website template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design renders a web page very same nicely on any specific display size.</p><p><strong>Why is it Good?</strong></p><p>Responsive design can help your site or blog look equally well on screen of any existing laptop or handheld gadget.</p><p>Find fresh Responsive website designs here</p><h3>This is a Bootstrap Dry Cleaners website template</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for building online sites.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely useful instrument and that's the valid reason it's so well-liked. Utilizing this framework, it will be easier to build up responsive design, suitable for any form of screen size, prototype completely new designs without the complications and ensure your own site is undoubtedly cross-browser compatible.</p><p>View latest Bootstrap website templates here</p><h3>This is Maintenance Services website design template with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line chat is a function that involves real-time texting over the Internet.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is a great solution for corporate websites. It allows assisting hesitating shoppers and helping them to make their final decision. On-line Chat makes your project seem more trustworthy and brings more prospects to your company.</p><p>Newest On-line chat website design templates here</p><h3>This is a Parallax Home Cleaning website design</h3><p><strong>What is it?</strong></p><p>A parallax scrolling effect is a technique in website design where background picture shifts at a less quick pace compared to a front article, making the impression of multi-level effect.</p><p><strong>Why is it Good?</strong></p><p>A web page with parallax scrolling effect instantly catches the attention of a viewer and boosts company's popularity because of the appealing looks.</p><p>Find more Parallax website templates here</p>","templateFullTitle":"Service Center Website Template","templatePreviewMetaDescription":"Grab this fully responsive website template to build a maintenance services or industrial online project. This is a multi-purpose solution that is pre-loaded","templateDemoMetaDescription":"Explore the demo for the top quality Home Repairs Responsive Website Template (#58972) get yourself knowledgeable about this theme before you decide to buy it. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":"Home Repairs Responsive Website Template","anchorTitle":"Service Center Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/home-repairs-responsive-website-template-58972.html","userRating":"5","designIndex":"95","authorUserId":"1768190","exclusive":"0","state":1,"price":61,"inserted_date":"2016-07-12","sent":1,"downloads":245,"search_words":"service,center,repair,technical,personal,technology,digital,appliances,tech,support,service,store,clean","is_adult":0,"exc_price":4500,"sent_date":"2018-05-08 02:00:00","last_upload":"2016-07-12 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"58972-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":1600,"window_params":"","banner_url":"","id":1659682,"href":"","height":1000},{"scr_type_id":3,"filename":"58972-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":408,"window_params":"","banner_url":"","id":1659683,"href":"","height":55},{"scr_type_id":9,"filename":"58972-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":145,"window_params":"","banner_url":"","id":1659684,"href":"","height":156},{"scr_type_id":78,"filename":"58972-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58972,"width":970,"window_params":"","banner_url":"","id":1659685,"href":"","height":280},{"scr_type_id":299,"filename":"58972-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":430,"window_params":"","banner_url":"","id":1659686,"href":"","height":900},{"scr_type_id":212,"filename":"58972-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":430,"window_params":"","banner_url":"","id":1659687,"href":"","height":60},{"scr_type_id":297,"filename":"58972-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":430,"window_params":"","banner_url":"","id":1659688,"href":"","height":1322},{"scr_type_id":3,"filename":"58972-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":895,"window_params":"","banner_url":"","id":1659689,"href":"","height":599},{"scr_type_id":311,"filename":"58972-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":965,"window_params":"","banner_url":"","id":1659690,"href":"","height":2966},{"scr_type_id":300,"filename":"58972-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":320,"window_params":"","banner_url":"","id":1659691,"href":"","height":900},{"scr_type_id":298,"filename":"58972-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":430,"window_params":"","banner_url":"","id":1659692,"href":"","height":900},{"scr_type_id":3,"filename":"58972-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":1903,"window_params":"","banner_url":"","id":1659693,"href":"","height":5849},{"scr_type_id":312,"filename":"58972-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":370,"window_params":"","banner_url":"","id":1659694,"href":"","height":370},{"scr_type_id":314,"filename":"58972-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":1903,"window_params":"","banner_url":"","id":1659695,"href":"","height":5849},{"scr_type_id":315,"filename":"58972-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58972,"width":1903,"window_params":"","banner_url":"","id":1659696,"href":"","height":5849}],"demoUrl":"/demo/58972.html","image":"https://s.tmimgcdn.com/scr/58900/service-center-website-template_58972-original.jpg","searchHash":"49389beaf250a82c7e99d28a3acfdd37","previewHash":"2768c37f4cf17b838b8f737a71fb737e","authorNickname":"RockThemes","lowLevelTopic":"Maintenance Services Templates","weightedRating":4.608695652173912,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"661904722","uniqueKeywords":"service,center,repair,technical,personal,technology,digital,appliances,tech,support,service,store,clean","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Grab this fully responsive website template to build a maintenance services or industrial online project. This is a multi-purpose solution that is pre-loaded","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58900/58972-en_01.jpg, https://s.tmimgcdn.com/scr/58900/58972-en_02.jpg, https://s.tmimgcdn.com/scr/58900/58972-en_03.jpg, https://s.tmimgcdn.com/scr/58900/58972-en_04.jpg, https://s.tmimgcdn.com/scr/58900/58972-en_05.jpg","features":["Premium","Responsive","Bootstrap","On-line chat"],"saleSells":"1","templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/58900/58972-responsive-layout.jpg","exclusive":"0","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2021-09-15T08:01:31-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"https://www.youtube.com/embed/JtjXuoo_pXg","demoMetaDescription":"Explore the demo for the top quality Home Repairs Responsive Website Template (#58972) get yourself knowledgeable about this theme before you decide to buy it. Click through the pages, check out the images, press the buttons, explore the features.","shortDescription":"<p>Grab this fully responsive website template to build a maintenance services or industrial online project. This is a multi-purpose solution that is pre-loaded with a rich UI kit. A set of custom page templates is also available, so you can pick any, apply all the necessary changes, and get your site live right away. The theme includes multiple gallery scripts, which are intended to enhance your site’s visual appeal and present your data in an eye-catching manner. A set of working forms is added to the theme’s pack. A booking form allows the users to order services on the site. An integrated Google maps widget shows the quickest route to the physical location of your business.</p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This Plumbing Services website template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design renders a web page very same nicely on any specific display size.</p><p><strong>Why is it Good?</strong></p><p>Responsive design can help your site or blog look equally well on screen of any existing laptop or handheld gadget.</p><p>Find fresh Responsive website designs here</p><h3>This is a Bootstrap Dry Cleaners website template</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for building online sites.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely useful instrument and that's the valid reason it's so well-liked. Utilizing this framework, it will be easier to build up responsive design, suitable for any form of screen size, prototype completely new designs without the complications and ensure your own site is undoubtedly cross-browser compatible.</p><p>View latest Bootstrap website templates here</p><h3>This is Maintenance Services website design template with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line chat is a function that involves real-time texting over the Internet.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is a great solution for corporate websites. It allows assisting hesitating shoppers and helping them to make their final decision. On-line Chat makes your project seem more trustworthy and brings more prospects to your company.</p><p>Newest On-line chat website design templates here</p><h3>This is a Parallax Home Cleaning website design</h3><p><strong>What is it?</strong></p><p>A parallax scrolling effect is a technique in website design where background picture shifts at a less quick pace compared to a front article, making the impression of multi-level effect.</p><p><strong>Why is it Good?</strong></p><p>A web page with parallax scrolling effect instantly catches the attention of a viewer and boosts company's popularity because of the appealing looks.</p><p>Find more Parallax website templates here</p>","tags":["appliances","center","clean","digital","personal","repair","service","store","support","tech","technical","technology"],"customUrl":"/website-templates/home-repairs-responsive-website-template-58972.html","badge":"badge-responsive","reviewAverageScoreDe":"5","nameOfTheTemplate":"Service Center Website Template","pHPVersionCompatibility":"7.x","topic":["Maintenance Services Templates","Business & Services"],"styles":["Neutral","Flat"],"productFamily":"None","color":["white","grey","blue"],"followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"13","reviewAverageScore":"5","changeLog":"<b>Home Repairs Version 1.2 (May 08, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- ADD:</b> Mailchimp and Campaign Monitor forms;</li>\r\n<ul><li><b>- UPD:</b> Owl carousel;</li>\r\n<ul><li><b>- UPD:</b> Google Map updated;</li>\r\n<ul><li><b>- UPD:</b> RD Mailform plugin;</li>\r\n<ul><li><b>- UPD:</b> PhotoSwipe Galley changed to LightGalley;</li>\r\n<ul><li><b>- FIX:</b> Slider Fixes;</li>\r\n<ul><li><b>- FIX:</b> Other minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>\r\n\r\n<b>Home Repairs Version1.1 (September 12, 2017)</b>\r\n<br>\r\n<ul>\r\n\t<li>\"- \"<b>UPD:</b>\" RD Mailform\"</li>\r\n\t<li>\"- \"<b>RPL:</b>\" RD Parallax to Material Parallax\"</li>\r\n\t<li>\"- \"<b>UPD:</b>\" RD Navbar\"</li>\r\n</ul>\r\n<br>\r\n<br>\r\n<br>","templateSupportOptions":"[{\"id\":199326,\"template_id\":235274,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":199327,\"template_id\":235274,\"type\":4,\"measure\":\"minute\",\"value\":5,\"phone\":\"\"}]","sqi":"95","bootstrapVersion":"3.3.x","reviewsTotalDe":"1","livePreviewURL":"https://livedemo00.template-help.com/wt_58972_v3/","specificTemplateNamePreview":"Home Repairs Responsive Website Template","authorMainScreenshot":"https://s.tmimgcdn.com/scr/58900/58972-0-original.jpg","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope"],"dynamicChangeLog":"<ul><li>- 1 HTML bug fixed</li><li>- 3 minor font issues fixed</li><li>- 1 front-end bug fixed</li><li>- 3 minor styles issues fixed</li><li>- 2 PSD layers updated</li></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/29LodTV","webForms":["Booking Form","Contact Form","Newsletter Subscription","Search Form"],"width":"1920px","skupromo":"8%","marketplaceMembership":"One","category":"Website templates","dqi":"95"}}]"
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 13:21:31 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=58972&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58972&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58972&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 13:26:31 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_58972_v3/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58972 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/58972.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 #58972            </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=58972&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>