string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54746&expand=properties"
string(15997) "[{"templateId":54746,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":120,"categoryName":"Hair Salon Templates","templateTitle":"Hair Salon Responsive OpenCart Template","templatePreviewHtmlTitle":"Hair and Beauty Salon OpenCart Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Hair and Beauty Salon OpenCart Template #54746","typeShortName":"OpenCart","templatePreviewFBTitle":"Start a powerful fashion shop with this splendid theme. Several full-screen sliders give it a personal touch and a unique style. For this reason, it looks both clean and sharp. Rich functionality is another feature that makes the template a perfect fit for stores. It includes a <em>powerful commenting system, fixed mega menu, advanced search</em> and a variety of other options that ensure splendid navigation and usability. This <b>hair salon OpenCart template</b> is also quite flexible, so it can be adapted for any eCommerce project.<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 Beauty Website OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that enables you to have a real-time chat with your clients. </p> <p><b>Why is it Good?</b></p><p>On-line chats help to increase user engagement and boost website conversions.</p><p>Find newest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design templates</a> here</p> <h3>This Beauty Parlour OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its shape and size in order to suit virtually any screen, from the tiniest mobile phone handsets to the largest Desktop monitors. For every gadget, page elements expand or decrease to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Smartphones generate 80percentage of worldwide Internet utilization. It's critical to develop your web property responsive when you do not wish to drop your own viewers.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <h3>This is Beauty Tips OpenCart template with Background video</h3> <p><b>What is it?</b></p><p>This function will help you add video recording to your web property.</p> <p><b>Why is it Good?</b></p><p>Background video can help to make a lovely and more expert looking site.</p><p>Find latest <a href=\"https://www.templatemonster.com/background-video-opencart-themes/\">Background video OpenCart design templates</a> here</p> <h3>This is a Bootstrap Fashion & Beauty Magazine OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a entirely free front-end framework that creates for quicker and also straightforward web design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely useful instrument and that is the explanation it is very well-known. With this framework, you are able to create responsive design, fitting for any form of screen size, prototype fresh layouts without having issues and make sure your own website is cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Hair and Beauty Salon OpenCart Template","templatePreviewMetaDescription":"Start a powerful fashion shop with this splendid theme. Several full-screen sliders give it a personal touch and a unique style. For this reason, it looks both","templateDemoMetaDescription":"Have a look at the live preview of the top quality Hair and Beauty Salon OpenCart Template (#54746) get yourself knowledgeable about this design prior to buying it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hair and Beauty Salon OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/54746.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":68,"inserted_date":"2015-06-18","sent":2,"downloads":37,"search_words":"charm hair salon fashion style services models catalogue masters experts portfolio awards waving arranging coloring advices coiffure hairdresser glamour beauty health","is_adult":0,"exc_price":4500,"sent_date":"2015-06-18 00:00:00","last_upload":"2015-06-18 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":303,"filename":"54746-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":430,"window_params":"","banner_url":"","id":1479051,"href":"","height":661},{"scr_type_id":315,"filename":"54746-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":2048,"window_params":"","banner_url":"","id":1479052,"href":"","height":6663},{"scr_type_id":299,"filename":"54746-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":430,"window_params":"","banner_url":"","id":1479053,"href":"","height":900},{"scr_type_id":3,"filename":"54746-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":2048,"window_params":"","banner_url":"","id":1479054,"href":"","height":6663},{"scr_type_id":78,"filename":"54746-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54746,"width":0,"window_params":"","banner_url":"","id":1479055,"href":"","height":0},{"scr_type_id":3,"filename":"54746-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":2048,"window_params":"","banner_url":"","id":1479056,"href":"","height":6663},{"scr_type_id":312,"filename":"54746-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":370,"window_params":"","banner_url":"","id":1479057,"href":"","height":370},{"scr_type_id":298,"filename":"54746-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":430,"window_params":"","banner_url":"","id":1479058,"href":"","height":900},{"scr_type_id":314,"filename":"54746-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":2048,"window_params":"","banner_url":"","id":1479059,"href":"","height":6663},{"scr_type_id":304,"filename":"54746-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":430,"window_params":"","banner_url":"","id":1479060,"href":"","height":60},{"scr_type_id":3,"filename":"54746-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":408,"window_params":"","banner_url":"","id":1479061,"href":"","height":55},{"scr_type_id":9,"filename":"54746-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":145,"window_params":"","banner_url":"","id":1479062,"href":"","height":156},{"scr_type_id":3,"filename":"54746-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":895,"window_params":"","banner_url":"","id":1479063,"href":"","height":599},{"scr_type_id":311,"filename":"54746-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":965,"window_params":"","banner_url":"","id":1479064,"href":"","height":3140},{"scr_type_id":302,"filename":"54746-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":430,"window_params":"","banner_url":"","id":1479065,"href":"","height":1399},{"scr_type_id":300,"filename":"54746-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":320,"window_params":"","banner_url":"","id":1479066,"href":"","height":900},{"scr_type_id":334,"filename":"54746-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54746,"width":1600,"window_params":"","banner_url":"","id":1639186,"href":"","height":1000}],"demoUrl":"/demo/54746.html","image":"https://s.tmimgcdn.com/scr/54700/hair-and-beauty-salon-opencart-template_54746-0-original.jpg","searchHash":"730341756b7b854a62a8d86c463a5cbd","previewHash":"3603c9e583605f9d47bbe9efb733e175","authorNickname":"RockThemes","lowLevelTopic":"Hair Salon Templates","weightedRating":4.25,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"kindOfShops":"Use the theme for hair salons, fashion and beauty stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Hair Extensions Store","metaDescription":"Buy This Hair Salon OpenCart Template and Build Effective Store in a Matter of Days.","opencartEngine":"2.0.1.0","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","isFree":"none","htmlTitle":"Hair Salon OpenCart Template","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/54700/54746-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","MySQL 4.1.14+","OpenCart 2.0.1.0","PHP editor.","PHP 5.4+"],"lastmod":"2020-10-30T16:32:32-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview of the top quality Hair and Beauty Salon OpenCart Template (#54746) get yourself knowledgeable about this design prior to buying it. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"Start a powerful fashion shop with this splendid theme. Several full-screen sliders give it a personal touch and a unique style. For this reason, it looks both clean and sharp. Rich functionality is another feature that makes the template a perfect fit for stores. It includes a <em>powerful commenting system, fixed mega menu, advanced search</em> and a variety of other options that ensure splendid navigation and usability. This <b>hair salon OpenCart template</b> is also quite flexible, so it can be adapted for any eCommerce project.<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 Beauty Website OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that enables you to have a real-time chat with your clients. </p> <p><b>Why is it Good?</b></p><p>On-line chats help to increase user engagement and boost website conversions.</p><p>Find newest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design templates</a> here</p> <h3>This Beauty Parlour OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its shape and size in order to suit virtually any screen, from the tiniest mobile phone handsets to the largest Desktop monitors. For every gadget, page elements expand or decrease to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Smartphones generate 80percentage of worldwide Internet utilization. It's critical to develop your web property responsive when you do not wish to drop your own viewers.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <h3>This is Beauty Tips OpenCart template with Background video</h3> <p><b>What is it?</b></p><p>This function will help you add video recording to your web property.</p> <p><b>Why is it Good?</b></p><p>Background video can help to make a lovely and more expert looking site.</p><p>Find latest <a href=\"https://www.templatemonster.com/background-video-opencart-themes/\">Background video OpenCart design templates</a> here</p> <h3>This is a Bootstrap Fashion & Beauty Magazine OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a entirely free front-end framework that creates for quicker and also straightforward web design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely useful instrument and that is the explanation it is very well-known. With this framework, you are able to create responsive design, fitting for any form of screen size, prototype fresh layouts without having issues and make sure your own website is cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <br /></div></div></div></div>","controlPanelDemoURL":"http://livedemo00.template-help.com/opencart_54746/admin","openCartProductID":"22911","tags":["advices","arranging","awards","beauty","catalogue","charm","coiffure","coloring","experts","extensions","fashion","glamour","hair","hairdresser","health","masters","models","portfolio","salon","services","store","style","waving"],"customUrl":"/opencart-templates/54746.html","badge":"badge-responsive","nameOfTheTemplate":"Hair and Beauty Salon OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Hair Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"opencartCompatibility":"2.0.1.0","styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"opencart-offers","color":["black","white","grey"],"reviewsTotal":"2","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_54746","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Banner","Bestsellers","Carousel","Category","Featured","Latest","Slideshow","Camera Slideshow","Specials","Store","Manufacturer"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 2 CSS bugs fixed</li>\n<li>- JS optimized for better performance</li>\n<li>- 1 minor front-end bugs fixed</li>\n<li>- 2 layout bugs fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP 5.4 or higher"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1epSk66","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2048px","skupromo":"17%","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, 03 Jan 2025 14:50:32 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=54746&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54746&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54746&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 Jan 2025 14:55:32 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_54746<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54746 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/54746.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 #54746            </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=54746&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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>