string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=234856&expand=properties"
string(13526) "[{"templateId":234856,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Joomla Template","templatePreviewHtmlTitle":"Quantas Business and Construction Joomla 5 and Joomla 4 Template","templateDemoHtmlTitle":"Live preview for Quantas Business and Construction Joomla 5 and Joomla 4 Template #234856","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Quantas is the great Joomla 4 Business and Construction Template based on T3-Framework and Bootstrap 3. The Template is one of the best choice for Construction, Building Companies and the firms that offering Building Services. It can also be used for all kind of Business, Agency, Finance, Consulting-Company and Corporation websites.</p><p>Quantas professional Joomla theme includes 15 home page styles, about-us, services, projects, blog, portfolio and contact pages give you a lot of chances to create your unique, stunning and eye-catching website. It is designed with beautiful color options. Template is responsive and fits for all kind of mobile devices. Quantas has a lot of layout variations, 15 predefined colours, Smart Slider Pro, 3 Background options, 5 Megamenu styles, Light and Dark Versions etc.</p><p><strong>Features:</strong></p><ul><li>Fully <strong>Responsive </strong>Design</li><li><strong>Joomla 4.x -5.x </strong>Version</li><li><strong>Bootstrap 3 - T3 Framework</strong></li><li>5 <strong>MegaMenu </strong>Styles</li><li>15 Preset Color Styles</li><li>15 Homepage layouts</li><li><strong>3 Background </strong>Type Options (Fixed Image, Patterned Background and Solid Color)</li><li>Light and Dark Versions (4 Dark Styles)</li><li>26 <strong>Google Fonts</strong></li><li>Select Different Google Font For Body (26 Google Fonts)</li><li>Select Different Google Font For Headings and Titles (26 Google Fonts)</li><li>Select Different Google Font For Horizontal Navigaton Menu (26 Google Fonts)</li><li><strong>Sticky Menu</strong></li><li>Off-Canvas Sidebar</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li>Smart Slider 3</li><li>Clean and Modern Style</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>About Us</strong> Page - Team</li><li>Contact Page with <strong>Google Map</strong></li><li><strong>Video</strong> Extension and Video Page</li><li><strong>Blog </strong>Pages</li><li>Subscribe to <strong>Mailing List</strong></li><li>Up to <strong>3 Columns</strong> layout</li><li>Image or Text logo (Adjustable Logo Size on Admin Panel )</li><li><strong>Full Width</strong> and <strong>Boxed </strong>Layout</li><li>Top Reading Position Indicator with mouse wheeling</li><li><strong>Back to Top </strong>Button</li><li>Text Transform Option for Titles</li><li>Text Transform Option for Nav Menu</li><li>Align Logo option (Horizontally and Vertically)</li><li><strong>Multilingual</strong> Support Enabled and Set</li><li>Change Body Background Pattern for boxed layout (20+ Patterns)</li><li>Change Header Background Pattern for boxed layout (20+ Patterns)</li><li>Change Body Font Size</li><li>Change Nav Menu Font Size</li></ul>","templateFullTitle":"Quantas Business and Construction Joomla 5 and Joomla 4 Template","templatePreviewMetaDescription":"Quantas is the great Joomla 4 Business and Construction Template based on T3-Framework and Bootstrap 3. The Template is one of the best choice for","templateDemoMetaDescription":"Sit back and watch the demo of the top notch Quantas Business and Construction Joomla 4 Template Joomla Template (#234856) get yourself familiar with this design prior to buying it. Browse through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Quantas Business and Construction Joomla 5 and Joomla 4 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/quantas-business-and-construction-joomla-4-template-234856.html","userRating":"5","designIndex":1,"authorUserId":"1575147","exclusive":"1","state":1,"price":73,"inserted_date":"2022-03-17","sent":0,"downloads":52,"search_words":"quantas joomla 4 template business construction company building theme agency finance corporate corporation consulting contractor industry industrial engineering creative t3 framework modern","is_adult":0,"exc_price":2100,"sent_date":"2022-03-17 12:59:37","last_upload":"2023-10-31 13:41:57","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2601141,"templ_id":234856,"filename":"234856-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":2601142,"templ_id":234856,"filename":"234856-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":2601143,"templ_id":234856,"filename":"234856-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":2601144,"templ_id":234856,"filename":"234856-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":2601145,"templ_id":234856,"filename":"234856-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/234856.html","image":"https://s.tmimgcdn.com/scr/234800/quantas-business-and-construction-joomla-5-and-joomla-4-template_234856-original.jpg","searchHash":"22db90c3308031b4fc2474896d47a1d6","previewHash":"0ec41b7a157748993b98736fb57c9e84","authorNickname":"JoomlaTema","lowLevelTopic":"Construction Company Templates; Consulting Templates; Media Templates; Office Templates; Finance; Business Audit","weightedRating":4.3076923076923,"annualSale":25,"monthlySales":2,"quarterlySales":8,"productBoost":35,"onSale":0,"finalPrice":65,"discountPercent":0,"discountAmount":0,"semiannualSales":14,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Multipurpose","Team Members","Dropdown Menu","Google map","Sample content","Advanced Theme Options","MegaMenu","Blog","Portfolio","JQuery"],"isLastAdded":"1","topic":["Architecture","Construction Company Templates","Consulting Templates","Media Templates","Design","Office Templates","Design & Photography","Business & Services","Home & Family","Finance","Business Audit"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey","green"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1575147","alreadyPacked":"1","imagesIncluded":"Yes","tags":["agency","building","business","company","construction","consulting","contractor","corporate","corporation","creative","engineering","finance","industrial","industry","modern","template","theme","t3 framework","joomla 4","quantas"],"marketplaceMembership":"None","joomlaEditor":"T3 Framework","paidSupport":"Yes","joomlaCompatibility":["4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"nameOfTheTemplate":"Quantas Business and Construction Joomla 5 and Joomla 4 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1575147/6dc8816ac0ce10d802abc2b7db58799c.jpg, https://s3u.tmimgcdn.com/u1575147/eeba1ff73cfbfc66112e1c9d524e09b5.jpg, https://s3u.tmimgcdn.com/u1575147/f38f608e0bfd8a8d3e81f926d21f7e0f.jpg, https://s3u.tmimgcdn.com/u1575147/38fb837e2f4445922a2a9cc3e1caa604.jpg, https://s3u.tmimgcdn.com/u1575147/384e6b09ab4a35e451b6996b1e96b833.jpg, https://s3u.tmimgcdn.com/u1575147/5ba5a37aa2341562608fe701f3af28a4.jpg","shortDescription":"<p>Quantas is the great Joomla 4 Business and Construction Template based on T3-Framework and Bootstrap 3. The Template is one of the best choice for Construction, Building Companies and the firms that offering Building Services. It can also be used for all kind of Business, Agency, Finance, Consulting-Company and Corporation websites.</p><p>Quantas professional Joomla theme includes 15 home page styles, about-us, services, projects, blog, portfolio and contact pages give you a lot of chances to create your unique, stunning and eye-catching website. It is designed with beautiful color options. Template is responsive and fits for all kind of mobile devices. Quantas has a lot of layout variations, 15 predefined colours, Smart Slider Pro, 3 Background options, 5 Megamenu styles, Light and Dark Versions etc.</p><p><strong>Features:</strong></p><ul><li>Fully <strong>Responsive </strong>Design</li><li><strong>Joomla 4.x -5.x </strong>Version</li><li><strong>Bootstrap 3 - T3 Framework</strong></li><li>5 <strong>MegaMenu </strong>Styles</li><li>15 Preset Color Styles</li><li>15 Homepage layouts</li><li><strong>3 Background </strong>Type Options (Fixed Image, Patterned Background and Solid Color)</li><li>Light and Dark Versions (4 Dark Styles)</li><li>26 <strong>Google Fonts</strong></li><li>Select Different Google Font For Body (26 Google Fonts)</li><li>Select Different Google Font For Headings and Titles (26 Google Fonts)</li><li>Select Different Google Font For Horizontal Navigaton Menu (26 Google Fonts)</li><li><strong>Sticky Menu</strong></li><li>Off-Canvas Sidebar</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li>Smart Slider 3</li><li>Clean and Modern Style</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>About Us</strong> Page - Team</li><li>Contact Page with <strong>Google Map</strong></li><li><strong>Video</strong> Extension and Video Page</li><li><strong>Blog </strong>Pages</li><li>Subscribe to <strong>Mailing List</strong></li><li>Up to <strong>3 Columns</strong> layout</li><li>Image or Text logo (Adjustable Logo Size on Admin Panel )</li><li><strong>Full Width</strong> and <strong>Boxed </strong>Layout</li><li>Top Reading Position Indicator with mouse wheeling</li><li><strong>Back to Top </strong>Button</li><li>Text Transform Option for Titles</li><li>Text Transform Option for Nav Menu</li><li>Align Logo option (Horizontally and Vertically)</li><li><strong>Multilingual</strong> Support Enabled and Set</li><li>Change Body Background Pattern for boxed layout (20+ Patterns)</li><li>Change Header Background Pattern for boxed layout (20+ Patterns)</li><li>Change Body Font Size</li><li>Change Nav Menu Font Size</li></ul>","uniqueKeywords":"quantas,joomla 4,template,business,construction,company,building,theme,agency,finance,corporate,corporation,consulting,contractor,industry,industrial,engineering,creative,t3 framework,modern","advImage":"https://s3u.tmimgcdn.com/u1575147/b3120233278c9b1f08d0814b5a4b38cb.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1575147/593106a5d7f6a9ea216cbf2fdadc487e.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1575147/3b0ae8b26c81b0ddc078e6ab399e3183.jpg, https://s3u.tmimgcdn.com/u1575147/e0b709be767ef6a5d003271023a54fe5.jpg","livePreviewURL":"https://quantas.joomlatema.net/landing/","metaDescription":"Quantas is the great Joomla 4 Business and Construction Template based on T3-Framework and Bootstrap 3. The Template is one of the best choice for","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/36229aG","demoMetaDescription":"Sit back and watch the demo of the top notch Quantas Business and Construction Joomla 4 Template Joomla Template (#234856) get yourself familiar with this design prior to buying it. Browse through the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/joomla-templates/quantas-business-and-construction-joomla-4-template-234856.html","productSize":"222128297","lastmod":"2022-03-22T08:52:54-04:00","trendiness":"1","changeLog":"16/02/2024\n--Joomla 4-5 Version, Akeeba Backup,SP Simple Portfolio, Updated.\n16/12/2023\n--Joomla 4-5 Version, T3 Plugin Updated. Smart Slider Updated.\n28/10/2023\n--Joomla 5 Version added, T3 Plugin Updated. Smart Slider Updated.\n11/04/2023\n--Joomla Version, T3 Plugin Updated. Smart Slider Updated.\n18/10/2022\n--Zip checksum error fixed\n14/10/2022\n--Joomla Version Updated. Smart Slider Updated. User reported minor bug fixed\n09/08/2022 \n--Joomla Version and SP Simple Portfolio, Smart Slider,  Yendif Video Share and T3 Plugin Updated. Documentation enriched and some of Extension-specific  Tutorials added.\n29/04/2022 \n--Joomla Version and Smart Slider Updated.","changeLogDate":"2024-02-20","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","7.3"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"3","reviewAverageScore":"5","excerpt":"<p>Quantas is the great Joomla 4 Business and Construction Template based on T3-Framework and Bootstrap 3. The Template is one of the best choice for Construction, Building Companies.</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: Sat, 20 Apr 2024 04:38:19 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=234856&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=234856&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=234856&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 20 Apr 2024 04:43:19 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://quantas.joomlatema.net/landing/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#234856 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/234856.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 #234856            </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=234856&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $67                <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>