string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=107570&expand=properties"
string(15143) "[{"templateId":107570,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Joomla Template","templatePreviewHtmlTitle":"Architecture and Construction Joomla Template","templateDemoHtmlTitle":"Demo for Architecture and Construction Joomla Template #107570","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>Architecture and Construction Joomla Template</strong> is a great fast template for Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce, high-performance with a modern creative design to delight a multitude of creative users for building their websites.</p><p>Based on <strong>Helix Ultimate and SP Page Builder PRO</strong> as builder, <strong>Layer Slider</strong> and for ecommerce J2store, Architecture and Construction Joomla Template is by far a multi-purpose and responsive template allowing you to set up your own web page without painfulness with its outstanding feature such as varied header with unlimited styles, drag & drop Page Builder, speed & SEO optimized, custom css, widgets customised, <strong>J2store </strong>ready.</p><p>We also inlcuded in pack Import file, slider for import, SP Page Builder Pro pages and Quickinstall. Architecture and Construction Joomla Template delivers everything to cover your ambitions & creative needs. Not convinced? Take it for a spin and check out some of the amazing demos!</p><p>Architecture and Construction Joomla Template, A Clean & Clear Business Architecture and Construction Template that is suitable for Interior, Exterior, Renovation Profession, Business, Creative, Flooring and more services.</p><p><strong>Features</strong></p><p>- Responsive</p><p>- Mega menu</p><p>- Ecommerce with J2store</p><p>- One page</p><p>- Multi pages</p><p>- Quickinstall</p><p>- SP Page Builder Pro 3</p><p>- Creative Slider</p><p>- RTL</p><p>- Import folder</p><p>- Fast loading</p><p>- Multipurpose template</p><p>- Layout builder</p><p>- 49 Addons Page builder</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 4.4</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Parallax effect</p><p>- Video background</p><p>- Sections selectors with design</p><p>- Addon animation</p><p>- Mailchimp ready</p><p>- GDRP ready</p><p>- Support</p><p>- Documentation</p><p>- and more</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>Support Ecommerce</strong></p><p>Architecture and Construction is fully compatible with J2store so you can have your shop fast, secure and simple. Try it and tell us what you think about it :).</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about Architecture and Construction template, how to install manually, how to install quickinstall, hot to change colors and more.</p><p><strong>Icons Used</strong></p><p>Font Awesome Stroke Gap Icons</p><p><strong>Font Used</strong></p><p>Josefin+Sans</p><p><strong>Photo Credits</strong></p><p>Freepik – https://www.freepik.com (attribution in documentation) Unsplash – https://unsplash.com/</p><p><strong>Important</strong></p><p>Images used in the Preview demo are not included in the downloaded package. If you have any questions, please contact us to send you links.</p>","templateFullTitle":"Architecture and Construction Joomla Template","templatePreviewMetaDescription":"Architecture and Construction Joomla Template is a great fast template for Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce,","templateDemoMetaDescription":"Have a look at the live preview for the high quality Architecture & Construction Joomla Template (#107570) get yourself informed about this design before you purchase it. Go through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Architecture and Construction Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/architecture-construction-joomla-template-107570.html","userRating":0,"designIndex":"90","authorUserId":"1527933","exclusive":"1","state":1,"price":55,"inserted_date":"2020-07-09","sent":0,"downloads":7,"search_words":"architecture construction architect construct flooring services business creative interior exterior renovation profession ecommerce design building","is_adult":0,"exc_price":2100,"sent_date":"2020-07-09 05:00:12","last_upload":"2023-10-12 09:58:18","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"107570-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107570,"width":1600,"window_params":"","banner_url":"","id":1966131,"href":"","height":1000},{"scr_type_id":311,"filename":"107570-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107570,"width":1600,"window_params":"","banner_url":"","id":1966132,"href":"","height":1000},{"scr_type_id":312,"filename":"107570-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107570,"width":370,"window_params":"","banner_url":"","id":1966133,"href":"","height":370},{"scr_type_id":9,"filename":"107570-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107570,"width":145,"window_params":"","banner_url":"","id":1966134,"href":"","height":156},{"scr_type_id":57,"filename":"107570-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107570,"width":430,"window_params":"","banner_url":"","id":1966135,"href":"","height":269}],"demoUrl":"/demo/107570.html","image":"https://s.tmimgcdn.com/scr/107500/architecture-and-construction-joomla-template_107570-original.jpg","searchHash":"2c38ae91f2b80d51ea76430eba7ec11e","previewHash":"e61bea636536ffa1d451ab59e5715ad2","authorNickname":"prothemes","lowLevelTopic":"Construction Company Templates; Business & Services; Society & People","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"47808453","uniqueKeywords":"architecture,construction,architect,construct,flooring,services,business,creative,interior,exterior,renovation,profession,ecommerce,design,building","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Architecture and Construction Joomla Template is a great fast template for Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce,","imageKeyFeatures":"https://s3u.tmimgcdn.com/1527933-1593985873205_Untitled-2.jpg(http://artex-jo.payo-themes.com)","features":["Responsive","Admin Panel","Bootstrap","Ajax","Retina Ready","eCommerce","Blog","Gallery","Portfolio","JQuery","j2store"],"joomlaEngine":"3.9","saleSells":"1","authorUserId":"1527933","isFree":"none","htmlTitle":"Architecture and Construction Joomla Template Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce","exclusive":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2022-01-17T14:02:43-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1527933-1593985827721_22.jpg","demoMetaDescription":"Have a look at the live preview for the high quality Architecture & Construction Joomla Template (#107570) get yourself informed about this design before you purchase it. Go through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<p><strong>Architecture and Construction Joomla Template</strong> is a great fast template for Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce, high-performance with a modern creative design to delight a multitude of creative users for building their websites.</p><p>Based on <strong>Helix Ultimate and SP Page Builder PRO</strong> as builder, <strong>Layer Slider</strong> and for ecommerce J2store, Architecture and Construction Joomla Template is by far a multi-purpose and responsive template allowing you to set up your own web page without painfulness with its outstanding feature such as varied header with unlimited styles, drag & drop Page Builder, speed & SEO optimized, custom css, widgets customised, <strong>J2store </strong>ready.</p><p>We also inlcuded in pack Import file, slider for import, SP Page Builder Pro pages and Quickinstall. Architecture and Construction Joomla Template delivers everything to cover your ambitions & creative needs. Not convinced? Take it for a spin and check out some of the amazing demos!</p><p>Architecture and Construction Joomla Template, A Clean & Clear Business Architecture and Construction Template that is suitable for Interior, Exterior, Renovation Profession, Business, Creative, Flooring and more services.</p><p><strong>Features</strong></p><p>- Responsive</p><p>- Mega menu</p><p>- Ecommerce with J2store</p><p>- One page</p><p>- Multi pages</p><p>- Quickinstall</p><p>- SP Page Builder Pro 3</p><p>- Creative Slider</p><p>- RTL</p><p>- Import folder</p><p>- Fast loading</p><p>- Multipurpose template</p><p>- Layout builder</p><p>- 49 Addons Page builder</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 4.4</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- Parallax effect</p><p>- Video background</p><p>- Sections selectors with design</p><p>- Addon animation</p><p>- Mailchimp ready</p><p>- GDRP ready</p><p>- Support</p><p>- Documentation</p><p>- and more</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>Support Ecommerce</strong></p><p>Architecture and Construction is fully compatible with J2store so you can have your shop fast, secure and simple. Try it and tell us what you think about it :).</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about Architecture and Construction template, how to install manually, how to install quickinstall, hot to change colors and more.</p><p><strong>Icons Used</strong></p><p>Font Awesome Stroke Gap Icons</p><p><strong>Font Used</strong></p><p>Josefin+Sans</p><p><strong>Photo Credits</strong></p><p>Freepik – https://www.freepik.com (attribution in documentation) Unsplash – https://unsplash.com/</p><p><strong>Important</strong></p><p>Images used in the Preview demo are not included in the downloaded package. If you have any questions, please contact us to send you links.</p>","joomlaCompatibility":["3.9.x","3.10.x"],"tags":["architect","architecture","building","business","construct","construction","creative","design","exterior","flooring","interior","profession","renovation","services","ecommerce"],"customUrl":"/joomla-templates/architecture-construction-joomla-template-107570.html","nameOfTheTemplate":"Architecture and Construction Joomla Template","pHPVersionCompatibility":"7.4","topic":["Architecture","Construction Company Templates","Design","Design & Photography","Business & Services","Home & Family","Society & People"],"changeLogDate":"2023-10-12","styles":["Clean","Corporate"],"advImage":"https://s3u.tmimgcdn.com/u1527933/c28ba05b2b5f7e3886e98f8c8aa15e47.jpg","excerpt":"<p>Architecture and Construction Joomla Template is a great fast template for Interior, Exterior, Renovation Profession, Business, Creative, Ecommerce, high-performance with a modern creative design</p>","productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"joomla-templates-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","changeLog":"## Sep 28 2023\r\nHelix Framework:\r\n- New module position logged-in-usermenu added on user logged in menu\r\n\r\nFixes\r\n- Custom Style Preset $scssVars issue\r\n- Menu icon not working\r\n\r\n\r\nSp Page Builder 5\r\nNEW \r\n- Implemented a feature to fix legacy page content for improved compatibility\r\n- Added a new \"Border\" field to enhance design customization options\r\n- Fixed multiword search issue on page list page.\r\n- Fixed the team carousel item links\r\n- Fixed an issue with the Tab addon's icon or image options\r\n- Fixed a bug where accordion bodies were missing\r\n- Fixed the missing child issue within deep nested row in the layers panel\r\n- Included missing selector text and textrelated settings for images and icons in the modal addon\r\n- Fixed issue displaying only the initial category in multiselect for article addon.\r\n\r\nSp Page Builder 3\r\nFixes\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- Upgrade option from SP PageBuilder 3 to SP PageBuilder 5\r\n\r\n\r\n- 20.03.2023 - Extension updated to latest version.\r\n*************************************************************\r\n- Added 4SEF extension compatibility\r\n- In Article addon, Modified Date added to the Options\r\n- In Video addon, Video Title field added for the YouTube link for better accessibility\r\n- In Tabs and Accordion addons, the Form Builder addon’s email sending and selecting type do not work issue\r\n- Carousel Pro addon abnormal behavior issue when window resized\r\n- PHP Mail issue in Form Builder and Contact Form\r\n- “Save as Copy” and “Save” button issues in Joomla 4\r\n- Hit count issue for saving a page multiple times.","livePreviewURL":"https://artex-jo.payo-themes.com/","authorMainScreenshot":"https://s3u.tmimgcdn.com/1527933-1593985648084_1600.jpg","templateGroup":"CMS Templates","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","imagesIncluded":"No","templateIcon":"icon-joomla","types":"Joomla Templates","trendiness":"1","bitLyUrl":"https://bit.ly/320ogJW","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"paidSupport":"Yes","joomlaEditor":"SP Page Builder","marketplaceMembership":"One","category":"Website templates","dqi":"90"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 23 Apr 2024 16:47:06 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=107570&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=107570&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=107570&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 16:52:06 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://artex-jo.payo-themes.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#107570 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/107570.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 #107570            </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=107570&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>