string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=69482&expand=properties"
string(12963) "[{"templateId":69482,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":441,"categoryName":"Industrial Templates","templateTitle":"Industrial Responsive Joomla Template","templatePreviewHtmlTitle":"Industro - Industrial Company Joomla Template","templateDemoHtmlTitle":"Demo for Industro - Industrial Company Joomla Template #69482","typeShortName":"Joomla","templatePreviewFBTitle":"<p>This Industrial Company Joomla Template is designed for companies providing industrial services. Each element of the site is carefully designed and looks amazing on any screens. The speed of the site is also at the highest level due to clean and high-quality code. Made by a team of professional web designers, this template offers everything you need. It has customizable page layouts and multiple options for displaying product categories. This template also comes with a shopping cart. It also provides various colors and styles, built-in modules, and much more. Download and install this Industrial Company Joomla Template and you’ll get a 24/7 lifetime support, free of charge.</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 Business Bureau Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web-based page same exact perfectly on any display size.</p> <p><b>Why is it Good?</b></p><p>Cellular phones generate 80% of global Internet utilization. It's important to establish your website page responsive in the event you do not desire to lose your current target audience.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Bootstrap Corporate Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building internet websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to design responsive, mobile-first  projects effortlessly.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Business Firm Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready is a kind of display that shows more pixels per square inch.</p> <p><b>Why is it Good?</b></p><p>In addition to the resolution and beauty of the image, this display has the best visualising perspective. And at the same time - no prohibitions on the display speed.</p><p>Fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla themes</a> here</p> <h3>This is a Parallax Small Business Joomla design</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images shift slower than the foreground content. It is one of the most advanced tendencies in the current website design. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect always catches the interest of a customer and increases company's reputation because of the appealing design.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Industro - Industrial Company Joomla Template","templatePreviewMetaDescription":"This Industrial Company Joomla Template is designed for companies providing industrial services. Each element of the site is carefully designed and looks","templateDemoMetaDescription":"Try out the demo preview of the top notch Industro - Industrial Company Joomla Template (#69482) get yourself acquainted with this theme prior to buying it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Industro - Industrial Company Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/industro-industrial-company-joomla-template-69482.html","userRating":"5","designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":55,"inserted_date":"2018-05-23","sent":0,"downloads":50,"search_words":"industrial construction building industry mining service services company engineering solar energy steel flooring electrician manufacturing electrical plumbing plumber painting","is_adult":0,"exc_price":2100,"sent_date":"2018-05-23 09:55:11","last_upload":"2018-05-23 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"69482-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":69482,"width":1600,"window_params":"","banner_url":"","id":1748334,"href":"","height":1000},{"scr_type_id":311,"filename":"69482-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":69482,"width":800,"window_params":"","banner_url":"","id":1748335,"href":"","height":1200},{"scr_type_id":312,"filename":"69482-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":69482,"width":370,"window_params":"","banner_url":"","id":1748336,"href":"","height":370},{"scr_type_id":9,"filename":"69482-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":69482,"width":145,"window_params":"","banner_url":"","id":1748337,"href":"","height":156},{"scr_type_id":57,"filename":"69482-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":69482,"width":430,"window_params":"","banner_url":"","id":1748338,"href":"","height":645}],"demoUrl":"/demo/69482.html","image":"https://s.tmimgcdn.com/scr/69400/industro-industrial-company-joomla-template_69482-0-original.jpg","searchHash":"204cb9a2c9625cd77099e708d53cb0f5","previewHash":"2816188a1615c6cd4912ab9dc480a53b","authorNickname":"RockThemes","lowLevelTopic":"Industrial Templates","weightedRating":4.3076923076923,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"electrical painting research investment construction building industry mining service company engineering steel flooring electrician manufacturing welding","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This Industrial Company Joomla Template is designed for companies providing industrial services. Each element of the site is carefully designed and looks","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1536849975293_69482.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180913%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180913T152008Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=e7d400626472b6ddf7538aa8ba10c08ea804ba758f610db7ced721e9015f2fdd","imageKeyFeatures":"https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/69400/69482_v1_v1-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Sliced PSD","Google map","Sample content","Quickstart Package","Advanced Theme Options","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.8.6","saleSells":"1","languageSupport":"English","authorUserId":"1768190","isFree":"none","exclusive":"1","lastmod":"2021-03-13T02:52:43-05:00","demoMetaDescription":"Try out the demo preview of the top notch Industro - Industrial Company Joomla Template (#69482) get yourself acquainted with this theme prior to buying it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p>This Industrial Company Joomla Template is designed for companies providing industrial services. Each element of the site is carefully designed and looks amazing on any screens. The speed of the site is also at the highest level due to clean and high-quality code. Made by a team of professional web designers, this template offers everything you need. It has customizable page layouts and multiple options for displaying product categories. This template also comes with a shopping cart. It also provides various colors and styles, built-in modules, and much more. Download and install this Industrial Company Joomla Template and you’ll get a 24/7 lifetime support, free of charge.</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 Business Bureau Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web-based page same exact perfectly on any display size.</p> <p><b>Why is it Good?</b></p><p>Cellular phones generate 80% of global Internet utilization. It's important to establish your website page responsive in the event you do not desire to lose your current target audience.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Bootstrap Corporate Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building internet websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to design responsive, mobile-first  projects effortlessly.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Business Firm Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready is a kind of display that shows more pixels per square inch.</p> <p><b>Why is it Good?</b></p><p>In addition to the resolution and beauty of the image, this display has the best visualising perspective. And at the same time - no prohibitions on the display speed.</p><p>Fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla themes</a> here</p> <h3>This is a Parallax Small Business Joomla design</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images shift slower than the foreground content. It is one of the most advanced tendencies in the current website design. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect always catches the interest of a customer and increases company's reputation because of the appealing design.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["building","company","construction","electrical","electrician","energy","engineering","flooring","industrial","industry","investment","manufacturing","mining","painting","plumber","plumbing","research","service","services","solar","steel","welding"],"customUrl":"/joomla-templates/industro-industrial-company-joomla-template-69482.html","nameOfTheTemplate":"Industro - Industrial Company Joomla Template","pHPVersionCompatibility":"7.x","topic":["Industrial Templates","Business & Services"],"changeLogDate":"2018-12-25","productFamily":"None","color":["black","white","grey","blue"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","reviewsTotal":"3","templateSupportOptions":"[{\"id\":25367,\"template_id\":21311,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":25368,\"template_id\":21311,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","changeLog":"<b>Update (November 28, 2018):</b><br/><br/><ul><li> - Updated Joomla to version 3.9; <li> - FIX: minor bugs.</ul>","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-15650_v1/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/13694/scr/1543422912723_15650-original.jpg","facebookPixelId":"1857475610982695","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2s3FnYs","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 28 Apr 2024 20:55:14 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=69482&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=69482&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=69482&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 21:00:14 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-joomla.template-help.com/joomla_prod-15650_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#69482 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/69482.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 #69482            </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=69482&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $51                <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>