string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58081&expand=properties"
string(14820) "[{"templateId":58081,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":434,"categoryName":"Food & Drink Templates","templateTitle":"Food & Drink Responsive Joomla Template","templatePreviewHtmlTitle":"Olive Oil Joomla Template #58081 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Olive Oil Joomla Template #58081","typeShortName":"Joomla","templatePreviewFBTitle":"As the name implies, Olive Oil is best suited for food and drink related websites. Designed in an appetizing and visually pleasing manner, this Food And Beverages Joomla Theme is intended to make the audience get interested in your offerings and start making purchases from the home page. In terms of navigation, the theme is simple yet effective. The fully customizable MegaMenu comes with support of images, banners and other visual content. Contact details were made bold and easy to reach. Pre-loaded with social media options, the template will make is easier and more convenient for the audience to share the preferred content with friends. Google map was integrated as well. Placed at the bottom of the front page, it supports the tooltips option.<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 Parallax Restaurant Joomla design theme</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design in which the background content moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling lets you to add details to your website look.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Food & Restaurant News Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for site and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to create better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Food & Restaurant Magazine Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adjusted to the screens of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>It doesn't matter what kind of device your potential customers are going to use to enter the web-site - they'll observe a vibrant graphic with a effortless navigation menu. It is deemed an especially fundamental feature, considering that the majority end users at this point choose their mobiles for internet surfing.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Olive Oil Joomla Template","templatePreviewMetaDescription":"As the name implies, Olive Oil is best suited for food and drink related websites. Designed in an appetizing and visually pleasing manner, this Food And","templateDemoMetaDescription":"The demo preview of this professional Olive Oil Joomla Template (#58081) is generated for you to get the feel and look of the design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Olive Oil Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/olive-oil-joomla-template-58081.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2016-03-31","sent":2,"downloads":29,"search_words":"olive oil company growing olives grades tree health benefits recipes skin care nutrition hand-blended extra virgin aged vinegars","is_adult":0,"exc_price":4500,"sent_date":"2016-04-05 00:00:00","last_upload":"2016-03-31 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"58081-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":145,"window_params":"","banner_url":"","id":1649195,"href":"","height":156},{"scr_type_id":3,"filename":"58081-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":1800,"window_params":"","banner_url":"","id":1649196,"href":"","height":4695},{"scr_type_id":3,"filename":"58081-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":895,"window_params":"","banner_url":"","id":1649197,"href":"","height":599},{"scr_type_id":78,"filename":"58081-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58081,"width":970,"window_params":"","banner_url":"","id":1649198,"href":"","height":280},{"scr_type_id":178,"filename":"58081-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":430,"window_params":"","banner_url":"","id":1649199,"href":"","height":1122},{"scr_type_id":315,"filename":"58081-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":1800,"window_params":"","banner_url":"","id":1649200,"href":"","height":4695},{"scr_type_id":314,"filename":"58081-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":1903,"window_params":"","banner_url":"","id":1649201,"href":"","height":4695},{"scr_type_id":334,"filename":"58081-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":1600,"window_params":"","banner_url":"","id":1649202,"href":"","height":1000},{"scr_type_id":311,"filename":"58081-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":965,"window_params":"","banner_url":"","id":1649203,"href":"","height":2517},{"scr_type_id":3,"filename":"58081-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":408,"window_params":"","banner_url":"","id":1649204,"href":"","height":55},{"scr_type_id":179,"filename":"58081-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":430,"window_params":"","banner_url":"","id":1649205,"href":"","height":60},{"scr_type_id":299,"filename":"58081-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":430,"window_params":"","banner_url":"","id":1649206,"href":"","height":900},{"scr_type_id":298,"filename":"58081-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":430,"window_params":"","banner_url":"","id":1649207,"href":"","height":900},{"scr_type_id":300,"filename":"58081-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":320,"window_params":"","banner_url":"","id":1649208,"href":"","height":900},{"scr_type_id":312,"filename":"58081-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58081,"width":370,"window_params":"","banner_url":"","id":1649209,"href":"","height":370}],"demoUrl":"/demo/58081.html","image":"https://s.tmimgcdn.com/scr/58000/olive-oil-joomla-template_58081-0-original.jpg","searchHash":"fdef39dd4a8bfb9d37f2e69fd703a2ed","previewHash":"5fcdecb5db596bcfd1187a65cf9d89c2","authorNickname":"RockThemes","lowLevelTopic":"Food & Drink Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme is good for food, drink, cafe and restaurant websites.","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"olive vegetables minimal gusto theme company template organic oil bootstrap food responsive dishes","metaDescription":"Food And Beverages Joomla Theme will add a breathtaking and mouthwatering image to any project of yours.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58000/58081-en_01.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_02.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_03.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_04.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_05.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_06.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_07.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_08.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_09.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_10.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_11.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_12.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_13.jpg, https://s.tmimgcdn.com/scr/58000/58081-en_14.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","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","htmlTitle":"Food And Beverages Joomla Theme","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/58000/58081-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2019-11-02T00:01:11-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview of this professional Olive Oil Joomla Template (#58081) is generated for you to get the feel and look of the design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"As the name implies, Olive Oil is best suited for food and drink related websites. Designed in an appetizing and visually pleasing manner, this Food And Beverages Joomla Theme is intended to make the audience get interested in your offerings and start making purchases from the home page. In terms of navigation, the theme is simple yet effective. The fully customizable MegaMenu comes with support of images, banners and other visual content. Contact details were made bold and easy to reach. Pre-loaded with social media options, the template will make is easier and more convenient for the audience to share the preferred content with friends. Google map was integrated as well. Placed at the bottom of the front page, it supports the tooltips option.<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 Parallax Restaurant Joomla design theme</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design in which the background content moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling lets you to add details to your website look.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Food & Restaurant News Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for site and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to create better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Food & Restaurant Magazine Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adjusted to the screens of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>It doesn't matter what kind of device your potential customers are going to use to enter the web-site - they'll observe a vibrant graphic with a effortless navigation menu. It is deemed an especially fundamental feature, considering that the majority end users at this point choose their mobiles for internet surfing.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["aged","benefits","bootstrap","care","company","dishes","extra","food","growing","gusto","health","minimal","nutrition","oil","olive","olives","organic","recipes","responsive","skin","template","theme","tree","vegetables"],"customUrl":"/joomla-templates/olive-oil-joomla-template-58081.html","badge":"badge-responsive","nameOfTheTemplate":"Olive Oil Joomla Template","pHPVersionCompatibility":"7.x","topic":["Food & Drink Templates","Food & Restaurant"],"styles":["Neutral","Flat"],"imagesList":"Depositphotos6326459original,Depositphotos10676670original,Depositphotos34121793original","productFamily":"None","color":["black","white","grey","green"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"5","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_58081","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 3 minor CSS issues fixed</li>\n<li>- 1 font bug fixed</li>\n<li>- 1 back-end bug fixed</li>\n<li>- 1 front-end issue fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1YcZCKG","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","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: Sat, 02 Nov 2024 08: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=58081&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58081&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58081&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 08: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_58081<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58081 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/58081.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 #58081            </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=58081&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>