string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53949&expand=properties"
string(15148) "[{"templateId":53949,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive Shopify Theme","templatePreviewHtmlTitle":"Perfumes &amp; Cosmetics eCommerce Shopify Theme","templateDemoHtmlTitle":"Live demo for Perfumes &amp; Cosmetics eCommerce Shopify Theme #53949","typeShortName":"Shopify","templatePreviewFBTitle":"<p>This beauty Shopify theme with Bootstrap functionality is a perfect choice for online retailers of perfumes and cosmetics. Pink and black color scheme, eye-friendly background and elegant Google fonts represent content in a visually appealing and easy-to-perceive manner. A bold footer is enlivened with Instagram images and also features social media icons leading to your profiles on Facebook, Twitter, and other popular social networking sites. You can't expect that everyone will use the same tools to enter your site, that's why this template is compatible with different browsers, and its fluid layout can be adapted to screens of different devices.</p><h3>This is a Bootstrap Beauty Website Shopify ecommerce theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is a set of tools with an open source code. It is suitable for making websites and web applications using HTML, CSS, and Javascript.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely helpful instrument and that's the simple reason it's so well-liked. Utilizing this type of framework, it will be easy to create responsive design, appropriate for any sort of display size, prototype brand new designs without the troubles and make certain your own site is cross-browser compatible.</p><h3>This is a Parallax Fashion &amp; Beauty Store Shopify theme</h3><p><strong>What is it?</strong></p><p>When you travel someplace, distant items move around a lot slower compared to the near ones. Replica of such an effect on the web page - if the background photo moves slower compared to content, is named parallax. It is usually utilized to create a feeling of space in the customer's eyes.</p><p><strong>Why is it Good?</strong></p><p>Parallax scrolling effect looks beautiful and glues website users' eyes to the imagery and content modules.</p><h3>This Fashion Shopify ecommerce template is Responsive</h3><p><strong>What is it?</strong></p><p>This is the capability of the layout to transform depending on the width of the display.</p><p><strong>Why is it Good?</strong></p><p>Responsive design implies that the website will provide a great viewing experience to all users across all devices.</p><h3>This Cosmetics Beauty Store Shopify design theme is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine ready is a WordPress theme that allows to easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>Since customers put your trust in search engines, therefore web pages that occur in the top of search result will increase the number of customers and generate great income.</p>","templateFullTitle":"Perfumes &amp; Cosmetics eCommerce Shopify Theme","templatePreviewMetaDescription":"This beauty Shopify theme with Bootstrap functionality is a perfect choice for online retailers of perfumes and cosmetics. Pink and black color scheme,","templateDemoMetaDescription":"The demo preview of this top quality Perfumes  Cosmetics Shopify Theme (#53949) is available here for you to get yourself acquainted with the design before buying it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Perfumes &amp; Cosmetics eCommerce Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/53949.html","userRating":0,"designIndex":"00","authorUserId":"1519369","exclusive":"1","state":1,"price":74,"inserted_date":"2015-05-18","sent":2,"downloads":34,"search_words":"any topic beauty store beauty salon beauty center beauty shop skincare makeup artist spa haircut hair salon beauty blog cosmetic products ecommerce shop natural cosmetics organic health and wellness","is_adult":0,"exc_price":8500,"sent_date":"2015-05-22 06:15:25","last_upload":"2024-09-24 12:19:46","package_id":272,"hasExclusivePrice":1,"screenshots":[{"id":1463811,"templ_id":53949,"filename":"53949-original.jpg","width":1903,"height":3117,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463812,"templ_id":53949,"filename":"53949-original-1200.jpg","width":1800,"height":3117,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463813,"templ_id":53949,"filename":"53949-origin-1200.jpg","width":1800,"height":3117,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463814,"templ_id":53949,"filename":"53949-big.jpg","width":965,"height":1671,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463815,"templ_id":53949,"filename":"53949-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463816,"templ_id":53949,"filename":"53949-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":1463817,"templ_id":53949,"filename":"53949-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463818,"templ_id":53949,"filename":"53949-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463819,"templ_id":53949,"filename":"53949-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463820,"templ_id":53949,"filename":"53949-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463821,"templ_id":53949,"filename":"53949-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463822,"templ_id":53949,"filename":"53949-shopify-b.jpg","width":430,"height":788,"href":"","window_params":"","scr_type_id":326,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1463823,"templ_id":53949,"filename":"53949-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":1463824,"templ_id":53949,"filename":"53949-origin.jpg","width":1903,"height":3117,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638873,"templ_id":53949,"filename":"53949-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53949.html","image":"https://s.tmimgcdn.com/scr/53900/perfumes-amp-cosmetics-ecommerce-shopify-theme_53949-4-original.jpg","searchHash":"c17c1729c9d36a93b7dacbfcb9327988","previewHash":"23aa88bac90e8afdb75f857f1fbc8d10","authorNickname":"ZEMEZ","lowLevelTopic":"Beauty Salon Templates; Cosmetics Store Templates; Spa Accessories Templates; Nail Salon Templates; Hair Salon Templates; Makeup Artist","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":65,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Dropshipping","eCommerce","Dropdown Menu","Sample content","Tabs","Advanced Theme Options","MegaMenu","Blog","Online Store/Shop","Gallery","HTML 5","HTML plus JS","Parallax","Background video"],"styles":"Clean","languageSupport":"English","badge":"badge-responsive","categoriesView":"Grid","currencies":["USD","GBP","EUR"],"templateSources":[".CSS",".JS"],"topic":["Beauty Salon Templates","Cosmetics Store Templates","Spa Accessories Templates","Nail Salon Templates","Hair Salon Templates","Beauty Templates","Fashion & Beauty","Salon","Makeup Artist"],"documentationVersion":"v1.0","types":"Shopify Themes","isFree":"none","followUpLetter":"shopify-offers","nomotopress":"1","color":["black","white","pink"],"livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme165-perfume","imageDescription":"https://s.tmimgcdn.com/scr/53900/53949-responsive-layout.jpg","kindOfShops":"This template is meant for beauty, fashion, jewelry, gifts, and hobbies  crafts websites.","metaDescription":"This beauty Shopify theme with Bootstrap functionality is a perfect choice for online retailers of perfumes and cosmetics. Pink and black color scheme,","htmlTitle":"Beauty Shopify Theme","shortDescription":"<p>This beauty Shopify theme with Bootstrap functionality is a perfect choice for online retailers of perfumes and cosmetics. Pink and black color scheme, eye-friendly background and elegant Google fonts represent content in a visually appealing and easy-to-perceive manner. A bold footer is enlivened with Instagram images and also features social media icons leading to your profiles on Facebook, Twitter, and other popular social networking sites. You can't expect that everyone will use the same tools to enter your site, that's why this template is compatible with different browsers, and its fluid layout can be adapted to screens of different devices.</p><h3>This is a Bootstrap Beauty Website Shopify ecommerce theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is a set of tools with an open source code. It is suitable for making websites and web applications using HTML, CSS, and Javascript.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely helpful instrument and that's the simple reason it's so well-liked. Utilizing this type of framework, it will be easy to create responsive design, appropriate for any sort of display size, prototype brand new designs without the troubles and make certain your own site is cross-browser compatible.</p><h3>This is a Parallax Fashion &amp; Beauty Store Shopify theme</h3><p><strong>What is it?</strong></p><p>When you travel someplace, distant items move around a lot slower compared to the near ones. Replica of such an effect on the web page - if the background photo moves slower compared to content, is named parallax. It is usually utilized to create a feeling of space in the customer's eyes.</p><p><strong>Why is it Good?</strong></p><p>Parallax scrolling effect looks beautiful and glues website users' eyes to the imagery and content modules.</p><h3>This Fashion Shopify ecommerce template is Responsive</h3><p><strong>What is it?</strong></p><p>This is the capability of the layout to transform depending on the width of the display.</p><p><strong>Why is it Good?</strong></p><p>Responsive design implies that the website will provide a great viewing experience to all users across all devices.</p><h3>This Cosmetics Beauty Store Shopify design theme is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine ready is a WordPress theme that allows to easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>Since customers put your trust in search engines, therefore web pages that occur in the top of search result will increase the number of customers and generate great income.</p>","uniqueKeywords":"any,topic,beauty store,beauty salon,beauty center,beauty shop,skincare,makeup artist,spa,haircut,hair salon,beauty blog,cosmetic products,ecommerce shop,natural cosmetics,organic,health and wellness","nameOfTheTemplate":"Perfumes &amp; Cosmetics eCommerce Shopify Theme","bitLyUrl":"http://bit.ly/1HykeGe","showVariantForcibly":"b","trendiness":"1","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul>\n<li>- 1 minor HTML issue fixed</li>\n<li>- 1 minor font issue fixed</li>\n<li>- 3 minor styles issues fixed</li>\n</ul>","lastmod":"2021-07-27T11:34:38-04:00","sqi":"95","templateSupportOptions":"[]","dqi":"00","skupromo":"50%","marketplaceMembership":"One","customUrl":"/shopify-themes/53949.html","demoMetaDescription":"The demo preview of this top quality Perfumes  Cosmetics Shopify Theme (#53949) is available here for you to get yourself acquainted with the design before buying it. View the pages, check out the images, click the buttons, explore the features.","isOldDemoUrl":"1","imagesIncluded":"Yes","tags":["any","haircut","organic","spa","topic","beauty store","beauty salon","hair salon","skincare","makeup artist","beauty center","beauty shop","beauty blog","health and wellness","natural cosmetics","cosmetic products","ecommerce shop"],"advImage":"https://s3u.tmimgcdn.com/u1519369/d867966226969b14aad51cd297abc27d.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/7adf2b5a3bb86738cb4c2db90adc5271.jpg","changeLogDate":"2024-03-28","saleSells":"1","productSize":"53259650","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"4","changeLog":"## September 24, 2024:\n- Minor bugs fixed.\n## Release 2.0 (March 28, 2024):\n- Update theme up to Online Store 2.0 version.\n\n## Release 1.0 (September 28, 2022): \n- Adding 6 Sections ( Featured products Slideshow Image with text overlay Showcase Blog articles Collection list) to the theme;\n- Minor bug fixes;\n- Adding documentation link to the package;\n- Update Perfumes and Cosmetics theme package files.\n","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/3dd6867d445a33362d2b638d09279cea.jpg, https://s3u.tmimgcdn.com/u1519369/f56cd45e4173f0f27afa5b1b667b8caa.jpg, https://s3u.tmimgcdn.com/u1519369/444af6b54b25fc784f85c12a06d2978d.jpg, https://s3u.tmimgcdn.com/u1519369/706685559f30862482cb10d5cee0ae0a.jpg, https://s3u.tmimgcdn.com/u1519369/51d1fa5667b4d593156230de690031d6.jpg, https://s3u.tmimgcdn.com/u1519369/1f9fceb082f402f2104c39d714156369.jpg","excerpt":"<p>This beauty Shopify theme with Bootstrap functionality is a perfect choice for online retailers of perfumes and cosmetics.</p>","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"templateIcon":"icon-shopify","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 05 Nov 2024 03:24:30 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=53949&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53949&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53949&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 05 Nov 2024 03:29:30 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://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme165-perfume<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53949 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/53949.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 #53949            </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=53949&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>