string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=73699&expand=properties"
string(11707) "[{"templateId":73699,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":582,"categoryName":"Vending Machines","templateTitle":"Vending Machines Responsive OpenCart Template","templatePreviewHtmlTitle":"mr.Snack - Vending Machines Store OpenCart Template","templateDemoHtmlTitle":"Demo Preview for mr.Snack - Vending Machines Store OpenCart Template #73699","typeShortName":"OpenCart","templatePreviewFBTitle":"<p>mr.Snack is a fresh Vending Machines Store OpenCart Template, that is perfectly displayed on different types of screens. The site, built on this template, can be supplemented with various sections, including a blog and news. The drag & drop tools simplify the construction process of custom pages as much as possible. mr.Snack is a powerful and professional template that will serve for an online store website of any format. There’s a support for several languages, Google fonts, banners, and widgets which can be used in unlimited quantities. You can customize the cart of the site and use the recommended products add-on or a slideshow.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Vending Machine Business OpenCart ecommerce template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready principle refers to a high-resolution display screen, where pixel density can be so high, so that the human eye can't see individual pixels.</p> <p><b>Why is it Good?</b></p><p>The number one advantage of building you internet site Retina-ready would be the fact your subject material will likely not lose its good quality even if it's observed not on the last-generation devices.</p><p>Latest <a href=\"https://www.templatemonster.com/retina-ready-opencart-themes/\">Retina Ready OpenCart design templates</a> here</p> <h3>This Soda Machine OpenCart template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adjusted to the screens of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for people that visit a site on a phone or a tablet, and in many cases helps to raise positions of a website in search engine results pages. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Bootstrap Vending Machine Business OpenCart ecommerce template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of mobile-friendly websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely effective tool and that is the valid reason it is extremely popular. Using this framework, it will be possible to create responsive design, fitting for any type of display size, prototype fresh new designs without having concerns and ensure your own webpage is undoubtedly cross-browser compatible.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"mr.Snack - Vending Machines Store OpenCart Template","templatePreviewMetaDescription":"mr.Snack is a fresh Vending Machines Store OpenCart Template, that is perfectly displayed on different types of screens. The site, built on this template, can","templateDemoMetaDescription":"The live preview for this top notch mr.Snack - Vending Machines Store OpenCart Template (#73699) is made available for you to get yourself knowledgeable about the design before you purchase it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"mr.Snack - Vending Machines Store OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/mr-snack-vending-machines-store-opencart-template-73699.html","userRating":"5","designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":78,"inserted_date":"2018-10-12","sent":0,"downloads":3,"search_words":"ecommerce machines opencart product shop vendingundefined","is_adult":0,"exc_price":2100,"sent_date":"2018-10-12 10:25:52","last_upload":"2018-10-12 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"73699-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73699,"width":1600,"window_params":"","banner_url":"","id":1775440,"href":"","height":1000},{"scr_type_id":311,"filename":"73699-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73699,"width":800,"window_params":"","banner_url":"","id":1775441,"href":"","height":1200},{"scr_type_id":312,"filename":"73699-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73699,"width":370,"window_params":"","banner_url":"","id":1775442,"href":"","height":370},{"scr_type_id":9,"filename":"73699-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73699,"width":145,"window_params":"","banner_url":"","id":1775443,"href":"","height":156},{"scr_type_id":57,"filename":"73699-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73699,"width":430,"window_params":"","banner_url":"","id":1775444,"href":"","height":645}],"demoUrl":"/demo/73699.html","image":"https://s.tmimgcdn.com/scr/73600/mrsnack-vending-machines-store-opencart-template_73699-0-original.jpg","searchHash":"d2e73a6126e55b4872a57cb3d71afcf1","previewHash":"930788c5b84388b1917de0cc08e4d7a6","authorNickname":"RockThemes","lowLevelTopic":"Vending Machines","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":78,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","green","yellow","orange"],"followUpLetter":"opencart-offers","dateRange":"Last Year","reviewsTotal":"1","uniqueKeywords":"ecommerce machines opencart product shop vendingundefined","templateSupportOptions":"[{\"id\":19708,\"template_id\":14991,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":19709,\"template_id\":14991,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"mr.Snack is a fresh Vending Machines Store OpenCart Template, that is perfectly displayed on different types of screens. The site, built on this template, can","opencartEngine":"3.0.2.0","imageKeyFeatures":"https://s.tmimgcdn.com/scr/73600/73699-1300_01.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_02.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_03.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_04.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_05.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_06.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_07.jpg,https://s.tmimgcdn.com/scr/73600/73699-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready"],"saleSells":"1","livePreviewURL":"https://livedemo00-opencart.template-help.com/opencart_prod-19501/","languageSupport":["English","Russian","German"],"authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1539353255822_19501-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/opencart/","popularity":"Top Rated","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateIcon":"icon-opencart","lastmod":"2020-07-24T05:50:51-04:00","types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The live preview for this top notch mr.Snack - Vending Machines Store OpenCart Template (#73699) is made available for you to get yourself knowledgeable about the design before you purchase it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<p>mr.Snack is a fresh Vending Machines Store OpenCart Template, that is perfectly displayed on different types of screens. The site, built on this template, can be supplemented with various sections, including a blog and news. The drag & drop tools simplify the construction process of custom pages as much as possible. mr.Snack is a powerful and professional template that will serve for an online store website of any format. There’s a support for several languages, Google fonts, banners, and widgets which can be used in unlimited quantities. You can customize the cart of the site and use the recommended products add-on or a slideshow.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Vending Machine Business OpenCart ecommerce template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready principle refers to a high-resolution display screen, where pixel density can be so high, so that the human eye can't see individual pixels.</p> <p><b>Why is it Good?</b></p><p>The number one advantage of building you internet site Retina-ready would be the fact your subject material will likely not lose its good quality even if it's observed not on the last-generation devices.</p><p>Latest <a href=\"https://www.templatemonster.com/retina-ready-opencart-themes/\">Retina Ready OpenCart design templates</a> here</p> <h3>This Soda Machine OpenCart template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adjusted to the screens of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for people that visit a site on a phone or a tablet, and in many cases helps to raise positions of a website in search engine results pages. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Bootstrap Vending Machine Business OpenCart ecommerce template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of mobile-friendly websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely effective tool and that is the valid reason it is extremely popular. Using this framework, it will be possible to create responsive design, fitting for any type of display size, prototype fresh new designs without having concerns and ensure your own webpage is undoubtedly cross-browser compatible.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2A8rflr","tags":["machines","product","shop","ecommerce","opencart"],"customUrl":"/opencart-templates/mr-snack-vending-machines-store-opencart-template-73699.html","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/61100/61111-opencart-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/61100/61111-opencart-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"mr.Snack - Vending Machines Store OpenCart Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Food & Restaurant","Vending Machines"],"opencartCompatibility":"3.0.2.0","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 20 May 2024 15:02:21 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=73699&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=73699&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=73699&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 20 May 2024 15:07:21 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://livedemo00-opencart.template-help.com/opencart_prod-19501/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#73699 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/73699.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 #73699            </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=73699&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $72                <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>