string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55467&expand=properties"
string(16051) "[{"templateId":55467,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":240,"categoryName":"Food Store Templates","templateTitle":"Food Store Responsive OpenCart Template","templatePreviewHtmlTitle":"Caviar Store OpenCart Template #55467 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Caviar Store OpenCart Template #55467","typeShortName":"OpenCart","templatePreviewFBTitle":"Here is a yummy design for your caviar or seafood store. It looks expensive and professional just the way it should. In the background, there is a <em>circular pattern</em>, which can add a classic, luxury look to your website together with <em>ornamental elements</em>. To provide greater information value, <em>framed slider images</em> come with captions, prices and descriptions. <em>Call-to-action buttons</em> and <em>ratings</em> appear on hovering the featured products, thus reducing the clutter on the page. <em>Pastel colors</em> make interface elements look charming and seamlessly blend with the overall design of this <b>food and beverages OpenCart theme</b>. Located at the bottom of the page, a <em>newsletter subscription form</em> and <em>social media block</em> can motivate customers to join the community around your store.<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 Drinks Shop OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line chat is a feature that involves real-time messaging over the Internet. </p> <p><b>Why is it Good?</b></p><p>It helps you to live chat with site visitors and analyze visitors' web functions.</p><p>View latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design themes</a> here</p> <h3>This is a Bootstrap Drinks Store OpenCart ecommerce theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for developing websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktops employing the same codebase. It makes the web developing process faster and easier.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax Food Shop OpenCart design template</h3> <p><b>What is it?</b></p><p>Parallax certainly is the popular web development effect, which makes the background as well as the forefront components transfer at different speeds.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect offers your site visitors an impression of depth in 2D environments of your website. It makes your resource more vivid and unique. Parallax is good for spicing up a landing page,  giving life to infographics, or perhaps exhibiting a portfolio.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design templates</a> here</p> <h3>This Food Shop OpenCart template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page same well on any kind of display size.</p> <p><b>Why is it Good?</b></p><p>Responsive web page design helps to enrich consumer experience and deliver a full access to the website page details from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Caviar Store OpenCart Template","templatePreviewMetaDescription":"Here is a yummy design for your caviar or seafood store. It looks expensive and professional just the way it should. In the background, there is a circular","templateDemoMetaDescription":"Experience the demo preview for the premium Caviar Store OpenCart Template (#55467) to learn what this template is before you decide to buy it. Go through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Caviar Store OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/55467.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":54,"inserted_date":"2015-08-31","sent":2,"downloads":27,"search_words":"caviar store sevruga osetra paddlefish hackleback malossol beluga zwyer shop store shopping cart prices services","is_adult":0,"exc_price":4500,"sent_date":"2015-08-31 07:20:08","last_upload":"2015-08-31 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"55467-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":1800,"window_params":"","banner_url":"","id":1496556,"href":"","height":4062},{"scr_type_id":3,"filename":"55467-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":1800,"window_params":"","banner_url":"","id":1496557,"href":"","height":4062},{"scr_type_id":311,"filename":"55467-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":965,"window_params":"","banner_url":"","id":1496558,"href":"","height":2178},{"scr_type_id":3,"filename":"55467-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":2050,"window_params":"","banner_url":"","id":1496559,"href":"","height":4062},{"scr_type_id":302,"filename":"55467-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":430,"window_params":"","banner_url":"","id":1496560,"href":"","height":1027},{"scr_type_id":299,"filename":"55467-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":430,"window_params":"","banner_url":"","id":1496561,"href":"","height":900},{"scr_type_id":312,"filename":"55467-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":370,"window_params":"","banner_url":"","id":1496562,"href":"","height":370},{"scr_type_id":314,"filename":"55467-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":2050,"window_params":"","banner_url":"","id":1496563,"href":"","height":4062},{"scr_type_id":303,"filename":"55467-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":430,"window_params":"","banner_url":"","id":1496564,"href":"","height":817},{"scr_type_id":9,"filename":"55467-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":145,"window_params":"","banner_url":"","id":1496565,"href":"","height":156},{"scr_type_id":300,"filename":"55467-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":320,"window_params":"","banner_url":"","id":1496566,"href":"","height":900},{"scr_type_id":3,"filename":"55467-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":408,"window_params":"","banner_url":"","id":1496567,"href":"","height":55},{"scr_type_id":298,"filename":"55467-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":430,"window_params":"","banner_url":"","id":1496568,"href":"","height":900},{"scr_type_id":3,"filename":"55467-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":895,"window_params":"","banner_url":"","id":1496569,"href":"","height":599},{"scr_type_id":78,"filename":"55467-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55467,"width":0,"window_params":"","banner_url":"","id":1496570,"href":"","height":0},{"scr_type_id":304,"filename":"55467-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":430,"window_params":"","banner_url":"","id":1496571,"href":"","height":60},{"scr_type_id":334,"filename":"55467-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55467,"width":1600,"window_params":"","banner_url":"","id":1639894,"href":"","height":1000}],"demoUrl":"/demo/55467.html","image":"https://s.tmimgcdn.com/scr/55400/caviar-store-opencart-template_55467-0-original.jpg","searchHash":"36a09f42960825a2b3db322201322b97","previewHash":"be86a3ee244f0524b83d64da3a830bfa","authorNickname":"RockThemes","lowLevelTopic":"Food Store Templates","weightedRating":4.3076923076923075,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is the right choice for food, drink, cafe, restaurant, agriculture, and brewery websites.","categoriesView":["Grid","List"],"uniqueKeywords":"CMS Convert","metaDescription":"Want to Promote Caviar and Seafood Online? Use This Food and Beverages OpenCart Theme with a Classic, Luxury Look. In Fact, It Can Be Adapted to Any Shop.","opencartEngine":"2.0.3.1","features":["Admin Panel","Responsive","Online Store/Shop","HTML plus JS","Parallax","HTML 5","JQuery","Dropdown Menu","Bootstrap","On-line chat"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Spanish","German"],"authorUserId":"1768190","jqueryScripts":["\"Accordion\"-1","\"SuperFish\" DropDown Menu","Responsive Carousel","ScrollTo Effect"],"isFree":"none","htmlTitle":"Caviar Store Food And Beverages OpenCart Theme","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55400/55467-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","PHP 5.4+","MySQL 4.1.14+","OpenCart 2.0.1.0","PHP editor."],"lastmod":"2020-06-24T02:06:10-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Experience the demo preview for the premium Caviar Store OpenCart Template (#55467) to learn what this template is before you decide to buy it. Go through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"Here is a yummy design for your caviar or seafood store. It looks expensive and professional just the way it should. In the background, there is a <em>circular pattern</em>, which can add a classic, luxury look to your website together with <em>ornamental elements</em>. To provide greater information value, <em>framed slider images</em> come with captions, prices and descriptions. <em>Call-to-action buttons</em> and <em>ratings</em> appear on hovering the featured products, thus reducing the clutter on the page. <em>Pastel colors</em> make interface elements look charming and seamlessly blend with the overall design of this <b>food and beverages OpenCart theme</b>. Located at the bottom of the page, a <em>newsletter subscription form</em> and <em>social media block</em> can motivate customers to join the community around your store.<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 Drinks Shop OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line chat is a feature that involves real-time messaging over the Internet. </p> <p><b>Why is it Good?</b></p><p>It helps you to live chat with site visitors and analyze visitors' web functions.</p><p>View latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design themes</a> here</p> <h3>This is a Bootstrap Drinks Store OpenCart ecommerce theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for developing websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktops employing the same codebase. It makes the web developing process faster and easier.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax Food Shop OpenCart design template</h3> <p><b>What is it?</b></p><p>Parallax certainly is the popular web development effect, which makes the background as well as the forefront components transfer at different speeds.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect offers your site visitors an impression of depth in 2D environments of your website. It makes your resource more vivid and unique. Parallax is good for spicing up a landing page,  giving life to infographics, or perhaps exhibiting a portfolio.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design templates</a> here</p> <h3>This Food Shop OpenCart template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page same well on any kind of display size.</p> <p><b>Why is it Good?</b></p><p>Responsive web page design helps to enrich consumer experience and deliver a full access to the website page details from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design templates</a> here</p> <br /></div></div></div></div>","openCartProductID":"24022","tags":["beluga","cart","caviar","prices","services","shop","shopping","store","cms","convert"],"customUrl":"/opencart-templates/55467.html","badge":"badge-responsive","nameOfTheTemplate":"Caviar Store OpenCart Template","pHPVersionCompatibility":"7.x","opencartCompatibility":"2.0.3.1","topic":["Food Store Templates","Food & Drink Templates","Food & Restaurant"],"styles":"Futurist","productFamily":"None","followUpLetter":"opencart-offers","color":["black","white","grey"],"reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.1.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_55467","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Bestsellers","Category","Featured","Information","Latest","Manufacturer","Slideshow","Specials"],"nomotopress":"1","galleryScript":"Slider","templateIcon":"icon-opencart","dynamicChangeLog":"<ul>\n<li>- 1 font issue fixed</li>\n<li>- 2 minor database issues fixed</li>\n<li>- 3 front-end issues fixed</li>\n</ul>","templateHostingRequirements":["Web Server (preferably Apache)","PHP 5.4 or higher","MySQL","Curl","Fsock"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1JGv3J4","webForms":["Advanced Search","Contact Form","Login Form","Newsletter Subscription","User Registration"],"loyaltySells":"1","width":"2050px","skupromo":"16%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
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 19:42:58 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=55467&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55467&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55467&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 19:47:58 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_55467<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55467 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/55467.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 #55467            </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=55467&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>