string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=70649&expand=properties"
string(12814) "[{"templateId":70649,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Joomla Template","templatePreviewHtmlTitle":"GrandBuild - Construction Company Flat Professional Joomla Template","templateDemoHtmlTitle":"Live demo for GrandBuild - Construction Company Flat Professional Joomla Template #70649","typeShortName":"Joomla","templatePreviewFBTitle":"<p>If you were looking for a template that combines both solid appearance and fancy design elements - you found it. Your construction company website needs this Joomla template to become more efficient than ever. The design is a little aggressive, with bright orange accents, but that is just what a modern company needs. The animation effects make the site dynamic and don't affect the downloading speed, which is one of the most sufficient feature visitors pay attention to. Visitors attention is carefully focused on the detailed contacts tile and Contact Form, which encourages potential customers to contact you and make an order.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Design Shop Joomla theme is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready website templates are the most useful solution to present your high-resolution designs on display screens with pretty much any pixel-density.</p> <p><b>Why is it Good?</b></p><p>Retina Ready designs make all graphics and website content appear sharper, brighter, and more vivid. </p><p>Find fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla designs</a> here</p> <h3>This is a Bootstrap Photography Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a set of instruments with an open source code. It is perfect for building websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a very effective tool and that's the good reason it's very popular. With this framework, it will be possible to create responsive design, appropriate for any form of screen size, prototype brand new designs without having problems and make sure your own web-site is actually cross-browser compatible.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Photography Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the internet page adjusts its shape and size in order to suit almost any screen, from the smallest cell phones to the widest PC monitors. For every single device, internet page elements widen or shrink to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive website design helps to get stable buyer experience and offer a 100 % access to the website page data from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"GrandBuild - Construction Company Flat Professional Joomla Template","templatePreviewMetaDescription":"If you were looking for a template that combines both solid appearance and fancy design elements - you found it. Your construction company website needs this","templateDemoMetaDescription":"The demo preview of this high quality GrandBuild - Construction Company Flat Professional Joomla Template (#70649) is presented here for you to get yourself acquainted with the template before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"GrandBuild - Construction Company Flat Professional Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/grandbuild-attractive-construction-company-joomla-template-70649.html","userRating":"5","designIndex":"89","authorUserId":"1768190","exclusive":"1","state":1,"price":55,"inserted_date":"2018-07-13","sent":1,"downloads":26,"search_words":"construction building service services company agency corporate business architecture interior design industry engineering landscape painting handyman build electrical studio","is_adult":0,"exc_price":2100,"sent_date":"2019-01-29 07:17:57","last_upload":"2018-07-13 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"70649-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70649,"width":1600,"window_params":"","banner_url":"","id":1759350,"href":"","height":1000},{"scr_type_id":311,"filename":"70649-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70649,"width":800,"window_params":"","banner_url":"","id":1759351,"href":"","height":1200},{"scr_type_id":312,"filename":"70649-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70649,"width":370,"window_params":"","banner_url":"","id":1759352,"href":"","height":370},{"scr_type_id":9,"filename":"70649-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70649,"width":145,"window_params":"","banner_url":"","id":1759353,"href":"","height":156},{"scr_type_id":57,"filename":"70649-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70649,"width":430,"window_params":"","banner_url":"","id":1759354,"href":"","height":645}],"demoUrl":"/demo/70649.html","image":"https://s.tmimgcdn.com/scr/70600/grandbuild-construction-company-flat-professional-joomla-template_70649-0-original.jpg","searchHash":"993b4e3e3b902755704b72e0651f22d3","previewHash":"60df0e20e998da38725ba4abcaec8c00","authorNickname":"RockThemes","lowLevelTopic":"Construction Company Templates","weightedRating":4.3999999999999995,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"5","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"construction building service services company agency corporate business architecture interior design industry engineering landscape painting handyman build electrical studio","templateSupportOptions":"[{\"id\":27548,\"template_id\":22725,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":27549,\"template_id\":22725,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","changeLog":"<b>Upadate (January 29, 2018): </b><br/><br/> <ul>  <li> - Updated to Joomla 3.9.2 Engine version;  <li> - FIX: minor bugs. </ul>","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"If you were looking for a template that combines both solid appearance and fancy design elements - you found it. Your construction company website needs this","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1531480351807_prod-14851.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180713%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180713T111817Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=ad06d5c2ff1c7600ce0e334308a379e4c9fdc7d614d9fe10b884ce9fb3d76bf2","imageKeyFeatures":"https://s.tmimgcdn.com/scr/70600/70649_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/70600/70649_v1-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","joomlaEngine":"3.9","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-22270/","languageSupport":"English","authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/11383/scr/1548754039120_22270-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"CMS Templates","popularity":"Top Rated","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateIcon":"icon-joomla","lastmod":"2022-02-11T06:31:51-05:00","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The demo preview of this high quality GrandBuild - Construction Company Flat Professional Joomla Template (#70649) is presented here for you to get yourself acquainted with the template before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p>If you were looking for a template that combines both solid appearance and fancy design elements - you found it. Your construction company website needs this Joomla template to become more efficient than ever. The design is a little aggressive, with bright orange accents, but that is just what a modern company needs. The animation effects make the site dynamic and don't affect the downloading speed, which is one of the most sufficient feature visitors pay attention to. Visitors attention is carefully focused on the detailed contacts tile and Contact Form, which encourages potential customers to contact you and make an order.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Design Shop Joomla theme is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready website templates are the most useful solution to present your high-resolution designs on display screens with pretty much any pixel-density.</p> <p><b>Why is it Good?</b></p><p>Retina Ready designs make all graphics and website content appear sharper, brighter, and more vivid. </p><p>Find fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla designs</a> here</p> <h3>This is a Bootstrap Photography Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a set of instruments with an open source code. It is perfect for building websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a very effective tool and that's the good reason it's very popular. With this framework, it will be possible to create responsive design, appropriate for any form of screen size, prototype brand new designs without having problems and make sure your own web-site is actually cross-browser compatible.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Photography Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the internet page adjusts its shape and size in order to suit almost any screen, from the smallest cell phones to the widest PC monitors. For every single device, internet page elements widen or shrink to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive website design helps to get stable buyer experience and offer a 100 % access to the website page data from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2mhK4KV","joomlaCompatibility":"3.9.x","tags":["agency","architecture","build","building","business","company","construction","corporate","design","electrical","engineering","handyman","industry","interior","landscape","painting","service","services","studio"],"customUrl":"/joomla-templates/grandbuild-attractive-construction-company-joomla-template-70649.html","webForms":["Contact Form","Login Form","User Registration","Search Form"],"nameOfTheTemplate":"GrandBuild - Construction Company Flat Professional Joomla Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Architecture","Construction Company Templates","Design","Design & Photography"],"marketplaceMembership":"One","category":"Website templates","dqi":"89"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 04 Dec 2024 08:32:58 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=70649&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=70649&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=70649&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 04 Dec 2024 08:37:58 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00-joomla.template-help.com/joomla_prod-22270/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#70649 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/70649.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 #70649            </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=70649&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>