string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62235&expand=properties"
string(13197) "[{"templateId":62235,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":120,"categoryName":"Hair Salon Templates","templateTitle":"Hair Salon Responsive Shopify Theme","templatePreviewHtmlTitle":"Style Factory - Hair Care &amp; Hair Styling Responsive Shopify Theme","templateDemoHtmlTitle":"Demo Preview for Style Factory - Hair Care &amp; Hair Styling Responsive Shopify Theme #62235","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Style Factory is an elegant and impressive <strong>hair salon Shopify theme</strong> that is popular among hair stylists, fashion agencies and spa salons. The theme is a good choice if you're looking for a beautiful design and advanced functionality. Customize your theme to a great extent by choosing from 4 pre-built color scheme pallets. The theme color switcher tool enables you to change the design of the template in one click. Thanks to the MegaMenu module, you can show off your categories and product listings in a one place making it easy for your customers to navigate your site and find what they're looking for. Do you have a big inventory of products of various types? With our sorting options in place you have nothing to worry about. Now your visitors can search through your items based on their price, name, popularity and more. Style Factory is fully responsive, comes with a super detailed documentation and makes the website creation easy. Try it now and see for yourself.</p><h3>This Hair Parlor Shopify design theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means that the internet page adjusts its size and shape to match almost any display screen, from the smallest handsets to the widest Computer screens. For every device, webpage elements expand or reduce to appear ideal.</p><p><strong>Why is it Good?</strong></p><p>Responsive design makes sure that the website will offer an excellent browsing experience to all users across all gadgets.</p><h3>This is a Bootstrap Fashion & Beauty Store Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for internet site and programs design.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap allows you to build better websites .</p>","templateFullTitle":"Style Factory - Hair Care &amp; Hair Styling Responsive Shopify Theme","templatePreviewMetaDescription":"Style Factory is an elegant and impressive hair salon Shopify theme that is popular among hair stylists, fashion agencies and spa salons. The theme is a good","templateDemoMetaDescription":"Try out the live preview of the professional Style Factory - Hair Care & Hair Styling Responsive Shopify Theme (#62235) to understand what this template is prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Style Factory - Hair Care &amp; Hair Styling Responsive Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/wedding-venues-responsive-shopify-theme-62235.html","userRating":"5","designIndex":"85","authorUserId":"1519369","exclusive":"1","state":1,"price":69,"inserted_date":"2017-03-20","sent":1,"downloads":35,"search_words":"wellness business services responsive premium testimonials barbershop cosmetics style stylish gallery creative design parlor trend makeup hairstyle","is_adult":0,"exc_price":8500,"sent_date":"2020-06-15 04:07:39","last_upload":"2020-06-15 04:12:49","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"62235-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":370,"window_params":"","banner_url":"","id":1685682,"href":"","height":370},{"scr_type_id":299,"filename":"62235-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":430,"window_params":"","banner_url":"","id":1685683,"href":"","height":900},{"scr_type_id":300,"filename":"62235-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":320,"window_params":"","banner_url":"","id":1685684,"href":"","height":900},{"scr_type_id":3,"filename":"62235-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":408,"window_params":"","banner_url":"","id":1685685,"href":"","height":55},{"scr_type_id":212,"filename":"62235-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":430,"window_params":"","banner_url":"","id":1685686,"href":"","height":60},{"scr_type_id":3,"filename":"62235-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":1903,"window_params":"","banner_url":"","id":1685687,"href":"","height":7473},{"scr_type_id":314,"filename":"62235-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":1903,"window_params":"","banner_url":"","id":1685688,"href":"","height":7473},{"scr_type_id":9,"filename":"62235-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":145,"window_params":"","banner_url":"","id":1685689,"href":"","height":156},{"scr_type_id":3,"filename":"62235-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":895,"window_params":"","banner_url":"","id":1685690,"href":"","height":599},{"scr_type_id":315,"filename":"62235-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":1903,"window_params":"","banner_url":"","id":1685691,"href":"","height":7473},{"scr_type_id":311,"filename":"62235-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":965,"window_params":"","banner_url":"","id":1685692,"href":"","height":3790},{"scr_type_id":298,"filename":"62235-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":430,"window_params":"","banner_url":"","id":1685693,"href":"","height":900},{"scr_type_id":334,"filename":"62235-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":800,"window_params":"","banner_url":"","id":1685694,"href":"","height":500},{"scr_type_id":326,"filename":"62235-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62235,"width":430,"window_params":"","banner_url":"","id":1685695,"href":"","height":1689}],"demoUrl":"/demo/62235.html","image":"https://s.tmimgcdn.com/scr/62200/style-factory-hair-care-amp-hair-styling-responsive-shopify-theme_62235-3-original.jpg","searchHash":"40cd2c369a8c1687d43b6fa68e8b8311","previewHash":"02670a3ca22b6f6c98e70f590d62cfec","authorNickname":"ZEMEZ","lowLevelTopic":"Hair Salon Templates","weightedRating":4.25,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"hair salon, beauty salon, hair styling, fashion, modern, elegant, spa, hair stylist, style, scissors, haircut, hairdresser","featured":"Ukraine","categoriesView":"Grid","productSize":"36488763","uniqueKeywords":"wellness,business,services,responsive,premium,testimonials,barbershop,cosmetics,style,stylish,gallery,creative,design,parlor,trend,makeup,hairstyle","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Style Factory is an elegant and impressive hair salon Shopify theme that is popular among hair stylists, fashion agencies and spa salons. The theme is a good","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62200/62235-en_01.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_02.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_03.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_04.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_05.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_06.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_07.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_08.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_09.jpg, https://s.tmimgcdn.com/scr/62200/62235-en_10.jpg","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Online Store/Shop","HTML 5"],"saleSells":"1","templateSources":[".CSS",".JS"],"languageSupport":"English","authorUserId":"1519369","isFree":"none","htmlTitle":"Hair Care &amp; Hair Styling Responsive - Style Factory","documentationVersion":"v2.0","imageDescription":"https://s.tmimgcdn.com/scr/62200/62235-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"exclusive":"1","lastmod":"2021-09-28T09:22:58-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/71429/scr/1519369-1592208018450_slide%201.jpg, https://s3.tmimgcdn.com/templates/71429/scr/1519369-1592208024855_slide%202.jpg, https://s3.tmimgcdn.com/templates/71429/scr/1519369-1592208028479_slide%203.jpg, https://s3.tmimgcdn.com/templates/71429/scr/1519369-1592208033844_slide%204.jpg, https://s3.tmimgcdn.com/templates/71429/scr/1519369-1592208039102_slide%205.jpg","authorMainScreenshotVersion":"3","demoMetaDescription":"Try out the live preview of the professional Style Factory - Hair Care & Hair Styling Responsive Shopify Theme (#62235) to understand what this template is prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"<p>Style Factory is an elegant and impressive <strong>hair salon Shopify theme</strong> that is popular among hair stylists, fashion agencies and spa salons. The theme is a good choice if you're looking for a beautiful design and advanced functionality. Customize your theme to a great extent by choosing from 4 pre-built color scheme pallets. The theme color switcher tool enables you to change the design of the template in one click. Thanks to the MegaMenu module, you can show off your categories and product listings in a one place making it easy for your customers to navigate your site and find what they're looking for. Do you have a big inventory of products of various types? With our sorting options in place you have nothing to worry about. Now your visitors can search through your items based on their price, name, popularity and more. Style Factory is fully responsive, comes with a super detailed documentation and makes the website creation easy. Try it now and see for yourself.</p><h3>This Hair Parlor Shopify design theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means that the internet page adjusts its size and shape to match almost any display screen, from the smallest handsets to the widest Computer screens. For every device, webpage elements expand or reduce to appear ideal.</p><p><strong>Why is it Good?</strong></p><p>Responsive design makes sure that the website will offer an excellent browsing experience to all users across all gadgets.</p><h3>This is a Bootstrap Fashion & Beauty Store Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for internet site and programs design.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap allows you to build better websites .</p>","tags":["barbershop","business","cosmetics","creative","design","gallery","hairstyle","makeup","parlor","premium","responsive","services","style","stylish","testimonials","trend","wellness"],"customUrl":"/shopify-themes/wedding-venues-responsive-shopify-theme-62235.html","badge":"badge-responsive","nameOfTheTemplate":"Style Factory - Hair Care &amp; Hair Styling Responsive Shopify Theme","topic":["Hair Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"changeLogDate":"2023-01-17","styles":"Neutral","advImage":"https://s3.tmimgcdn.com/templates/76776/scr/1519369-1602488483200_62235%20Hair%20Care.png","productFamily":"None","color":["white","grey"],"followUpLetter":"shopify-offers","reviewsTotal":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme294-hair-extension","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/60276/scr/1588666299167_62235%20Style%20Factory.jpg","templateGroup":"eCommerce Templates","popularity":"Top Rated","nomotopress":"1","imagesIncluded":"No","dynamicChangeLog":"<ul><li>- 1 font bug fixed</li><li>- 1 database issue fixed</li><li>- 3 layout bugs fixed</li><li>- 3 minor styles issues fixed</li><li>- 2 PSD layers changed</li></ul>","templateIcon":"icon-shopify","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2nmN2hj","webForms":["Contact Form","Newsletter Subscription","User Registration"],"paidSupport":"Yes","width":"1920px","skupromo":"29%","marketplaceMembership":"One","category":"Website templates","dqi":"85","currencies":["USD","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 29 Apr 2024 05:41:31 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=62235&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62235&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62235&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 05:46:31 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme294-hair-extension<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62235 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/62235.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 #62235            </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=62235&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>