string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=65823&expand=properties"
string(15881) "[{"templateId":65823,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":544,"categoryName":"Fashion Store Templates","templateTitle":"Fashion Store Responsive Shopify Theme","templatePreviewHtmlTitle":"GoodWeather - Outdoor Clothing Shopify Theme","templateDemoHtmlTitle":"Demo Preview for GoodWeather - Outdoor Clothing Shopify Theme #65823","typeShortName":"Shopify","templatePreviewFBTitle":"GoodWeather is an excellent example of universality and quality design for the sale of fashion products. The template is universal and works perfectly on any device. The code is written very qualitatively and correctly. You will definitely be attracted to multiple creatively designed ready-made home page layouts. There are also various options for headers and footers. Drop-down menus are also supported. You can organize a mobile-friendly slide show with support for full-screen and parallax effects. All these and many other parameters can be set up very quickly in the admin panel. Customers can sort products by color, price, brand and size. A pop-up message when adding goods to the shopping cart, various currencies, social buttons, the “Related Products” block with the slider effect, and much more are supported.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Fashion Shop Shopify theme with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that enables you to have a real-time chat with your customers. </p> <p><b>Why is it Good?</b></p><p>It enables you to live chat with website visitors and check visitors' internet actions.</p><p>View more <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This Clothing Boutique Shopify template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page changes its shape and size to match any specific display screen, from the tiniest phones to the widest Personal computer screens. For every device, website page components get bigger or greatly reduce to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your business site appear equally perfect on screen of any kind of home pc or portable gadget.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify themes</a> here</p> <h3>This is a Bootstrap Clothing Store Shopify ecommerce theme</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework containing variations for the primary elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely useful tool and that's the simple reason it's well-liked. Utilizing this type of framework, it's possible to create responsive design, appropriate to any sort of display size, prototype brand-new layouts without the complications and make certain your current site is cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify ecommerce themes</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/outstanding-fashion-shopify-themes/\">40 Outstanding Fashion Shopify Themes</a></p>","templateFullTitle":"GoodWeather - Outdoor Clothing Shopify Theme","templatePreviewMetaDescription":"GoodWeather is an excellent example of universality and quality design for the sale of fashion products. The template is universal and works perfectly on any","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the top notch GoodWeather - Outdoor Clothing Shopify Theme (#65823) by viewing the demo. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"GoodWeather - Outdoor Clothing Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/goodweather-outdoor-clothing-shopify-theme-65823.html","userRating":0,"designIndex":"89","authorUserId":"1768190","exclusive":0,"state":1,"price":108,"inserted_date":"2017-10-27","sent":2,"downloads":6,"search_words":"","is_adult":0,"exc_price":8500,"sent_date":"2017-12-06 00:00:00","last_upload":"2017-10-27 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"65823-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":1903,"window_params":"","banner_url":"","id":1721417,"href":"","height":5189},{"scr_type_id":312,"filename":"65823-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":370,"window_params":"","banner_url":"","id":1721418,"href":"","height":370},{"scr_type_id":299,"filename":"65823-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":430,"window_params":"","banner_url":"","id":1721419,"href":"","height":900},{"scr_type_id":3,"filename":"65823-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":1903,"window_params":"","banner_url":"","id":1721420,"href":"","height":5189},{"scr_type_id":9,"filename":"65823-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":145,"window_params":"","banner_url":"","id":1721421,"href":"","height":156},{"scr_type_id":334,"filename":"65823-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":1903,"window_params":"","banner_url":"","id":1721422,"href":"","height":5189},{"scr_type_id":3,"filename":"65823-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":408,"window_params":"","banner_url":"","id":1721423,"href":"","height":55},{"scr_type_id":326,"filename":"65823-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":430,"window_params":"","banner_url":"","id":1721424,"href":"","height":1173},{"scr_type_id":314,"filename":"65823-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":1903,"window_params":"","banner_url":"","id":1721425,"href":"","height":5189},{"scr_type_id":212,"filename":"65823-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":430,"window_params":"","banner_url":"","id":1721426,"href":"","height":60},{"scr_type_id":3,"filename":"65823-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":895,"window_params":"","banner_url":"","id":1721427,"href":"","height":599},{"scr_type_id":298,"filename":"65823-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":430,"window_params":"","banner_url":"","id":1721428,"href":"","height":900},{"scr_type_id":300,"filename":"65823-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":320,"window_params":"","banner_url":"","id":1721429,"href":"","height":900},{"scr_type_id":311,"filename":"65823-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65823,"width":965,"window_params":"","banner_url":"","id":1721430,"href":"","height":2631}],"demoUrl":"/demo/65823.html","image":"https://s.tmimgcdn.com/scr/65800/goodweather-outdoor-clothing-shopify-theme_65823-original.jpg","searchHash":"e3d61b312207832eed7a8b8085723131","previewHash":"8a23fbffc7959e9af420a5b8e435d840","authorNickname":"RockThemes","lowLevelTopic":"Fashion Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":108,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"online shopping, clothing, fashion, shopify, sport, extreme, builder, accessories, beauty, modern, apparel, clothes, t-shirt, estore, ecommerce, shop","color":["white","grey","red"],"followUpLetter":"shopify-offers","categoriesView":"Grid","uniqueKeywords":"online shopping, clothing, fashion, shopify, sport, extreme, builder, accessories, beauty, modern, apparel, clothes, t-shirt, estore, ecommerce, shop","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","showVariantForcibly":"b","metaDescription":"Full-featured and beautifully designed Outdoor Clothing Shopify Theme for an outdoor clothing store business.","bootstrapVersion":"3.0","imageKeyFeatures":"https://s.tmimgcdn.com/scr/65800/65823-en_01.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_02.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_03.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_04.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_05.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_06.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_07.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_08.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_09.jpg, https://s.tmimgcdn.com/scr/65800/65823-en_10.jpg","features":["Admin Panel","Bootstrap","Responsive","Online Store/Shop","HTML plus JS","HTML 5","JQuery","Blog","Advanced Theme Options","Dropdown Menu","Google map","On-line chat"],"livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme364-outerwear","languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","htmlTitle":"Outdoor Clothing Shopify Theme","isFree":"none","templateGroup":"eCommerce Templates","documentationVersion":"v2.0","imageDescription":"https://s.tmimgcdn.com/scr/65800/65823-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 3 minor font issues fixed</li>\n<li>- 3 minor database issues fixed</li>\n<li>- 2 layout bugs fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-shopify","templateHostingRequirements":"Requires Monthly Fee","lastmod":"2020-07-24T06:55:07-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Prior to buying it, get the look and feel of the top notch GoodWeather - Outdoor Clothing Shopify Theme (#65823) by viewing the demo. Click through the pages, check out the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"GoodWeather is an excellent example of universality and quality design for the sale of fashion products. The template is universal and works perfectly on any device. The code is written very qualitatively and correctly. You will definitely be attracted to multiple creatively designed ready-made home page layouts. There are also various options for headers and footers. Drop-down menus are also supported. You can organize a mobile-friendly slide show with support for full-screen and parallax effects. All these and many other parameters can be set up very quickly in the admin panel. Customers can sort products by color, price, brand and size. A pop-up message when adding goods to the shopping cart, various currencies, social buttons, the “Related Products” block with the slider effect, and much more are supported.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Fashion Shop Shopify theme with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that enables you to have a real-time chat with your customers. </p> <p><b>Why is it Good?</b></p><p>It enables you to live chat with website visitors and check visitors' internet actions.</p><p>View more <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This Clothing Boutique Shopify template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page changes its shape and size to match any specific display screen, from the tiniest phones to the widest Personal computer screens. For every device, website page components get bigger or greatly reduce to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your business site appear equally perfect on screen of any kind of home pc or portable gadget.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify themes</a> here</p> <h3>This is a Bootstrap Clothing Store Shopify ecommerce theme</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework containing variations for the primary elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely useful tool and that's the simple reason it's well-liked. Utilizing this type of framework, it's possible to create responsive design, appropriate to any sort of display size, prototype brand-new layouts without the complications and make certain your current site is cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify ecommerce themes</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/outstanding-fashion-shopify-themes/\">40 Outstanding Fashion Shopify Themes</a></p>","tags":["accessories","apparel","beauty","builder","clothes","clothing","extreme","fashion","modern","online","shop","shopping","sport","t-shirt","ecommerce","shopify","estore"],"customUrl":"/shopify-themes/goodweather-outdoor-clothing-shopify-theme-65823.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"GoodWeather - Outdoor Clothing Shopify Theme","width":"2050px","topic":["Fashion Templates","Fashion Store Templates","Fashion & Beauty"],"styles":["Neutral","Flat"],"skupromo":"36%","marketplaceMembership":"One","category":"Website templates","dqi":"89","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 24 Dec 2024 16:00:48 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=65823&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=65823&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=65823&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 24 Dec 2024 16:05:48 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=theme364-outerwear<!DOCTYPE html>
<html lang="en">
<head>
    <title>#65823 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/65823.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 #65823            </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=65823&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $99                <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>