string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64859&expand=properties"
string(14409) "[{"templateId":64859,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":256,"categoryName":"Cleaning Templates","templateTitle":"Cleaning Responsive Joomla Template","templatePreviewHtmlTitle":"Cleaning Responsive Joomla Template #64859 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Cleaning Responsive Joomla Template #64859","typeShortName":"Joomla","templatePreviewFBTitle":"This Cleaning template is a vital purchase for setting up an online cleaning website. Our highly-customizable, extremely mobile-friendly design is available all around the world. Need to speak your mind to the customers? Using a personal blog feature, you will always be able to share your thoughts with your online visitors. Need to choose a right text style? A collection of handy Google Fonts will always help you. Your customers will have no problem setting up their accounts with our Social Login feature, that allows everyone to sign up using their Facebook and Google pages. A collection of UI elements, like tabs, pricing tables, progress bars, counters, will always help you with sharing the important information with your customers.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Business Company Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Housekeeping Cleaning Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design would make your website or blog appear equally great on display of any existing personal computer or mobile gadget.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Parallax Offices Cleaning Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where front pics move  in a different quickness than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling offers your site visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is suitable for spicing up a landing page, refreshing infographics, or perhaps displaying a portfolio.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Cleaning Responsive Joomla Template","templatePreviewMetaDescription":"This Cleaning template is a vital purchase for setting up an online cleaning website. Our highly-customizable, extremely mobile-friendly design is available","templateDemoMetaDescription":"Before you buy it, get yourself informed about the high quality Cleaning Responsive Joomla Template (#64859) by visiting the demo. Go through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cleaning Responsive Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/cleaning-responsive-joomla-template-64859.html","userRating":"5","designIndex":"93","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2017-08-21","sent":2,"downloads":8,"search_words":"cleanlead cleaning services clean clear house estimate vacuum cleaner dirty testimonials workteam tips client price kitchen sink bathroom toilets tubs shower door window floor dust furniture cobweb carpet trash debris uniform tidying up sponge","is_adult":0,"exc_price":4500,"sent_date":"2017-11-08 00:00:00","last_upload":"2017-08-21 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":299,"filename":"64859-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":430,"window_params":"","banner_url":"","id":1717411,"href":"","height":900},{"scr_type_id":334,"filename":"64859-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":1600,"window_params":"","banner_url":"","id":1717412,"href":"","height":1000},{"scr_type_id":315,"filename":"64859-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":1903,"window_params":"","banner_url":"","id":1717413,"href":"","height":4171},{"scr_type_id":9,"filename":"64859-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":145,"window_params":"","banner_url":"","id":1717414,"href":"","height":156},{"scr_type_id":178,"filename":"64859-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":430,"window_params":"","banner_url":"","id":1717415,"href":"","height":942},{"scr_type_id":314,"filename":"64859-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":1903,"window_params":"","banner_url":"","id":1717416,"href":"","height":4171},{"scr_type_id":298,"filename":"64859-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":430,"window_params":"","banner_url":"","id":1717417,"href":"","height":900},{"scr_type_id":3,"filename":"64859-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":895,"window_params":"","banner_url":"","id":1717418,"href":"","height":599},{"scr_type_id":3,"filename":"64859-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":1903,"window_params":"","banner_url":"","id":1717419,"href":"","height":4171},{"scr_type_id":300,"filename":"64859-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":320,"window_params":"","banner_url":"","id":1717420,"href":"","height":900},{"scr_type_id":179,"filename":"64859-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":430,"window_params":"","banner_url":"","id":1717421,"href":"","height":60},{"scr_type_id":78,"filename":"64859-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64859,"width":970,"window_params":"","banner_url":"","id":1717422,"href":"","height":280},{"scr_type_id":3,"filename":"64859-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":408,"window_params":"","banner_url":"","id":1717423,"href":"","height":55},{"scr_type_id":311,"filename":"64859-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":965,"window_params":"","banner_url":"","id":1717424,"href":"","height":2115},{"scr_type_id":312,"filename":"64859-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64859,"width":370,"window_params":"","banner_url":"","id":1717425,"href":"","height":370}],"demoUrl":"/demo/64859.html","image":"https://s.tmimgcdn.com/scr/64800/cleaning-responsive-joomla-template_64859-0-original.jpg","searchHash":"5b530db5d4bf4cf9878107b0285b2f11","previewHash":"610f788e7046de5da7f3a6449ab87d6b","authorNickname":"RockThemes","lowLevelTopic":"Cleaning Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template was made for CMS & Blog, cleaning, Business & Services, maintenance services templates.","joomlaModules":["Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"cleanlead cleaning services clean house family business blog company consultation service","showVariantForcibly":"b","metaDescription":"This template is equipped with stick-to-top menu, Google fonts, blog wide range of customization, gallery, social login, UI elements and much more!","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64800/64859-en_01.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_02.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_03.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_04.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_05.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_06.jpg, https://s.tmimgcdn.com/scr/64800/64859-en_07.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.7.5","languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"https://s.tmimgcdn.com/scr/64800/64859-responsive-layout.jpg","lastmod":"2021-10-09T06:58:38-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you buy it, get yourself informed about the high quality Cleaning Responsive Joomla Template (#64859) by visiting the demo. Go through the pages, check out the images, press the buttons, explore the features.","shortDescription":"This Cleaning template is a vital purchase for setting up an online cleaning website. Our highly-customizable, extremely mobile-friendly design is available all around the world. Need to speak your mind to the customers? Using a personal blog feature, you will always be able to share your thoughts with your online visitors. Need to choose a right text style? A collection of handy Google Fonts will always help you. Your customers will have no problem setting up their accounts with our Social Login feature, that allows everyone to sign up using their Facebook and Google pages. A collection of UI elements, like tabs, pricing tables, progress bars, counters, will always help you with sharing the important information with your customers.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Business Company Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Housekeeping Cleaning Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design would make your website or blog appear equally great on display of any existing personal computer or mobile gadget.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Parallax Offices Cleaning Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where front pics move  in a different quickness than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling offers your site visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is suitable for spicing up a landing page, refreshing infographics, or perhaps displaying a portfolio.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["bathroom","business","carpet","clean","cleaner","cleaning","clear","client","cobweb","company","consultation","debris","dirty","door","dust","estimate","family","floor","furniture","house","kitchen","price","service","services","shower","sink","sponge","testimonials","tidying","tips","toilets","trash","tubs","uniform","vacuum","window","blog","up"],"customUrl":"/joomla-templates/cleaning-responsive-joomla-template-64859.html","badge":"badge-responsive","nameOfTheTemplate":"Cleaning Responsive Joomla Template","pHPVersionCompatibility":"7.x","topic":["Cleaning Templates","Maintenance Services Templates","Business & Services"],"styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_64859","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 2 CSS issues fixed</li>\n<li>- 2 minor background bugs fixed</li>\n<li>- 2 front-end issues fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"31%","marketplaceMembership":"One","category":"Website templates","dqi":"93"}}]"
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 10:12:05 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=64859&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64859&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64859&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 10:17:05 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/joomla_64859<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64859 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/64859.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">
                Joomla Templates #64859            </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=64859&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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="/joomla-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>