string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=98577&expand=properties"
string(11684) "[{"templateId":98577,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Portfox - Cosmetics Store Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for Portfox - Cosmetics Store Shopify Theme #98577","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Portfox Cosmetics Store Shopify Responsive Theme is specially designed for Beauty, Cosmetic, Ayurveda, Drug, Health, Spa, Saloon, Massage, Skin, Medicine, Fitness, Natural, Herbal, Minimal and Multi purpose stores. Theme looks good with it's unique color combination and professional design.</p><p>Portfox theme<strong> </strong>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>Featured Product</strong> block on homepage</li><li><strong>New Product</strong> block on homepage</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/Brand Logo 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 Header</strong></li><li><strong>Horizontal 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":"Portfox - Cosmetics Store Shopify Theme","templatePreviewMetaDescription":"Portfox Cosmetics Store Shopify Responsive Theme is specially designed for Beauty, Cosmetic, Ayurveda, Drug, Health, Spa, Saloon, Massage, Skin, Medicine,","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the Portfox - Cosmetics Store Shopify Theme (#98577) by visiting the demo. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Portfox - Cosmetics Store Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/portfox-cosmetics-store-shopify-theme-98577.html","userRating":"5","designIndex":"98","authorUserId":"1597608","exclusive":"1","state":1,"price":49,"inserted_date":"2020-03-19","sent":0,"downloads":2,"search_words":"spa fitness herbal beauty ayurveda health saloon parlour skin medicine cosmetic minimal shoify responsive bootstrap theme codezeel accessories ecommerce online","is_adult":0,"exc_price":2100,"sent_date":"2020-03-19 06:39:27","last_upload":"2020-03-19 06:39:27","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"98577-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98577,"width":1600,"window_params":"","banner_url":"","id":1920329,"href":"","height":1000},{"scr_type_id":311,"filename":"98577-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98577,"width":800,"window_params":"","banner_url":"","id":1920330,"href":"","height":1200},{"scr_type_id":312,"filename":"98577-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98577,"width":370,"window_params":"","banner_url":"","id":1920331,"href":"","height":370},{"scr_type_id":9,"filename":"98577-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98577,"width":145,"window_params":"","banner_url":"","id":1920332,"href":"","height":156},{"scr_type_id":57,"filename":"98577-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":98577,"width":430,"window_params":"","banner_url":"","id":1920333,"href":"","height":645}],"demoUrl":"/demo/98577.html","image":"https://s.tmimgcdn.com/scr/98500/portfox-cosmetics-store-shopify-theme_98577-3-original.jpg","searchHash":"6a3c292f0f9e60f83c1f8137d4b8e77f","previewHash":"fa8babfd3467167255ab2db99e754801","authorNickname":"codezeel","lowLevelTopic":"Cosmetics Store Templates; Spa Accessories Templates; Fashion Templates; Jewelry Templates; Salon","weightedRating":4.1818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","pink"],"followUpLetter":"shopify-offers","reviewsTotal":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"16171324","uniqueKeywords":"spa,fitness,herbal,beauty,ayurveda,health,saloon,parlour,skin,medicine,cosmetic,minimal,shoify,responsive,bootstrap,theme,codezeel,accessories,ecommerce,online","templateSupportOptions":"[]","reviewAverageScore":"5","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Portfox Cosmetics Store Shopify Responsive Theme is specially designed for Beauty, Cosmetic, Ayurveda, Drug, Health, Spa, Saloon, Massage, Skin, Medicine,","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/cfdce1e0f2804fce319ebeea1aed2828.jpg","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"],"saleSells":"1","livePreviewURL":"https://codezeel.com/shopify/portfox/","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/e05a7b77487d52189c48ee5664388660.jpg","templateGroup":"eCommerce Templates","popularity":"Top Rated","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-02-14T04:54:41-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1597608-1584509190245_1.jpg, https://s3u.tmimgcdn.com/1597608-1584509192263_2.jpg, https://s3u.tmimgcdn.com/1597608-1584509193615_3.jpg, https://s3u.tmimgcdn.com/1597608-1584509194879_4.jpg, https://s3u.tmimgcdn.com/1597608-1584509195948_5.jpg","authorMainScreenshotVersion":"3","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Before you buy it, get knowledgeable about the Portfox - Cosmetics Store Shopify Theme (#98577) by visiting the demo. View the pages, check the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"<p>Portfox Cosmetics Store Shopify Responsive Theme is specially designed for Beauty, Cosmetic, Ayurveda, Drug, Health, Spa, Saloon, Massage, Skin, Medicine, Fitness, Natural, Herbal, Minimal and Multi purpose stores. Theme looks good with it's unique color combination and professional design.</p><p>Portfox theme<strong> </strong>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>Featured Product</strong> block on homepage</li><li><strong>New Product</strong> block on homepage</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/Brand Logo 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 Header</strong></li><li><strong>Horizontal 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/38XAjrm","tags":["accessories","ayurveda","beauty","bootstrap","cosmetic","fitness","health","herbal","medicine","minimal","online","parlour","responsive","saloon","skin","spa","theme","ecommerce","shoify","codezeel"],"customUrl":"/shopify-themes/portfox-cosmetics-store-shopify-theme-98577.html","nameOfTheTemplate":"Portfox - Cosmetics Store 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/bbbb48fb48a6c7bbbd8279e707d778e3.jpg","category":"Website templates","dqi":"98","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 15 May 2024 17:21:45 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=98577&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=98577&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=98577&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 15 May 2024 17:26:45 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://codezeel.com/shopify/portfox/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#98577 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/98577.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 #98577            </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=98577&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>