string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=174353&expand=properties"
string(12375) "[{"templateId":174353,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":225,"categoryName":"Apparel Templates","templateTitle":"Apparel Responsive OpenCart Template","templatePreviewHtmlTitle":"Mixdeal - Multiparous Electronic OpenCart Theme","templateDemoHtmlTitle":"Live demo for Mixdeal - Multiparous Electronic OpenCart Theme #174353","typeShortName":"OpenCart","templatePreviewFBTitle":"<h3>Mixdeal OpenCart Theme Overview</h3><p><br></p><p>Mixdeal is an attractive and flexible Multipurpose OpenCart 3 Theme. The theme includes powerful modules with an innovative design that would easily fit into your new or existing online store. We have included OneClick (QuickStart) package. It is easy and fast to set up a webshop. It has cross-browser compatibility and friendliness with Mobile devices. No HTML knowledge requires, easy to install and easy to use.It has been built with mobile users in mind. So it looks great on desktops, tablets, and mobiles. Mixdeal looks very professional and great color combinations. Supporting the latest version of OpenCart 3.0.x , !If you have any questions about our OpenCart Mixdeal Theme, feel free to contact our friendly support team.</p><p>Let’s elevate your business to another level, starting with this theme.</p><h2>Advance Features</h2><p><strong>Menu Design</strong> - Adding a custom menu with many type dropdown options, Specific Categories with thumbnails and sub category with multi-level</p><p><strong>Quick-View</strong> - Help customer quickly view product details, select Options, and Add to cart</p><p><strong>Cloud Zoom </strong>- Adding Cloud Zoom and LightBox effect in product details page customer can check product deeply</p><p><strong>Blog Module</strong> - Including system modules useful for news, comments, tags, etc</p><p><strong>Static Block Module</strong> - Show content (banners, text, custom links,... ) in the header, footer, and many different positions and layouts</p><p><strong>Filtered </strong>- Using Filter customer can easily And fast find items as per requirements</p><p><strong>Popup Add to Cart</strong> - Show popup message when add to cart, add to wishlist, add to compare</p><p><strong>Grid-List</strong> - Visitor can see the product in grid and list view without refreshing page</p><p><strong>Rating</strong> - Any buyer or visitor can leave a review related to the product as per experience.</p><p><strong>Tab Products </strong>- Visitors can see different products without scrolling page.</p><p><strong>Countdown</strong> - You can show limited-time offer products with a time counter</p><p><strong>Category Tab </strong>- Visitors can seen products with category names so easy to find products from the category list.</p><p><strong>Brand logo </strong>- You can show the brand logo with slider, so anyone can see which brands are connecting with your business</p><p><strong>Note:</strong> All images are just used for preview purposes only and NOT included in the final purchase files.</p>","templateFullTitle":"Mixdeal - Multiparous Electronic OpenCart Theme","templatePreviewMetaDescription":"Mixdeal OpenCart Theme OverviewMixdeal is an attractive and flexible Multipurpose OpenCart 3 Theme. The theme includes powerful modules with an innovative","templateDemoMetaDescription":"The live preview of this Mixdeal - Multiparous Electronic OpenCart Theme OpenCart Template (#174353) is generated for you to get yourself familiar with the design before buying it. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Mixdeal - Multiparous Electronic OpenCart Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/mixdeal-multiparous-electronic-opencart-theme-opencart-template-174353.html","userRating":0,"designIndex":1,"authorUserId":"1731972","exclusive":"1","state":1,"price":49,"inserted_date":"2021-03-17","sent":0,"downloads":0,"search_words":"clean decor decoration ecommerce electronic fashion food furniture modern multipurpose organic responsive shoes opencart theme webibazaar store shop accessories","is_adult":0,"exc_price":2100,"sent_date":"2021-03-17 13:13:51","last_upload":"2023-09-26 11:32:49","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"174353-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":174353,"width":1600,"window_params":"","banner_url":"","id":2298794,"href":"","height":1000},{"scr_type_id":311,"filename":"174353-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":174353,"width":1600,"window_params":"","banner_url":"","id":2298795,"href":"","height":1000},{"scr_type_id":312,"filename":"174353-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":174353,"width":370,"window_params":"","banner_url":"","id":2298796,"href":"","height":370},{"scr_type_id":9,"filename":"174353-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":174353,"width":145,"window_params":"","banner_url":"","id":2298797,"href":"","height":156},{"scr_type_id":57,"filename":"174353-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":174353,"width":430,"window_params":"","banner_url":"","id":2298798,"href":"","height":269}],"demoUrl":"/demo/174353.html","image":"https://s.tmimgcdn.com/scr/174300/mixdeal-multiparous-electronic-opencart-theme_174353-original.jpg","searchHash":"f15ba176ce692a931883aa9ebb1d14b7","previewHash":"7aa13e13daed186b3259bc278c8daf2a","authorNickname":"WebiBazaar","lowLevelTopic":"Apparel Templates; Computer Store Templates; Electronics Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"32442253","uniqueKeywords":"clean,decor,decoration,ecommerce,electronic,fashion,food,furniture,modern,multipurpose,organic,responsive,shoes,opencart theme,webibazaar,store,shop,accessories","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Mixdeal OpenCart Theme OverviewMixdeal is an attractive and flexible Multipurpose OpenCart 3 Theme. The theme includes powerful modules with an innovative","opencartEngine":"3.0.3.8","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1731972/AcTbFM-W2SLKMaYU4bXr.jpg","features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Right to left language support","eCommerce","Sample content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","authorUserId":"1731972","isFree":"none","hELPURL":"/quick-start-guide/opencart/","exclusive":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2021-03-24T23:50:42-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1731972/D1TrT5EugGyi5kUuzO9B.jpg, https://s3u.tmimgcdn.com/u1731972/3k8XVNWo_woq9oJpsMYY.jpg, https://s3u.tmimgcdn.com/u1731972/S9PqrYdp-WbsW9QXkMAd.jpg, https://s3u.tmimgcdn.com/u1731972/_YLof_s5bNgbMi-w47Jl.jpg, https://s3u.tmimgcdn.com/u1731972/SXoMMrh6yelDgHCc7d5U.jpg","demoMetaDescription":"The live preview of this Mixdeal - Multiparous Electronic OpenCart Theme OpenCart Template (#174353) is generated for you to get yourself familiar with the design before buying it. View the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"<h3>Mixdeal OpenCart Theme Overview</h3><p><br></p><p>Mixdeal is an attractive and flexible Multipurpose OpenCart 3 Theme. The theme includes powerful modules with an innovative design that would easily fit into your new or existing online store. We have included OneClick (QuickStart) package. It is easy and fast to set up a webshop. It has cross-browser compatibility and friendliness with Mobile devices. No HTML knowledge requires, easy to install and easy to use.It has been built with mobile users in mind. So it looks great on desktops, tablets, and mobiles. Mixdeal looks very professional and great color combinations. Supporting the latest version of OpenCart 3.0.x , !If you have any questions about our OpenCart Mixdeal Theme, feel free to contact our friendly support team.</p><p>Let’s elevate your business to another level, starting with this theme.</p><h2>Advance Features</h2><p><strong>Menu Design</strong> - Adding a custom menu with many type dropdown options, Specific Categories with thumbnails and sub category with multi-level</p><p><strong>Quick-View</strong> - Help customer quickly view product details, select Options, and Add to cart</p><p><strong>Cloud Zoom </strong>- Adding Cloud Zoom and LightBox effect in product details page customer can check product deeply</p><p><strong>Blog Module</strong> - Including system modules useful for news, comments, tags, etc</p><p><strong>Static Block Module</strong> - Show content (banners, text, custom links,... ) in the header, footer, and many different positions and layouts</p><p><strong>Filtered </strong>- Using Filter customer can easily And fast find items as per requirements</p><p><strong>Popup Add to Cart</strong> - Show popup message when add to cart, add to wishlist, add to compare</p><p><strong>Grid-List</strong> - Visitor can see the product in grid and list view without refreshing page</p><p><strong>Rating</strong> - Any buyer or visitor can leave a review related to the product as per experience.</p><p><strong>Tab Products </strong>- Visitors can see different products without scrolling page.</p><p><strong>Countdown</strong> - You can show limited-time offer products with a time counter</p><p><strong>Category Tab </strong>- Visitors can seen products with category names so easy to find products from the category list.</p><p><strong>Brand logo </strong>- You can show the brand logo with slider, so anyone can see which brands are connecting with your business</p><p><strong>Note:</strong> All images are just used for preview purposes only and NOT included in the final purchase files.</p>","tags":["accessories","clean","decor","decoration","electronic","fashion","food","furniture","modern","multipurpose","organic","responsive","shoes","shop","store","ecommerce","opencart theme","webibazaar"],"customUrl":"/opencart-templates/mixdeal-multiparous-electronic-opencart-theme-opencart-template-174353.html","nameOfTheTemplate":"Mixdeal - Multiparous Electronic OpenCart Theme","pHPVersionCompatibility":"7.4","topic":["Apparel Templates","Computers Templates","Computer Store Templates","Electronics Templates","Fashion Templates","Electronics Store Templates","Computers & Internet","Fashion & Beauty"],"opencartCompatibility":["3.0.3.5","3.0.3.6","3.0.3.7","3.0.3.8"],"changeLogDate":"2023-09-26","advImage":"https://s3u.tmimgcdn.com/u1731972/XTly25LaT-QwH-FRBrNs.jpg","excerpt":"<p>Elevate your tech store with our Multipurpose Electronic Opencart Template. Modern design for digital enthusiasts. Get it now!</p>","productFamily":"None","color":["black","white","cyan","yellow"],"followUpLetter":"opencart-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","changeLog":"## 2.0.0 [September 21, 2023]\r\n### Update\r\n- Theme package to support the latest OpenCart Version.\r\n- Update jQuery Version Capability","livePreviewURL":"https://opencart.dostguru.com/MS15/mixdeal_01/","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1731972/5mAPKdiYJzdAh4Vy5EuJ.jpg","templateGroup":"eCommerce Templates","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"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","Specials","Store","Welcome","Manufacturer","VQmod"],"imagesIncluded":"No","templateIcon":"icon-opencart","types":"OpenCart Templates","designSoftware":"Adobe Photoshop","trendiness":"1","bitLyUrl":"https://bit.ly/2OLDDlc","paidSupport":"Yes","marketplaceMembership":"One","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: Thu, 25 Apr 2024 21:39:10 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=174353&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=174353&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=174353&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 21:44:10 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/MS15/mixdeal_01/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#174353 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/174353.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 #174353            </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=174353&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>