string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52564&expand=properties"
string(16305) "[{"templateId":52564,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":253,"categoryName":"Pool Cleaning Templates","templateTitle":"Pool Cleaning Responsive Joomla Template","templatePreviewHtmlTitle":"Pool Cleaning Services Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Pool Cleaning Services Joomla Template #52564","typeShortName":"Joomla","templatePreviewFBTitle":"Homeowners who have pools are undoubtedly lucky as they can refresh themselves on hot summer days. While pools are very beneficial to have, they still require regular cleaning, which is a tedious and time consuming practice. For that reason, people with busy schedules usually hire professionals to get the job done. To advertise their services on the web, here's a nice template to turn to. As a dominant hue of its palette is azure blue, homeowners will get a feeling that the promoted company will take proper care of their pools. Thus, they will not only shine in the end but also stay in good condition for many years. Looking through images of sparkling clean pools, customers will believe in the ability to forget about problems like murky water due to the advertised maintenance services. Everyone who wants to swim in crystal clear water won't go by a site built with this theme.<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 aParallax Joomla template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background elements move less quickly than the front content. It is one of the most cutting-edge trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Parallax permit your page views correspond with your website and have an improved visitor experience. It allows you you to be noticeable among your competitors.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Joomla design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>This is a feature that helps to meet each and every visitor and search engine needs and obtain rank positions in the search.</p> <p><b>Why is it Good?</b></p><p>While customers have faith in search engines, therefore internet websites that come out in the top of search result will increase the amount of clients and lead to large income.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to instantly adapt to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to get consistent consumer experience and provide you with a complete access to the website page details from any gadget.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is aBootstrap Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that allows the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to make better websites .  </p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> </div></div></div></div>","templateFullTitle":"Pool Cleaning Services Joomla Template","templatePreviewMetaDescription":"Homeowners who have pools are undoubtedly lucky as they can refresh themselves on hot summer days. While pools are very beneficial to have, they still require","templateDemoMetaDescription":"The demo for this premium Pool Cleaning Services Joomla Template (#52564) is presented here for you to get the feel and look of the template before you decide to buy it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Pool Cleaning Services Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/52564.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-12-26","sent":2,"downloads":78,"search_words":"pooltron company cleaning swimming  maintenance services estimate cleaner dirty testimonials professional workteam tips client price tidying up sponge decoration preventative plumbing repair resurfacing painting fiberglass plaster deck drainage renovation","is_adult":0,"exc_price":4500,"sent_date":"2014-12-29 06:15:37","last_upload":"2014-12-26 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":178,"filename":"52564-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":430,"window_params":"","banner_url":"","id":1434955,"href":"","height":1043},{"scr_type_id":78,"filename":"52564-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52564,"width":970,"window_params":"","banner_url":"","id":1434956,"href":"","height":280},{"scr_type_id":179,"filename":"52564-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":430,"window_params":"","banner_url":"","id":1434957,"href":"","height":60},{"scr_type_id":315,"filename":"52564-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":1600,"window_params":"","banner_url":"","id":1434958,"href":"","height":3880},{"scr_type_id":299,"filename":"52564-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":430,"window_params":"","banner_url":"","id":1434959,"href":"","height":900},{"scr_type_id":9,"filename":"52564-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":145,"window_params":"","banner_url":"","id":1434960,"href":"","height":156},{"scr_type_id":311,"filename":"52564-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":965,"window_params":"","banner_url":"","id":1434961,"href":"","height":2340},{"scr_type_id":3,"filename":"52564-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":408,"window_params":"","banner_url":"","id":1434962,"href":"","height":55},{"scr_type_id":298,"filename":"52564-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":430,"window_params":"","banner_url":"","id":1434963,"href":"","height":900},{"scr_type_id":3,"filename":"52564-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":895,"window_params":"","banner_url":"","id":1434964,"href":"","height":599},{"scr_type_id":3,"filename":"52564-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":1600,"window_params":"","banner_url":"","id":1434965,"href":"","height":3880},{"scr_type_id":3,"filename":"52564-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":1600,"window_params":"","banner_url":"","id":1434966,"href":"","height":3880},{"scr_type_id":300,"filename":"52564-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":320,"window_params":"","banner_url":"","id":1434967,"href":"","height":900},{"scr_type_id":314,"filename":"52564-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":1600,"window_params":"","banner_url":"","id":1434968,"href":"","height":3880},{"scr_type_id":312,"filename":"52564-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":370,"window_params":"","banner_url":"","id":1434969,"href":"","height":370},{"scr_type_id":334,"filename":"52564-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52564,"width":1600,"window_params":"","banner_url":"","id":1637494,"href":"","height":1000}],"demoUrl":"/demo/52564.html","image":"https://s.tmimgcdn.com/scr/52500/pool-cleaning-services-joomla-template_52564-0-original.jpg","searchHash":"b70b1e5e76502c7b85bb1548204492de","previewHash":"62955b935010f7481a1e8375d13ca829","authorNickname":"RockThemes","lowLevelTopic":"Swimming Pool Templates","weightedRating":4.3999999999999995,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template will be appreciated by owners of maintenance services, exterior design, real estate, and business websites.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","CarouFredSel"],"uniqueKeywords":"For pool business cleaning lean landingpage special parallax material onepage web studio creative site swimming water personal","metaDescription":"Check out this Pool Cleaning Services Joomla Template (#52564) - find out all the technical info and requirements prior to buying it.","features":["Admin Panel","Responsive","Blog","HTML plus JS","Parallax","HTML 5","JQuery","Forum","Gallery","Advanced Theme Options","Sliced PSD","Dropdown Menu","Google map","Quickstart Package","Sample content","Search Engine Friendly","Bootstrap"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/52500/52564-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.6","PHP editor."],"lastmod":"2020-07-24T07:42:07-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo for this premium Pool Cleaning Services Joomla Template (#52564) is presented here for you to get the feel and look of the template before you decide to buy it. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"Homeowners who have pools are undoubtedly lucky as they can refresh themselves on hot summer days. While pools are very beneficial to have, they still require regular cleaning, which is a tedious and time consuming practice. For that reason, people with busy schedules usually hire professionals to get the job done. To advertise their services on the web, here's a nice template to turn to. As a dominant hue of its palette is azure blue, homeowners will get a feeling that the promoted company will take proper care of their pools. Thus, they will not only shine in the end but also stay in good condition for many years. Looking through images of sparkling clean pools, customers will believe in the ability to forget about problems like murky water due to the advertised maintenance services. Everyone who wants to swim in crystal clear water won't go by a site built with this theme.<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 aParallax Joomla template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background elements move less quickly than the front content. It is one of the most cutting-edge trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Parallax permit your page views correspond with your website and have an improved visitor experience. It allows you you to be noticeable among your competitors.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Joomla design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>This is a feature that helps to meet each and every visitor and search engine needs and obtain rank positions in the search.</p> <p><b>Why is it Good?</b></p><p>While customers have faith in search engines, therefore internet websites that come out in the top of search result will increase the amount of clients and lead to large income.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to instantly adapt to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to get consistent consumer experience and provide you with a complete access to the website page details from any gadget.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is aBootstrap Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that allows the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to make better websites .  </p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> </div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["business","cleaner","cleaning","client","company","creative","deck","decoration","dirty","drainage","estimate","fiberglass","lean","maintenance","material","painting","parallax","personal","plumbing","pool","price","professional","renovation","repair","services","site","special","sponge","studio","swimming","testimonials","tidying","tips","water","web","for","landingpage","up","onepage"],"customUrl":"/joomla-templates/52564.html","badge":"badge-responsive","nameOfTheTemplate":"Pool Cleaning Services Joomla Template","pHPVersionCompatibility":"7.x","topic":["Swimming Pool Templates","Maintenance Services Templates","Business & Services"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos11493232originalDepositphotos1333123originalDepositphotos4039081originalDepositphotos4217511originalDepositphotos4714219originalDepositphotos1216176originalDepositphotos2058264originalDepositphotos29811057originalDepositphotos3023137originalDepositphotos7915771originalDepositphotos9571094originalDepositphotos2402133originalDepositphotos6907798originalDepositphotos7917441original","productFamily":"None","followUpLetter":"joomla-templates-offers","color":["white","cyan"],"reviewsTotal":"5","reviewAverageScore":"5","changeLog":"<b>September 02, 2016</b><br /><ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_52564","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1A4arnJ","layout":"2 columns","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"1600px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
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 00:29:39 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=52564&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52564&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52564&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 00:34:39 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/joomla_52564<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52564 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/52564.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 #52564            </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=52564&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <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>