string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58333&expand=properties"
string(15511) "[{"templateId":58333,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Joomla Template","templatePreviewHtmlTitle":"Proconsult Joomla Template #58333 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Proconsult Joomla Template #58333","typeShortName":"Joomla","templatePreviewFBTitle":"Use this professional template for designing an up to date website for business and consulting projects. It comes loaded with a variety of visual effects and professional features that ensure an enhanced functionality and top of the line performance. A built in burger menu allows you to keep the layout well structured and organized. Thanks to multiple options, you can adapt this corporate Joomla template to any other project on the fly without any efforts. The theme also features a free 24/7 professional support, so the team of professionals will help you deal with any trouble you may experience.<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 Small Business Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page adjusts its size and shape in order to suit any specific display screen, from the tiniest smartphones to the widest Laptop computer screens. For any device, internet page components grow or scale down to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will provide a great browsing experience to all users across all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Parallax Business Consulting Joomla template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in website design wherein the background data moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Animated effects make the internet site more powerful and also significant. Parallax is some kind of modern-day trend, so that using it at your current homepage not simply will make it more eye-catching but in addition nicer looking.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Business Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>It's the most popular HTML and CSS based framework which contain variations for the primary elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to create better websites .  </p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Proconsult Joomla Template","templatePreviewMetaDescription":"Use this professional template for designing an up to date website for business and consulting projects. It comes loaded with a variety of visual effects and","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the top notch Proconsult Joomla Template (#58333) by viewing the live preview. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Proconsult Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/proconsult-joomla-template-58333.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-04-01","sent":1,"downloads":114,"search_words":"proconsult consulting business success company enterprise solution business industry technical clients customer support automate flow services plug-in flex profile principles web products technology system","is_adult":0,"exc_price":4500,"sent_date":"2018-09-27 00:00:00","last_upload":"2016-04-01 00:00:00","package_id":260,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":314,"filename":"58333-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":2050,"window_params":"","banner_url":"","id":1649417,"href":"","height":6597},{"scr_type_id":334,"filename":"58333-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":1600,"window_params":"","banner_url":"","id":1649418,"href":"","height":1000},{"scr_type_id":298,"filename":"58333-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":430,"window_params":"","banner_url":"","id":1649419,"href":"","height":900},{"scr_type_id":178,"filename":"58333-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":430,"window_params":"","banner_url":"","id":1649420,"href":"","height":1384},{"scr_type_id":300,"filename":"58333-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":320,"window_params":"","banner_url":"","id":1649421,"href":"","height":900},{"scr_type_id":179,"filename":"58333-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":430,"window_params":"","banner_url":"","id":1649422,"href":"","height":60},{"scr_type_id":311,"filename":"58333-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":965,"window_params":"","banner_url":"","id":1649423,"href":"","height":3105},{"scr_type_id":3,"filename":"58333-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":895,"window_params":"","banner_url":"","id":1649424,"href":"","height":599},{"scr_type_id":299,"filename":"58333-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":430,"window_params":"","banner_url":"","id":1649425,"href":"","height":900},{"scr_type_id":3,"filename":"58333-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":408,"window_params":"","banner_url":"","id":1649426,"href":"","height":55},{"scr_type_id":312,"filename":"58333-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":370,"window_params":"","banner_url":"","id":1649427,"href":"","height":370},{"scr_type_id":78,"filename":"58333-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58333,"width":970,"window_params":"","banner_url":"","id":1649428,"href":"","height":280},{"scr_type_id":9,"filename":"58333-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":145,"window_params":"","banner_url":"","id":1649429,"href":"","height":156},{"scr_type_id":3,"filename":"58333-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":2050,"window_params":"","banner_url":"","id":1649430,"href":"","height":6597},{"scr_type_id":315,"filename":"58333-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58333,"width":2050,"window_params":"","banner_url":"","id":1649431,"href":"","height":6597}],"demoUrl":"/demo/58333.html","image":"https://s.tmimgcdn.com/scr/58300/proconsult-joomla-template_58333-0-original.jpg","searchHash":"1507629b9198110db19fd76677196aeb","previewHash":"5ce01bed6616197cde1539fc5fbd59d7","authorNickname":"RockThemes","lowLevelTopic":"Consulting Templates","weightedRating":4.352941176470588,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use the template for business, financial, consulting websites, etc.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","CarouFredSel","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"easy audit personal consulting accounting financial business technical corporate services company personal web technology bank investment website portfolio agency industry","showVariantForcibly":"b","metaDescription":"Purchase this top of the line Corporate Joomla Template and design your site in the blink of an eye.","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58300/58333_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/58300/58333_v1-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.9","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Corporate Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/58300/58333-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2020-08-04T00:30:09-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Prior to buying it, get the feel and look of the top notch Proconsult Joomla Template (#58333) by viewing the live preview. View the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"Use this professional template for designing an up to date website for business and consulting projects. It comes loaded with a variety of visual effects and professional features that ensure an enhanced functionality and top of the line performance. A built in burger menu allows you to keep the layout well structured and organized. Thanks to multiple options, you can adapt this corporate Joomla template to any other project on the fly without any efforts. The theme also features a free 24/7 professional support, so the team of professionals will help you deal with any trouble you may experience.<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 Small Business Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the internet page adjusts its size and shape in order to suit any specific display screen, from the tiniest smartphones to the widest Laptop computer screens. For any device, internet page components grow or scale down to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will provide a great browsing experience to all users across all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Parallax Business Consulting Joomla template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in website design wherein the background data moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Animated effects make the internet site more powerful and also significant. Parallax is some kind of modern-day trend, so that using it at your current homepage not simply will make it more eye-catching but in addition nicer looking.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Business Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>It's the most popular HTML and CSS based framework which contain variations for the primary elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to create better websites .  </p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["accounting","agency","audit","automate","bank","business","clients","company","consulting","corporate","customer","easy","enterprise","financial","flex","flow","industry","investment","personal","portfolio","principles","products","profile","services","solution","success","support","system","technical","technology","web","website"],"customUrl":"/joomla-templates/proconsult-joomla-template-58333.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Proconsult Joomla Template","pHPVersionCompatibility":"7.x","topic":["Consulting Templates","Business & Services"],"styles":["Corporate","Neutral","Flat"],"imagesList":"Depositphotos1148418original,Depositphotos1868373original,Depositphotos1958717original,Depositphotos1963344original,Depositphotos2992951original,Depositphotos4217230original,Depositphotos4767266original,Depositphotos4870929original,Depositphotos11632619EL4","productFamily":"None","color":["white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","reviewsTotal":"7","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Upadate (February 08, 2018):</b><br/><br/> <ul>  <li> - Updated to Joomla 3.9.2 Engine version;  <li> - FIX: minor bugs. </ul> <b>Update (September 27, 2018):</b><br/><br/> <ul> <li> - Updated Joomla to version 3.8.12; <li> - FIX: minor bugs. </ul>","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-19610_v1/","issuggestion":"1","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- 2 HTML bugs fixed</li><li>- JS optimized for better performance</li><li>- 1 background bug fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1MRS92V","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"21%","marketplaceMembership":"One","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: Tue, 14 May 2024 11:47:25 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=58333&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58333&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58333&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 14 May 2024 11:52:25 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-joomla.template-help.com/joomla_prod-19610_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58333 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/58333.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 #58333            </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=58333&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>