string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=118183&expand=properties"
string(16600) "[{"templateId":118183,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Joomla Template","templatePreviewHtmlTitle":"Constru - Construction, Building &amp; Industry  Joomla Template","templateDemoHtmlTitle":"Demo Preview for Constru - Construction, Building &amp; Industry  Joomla Template #118183","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>Constru - Construction &amp; Building Business Joomla Template</strong> is build on the best and fastest Joomla Framework: Helix Ultimate with theme options (from where you can change colors in few seconds), drag and drop system and more, J2store for ecommerce and Creative Slider for slide.</p><p><strong>Joomla 4: Our template is fully compatible with Joomla 4.</strong></p><p>We included in our main zip version for Joomla 4: template, quickinstall (one click installation) and extensions that are compatible with Joomla 4.</p><p><strong>Constru Joomla Template is built for Building Services</strong>, Architecture, Engineering, Cleaning Service and other Construction related services and it is suitable for any kind of small business activity – Maid, Maintenance, Painting and Decorating, Refurbishment, Partitions &amp; Ceilings, Plastering &amp; Rendering, Carpentry &amp; Joinery, Built in – Furniture, Flooring, Plumbing and others. It has purpose oriented design and comes with Opening Hours, Free Consultation.</p><p><strong>Features</strong>:</p><p>- Unlimited colors</p><p>- Colors can be changed in 2seconds</p><p>- New icon fonts in addon</p><p>- RTL language layout</p><p>- Helix Framework Ultimate</p><p>- Quickinstall</p><p>- Megamenu</p><p>- Layout builder</p><p>- Responsive</p><p>- Clean &amp; 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 &amp; 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>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 4 and 5</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Mobile layout</p><p>- and more</p><p><strong>What you will get?</strong></p><p>With our template you will get: our free <strong>support</strong>, free <strong>updates </strong>for life, fast <strong>demo </strong>installation (quickinstall), <strong>images </strong>(are free rights so you can use theme into your website), pages, theme style, slider are also in pack.</p><p><strong>Quickstart installation included</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>RTL Ready</strong></p><p>Our Constru Joomla template comes with RTL ready, so you need just to add your language and that's it (just default joomla settings).</p><p><strong>Detailed documentation</strong></p><p>After downloading entire pack, please unzip it and open documentation folder, here open file index.html in browser and use mouse scroll to check entire doc. In documentation you have all you need to know regarding installation, settings and setup our template.</p>","templateFullTitle":"Constru - Construction, Building &amp; Industry  Joomla Template","templatePreviewMetaDescription":"Constru - Construction &amp; Building Business Joomla Template is build on the best and fastest Joomla Framework: Helix Ultimate with theme options (from where","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality Constru - Construction & Building Business Joomla Template (#118183) by enjoying the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Constru - Construction, Building &amp; Industry  Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/constru-construction-building-business-joomla-template-118183.html","userRating":0,"designIndex":"88","authorUserId":"1527933","exclusive":"1","state":1,"price":49,"inserted_date":"2020-10-13","sent":0,"downloads":14,"search_words":"construction architecture engineering cleaning service decorating interior design ceilings flooring constructor materials blog clean ecommerce store page builder machine company industry corporate","is_adult":0,"exc_price":2100,"sent_date":"2020-10-13 13:19:49","last_upload":"2024-04-16 11:55:50","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2018358,"templ_id":118183,"filename":"118183-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2018359,"templ_id":118183,"filename":"118183-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2018360,"templ_id":118183,"filename":"118183-2-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":2018361,"templ_id":118183,"filename":"118183-2-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":2018362,"templ_id":118183,"filename":"118183-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/118183.html","image":"https://s.tmimgcdn.com/scr/118100/constru-construction-building-amp-industry-joomla-template_118183-2-original.jpg","searchHash":"f0fadd3d1bdc0289a269fc0795b687b8","previewHash":"fb94d6e27a9d777b23ceb7eb2ca73bfe","authorNickname":"prothemes","lowLevelTopic":"Maintenance Services Templates; Building Materials; Construction Company Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":35,"onSale":0,"finalPrice":43,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"bitLyUrl":"https://bit.ly/30YkHTp","features":["Dropdown Menu","Google map","Quickstart Package","Sample content","Tabs","Drag and Drop Content","MegaMenu","Static","Parallax","HTML 5","JQuery","Admin Panel","Ajax","Bootstrap","Light Template","Multipurpose","Responsive","Retina Ready","Search Engine Friendly","Single Product","Team Members","eCommerce","Background video","j2store"],"livePreviewURL":"https://constru.themes-pro.com","styles":["Clean","Corporate"],"nameOfTheTemplate":"Constru - Construction, Building &amp; Industry  Joomla Template","shortDescription":"<p><strong>Constru - Construction &amp; Building Business Joomla Template</strong> is build on the best and fastest Joomla Framework: Helix Ultimate with theme options (from where you can change colors in few seconds), drag and drop system and more, J2store for ecommerce and Creative Slider for slide.</p><p><strong>Joomla 4: Our template is fully compatible with Joomla 4.</strong></p><p>We included in our main zip version for Joomla 4: template, quickinstall (one click installation) and extensions that are compatible with Joomla 4.</p><p><strong>Constru Joomla Template is built for Building Services</strong>, Architecture, Engineering, Cleaning Service and other Construction related services and it is suitable for any kind of small business activity – Maid, Maintenance, Painting and Decorating, Refurbishment, Partitions &amp; Ceilings, Plastering &amp; Rendering, Carpentry &amp; Joinery, Built in – Furniture, Flooring, Plumbing and others. It has purpose oriented design and comes with Opening Hours, Free Consultation.</p><p><strong>Features</strong>:</p><p>- Unlimited colors</p><p>- Colors can be changed in 2seconds</p><p>- New icon fonts in addon</p><p>- RTL language layout</p><p>- Helix Framework Ultimate</p><p>- Quickinstall</p><p>- Megamenu</p><p>- Layout builder</p><p>- Responsive</p><p>- Clean &amp; 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 &amp; 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>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 4 and 5</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Mobile layout</p><p>- and more</p><p><strong>What you will get?</strong></p><p>With our template you will get: our free <strong>support</strong>, free <strong>updates </strong>for life, fast <strong>demo </strong>installation (quickinstall), <strong>images </strong>(are free rights so you can use theme into your website), pages, theme style, slider are also in pack.</p><p><strong>Quickstart installation included</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>RTL Ready</strong></p><p>Our Constru Joomla template comes with RTL ready, so you need just to add your language and that's it (just default joomla settings).</p><p><strong>Detailed documentation</strong></p><p>After downloading entire pack, please unzip it and open documentation folder, here open file index.html in browser and use mouse scroll to check entire doc. In documentation you have all you need to know regarding installation, settings and setup our template.</p>","popularity":"Recently Updated","webForms":["Booking Form","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"joomlaEngine":"3.9","joomlaCompatibility":["3.9.x","4.3.x"],"topic":["Business & Services","Industrial Templates","Maintenance Services Templates","Building Materials","Architecture","Construction Company Templates","Design","Design & Photography","Home & Family"],"uniqueKeywords":"construction,architecture,engineering,cleaning service,decorating,interior design,ceilings,flooring,constructor,materials,blog,clean,ecommerce,store,page builder,machine,company,industry,corporate","customUrl":"/joomla-templates/constru-construction-building-business-joomla-template-118183.html","isFree":"none","metaDescription":"Constru - Construction &amp; Building Business Joomla Template is build on the best and fastest Joomla Framework: Helix Ultimate with theme options (from where","htmlTitle":"Construction &amp; Building Business Joomla Template","changeLog":"## Mar 08 2024\n\nNew SP Page Builder\n- Added Image Shapes and CSS Effects in the Image addon\n- Content Truncation option added in the Text Block addon\n- Included ACL functionality in the Row settings for better access control management\n- Added option to include SEO data while exporting page\n- Radius option added in the Options section of the Gallery addon\n\nUpdates SP Page Builder\n- Enhanced accessibility for Tab, Form Builder, and Feature Box addons\n- Improved code editor and system editor to adapt to various display resolutions\n- Google Map API updated to address deprecation issues\n\nFixes\n- Resolved pagerelated ACL issues\n- Fixed addons’ zindex issue\n- Fixed Div addon custom position issue\n- Fixed Search plugin’s sorting issue\n- Resolved Video addon’s YouTube shorts functionality issue\n\n## Sep 28 2023\nHelix Framework:\n- New module position logged-in-usermenu added on user logged in menu\n\nFixes\n- Custom Style Preset $scssVars issue\n- Menu icon not working\n\n\nSp Page Builder 5\nNEW \n- Implemented a feature to fix legacy page content for improved compatibility\n- Added a new \"Border\" field to enhance design customization options\n- Fixed multiword search issue on page list page.\n- Fixed the team carousel item links\n- Fixed an issue with the Tab addon's icon or image options\n- Fixed a bug where accordion bodies were missing\n- Fixed the missing child issue within deep nested row in the layers panel\n- Included missing selector text and textrelated settings for images and icons in the modal addon\n- Fixed issue displaying only the initial category in multiselect for article addon.\n\nSp Page Builder 3\nFixes\n- Column background overlay (pattern) issue.\n- Addon custom CSS auto ID generate issue.\n- Droptables custom addon issue.\n- Addon text editor emoji support issue.\n- XSS vulnerability warning issue from Bootstrap\n- Upgrade option from SP PageBuilder 3 to SP PageBuilder 5\n\n## May 08 2023\nNew version of SP Page Builder Version 3.8.10\n\nBug Fix:\n- Column background overlay (pattern) issue.\n- Addon custom CSS auto ID generate issue.\n- Droptables custom addon issue.\n- Addon text editor emoji support issue.\n- XSS vulnerability warning issue from Bootstrap\n\nAll new updates are in folder Extensions-Update and can be installed manually from Joomla Administrator. \n\nAfter installation, clean cache. Don't forget to make full backup before installing this update.\n*********************************************************************************\n\nAdded html steps: \n##February 03, 2023\n- New folder how-to-update-to-joomla4 is added in main zip pack.\n- Unzip main zip pack and open index.html from folder how-to-update-to-joomla4 into your browser.\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.\n- How to prepare your Joomla 3 website before updating to Joomla 4.\n- 20.10.2022 - Extension updated to latest version.\n*************************************************************\n\n- Template updated to Joomla 4 ** new**\n- Extensions updated to Joomla 4 ** new**\n- Quickinstall for Joomla 4 ** new**\n- Documentation for Joomla 4 with images and detailed ** new**","color":["black","white","grey","red"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1527933/7979c990766961877b30e86e0d2a1c7d.jpg","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality Constru - Construction & Building Business Joomla Template (#118183) by enjoying the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","changeLogDate":"2024-04-16","lastmod":"2022-02-16T16:27:31-05:00","trendiness":"1","showVariantForcibly":"b","dqi":"88","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1527933/1095e81576d84b7cca5f1b30e8dc72d5.jpg","authorUserId":"1527933","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1527933/cac50a450aa10e70c82ab179a02ae6d3.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","tags":["architecture","ceilings","clean","company","construction","constructor","corporate","decorating","engineering","flooring","industry","machine","materials","store","blog","ecommerce","interior design","page builder","cleaning service"],"advImage":"https://s3u.tmimgcdn.com/u1527933/6e04afa890b5e1059579459fbad99034.jpg","productSize":"52623866","imagesIncluded":"Yes","authorMainScreenshotVersion":"2","joomlaEditor":"SP Page Builder","paidSupport":"Yes","pHPVersionCompatibility":["8.0","7.4"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Constru Joomla Template is built for Building Services, Architecture, Engineering, Cleaning Service and other Construction related services and it is suitable for any kind of small business activity</p>","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, 26 Apr 2024 04:18:49 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=118183&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=118183&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=118183&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 04:23:49 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://constru.themes-pro.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#118183 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/118183.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 #118183            </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=118183&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>