string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=355560&expand=properties"
string(13361) "[{"templateId":355560,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":250,"categoryName":"Dry Cleaners Templates","templateTitle":"Dry Cleaners Responsive Website Template","templatePreviewHtmlTitle":"CleanZ - Professional Service Cleaning Website HTML Template","templateDemoHtmlTitle":"Live preview for CleanZ - Professional Service Cleaning Website HTML Template #355560","typeShortName":"Website","templatePreviewFBTitle":"<p><br></p><h2>CleanZ - Professional Service Cleaning Website Template</h2><p>CleanZ is a top-notch Professional Service Cleaning Website Template designed to elevate your online presence in the cleaning industry. Crafted with meticulous attention to detail, CleanZ is constructed using the latest Bootstrap 5 and SASS technologies, ensuring a modern and responsive website that stands out.</p><p>With multiple distinct home page demos, CleanZ offers versatility and uniqueness, allowing you to choose the perfect design that suits your brand's identity. It features customizable HTML5, YouTube, and Vimeo media players, making it easy to showcase your cleaning services dynamically and engagingly. CleanZ prioritizes search engine optimization, with SEO-ready HTML5 files and clean, well-structured code. The responsive layout guarantees a seamless user experience across all devices, including retina-ready displays. Its sleek and modern design is complemented by Google fonts and smooth transition effects, creating an aesthetically pleasing website.</p><p>This template is W3C validated and boasts cross-browser compatibility, ensuring a broad audience reach. With a lightweight and powerful design, CleanZ loads quickly, enhancing user satisfaction. The template also includes a customizable slider for eye-catching visuals.</p><p>CleanZ comes with FREE lifetime updates and comprehensive documentation, making it a reliable and future-proof choice for your cleaning service website. Whether you're an established company or a startup, CleanZ is the perfect template to showcase your services professionally and attract more clients.</p><h2>Features Overview</h2><p><strong>Awesome & Creative Design: </strong>CleanZ is an awesome design with a modern interface. The template is suitable for all kinds of personal or branding projects to gain your customers’ trust.</p><p><strong>Fully Responsive:</strong> No matter if you are browsing from a desktop, mobile, or tablet CleanZ is 100% responsive and fit for any device.</p><p><strong>Seamless Animations: </strong>CleanZ HTML Template All pages and sections include animation and hover effects. It’s really awesome and eye-catching for users who browse their websites for a long time.</p><p><strong>Fully Customizable:</strong> In CleanZ HTML Template uses global site classes, global fonts, global colour swatches, and much more, meaning you can easily customize the template to fit your brand guidelines.</p><p><strong>Scss Files</strong>: This project contains scss style</p><p><strong>Bootstrap Framework: </strong>Bootstrap 5 x is the most popular HTML5, CSS3, and JS framework for developing responsive, mobile-first projects on the web.</p><h2>Key Features:                                                                                                                  </h2><ul><li>Built with the latest Bootstrap 5 & SASS </li><li>SCSS files included</li><li>Beautifully handcrafted and built with attention to detail</li><li>Different and unique home page demos</li><li>Customizable HTML5, YouTube, and Vimeo media players included</li><li>SEO-ready commented HTML5 files</li><li>Valid HTML5 & CSS3</li><li>Well-written code</li><li>Responsive layout</li><li>Retina-ready</li><li>Modern design</li><li>Google fonts</li><li>Fast, Lightweight & Powerful</li><li>Smooth Transition Effects</li><li>Awesome Customized Slider</li><li>W3C Validated</li><li>Cross-Browser Compatibility</li><li>FREE Lifetime Updates</li><li>Well-Documented </li></ul><p><br></p><p><br></p>","templateFullTitle":"CleanZ - Professional Service Cleaning Website HTML Template","templatePreviewMetaDescription":"CleanZ - Professional Service Cleaning Website TemplateCleanZ is a top-notch Professional Service Cleaning Website Template designed to elevate your online","templateDemoMetaDescription":"The live preview for this professional CleanZ - Professional Service Cleaning Website HTML Template Website Template (#355560) is created for you to get the feel and look of the theme prior to buying it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"CleanZ - Professional Service Cleaning Website HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/cleanz-professional-service-cleaning-website-html-template-355560.html","userRating":0,"designIndex":1,"authorUserId":"78086583","exclusive":"1","state":1,"price":20,"inserted_date":"2023-09-06","sent":0,"downloads":0,"search_words":"cleaner cleaning cleaning agency cleaning business cleaning company cleaning service floor cleaning house cleaning housekeeping janitor maid service maintenance washing window cleaning handyman repair service","is_adult":0,"exc_price":2100,"sent_date":"2023-09-06 11:11:29","last_upload":"2023-09-06 11:46:41","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"355560-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":355560,"width":1600,"window_params":"","banner_url":"","id":3204545,"href":"","height":1000},{"scr_type_id":311,"filename":"355560-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":355560,"width":1600,"window_params":"","banner_url":"","id":3204546,"href":"","height":1000},{"scr_type_id":312,"filename":"355560-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":355560,"width":370,"window_params":"","banner_url":"","id":3204547,"href":"","height":370},{"scr_type_id":9,"filename":"355560-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":355560,"width":145,"window_params":"","banner_url":"","id":3204548,"href":"","height":156},{"scr_type_id":57,"filename":"355560-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":355560,"width":430,"window_params":"","banner_url":"","id":3204549,"href":"","height":269}],"demoUrl":"/demo/355560.html","image":"https://s.tmimgcdn.com/scr/355500/cleanz-professional-service-cleaning-website-html-template_355560-original.png","searchHash":"bae145df8fe81564101d40536ed57db0","previewHash":"02994dc78357c88f9fbaaecf284bda96","authorNickname":"Softivus","lowLevelTopic":"Dry Cleaners Templates; Cleaning Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":20,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"1227834","uniqueKeywords":"cleaner,cleaning,cleaning agency,cleaning business,cleaning company,cleaning service,floor cleaning,house cleaning,housekeeping,janitor,maid service,maintenance,washing,window cleaning,handyman,repair,service","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"CleanZ - Professional Service Cleaning Website TemplateCleanZ is a top-notch Professional Service Cleaning Website Template designed to elevate your online","isLastAdded":"1","bootstrapVersion":"5.3.x","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Performance Optimization","Blog","Gallery","HTML 5","Completely JS","HTML plus JS","Static"],"saleSells":"1","livePreviewURL":"https://pixner.net/cleanz/","authorUserId":"78086583","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78086583/6422f459f68dca6235b75edabe768b4c.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","demoMetaDescription":"The live preview for this professional CleanZ - Professional Service Cleaning Website HTML Template Website Template (#355560) is created for you to get the feel and look of the theme prior to buying it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p><br></p><h2>CleanZ - Professional Service Cleaning Website Template</h2><p>CleanZ is a top-notch Professional Service Cleaning Website Template designed to elevate your online presence in the cleaning industry. Crafted with meticulous attention to detail, CleanZ is constructed using the latest Bootstrap 5 and SASS technologies, ensuring a modern and responsive website that stands out.</p><p>With multiple distinct home page demos, CleanZ offers versatility and uniqueness, allowing you to choose the perfect design that suits your brand's identity. It features customizable HTML5, YouTube, and Vimeo media players, making it easy to showcase your cleaning services dynamically and engagingly. CleanZ prioritizes search engine optimization, with SEO-ready HTML5 files and clean, well-structured code. The responsive layout guarantees a seamless user experience across all devices, including retina-ready displays. Its sleek and modern design is complemented by Google fonts and smooth transition effects, creating an aesthetically pleasing website.</p><p>This template is W3C validated and boasts cross-browser compatibility, ensuring a broad audience reach. With a lightweight and powerful design, CleanZ loads quickly, enhancing user satisfaction. The template also includes a customizable slider for eye-catching visuals.</p><p>CleanZ comes with FREE lifetime updates and comprehensive documentation, making it a reliable and future-proof choice for your cleaning service website. Whether you're an established company or a startup, CleanZ is the perfect template to showcase your services professionally and attract more clients.</p><h2>Features Overview</h2><p><strong>Awesome & Creative Design: </strong>CleanZ is an awesome design with a modern interface. The template is suitable for all kinds of personal or branding projects to gain your customers’ trust.</p><p><strong>Fully Responsive:</strong> No matter if you are browsing from a desktop, mobile, or tablet CleanZ is 100% responsive and fit for any device.</p><p><strong>Seamless Animations: </strong>CleanZ HTML Template All pages and sections include animation and hover effects. It’s really awesome and eye-catching for users who browse their websites for a long time.</p><p><strong>Fully Customizable:</strong> In CleanZ HTML Template uses global site classes, global fonts, global colour swatches, and much more, meaning you can easily customize the template to fit your brand guidelines.</p><p><strong>Scss Files</strong>: This project contains scss style</p><p><strong>Bootstrap Framework: </strong>Bootstrap 5 x is the most popular HTML5, CSS3, and JS framework for developing responsive, mobile-first projects on the web.</p><h2>Key Features:                                                                                                                  </h2><ul><li>Built with the latest Bootstrap 5 & SASS </li><li>SCSS files included</li><li>Beautifully handcrafted and built with attention to detail</li><li>Different and unique home page demos</li><li>Customizable HTML5, YouTube, and Vimeo media players included</li><li>SEO-ready commented HTML5 files</li><li>Valid HTML5 & CSS3</li><li>Well-written code</li><li>Responsive layout</li><li>Retina-ready</li><li>Modern design</li><li>Google fonts</li><li>Fast, Lightweight & Powerful</li><li>Smooth Transition Effects</li><li>Awesome Customized Slider</li><li>W3C Validated</li><li>Cross-Browser Compatibility</li><li>FREE Lifetime Updates</li><li>Well-Documented </li></ul><p><br></p><p><br></p>","tags":["cleaner","cleaning","handyman","housekeeping","janitor","maintenance","repair","service","washing","cleaning service","maid service","cleaning agency","cleaning business","cleaning company","floor cleaning","house cleaning","window cleaning"],"customUrl":"/website-templates/cleanz-professional-service-cleaning-website-html-template-355560.html","nameOfTheTemplate":"CleanZ - Professional Service Cleaning Website HTML Template","paidSupport":"Yes","topic":["Dry Cleaners Templates","Cleaning Templates","Maintenance Services Templates","Business & Services"],"styles":["Clean","Minimalist","Retro","Mobile","Flat"],"marketplaceMembership":"One","excerpt":"<p>CleanZ: Elevate your cleaning service's online presence with Bootstrap 5-powered, SEO-ready, and responsive template, featuring versatile design and free updates.</p>","advImage":"https://s3u.tmimgcdn.com/u78086583/aea26de82bf196f7bffca395dde1d938.png","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: Sun, 28 Apr 2024 17:51:57 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=355560&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=355560&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=355560&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 17:56:57 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://pixner.net/cleanz/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#355560 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/355560.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 #355560            </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=355560&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $18                <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>