string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=228657&expand=properties"
string(11774) "[{"templateId":228657,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Sephora - Beauty And Cosmetics Responsive Shopify Theme","templateDemoHtmlTitle":"Live demo for Sephora - Beauty And Cosmetics Responsive Shopify Theme #228657","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Create the most powerful e-commerce website with Sephora</p><p>Theme Cosmetics, A radiant and fresh appearance will definitely make a better impression than a pale face, especially in important events where women need to interact with many people. May cosmetics become the key that opens up many new opportunities for you in work and life</p><p>Sephora is compatible with the Shopify app. Will help you Can create an online store in the simplest and fastest way.</p><p>The collections in the creative, responsive Sephora theme showcase your content beautifully. Whether it's a Slider, Carousel, Main Scene or even an entire Master Page, the drag and drop image editor will let you tell your own stories in no time!</p><p>Shopify Store Cosmetics Store theme needs a modern and inspiring design. With a theme of 5 styles for you to choose from</p><p>Since all the controls have been passed, you won't have to spend a lot of technical time adjusting it.</p><p><br></p><h3>THEME FEATURES</h3><ul><li>Section Drag & Drop Page Builder</li><li>Full Oberlo Compatibility</li><li>Upsell Products</li><li>Infinite Scroll</li><li>Sub-Collection Page</li><li>Gallery Page</li><li>Dynamic Checkout Ready</li><li>The New Lookbook</li><li>Oder Product Notification</li><li>Add To Cart Popup</li><li>Advandced Variant Swatches</li><li>Ajax Products</li><li>Ajax Seach</li><li>Social Share</li><li>Optimized For Mobile Devices</li><li>Sticky ATC & Socials</li><li>Size Guide Popup</li><li>Strong Filter</li><li>Popup Login</li><li>Highlight Promos Texts</li><li>Automatic Price Change</li><li>Flexible Built-in Mega Menu</li><li>Quickview Product Colors</li><li>Smart Product Quickview</li><li>Advanced Layered Navigation</li><li>Unlimited Google Fonts</li><li>Site Identity</li><li>Header & Footer Style Options</li><li>Amazing Slider built-in</li><li>Unlimited colours</li><li>SEO Optimized</li><li>New, Hot, Sale... labels</li><li>Amazing Layout Variations</li><li>Newsletter</li><li>Responsive & Retina Ready</li><li>Drawer shopping cart in header</li><li>Sticky Header Multi Styles</li><li>Ajax Add to Cart</li><li>Ajax Toolbar built-in</li><li>Ajax Grid & List view collection</li><li>Previous & Next functionality for the product view page</li><li>Slider for Up-sell Products and Related Products blocks</li><li>Best Seller Product</li><li>Color chooser</li><li>Tabs</li><li>Grid / List view</li><li>Additional Information tab for individual product attributes</li><li>Blog Post layout built-in</li><li>FontAwesome icons</li><li>One-click import</li><li>Cross Browser Support</li><li>Customer Reviews</li><li>Contact</li><li>Product Carousel</li><li>HTML5 & CSS3 & Sass CSS</li><li>Social networking</li><li>Support Online 24/7</li><li>Well Documented</li></ul>","templateFullTitle":"Sephora - Beauty And Cosmetics Responsive Shopify Theme","templatePreviewMetaDescription":"Create the most powerful e-commerce website with SephoraTheme Cosmetics, A radiant and fresh appearance will definitely make a better impression than a pale","templateDemoMetaDescription":"Explore the live preview of the Sephora - Beauty And Cosmetics Responsive Shopify Theme Shopify Theme (#228657) get yourself familiar with this design before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sephora - Beauty And Cosmetics Responsive Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/sephora-beauty-and-cosmetics-responsive-shopify-theme-228657.html","userRating":0,"designIndex":1,"authorUserId":"5230906","exclusive":"1","state":1,"price":88,"inserted_date":"2022-02-07","sent":0,"downloads":4,"search_words":"cosmetics perfume makeup fragrance lotions facial cream skincare lipstick skincare creams beauty salon beauty spa beauty center beauty shop face creams handmade foundation organic cosmetic shop cosmetic store cosmetic products beauty products","is_adult":0,"exc_price":2100,"sent_date":"2022-02-07 10:41:44","last_upload":"2022-02-07 11:01:59","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2570156,"templ_id":228657,"filename":"228657-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2570157,"templ_id":228657,"filename":"228657-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2570158,"templ_id":228657,"filename":"228657-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2570159,"templ_id":228657,"filename":"228657-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2570160,"templ_id":228657,"filename":"228657-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/228657.html","image":"https://s.tmimgcdn.com/scr/228600/sephora-beauty-and-cosmetics-responsive-shopify-theme_228657-original.png","searchHash":"6355c83f8fbbca14df9e3b4b6c7c3816","previewHash":"626114ea0995540b196f70a3e0c07338","authorNickname":"ThemeOceanLTD","lowLevelTopic":"Cosmetics Store Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":62,"discountPercent":30,"discountAmount":26,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Ajax","Retina Ready","Multipurpose","Team Members","Light Template","Dropshipping","eCommerce","Dropdown Menu","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","Lazy Load effect"],"styles":["Clean","Minimalist","Mobile"],"isLastAdded":"1","languageSupport":"English","currencies":["USD","GBP","EUR"],"topic":["Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"isFree":"none","color":["white","grey","brown","purple"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["cosmetics","fragrance","lipstick","makeup","perfume","beauty salon","skincare","beauty center","beauty products","beauty shop","cosmetic store","beauty spa","cosmetic products","face creams","lotions","facial cream","skincare creams","handmade foundation","organic cosmetic shop"],"authorUserId":"5230906","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","nameOfTheTemplate":"Sephora - Beauty And Cosmetics Responsive Shopify Theme","shortDescription":"<p>Create the most powerful e-commerce website with Sephora</p><p>Theme Cosmetics, A radiant and fresh appearance will definitely make a better impression than a pale face, especially in important events where women need to interact with many people. May cosmetics become the key that opens up many new opportunities for you in work and life</p><p>Sephora is compatible with the Shopify app. Will help you Can create an online store in the simplest and fastest way.</p><p>The collections in the creative, responsive Sephora theme showcase your content beautifully. Whether it's a Slider, Carousel, Main Scene or even an entire Master Page, the drag and drop image editor will let you tell your own stories in no time!</p><p>Shopify Store Cosmetics Store theme needs a modern and inspiring design. With a theme of 5 styles for you to choose from</p><p>Since all the controls have been passed, you won't have to spend a lot of technical time adjusting it.</p><p><br></p><h3>THEME FEATURES</h3><ul><li>Section Drag & Drop Page Builder</li><li>Full Oberlo Compatibility</li><li>Upsell Products</li><li>Infinite Scroll</li><li>Sub-Collection Page</li><li>Gallery Page</li><li>Dynamic Checkout Ready</li><li>The New Lookbook</li><li>Oder Product Notification</li><li>Add To Cart Popup</li><li>Advandced Variant Swatches</li><li>Ajax Products</li><li>Ajax Seach</li><li>Social Share</li><li>Optimized For Mobile Devices</li><li>Sticky ATC & Socials</li><li>Size Guide Popup</li><li>Strong Filter</li><li>Popup Login</li><li>Highlight Promos Texts</li><li>Automatic Price Change</li><li>Flexible Built-in Mega Menu</li><li>Quickview Product Colors</li><li>Smart Product Quickview</li><li>Advanced Layered Navigation</li><li>Unlimited Google Fonts</li><li>Site Identity</li><li>Header & Footer Style Options</li><li>Amazing Slider built-in</li><li>Unlimited colours</li><li>SEO Optimized</li><li>New, Hot, Sale... labels</li><li>Amazing Layout Variations</li><li>Newsletter</li><li>Responsive & Retina Ready</li><li>Drawer shopping cart in header</li><li>Sticky Header Multi Styles</li><li>Ajax Add to Cart</li><li>Ajax Toolbar built-in</li><li>Ajax Grid & List view collection</li><li>Previous & Next functionality for the product view page</li><li>Slider for Up-sell Products and Related Products blocks</li><li>Best Seller Product</li><li>Color chooser</li><li>Tabs</li><li>Grid / List view</li><li>Additional Information tab for individual product attributes</li><li>Blog Post layout built-in</li><li>FontAwesome icons</li><li>One-click import</li><li>Cross Browser Support</li><li>Customer Reviews</li><li>Contact</li><li>Product Carousel</li><li>HTML5 & CSS3 & Sass CSS</li><li>Social networking</li><li>Support Online 24/7</li><li>Well Documented</li></ul>","uniqueKeywords":"cosmetics,perfume,makeup,fragrance,lotions,facial cream,skincare,lipstick,skincare creams,beauty salon,beauty spa,beauty center,beauty shop,face creams,handmade foundation,organic cosmetic shop,cosmetic store,cosmetic products,beauty products","advImage":"https://s3u.tmimgcdn.com/u5230906/91723c166fb73ac5831a6ef7ca70167e.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u5230906/567156f454261a1e37eceadf5f88de9d.png","livePreviewURL":"https://landing.themeocean.net/shopify/sephora/","metaDescription":"Create the most powerful e-commerce website with SephoraTheme Cosmetics, A radiant and fresh appearance will definitely make a better impression than a pale","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3stRVai","demoMetaDescription":"Explore the live preview of the Sephora - Beauty And Cosmetics Responsive Shopify Theme Shopify Theme (#228657) get yourself familiar with this design before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/shopify-themes/sephora-beauty-and-cosmetics-responsive-shopify-theme-228657.html","productSize":"13861206","lastmod":"2022-02-07T11:02:32-05:00","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"trendiness":"1","excerpt":"<p>Sephora is compatible with the Shopify app. Will help you Can create an online store in the simplest and fastest way.</p>","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 04:24:50 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=228657&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=228657&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=228657&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 04:29:50 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://landing.themeocean.net/shopify/sephora/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#228657 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/228657.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 #228657            </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=228657&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $81                <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>