string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53661&expand=properties"
string(16367) "[{"templateId":53661,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":198,"categoryName":"Audio Store Templates","templateTitle":"Audio Store Responsive OpenCart Template","templatePreviewHtmlTitle":"Audiogear Shop OpenCart Template #53661 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Audiogear Shop OpenCart Template #53661","typeShortName":"OpenCart","templatePreviewFBTitle":"A great store for professional musicians. We are sure that this design will impress the users and convert them into loyal customers. Template's header combines musical pattern and huge image with main menu between them. All banners onsite have bright circular 'Add to cart' buttons. Famous manufacturers logos placed above the featured products section raise visitors' trust. Offered items look good over the white background. They are supplied with stickers, star rating and functional buttons.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Electronics Blog OpenCart design theme</h3> <p><b>What is it?</b></p><p>It's a special method when the background image moves more slowly in perspective when compared to the factors the foreground. For this reason, Parallax leads to a sensation of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your viewers an illusion of depth in 2D environments of your website. It makes your resource more vibrant and distinctive. Parallax is suitable for spicing up a single-page site,  giving life to infographics, or perhaps displaying a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart designs</a> here</p> <h3>This Techno News OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adjust to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the huge number of gadgets. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <h3>This is a Bootstrap Electronics Technician OpenCart ecommerce template</h3> <p><b>What is it?</b></p><p>It's the most widely used HTML and CSS based framework that contains designs for the main elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops employing the same codebase. It makes the web developing process faster and easier.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart designs</a> here</p> <h3>This is Electronics Blog OpenCart design theme 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 live interaction with your customers. </p> <p><b>Why is it Good?</b></p><p>Online chat along with tech support is a sign for the consumer - “this specific corporation actually cares about me”. The consumers don't have to wait a lot of time for their ticket to get resolved or undergo lots of documentation to find the solution for himself. Warm and friendly technical support professional might response him right away and will fix his issue in a little time. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Audiogear Shop OpenCart Template","templatePreviewMetaDescription":"A great store for professional musicians. We are sure that this design will impress the users and convert them into loyal customers. Template's header combines","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the professional Audiogear Shop OpenCart Template (#53661) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Audiogear Shop OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/53661.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":54,"inserted_date":"2015-04-10","sent":2,"downloads":51,"search_words":"Audio Gear online store shop shopping cart virtuemart products music pioneer player cd dvd-rom sd card usb dj  mp3 electronics","is_adult":0,"exc_price":4500,"sent_date":"2015-04-16 06:15:21","last_upload":"2015-04-10 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"53661-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":895,"window_params":"","banner_url":"","id":1455990,"href":"","height":599},{"scr_type_id":303,"filename":"53661-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":430,"window_params":"","banner_url":"","id":1455991,"href":"","height":779},{"scr_type_id":299,"filename":"53661-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":430,"window_params":"","banner_url":"","id":1455992,"href":"","height":900},{"scr_type_id":3,"filename":"53661-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":1950,"window_params":"","banner_url":"","id":1455993,"href":"","height":5300},{"scr_type_id":3,"filename":"53661-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":408,"window_params":"","banner_url":"","id":1455994,"href":"","height":55},{"scr_type_id":304,"filename":"53661-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":430,"window_params":"","banner_url":"","id":1455995,"href":"","height":60},{"scr_type_id":9,"filename":"53661-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":145,"window_params":"","banner_url":"","id":1455996,"href":"","height":156},{"scr_type_id":314,"filename":"53661-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":1950,"window_params":"","banner_url":"","id":1455997,"href":"","height":5300},{"scr_type_id":312,"filename":"53661-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":370,"window_params":"","banner_url":"","id":1455998,"href":"","height":370},{"scr_type_id":3,"filename":"53661-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":1800,"window_params":"","banner_url":"","id":1455999,"href":"","height":5300},{"scr_type_id":298,"filename":"53661-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":430,"window_params":"","banner_url":"","id":1456000,"href":"","height":900},{"scr_type_id":311,"filename":"53661-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":965,"window_params":"","banner_url":"","id":1456001,"href":"","height":2841},{"scr_type_id":302,"filename":"53661-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":430,"window_params":"","banner_url":"","id":1456002,"href":"","height":1266},{"scr_type_id":315,"filename":"53661-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":1800,"window_params":"","banner_url":"","id":1456003,"href":"","height":5300},{"scr_type_id":300,"filename":"53661-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":320,"window_params":"","banner_url":"","id":1456004,"href":"","height":900},{"scr_type_id":78,"filename":"53661-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53661,"width":0,"window_params":"","banner_url":"","id":1456005,"href":"","height":0},{"scr_type_id":334,"filename":"53661-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53661,"width":1950,"window_params":"","banner_url":"","id":1638587,"href":"","height":5300}],"demoUrl":"/demo/53661.html","image":"https://s.tmimgcdn.com/scr/53600/audiogear-shop-opencart-template_53661-original.jpg","searchHash":"3b127f13dddc5b6dfe44cc7d8cc73b77","previewHash":"a8fd19de1b5f5d2cb107fe58b625402e","authorNickname":"RockThemes","lowLevelTopic":"Audio Store Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The template is a great solution for online music store.","categoriesView":["Grid","List"],"uniqueKeywords":"unique quickstart responsive theme template guitar lighting sound furniture modern audio opencart minimal accessories electronics fashion bootstrap instruments music violin","metaDescription":"Prior to buying it, have a closer look at this premium Audiogear Shop OpenCart Template (#53661) - get to know tech details and requirements, read customer reviews, ask a question.","opencartEngine":"2.0.1.0","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Dropdown Menu","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/53600/53661-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-07-24T07:32:42-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Prior to buying it, get the look and feel of the professional Audiogear Shop OpenCart Template (#53661) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"A great store for professional musicians. We are sure that this design will impress the users and convert them into loyal customers. Template's header combines musical pattern and huge image with main menu between them. All banners onsite have bright circular 'Add to cart' buttons. Famous manufacturers logos placed above the featured products section raise visitors' trust. Offered items look good over the white background. They are supplied with stickers, star rating and functional buttons.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Electronics Blog OpenCart design theme</h3> <p><b>What is it?</b></p><p>It's a special method when the background image moves more slowly in perspective when compared to the factors the foreground. For this reason, Parallax leads to a sensation of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your viewers an illusion of depth in 2D environments of your website. It makes your resource more vibrant and distinctive. Parallax is suitable for spicing up a single-page site,  giving life to infographics, or perhaps displaying a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart designs</a> here</p> <h3>This Techno News OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adjust to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the huge number of gadgets. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <h3>This is a Bootstrap Electronics Technician OpenCart ecommerce template</h3> <p><b>What is it?</b></p><p>It's the most widely used HTML and CSS based framework that contains designs for the main elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops employing the same codebase. It makes the web developing process faster and easier.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart designs</a> here</p> <h3>This is Electronics Blog OpenCart design theme 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 live interaction with your customers. </p> <p><b>Why is it Good?</b></p><p>Online chat along with tech support is a sign for the consumer - “this specific corporation actually cares about me”. The consumers don't have to wait a lot of time for their ticket to get resolved or undergo lots of documentation to find the solution for himself. Warm and friendly technical support professional might response him right away and will fix his issue in a little time. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","openCartProductID":"22382","tags":["accessories","audio","bootstrap","card","cart","electronics","fashion","furniture","gear","guitar","instruments","lighting","minimal","modern","music","online","pioneer","player","products","responsive","shop","shopping","sound","store","template","theme","unique","usb","violin","opencart","cd"],"customUrl":"/opencart-templates/53661.html","badge":"badge-responsive","nameOfTheTemplate":"Audiogear Shop OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Audio Store Templates","Electronics Templates"],"opencartCompatibility":"2.0.1.0","styles":["Neutral","Dark","Flat"],"productFamily":"None","followUpLetter":"opencart-offers","color":["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_53661","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Banner","Bestsellers","Carousel","Category","Featured","Information","Latest","Specials"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 3 HTML bugs fixed</li>\n<li>- 3 CSS bugs fixed</li>\n<li>- 1 minor layout bugs fixed</li>\n<li>- 1 PSD layer changed</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/1HwBPQ5","layout":"2 columns","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"1950px","skupromo":"13%","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: Tue, 14 May 2024 07:50:52 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=53661&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53661&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53661&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 14 May 2024 07:55:52 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_53661<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53661 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/53661.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 #53661            </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=53661&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>