string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=160558&expand=properties"
string(13941) "[{"templateId":160558,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":414,"categoryName":"Beauty Templates","templateTitle":"Beauty Responsive Shopify Theme","templatePreviewHtmlTitle":"Glossier - Multipurpose Sections Shopify Theme","templateDemoHtmlTitle":"Demo for Glossier - Multipurpose Sections Shopify Theme #160558","typeShortName":"Shopify","templatePreviewFBTitle":"<h2>Theme Overview</h2><p><br /></p><p>Glossier - Multipurpose Store Shopify Theme is a Stylish and Multipurpose Cosmetic Shop SHOPIFY theme. For fashion Stores, cosmetics Shops, beauty Stores, Spa Products Online, Salon Equipments, Makeup Kits, eCommerce Gifts Stores,</p><p>Clothing Business, and fragrance products, Perfumes Shop, skincare creams, beauty salon, beauty spa, beauty center, beauty shop, face creams, handmade foundation, organic cosmetic shop, cosmetic store, cosmetic products, beauty products,</p><p>cosmetics makeup, eye care, lip care, neck creams, body care, wellness and healthcare Stores Online!</p><p><br /></p><p>Everything is customized easily. 5 main designs will give you more choice for your store.</p><p><br /></p><p>Glossier - Multipurpose Store Shopify Theme is the right choice if you want to create a professional and truly unique eCommerce website with ease.</p><p><br /></p><p><strong>Responsive</strong></p><p><br /></p><ul><li>Fully Responsive design makes to be compatible with all of mobile devices</li></ul><p><br /></p><p><strong>SEO friendly </strong></p><p><br /></p><ul><li><strong></strong>Glossier - Multipurpose Store Shopify Theme supported by SEO standard of electronics major.</li></ul><p><br /></p><p><strong>Blog </strong></p><p><br /></p><ul><li><strong></strong>This module allows you to write blogs about the benefits of using your products or services, or on any topic related to your business, this can help your visitors to understand about services or products you offer, it also helps you rank in search engines and get you more traffic.<strong></strong></li></ul><p><br /></p><h2>Theme Features</h2><p><br /></p><ul><li>Section Drag &amp; Drop Page Builder</li><li>06+ Pre-made Demos</li><li>Multiple Header and Footer</li><li>Collections</li><li>Product Details</li><li>Mutiple languages support</li><li>Multiple currencies</li><li>Smart Megamenu</li><li>New, hot, sale labels</li><li>Localizations</li><li>Quickview</li><li>Newsletter</li><li>Popup newsletter</li><li>HTML5 video, Product video, Youtube, Vimeo</li><li>Countdown timer – Deal time</li><li>Google map</li><li>Instagram, Social media, Social sharing</li><li>Promotion announcement bar</li><li>Sticky header</li><li>Transparent header</li><li>Promotional text on header</li><li>Gallery</li><li>Lookbook</li><li>Isotope – Masonry with 2/3/4/5 columns</li><li>Slick carousel</li><li>Product list</li><li>Product tab</li><li>Customer Reviews</li><li>Testimonial</li><li>Team member</li><li>Timeline</li><li>Unlimited color options</li><li>Go to top button</li><li>Pre-made Our story page</li><li>Pre-made FAQs page</li><li>Pre-made About page</li><li>Support Online 24</li><li>Well Documented</li></ul>","templateFullTitle":"Glossier - Multipurpose Sections Shopify Theme","templatePreviewMetaDescription":"Theme OverviewGlossier - Multipurpose Store Shopify Theme is a Stylish and Multipurpose Cosmetic Shop SHOPIFY theme. For fashion Stores, cosmetics Shops,","templateDemoMetaDescription":"Experience the live preview of the premium Glossier - Multipurpose Sections Shopify Theme (#160558) to get a better notion of what this design is before you buy it. Click through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Glossier - Multipurpose Sections Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/glossier-multipurpose-sections-shopify-theme-160558.html","userRating":"5","designIndex":1,"authorUserId":"1532113","exclusive":"1","state":1,"price":98,"inserted_date":"2021-01-27","sent":0,"downloads":213,"search_words":"beauty clothing fashion cosmetic makeup lipstick jewelry minimal multipurpose parallax animation","is_adult":0,"exc_price":2970,"sent_date":"2021-01-27 11:10:33","last_upload":"2021-01-27 12:09:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"160558-3-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":160558,"width":1600,"window_params":"","banner_url":"","id":2229974,"href":"","height":1000},{"scr_type_id":311,"filename":"160558-3-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":160558,"width":1600,"window_params":"","banner_url":"","id":2229975,"href":"","height":1000},{"scr_type_id":312,"filename":"160558-3-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":160558,"width":370,"window_params":"","banner_url":"","id":2229976,"href":"","height":370},{"scr_type_id":9,"filename":"160558-3-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":160558,"width":145,"window_params":"","banner_url":"","id":2229977,"href":"","height":156},{"scr_type_id":57,"filename":"160558-3-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":160558,"width":430,"window_params":"","banner_url":"","id":2229978,"href":"","height":269}],"demoUrl":"/demo/160558.html","image":"https://s.tmimgcdn.com/scr/160500/glossier-multipurpose-sections-shopify-theme_160558-3-original.png","searchHash":"354c0988ed5f0c789837aaea3a8b0b15","previewHash":"a5c15a4a8394c18d73709acba72ff572","authorNickname":"shopifykit","lowLevelTopic":"Beauty Templates; Fashion Templates; Jewelry Templates; Linen & Lace; Uniform Store","weightedRating":4.2857142857143,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":98,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","brown"],"followUpLetter":"shopify-offers","bestsellers":"17","reviewsTotal":"4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"32777295","uniqueKeywords":"beauty,clothing,fashion,cosmetic,makeup,lipstick,jewelry,minimal,multipurpose,parallax,animation","changeLog":"# UPDATE 03/1/2022 \n- Update OS 2.0\n\n# UPDATE 04/16/2021 \n\n- Add Homepage 6\n- Add Custom Font Size menu\n- Add Config Sidebar\n- Add Config Shipping Bar Color\n- Add Config Hurrify\n- Add Custom Spacing Banner \n- Add Slide Cart Style\n- Add Slide show 4\n- Add Feature Html\n- Add Config\n- Fix Tab Vertical\n- Fix Collection Grid Responsive\n- Fix Smooth Scroll Product Template 8\n- Fix bug Style\n- Fix Slideshow\n- Fix Footer Payment\n- Fix Header Hover\n- Fix Typography Scale\n- Fix Space Instagram\n- Fix Collection List \n- Fix Image Blank\n- Fix Banner Grid\n- Fix style password page\n- Fix color Tab product\n- Fix style soldout product\n\n# File change\n\n- templates\\customers\\login.liquid\n- snippets\\product-information-vertical.liquid\n- snippets\\header-css.liquid\n- snippets\\font-custom.liquid\n- snippets\\block-cart.liquid\n- sections\\video.liquid\n- sections\\slideshow-5.liquid\n- sections\\schedule.liquid\n- sections\\rich-text.liquid\n- sections\\product-template-8.liquid\n- sections\\product-template-7.liquid\n- sections\\product-template-6.liquid\n- sections\\product-template-5.liquid\n- sections\\product-template-4.liquid\n- sections\\product-template-3.liquid\n- sections\\product-template-2.liquid\n- sections\\product-template-1.liquid\n- sections\\product-tab-2.liquid\n- sections\\pricing-plan.liquid\n- sections\\password-footer.liquid\n- sections\\password-content.liquid\n- sections\\page-image-v3.liquid\n- sections\\page-contact.liquid\n- sections\\lookbook-carousel2.liquid\n- sections\\lookbook-carousel.liquid\n- sections\\image-content.liquid\n- sections\\image-content-3.liquid\n- sections\\image-content-2.liquid\n- sections\\header-5.liquid\n- sections\\header-4.liquid\n- sections\\header-3.liquid\n- sections\\header-2.liquid\n- sections\\header-1.liquid\n- sections\\footer-7.liquid\n- sections\\footer-5.liquid\n- sections\\footer-4.liquid\n- sections\\footer-1.liquid\n- sections\\featured-collections-3.liquid\n- sections\\featured-articles.liquid\n- sections\\collection-list-style.liquid\n- sections\\brand-carousel.liquid\n- sections\\blog-template-1.liquid\n- sections\\advanced-content.liquid\n- layout\\password.liquid\n- config\\settings_schema.json\n- assets\\theme.scss.liquid\n- assets\\theme.js\n- sections\\slideshow-2.liquid\n- sections\\slideshow-1.liquid\n- sections\\featured-collections-4.liquid\n- assets\\vendor.js\n\n\n\nv1.0.0\nInitial release","templateSupportOptions":"[]","reviewAverageScore":"5","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Theme OverviewGlossier - Multipurpose Store Shopify Theme is a Stylish and Multipurpose Cosmetic Shop SHOPIFY theme. For fashion Stores, cosmetics Shops,","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1532113/d1e2cc7a782ed56b35b98c25394ee6ff.jpg(https://shopify.pxf.io/9WXAdY)","features":["Responsive","Admin Panel","Bootstrap","Ajax","Retina Ready","Multipurpose","Team Members","GPL License","eCommerce","Dropdown Menu","Google map","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","Parallax","Background video","Lazy Load effect","Website Builder"],"saleSells":"1","livePreviewURL":"https://apollotheme.com/templatemonster/st-glossier/","authorUserId":"1532113","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1532113/c8b18dc0a842b98c202b4746cf5483bb.png","templateGroup":"eCommerce Templates","popularity":["Bestsellers","Top Rated"],"alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","lastmod":"2022-03-22T06:10:33-04:00","authorMainScreenshotVersion":"3","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Experience the live preview of the premium Glossier - Multipurpose Sections Shopify Theme (#160558) to get a better notion of what this design is before you buy it. Click through the pages, examine the images, click the buttons, explore the features.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<h2>Theme Overview</h2><p><br /></p><p>Glossier - Multipurpose Store Shopify Theme is a Stylish and Multipurpose Cosmetic Shop SHOPIFY theme. For fashion Stores, cosmetics Shops, beauty Stores, Spa Products Online, Salon Equipments, Makeup Kits, eCommerce Gifts Stores,</p><p>Clothing Business, and fragrance products, Perfumes Shop, skincare creams, beauty salon, beauty spa, beauty center, beauty shop, face creams, handmade foundation, organic cosmetic shop, cosmetic store, cosmetic products, beauty products,</p><p>cosmetics makeup, eye care, lip care, neck creams, body care, wellness and healthcare Stores Online!</p><p><br /></p><p>Everything is customized easily. 5 main designs will give you more choice for your store.</p><p><br /></p><p>Glossier - Multipurpose Store Shopify Theme is the right choice if you want to create a professional and truly unique eCommerce website with ease.</p><p><br /></p><p><strong>Responsive</strong></p><p><br /></p><ul><li>Fully Responsive design makes to be compatible with all of mobile devices</li></ul><p><br /></p><p><strong>SEO friendly </strong></p><p><br /></p><ul><li><strong></strong>Glossier - Multipurpose Store Shopify Theme supported by SEO standard of electronics major.</li></ul><p><br /></p><p><strong>Blog </strong></p><p><br /></p><ul><li><strong></strong>This module allows you to write blogs about the benefits of using your products or services, or on any topic related to your business, this can help your visitors to understand about services or products you offer, it also helps you rank in search engines and get you more traffic.<strong></strong></li></ul><p><br /></p><h2>Theme Features</h2><p><br /></p><ul><li>Section Drag &amp; Drop Page Builder</li><li>06+ Pre-made Demos</li><li>Multiple Header and Footer</li><li>Collections</li><li>Product Details</li><li>Mutiple languages support</li><li>Multiple currencies</li><li>Smart Megamenu</li><li>New, hot, sale labels</li><li>Localizations</li><li>Quickview</li><li>Newsletter</li><li>Popup newsletter</li><li>HTML5 video, Product video, Youtube, Vimeo</li><li>Countdown timer – Deal time</li><li>Google map</li><li>Instagram, Social media, Social sharing</li><li>Promotion announcement bar</li><li>Sticky header</li><li>Transparent header</li><li>Promotional text on header</li><li>Gallery</li><li>Lookbook</li><li>Isotope – Masonry with 2/3/4/5 columns</li><li>Slick carousel</li><li>Product list</li><li>Product tab</li><li>Customer Reviews</li><li>Testimonial</li><li>Team member</li><li>Timeline</li><li>Unlimited color options</li><li>Go to top button</li><li>Pre-made Our story page</li><li>Pre-made FAQs page</li><li>Pre-made About page</li><li>Support Online 24</li><li>Well Documented</li></ul>","tags":["animation","beauty","clothing","cosmetic","fashion","jewelry","lipstick","makeup","minimal","multipurpose","parallax"],"customUrl":"/shopify-themes/glossier-multipurpose-sections-shopify-theme-160558.html","nameOfTheTemplate":"Glossier - Multipurpose Sections Shopify Theme","paidSupport":"Yes","topic":["Beauty Templates","Fashion Templates","Jewelry Templates","Fashion & Beauty","Linen & Lace","Uniform Store"],"changeLogDate":"2022-03-01","styles":["Clean","Minimalist","Mobile","Flat"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/0-1609871616424_promo.png","excerpt":"Glossier - Multipurpose Store Shopify Theme is a Stylish and Multipurpose Cosmetic Shop SHOPIFY theme","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, 23 Apr 2024 17:07:14 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=160558&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=160558&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=160558&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 17:12:14 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://apollotheme.com/templatemonster/st-glossier/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#160558 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/160558.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 #160558            </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=160558&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $90                <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>