string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53914&expand=properties"
string(15854) "[{"templateId":53914,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":236,"categoryName":"Tea Shop Templates","templateTitle":"Tea Shop Responsive OpenCart Template","templatePreviewHtmlTitle":"Tea Mania OpenCart Template #53914 - TemplateMonster","templateDemoHtmlTitle":"Demo for Tea Mania OpenCart Template #53914","typeShortName":"OpenCart","templatePreviewFBTitle":"Tea Store OpenCart Template is a rock-solid basis for creating an e-Commerce site. Designed in vivid orange, coral and green colors, it looks very captivating. Thanks to smart usage of negative space you can easily draw users' attention to the products or services you offer. Main menu and live search bar are placed below a full-width slider. Boasting advanced Bootstrap functionality, the theme is 100 responsive and cross-browser compatible. The powerful and easy-to-use admin panel will help you better manage your site and apply all the necessary adjustments in a matter of clicks. The theme will perfectly fit tea stores as well as e-Commerce sites offering <em>food and drink, gifts, flowers, beauty stuff</em>, etc.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Food OpenCart template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a completely free front-end framework that can offer for faster and trouble-free website design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a very effective instrument and that's the explanation it is well-liked. With this particular framework, you'll be able to create responsive design, fitting to any sort of display size, prototype fresh new layouts without the complications and be sure your own web-site is in fact cross-browser compatible.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart designs</a> here</p> <h3>This Beverage OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design which enables web pages to adjust to a display size of any sort of device - whether it's a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding popularity of smartphones, the amount of users who log on to the websites from phones has expanded a lot. This kind of functionality enables you to modify websites to cellular devices and different screen extensions, finally providing mobile device owners with enhanced alternatives.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is Drink and Beverage OpenCart design theme with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat allows you to engage with your clients right away.</p> <p><b>Why is it Good?</b></p><p>When integrating online chat within your niche site, you expand the possibilities that you'll be ready to set up a better correlation with your clientele, in this way providing a first-class UX on your niche site.</p><p>Latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Tea Mania OpenCart Template","templatePreviewMetaDescription":"Tea Store OpenCart Template is a rock-solid basis for creating an e-Commerce site. Designed in vivid orange, coral and green colors, it looks very captivating.","templateDemoMetaDescription":"Have a look at the live preview of the Tea Mania OpenCart Template (#53914) get yourself knowledgeable about this theme prior to buying it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tea Mania OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/53914.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":10,"price":54,"inserted_date":"2015-05-14","sent":2,"downloads":52,"search_words":"tea mania tea store shop company best catalogue black green white sort blend oolong decaf flavour jasmine fruit perfect herbal red decaffeinated exclusive order buy quality tonus wedding organic favoured aroma taste liquor strength healing power purvey brew","is_adult":0,"exc_price":4500,"sent_date":"2015-05-14 06:15:30","last_upload":"2015-05-14 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"id":1463040,"templ_id":53914,"filename":"53914-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463041,"templ_id":53914,"filename":"53914-rs.jpg","width":0,"height":0,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1463042,"templ_id":53914,"filename":"53914-original-1200.jpg","width":1800,"height":4500,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463043,"templ_id":53914,"filename":"53914-origin.jpg","width":1968,"height":4500,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463044,"templ_id":53914,"filename":"53914-original.jpg","width":1968,"height":4500,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463045,"templ_id":53914,"filename":"53914-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463046,"templ_id":53914,"filename":"53914-big.jpg","width":965,"height":2413,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463047,"templ_id":53914,"filename":"53914-opencart-b.jpg","width":430,"height":1138,"href":"","window_params":"","scr_type_id":302,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463048,"templ_id":53914,"filename":"53914-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463049,"templ_id":53914,"filename":"53914-opencart-prod.jpg","width":430,"height":819,"href":"","window_params":"","scr_type_id":303,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463050,"templ_id":53914,"filename":"53914-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463051,"templ_id":53914,"filename":"53914-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463052,"templ_id":53914,"filename":"53914-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463053,"templ_id":53914,"filename":"53914-origin-1200.jpg","width":1800,"height":4500,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463054,"templ_id":53914,"filename":"53914-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463055,"templ_id":53914,"filename":"53914-opencart.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":304,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638838,"templ_id":53914,"filename":"53914-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53914.html","image":"https://s.tmimgcdn.com/scr/53900/tea-mania-opencart-template_53914-0-original.jpg","searchHash":"1e1be4efed6fece0da8a68afd53cc963","previewHash":"7425dabf271394159959af79a986e7dc","authorNickname":"RockThemes","lowLevelTopic":"Tea Shop Templates","weightedRating":4.230769230769231,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"layout":"2 columns","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"styles":["Neutral","Flat"],"languageSupport":["English","Russian","German"],"galleryScript":"Slider","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"badge":"badge-responsive","categoriesView":["Grid","List"],"currencies":["USD","GBP","EUR"],"additionalInfo":["Well Documented","Customized Modules"],"openCartModules":["Account","Affiliate","Banner","Bestsellers","Carousel","Category","Featured","Google Talk","Information","Latest","Slideshow","Camera Slideshow","Specials","Store","Welcome","Manufacturer"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","MySQL 4.1.14+","OpenCart 2.0.1.0","PHP editor.","PHP 5.4+"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP 5.4 or higher"],"types":"OpenCart Templates","topic":["Tea Shop Templates","Food & Restaurant","Drink"],"documentationVersion":"v1.1","bootstrapVersion":"3.1.0","isFree":"none","popularity":"Top Rated","followUpLetter":"opencart-offers","opencartEngine":"2.0.1.0","nomotopress":"1","opencartCompatibility":"2.0.1.0","color":["white","green","orange"],"livePreviewURL":"https://livedemo00.template-help.com/opencart_53914","width":"2050px","imageDescription":"https://s.tmimgcdn.com/scr/53900/53914-responsive-layout.jpg","kindOfShops":"The theme is best suited for food and drink, cafe and restaurant, gifts, flowers, and beauty stores.","metaDescription":"Don't Know What to Start Building an e-Commerce Site with? Tea Store OpenCart Template Can Perfectly Fit for Purpose.","htmlTitle":"Tea Store OpenCart Template","shortDescription":"Tea Store OpenCart Template is a rock-solid basis for creating an e-Commerce site. Designed in vivid orange, coral and green colors, it looks very captivating. Thanks to smart usage of negative space you can easily draw users' attention to the products or services you offer. Main menu and live search bar are placed below a full-width slider. Boasting advanced Bootstrap functionality, the theme is 100 responsive and cross-browser compatible. The powerful and easy-to-use admin panel will help you better manage your site and apply all the necessary adjustments in a matter of clicks. The theme will perfectly fit tea stores as well as e-Commerce sites offering <em>food and drink, gifts, flowers, beauty stuff</em>, etc.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Food OpenCart template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a completely free front-end framework that can offer for faster and trouble-free website design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a very effective instrument and that's the explanation it is well-liked. With this particular framework, you'll be able to create responsive design, fitting to any sort of display size, prototype fresh new layouts without the complications and be sure your own web-site is in fact cross-browser compatible.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart designs</a> here</p> <h3>This Beverage OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design which enables web pages to adjust to a display size of any sort of device - whether it's a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding popularity of smartphones, the amount of users who log on to the websites from phones has expanded a lot. This kind of functionality enables you to modify websites to cellular devices and different screen extensions, finally providing mobile device owners with enhanced alternatives.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is Drink and Beverage OpenCart design theme with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat allows you to engage with your clients right away.</p> <p><b>Why is it Good?</b></p><p>When integrating online chat within your niche site, you expand the possibilities that you'll be ready to set up a better correlation with your clientele, in this way providing a first-class UX on your niche site.</p><p>Latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design templates</a> here</p> <br /></div></div></div></div>","uniqueKeywords":"Tea Store","nameOfTheTemplate":"Tea Mania OpenCart Template","bitLyUrl":"http://bit.ly/1A2rl9N","openCartProductID":"22614","trendiness":"1","dynamicChangeLog":"<ul>\n<li>- 1 minor HTML issue fixed</li>\n<li>- 1 minor layout bugs fixed</li>\n</ul>","lastmod":"2021-06-20T03:10:38-04:00","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"13%","reviewsTotal":"3","reviewAverageScore":"4.5","marketplaceMembership":"One","customUrl":"/opencart-templates/53914.html","demoMetaDescription":"Have a look at the live preview of the Tea Mania OpenCart Template (#53914) get yourself knowledgeable about this theme prior to buying it. View the pages, check the images, press the buttons, explore the features.","isOldDemoUrl":"1","tags":["aroma","best","black","blend","brew","buy","catalogue","company","decaf","decaffeinated","exclusive","favoured","flavour","fruit","green","healing","herbal","jasmine","liquor","oolong","order","organic","perfect","power","purvey","quality","red","shop","sort","store","strength","taste","tea","tonus","wedding","white"],"pHPVersionCompatibility":"7.x","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-opencart","hELPURL":"/quick-start-guide/opencart/","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
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 07:28:38 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=53914&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53914&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53914&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 07:33:38 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/opencart_53914<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53914 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/53914.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">
                OpenCart Templates #53914            </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=53914&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $50                <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="/opencart-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>