string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51846&expand=properties"
string(14550) "[{"templateId":51846,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":420,"categoryName":"Car Templates","templateTitle":"Car Responsive Joomla Template","templatePreviewHtmlTitle":"Car Responsive Joomla Template #51846 - TemplateMonster","templateDemoHtmlTitle":"Demo for Car Responsive Joomla Template #51846","typeShortName":"Joomla","templatePreviewFBTitle":"automobiles Joomla web design delivers a classy and attractive look in addition to a set of great tools. This amazing automobiles Joomla website template features a modern-day style for car corporation or car company web pages. The template is totally responsive, which means lots more people are able to enjoy your webpage from handheld gadgets. Since the web theme is SEO friendly and appropriate for current browsers and their most current versions, online users will easily discover your web resource. A comprehensive documentation file as well as free round-the-clock support are bundled. Look into this visually appealing theme to establish a website.<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 Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to little and also larger screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides significantly better UX for those that look through a website page on a smartphone or a tablet, and on top of that helps to boost rankings of a website in Google results. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page lets any searcher to crawl every web page of the internet site, outline the information and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>Using it, you'll be able to bring in a large number of targeted customers to the web page from search engines.</p><p>View more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This is aBootstrap Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for webpage and apps design.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adapt its content to any display size. It's important for both Search engine optimisation and website users.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> </div></div></div></div>","templateFullTitle":"Car Responsive Joomla Template","templatePreviewMetaDescription":"automobiles Joomla web design delivers a classy and attractive look in addition to a set of great tools. This amazing automobiles Joomla website template","templateDemoMetaDescription":"The live preview for this top notch Car Responsive Joomla Template (#51846) is presented here for you to get yourself acquainted with the theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Car Responsive Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/51846.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-10-15","sent":2,"downloads":40,"search_words":"car news car auto drive driving race championship community pilots track road show victory rally driver Citroen Peugeot Ford Subaru Mitsubishi Skoda rodeo roundup tournament new model style safety improvement exhibition motor speed warranty","is_adult":0,"exc_price":4500,"sent_date":"2014-10-22 06:15:09","last_upload":"2014-10-15 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":178,"filename":"51846-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":430,"window_params":"","banner_url":"","id":1421740,"href":"","height":681},{"scr_type_id":9,"filename":"51846-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":145,"window_params":"","banner_url":"","id":1421741,"href":"","height":156},{"scr_type_id":312,"filename":"51846-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":370,"window_params":"","banner_url":"","id":1421742,"href":"","height":370},{"scr_type_id":3,"filename":"51846-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":895,"window_params":"","banner_url":"","id":1421743,"href":"","height":599},{"scr_type_id":315,"filename":"51846-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":1600,"window_params":"","banner_url":"","id":1421744,"href":"","height":2159},{"scr_type_id":3,"filename":"51846-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":1600,"window_params":"","banner_url":"","id":1421745,"href":"","height":2159},{"scr_type_id":300,"filename":"51846-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":320,"window_params":"","banner_url":"","id":1421746,"href":"","height":900},{"scr_type_id":314,"filename":"51846-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":1863,"window_params":"","banner_url":"","id":1421747,"href":"","height":2159},{"scr_type_id":3,"filename":"51846-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":408,"window_params":"","banner_url":"","id":1421748,"href":"","height":55},{"scr_type_id":182,"filename":"51846-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":430,"window_params":"","banner_url":"","id":1421749,"href":"","height":728},{"scr_type_id":78,"filename":"51846-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51846,"width":970,"window_params":"","banner_url":"","id":1421750,"href":"","height":280},{"scr_type_id":311,"filename":"51846-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":965,"window_params":"","banner_url":"","id":1421751,"href":"","height":1302},{"scr_type_id":320,"filename":"51846-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":965,"window_params":"","banner_url":"","id":1421752,"href":"","height":1302},{"scr_type_id":3,"filename":"51846-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":1863,"window_params":"","banner_url":"","id":1421753,"href":"","height":2159},{"scr_type_id":299,"filename":"51846-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":430,"window_params":"","banner_url":"","id":1421754,"href":"","height":900},{"scr_type_id":179,"filename":"51846-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":430,"window_params":"","banner_url":"","id":1421755,"href":"","height":60},{"scr_type_id":298,"filename":"51846-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":430,"window_params":"","banner_url":"","id":1421756,"href":"","height":900},{"scr_type_id":334,"filename":"51846-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51846,"width":1600,"window_params":"","banner_url":"","id":1636777,"href":"","height":1000}],"demoUrl":"/demo/51846.html","image":"https://s.tmimgcdn.com/scr/51800/car-responsive-joomla-template_51846-0-original.jpg","searchHash":"9f2ffbaff87541d684c8c3d8355c8a18","previewHash":"6cbc892b809679460361cb1ee7672b33","authorNickname":"RockThemes","lowLevelTopic":"Car Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single"],"uniqueKeywords":"tread rubber wheel repairs restoration repair racing covers shops tire shipping cars store vehicle car alloy autorepair tyre gauges","metaDescription":"Check out this Car Responsive Joomla Template (#51846) and you might fall in love with it. Clean, professional and simple design.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Lazy Load effect"],"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/51800/51846-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.3","PHP editor."],"lastmod":"2021-11-09T04:14:25-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview for this top notch Car Responsive Joomla Template (#51846) is presented here for you to get yourself acquainted with the theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"automobiles Joomla web design delivers a classy and attractive look in addition to a set of great tools. This amazing automobiles Joomla website template features a modern-day style for car corporation or car company web pages. The template is totally responsive, which means lots more people are able to enjoy your webpage from handheld gadgets. Since the web theme is SEO friendly and appropriate for current browsers and their most current versions, online users will easily discover your web resource. A comprehensive documentation file as well as free round-the-clock support are bundled. Look into this visually appealing theme to establish a website.<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 Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to little and also larger screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides significantly better UX for those that look through a website page on a smartphone or a tablet, and on top of that helps to boost rankings of a website in Google results. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page lets any searcher to crawl every web page of the internet site, outline the information and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>Using it, you'll be able to bring in a large number of targeted customers to the web page from search engines.</p><p>View more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla themes</a> here</p> <h3>This is aBootstrap Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for webpage and apps design.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adapt its content to any display size. It's important for both Search engine optimisation and website users.</p><p>Fresh <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":["alloy","auto","car","cars","championship","community","covers","drive","driver","driving","exhibition","gauges","improvement","model","motor","new","news","race","racing","rally","repair","repairs","restoration","road","rodeo","rubber","safety","shipping","shops","show","speed","store","style","tire","tournament","track","tread","tyre","vehicle","victory","wheel","autorepair"],"customUrl":"/joomla-templates/51846.html","badge":"badge-responsive","nameOfTheTemplate":"Car Responsive Joomla Template","pHPVersionCompatibility":"7.x","topic":["Car Templates","Cars & Motorcycles"],"changeLogDate":"2016-08-31","styles":"Neutral","productFamily":"None","followUpLetter":"joomla-templates-offers","color":["black","white","grey","pink"],"reviewsTotal":"2","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_51846","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/ZGddl0","layout":"2 columns","webForms":["Contact Form","Login Form","User Registration","Advanced Search","Search Form"],"loyaltySells":"1","width":"1920px","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: Mon, 13 May 2024 09:08:15 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=51846&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51846&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51846&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 13 May 2024 09:13:15 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_51846<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51846 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/51846.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 #51846            </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=51846&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>