string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=78584&expand=properties"
string(15825) "[{"templateId":78584,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Joomla Template","templatePreviewHtmlTitle":"Construx - Construction &amp; Building Business Joomla 5 Template","templateDemoHtmlTitle":"Live preview for Construx - Construction &amp; Building Business Joomla 5 Template #78584","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Construx is a Joomla Template Construction & Building Business, industry, technique, engineering or machinery business and companies that offer related services.</p><p><strong>Compatible with Joomla 5</strong></p><ul><li>Our template is compatible with Joomla 5.</li><li>In our pack, we included Quickinstall for Joomla 5.</li></ul><p><strong>Construx - Construction & Building Business Joomla Template</strong> is build on Helix Framework and SP Page Builder PRO 5 as builder and HikaShop for Ecommerce</p><p>You can build your site fast with our Quickinstall (demo installation) and you don't need to install joomla, modules, extensions, just install our quickinstall on clean database and subdomain/main domain, set your admin password adn you are ready to go. Is very simple and you can read more about this in our documentation.</p><p><strong>Construx - Construction & Building Business Joomla Template</strong> can be easily optimised to have a good score in google.</p><p>Construx is a great <strong>RTL template</strong>, and you don't need to make settings, just install your language and default joomla as multilanguage and you are ready to go.</p><p>With <strong>Construx - Construction & Building Business Joomla Template</strong> you don't need to know advanced php or html, you can do all changes like css custom, from admin part, using page builder's addons (every addon have tab style where you can add your css), also template come with custom css box, js box and more.</p><p><strong>Features</strong>:</p><p>- New icon fonts in addon (over30 for constuction)</p><p>- RTL language layout</p><p>- Helix Framework Ultimate 2</p><p>- Quickinstall</p><p>- HikaShop</p><p>- Megamenu</p><p>- Layout builder</p><p>- Responsive</p><p>- Clean & Minimal Hotel template</p><p>- Contact form</p><p>- Css custom in every addon tab, so easy to custom</p><p>- Color change</p><p>- Typography change</p><p>- Parallax</p><p>- Background gradient</p><p>- Over 40 addons</p><p>- SEO & SMM Optimised</p><p>- Multilingual Support</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Favicon option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 5,6</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Mobile layout</p><p>- and more</p><p><strong>Quickstart installation included for Joomla 5</strong></p><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><p><strong>Support Ecommerce HIkaShop</strong></p><p>Construx - Construction & Building Business Joomla Template is fully compatible with <strong>HIkaShop </strong>one of the best Ecommerce component for Joomla, so you can have your shop fast, clean, secure and simple. Do you want other Ecommerce? let us know. Also, if you don't need ecommerce, just disable all modules (from <strong>HIkaShop</strong>) and then disable component <strong>HIkaShop</strong>.</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about our tempalte, how to install, configure and more. If you need to know something then we added in documentation, you can ask us using templatemonster ticket support system (we answer in max 1 hour but please wait until 24h, due working time or sometimes notification goes to spam email).</p>","templateFullTitle":"Construx - Construction &amp; Building Business Joomla 5 Template","templatePreviewMetaDescription":"Construx is a Joomla Template Construction & Building Business, industry, technique, engineering or machinery business and companies that offer related","templateDemoMetaDescription":"Check out the demo of the top quality Construx - Construction & Building Business with Page Builder Joomla Template (#78584) get yourself informed about this template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Construx - Construction &amp; Building Business Joomla 5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/78584.html","userRating":"4.5","designIndex":"86","authorUserId":"1527933","exclusive":"1","state":1,"price":49,"inserted_date":"2019-03-06","sent":1,"downloads":63,"search_words":"construction buildings industry engineering parallax team ecommerce jstore business","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 05:53:32","last_upload":"2023-12-26 07:49:49","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1806274,"templ_id":78584,"filename":"78584-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1806275,"templ_id":78584,"filename":"78584-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1806276,"templ_id":78584,"filename":"78584-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1806277,"templ_id":78584,"filename":"78584-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1806278,"templ_id":78584,"filename":"78584-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/78584.html","image":"https://s.tmimgcdn.com/scr/78500/construx-construction-amp-building-business-joomla-5-template_78584-2-original.jpg","searchHash":"8475eec55eed5aab0f2cd67c0fc36972","previewHash":"6adc61a1ed8d21e935b9097dc7d88573","authorNickname":"prothemes","lowLevelTopic":"Construction Company Templates; Civil Engineering Templates; Tools & Equipment Templates; Building Materials","weightedRating":4.2307692307692,"annualSale":11,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":5,"properties":{"styles":["Clean","Corporate","Minimalist","Flat"],"features":["Admin Panel","Bootstrap","Retina Ready","Canvas Animation","Multipurpose","Team Members","Advanced Theme Options","Drag and Drop Content","Blog","Gallery","Portfolio","Parallax","j2store"],"topic":["Architecture","Construction Company Templates","Civil Engineering Templates","Industrial Templates","Tools & Equipment Templates","Design","Design & Photography","Business & Services","Home & Family","Building Materials"],"isFree":"none","popularity":["Bestsellers","Top Rated"],"color":["black","white","grey","brown","green"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1527933","joomlaEngine":"3.9","marketplaceMembership":"One","nameOfTheTemplate":"Construx - Construction &amp; Building Business Joomla 5 Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/55528/scr/1587240093923_Slider.jpg","shortDescription":"<p>Construx is a Joomla Template Construction & Building Business, industry, technique, engineering or machinery business and companies that offer related services.</p><p><strong>Compatible with Joomla 5</strong></p><ul><li>Our template is compatible with Joomla 5.</li><li>In our pack, we included Quickinstall for Joomla 5.</li></ul><p><strong>Construx - Construction & Building Business Joomla Template</strong> is build on Helix Framework and SP Page Builder PRO 5 as builder and HikaShop for Ecommerce</p><p>You can build your site fast with our Quickinstall (demo installation) and you don't need to install joomla, modules, extensions, just install our quickinstall on clean database and subdomain/main domain, set your admin password adn you are ready to go. Is very simple and you can read more about this in our documentation.</p><p><strong>Construx - Construction & Building Business Joomla Template</strong> can be easily optimised to have a good score in google.</p><p>Construx is a great <strong>RTL template</strong>, and you don't need to make settings, just install your language and default joomla as multilanguage and you are ready to go.</p><p>With <strong>Construx - Construction & Building Business Joomla Template</strong> you don't need to know advanced php or html, you can do all changes like css custom, from admin part, using page builder's addons (every addon have tab style where you can add your css), also template come with custom css box, js box and more.</p><p><strong>Features</strong>:</p><p>- New icon fonts in addon (over30 for constuction)</p><p>- RTL language layout</p><p>- Helix Framework Ultimate 2</p><p>- Quickinstall</p><p>- HikaShop</p><p>- Megamenu</p><p>- Layout builder</p><p>- Responsive</p><p>- Clean & Minimal Hotel template</p><p>- Contact form</p><p>- Css custom in every addon tab, so easy to custom</p><p>- Color change</p><p>- Typography change</p><p>- Parallax</p><p>- Background gradient</p><p>- Over 40 addons</p><p>- SEO & SMM Optimised</p><p>- Multilingual Support</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Favicon option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 5,6</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Mobile layout</p><p>- and more</p><p><strong>Quickstart installation included for Joomla 5</strong></p><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><p><strong>Support Ecommerce HIkaShop</strong></p><p>Construx - Construction & Building Business Joomla Template is fully compatible with <strong>HIkaShop </strong>one of the best Ecommerce component for Joomla, so you can have your shop fast, clean, secure and simple. Do you want other Ecommerce? let us know. Also, if you don't need ecommerce, just disable all modules (from <strong>HIkaShop</strong>) and then disable component <strong>HIkaShop</strong>.</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about our tempalte, how to install, configure and more. If you need to know something then we added in documentation, you can ask us using templatemonster ticket support system (we answer in max 1 hour but please wait until 24h, due working time or sometimes notification goes to spam email).</p>","uniqueKeywords":"construction,buildings,industry,engineering,parallax,team,ecommerce,jstore,business","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/55528/scr/1587240085786_Main.jpg","dqi":"86","livePreviewURL":"https://construx.themes-pro.com/","metaDescription":"Construx is a Joomla Template Construction & Building Business, industry, technique, engineering or machinery business and companies that offer related","saleSells":"1","templateSupportOptions":"[]","lastmod":"2022-02-02T04:49:50-05:00","trendiness":"1","changeLogDate":"2023-12-26","customUrl":"/joomla-templates/78584.html","demoMetaDescription":"Check out the demo of the top quality Construx - Construction & Building Business with Page Builder Joomla Template (#78584) get yourself informed about this template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","advImage":"https://s3u.tmimgcdn.com/u1527933/f546dbd4e6f98c9873da226261f713d1.jpg","filesDescription":"<p>- Documentation - Template - Quickinstall - Demo files (use only if you don't want to install one click install Quickinstall) - Extensions</p>","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/55528/scr/1587240106080_Presentationa.jpg","htmlTitle":"Construction & Building Business Joomla Template","productSize":"80464353","imagesIncluded":"Yes","tags":["buildings","business","construction","engineering","industry","parallax","team","ecommerce","jstore"],"reviewsTotal":"3","reviewAverageScore":"4.5","joomlaEditor":"SP Page Builder","paidSupport":"Yes","authorMainScreenshotVersion":"2","changeLog":"## December 19 2023\r\n- Quickinstall for Joomla 5\r\n- Plugin Updated\r\n- Sp Page Builder 5 updated\r\n- Sp Page Builder updated from v3 to v5\r\n- Documentation updated\r\n- PHP 8.1 and 8.2\r\nUpdates\r\n- Improved accessibility to Accordion, Button, Article, Tab, Icon, Icon Group, Alert, Image Content, and Form Builder addons\r\n- Responsive options added for carousel gap (Testimonial Carousel, Image Carousel &amp; Client addons)\r\n- Div addon’s hidden by device functionality improved\r\n- Added the option to hide input labels in the Form Builder addon\r\n- Added deep integration of EasyStore pagination status addon\r\nFixes\r\n- Fixed column responsive issue for xs device\r\n- Fixed Addon Access Level issue in the Backend Editor\r\n- Fixed EasyStore common addon dropping &amp; sorting issue of Product List item\r\n- Fixed popover addon custom class missing issue\r\n\r\n#################################################\r\n\r\n## May 08 2023\r\nNew version of SP Page Builder Version 3.8.10\r\n\r\nBug Fix:\r\n- Column background overlay (pattern) issue.\r\n- Addon custom CSS auto ID generate issue.\r\n- Droptables custom addon issue.\r\n- Addon text editor emoji support issue.\r\n- XSS vulnerability warning issue from Bootstrap\r\n\r\nAll new updates are in folder Extensions-Update and can be installed manually from Joomla Administrator. \r\n\r\nAfter installation, clean cache. Don't forget to make full backup before installing this update.\r\n*********************************************************************************Added html steps: \r\n##February 03, 2023\r\n- New folder how-to-update-to-joomla4 is added in main zip pack.\r\n- Unzip main zip pack and open index.html from folder how-to-update-to-joomla4 into your browser.\r\n- All steps that need to be made to update your Joomla 3 to Joomla 4 using 2 methods: Step by step or using Quickinstall.\r\n- How to prepare your Joomla 3 website before updating to Joomla 4.","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bestsellers":"16","excerpt":"<p>Construx is a Joomla Template Construction &amp; Building Business, industry, technique, engineering or machinery business and companies that offer related services.</p>","joomlaCompatibility":["4.4.x","5.0.x"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 19 Apr 2024 22:04:19 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=78584&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=78584&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=78584&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 22:09:19 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://construx.themes-pro.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#78584 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/78584.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 #78584            </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=78584&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>