string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=48085&expand=properties"
string(14090) "[{"templateId":48085,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":161,"categoryName":"Coffee Shop Templates","templateTitle":"Coffee Shop Responsive Joomla Template","templatePreviewHtmlTitle":"Coffee for Freshness Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Coffee for Freshness Joomla Template #48085","typeShortName":"Joomla","templatePreviewFBTitle":"Fresh, fragrant coffee is the first thing most people enjoy in the morning. And most of them seek for this bracing product through the internet  so to fulfill their need and get profit you should just demonstrate your product attractively. Our template will help you with that customers will love its elegant look while seeking for the product they need. Their search will be enjoyable and quick due to the latest technical developments included in the code of this theme. Don't waste time  take the template and bestow the freshness upon people.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the large number of devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <h3>This Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress themes are templates that are suitable for the most common SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Using a SEO-friendly web templates, you get the foundation to create a notable web site that will be easy-to-find via the standard keywords search. In addition to that, you may make your webpage achieve greater rankings in search results, as a result making it more likely that consumers will have a look at your website.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla designs</a> here</p> <h3>This is aBootstrap Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for producing internet resources.</p> <p><b>Why is it Good?</b></p><p>Bootstrap makes it possible to build up responsive, mobile-first  projects in a simple and easy way.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> </div></div></div></div>","templateFullTitle":"Coffee for Freshness Joomla Template","templatePreviewMetaDescription":"Fresh, fragrant coffee is the first thing most people enjoy in the morning. And most of them seek for this bracing product through the internet  so to fulfill","templateDemoMetaDescription":"The live preview of this top quality Coffee for Freshness Joomla Template (#48085) is presented here for you to get yourself informed about the design before you buy it. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Coffee for Freshness Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/48085.html","userRating":"4","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-01-23","sent":2,"downloads":27,"search_words":"coffee house coffee-beans cup provider plantation coffee ground caffeine coffee-mill coffee-pot coffee tree Arabica delivery investor relationship partner selecting blends roasting perfection fresh coffee export sales prices espresso cappuccino black","is_adult":0,"exc_price":4500,"sent_date":"2014-01-29 05:15:12","last_upload":"2014-01-23 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"48085-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":1300,"window_params":"","banner_url":"","id":1367671,"href":"","height":2500},{"scr_type_id":315,"filename":"48085-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":1300,"window_params":"","banner_url":"","id":1367672,"href":"","height":2500},{"scr_type_id":9,"filename":"48085-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":145,"window_params":"","banner_url":"","id":1367673,"href":"","height":156},{"scr_type_id":179,"filename":"48085-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":430,"window_params":"","banner_url":"","id":1367674,"href":"","height":60},{"scr_type_id":178,"filename":"48085-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":430,"window_params":"","banner_url":"","id":1367675,"href":"","height":827},{"scr_type_id":78,"filename":"48085-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":48085,"width":970,"window_params":"","banner_url":"","id":1367676,"href":"","height":280},{"scr_type_id":314,"filename":"48085-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":1300,"window_params":"","banner_url":"","id":1367677,"href":"","height":2500},{"scr_type_id":312,"filename":"48085-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":370,"window_params":"","banner_url":"","id":1367678,"href":"","height":370},{"scr_type_id":182,"filename":"48085-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":430,"window_params":"","banner_url":"","id":1367679,"href":"","height":912},{"scr_type_id":299,"filename":"48085-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":430,"window_params":"","banner_url":"","id":1367680,"href":"","height":900},{"scr_type_id":298,"filename":"48085-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":430,"window_params":"","banner_url":"","id":1367681,"href":"","height":900},{"scr_type_id":311,"filename":"48085-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":965,"window_params":"","banner_url":"","id":1367682,"href":"","height":1856},{"scr_type_id":320,"filename":"48085-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":965,"window_params":"","banner_url":"","id":1367683,"href":"","height":1856},{"scr_type_id":300,"filename":"48085-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":320,"window_params":"","banner_url":"","id":1367684,"href":"","height":900},{"scr_type_id":3,"filename":"48085-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":1300,"window_params":"","banner_url":"","id":1367685,"href":"","height":2500},{"scr_type_id":3,"filename":"48085-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":408,"window_params":"","banner_url":"","id":1367686,"href":"","height":55},{"scr_type_id":334,"filename":"48085-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48085,"width":1600,"window_params":"","banner_url":"","id":1634031,"href":"","height":1000}],"demoUrl":"/demo/48085.html","image":"https://s.tmimgcdn.com/scr/48000/coffee-for-freshness-joomla-template_48085-0-original.jpg","searchHash":"e00182180c5dcc1d372a101071476eec","previewHash":"565723b76562fd6d14195d3de76b6056","authorNickname":"RockThemes","lowLevelTopic":"Coffee Shop Templates","weightedRating":4.076923076923077,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":33,"discountPercent":30,"discountAmount":14,"semiannualSales":0,"properties":{"kindOfShops":"The template is good to represent coffee shop on the web, as well as the coffee house.","joomlaModules":"Komento","uniqueKeywords":"Cafe and Restaurant","metaDescription":"Prior to buying it, check out this adorable Coffee for Freshness Joomla Template (#48085) - get to know technical specifications and requirements, read user testimonials, ask a question.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.2.1","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v2.3","imageDescription":"https://s.tmimgcdn.com/scr/48000/48085-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.2.1","PHP editor."],"lastmod":"2020-03-01T07:44:50-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview of this top quality Coffee for Freshness Joomla Template (#48085) is presented here for you to get yourself informed about the design before you buy it. View the pages, examine the images, click the buttons, explore the features.","shortDescription":"Fresh, fragrant coffee is the first thing most people enjoy in the morning. And most of them seek for this bracing product through the internet  so to fulfill their need and get profit you should just demonstrate your product attractively. Our template will help you with that customers will love its elegant look while seeking for the product they need. Their search will be enjoyable and quick due to the latest technical developments included in the code of this theme. Don't waste time  take the template and bestow the freshness upon people.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the large number of devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <h3>This Joomla design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress themes are templates that are suitable for the most common SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Using a SEO-friendly web templates, you get the foundation to create a notable web site that will be easy-to-find via the standard keywords search. In addition to that, you may make your webpage achieve greater rankings in search results, as a result making it more likely that consumers will have a look at your website.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla designs</a> here</p> <h3>This is aBootstrap Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for producing internet resources.</p> <p><b>Why is it Good?</b></p><p>Bootstrap makes it possible to build up responsive, mobile-first  projects in a simple and easy way.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> </div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["and","arabica","black","blends","cafe","caffeine","cappuccino","coffee","cup","delivery","espresso","export","fresh","ground","house","investor","partner","perfection","plantation","prices","provider","relationship","restaurant","roasting","sales","selecting","tree"],"customUrl":"/joomla-templates/48085.html","badge":"badge-responsive","nameOfTheTemplate":"Coffee for Freshness Joomla Template","pHPVersionCompatibility":"7.x","topic":["Cafe Templates","Coffee Shop Templates","Food & Restaurant"],"styles":"Grunge","productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"3","reviewAverageScore":"4","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/joomla_48085","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":"Isotope","dynamicChangeLog":"<ul>\n<li>- 3 HTML issues fixed</li>\n<li>- 1 background bug fixed</li>\n<li>- 3 database bugs fixed</li>\n<li>- 1 front-end bug fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1ewGvTO","layout":"2 columns","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1300px","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: Fri, 22 Nov 2024 06:12:48 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=48085&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=48085&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=48085&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 06:17:48 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_48085<!DOCTYPE html>
<html lang="en">
<head>
    <title>#48085 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/48085.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 #48085            </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=48085&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>