string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62323&expand=properties"
string(16190) "[{"templateId":62323,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":444,"categoryName":"Jewelry Templates","templateTitle":"Jewelry Responsive Shopify Theme","templatePreviewHtmlTitle":"Jewelry - Luxury Collection Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Jewelry - Luxury Collection Shopify Theme #62323","typeShortName":"Shopify","templatePreviewFBTitle":"Looking for a template to build a jewelry Shopify store? This Shopify theme can be just what you need. It's beautiful, clean and enables you to provide a great user experience for your customers. Do you have a large inventory that one need to sort through in order to find something? Thanks to our advanced filtering options your customers can arrange your items based on price, popularity, name and other criteria. Use product badges to highlight certain products and inform your readers about the product status or price. Customize your site with ease, selecting from a versatile collection of Google fonts or pre-built color combinations that can be switched in an instant thanks to an integrated color switcher tool. This jewelry Shopify theme is fully responsive and your customers can visit your site via any modern browser or mobile device. With a detailed documentation and 24/7 support, this jewellery theme is a perfect solution for your Shopify store.<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 a Bootstrap Jewelry Store Shopify template</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely well-liked framework, that makes the work with Web-page coding, Cascading stylesheet and JS faster and easier. It was produced as a tool to develop a responsive design, nonetheless over the years it inserted loads of additional overall performance.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you build responsive, mobile-first  projects quite simply.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify design templates</a> here</p> <h3>This is Jewelry Store Shopify design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This function makes it easy to integrate your online store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>It enables you to live chat with site visitors and analyze guests' website actions.</p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This Jewelry Store Shopify design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page similar well on any sort of display size.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of gadget your potential customers could use to enter the site - they'll find a stunning picture having a easy navigation menu. It can be especially relevant feature, considering that a good number of end users now choose their phones for internet browsing.</p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive 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/accessories-jewelry-shopify-templates/\">Accessories & Jewelry Shopify Templates</a></p>","templateFullTitle":"Jewelry - Luxury Collection Shopify Theme","templatePreviewMetaDescription":"Looking for a template to build a jewelry Shopify store? This Shopify theme can be just what you need. It's beautiful, clean and enables you to provide a great","templateDemoMetaDescription":"Before you buy it, get the look and feel of the top quality Jewelry - Luxury Collection Shopify Theme (#62323) by viewing the live preview. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Jewelry - Luxury Collection Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/wedding-venues-responsive-shopify-theme-62323.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":110,"inserted_date":"2017-03-20","sent":2,"downloads":14,"search_words":"Jewelry brand online jewels gold silver golden ring rings watch watches store souvenir present","is_adult":0,"exc_price":8500,"sent_date":"2017-03-31 00:00:00","last_upload":"2017-03-20 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":299,"filename":"62323-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":430,"window_params":"","banner_url":"","id":1685710,"href":"","height":900},{"scr_type_id":3,"filename":"62323-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":1800,"window_params":"","banner_url":"","id":1685711,"href":"","height":5050},{"scr_type_id":314,"filename":"62323-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":1903,"window_params":"","banner_url":"","id":1685712,"href":"","height":5050},{"scr_type_id":315,"filename":"62323-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":1800,"window_params":"","banner_url":"","id":1685713,"href":"","height":5050},{"scr_type_id":9,"filename":"62323-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":145,"window_params":"","banner_url":"","id":1685714,"href":"","height":156},{"scr_type_id":3,"filename":"62323-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":895,"window_params":"","banner_url":"","id":1685715,"href":"","height":599},{"scr_type_id":311,"filename":"62323-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":965,"window_params":"","banner_url":"","id":1685716,"href":"","height":2707},{"scr_type_id":300,"filename":"62323-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":320,"window_params":"","banner_url":"","id":1685717,"href":"","height":900},{"scr_type_id":312,"filename":"62323-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":370,"window_params":"","banner_url":"","id":1685718,"href":"","height":370},{"scr_type_id":3,"filename":"62323-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":408,"window_params":"","banner_url":"","id":1685719,"href":"","height":55},{"scr_type_id":326,"filename":"62323-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":430,"window_params":"","banner_url":"","id":1685720,"href":"","height":1206},{"scr_type_id":334,"filename":"62323-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":1903,"window_params":"","banner_url":"","id":1685721,"href":"","height":5050},{"scr_type_id":298,"filename":"62323-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":430,"window_params":"","banner_url":"","id":1685722,"href":"","height":900},{"scr_type_id":212,"filename":"62323-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62323,"width":430,"window_params":"","banner_url":"","id":1685723,"href":"","height":60}],"demoUrl":"/demo/62323.html","image":"https://s.tmimgcdn.com/scr/62300/jewelry-luxury-collection-shopify-theme_62323-original.jpg","searchHash":"a2d536f63ee352a364962341bbb6f8eb","previewHash":"3ec4a507a05eb8fb5859c1f17724ece1","authorNickname":"RockThemes","lowLevelTopic":"Jewelry Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":110,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"jewelry, luxury, fashion, jewels, ecommerce, Shopify, necklace, diamonds, e-commerce, earrings, goldsmith, jewellery","categoriesView":"Grid","uniqueKeywords":"essentials products store boutique cosmetic Shop diamonds gold silver bijouterie decorations ring earrings women's womens accessories shopify","metaDescription":"Try out this luxury jewelry Shopify theme, which can be a perfect solution for your store. The theme is fully responsive and includes 24/7 support.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62300/62323-en_01.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_02.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_03.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_04.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_05.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_06.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_07.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_08.jpg, https://s.tmimgcdn.com/scr/62300/62323-en_09.jpg","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Dropdown Menu","Google map","Advanced Theme Options","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".CSS",".JS"],"languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","htmlTitle":"Jewelry Collection Responsive Shopify Template","isFree":"none","documentationVersion":"v2.0","imageDescription":"https://s.tmimgcdn.com/scr/62300/62323-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":"Sublime Text2 or later, Notepad++ or any php-editor","lastmod":"2020-08-24T04:29:12-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you buy it, get the look and feel of the top quality Jewelry - Luxury Collection Shopify Theme (#62323) by viewing the live preview. Go through the pages, examine the images, press the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"Looking for a template to build a jewelry Shopify store? This Shopify theme can be just what you need. It's beautiful, clean and enables you to provide a great user experience for your customers. Do you have a large inventory that one need to sort through in order to find something? Thanks to our advanced filtering options your customers can arrange your items based on price, popularity, name and other criteria. Use product badges to highlight certain products and inform your readers about the product status or price. Customize your site with ease, selecting from a versatile collection of Google fonts or pre-built color combinations that can be switched in an instant thanks to an integrated color switcher tool. This jewelry Shopify theme is fully responsive and your customers can visit your site via any modern browser or mobile device. With a detailed documentation and 24/7 support, this jewellery theme is a perfect solution for your Shopify store.<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 a Bootstrap Jewelry Store Shopify template</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely well-liked framework, that makes the work with Web-page coding, Cascading stylesheet and JS faster and easier. It was produced as a tool to develop a responsive design, nonetheless over the years it inserted loads of additional overall performance.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you build responsive, mobile-first  projects quite simply.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify design templates</a> here</p> <h3>This is Jewelry Store Shopify design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This function makes it easy to integrate your online store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>It enables you to live chat with site visitors and analyze guests' website actions.</p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-shopify-themes/\">On-line chat Shopify design themes</a> here</p> <h3>This Jewelry Store Shopify design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page similar well on any sort of display size.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of gadget your potential customers could use to enter the site - they'll find a stunning picture having a easy navigation menu. It can be especially relevant feature, considering that a good number of end users now choose their phones for internet browsing.</p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive 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/accessories-jewelry-shopify-templates/\">Accessories & Jewelry Shopify Templates</a></p>","tags":["accessories","bijouterie","boutique","brand","cosmetic","decorations","diamonds","earrings","essentials","gold","golden","jewelry","jewels","online","present","products","ring","rings","shop","silver","souvenir","store","watch","watches","women's","shopify","womens"],"customUrl":"/shopify-themes/wedding-venues-responsive-shopify-theme-62323.html","badge":"badge-responsive","nameOfTheTemplate":"Jewelry - Luxury Collection Shopify Theme","topic":["Jewelry Templates","Fashion & Beauty"],"styles":"Neutral","productFamily":"None","color":["white","grey","pink"],"followUpLetter":"shopify-offers","reviewsTotal":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://theme302-jewelry.myshopify.com","templateGroup":"eCommerce Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- HTML optimized for better performance</li>\n<li>- 1 minor back-end bugs fixed</li>\n<li>- 3 minor front-end bugs fixed</li>\n</ul>","templateIcon":"icon-shopify","templateHostingRequirements":"Requires Monthly Fee","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2nRVsPS","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"50%","marketplaceMembership":"None","category":"Website templates","dqi":"00","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: Thu, 25 Apr 2024 23:53:40 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=62323&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62323&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62323&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 23:58:40 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://theme302-jewelry.myshopify.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62323 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/62323.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 #62323            </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=62323&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $101                <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>