string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=123159&expand=properties"
string(13384) "[{"templateId":123159,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive Magento Theme","templatePreviewHtmlTitle":"Magetique Grocery Online Template Magento Theme","templateDemoHtmlTitle":"Demo Preview for Magetique Grocery Online Template Magento Theme #123159","typeShortName":"Magento","templatePreviewFBTitle":"<h2><span style=\"background-color:transparent;color:rgb(0,0,0);\">Grocery Online Template from Magento 2</span></h2><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Grocery online template Magento 2 theme is a fully responsive web solution with minimalist and clean design for a food store, online grocery, or supermarket. </span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Creative ideas are perfectly implemented in this user-friendly and stylish template. </span></p><h2><span style=\"background-color:transparent;color:rgb(0,0,0);\">Online Supermarket Theme Features</span></h2><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">SEO friendly, fully responsive, with flawless layouts this theme will definitely meet all your requirements. It is equipped with search engine optimization; has the contact form, multilingual and multi-currency support. Powered by Magento2, the grocery online template is packed with a lot of helpful options for appropriate website functionality.</span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Versatile product badges, product carousels, countdown timers, star ratings, and crossed pricing will make your food products look more catchy for your customers. A must-have Wishlist & Compare plugin allows your clients to lay aside and to compare favorite items the way they like.</span></p><h3><span style=\"background-color:transparent;color:rgb(67,67,67);\">Magetique Extensions</span></h3><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Magento 2 plugins implemented in this supermarket eCommerce store design theme: </span></p><ul><li><span style=\"background-color:transparent;\">AjaxCatalog;</span></li><li><span style=\"background-color:transparent;\">AjaxSearch;</span></li><li><span style=\"background-color:transparent;\">FeaturedProduct;</span></li><li><span style=\"background-color:transparent;\">LayoutSwitcher;</span></li><li><span style=\"background-color:transparent;\">Megamenu;</span></li><li><span style=\"background-color:transparent;\">NewsletterPopup;</span></li><li><span style=\"background-color:transparent;\">SampleDataInstaller;</span></li><li><span style=\"background-color:transparent;\">ShopByBrand;</span></li><li><span style=\"background-color:transparent;\">ThemeOptions.</span></li></ul><h3><span style=\"background-color:transparent;color:rgb(67,67,67);\">Magetique Food Store Magento 2 Theme is Repsonsive</span></h3><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">You don't need any CSS knowledge or programming skills to do that. You get all of this eCommerce goodness for free. A plethora of editing features, like the custom footer and header layouts, offer simple re-design options that will keep your store fresh and appealing. </span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">All of this is tucked into a grocery online template package that runs smoothly on any device - optimized for the ever-growing hordes of mobile shoppers. The high GTMetrix and Google's Page Speed scores come as a cherry on top.</span></p>","templateFullTitle":"Magetique Grocery Online Template Magento Theme","templatePreviewMetaDescription":"Grocery Online Template from Magento 2Grocery online template Magento 2 theme is a fully responsive web solution with minimalist and clean design for a food","templateDemoMetaDescription":"The demo for this professional Magetique Grocery Online Template Magento Theme (#123159) is made available for you to get yourself familiar with the theme prior to buying it. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Magetique Grocery Online Template Magento Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/magetique-grocery-online-template-magento-theme-123159.html","userRating":0,"designIndex":"91","authorUserId":"1768190","exclusive":"0","state":1,"price":188,"inserted_date":"2020-11-11","sent":0,"downloads":1,"search_words":"farmers market food delivery app food store free login online grocery shop organic shop organic store production responsive supermarket vegetables and fruits beverage magetique child theme food shop meat shop vegetable shop fresh food poultry farm","is_adult":0,"exc_price":2100,"sent_date":"2020-11-11 10:05:41","last_upload":"2020-11-11 10:05:42","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2043174,"templ_id":123159,"filename":"123159-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2043175,"templ_id":123159,"filename":"123159-2-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2043176,"templ_id":123159,"filename":"123159-2-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2043177,"templ_id":123159,"filename":"123159-2-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2043178,"templ_id":123159,"filename":"123159-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/123159.html","image":"https://s.tmimgcdn.com/scr/123100/magetique-grocery-online-template-magento-theme_123159-2-original.jpg","searchHash":"b0cb7a6e45962225339bb52d61c17963","previewHash":"f71ecf18d167cc535e3dd0fe924f101b","authorNickname":"RockThemes","lowLevelTopic":"Grocery Store Templates; Food Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":179,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Dropdown Menu","MegaMenu","JQuery"],"webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration"],"currencies":["USD","EUR"],"magentoExtensions":["Ajax Search","MegaMenu","Ajax Catalog","Newsletter popup","Layout Switcher","Shop by Brand","Featured Products","Theme Options","Sample Data Installer"],"topic":["Grocery Store Templates","Food Store Templates","Food & Drink Templates","Food & Restaurant"],"isFree":"none","color":["white","grey","green","yellow"],"showVariantForcibly":"b","exclusive":"0","authorUserId":"1768190","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["beverage","free","login","production","responsive","supermarket","food store","organic store","child theme","online grocery shop","organic shop","magetique","vegetable shop","farmers market","food delivery app","vegetables and fruits","fresh food","meat shop","poultry farm","food shop"],"magentoCompatibility":"2.3.5","magentoEngine":"2.3.5","nameOfTheTemplate":"Magetique Grocery Online Template Magento Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1519369-1604658812262_slide%205.jpg, https://s3u.tmimgcdn.com/1519369-1604658817391_slide%201.jpg, https://s3u.tmimgcdn.com/1519369-1604658821150_slide%202.jpg, https://s3u.tmimgcdn.com/1519369-1604658824709_slide%203.jpg, https://s3u.tmimgcdn.com/1519369-1604658831365_slide%204.jpg","shortDescription":"<h2><span style=\"background-color:transparent;color:rgb(0,0,0);\">Grocery Online Template from Magento 2</span></h2><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Grocery online template Magento 2 theme is a fully responsive web solution with minimalist and clean design for a food store, online grocery, or supermarket. </span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Creative ideas are perfectly implemented in this user-friendly and stylish template. </span></p><h2><span style=\"background-color:transparent;color:rgb(0,0,0);\">Online Supermarket Theme Features</span></h2><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">SEO friendly, fully responsive, with flawless layouts this theme will definitely meet all your requirements. It is equipped with search engine optimization; has the contact form, multilingual and multi-currency support. Powered by Magento2, the grocery online template is packed with a lot of helpful options for appropriate website functionality.</span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Versatile product badges, product carousels, countdown timers, star ratings, and crossed pricing will make your food products look more catchy for your customers. A must-have Wishlist & Compare plugin allows your clients to lay aside and to compare favorite items the way they like.</span></p><h3><span style=\"background-color:transparent;color:rgb(67,67,67);\">Magetique Extensions</span></h3><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">Magento 2 plugins implemented in this supermarket eCommerce store design theme: </span></p><ul><li><span style=\"background-color:transparent;\">AjaxCatalog;</span></li><li><span style=\"background-color:transparent;\">AjaxSearch;</span></li><li><span style=\"background-color:transparent;\">FeaturedProduct;</span></li><li><span style=\"background-color:transparent;\">LayoutSwitcher;</span></li><li><span style=\"background-color:transparent;\">Megamenu;</span></li><li><span style=\"background-color:transparent;\">NewsletterPopup;</span></li><li><span style=\"background-color:transparent;\">SampleDataInstaller;</span></li><li><span style=\"background-color:transparent;\">ShopByBrand;</span></li><li><span style=\"background-color:transparent;\">ThemeOptions.</span></li></ul><h3><span style=\"background-color:transparent;color:rgb(67,67,67);\">Magetique Food Store Magento 2 Theme is Repsonsive</span></h3><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">You don't need any CSS knowledge or programming skills to do that. You get all of this eCommerce goodness for free. A plethora of editing features, like the custom footer and header layouts, offer simple re-design options that will keep your store fresh and appealing. </span></p><p><span style=\"background-color:transparent;color:rgb(0,0,0);\">All of this is tucked into a grocery online template package that runs smoothly on any device - optimized for the ever-growing hordes of mobile shoppers. The high GTMetrix and Google's Page Speed scores come as a cherry on top.</span></p>","uniqueKeywords":"farmers market,food delivery app,food store,free,login,online grocery shop,organic shop,organic store,production,responsive,supermarket,vegetables and fruits,beverage,magetique,child theme,food shop,meat shop,vegetable shop,fresh food,poultry farm","advImage":"https://s3u.tmimgcdn.com/1519369-1604659634845_promo.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1768190/123159.jpg","dqi":"91","htmlTitle":"Grocery Online Template Magetique Magento 2 Theme","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1604658845734_Slice%201.jpg(http://documentation.zemez.io/magento_documentation/), https://s3u.tmimgcdn.com/1519369-1604658845736_Slice%202.jpg, https://s3u.tmimgcdn.com/1519369-1604658845738_Slice%203.jpg, https://s3u.tmimgcdn.com/1519369-1604658845739_Slice%204.jpg, https://s3.tmimgcdn.com/templates/182590/scr/1519369-1605172075162_Slice%205.jpg, https://s3.tmimgcdn.com/templates/182590/scr/1519369-1605172075165_Slice%206.jpg","livePreviewURL":"https://ld-magento-72.template-help.com/magento_eze-726/","metaDescription":"Grocery online template from Magento 2 theme is a Magetique child theme for supermarket, online grocery, food store website.","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/36tbx2X","customUrl":"/magento-themes/magetique-grocery-online-template-magento-theme-123159.html","demoMetaDescription":"The demo for this professional Magetique Grocery Online Template Magento Theme (#123159) is made available for you to get yourself familiar with the theme prior to buying it. Browse through the pages, check out the images, press the buttons, explore the features.","productSize":"658804981","lastmod":"2020-11-18T23:50:02-05:00","trendiness":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Magento Themes","templateIcon":"icon-magento","hELPURL":"/quick-start-guide/magento/","followUpLetter":"magento-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 16 Apr 2024 22:38:31 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=123159&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=123159&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=123159&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 16 Apr 2024 22:43:31 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://ld-magento-72.template-help.com/magento_eze-726/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#123159 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/123159.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">
                Magento Themes #123159            </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=123159&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $173                <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="/magento-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>