string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=220599&expand=properties"
string(13069) "[{"templateId":220599,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":275,"categoryName":"Home Decor Templates","templateTitle":"Home Decor Responsive Joomla Template","templatePreviewHtmlTitle":"JL Dynamic Construction Joomla4-5 Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for JL Dynamic Construction Joomla4-5 Template #220599","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Based on extensive research in the construction industry industry, we have developed a number of top-notch features that will make your work life easier, save you plenty of time, and deliver excellent results that will visually display on your website.</p><p>The dynamic construction theme is a website that can meet all the demands and needs of construction, contractor, building and decor, crane, bucket dozer, and excavation companies. To set up a ready-made construction site, check out our ready-made construction site designs that we offer examples for you. Be one step ahead of your competitors with mobile compatible ready-made construction sites specially designed for construction companies.</p><p>You can easily add your projects to your website with dynamic construction sites. You can add your previous projects, the projects you have done actively, and the projects you will do in the future by grouping them. You can display the logos of the companies you work with on your website. Thanks to the news and announcement section, you can publish announcements and news about your construction company.</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p><br /></p><p>- SP Page builder</p><p>- 5 different Homepages</p><p>- Wide and Boxed version</p><p>- %100 Responsive</p><p>- Page options</p><p>- Projects (3 Demo Page)</p><p>- Cool slider new menu style</p><p>- 8 color variants</p><p>- Cool icons</p><p>- IE9+, Firefox, Safari, Opera, Chrome</p><p>- And more!</p>","templateFullTitle":"JL Dynamic Construction Joomla4-5 Template","templatePreviewMetaDescription":"Based on extensive research in the construction industry industry, we have developed a number of top-notch features that will make your work life easier, save","templateDemoMetaDescription":"Check out the demo for the premium Dynamic Construction Joomla4 Template Joomla Template (#220599) get yourself acquainted with this template before you decide to buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JL Dynamic Construction Joomla4-5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/dynamic-construction-joomla4-template-220599.html","userRating":0,"designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":62,"inserted_date":"2021-12-17","sent":0,"downloads":1,"search_words":"building constructium excabator contractor modern archi painter creative renevation business catalogue collection company construction corporate decoration innovation architecture buildings","is_adult":0,"exc_price":2100,"sent_date":"2021-12-17 11:59:04","last_upload":"2023-02-22 11:21:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2529876,"templ_id":220599,"filename":"220599-7-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":2529877,"templ_id":220599,"filename":"220599-7-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":2529878,"templ_id":220599,"filename":"220599-7-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":2529879,"templ_id":220599,"filename":"220599-7-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":2529880,"templ_id":220599,"filename":"220599-7-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/220599.html","image":"https://s.tmimgcdn.com/scr/220500/jl-dynamic-construction-joomla4-5-template_220599-7-original.jpg","searchHash":"4983231ef74d876ef634f49c8d907989","previewHash":"431da77e370f764d8930790fddeafaf8","authorNickname":"joomlove","lowLevelTopic":"Construction Company Templates; Consulting Templates; Home Decor Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"bitLyUrl":"https://bit.ly/3q4hops","features":["Admin Panel","Multipurpose","Responsive","Team Members","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Gallery","Portfolio","Background video","Advanced Theme Options"],"isLastAdded":"1","livePreviewURL":"https://dynamic.joomlove.com/","styles":"Clean","nameOfTheTemplate":"JL Dynamic Construction Joomla4-5 Template","shortDescription":"<p>Based on extensive research in the construction industry industry, we have developed a number of top-notch features that will make your work life easier, save you plenty of time, and deliver excellent results that will visually display on your website.</p><p>The dynamic construction theme is a website that can meet all the demands and needs of construction, contractor, building and decor, crane, bucket dozer, and excavation companies. To set up a ready-made construction site, check out our ready-made construction site designs that we offer examples for you. Be one step ahead of your competitors with mobile compatible ready-made construction sites specially designed for construction companies.</p><p>You can easily add your projects to your website with dynamic construction sites. You can add your previous projects, the projects you have done actively, and the projects you will do in the future by grouping them. You can display the logos of the companies you work with on your website. Thanks to the news and announcement section, you can publish announcements and news about your construction company.</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p><br /></p><p>- SP Page builder</p><p>- 5 different Homepages</p><p>- Wide and Boxed version</p><p>- %100 Responsive</p><p>- Page options</p><p>- Projects (3 Demo Page)</p><p>- Cool slider new menu style</p><p>- 8 color variants</p><p>- Cool icons</p><p>- IE9+, Firefox, Safari, Opera, Chrome</p><p>- And more!</p>","joomlaCompatibility":["4.1.x","4.4.x","4.3.x","4.2.x","5.0.x"],"topic":["Architecture","Construction Company Templates","Consulting Templates","Home Decor Templates","Interior & Furniture Templates","Design","Design & Photography","Business & Services","Home & Family","Decor"],"uniqueKeywords":"building,constructium,excabator,contractor,modern,archi,painter,creative,renevation,business,catalogue,collection,company,construction,corporate,decoration,innovation,architecture,buildings","customUrl":"/joomla-templates/dynamic-construction-joomla4-template-220599.html","isFree":"none","metaDescription":"Based on extensive research in the construction industry industry, we have developed a number of top-notch features that will make your work life easier, save","changeLog":"## 12 07,2024\n- Joomla has been upgraded to 4.4.6 and 5.1.2\n- Sp Page Builder has been upgraded to 5.3.4\n- Akeeba Backup package has been upgraded to v.9.9.3\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.1.1\n\n## 15 03,2024\n- Joomla has been upgraded to 4.4.3 and 5.0.3\n\n## 28 01,2024\n- Joomla has been upgraded to 4.4.2 and 5.0.2\n- Akeeba Backup package has been upgraded to v.9.8.4\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 5.2.5\n- Sp simple portfolio v2.0.8\n- Speasyimagegallery has been upgraded v2.0.4\n- JT Carosel Yendif V1.5 has been upgraded v3.0.9\n\n## 04 11,2023\n- Joomla has been upgraded to 4.4.0 \n- Akeeba Backup package has been upgraded to v.9.8.1\n- Helix Ultimate has been upgraded to 2.0.16\n- Sp Page Builder has been upgraded to 3.8.10\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v3.0.2\n\n\n## 06 09,2023\n-Joomla has been upgraded to 4.3.2 \n-Akeeba Backup package has been upgraded to v.9.6.1\n-AcyMailing starter_v8.4.6\n-Helix Ultimate has been upgraded to 2.0.13\n-Sp Page Builder has been upgraded to 3.8.10\n-Sp simple portfolio v2.0.7\n-Speasyimagegallery has been upgraded v2.0.2\n\n\n## 18 02,2023\n-Joomla has been upgraded to 4.2.8 \n-Akeeba Backup package has been upgraded to v.9.5.0 \n-Helix Ultimate has been upgraded to 2.0.11 \n-Sp Page Builder has been upgraded to 3.8.9\n-Sp simple portfolio v2.0.7 \n-Speasyimagegallery has been upgraded v2.0.2 \n-Acymailing has been upgraded 8.1.2\n\n(31.08.2022)-Joomla 4.1.5 language problem fixed / Akeeba Backup CORE 9.3.0 has been updated.\n\n(15.07.2022)-Joomla has been upgraded to 4.1.5 / Akeeba Backup package has been upgraded to v.9.2.7 / Helix Ultimate has been upgraded to 2.0.10 / Sp Page Builder has been upgraded to 3.8.7 / Speasy image gallery fullpackage v2.0.2 / Sp simple portfolio v2.0.6 \n\n(25.04.2022)-Akeeba Backup package has been upgraded to v.9.2.1, Helix Ultimate has been upgraded to 2.0.7, Sp Page Builder has been upgraded to 3.8.6, Joomla has been upgraded to 4.1.2. \n\n(09.03.2022)-Joomla! 4.1.0 updated, Sp Pagebuilder 3.8.5 updated, Akeeabackup Updated, Updated Quick Install package and demo package","color":["black","white","brown","yellow"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/05605d4506e3448bb28e34571182c848.jpg, https://s3u.tmimgcdn.com/u30481598/eaefa0ee78250a89195cbb019808cf61.jpg, https://s3u.tmimgcdn.com/u30481598/2f4a5b11107c31faa813d8dd137d9b07.jpg","demoMetaDescription":"Check out the demo for the premium Dynamic Construction Joomla4 Template Joomla Template (#220599) get yourself acquainted with this template before you decide to buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","changeLogDate":"2024-07-17","lastmod":"2022-03-13T03:24:44-04:00","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/b8a2536178bc6f5781ddb3fa38111054.jpg, https://s3u.tmimgcdn.com/u30481598/46e3cc5234767dfe7d2bef46d5ab0c55.jpg, https://s3u.tmimgcdn.com/u30481598/44052d93344c4749ebd94062cee08441.jpg, https://s3u.tmimgcdn.com/u30481598/c08955e11928c28576f61bdb5e31803f.jpg, https://s3u.tmimgcdn.com/u30481598/be9a5ceef10cf51abb4bd1d5ef164347.jpg","authorUserId":"30481598","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/c1824f3ef1f7dcdabb19970fe5348046.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"None","tags":["building","business","contractor","creative","modern","painter","archi","constructium","excabator","renevation","catalogue","collection","company","construction","corporate","decoration","innovation","architecture","buildings"],"advImage":"https://s3u.tmimgcdn.com/u30481598/85f435b8bdfeecba29a4c1b2cd1fa77e.jpg","productSize":"243351584","imagesIncluded":"Yes","authorMainScreenshotVersion":"7","joomlaEditor":"SP Page Builder","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Based on extensive research in the construction industry, we have developed a range of premium featured themes that will make your work life easier.</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: Thu, 14 Nov 2024 02:01:31 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=220599&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=220599&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=220599&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 14 Nov 2024 02:06:31 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://dynamic.joomlove.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#220599 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/220599.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 #220599            </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=220599&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>