string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64926&expand=properties"
string(16595) "[{"templateId":64926,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive OpenCart Template","templatePreviewHtmlTitle":"Cosmetics Store Responsive OpenCart Template","templateDemoHtmlTitle":"Demo for Cosmetics Store Responsive OpenCart Template #64926","typeShortName":"OpenCart","templatePreviewFBTitle":"Try out this nice Cosmetic Store Responsive OpenCart template if you’re a cosmetics store owner and you need a fast, reliable and stylish website for your store. Being based on OpenCart platform, this template has a lot to offer. First, parallax scrolling. It’s one of the most advanced technologies of modern web design, when the background images move slowly than the elements located in the foreground. That will create stunning visual effects on your website. Second, Ajax search and Ajax cart, that will make your visitors able to use live search function and to see the total price when they change the quantity of products in cart without need to manually click “update cart” button. And that’s just a few examples, this template can offer many more! Also, a 24/7 lifetime support, free of charge, comes with our every product.<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 Online Cosmetics Store OpenCart template with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you engage with your customers in real time.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is an excellent option for business websites. It allows supporting hesitating customers and helping them to come up with their final choice. On-line Chat makes your website look more trustworthy and brings more clients to your company. </p><p>Latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax Beauty Advice OpenCart design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a method in website design when background image shifts at a slower pace compared to a foreground article, making the optical illusion of 2D effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D spaces of your website. It makes your resource more vibrant and distinctive. Parallax is great for spicing up a landing page,  giving life to infographics, or even displaying a portfolio.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart themes</a> here</p> <h3>This Cosmetics Store OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little as well as large screen sizes automatically.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will offer a good browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart themes</a> here</p> <h3>This is a Bootstrap Beauty Products Store OpenCart design</h3> <p><b>What is it?</b></p><p>It is the most favored HTML and CSS based framework that contains variations for the primary elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you can establish fully responsive web designs using HTML and CSS based site templates for typography, print styles, forms, buttons, tables, and so on.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Cosmetics Store Responsive OpenCart Template","templatePreviewMetaDescription":"Try out this nice Cosmetic Store Responsive OpenCart template if you’re a cosmetics store owner and you need a fast, reliable and stylish website for your","templateDemoMetaDescription":"Check out the demo of the Cosmetics Store Responsive OpenCart Template (#64926) to get a better notion of what this design is before you buy it. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cosmetics Store Responsive OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/cosmetics-store-responsive-opencart-template-64926.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":78,"inserted_date":"2017-08-24","sent":2,"downloads":4,"search_words":"gradient organic cosmetics store beauty fashion health care women solution service catalogue product gift skincare hair care style cream natural rejuvenation damping lifting peeling specials lipstick mascara nail polish shampoo body milk lotion hand client","is_adult":0,"exc_price":4500,"sent_date":"2017-09-29 00:00:00","last_upload":"2017-08-24 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"64926-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":408,"window_params":"","banner_url":"","id":1711984,"href":"","height":55},{"scr_type_id":334,"filename":"64926-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":1600,"window_params":"","banner_url":"","id":1711985,"href":"","height":1000},{"scr_type_id":3,"filename":"64926-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":895,"window_params":"","banner_url":"","id":1711986,"href":"","height":599},{"scr_type_id":300,"filename":"64926-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":320,"window_params":"","banner_url":"","id":1711987,"href":"","height":900},{"scr_type_id":3,"filename":"64926-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":1800,"window_params":"","banner_url":"","id":1711988,"href":"","height":3780},{"scr_type_id":311,"filename":"64926-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":965,"window_params":"","banner_url":"","id":1711989,"href":"","height":2027},{"scr_type_id":9,"filename":"64926-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":145,"window_params":"","banner_url":"","id":1711990,"href":"","height":156},{"scr_type_id":314,"filename":"64926-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":1903,"window_params":"","banner_url":"","id":1711991,"href":"","height":3780},{"scr_type_id":312,"filename":"64926-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":370,"window_params":"","banner_url":"","id":1711992,"href":"","height":370},{"scr_type_id":298,"filename":"64926-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":430,"window_params":"","banner_url":"","id":1711993,"href":"","height":900},{"scr_type_id":304,"filename":"64926-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":430,"window_params":"","banner_url":"","id":1711994,"href":"","height":60},{"scr_type_id":315,"filename":"64926-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":1800,"window_params":"","banner_url":"","id":1711995,"href":"","height":3780},{"scr_type_id":299,"filename":"64926-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":430,"window_params":"","banner_url":"","id":1711996,"href":"","height":900},{"scr_type_id":302,"filename":"64926-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64926,"width":430,"window_params":"","banner_url":"","id":1711997,"href":"","height":903}],"demoUrl":"/demo/64926.html","image":"https://s.tmimgcdn.com/scr/64900/cosmetics-store-responsive-opencart-template_64926-0-original.jpg","searchHash":"cdb016b767dc4d2d082f8936e3b5f000","previewHash":"ead117e2b7acbdcdb689130b6deca396","authorNickname":"RockThemes","lowLevelTopic":"Cosmetics Store Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":78,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"beauty salon, beauty parlor, beauty spa, beauty shop, beauty school, cosmetology school, beauty classes, beauty\t\r\ncosmetics, perfume, beauty supply, cosmetic\tbeauty store, beauty products, skin care, beauty brands","categoriesView":["Grid","List"],"uniqueKeywords":"gradient organic cosmetics store beauty fashion health care women solution service catalogue product gift skincare hair care style cream natural","showVariantForcibly":"b","metaDescription":"This fully responsive OpenCart template will be of great help when you'll decide to create a fully-functional website for your cosmetics store.","opencartEngine":"3.0.2.0","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64900/64926-en_01.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_02.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_03.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_04.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_05.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_06.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_07.jpg, https://s.tmimgcdn.com/scr/64900/64926-en_08.jpg","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Parallax"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/64900/64926-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"lastmod":"2020-03-31T16:40:25-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Check out the demo of the Cosmetics Store Responsive OpenCart Template (#64926) to get a better notion of what this design is before you buy it. Click through the pages, check out the images, click the buttons, explore the features.","controlPanelDemoURL":"http://livedemo00-opencart.template-help.com/opencart_64926/demoaccess","shortDescription":"Try out this nice Cosmetic Store Responsive OpenCart template if you’re a cosmetics store owner and you need a fast, reliable and stylish website for your store. Being based on OpenCart platform, this template has a lot to offer. First, parallax scrolling. It’s one of the most advanced technologies of modern web design, when the background images move slowly than the elements located in the foreground. That will create stunning visual effects on your website. Second, Ajax search and Ajax cart, that will make your visitors able to use live search function and to see the total price when they change the quantity of products in cart without need to manually click “update cart” button. And that’s just a few examples, this template can offer many more! Also, a 24/7 lifetime support, free of charge, comes with our every product.<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 Online Cosmetics Store OpenCart template with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you engage with your customers in real time.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is an excellent option for business websites. It allows supporting hesitating customers and helping them to come up with their final choice. On-line Chat makes your website look more trustworthy and brings more clients to your company. </p><p>Latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce templates</a> here</p> <h3>This is a Parallax Beauty Advice OpenCart design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a method in website design when background image shifts at a slower pace compared to a foreground article, making the optical illusion of 2D effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D spaces of your website. It makes your resource more vibrant and distinctive. Parallax is great for spicing up a landing page,  giving life to infographics, or even displaying a portfolio.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart themes</a> here</p> <h3>This Cosmetics Store OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little as well as large screen sizes automatically.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will offer a good browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart themes</a> here</p> <h3>This is a Bootstrap Beauty Products Store OpenCart design</h3> <p><b>What is it?</b></p><p>It is the most favored HTML and CSS based framework that contains variations for the primary elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you can establish fully responsive web designs using HTML and CSS based site templates for typography, print styles, forms, buttons, tables, and so on.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design templates</a> here</p> <br /></div></div></div></div>","tags":["beauty","body","care","catalogue","client","cosmetics","cream","damping","fashion","gift","gradient","hair","hand","health","lifting","lipstick","lotion","mascara","milk","nail","natural","organic","peeling","polish","product","rejuvenation","service","shampoo","solution","specials","store","style","women"],"customUrl":"/opencart-templates/cosmetics-store-responsive-opencart-template-64926.html","badge":"badge-responsive","nameOfTheTemplate":"Cosmetics Store Responsive OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"opencartCompatibility":"3.0.2.0","styles":["Neutral","Flat"],"productFamily":"None","color":"white","followUpLetter":"opencart-offers","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"4.5","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://livedemo00-opencart.template-help.com/opencart_64926/","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Banner","Bestsellers","Carousel","Category","Featured","Latest","Slideshow","Camera Slideshow","Specials"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 1 background bug fixed</li>\n<li>- 1 minor layout bugs fixed</li>\n</ul>","templateIcon":"icon-opencart","types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2050px","skupromo":"10%","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: Fri, 01 Nov 2024 21:36:07 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=64926&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64926&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64926&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 01 Nov 2024 21:41:07 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-opencart.template-help.com/opencart_64926/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64926 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/64926.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 #64926            </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=64926&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $72                <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>