string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=204990&expand=properties"
string(12595) "[{"templateId":204990,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":273,"categoryName":"Home Remodeling Templates","templateTitle":"Home Remodeling Website Template","templatePreviewHtmlTitle":"Home Roofer | Roofing Company Services &amp; Construction Html Website template","templateDemoHtmlTitle":"Demo for Home Roofer | Roofing Company Services &amp; Construction Html Website template #204990","typeShortName":"Website","templatePreviewFBTitle":"<h3>Overview</h3><p>Home Roofer | Roofing Company Services &amp; Construction Html Website template</p><p>When it comes to exterior roofing, Home Roofer is your local source for all your construction needs. We offer a wide range of services and products to accommodate all your renovation, repair, painting, and remodeling needs. With decades of experience under our belts, we know what it takes to get the job done right—the first time. Contact us today to learn more about our roof repair services and how we can help you take on your next project</p><ul><li>construction</li><li>exterior</li><li>maintenance</li><li>painting</li><li>remodeling</li><li>renovation</li><li>repair service</li><li>roof repair</li><li>roofers</li><li>roofing</li><li>roofing company</li><li>roofing service</li><li>siding</li><li>architecture</li><li>building</li><li>business</li><li>constructor</li><li>contractor</li><li>engineer</li><li>apartment</li></ul><p><br /></p><ol><li>apartment</li><li>architecture</li><li>big</li><li>builder</li><li>building</li><li>business</li><li>company</li><li>construction</li><li>corporate</li><li>design</li><li>engineering</li><li>factory</li><li>industrial</li><li>industry</li><li>maintenance</li><li>mining</li><li>repair</li><li>services</li><li>storage</li><li>warehouse</li></ol><p><br /></p><p><strong>We are providing different types of roofing services</strong></p><p><strong>Roof Repair Services</strong></p><ul><li>Residential Roofing</li><li>Industrial Roofing</li><li>Commercial Roofing</li><li>Damage Roof Repair</li><li>Gutters</li><li>Siding</li><li>Single Ply Roofing</li><li>Modified Roofing</li><li>Built-in Roofing</li><li>Metal Roofing</li><li>Vegetative Roofing</li><li>Speciality Metal</li></ul><p><strong> Features</strong></p><ul><li>Multi-Home Page</li><li>About Us Page</li><li>Service Page</li><li>Multi-Contact Page</li><li>Contact Form Working with PHP</li><li>Gallery Work</li><li>Service Details &amp; Gallery Details</li><li>Fully Responsive (Google mobile-friendly)</li><li>Based on Bootstrap 4.00</li><li>Clean and Elegant Design</li><li>CSS3 Animation</li><li>HTML5 &amp; CSS3</li><li>Font Awesome</li><li>Clean Code with Comments</li><li>Easy to Customize</li></ul><h3>Credits</h3><ul><li>Framework - Bootstrap</li><li>Fonts - Google Fonts</li><li>Animation - Animate CSS</li><li>Popup - Magnific Popup</li><li>Icons - FontAwesome</li><li>Photo - Unsplash</li><li>jQuery - http://jquery.com</li><li>Carousel - OwlCarousel</li></ul><p><br /></p><h2><br /></h2>","templateFullTitle":"Home Roofer | Roofing Company Services &amp; Construction Html Website template","templatePreviewMetaDescription":"OverviewHome Roofer | Roofing Company Services &amp; Construction Html Website templateWhen it comes to exterior roofing, Home Roofer is your local source for","templateDemoMetaDescription":"The live preview of this premium Home Roofer | Roofing Company Services &amp; Construction Html Website template Website Template (#204990) is generated for you to get the look and feel of the template before you decide to buy it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Home Roofer | Roofing Company Services &amp; Construction Html Website template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/home-roofer-roofing-company-services-amp-construction-html-website-template-204990.html","userRating":"5","designIndex":1,"authorUserId":"7101505","exclusive":"1","state":1,"price":52,"inserted_date":"2021-09-28","sent":0,"downloads":10,"search_words":"apartment architecture big builder building business company construction corporate design engineering factory industrial industry maintenance mining repair services storage warehouse","is_adult":0,"exc_price":2100,"sent_date":"2021-09-28 11:52:04","last_upload":"2024-03-14 13:27:30","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2451646,"templ_id":204990,"filename":"204990-2-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2451647,"templ_id":204990,"filename":"204990-2-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2451648,"templ_id":204990,"filename":"204990-2-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2451649,"templ_id":204990,"filename":"204990-2-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2451650,"templ_id":204990,"filename":"204990-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/204990.html","image":"https://s.tmimgcdn.com/scr/204900/home-roofer--roofing-company-services-amp-construction-html-website-template_204990-2-original.png","searchHash":"9db689cbd4ab622825092551888d85d0","previewHash":"7247574a3d4b891d581727d3ef023d50","authorNickname":"AHMED_ALI_TARIQ","lowLevelTopic":"Construction Company Templates; Roofing Company Templates; Mining Company Templates; Home Remodeling Templates; Cement Templates; Packaging Templates; Building Materials","weightedRating":4.1818181818182,"annualSale":4,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":50,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Pro","Search Engine Friendly","Bootstrap","Mobile Layout Included","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","Static","Parallax","Background video","Lazy Load effect"],"styles":["Clean","Corporate","Dark","Mobile","Material Design"],"isLastAdded":"1","topic":["Architecture","Construction Company Templates","Roofing Company Templates","Mining Company Templates","Interior Design Templates","Home Remodeling Templates","Industrial Templates","Interior & Furniture Templates","Maintenance Services Templates","Cement Templates","Design","Packaging Templates","Design & Photography","Business & Services","Home & Family","Building Materials"],"isFree":"none","popularity":"Top Rated","color":["black","white","brown"],"showVariantForcibly":"b","exclusive":"1","bootstrapVersion":"4.0.x","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["apartment","architecture","big","builder","building","business","company","construction","corporate","design","engineering","factory","industrial","industry","maintenance","mining","repair","services","storage","warehouse"],"paidSupport":"Yes","authorUserId":"7101505","nameOfTheTemplate":"Home Roofer | Roofing Company Services &amp; Construction Html Website template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u7101505/fedcd0b9ac7097aadba54fc38915e4cd.jpg, https://s3u.tmimgcdn.com/u7101505/6beb6bf9601d3f028d1a7b1c76ccdd66.jpg, https://s3u.tmimgcdn.com/u7101505/da219a0141a7c2a68e4d4c3eb2941032.jpg, https://s3u.tmimgcdn.com/u7101505/f3701875975cd7e8a337d60c8d84abb7.jpg","shortDescription":"<h3>Overview</h3><p>Home Roofer | Roofing Company Services &amp; Construction Html Website template</p><p>When it comes to exterior roofing, Home Roofer is your local source for all your construction needs. We offer a wide range of services and products to accommodate all your renovation, repair, painting, and remodeling needs. With decades of experience under our belts, we know what it takes to get the job done right—the first time. Contact us today to learn more about our roof repair services and how we can help you take on your next project</p><ul><li>construction</li><li>exterior</li><li>maintenance</li><li>painting</li><li>remodeling</li><li>renovation</li><li>repair service</li><li>roof repair</li><li>roofers</li><li>roofing</li><li>roofing company</li><li>roofing service</li><li>siding</li><li>architecture</li><li>building</li><li>business</li><li>constructor</li><li>contractor</li><li>engineer</li><li>apartment</li></ul><p><br /></p><ol><li>apartment</li><li>architecture</li><li>big</li><li>builder</li><li>building</li><li>business</li><li>company</li><li>construction</li><li>corporate</li><li>design</li><li>engineering</li><li>factory</li><li>industrial</li><li>industry</li><li>maintenance</li><li>mining</li><li>repair</li><li>services</li><li>storage</li><li>warehouse</li></ol><p><br /></p><p><strong>We are providing different types of roofing services</strong></p><p><strong>Roof Repair Services</strong></p><ul><li>Residential Roofing</li><li>Industrial Roofing</li><li>Commercial Roofing</li><li>Damage Roof Repair</li><li>Gutters</li><li>Siding</li><li>Single Ply Roofing</li><li>Modified Roofing</li><li>Built-in Roofing</li><li>Metal Roofing</li><li>Vegetative Roofing</li><li>Speciality Metal</li></ul><p><strong> Features</strong></p><ul><li>Multi-Home Page</li><li>About Us Page</li><li>Service Page</li><li>Multi-Contact Page</li><li>Contact Form Working with PHP</li><li>Gallery Work</li><li>Service Details &amp; Gallery Details</li><li>Fully Responsive (Google mobile-friendly)</li><li>Based on Bootstrap 4.00</li><li>Clean and Elegant Design</li><li>CSS3 Animation</li><li>HTML5 &amp; CSS3</li><li>Font Awesome</li><li>Clean Code with Comments</li><li>Easy to Customize</li></ul><h3>Credits</h3><ul><li>Framework - Bootstrap</li><li>Fonts - Google Fonts</li><li>Animation - Animate CSS</li><li>Popup - Magnific Popup</li><li>Icons - FontAwesome</li><li>Photo - Unsplash</li><li>jQuery - http://jquery.com</li><li>Carousel - OwlCarousel</li></ul><p><br /></p><h2><br /></h2>","uniqueKeywords":"apartment,architecture,big,builder,building,business,company,construction,corporate,design,engineering,factory,industrial,industry,maintenance,mining,repair,services,storage,warehouse","advImage":"https://s3u.tmimgcdn.com/u7101505/90be8dd1c0078952fab60c519fa1a7d8.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u7101505/3eec7f8df8d4f2fdf8b8ee1ce9599ead.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u7101505/eb08f8c6873e67b560e79cd96ad8a687.png","livePreviewURL":"https://www.amandagabbardbeauty.com/cc/","metaDescription":"OverviewHome Roofer | Roofing Company Services &amp; Construction Html Website templateWhen it comes to exterior roofing, Home Roofer is your local source for","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3kLVo0X","demoMetaDescription":"The live preview of this premium Home Roofer | Roofing Company Services &amp; Construction Html Website template Website Template (#204990) is generated for you to get the look and feel of the template before you decide to buy it. View the pages, check the images, click the buttons, explore the functionality.","customUrl":"/website-templates/home-roofer-roofing-company-services-amp-construction-html-website-template-204990.html","productSize":"5872029","lastmod":"2022-02-19T07:11:07-05:00","trendiness":"1","reviewsTotal":"1","reviewAverageScore":"5","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","frameworks":"None","excerpt":"<p><strong>Roof Home</strong> is a clean and responsive theme for <strong>construction</strong>, <strong>building</strong>, plumbing, heating, painting, and tiling as well</p>","changeLog":"i have add images\nadd slider\nadd about images","changeLogDate":"2024-03-14","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 07:24:33 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=204990&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=204990&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=204990&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 07:29:33 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://www.amandagabbardbeauty.com/cc/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#204990 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/204990.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 #204990            </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=204990&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $48                <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>