string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=165520&expand=properties"
string(12158) "[{"templateId":165520,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":195,"categoryName":"Mobile Store Templates","templateTitle":"Mobile Store OpenCart Template","templatePreviewHtmlTitle":"Emarto - Multipurpose Store OpenCart Template","templateDemoHtmlTitle":"Live preview for Emarto - Multipurpose Store OpenCart Template #165520","typeShortName":"OpenCart","templatePreviewFBTitle":"<h1>Theme Overview</h1><p><br></p><p>Emarto is perfect solution for your future website. Emarto is a one of the best robust and flexible theme. You can build complex layouts in minutes and adapt the theme to your specific needs. Emarto is clean and modern look allows you to use the theme for every kind of online shop. It is easy and fast to setup any kind of web store. you have the right tool to create a unique e-commerce website that stands out of the crowd. Emarto is specially designed for Multi store electronics, tv, digital, mobile shop, food Store, Apparels, Boutique, Studio, Clothes, Designer Jewellery, Cosmetic, Home appliances, Bag, Organic, Resturant, Watch, Fashion, Ceramic, Flower, vegetable store, garden tools, auto, fruits, kitchen, watches, accessories, furniture, art, ceramic, handicraft, decor, fashion, jewellery, lingerie, lighting and multipurpose stores. Emarto theme is looking good with colors combination and layout. All sub pages are customized. It is very nice with its clean and professional look. it looks great on desktops, tablets and mobiles. No HTML knowledge requries, easy to install and easy to use. All other pages are design properly.</p><p><br></p><p><br></p><h2>Advance Features</h2><p><br></p><p><strong>Menu Design</strong> - Adding custom menu with many type dropdown option, Specific Category with thumbnail and sub category with multi level.</p><p><br></p><p><strong>Quick-View</strong> - Help customer quickly view product details, select options and Add to cart</p><p><br></p><p><strong>Cloud Zoom </strong>- Adding Cloud Zoom and LightBox effect in product details page customer can check product deeply</p><p><br></p><p><strong>Blog Module</strong> - Including system modules useful for news, comments, tags, etc</p><p><br></p><p><strong>Static Block Module</strong> - Show content (banners, text, custom links,... ) in header, footer and many different positions and layouts</p><p><br></p><p><strong>Filtered </strong>- Using Filter customer can easily And fast find items as per requirements</p><p><br></p><p><strong>Popup Add to Cart</strong> - Show popup message when add to cart, add to wishlist, add to compare</p><p><br></p><p><strong>Grid-List</strong> - Visitor can seen product in grid and list view without refresh page</p><p><br></p><p><strong>Rating</strong> - Any buyer or visitor can leave review related to product as per experience.</p><p><br></p><p><strong>Tab Products </strong>- Visitor can seen different products without scrolling page.</p><p><br></p><p><strong>Countdown</strong> - You can show limted time offer products with time counter</p><p><br></p><p><strong>Category Tab </strong>- Visitor can seen product with category name so easy to find product from the category list.</p><p><br></p><p><strong>Brand logo </strong>- You can show brand logo with slider, so anyone can seen which brands are connecting with your business</p>","templateFullTitle":"Emarto - Multipurpose Store OpenCart Template","templatePreviewMetaDescription":"Theme OverviewEmarto is perfect solution for your future website. Emarto is a one of the best robust and flexible theme. You can build complex layouts in","templateDemoMetaDescription":"The demo preview for this high quality Emarto - Multipurpose Store OpenCart Template OpenCart Template (#165520) is created for you to get informed about the template before you purchase it. Browse through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Emarto - Multipurpose Store OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/emarto-multipurpose-store-opencart-template-opencart-template-165520.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":77,"inserted_date":"2021-02-12","sent":0,"downloads":0,"search_words":"multipurpose,ecommerce,opencart,seo,morden,shopping,drag and drop,supermarket,minimal","is_adult":0,"exc_price":2100,"sent_date":"2021-02-12 11:09:27","last_upload":"2021-02-12 11:48:55","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"165520-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165520,"width":1600,"window_params":"","banner_url":"","id":2254730,"href":"","height":1000},{"scr_type_id":311,"filename":"165520-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165520,"width":1600,"window_params":"","banner_url":"","id":2254731,"href":"","height":1000},{"scr_type_id":312,"filename":"165520-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165520,"width":370,"window_params":"","banner_url":"","id":2254732,"href":"","height":370},{"scr_type_id":9,"filename":"165520-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165520,"width":145,"window_params":"","banner_url":"","id":2254733,"href":"","height":156},{"scr_type_id":57,"filename":"165520-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165520,"width":430,"window_params":"","banner_url":"","id":2254734,"href":"","height":269}],"demoUrl":"/demo/165520.html","image":"https://s.tmimgcdn.com/scr/165500/emarto-multipurpose-store-opencart-template_165520-original.jpg","searchHash":"2a8a40b0d12cd470f4e2a407b3d94db2","previewHash":"5bec68b61db5e6e4b17d1e64c9bf7d96","authorNickname":"WebiBazaar","lowLevelTopic":"Mobile Store Templates; Audio Store Templates; Electronics Store Templates; Entertainment, Games & Nightlife; Uniform Store","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":null,"onSale":1,"finalPrice":39,"discountPercent":50,"discountAmount":39,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","orange"],"followUpLetter":"opencart-offers","productSize":"30533403","uniqueKeywords":"multipurpose,ecommerce,opencart,seo,morden,shopping,drag and drop,supermarket,minimal","templateSupportOptions":"[{\"id\":201514,\"template_id\":229148,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewEmarto is perfect solution for your future website. Emarto is a one of the best robust and flexible theme. You can build complex layouts in","opencartEngine":"3.0.3.3","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/HV1UPuXyQWq3jXn-jNwn.jpg","features":["Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","eCommerce","Google map","Advanced Theme Options","Blog"],"saleSells":"1","livePreviewURL":"https://opencart.dostguru.com/MS10/emarto_01/","authorUserId":"1731972","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/U3InHgwbXZ7MhffQyCRk.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","Latest","Slideshow","Specials","Manufacturer"],"exclusive":"1","imagesIncluded":"No","templateIcon":"icon-opencart","lastmod":"2021-02-19T23:51:06-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/_vyLP1liddxSwYRmX1qm.jpg, https://s3u.tmimgcdn.com/u1731972/e_2BWeKBN85U_rgFZEJD.jpg, https://s3u.tmimgcdn.com/u1731972/aYMbhWqeQXXDmOdAQTDP.jpg, https://s3u.tmimgcdn.com/u1731972/G7Ldh1WXeMQN6KmIzuQ1.jpg, https://s3u.tmimgcdn.com/u1731972/K11qc0ax5DK7MQMYOGsj.jpg","types":"OpenCart Templates","trendiness":"2","demoMetaDescription":"The demo preview for this high quality Emarto - Multipurpose Store OpenCart Template OpenCart Template (#165520) is created for you to get informed about the template before you purchase it. Browse through the pages, check out the images, click the buttons, explore the features.","shortDescription":"<h1>Theme Overview</h1><p><br></p><p>Emarto is perfect solution for your future website. Emarto is a one of the best robust and flexible theme. You can build complex layouts in minutes and adapt the theme to your specific needs. Emarto is clean and modern look allows you to use the theme for every kind of online shop. It is easy and fast to setup any kind of web store. you have the right tool to create a unique e-commerce website that stands out of the crowd. Emarto is specially designed for Multi store electronics, tv, digital, mobile shop, food Store, Apparels, Boutique, Studio, Clothes, Designer Jewellery, Cosmetic, Home appliances, Bag, Organic, Resturant, Watch, Fashion, Ceramic, Flower, vegetable store, garden tools, auto, fruits, kitchen, watches, accessories, furniture, art, ceramic, handicraft, decor, fashion, jewellery, lingerie, lighting and multipurpose stores. Emarto theme is looking good with colors combination and layout. All sub pages are customized. It is very nice with its clean and professional look. it looks great on desktops, tablets and mobiles. No HTML knowledge requries, easy to install and easy to use. All other pages are design properly.</p><p><br></p><p><br></p><h2>Advance Features</h2><p><br></p><p><strong>Menu Design</strong> - Adding custom menu with many type dropdown option, Specific Category with thumbnail and sub category with multi level.</p><p><br></p><p><strong>Quick-View</strong> - Help customer quickly view product details, select options and Add to cart</p><p><br></p><p><strong>Cloud Zoom </strong>- Adding Cloud Zoom and LightBox effect in product details page customer can check product deeply</p><p><br></p><p><strong>Blog Module</strong> - Including system modules useful for news, comments, tags, etc</p><p><br></p><p><strong>Static Block Module</strong> - Show content (banners, text, custom links,... ) in header, footer and many different positions and layouts</p><p><br></p><p><strong>Filtered </strong>- Using Filter customer can easily And fast find items as per requirements</p><p><br></p><p><strong>Popup Add to Cart</strong> - Show popup message when add to cart, add to wishlist, add to compare</p><p><br></p><p><strong>Grid-List</strong> - Visitor can seen product in grid and list view without refresh page</p><p><br></p><p><strong>Rating</strong> - Any buyer or visitor can leave review related to product as per experience.</p><p><br></p><p><strong>Tab Products </strong>- Visitor can seen different products without scrolling page.</p><p><br></p><p><strong>Countdown</strong> - You can show limted time offer products with time counter</p><p><br></p><p><strong>Category Tab </strong>- Visitor can seen product with category name so easy to find product from the category list.</p><p><br></p><p><strong>Brand logo </strong>- You can show brand logo with slider, so anyone can seen which brands are connecting with your business</p>","tags":["minimal","multipurpose","shopping","supermarket","ecommerce","seo","opencart","morden","drag and drop"],"bitLyUrl":"https://bit.ly/2Zc0cBu","customUrl":"/opencart-templates/emarto-multipurpose-store-opencart-template-opencart-template-165520.html","nameOfTheTemplate":"Emarto - Multipurpose Store OpenCart Template","topic":["Mobile Store Templates","Audio Store Templates","Electronics Templates","Electronics Store Templates","Entertainment, Games & Nightlife","Fashion & Beauty","Uniform Store"],"opencartCompatibility":["3.0.2.0","3.0.3.2","3.0.3.3"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1731972/oq6XIehaCuvA2BoBEGJL.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: Sun, 24 Nov 2024 13:35:07 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=165520&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=165520&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=165520&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 13:40:07 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/MS10/emarto_01/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#165520 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/165520.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 #165520            </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=165520&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $71                <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>