string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51038&expand=properties"
string(15486) "[{"templateId":51038,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":441,"categoryName":"Industrial Templates","templateTitle":"Industrial Responsive Joomla Template","templatePreviewHtmlTitle":"Industrial Template Joomla Template #51038 - TemplateMonster","templateDemoHtmlTitle":"Demo for Industrial Template Joomla Template #51038","typeShortName":"Joomla","templatePreviewFBTitle":"Nowadays, industrial companies have to show themselves as providers of ecofriendly services, to succeed in their business. If you want to make the first step in this direction, the template you see here will be a true boon. Once people enter your website, they will feel safe from any pollutants with the help of its soothing color scheme that can drive away any hints of danger. Moreover, enterprises that will use this product will be able to demonstrate their high standards of quality and security through a slider of images. If someone gets interested in the advertized services, a builtin Google map will tell where their provider is located. Don't miss your chance to help factories and plants contribute to saving ecosystems of our planet with this template.<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 aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end framework for creating websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>By using Bootstrap, you can design completely responsive internet websites by means of HTML and CSS based site templates for typography, fonts, forms, buttons, tables, and so forth.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to immediately adapt to any display dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Cellular devices drive 80% of worldwide Internet utilization. It's essential to create your site responsive when you do not desire to drop your own visitors.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a WordPress template that lets successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly theme is definitely a fantastic standard platform to get started on marketing and advertising and also improving search ranks of the website. It can be less complicated to work with this sort of website for Website seo professional considering that half the work is already done.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> </div></div></div></div>","templateFullTitle":"Industrial Template Joomla Template","templatePreviewMetaDescription":"Nowadays, industrial companies have to show themselves as providers of ecofriendly services, to succeed in their business. If you want to make the first step","templateDemoMetaDescription":"Try out the live preview of the high quality Industrial Template Joomla Template (#51038) to get a better notion of what this design is before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Industrial Template Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/51038.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-08-21","sent":2,"downloads":24,"search_words":"industrial company manufacturing industrial metal mining company camp open-cast project projects services human resources investors site walking excavator truck","is_adult":0,"exc_price":4500,"sent_date":"2014-08-27 06:15:12","last_upload":"2014-08-21 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":78,"filename":"51038-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51038,"width":970,"window_params":"","banner_url":"","id":1411525,"href":"","height":280},{"scr_type_id":311,"filename":"51038-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":965,"window_params":"","banner_url":"","id":1411526,"href":"","height":2696},{"scr_type_id":3,"filename":"51038-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":408,"window_params":"","banner_url":"","id":1411527,"href":"","height":55},{"scr_type_id":299,"filename":"51038-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":430,"window_params":"","banner_url":"","id":1411528,"href":"","height":900},{"scr_type_id":179,"filename":"51038-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":430,"window_params":"","banner_url":"","id":1411529,"href":"","height":60},{"scr_type_id":320,"filename":"51038-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":965,"window_params":"","banner_url":"","id":1411530,"href":"","height":2696},{"scr_type_id":178,"filename":"51038-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":430,"window_params":"","banner_url":"","id":1411531,"href":"","height":1201},{"scr_type_id":312,"filename":"51038-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":370,"window_params":"","banner_url":"","id":1411532,"href":"","height":370},{"scr_type_id":298,"filename":"51038-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":430,"window_params":"","banner_url":"","id":1411533,"href":"","height":900},{"scr_type_id":300,"filename":"51038-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":320,"window_params":"","banner_url":"","id":1411534,"href":"","height":900},{"scr_type_id":3,"filename":"51038-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":1680,"window_params":"","banner_url":"","id":1411535,"href":"","height":4693},{"scr_type_id":3,"filename":"51038-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":1680,"window_params":"","banner_url":"","id":1411536,"href":"","height":4693},{"scr_type_id":314,"filename":"51038-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":1680,"window_params":"","banner_url":"","id":1411537,"href":"","height":4693},{"scr_type_id":315,"filename":"51038-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":1680,"window_params":"","banner_url":"","id":1411538,"href":"","height":4693},{"scr_type_id":182,"filename":"51038-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":430,"window_params":"","banner_url":"","id":1411539,"href":"","height":1201},{"scr_type_id":3,"filename":"51038-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":895,"window_params":"","banner_url":"","id":1411540,"href":"","height":599},{"scr_type_id":9,"filename":"51038-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":145,"window_params":"","banner_url":"","id":1411541,"href":"","height":156},{"scr_type_id":334,"filename":"51038-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51038,"width":1600,"window_params":"","banner_url":"","id":1636254,"href":"","height":1000}],"demoUrl":"/demo/51038.html","image":"https://s.tmimgcdn.com/scr/51000/industrial-template-joomla-template_51038-0-original.jpg","searchHash":"7d28f0e0ed3e95606675a6d4637743df","previewHash":"47f480aa756aca5d9673e5a92a81cfb4","authorNickname":"RockThemes","lowLevelTopic":"Industrial Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":33,"discountPercent":30,"discountAmount":14,"semiannualSales":0,"properties":{"kindOfShops":"This template will come in handy for industrial, environmental, maintenance services, and business websites.","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Komento"],"uniqueKeywords":"Industrial","metaDescription":"Check out the technical info, reviews and hosting specifications before purchasing this premium Industrial Template Joomla Template (#51038). Enjoy straightforward yet highly effective 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"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v2.4","imageDescription":"https://s.tmimgcdn.com/scr/51000/51038-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.0","PHP editor."],"lastmod":"2021-02-03T01:30:08-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Try out the live preview of the high quality Industrial Template Joomla Template (#51038) to get a better notion of what this design is before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","shortDescription":"Nowadays, industrial companies have to show themselves as providers of ecofriendly services, to succeed in their business. If you want to make the first step in this direction, the template you see here will be a true boon. Once people enter your website, they will feel safe from any pollutants with the help of its soothing color scheme that can drive away any hints of danger. Moreover, enterprises that will use this product will be able to demonstrate their high standards of quality and security through a slider of images. If someone gets interested in the advertized services, a builtin Google map will tell where their provider is located. Don't miss your chance to help factories and plants contribute to saving ecosystems of our planet with this template.<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 aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end framework for creating websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>By using Bootstrap, you can design completely responsive internet websites by means of HTML and CSS based site templates for typography, fonts, forms, buttons, tables, and so forth.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to immediately adapt to any display dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Cellular devices drive 80% of worldwide Internet utilization. It's essential to create your site responsive when you do not desire to drop your own visitors.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a WordPress template that lets successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly theme is definitely a fantastic standard platform to get started on marketing and advertising and also improving search ranks of the website. It can be less complicated to work with this sort of website for Website seo professional considering that half the work is already done.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> </div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["camp","company","excavator","human","industrial","investors","manufacturing","metal","mining","project","projects","resources","services","site","truck","walking"],"customUrl":"/joomla-templates/51038.html","badge":"badge-responsive","nameOfTheTemplate":"Industrial Template Joomla Template","pHPVersionCompatibility":"7.x","topic":["Industrial Templates","Business & Services"],"changeLogDate":"2016-08-31","styles":["Minimalist","Neutral","Flat"],"imagesList":"Depositphotos24802307original,Depositphotos1823509original.jpg,Depositphotos1958968original.jpg,Depositphotos2089861original.jpg,Depositphotos2302826original.jpg,Depositphotos2430010original.jpg,Depositphotos3752542original.jpg,Depositphotos3755325original.jpg,Depositphotos5489980original.jpg,Depositphotos5823789original.jpg,Depositphotos6043172original.jpg,Depositphotos7544606original.jpg,Depositphotos7737092original.jpg,Depositphotos9117545original.jpg,Depositphotos9382167original.jpg,Depositphotos9751128original.jpg,Depositphotos10018151original.jpg,Depositphotos24802307original.jpg","productFamily":"None","color":["white","grey","cyan"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"4.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_51038","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/1vQ5JqP","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: Fri, 22 Nov 2024 23:37:18 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=51038&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51038&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51038&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 23:42:18 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_51038<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51038 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/51038.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 #51038            </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=51038&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>