string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53317&expand=properties"
string(16473) "[{"templateId":53317,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":411,"categoryName":"Architecture Templates","templateTitle":"Architecture Responsive Joomla Template","templatePreviewHtmlTitle":"Architecture Joomla Template #53317 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Architecture Joomla Template #53317","typeShortName":"Joomla","templatePreviewFBTitle":"This template is a perfect fit for a construction company. Its slider has very creative rounded image-based navigation. Welcome section of this architecture Joomla template is placed right below it. Company services are presented on grungy geometrical background. Popular links and social media block are noticeable over the dark background area. Completed projects gallery is a real zest of the website. Newsletter subscription has creative design that grabs the eye. Google map can be found in the footer of the page.<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 is a Bootstrap Design Magazine Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a very well-liked framework, which makes the work with Web-page coding, Cascading stylesheet and also JS much less complicated. It was designed as the tool to set up a responsive design, yet later it incorporated a good amount of extra efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to make better websites faster and much easier.  </p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This is a Parallax Home & Family Joomla design</h3> <p><b>What is it?</b></p><p>When you travel someplace, far away things move very much slower when compared to the close ones. Imitation of such an effect on the internet site - when the background picture shifts slower as opposed to the content material, is known as parallax. It's utilized to make a feeling of space in the customer's eyes.</p> <p><b>Why is it Good?</b></p><p>Parallax looks beautiful and glues users' eyes to the imagery and content modules.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Home & Family Blog Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its size and shape to fit any sort of screen, from the tiniest cell phones to the widest PC monitors. For every single device, website page components widen or scale down to look ideal.</p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the vast number of gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This Home & Family News Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>When a user types something to the research bar, the major search engine looks for it based on quite a few rules. Search Engine Friendly layout's code is normally particularly apparent and structured to make SEO work far more convenient.</p> <p><b>Why is it Good?</b></p><p>By using it, you can attract a large number of targeted customers to the website from search engines.</p><p>Click for more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Architecture Joomla Template","templatePreviewMetaDescription":"This template is a perfect fit for a construction company. Its slider has very creative rounded image-based navigation. Welcome section of this architecture","templateDemoMetaDescription":"Check out the live preview for the professional Architecture Joomla Template (#53317) to find out what this template is prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Architecture Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/53317.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2015-03-12","sent":2,"downloads":96,"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":"2015-03-14 06:15:19","last_upload":"2015-03-12 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":179,"filename":"53317-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":430,"window_params":"","banner_url":"","id":1448880,"href":"","height":60},{"scr_type_id":299,"filename":"53317-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":430,"window_params":"","banner_url":"","id":1448881,"href":"","height":900},{"scr_type_id":311,"filename":"53317-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":965,"window_params":"","banner_url":"","id":1448882,"href":"","height":3458},{"scr_type_id":3,"filename":"53317-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":408,"window_params":"","banner_url":"","id":1448883,"href":"","height":55},{"scr_type_id":300,"filename":"53317-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":320,"window_params":"","banner_url":"","id":1448884,"href":"","height":900},{"scr_type_id":9,"filename":"53317-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":145,"window_params":"","banner_url":"","id":1448885,"href":"","height":156},{"scr_type_id":298,"filename":"53317-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":430,"window_params":"","banner_url":"","id":1448886,"href":"","height":900},{"scr_type_id":3,"filename":"53317-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":1980,"window_params":"","banner_url":"","id":1448887,"href":"","height":6450},{"scr_type_id":3,"filename":"53317-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":895,"window_params":"","banner_url":"","id":1448888,"href":"","height":599},{"scr_type_id":78,"filename":"53317-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53317,"width":970,"window_params":"","banner_url":"","id":1448889,"href":"","height":280},{"scr_type_id":178,"filename":"53317-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":430,"window_params":"","banner_url":"","id":1448890,"href":"","height":1541},{"scr_type_id":3,"filename":"53317-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":1800,"window_params":"","banner_url":"","id":1448891,"href":"","height":6450},{"scr_type_id":315,"filename":"53317-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":1800,"window_params":"","banner_url":"","id":1448892,"href":"","height":6450},{"scr_type_id":314,"filename":"53317-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":1980,"window_params":"","banner_url":"","id":1448893,"href":"","height":6450},{"scr_type_id":312,"filename":"53317-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":370,"window_params":"","banner_url":"","id":1448894,"href":"","height":370},{"scr_type_id":334,"filename":"53317-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53317,"width":1600,"window_params":"","banner_url":"","id":1638244,"href":"","height":1000}],"demoUrl":"/demo/53317.html","image":"https://s.tmimgcdn.com/scr/53300/architecture-joomla-template_53317-0-original.jpg","searchHash":"967c787a42dcfa7810d4840e5ead86cc","previewHash":"d2156ae3a72bd03930e19998abc7e710","authorNickname":"RockThemes","lowLevelTopic":"Architecture","weightedRating":4.4375,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme was developed for architecture, real estate, design, interior and furniture websites.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","CarouFredSel","TM Ajax Contact Form"],"uniqueKeywords":"Construction Building Premium Responsive House Industrial Services Business  Design Projects Technologies Renovation Engineering Market Product Gallery Testimonials Innovation Reconstruction","metaDescription":"Architecture Joomla Template - a Quick Start for Your Construction Company.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","htmlTitle":"Architecture Joomla Template","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/53300/53317-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.6","PHP editor."],"lastmod":"2020-01-31T07:19:43-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Check out the live preview for the professional Architecture Joomla Template (#53317) to find out what this template is prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","shortDescription":"This template is a perfect fit for a construction company. Its slider has very creative rounded image-based navigation. Welcome section of this architecture Joomla template is placed right below it. Company services are presented on grungy geometrical background. Popular links and social media block are noticeable over the dark background area. Completed projects gallery is a real zest of the website. Newsletter subscription has creative design that grabs the eye. Google map can be found in the footer of the page.<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 is a Bootstrap Design Magazine Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a very well-liked framework, which makes the work with Web-page coding, Cascading stylesheet and also JS much less complicated. It was designed as the tool to set up a responsive design, yet later it incorporated a good amount of extra efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to make better websites faster and much easier.  </p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This is a Parallax Home & Family Joomla design</h3> <p><b>What is it?</b></p><p>When you travel someplace, far away things move very much slower when compared to the close ones. Imitation of such an effect on the internet site - when the background picture shifts slower as opposed to the content material, is known as parallax. It's utilized to make a feeling of space in the customer's eyes.</p> <p><b>Why is it Good?</b></p><p>Parallax looks beautiful and glues users' eyes to the imagery and content modules.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Home & Family Blog Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its size and shape to fit any sort of screen, from the tiniest cell phones to the widest PC monitors. For every single device, website page components widen or scale down to look ideal.</p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the vast number of gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This Home & Family News Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>When a user types something to the research bar, the major search engine looks for it based on quite a few rules. Search Engine Friendly layout's code is normally particularly apparent and structured to make SEO work far more convenient.</p> <p><b>Why is it Good?</b></p><p>By using it, you can attract a large number of targeted customers to the website from search engines.</p><p>Click for more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["architectural","architecture","building","buildings","bureau","business","clients","company","construction","constructions","custom","design","engineering","enterprise","gallery","house","houses","industrial","innovation","market","partners","planning","premium","product","projects","reconstruction","renovation","responsive","services","skyscrapers","solutions","strategy","support","team","technologies","technology","testimonials","work"],"customUrl":"/joomla-templates/53317.html","badge":"badge-responsive","nameOfTheTemplate":"Architecture Joomla Template","pHPVersionCompatibility":"7.x","topic":["Architecture","Design","Design & Photography","Home & Family"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos52875369original.jpgDepositphotos52875089original.jpgDepositphotos52655309original.jpgDepositphotos52524423original.jpgDepositphotos50704801original.jpgDepositphotos46660683original.jpgDepositphotos44532681original.jpgDepositphotos44532643original.jpgDepositphotos42730943original.jpgDepositphotos39104555original.jpgDepositphotos38098825original.jpgDepositphotos23343194original.jpg","productFamily":"None","followUpLetter":"joomla-templates-offers","color":["black","white","grey"],"reviewsTotal":"6","reviewAverageScore":"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_53317","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/19jr8n2","layout":"2 columns","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"1980px","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 12:27:08 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=53317&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53317&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53317&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 12 May 2024 12:32:08 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_53317<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53317 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/53317.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 #53317            </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=53317&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>