string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=180337&expand=properties"
string(13329) "[{"templateId":180337,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":195,"categoryName":"Mobile Store Templates","templateTitle":"Mobile Store OpenCart Template","templatePreviewHtmlTitle":"Paybox - Multipurpose OpenCart Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Paybox - Multipurpose OpenCart Template #180337","typeShortName":"OpenCart","templatePreviewFBTitle":"<h1>Theme Overview</h1><p>Paybox is super simple and clean layout for multipurpose website. Paybox theme is compatible with the latest version of OpenCart 3. it's Specially suitable for any kind of website like Electronics, clothing, Fresh dairy, Fashion, Accessories. Paybox is clean and Superb for use, so anyone can easily modify it. you can quickly find what you want from paybox. It built with the users mind. So Paybox is looks good on Mobile, Teblet, Laptop and desktop. We have included QuickStart package files in this theme package so everyone can easily install it.</p><p>Paybox theme is well design and optimized for all screen resolutions. When screen is resized, design elements are change smoothly on every screen. Container Width is customized so any one can change it, you can also change it to fluid width, in that case the width will only be changed.</p><h2>Some Advanced Features of paybox</h2><p><strong>Cloud zoom </strong>- product zooming on product page for product photo</p><p><strong>Popup Message </strong>- Show popup message when visitor or customer added product in to add to cart, visitor or customer added product in to wishlist, visitor or customer added product in to compare</p><p><strong>List and Grid Product</strong> - Visitor can check product in 2 different view.</p><p><strong>Offer Banner </strong>- Display offer Banners on home page so visitors can easily use the benefit.</p><p><strong>Slideshow </strong>- Visitor can view different banners in a slide and they can check latest design and offers</p><p><strong>Related Products </strong>- Related products come slider on the product page</p><p><strong>Static modules</strong> - Static modules help you add static content on every page as per your requirement</p><h3>For Beginners</h3><p>Beginners HTML, CSS and JS</p><ul><li>HTML files</li><li>JS files</li><li>CSS files</li><li>Image</li></ul><h3>Javascript Libraries</h3><ul><li>Bootstrap 4</li><li>jQuery</li><li>Owl Carousel</li><li>Custom Javascript</li><li>DatePicker range</li><li>Masonry</li><li>Wow</li></ul><h3>CSS Libraries</h3><ul><li>Bootstrap</li><li>Animate</li><li>FontAwesome</li><li>Owl Carousel</li><li>Responsive Css</li><li>Style</li></ul><h2>Basic Features</h2><ul><li><strong>PSD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Brand image slider</li><li><strong>Grid / List</strong> view</li><li>AJAX add to cart</li><li>Product Slider</li><li>Multi <strong>Currency</strong> Supported</li><li>Major browsers Compatible</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li><strong>Guest </strong>Checkout</li><li>Google Rich Snippets Integration</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Google Fonts</li><li>Advanced Search Options!</li><li>Twitter <strong>Bootstrap</strong></li><li>Products in all categories</li><li>Full control on the website</li><li><strong>Graphics</strong> Used</li><li>Quick <strong>Support</strong></li><li><strong>Social media</strong> Share Icons</li><li>Customer <strong>Review </strong>Options</li><li>Scroll To Top Button</li><li>Fully Customizable</li><li>Unlimited <strong>Banners + Sliders</strong></li></ul><p>Paybox store is best choice for create a Multipurpose website. The theme includes lots of advance features for your ecommerce website business. Paybox theme is suitable for any ecommerce website.</p><p>All images are copyrighted to their respective owners. All Images are used in live preview but not included in theme package.</p>","templateFullTitle":"Paybox - Multipurpose OpenCart Template","templatePreviewMetaDescription":"Theme OverviewPaybox is super simple and clean layout for multipurpose website. Paybox theme is compatible with the latest version of OpenCart 3. it's","templateDemoMetaDescription":"The demo preview for this professional Paybox - Multipurpose OpenCart Template OpenCart Template (#180337) is available here for you to get the feel and look of the design prior to buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Paybox - Multipurpose OpenCart Template","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/paybox-multipurpose-opencart-template-180337.html","userRating":"5","designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":108,"inserted_date":"2021-04-19","sent":0,"downloads":8,"search_words":"blog,ecommerce,multipurpose,clean,modern,store","is_adult":0,"exc_price":2100,"sent_date":"2021-04-19 12:12:03","last_upload":"2021-04-19 15:08:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2328657,"templ_id":180337,"filename":"180337-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2328658,"templ_id":180337,"filename":"180337-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2328659,"templ_id":180337,"filename":"180337-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2328660,"templ_id":180337,"filename":"180337-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2328661,"templ_id":180337,"filename":"180337-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/180337.html","image":"https://s.tmimgcdn.com/scr/180300/paybox-multipurpose-opencart-template_180337-original.jpg","searchHash":"e626ba62098a24b2630962911040b2f4","previewHash":"00bb3004b13e5848ba05aa1be167f3b1","authorNickname":"WebiBazaar","lowLevelTopic":"Mobile Store Templates; Computers Templates; Electronics Store Templates","weightedRating":4.1818181818182,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":99,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"openCartModules":["Account","Affiliate","Banner","Bestsellers","Carousel","Category","Featured","Latest","Specials","Store"],"topic":["Mobile Store Templates","Computers Templates","Electronics Templates","Electronics Store Templates","Computers & Internet"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey","yellow","orange"],"showVariantForcibly":"b","exclusive":"1","opencartCompatibility":["3.0.2.0","3.0.3.2","3.0.3.3"],"authorUserId":"1731972","alreadyPacked":"1","marketplaceMembership":"One","opencartEngine":"3.0.3.3","imagesIncluded":"No","tags":["clean","modern","multipurpose","store","blog","ecommerce"],"paidSupport":"Yes","nameOfTheTemplate":"Paybox - Multipurpose OpenCart Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/da7e59bb768353c2c103bce48e768ce4.jpg, https://s3u.tmimgcdn.com/u1731972/a659d72f123518dfbf9298f7c244d710.jpg, https://s3u.tmimgcdn.com/u1731972/3564563ff1a1763b2590821feb9b61c6.jpg, https://s3u.tmimgcdn.com/u1731972/2673f894a22124a9321b3abe50129380.jpg, https://s3u.tmimgcdn.com/u1731972/2b5bfe2db0fb79ebced2396d02b760d9.jpg","shortDescription":"<h1>Theme Overview</h1><p>Paybox is super simple and clean layout for multipurpose website. Paybox theme is compatible with the latest version of OpenCart 3. it's Specially suitable for any kind of website like Electronics, clothing, Fresh dairy, Fashion, Accessories. Paybox is clean and Superb for use, so anyone can easily modify it. you can quickly find what you want from paybox. It built with the users mind. So Paybox is looks good on Mobile, Teblet, Laptop and desktop. We have included QuickStart package files in this theme package so everyone can easily install it.</p><p>Paybox theme is well design and optimized for all screen resolutions. When screen is resized, design elements are change smoothly on every screen. Container Width is customized so any one can change it, you can also change it to fluid width, in that case the width will only be changed.</p><h2>Some Advanced Features of paybox</h2><p><strong>Cloud zoom </strong>- product zooming on product page for product photo</p><p><strong>Popup Message </strong>- Show popup message when visitor or customer added product in to add to cart, visitor or customer added product in to wishlist, visitor or customer added product in to compare</p><p><strong>List and Grid Product</strong> - Visitor can check product in 2 different view.</p><p><strong>Offer Banner </strong>- Display offer Banners on home page so visitors can easily use the benefit.</p><p><strong>Slideshow </strong>- Visitor can view different banners in a slide and they can check latest design and offers</p><p><strong>Related Products </strong>- Related products come slider on the product page</p><p><strong>Static modules</strong> - Static modules help you add static content on every page as per your requirement</p><h3>For Beginners</h3><p>Beginners HTML, CSS and JS</p><ul><li>HTML files</li><li>JS files</li><li>CSS files</li><li>Image</li></ul><h3>Javascript Libraries</h3><ul><li>Bootstrap 4</li><li>jQuery</li><li>Owl Carousel</li><li>Custom Javascript</li><li>DatePicker range</li><li>Masonry</li><li>Wow</li></ul><h3>CSS Libraries</h3><ul><li>Bootstrap</li><li>Animate</li><li>FontAwesome</li><li>Owl Carousel</li><li>Responsive Css</li><li>Style</li></ul><h2>Basic Features</h2><ul><li><strong>PSD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Brand image slider</li><li><strong>Grid / List</strong> view</li><li>AJAX add to cart</li><li>Product Slider</li><li>Multi <strong>Currency</strong> Supported</li><li>Major browsers Compatible</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li><strong>Guest </strong>Checkout</li><li>Google Rich Snippets Integration</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Google Fonts</li><li>Advanced Search Options!</li><li>Twitter <strong>Bootstrap</strong></li><li>Products in all categories</li><li>Full control on the website</li><li><strong>Graphics</strong> Used</li><li>Quick <strong>Support</strong></li><li><strong>Social media</strong> Share Icons</li><li>Customer <strong>Review </strong>Options</li><li>Scroll To Top Button</li><li>Fully Customizable</li><li>Unlimited <strong>Banners + Sliders</strong></li></ul><p>Paybox store is best choice for create a Multipurpose website. The theme includes lots of advance features for your ecommerce website business. Paybox theme is suitable for any ecommerce website.</p><p>All images are copyrighted to their respective owners. All Images are used in live preview but not included in theme package.</p>","uniqueKeywords":"blog,ecommerce,multipurpose,clean,modern,store","advImage":"https://s3u.tmimgcdn.com/u1731972/3fffe016459d4d9b5b773a9a9e45eac7.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/67279387312313d92d68cec9161c90ba.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/f4344170cf855c80069dc238a38e0837.jpg","livePreviewURL":"https://opencart.dostguru.com/MS14/paybox_03/","metaDescription":"Theme OverviewPaybox is super simple and clean layout for multipurpose website. Paybox theme is compatible with the latest version of OpenCart 3. it's","saleSells":"1","templateSupportOptions":"[{\"id\":230824,\"template_id\":258412,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","bitLyUrl":"https://bit.ly/3aqW0DU","demoMetaDescription":"The demo preview for this professional Paybox - Multipurpose OpenCart Template OpenCart Template (#180337) is available here for you to get the feel and look of the design prior to buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/opencart-templates/paybox-multipurpose-opencart-template-180337.html","productSize":"24500275","lastmod":"2022-01-28T11:23:24-05:00","trendiness":"2","reviewsTotal":"1","reviewAverageScore":"5","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"OpenCart Templates","templateIcon":"icon-opencart","hELPURL":"/quick-start-guide/opencart/","followUpLetter":"opencart-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 07:48: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(293) "Link: <http://products/api/v2/products/en?language=en&ids=180337&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=180337&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=180337&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 07:53: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://opencart.dostguru.com/MS14/paybox_03/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#180337 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/180337.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 #180337            </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=180337&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $99                <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>