string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=84630&expand=properties"
string(11634) "[{"templateId":84630,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive Shopify Theme","templatePreviewHtmlTitle":"SpaZone - Massage Parlour Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Demo for SpaZone - Massage Parlour Shopify Theme #84630","typeShortName":"Shopify","templatePreviewFBTitle":"<p>SpaZone Massage Parlour Shopify Responsive Theme is specially designed for Spa, Saloon, Massage, Skin, Medicine, Doctor, Cosmetic, Parlour, Fitness, Natural, Herbal, Beauty, Ayurveda, Drug, Health, Minimal and Multi purpose stores. Theme looks good with it's unique color combination and professional design.</p><p>SpaZone is built with visual editor to edit each section easily with unlimited theme setting options. This theme has awesome features and color editor to design your store like your choice. It's 100% responsive with compatible all browser and device like Desktops, Tablets and Mobile phones. This theme theme is first choice for small to medium business owners who want to sell their products online.</p><p><strong>Theme Features List</strong>:</p><p>=================</p><ul><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li><strong>One Click Installation </strong>Support</li><li>Shopify <strong>Drag &amp; Drop</strong> <strong>Visual Editor</strong> to Customize each Section From Front View</li><li>SEO (<strong>Search Engine Optimization</strong>) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li>Smart <strong>Responsive Product Grid and List</strong></li><li><strong>Unlimited Banners + Sliders</strong></li><li><strong>Product Tab Section </strong>included with <strong>Slider/Grid Option</strong> (Featured, Latest and Best Seller products)</li><li>Product <strong>List/Grid on Collection Page</strong></li><li><strong>Blog </strong>Section</li><li><strong>Testimonial </strong>Section</li><li><strong>Manufacturer Slider</strong> Section</li><li><strong>Newsletter Subscription</strong> Section</li><li>Product <strong>Image Rollover Effect</strong></li><li><strong>Quick view</strong> Products</li><li>Product <strong>Wishlist and Comparison</strong></li><li><strong>Shopping Cart Dropdown </strong>from header</li><li><strong>Sticky Menu</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Cloud Zoom Integration</strong> on Product Detail Page</li><li><strong>Social Share Buttons</strong> on Product Detail Page</li><li><strong>Social Follow Links</strong></li><li><strong>Scroll To Top Button</strong></li><li><strong>Easy Use and Easy Customize</strong></li><li>Avoid Javascript Confliction</li><li>Full PSD files supplied</li><li>Compatible with all Major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More</li></ul>","templateFullTitle":"SpaZone - Massage Parlour Shopify Theme","templatePreviewMetaDescription":"SpaZone Massage Parlour Shopify Responsive Theme is specially designed for Spa, Saloon, Massage, Skin, Medicine, Doctor, Cosmetic, Parlour, Fitness, Natural,","templateDemoMetaDescription":"Prior to buying it, get informed about the professional SpaZone - Massage Parlour Shopify Theme (#84630) by experiencing the live preview. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"SpaZone - Massage Parlour Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/spazone-massage-parlour-shopify-theme-84630.html","userRating":0,"designIndex":"86","authorUserId":"1597608","exclusive":"1","state":1,"price":49,"inserted_date":"2019-08-07","sent":0,"downloads":0,"search_words":"spa natural herbal beauty health saloon parlour medicine doctor cosmetic minimal shoify responsive bootstrap theme codezeel accessories ecommerce online multipurpose","is_adult":0,"exc_price":2100,"sent_date":"2019-08-07 07:21:08","last_upload":"2019-08-07 07:21:08","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"84630-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84630,"width":1600,"window_params":"","banner_url":"","id":1842660,"href":"","height":1000},{"scr_type_id":311,"filename":"84630-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84630,"width":800,"window_params":"","banner_url":"","id":1842661,"href":"","height":1200},{"scr_type_id":312,"filename":"84630-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84630,"width":370,"window_params":"","banner_url":"","id":1842662,"href":"","height":370},{"scr_type_id":9,"filename":"84630-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84630,"width":145,"window_params":"","banner_url":"","id":1842663,"href":"","height":156},{"scr_type_id":57,"filename":"84630-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84630,"width":430,"window_params":"","banner_url":"","id":1842664,"href":"","height":645}],"demoUrl":"/demo/84630.html","image":"https://s.tmimgcdn.com/scr/84600/spazone-massage-parlour-shopify-theme_84630-3-original.jpg","searchHash":"fb8e42185a84e60a9d4b4b027986d62f","previewHash":"9634043597d97a9b15f63a8785a904bb","authorNickname":"codezeel","lowLevelTopic":"Cosmetics Store Templates; Spa Accessories Templates; Fashion Templates; Jewelry Templates; Salon","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":38,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey"],"followUpLetter":"shopify-offers","dateRange":"Last 6 Months","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"12722843","uniqueKeywords":"spa,natural,herbal,beauty,health,saloon,parlour,medicine,doctor,cosmetic,minimal,shoify,responsive,bootstrap,theme,codezeel,accessories,ecommerce,online,multipurpose","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"SpaZone Massage Parlour Shopify Responsive Theme is specially designed for Spa, Saloon, Massage, Skin, Medicine, Doctor, Cosmetic, Parlour, Fitness, Natural,","excludeExclusive":"Yes","features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Tabs","Advanced Theme Options","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax"],"saleSells":"1","livePreviewURL":"https://codezeel.com/shopify/spazone/","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"authorUserId":"1597608","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/f72f349a42859c29759698bc5230baaf.jpg","templateGroup":"eCommerce Templates","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-02-14T04:53:31-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1597608-1565153308218_1.jpg, https://s3u.tmimgcdn.com/1597608-1565153310417_2.jpg, https://s3u.tmimgcdn.com/1597608-1565153312133_3.jpg, https://s3u.tmimgcdn.com/1597608-1565153314188_4.jpg","authorMainScreenshotVersion":"3","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Prior to buying it, get informed about the professional SpaZone - Massage Parlour Shopify Theme (#84630) by experiencing the live preview. Browse through the pages, check the images, press the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"<p>SpaZone Massage Parlour Shopify Responsive Theme is specially designed for Spa, Saloon, Massage, Skin, Medicine, Doctor, Cosmetic, Parlour, Fitness, Natural, Herbal, Beauty, Ayurveda, Drug, Health, Minimal and Multi purpose stores. Theme looks good with it's unique color combination and professional design.</p><p>SpaZone is built with visual editor to edit each section easily with unlimited theme setting options. This theme has awesome features and color editor to design your store like your choice. It's 100% responsive with compatible all browser and device like Desktops, Tablets and Mobile phones. This theme theme is first choice for small to medium business owners who want to sell their products online.</p><p><strong>Theme Features List</strong>:</p><p>=================</p><ul><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li><strong>One Click Installation </strong>Support</li><li>Shopify <strong>Drag &amp; Drop</strong> <strong>Visual Editor</strong> to Customize each Section From Front View</li><li>SEO (<strong>Search Engine Optimization</strong>) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li>Smart <strong>Responsive Product Grid and List</strong></li><li><strong>Unlimited Banners + Sliders</strong></li><li><strong>Product Tab Section </strong>included with <strong>Slider/Grid Option</strong> (Featured, Latest and Best Seller products)</li><li>Product <strong>List/Grid on Collection Page</strong></li><li><strong>Blog </strong>Section</li><li><strong>Testimonial </strong>Section</li><li><strong>Manufacturer Slider</strong> Section</li><li><strong>Newsletter Subscription</strong> Section</li><li>Product <strong>Image Rollover Effect</strong></li><li><strong>Quick view</strong> Products</li><li>Product <strong>Wishlist and Comparison</strong></li><li><strong>Shopping Cart Dropdown </strong>from header</li><li><strong>Sticky Menu</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Cloud Zoom Integration</strong> on Product Detail Page</li><li><strong>Social Share Buttons</strong> on Product Detail Page</li><li><strong>Social Follow Links</strong></li><li><strong>Scroll To Top Button</strong></li><li><strong>Easy Use and Easy Customize</strong></li><li>Avoid Javascript Confliction</li><li>Full PSD files supplied</li><li>Compatible with all Major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More</li></ul>","bitLyUrl":"http://bit.ly/2YMUp6G","tags":["accessories","beauty","bootstrap","cosmetic","doctor","health","herbal","medicine","minimal","multipurpose","natural","online","parlour","responsive","saloon","spa","theme","ecommerce","shoify","codezeel"],"customUrl":"/shopify-themes/spazone-massage-parlour-shopify-theme-84630.html","nameOfTheTemplate":"SpaZone - Massage Parlour Shopify Theme","paidSupport":"Yes","topic":["Cosmetics Store Templates","Spa Accessories Templates","Beauty Templates","Fashion Templates","Jewelry Templates","Fashion & Beauty","Salon"],"styles":["Clean","Minimalist","Neutral","Collage","Mobile","Flat"],"marketplaceMembership":"None","advImage":"https://s3u.tmimgcdn.com/u1597608/f6ea4115e19926066b962665bc78ec70.jpg","category":"Website templates","dqi":"86","currencies":["USD","GBP","EUR"],"freeTemplatesOffers":[]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 11 Mar 2025 10:14: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(290) "Link: <http://products/api/v2/products/en?language=en&ids=84630&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=84630&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=84630&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 11 Mar 2025 10:19: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: 159.203.151.221:80"
}
https://codezeel.com/shopify/spazone/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#84630 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/84630.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">
                Shopify Themes #84630            </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=84630&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="/shopify-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>