string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58013&expand=properties"
string(15583) "[{"templateId":58013,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Joomla Template","templatePreviewHtmlTitle":"Business Responsive Joomla Template #58013 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Business Responsive Joomla Template #58013","typeShortName":"Joomla","templatePreviewFBTitle":"When building a corporate website, having a polished and sleek design is a must if you want to have a positive impression on your visitors. With Sello your business site can have an appropriate look and robust functionality at almost no cost. This responsive business Joomla template is designed to bring your message forward and provide information about your services in a most concise and comprehensive way. The template comes in 4 color variations making it extremely easy for you to switch between the color schemes and change the design according to your brand needs. A beautiful responsive image slider is here to sum up the most important concepts of your business and convey the main idea of what you do to your customers as soon as they land on your front page. The template includes such features as social login, lazy load effects, Google maps, Google fonts, as well as additional pages and UI elements. Build a beautiful corporate website with Sello!<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 Business Services Company Joomla theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, displaying samples of your work. For an interior expert that could be images of rooms he styled, for site-developer, it is a set of websites he created. The portfolio is really a demonstration of your abilities.</p> <p><b>Why is it Good?</b></p><p>It's actually a perfect website design approach for artistic persons, such as photographers, artists, graphic designers, etc.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This is a Bootstrap Business Services Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you can establish entirely responsive web sites utilizing HTML and CSS based themes for typography, fonts, forms, buttons, tables, etc.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Business Services Bureau Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the layout to transform depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will provide a great browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Business Responsive Joomla Template","templatePreviewMetaDescription":"When building a corporate website, having a polished and sleek design is a must if you want to have a positive impression on your visitors. With Sello your","templateDemoMetaDescription":"View the demo for the premium Business Responsive Joomla Template (#58013) get yourself familiar with this template prior to buying it. Browse through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Business Responsive Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/trucking-responsive-joomla-template-58013.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2017-03-14","sent":1,"downloads":55,"search_words":"business company corporate service green industry building technology education serving companies online selling modern","is_adult":0,"exc_price":4500,"sent_date":"2018-02-20 02:00:00","last_upload":"2017-03-14 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":78,"filename":"58013-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58013,"width":970,"window_params":"","banner_url":"","id":1685956,"href":"","height":280},{"scr_type_id":314,"filename":"58013-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":1903,"window_params":"","banner_url":"","id":1685957,"href":"","height":3715},{"scr_type_id":300,"filename":"58013-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":320,"window_params":"","banner_url":"","id":1685958,"href":"","height":900},{"scr_type_id":178,"filename":"58013-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":430,"window_params":"","banner_url":"","id":1685959,"href":"","height":887},{"scr_type_id":315,"filename":"58013-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":1800,"window_params":"","banner_url":"","id":1685960,"href":"","height":3715},{"scr_type_id":3,"filename":"58013-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":895,"window_params":"","banner_url":"","id":1685961,"href":"","height":599},{"scr_type_id":334,"filename":"58013-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":1600,"window_params":"","banner_url":"","id":1685962,"href":"","height":1000},{"scr_type_id":312,"filename":"58013-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":370,"window_params":"","banner_url":"","id":1685963,"href":"","height":370},{"scr_type_id":311,"filename":"58013-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":965,"window_params":"","banner_url":"","id":1685964,"href":"","height":1992},{"scr_type_id":3,"filename":"58013-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":408,"window_params":"","banner_url":"","id":1685965,"href":"","height":55},{"scr_type_id":3,"filename":"58013-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":1800,"window_params":"","banner_url":"","id":1685966,"href":"","height":3715},{"scr_type_id":9,"filename":"58013-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":145,"window_params":"","banner_url":"","id":1685967,"href":"","height":156},{"scr_type_id":179,"filename":"58013-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":430,"window_params":"","banner_url":"","id":1685968,"href":"","height":60},{"scr_type_id":299,"filename":"58013-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":430,"window_params":"","banner_url":"","id":1685969,"href":"","height":900},{"scr_type_id":298,"filename":"58013-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58013,"width":430,"window_params":"","banner_url":"","id":1685970,"href":"","height":900}],"demoUrl":"/demo/58013.html","image":"https://s.tmimgcdn.com/scr/58000/business-responsive-joomla-template_58013-0-original.jpg","searchHash":"02efff678fff9c69276f5d6de93839e7","previewHash":"8d33a2232c5bef5bd395cd2278df3112","authorNickname":"RockThemes","lowLevelTopic":"Business & Services","weightedRating":4.411764705882352,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":39,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"kindOfShops":"business, corporate, consulting, finance, financial advisor, financial consultant, modern, agency, digital marketing","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"business company corporate service green industry building technology education serving companies online selling modern","showVariantForcibly":"b","metaDescription":"Want to build a site with a corporate business Joomla template? Try out Sello, a solution with polished design and robust architecture.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58000/58013-en_01.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_02.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_03.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_04.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_05.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_06.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_07.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_08.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_09.jpg,https://s.tmimgcdn.com/scr/58000/58013-en_10.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.8.4","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","htmlTitle":"Business Responsive Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/58000/58013-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2020-06-12T15:30:18-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"View the demo for the premium Business Responsive Joomla Template (#58013) get yourself familiar with this template prior to buying it. Browse through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"When building a corporate website, having a polished and sleek design is a must if you want to have a positive impression on your visitors. With Sello your business site can have an appropriate look and robust functionality at almost no cost. This responsive business Joomla template is designed to bring your message forward and provide information about your services in a most concise and comprehensive way. The template comes in 4 color variations making it extremely easy for you to switch between the color schemes and change the design according to your brand needs. A beautiful responsive image slider is here to sum up the most important concepts of your business and convey the main idea of what you do to your customers as soon as they land on your front page. The template includes such features as social login, lazy load effects, Google maps, Google fonts, as well as additional pages and UI elements. Build a beautiful corporate website with Sello!<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 Business Services Company Joomla theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, displaying samples of your work. For an interior expert that could be images of rooms he styled, for site-developer, it is a set of websites he created. The portfolio is really a demonstration of your abilities.</p> <p><b>Why is it Good?</b></p><p>It's actually a perfect website design approach for artistic persons, such as photographers, artists, graphic designers, etc.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This is a Bootstrap Business Services Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you can establish entirely responsive web sites utilizing HTML and CSS based themes for typography, fonts, forms, buttons, tables, etc.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Business Services Bureau Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the layout to transform depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will provide a great browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","tags":["building","business","companies","company","corporate","education","green","industry","modern","online","selling","service","serving","technology"],"customUrl":"/joomla-templates/trucking-responsive-joomla-template-58013.html","badge":"badge-responsive","nameOfTheTemplate":"Business Responsive Joomla Template","reviewAverageScoreDe":"5","defaultPriceVariant":"virtual","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":"Neutral","productFamily":"None","color":["white","grey","green"],"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>Sello v1.1 (February 20, 2018):</b><br/><br/>\r\n<ul>\r\n<li> - Updated Joomla to version 3.8.3;\r\n<li> - FIX: minor bugs.\r\n</ul>","sqi":"95","bootstrapVersion":"3.0","reviewsTotalDe":"1","livePreviewURL":"https://livedemo00.template-help.com/joomla_58013_v1/","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>- 1 font issue fixed</li><li>- 1 minor background bugs fixed</li><li>- 1 minor database issue fixed</li><li>- 1 front-end issue fixed</li><li>- 1 minor styles bugs fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2nywnHo","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2048px","skupromo":"9%","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: Sun, 24 Nov 2024 09:18:49 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=58013&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58013&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58013&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 09:23:49 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/joomla_58013_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58013 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/58013.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 #58013            </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=58013&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>