string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=93240&expand=properties"
string(14848) "[{"templateId":93240,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":252,"categoryName":"Plumbing Templates","templateTitle":"Plumbing Responsive Website Template","templatePreviewHtmlTitle":"Bubber - Plumbing Company Website Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Bubber - Plumbing Company Website Template #93240","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Modern Plumbing Company Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A plumbing company website template is a perfect solution for plumbing service providers </span>to establish a proper online presence.<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> Nowadays, it is your main goal to persuade clients that your company is the best place when it comes to maintenance services. You have to tell them that your company provides the most efficient plumbing services. The best way to do it is to develop your own website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Undoubtedly, developing a website from scratch is tricky and takes a lot of time and money. We are here to simplify that process. Our team has designed an appealing website template for plumbing companies. Bubber multipage HTML template is a modern solution that perfectly suits plumbers and plumbing companies.</span></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Customizable &amp; Feature-Loaded HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template is clean and allows you to make an accent on the most valuable website parts. The Bubber plumbing company website template also has many attractive elements. They include high-quality CSS3 animations, impressive transitions, UI elements, informative blocks, and Parallax. Moreover, you can find a variety of powerful features in this template, such as:</span></p><p><br></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented, and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS &amp; Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Map &amp; Google Fonts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Speed optimization;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides, you can change the template however you want thanks to the well-structured code. For example, it's easy to add more visual elements. This HTML template is fully editable and you can change both design and structure. The extensive kit of stunning UI elements will help you with it. We are sure your clients will appreciate the impressive look of the website built with the Bubber plumbing company website template.</span></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage &amp; eCommerce-Ready Solution</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our HTML template is also a multipage solution that includes more than 20 pre-built pages. With them, you can describe your company’s services and inform clients about your prices. Other pages, like a blog, will help you communicate with clients and share the latest news. Meanwhile, the gallery page of this plumbing company website template can present your projects in the best way.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">In case you want to sell something on your website, you will like the built-in e-commerce features. To keep in touch with your clients, you can use social options. Using testimonials to share the customers' feedback is also recommended. Developers also included full documentation to help you better understand how to work with Bubber. And of course, our 24/7 support service will be glad to consult you.</span></p>","templateFullTitle":"Bubber - Plumbing Company Website Template","templatePreviewMetaDescription":"Modern Plumbing Company Website TemplateA plumbing company website template is a perfect solution for plumbing service providers to establish a proper online","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bubber - Plumbing Company Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/bubber-plumbing-company-website-template-93240.html","userRating":"5","designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2020-01-10","sent":1,"downloads":14,"search_words":"construction house repair renovation roofing electrician industrial corporate architecture building build apartment portfolio design engineering builder plumb service","is_adult":0,"exc_price":4500,"sent_date":"2020-02-13 10:14:09","last_upload":"2020-02-13 10:57:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"93240-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":93240,"width":800,"window_params":"","banner_url":"","id":1891244,"href":"","height":1200},{"scr_type_id":311,"filename":"93240-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":93240,"width":800,"window_params":"","banner_url":"","id":1891245,"href":"","height":1200},{"scr_type_id":312,"filename":"93240-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":93240,"width":370,"window_params":"","banner_url":"","id":1891246,"href":"","height":370},{"scr_type_id":9,"filename":"93240-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":93240,"width":145,"window_params":"","banner_url":"","id":1891247,"href":"","height":156},{"scr_type_id":57,"filename":"93240-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":93240,"width":430,"window_params":"","banner_url":"","id":1891248,"href":"","height":645}],"demoUrl":"/demo/93240.html","image":"https://s.tmimgcdn.com/scr/93200/bubber-plumbing-company-website-template_93240-original.jpg","searchHash":"9ac34dcb273322503fd3e6cd6361e0f8","previewHash":"373c584f5c1a45d5ba07dc3bf8452ac2","authorNickname":"RockThemes","lowLevelTopic":"Plumbing Templates","weightedRating":4.1818181818182,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Plumbing company, maintenance services","uniqueKeywords":"construction house repair renovation roofing electrician industrial corporate architecture building build apartment portfolio design engineering builder plumb service","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Bubber is a must-have plumbing company website template that is responsive and flexible. It delivers a proper online presence of your plumbing business.","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600181_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600182_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600183_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600184_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600184_05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600184_06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600184_07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600187_08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600187_09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668600188_10.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"saleSells":"1","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Plumbing Company Website Template - TemplateMonster","isFree":"none","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2021-11-12T09:23:39-05:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668585668_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668587522_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668589244_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668591052_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668593104_05.jpg","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Modern Plumbing Company Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A plumbing company website template is a perfect solution for plumbing service providers </span>to establish a proper online presence.<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> Nowadays, it is your main goal to persuade clients that your company is the best place when it comes to maintenance services. You have to tell them that your company provides the most efficient plumbing services. The best way to do it is to develop your own website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Undoubtedly, developing a website from scratch is tricky and takes a lot of time and money. We are here to simplify that process. Our team has designed an appealing website template for plumbing companies. Bubber multipage HTML template is a modern solution that perfectly suits plumbers and plumbing companies.</span></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Customizable &amp; Feature-Loaded HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template is clean and allows you to make an accent on the most valuable website parts. The Bubber plumbing company website template also has many attractive elements. They include high-quality CSS3 animations, impressive transitions, UI elements, informative blocks, and Parallax. Moreover, you can find a variety of powerful features in this template, such as:</span></p><p><br></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented, and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS &amp; Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Map &amp; Google Fonts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Speed optimization;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides, you can change the template however you want thanks to the well-structured code. For example, it's easy to add more visual elements. This HTML template is fully editable and you can change both design and structure. The extensive kit of stunning UI elements will help you with it. We are sure your clients will appreciate the impressive look of the website built with the Bubber plumbing company website template.</span></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage &amp; eCommerce-Ready Solution</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our HTML template is also a multipage solution that includes more than 20 pre-built pages. With them, you can describe your company’s services and inform clients about your prices. Other pages, like a blog, will help you communicate with clients and share the latest news. Meanwhile, the gallery page of this plumbing company website template can present your projects in the best way.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">In case you want to sell something on your website, you will like the built-in e-commerce features. To keep in touch with your clients, you can use social options. Using testimonials to share the customers' feedback is also recommended. Developers also included full documentation to help you better understand how to work with Bubber. And of course, our 24/7 support service will be glad to consult you.</span></p>","tags":["apartment","architecture","build","builder","building","construction","corporate","design","electrician","engineering","house","industrial","plumb","portfolio","renovation","repair","roofing","service"],"customUrl":"/website-templates/bubber-plumbing-company-website-template-93240.html","badge":"badge-responsive","nameOfTheTemplate":"Bubber - Plumbing Company Website Template","pHPVersionCompatibility":"7.x","topic":["Plumbing Templates","Maintenance Services Templates","Business & Services"],"styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"1","templateSupportOptions":"[{\"id\":66685,\"template_id\":51443,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":66686,\"template_id\":51443,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-24923/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1578668582232_original.jpg","facebookPixelId":"1857475610982695","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","trendiness":"2","bitLyUrl":"http://bit.ly/2sgjo44","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","marketplaceMembership":"One","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 24 Apr 2024 22:50:29 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=93240&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=93240&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=93240&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 22:55:29 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-24923/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#93240 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/93240.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 #93240            </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=93240&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>