string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51247&expand=properties"
string(15904) "[{"templateId":51247,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Joomla Template","templatePreviewHtmlTitle":"Pro Architectural Designs Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Pro Architectural Designs Joomla Template #51247","typeShortName":"Joomla","templatePreviewFBTitle":"A home is the place to relax and rejuvenate at the end of a long day, thats why everyone wants to live in an ideal house. Searching for an architectural company to fulfill their wish, individuals will obviously select the one that can astonish them at the first sight. With this purpose in mind, the theme you see here has been created. Thanks to its ingenious layout and favorable palette, youll have an opportunity to represent architects in the best possible way. Once people proceed to the homepage of your platform, theyll find everything that can arouse their interest, from images of architectural designs to photos of specialists. By means of orange elements, youll motive the audience to take actions in an inviting manner rather than a compulsive one. Use this theme to convince your website visitors that their new houses will be built with great care and attention to details.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site makes it possible for any searcher to crawl every page of the internet site, define the information and index all of them in the repository.</p> <p><b>Why is it Good?</b></p><p>While customers have faith in search engines, therefore web pages that come out in the top of search result raises the number of customers and lead to increased income.</p><p>View more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla templates</a> here</p> <h3>This is aBootstrap Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end framework for developing websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously flexible for any changes. It's simple to work with, has a superior grid system and extended components quantity.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design solution makes a website's screen flexible for any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of device your customers might utilize to enter the web-site - they might see a vivid picture with a convenient navigation menu. It is deemed an especially valuable function, taking into account that a large percentage of internet users now choose their mobile handsets for internet browsing.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> </div></div></div></div>","templateFullTitle":"Pro Architectural Designs Joomla Template","templatePreviewMetaDescription":"A home is the place to relax and rejuvenate at the end of a long day, thats why everyone wants to live in an ideal house. Searching for an architectural","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the high quality Pro Architectural Designs Joomla Template (#51247) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Pro Architectural Designs Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/51247.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-09-15","sent":2,"downloads":49,"search_words":"architecture company architectural company bureau buildings technology innovation skyscrapers projects constructions houses work team strategy services support planning custom design solutions enterprise clients partners esteem","is_adult":0,"exc_price":4500,"sent_date":"2014-09-17 00:00:00","last_upload":"2014-09-15 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"51247-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":145,"window_params":"","banner_url":"","id":1415188,"href":"","height":156},{"scr_type_id":311,"filename":"51247-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":965,"window_params":"","banner_url":"","id":1415189,"href":"","height":1600},{"scr_type_id":182,"filename":"51247-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":430,"window_params":"","banner_url":"","id":1415190,"href":"","height":764},{"scr_type_id":315,"filename":"51247-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":1680,"window_params":"","banner_url":"","id":1415191,"href":"","height":2786},{"scr_type_id":3,"filename":"51247-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":1680,"window_params":"","banner_url":"","id":1415192,"href":"","height":2786},{"scr_type_id":178,"filename":"51247-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":430,"window_params":"","banner_url":"","id":1415193,"href":"","height":764},{"scr_type_id":298,"filename":"51247-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":430,"window_params":"","banner_url":"","id":1415194,"href":"","height":900},{"scr_type_id":314,"filename":"51247-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":1680,"window_params":"","banner_url":"","id":1415195,"href":"","height":2786},{"scr_type_id":78,"filename":"51247-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51247,"width":970,"window_params":"","banner_url":"","id":1415196,"href":"","height":280},{"scr_type_id":3,"filename":"51247-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":1680,"window_params":"","banner_url":"","id":1415197,"href":"","height":2786},{"scr_type_id":3,"filename":"51247-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":895,"window_params":"","banner_url":"","id":1415198,"href":"","height":599},{"scr_type_id":179,"filename":"51247-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":430,"window_params":"","banner_url":"","id":1415199,"href":"","height":60},{"scr_type_id":300,"filename":"51247-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":320,"window_params":"","banner_url":"","id":1415200,"href":"","height":900},{"scr_type_id":312,"filename":"51247-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":370,"window_params":"","banner_url":"","id":1415201,"href":"","height":370},{"scr_type_id":320,"filename":"51247-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":965,"window_params":"","banner_url":"","id":1415202,"href":"","height":1600},{"scr_type_id":299,"filename":"51247-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":430,"window_params":"","banner_url":"","id":1415203,"href":"","height":900},{"scr_type_id":3,"filename":"51247-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":408,"window_params":"","banner_url":"","id":1415204,"href":"","height":55},{"scr_type_id":334,"filename":"51247-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51247,"width":1600,"window_params":"","banner_url":"","id":1636463,"href":"","height":1000}],"demoUrl":"/demo/51247.html","image":"https://s.tmimgcdn.com/scr/51200/pro-architectural-designs-joomla-template_51247-0-original.jpg","searchHash":"fbe0f5ac969176eef22dbd29e20863f5","previewHash":"980585679950c33b4a4dd7322026fe74","authorNickname":"RockThemes","lowLevelTopic":"Construction Company Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template should be implemented on architecture, exterior design, interior  furniture, and real estate websites.","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel"],"uniqueKeywords":"Architecture","metaDescription":"This comprehensive preview of your Pro Architectural Designs Joomla Template (#51247) will let you make an educated choice to acquire and enjoy this pro website template.","features":["Responsive","Blog","HTML plus JS","HTML 5","JQuery","Advanced Theme Options","Sliced PSD","Dropdown Menu","Google map","Quickstart Package","Sample content","Search Engine Friendly","Bootstrap","Forum","Gallery","Admin Panel","Lazy Load effect"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v2.4","imageDescription":"https://s.tmimgcdn.com/scr/51200/51247-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.3","PHP editor."],"lastmod":"2022-02-21T15:58:01-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Prior to buying it, get the look and feel of the high quality Pro Architectural Designs Joomla Template (#51247) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"A home is the place to relax and rejuvenate at the end of a long day, thats why everyone wants to live in an ideal house. Searching for an architectural company to fulfill their wish, individuals will obviously select the one that can astonish them at the first sight. With this purpose in mind, the theme you see here has been created. Thanks to its ingenious layout and favorable palette, youll have an opportunity to represent architects in the best possible way. Once people proceed to the homepage of your platform, theyll find everything that can arouse their interest, from images of architectural designs to photos of specialists. By means of orange elements, youll motive the audience to take actions in an inviting manner rather than a compulsive one. Use this theme to convince your website visitors that their new houses will be built with great care and attention to details.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site makes it possible for any searcher to crawl every page of the internet site, define the information and index all of them in the repository.</p> <p><b>Why is it Good?</b></p><p>While customers have faith in search engines, therefore web pages that come out in the top of search result raises the number of customers and lead to increased income.</p><p>View more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla templates</a> here</p> <h3>This is aBootstrap Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end framework for developing websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously flexible for any changes. It's simple to work with, has a superior grid system and extended components quantity.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design solution makes a website's screen flexible for any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of device your customers might utilize to enter the web-site - they might see a vivid picture with a convenient navigation menu. It is deemed an especially valuable function, taking into account that a large percentage of internet users now choose their mobile handsets for internet browsing.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> </div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["architectural","architecture","buildings","bureau","clients","company","constructions","custom","design","enterprise","houses","innovation","partners","planning","projects","services","skyscrapers","solutions","strategy","support","team","technology","work"],"customUrl":"/joomla-templates/51247.html","badge":"badge-responsive","nameOfTheTemplate":"Pro Architectural Designs Joomla Template","pHPVersionCompatibility":"7.x","topic":["Architecture","Construction Company Templates","Design","Design & Photography","Home & Family"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos1374781original,Depositphotos2528330original,Depositphotos3569826original,Depositphotos3569832original,Depositphotos3766187original,Depositphotos4528862original,Depositphotos4714219original,Depositphotos4788319original,Depositphotos4824523original,Depositphotos8942245original,Depositphotos8943684original,Depositphotos10290674m,Depositphotos11237646EL4","productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","isbestsellers":"1","reviewAverageScore":"4.5","changeLog":"<b>September 02, 2016</b><br /><ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_51247","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/ZpshE4","layout":"2 columns","webForms":["Advanced Search","Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1680px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 12 May 2024 07:44:23 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=51247&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51247&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51247&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 12 May 2024 07:49:23 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://livedemo00.template-help.com/joomla_51247<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51247 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/51247.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 #51247            </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=51247&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <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>