string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53552&expand=properties"
string(15436) "[{"templateId":53552,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":379,"categoryName":"Diving Templates","templateTitle":"Diving Responsive OpenCart Template","templatePreviewHtmlTitle":"Diving Shop OpenCart Template #53552 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Diving Shop OpenCart Template #53552","typeShortName":"OpenCart","templatePreviewFBTitle":"This diving store is unusual because of its color solution. The author included bright red elements into design. They visually emphasize most important content. Categories menu is hidden, which saves space on the page. Promo banners simplify the navigation a lot. Welcome section is placed right below the promo area. New and special products are displayed with the help of sliders. Google map, contacts and social sharing block are above the footer, where you can find additional navigation links.<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 Bootstrap Diving Lessons OpenCart design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a collection of instruments with an open source code. It is great for creating websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktop computers employing the same codebase. It makes the web developing process faster and easier.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart templates</a> here</p> <h3>This is a Parallax Sport Journal OpenCart design</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which forefront pics move  in a different speed than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually beautiful and glues users' eyes to the images and content modules.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design templates</a> here</p> <h3>This is Sport Journal OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line chat is a feature that involves real-time messaging over the web. </p> <p><b>Why is it Good?</b></p><p>Let customers request technical support's assistance or contact sales department while trying to make a decision on the product. Your genuine help can turn viewers into loyal clients. </p><p>View latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This Diver Equipment OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the ability of the layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive website design helps to get consistent buyer experience and provide a entire access to the internet site details from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Diving Shop OpenCart Template","templatePreviewMetaDescription":"This diving store is unusual because of its color solution. The author included bright red elements into design. They visually emphasize most important","templateDemoMetaDescription":"The demo preview for this premium Diving Shop OpenCart Template (#53552) is made available for you to get familiar with the design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Diving Shop OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/53552.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":54,"inserted_date":"2015-04-03","sent":2,"downloads":17,"search_words":"diving shop sport aqualung submarine oxygen flippers mask reef diving-suit photography camera training services trainer ring-buoy life-guard subscription rules travel equipment","is_adult":0,"exc_price":4500,"sent_date":"2015-04-08 06:15:21","last_upload":"2015-04-03 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":304,"filename":"53552-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":430,"window_params":"","banner_url":"","id":1454306,"href":"","height":60},{"scr_type_id":299,"filename":"53552-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":430,"window_params":"","banner_url":"","id":1454307,"href":"","height":900},{"scr_type_id":3,"filename":"53552-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":895,"window_params":"","banner_url":"","id":1454308,"href":"","height":599},{"scr_type_id":302,"filename":"53552-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":430,"window_params":"","banner_url":"","id":1454309,"href":"","height":1345},{"scr_type_id":303,"filename":"53552-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":430,"window_params":"","banner_url":"","id":1454310,"href":"","height":763},{"scr_type_id":3,"filename":"53552-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":408,"window_params":"","banner_url":"","id":1454311,"href":"","height":55},{"scr_type_id":312,"filename":"53552-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":370,"window_params":"","banner_url":"","id":1454312,"href":"","height":370},{"scr_type_id":3,"filename":"53552-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":2050,"window_params":"","banner_url":"","id":1454313,"href":"","height":5319},{"scr_type_id":298,"filename":"53552-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":430,"window_params":"","banner_url":"","id":1454314,"href":"","height":900},{"scr_type_id":3,"filename":"53552-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":1800,"window_params":"","banner_url":"","id":1454315,"href":"","height":5319},{"scr_type_id":315,"filename":"53552-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":1800,"window_params":"","banner_url":"","id":1454316,"href":"","height":5319},{"scr_type_id":311,"filename":"53552-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":965,"window_params":"","banner_url":"","id":1454317,"href":"","height":2852},{"scr_type_id":9,"filename":"53552-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":145,"window_params":"","banner_url":"","id":1454318,"href":"","height":156},{"scr_type_id":300,"filename":"53552-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":320,"window_params":"","banner_url":"","id":1454319,"href":"","height":900},{"scr_type_id":78,"filename":"53552-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53552,"width":0,"window_params":"","banner_url":"","id":1454320,"href":"","height":0},{"scr_type_id":314,"filename":"53552-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":2050,"window_params":"","banner_url":"","id":1454321,"href":"","height":5319},{"scr_type_id":334,"filename":"53552-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53552,"width":1600,"window_params":"","banner_url":"","id":1638478,"href":"","height":1000}],"demoUrl":"/demo/53552.html","image":"https://s.tmimgcdn.com/scr/53500/diving-shop-opencart-template_53552-0-original.jpg","searchHash":"66a09d5698b19c373ae6b884cae71152","previewHash":"1e4c2e39a8ad3c9782ac68e0005a3acb","authorNickname":"RockThemes","lowLevelTopic":"Diving 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 theme was developed for diving and water sport stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Diving shop","metaDescription":"Before you buy it, take a closer look at this professional Diving Shop OpenCart Template (#53552) - get to know tech features and requirements, read customer testimonials, ask a question.","opencartEngine":"2.0.1.0","features":["Admin Panel","Responsive","Online Store/Shop","HTML plus JS","Parallax","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Bootstrap","On-line chat"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","jqueryScripts":"\"SuperFish\" DropDown Menu","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/53500/53552-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","PHP 5.4+","MySQL 4.1.14+","OpenCart 2.0.1.0","PHP editor."],"lastmod":"2020-10-14T14:53:49-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview for this premium Diving Shop OpenCart Template (#53552) is made available for you to get familiar with the design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"This diving store is unusual because of its color solution. The author included bright red elements into design. They visually emphasize most important content. Categories menu is hidden, which saves space on the page. Promo banners simplify the navigation a lot. Welcome section is placed right below the promo area. New and special products are displayed with the help of sliders. Google map, contacts and social sharing block are above the footer, where you can find additional navigation links.<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 Bootstrap Diving Lessons OpenCart design theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a collection of instruments with an open source code. It is great for creating websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktop computers employing the same codebase. It makes the web developing process faster and easier.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart templates</a> here</p> <h3>This is a Parallax Sport Journal OpenCart design</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which forefront pics move  in a different speed than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually beautiful and glues users' eyes to the images and content modules.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart design templates</a> here</p> <h3>This is Sport Journal OpenCart ecommerce template with On-line chat</h3> <p><b>What is it?</b></p><p>On-line chat is a feature that involves real-time messaging over the web. </p> <p><b>Why is it Good?</b></p><p>Let customers request technical support's assistance or contact sales department while trying to make a decision on the product. Your genuine help can turn viewers into loyal clients. </p><p>View latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This Diver Equipment OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the ability of the layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive website design helps to get consistent buyer experience and provide a entire access to the internet site details from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart design themes</a> here</p> <br /></div></div></div></div>","openCartProductID":"22373","tags":["aqualung","camera","diving","equipment","flippers","life-guard","mask","oxygen","photography","reef","rules","services","shop","sport","submarine","subscription","trainer","training","travel"],"customUrl":"/opencart-templates/53552.html","badge":"badge-responsive","nameOfTheTemplate":"Diving Shop OpenCart Template","pHPVersionCompatibility":"7.x","opencartCompatibility":"2.0.1.0","topic":["Diving Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"opencart-offers","color":["black","white","cyan","red"],"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_53552","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Banner","Bestsellers","Camera Slideshow","Carousel","Category","Featured","Google Talk","Information","Latest","Manufacturer","Slideshow","Specials","Store","Welcome"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 2 minor layout issues fixed</li>\n<li>- 2 styles bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","PHP 5.4 or higher","MySQL","Curl","Fsock"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1Go0as1","layout":"2 columns","webForms":["Advanced Search","Contact Form","Login Form","Newsletter Subscription","User Registration"],"loyaltySells":"1","width":"2050px","skupromo":"16%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 05 Nov 2024 07:58:42 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=53552&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53552&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53552&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 05 Nov 2024 08:03:42 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/opencart_53552<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53552 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/53552.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 #53552            </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=53552&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>