string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55012&expand=properties"
string(15609) "[{"templateId":55012,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":503,"categoryName":"Crafts Templates","templateTitle":"Crafts Responsive OpenCart Template","templatePreviewHtmlTitle":"Yarn Online Store OpenCart Template #55012 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Yarn Online Store OpenCart Template #55012","typeShortName":"OpenCart","templatePreviewFBTitle":"This hobby Shop OpenCart template is a brilliant option for a yarn store with a strong emphasis on typography . Those huge headings are cool and really catch the eye. Main menu is placed at the same text block with the logo. Slider shows bright full-screen yarn images. The combination of big and small banners helps to reach a good promotional effect. Newsletter subscription form pops up, so the user has no chances to miss it. Featured products are supplied with icon-based call-to-action buttons and tooltips for maximal usability.<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 Games OpenCart theme with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you communicate with your buyers in real time.</p> <p><b>Why is it Good?</b></p><p>While including online chat in your own online site, you increase the possibilities that you'll be in the position to create a greater correlation with your potential clients, consequently delivering a top-quality UX on your own online site.</p><p>Fresh <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax  Games & Nightlife OpenCart design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in website design where your background data shifts slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling can help you add depth to your web portal look.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design themes</a> here</p> <h3>This is a Bootstrap Entertainment OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for designing web-sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a useful instrument and that's the simple reason it's very popular. Using this framework, it is also possible for you to create responsive design, fitting for any form of screen size, prototype fresh designs without concerns and make sure your current web page is cross-browser compatible.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This Entertainment OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to web design that lets web pages to adjust to a display size of pretty much any gadget - be it a desktop pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your business site appear equally nice on display screen of any specific home pc or handheld gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Yarn Online Store OpenCart Template","templatePreviewMetaDescription":"This hobby Shop OpenCart template is a brilliant option for a yarn store with a strong emphasis on typography . Those huge headings are cool and really catch","templateDemoMetaDescription":"View the demo for the top quality Yarn Online Store OpenCart Template (#55012) get yourself knowledgeable about this design before you decide to buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Yarn Online Store OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/55012.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":54,"inserted_date":"2015-07-13","sent":2,"downloads":9,"search_words":"yarn sewing store silks woollen cloth light fabric embroidery buttons decor crafts","is_adult":0,"exc_price":4500,"sent_date":"2015-07-13 06:15:41","last_upload":"2015-07-13 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":314,"filename":"55012-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":2050,"window_params":"","banner_url":"","id":1486619,"href":"","height":4700},{"scr_type_id":3,"filename":"55012-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":2050,"window_params":"","banner_url":"","id":1486620,"href":"","height":4700},{"scr_type_id":300,"filename":"55012-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":320,"window_params":"","banner_url":"","id":1486621,"href":"","height":900},{"scr_type_id":302,"filename":"55012-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":430,"window_params":"","banner_url":"","id":1486622,"href":"","height":1123},{"scr_type_id":78,"filename":"55012-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55012,"width":0,"window_params":"","banner_url":"","id":1486623,"href":"","height":0},{"scr_type_id":9,"filename":"55012-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":145,"window_params":"","banner_url":"","id":1486624,"href":"","height":156},{"scr_type_id":312,"filename":"55012-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":370,"window_params":"","banner_url":"","id":1486625,"href":"","height":370},{"scr_type_id":315,"filename":"55012-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":1800,"window_params":"","banner_url":"","id":1486626,"href":"","height":4700},{"scr_type_id":3,"filename":"55012-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":1800,"window_params":"","banner_url":"","id":1486627,"href":"","height":4700},{"scr_type_id":3,"filename":"55012-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":895,"window_params":"","banner_url":"","id":1486628,"href":"","height":599},{"scr_type_id":299,"filename":"55012-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":430,"window_params":"","banner_url":"","id":1486629,"href":"","height":900},{"scr_type_id":311,"filename":"55012-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":965,"window_params":"","banner_url":"","id":1486630,"href":"","height":2520},{"scr_type_id":3,"filename":"55012-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":408,"window_params":"","banner_url":"","id":1486631,"href":"","height":55},{"scr_type_id":298,"filename":"55012-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":430,"window_params":"","banner_url":"","id":1486632,"href":"","height":900},{"scr_type_id":304,"filename":"55012-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":430,"window_params":"","banner_url":"","id":1486633,"href":"","height":60},{"scr_type_id":303,"filename":"55012-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":430,"window_params":"","banner_url":"","id":1486634,"href":"","height":898},{"scr_type_id":334,"filename":"55012-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55012,"width":1600,"window_params":"","banner_url":"","id":1639450,"href":"","height":1000}],"demoUrl":"/demo/55012.html","image":"https://s.tmimgcdn.com/scr/55000/yarn-online-store-opencart-template_55012-0-original.jpg","searchHash":"521a7c9aab143934035b032269441d02","previewHash":"3b8821b00b5f23e342a6235f17153641","authorNickname":"RockThemes","lowLevelTopic":"Crafts Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Choose this theme for your online yarn and handicrafts stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Yarn Online Store","metaDescription":"Sell Yarn Online with Hobby Shop OpenCart Template.","opencartEngine":"2.0.1.0","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","Russian","German"],"authorUserId":"1768190","jqueryScripts":["\"Accordion\"-1","Mobile Menu","Responsive Slider","ScrollTo Effect"],"isFree":"none","htmlTitle":"Hobby Shop OpenCart Template","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/55000/55012-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-05-05T03:55:07-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"View the demo for the top quality Yarn Online Store OpenCart Template (#55012) get yourself knowledgeable about this design before you decide to buy it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"This hobby Shop OpenCart template is a brilliant option for a yarn store with a strong emphasis on typography . Those huge headings are cool and really catch the eye. Main menu is placed at the same text block with the logo. Slider shows bright full-screen yarn images. The combination of big and small banners helps to reach a good promotional effect. Newsletter subscription form pops up, so the user has no chances to miss it. Featured products are supplied with icon-based call-to-action buttons and tooltips for maximal usability.<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 Games OpenCart theme with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you communicate with your buyers in real time.</p> <p><b>Why is it Good?</b></p><p>While including online chat in your own online site, you increase the possibilities that you'll be in the position to create a greater correlation with your potential clients, consequently delivering a top-quality UX on your own online site.</p><p>Fresh <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax  Games & Nightlife OpenCart design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in website design where your background data shifts slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling can help you add depth to your web portal look.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design themes</a> here</p> <h3>This is a Bootstrap Entertainment OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for designing web-sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a useful instrument and that's the simple reason it's very popular. Using this framework, it is also possible for you to create responsive design, fitting for any form of screen size, prototype fresh designs without concerns and make sure your current web page is cross-browser compatible.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This Entertainment OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to web design that lets web pages to adjust to a display size of pretty much any gadget - be it a desktop pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your business site appear equally nice on display screen of any specific home pc or handheld gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart themes</a> here</p> <br /></div></div></div></div>","openCartProductID":"23221","tags":["buttons","cloth","crafts","decor","embroidery","fabric","light","sewing","silks","store","woollen","yarn","online"],"customUrl":"/opencart-templates/55012.html","badge":"badge-responsive","nameOfTheTemplate":"Yarn Online Store OpenCart Template","pHPVersionCompatibility":"7.x","opencartCompatibility":"2.0.1.0","topic":["Crafts Templates","Entertainment, Games & Nightlife"],"styles":["Neutral","Flat"],"imagesList":"Depositphotos5487739original,Depositphotos18030135original,Depositphotos24636543original,Depositphotos24636543original,,https//www.youtube.com/watch?vdu-TnAq59Xc","productFamily":"None","followUpLetter":"opencart-offers","color":["brown","green","black","white","grey"],"reviewsTotal":"1","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_55012","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Banner","Bestsellers","Camera Slideshow","Carousel","Category","Featured","Latest","Specials"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 3 minor CSS bugs fixed</li>\n<li>- 3 JS issues fixed</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","PHP 5.4 or higher","MySQL","Curl","Fsock"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1HBuXwI","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: Thu, 25 Apr 2024 04:04:51 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=55012&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55012&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55012&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 04:09:51 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/opencart_55012<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55012 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/55012.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 #55012            </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=55012&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>