string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=162393&expand=properties"
string(16064) "[{"templateId":162393,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive OpenCart Template","templatePreviewHtmlTitle":"Cartsly - Responsive Multi-Purpose OpenCart Template","templateDemoHtmlTitle":"Live demo for Cartsly - Responsive Multi-Purpose OpenCart Template #162393","typeShortName":"OpenCart","templatePreviewFBTitle":"<h1>Theme Overview</h1><p><br></p><p><strong>Cartsly</strong> is a robust and flexible theme, Designed to match the style of an electronics website. Cartsly Theme is specially Suitable for mega store, electronics store, kitchen accessories, tv, digital, mobile, computers, laptop, speaker, sound system, CCTV, camera, watch, accessories, deals, appliances, fashion, furniture, home decor, minimal and multipurpose store. Cartsly Electronics Opencart template is looking good with colors combination and layout. All sub pages are customized. It is very nice with its clean and professional look. Cartsly Premium OpenCart Theme is the best choice for your eCommerce online website store.</p><p>Cartsly is support multiple languages. Full right-to-left language (Arabic) support. Boost your site with 600+ web optimized Google fonts with customizable style Multilingual languages - OpenCart theme supports multilingual languages so it can help you create store according to your country audience or you can sell your products or services worldwide. Multiple currencies - OpenCart supports multiple currencies so you can promote your store worldwide and get more visitors to your store and grow your sales. Product image pop-up - this feature allows visitors to view images in large size without going to the product page just by clicking on the product image.</p><p><br></p><p>Opencart theme allows you to create a store you wish how it should look using drag & drop feature so you can create a store by yourself without any knowledge of coding or hiring tech guy for it. Opencart themes are designed high quality which helps you create your brand store with an awesome color combination. Opencart themes are designed SEO friendly so you can add your store content accordingly to rank high in search engines which can help you drive more visitors to your store.</p><p><br></p><p><strong>Responsive design</strong> - Cartsly is full responsive design which allows visitors to get a better shopping experience when opened from any devices such as mobile phones, tablets, computers.</p><p><br></p><p><strong>SEO friendly </strong>- Cartsly is designed SEO friendly so you can add your store content accordingly to rank high in search engines which can help you drive more visitors to your store.</p><p><br></p><p><strong>Stick to top menu</strong> - this feature allows you to stick your store menu to top so when visitors scroll down, it helps visitors to navigate anywhere without going back to top.</p><p><br></p><p><strong>Custom block </strong>- opencart custom block plugin which helps you add a customized block to your homepage or other pages, you ca</p><p>n assign new blocks using layouts. You can create multiple blocks using it.</p><p><br></p><p><strong>Quick view</strong> - this feature allows visitors to view products with all detailed information quickly via pop-up menu without opening the product page and allows visitors to take action such as add to wishlist, add to cart, buy now.</p><p><br></p><p><strong>Multilingual languages</strong> - Cartsly supports multilingual languages so it can help you create store according to your country audience or you can sell your products or services worldwide.</p><p><br></p><p><strong>Multiple currencies</strong> - Cartsly supports multiple currencies so you can promote your store worldwide and get more visitors to your store and grow your sales.</p><p><br></p><h2>FEATURES & EXTENSIONS</h2><p><br></p><ul><li><strong>PSD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>Cross Browser Compatibility</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Custom Slideshow</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>Responsive Design</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Use Google Fonts, Standard Fonts, or Upload Your Custom Font!</li><li>Advanced Search Options!</li><li>Full control over site width; content area and sidebars</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>","templateFullTitle":"Cartsly - Responsive Multi-Purpose OpenCart Template","templatePreviewMetaDescription":"Theme OverviewCartsly is a robust and flexible theme, Designed to match the style of an electronics website. Cartsly Theme is specially Suitable for mega","templateDemoMetaDescription":"The demo preview for this professional Cartsly - Responsive Multi-Purpose OpenCart Template (#162393) is available here for you to get informed about the theme before buying it. Browse through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cartsly - Responsive Multi-Purpose OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/cartsly-responsive-multi-purpose-opencart-template-162393.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":97,"inserted_date":"2021-02-01","sent":0,"downloads":0,"search_words":"ecommerce,multipurpose,opencart3,wood,furniture,light,wooden,mobile,store,responsive,fashion,accessories,shoe,modern,clothes,shopping,theme,clean,minimal,food","is_adult":0,"exc_price":2100,"sent_date":"2021-02-01 12:47:57","last_upload":"2021-02-01 12:49:53","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"162393-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":162393,"width":1600,"window_params":"","banner_url":"","id":2239119,"href":"","height":1000},{"scr_type_id":311,"filename":"162393-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":162393,"width":1600,"window_params":"","banner_url":"","id":2239120,"href":"","height":1000},{"scr_type_id":312,"filename":"162393-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":162393,"width":370,"window_params":"","banner_url":"","id":2239121,"href":"","height":370},{"scr_type_id":9,"filename":"162393-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":162393,"width":145,"window_params":"","banner_url":"","id":2239122,"href":"","height":156},{"scr_type_id":57,"filename":"162393-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":162393,"width":430,"window_params":"","banner_url":"","id":2239123,"href":"","height":269}],"demoUrl":"/demo/162393.html","image":"https://s.tmimgcdn.com/scr/162300/cartsly-responsive-multi-purpose-opencart-template_162393-original.jpg","searchHash":"cc3561ec21fa4acd376980d164c7633f","previewHash":"b874b347937b78e32b83be4286a392c1","authorNickname":"WebiBazaar","lowLevelTopic":"Mobile Store Templates; Computer Store Templates; Electronics Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":null,"onSale":0,"finalPrice":97,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","orange"],"followUpLetter":"opencart-offers","productSize":"44476513","uniqueKeywords":"ecommerce,multipurpose,opencart3,wood,furniture,light,wooden,mobile,store,responsive,fashion,accessories,shoe,modern,clothes,shopping,theme,clean,minimal,food","templateSupportOptions":"[{\"id\":277186,\"template_id\":298396,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","changeLog":"## V.2.0.0 - July 16 2021\r\n\r\n-Fixed Some Minor Issues\r\n\r\n## V.1.0.0 - Jan 21 2020\r\n\r\n## V.1.0.0\r\n-Initial Release","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewCartsly is a robust and flexible theme, Designed to match the style of an electronics website. Cartsly Theme is specially Suitable for mega","opencartEngine":"3.0.3.3","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/2bcdac6b970aa035be2c1044601c6905.jpg","features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Right to left language support","Accelerated Mobile Pages (AMP)","eCommerce","MegaMenu","Blog","Gallery","One Page Templates","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://opencart.dostguru.com/MS07/cartsly_02/","authorUserId":"1731972","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/FxQe97e-DMMOGB3CAAfB.jpg","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/opencart/","popularity":"Zero Downloads","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Banner","Bestsellers","Carousel","Category","Featured","Information","Latest","Camera Slideshow","Specials"],"exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":"Apache Server","templateIcon":"icon-opencart","lastmod":"2021-07-19T04:22:13-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/TKKACr9oj1yLu5I6OvAF.jpg, https://s3u.tmimgcdn.com/u1731972/1Anwxz-RFsTt0MzkKR0x.jpg, https://s3u.tmimgcdn.com/u1731972/7rJS7wDB92v9p8ooIl-r.jpg, https://s3u.tmimgcdn.com/u1731972/F5UVgRWUcaZYI3IfYVnn.jpg, https://s3u.tmimgcdn.com/u1731972/pxzy7D-yUGVubbkHgj_R.jpg","types":"OpenCart Templates","trendiness":"1","demoMetaDescription":"The demo preview for this professional Cartsly - Responsive Multi-Purpose OpenCart Template (#162393) is available here for you to get informed about the theme before buying it. Browse through the pages, check the images, press the buttons, explore the functionality.","shortDescription":"<h1>Theme Overview</h1><p><br></p><p><strong>Cartsly</strong> is a robust and flexible theme, Designed to match the style of an electronics website. Cartsly Theme is specially Suitable for mega store, electronics store, kitchen accessories, tv, digital, mobile, computers, laptop, speaker, sound system, CCTV, camera, watch, accessories, deals, appliances, fashion, furniture, home decor, minimal and multipurpose store. Cartsly Electronics Opencart template is looking good with colors combination and layout. All sub pages are customized. It is very nice with its clean and professional look. Cartsly Premium OpenCart Theme is the best choice for your eCommerce online website store.</p><p>Cartsly is support multiple languages. Full right-to-left language (Arabic) support. Boost your site with 600+ web optimized Google fonts with customizable style Multilingual languages - OpenCart theme supports multilingual languages so it can help you create store according to your country audience or you can sell your products or services worldwide. Multiple currencies - OpenCart supports multiple currencies so you can promote your store worldwide and get more visitors to your store and grow your sales. Product image pop-up - this feature allows visitors to view images in large size without going to the product page just by clicking on the product image.</p><p><br></p><p>Opencart theme allows you to create a store you wish how it should look using drag & drop feature so you can create a store by yourself without any knowledge of coding or hiring tech guy for it. Opencart themes are designed high quality which helps you create your brand store with an awesome color combination. Opencart themes are designed SEO friendly so you can add your store content accordingly to rank high in search engines which can help you drive more visitors to your store.</p><p><br></p><p><strong>Responsive design</strong> - Cartsly is full responsive design which allows visitors to get a better shopping experience when opened from any devices such as mobile phones, tablets, computers.</p><p><br></p><p><strong>SEO friendly </strong>- Cartsly is designed SEO friendly so you can add your store content accordingly to rank high in search engines which can help you drive more visitors to your store.</p><p><br></p><p><strong>Stick to top menu</strong> - this feature allows you to stick your store menu to top so when visitors scroll down, it helps visitors to navigate anywhere without going back to top.</p><p><br></p><p><strong>Custom block </strong>- opencart custom block plugin which helps you add a customized block to your homepage or other pages, you ca</p><p>n assign new blocks using layouts. You can create multiple blocks using it.</p><p><br></p><p><strong>Quick view</strong> - this feature allows visitors to view products with all detailed information quickly via pop-up menu without opening the product page and allows visitors to take action such as add to wishlist, add to cart, buy now.</p><p><br></p><p><strong>Multilingual languages</strong> - Cartsly supports multilingual languages so it can help you create store according to your country audience or you can sell your products or services worldwide.</p><p><br></p><p><strong>Multiple currencies</strong> - Cartsly supports multiple currencies so you can promote your store worldwide and get more visitors to your store and grow your sales.</p><p><br></p><h2>FEATURES & EXTENSIONS</h2><p><br></p><ul><li><strong>PSD</strong> included</li><li>With <strong>BLOG </strong>Module</li><li>Cross Browser Compatibility</li><li>One <strong>click</strong> install</li><li>Mobile Friendly</li><li>Custom Slideshow</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>Responsive Design</li><li>Dynamic Layout</li><li>Cloudzoom and images slider</li><li>Customized Product Page</li><li>Testimonial</li><li>Well <strong>Documentation</strong></li><li>Advanced <strong>Typography</strong> Options!</li><li>Use Google Fonts, Standard Fonts, or Upload Your Custom Font!</li><li>Advanced Search Options!</li><li>Full control over site width; content area and sidebars</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>","tags":["accessories","clean","clothes","fashion","food","furniture","light","minimal","mobile","modern","multipurpose","responsive","shoe","shopping","store","theme","wood","wooden","ecommerce","opencart3"],"bitLyUrl":"https://bit.ly/36yvt5r","customUrl":"/opencart-templates/cartsly-responsive-multi-purpose-opencart-template-162393.html","nameOfTheTemplate":"Cartsly - Responsive Multi-Purpose OpenCart Template","paidSupport":"Yes","topic":["Mobile Store Templates","Computers Templates","Computer Store Templates","Electronics Templates","Electronics Store Templates","Computers & Internet"],"opencartCompatibility":["3.0.2.0","3.0.3.2","3.0.3.3","3.0.3.5","3.0.3.6","3.0.3.7"],"changeLogDate":"2021-07-19","styles":["Clean","Minimalist","Mobile","Material Design"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1731972/L7YlCc9ttZWgbFoxklCQ.jpg","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, 19 Apr 2024 03:13:00 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=162393&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=162393&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=162393&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 03:18:00 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://opencart.dostguru.com/MS07/cartsly_02/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#162393 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/162393.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 #162393            </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=162393&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $89                <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>