string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=216831&expand=properties"
string(10582) "[{"templateId":216831,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":254,"categoryName":"Home Repairs Templates","templateTitle":"Home Repairs Website Template","templatePreviewHtmlTitle":"Koncrete - Renovation &amp; Roofing Services HTML Template","templateDemoHtmlTitle":"Demo Preview for Koncrete - Renovation &amp; Roofing Services HTML Template #216831","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Koncrete - Renovation & Roofing Services HTML Template</strong></p><p>Koncrete is a Clean Responsive HTML format for Roofing and Home Renovation Services site. It is made with Bootstrap 5.x and Sass. This can use for sites like material, fix, home fix, redesign, development, fix administration, building, handyman, rebuilding, jack of all trades, painter, upkeep, circuit tester, plumbing, rooftop fix. It is completely viable with a wide range of portable, tab, scratch pad, and work area gadgets.Koncrete Roofing is Consist Of Different Type of Services</p><p><br></p><p><br></p><ul><li>building</li><li>business</li><li>cleaning</li><li>company</li><li>construction</li><li>cover</li><li>decking</li><li>handyman</li><li>home</li><li>house</li><li>housetop</li><li>maintenance</li><li>plumber</li><li>reliable</li><li>renovation</li><li>repair</li><li>roof</li><li>roofing</li><li>service</li><li>services</li></ul><p><br></p><ul><li>1-Metal Roofing</li><li>2-Flat Roofing</li><li>3-Tile Roofing</li><li>4-Gutter Cleaning</li><li>5-Emergency Roofing</li><li>6-Easy Installation</li><li>7-Snow Removel</li><li>8-Roof Replacement</li><li>9-Slate Roofing</li></ul><p><strong>Features</strong></p><ul><li>3 Home Page Layout</li><li>Services Page</li><li>Serives Details</li><li>Project Page</li><li>Project Detail</li><li>Contact Form WIth Php</li><li>Reposnive Menu</li><li>Based on Bootstrap 3.3.6</li><li>Fully Responsive (Google mobile-friendly)</li><li>Clean and Elegant Design</li><li>CSS3 Animation</li><li>HTML5 & 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>","templateFullTitle":"Koncrete - Renovation &amp; Roofing Services HTML Template","templatePreviewMetaDescription":"Koncrete - Renovation & Roofing Services HTML TemplateKoncrete is a Clean Responsive HTML format for Roofing and Home Renovation Services site. It is made with","templateDemoMetaDescription":"Experience the live preview of the top quality Koncrete - Renovation &amp; Roofing Services HTML Template Website Template (#216831) to discover what this design is before you buy it. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Koncrete - Renovation &amp; Roofing Services HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/koncrete-renovation-amp-roofing-services-html-template-216831.html","userRating":"5","designIndex":1,"authorUserId":"7101505","exclusive":"1","state":1,"price":54,"inserted_date":"2021-11-16","sent":0,"downloads":2,"search_words":"building construction electrician handyman home repair maintenance painter plumber plumbing remodeling renovation repair repair service roof repair roofing exterior painting roofers roofing company roofing service","is_adult":0,"exc_price":2100,"sent_date":"2021-11-16 12:13:46","last_upload":"2021-11-16 12:15:06","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"216831-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216831,"width":800,"window_params":"","banner_url":"","id":2511021,"href":"","height":500},{"scr_type_id":311,"filename":"216831-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216831,"width":800,"window_params":"","banner_url":"","id":2511022,"href":"","height":500},{"scr_type_id":312,"filename":"216831-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216831,"width":370,"window_params":"","banner_url":"","id":2511023,"href":"","height":370},{"scr_type_id":9,"filename":"216831-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216831,"width":145,"window_params":"","banner_url":"","id":2511024,"href":"","height":156},{"scr_type_id":57,"filename":"216831-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216831,"width":430,"window_params":"","banner_url":"","id":2511025,"href":"","height":269}],"demoUrl":"/demo/216831.html","image":"https://s.tmimgcdn.com/scr/216800/koncrete-renovation-amp-roofing-services-html-template_216831-original.png","searchHash":"3ef5ed687512bec644babcfb7c7dca72","previewHash":"d2f37bfe54ae6465b1e1589bf3fa033a","authorNickname":"AHMED_ALI_TARIQ","lowLevelTopic":"Home Repairs Templates; Roofing Company Templates","weightedRating":4.1818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","blue"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"1","productSize":"8068158","uniqueKeywords":"building,construction,electrician,handyman,home repair,maintenance,painter,plumber,plumbing,remodeling,renovation,repair,repair service,roof repair,roofing,exterior,painting,roofers,roofing company,roofing service","templateSupportOptions":"[]","reviewAverageScore":"5","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Koncrete - Renovation & Roofing Services HTML TemplateKoncrete is a Clean Responsive HTML format for Roofing and Home Renovation Services site. It is made with","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u7101505/00235a5cd91c86bf46d88cd4cf017791.png","features":["Bootstrap","Ajax","CV","Team Members","Light Template","Dropdown Menu","Google map","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","Completely JS","Parallax","Background video","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://onesixninecreative.com.au/kc11","authorUserId":"7101505","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u7101505/a5e2c1052c23d76e5669c3335929555a.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Top Rated","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","lastmod":"2022-02-19T07:16:45-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u7101505/fcd0ad3000620b6e89302ded13f111a2.jpg, https://s3u.tmimgcdn.com/u7101505/fa2d76a9903dfb2bea209c7b6b40b3d9.jpg, https://s3u.tmimgcdn.com/u7101505/057ff9703f31f92d4e49b6621acf38c6.jpg, https://s3u.tmimgcdn.com/u7101505/c954e3a387531339c5a926ee3ec1b07e.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Experience the live preview of the top quality Koncrete - Renovation &amp; Roofing Services HTML Template Website Template (#216831) to discover what this design is before you buy it. Go through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p><strong>Koncrete - Renovation & Roofing Services HTML Template</strong></p><p>Koncrete is a Clean Responsive HTML format for Roofing and Home Renovation Services site. It is made with Bootstrap 5.x and Sass. This can use for sites like material, fix, home fix, redesign, development, fix administration, building, handyman, rebuilding, jack of all trades, painter, upkeep, circuit tester, plumbing, rooftop fix. It is completely viable with a wide range of portable, tab, scratch pad, and work area gadgets.Koncrete Roofing is Consist Of Different Type of Services</p><p><br></p><p><br></p><ul><li>building</li><li>business</li><li>cleaning</li><li>company</li><li>construction</li><li>cover</li><li>decking</li><li>handyman</li><li>home</li><li>house</li><li>housetop</li><li>maintenance</li><li>plumber</li><li>reliable</li><li>renovation</li><li>repair</li><li>roof</li><li>roofing</li><li>service</li><li>services</li></ul><p><br></p><ul><li>1-Metal Roofing</li><li>2-Flat Roofing</li><li>3-Tile Roofing</li><li>4-Gutter Cleaning</li><li>5-Emergency Roofing</li><li>6-Easy Installation</li><li>7-Snow Removel</li><li>8-Roof Replacement</li><li>9-Slate Roofing</li></ul><p><strong>Features</strong></p><ul><li>3 Home Page Layout</li><li>Services Page</li><li>Serives Details</li><li>Project Page</li><li>Project Detail</li><li>Contact Form WIth Php</li><li>Reposnive Menu</li><li>Based on Bootstrap 3.3.6</li><li>Fully Responsive (Google mobile-friendly)</li><li>Clean and Elegant Design</li><li>CSS3 Animation</li><li>HTML5 & 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>","tags":["building","construction","electrician","exterior","handyman","maintenance","painter","painting","plumber","plumbing","remodeling","renovation","repair","roofers","roofing","home repair","repair service","roof repair","roofing company","roofing service"],"bitLyUrl":"https://bit.ly/3kKuwxY","customUrl":"/website-templates/koncrete-renovation-amp-roofing-services-html-template-216831.html","nameOfTheTemplate":"Koncrete - Renovation &amp; Roofing Services HTML Template","paidSupport":"Yes","topic":["Home Repairs Templates","Roofing Company Templates","Maintenance Services Templates","Business & Services"],"changeLogDate":"2023-06-07","styles":["Clean","Dark","Mobile","Flat","Material Design"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u7101505/7f8246bf23dec2a7a9588633e022731c.png","excerpt":"Koncrete is a Clean Responsive HTML format for Roofing and Home Renovation Services site. It is made with Bootstrap 5.x and Sass","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: Wed, 24 Apr 2024 12:13:11 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=216831&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=216831&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=216831&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 12:18:11 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://onesixninecreative.com.au/kc11<!DOCTYPE html>
<html lang="en">
<head>
    <title>#216831 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/216831.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 #216831            </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=216831&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $50                <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>