string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=417208&expand=properties"
string(14051) "[{"templateId":417208,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Responsive Shopify Theme","templatePreviewHtmlTitle":"Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme","templateDemoHtmlTitle":"Live preview for Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme #417208","typeShortName":"Shopify","templatePreviewFBTitle":"<h3>Theme Overview</h3><p>Elevate your online fashion and clothing store with Urban Aura, a sleek and modern Shopify theme designed to captivate your audience and boost your sales. Urban Aura seamlessly combines stylish design elements with powerful features to create a seamless shopping experience for your customers. Let's explore what makes Urban Aura the perfect choice for your fashion-forward brand:</p><p><strong>Responsive Design:</strong> Urban Aura ensures your fashion and clothing website looks impeccable and functions seamlessly on all devices, providing a seamless browsing experience for your customers, whether they're on desktops, tablets, or smartphones.</p><p><strong>Fully Customizable:</strong> Dive into customization with Urban Aura's extensive array of options. From colors and fonts to layout and content, Urban Aura empowers you to create a digital storefront that perfectly captures your brand's aesthetic and identity.</p><p><strong>More Settings:</strong> Urban Aura offers advanced settings to fine-tune every aspect of your website. With more settings available, you have greater control over the design and functionality, enabling you to tailor your site to your exact specifications.</p><p><strong>Mega Menu Designs:</strong> Simplify navigation and highlight your fashion collections with Urban Aura's variety of mega menu designs. Choose from over three stunning layouts to showcase your products, categories, and promotions in an organized and visually appealing manner.</p><p><strong>SEO Optimization:</strong> Urban Aura is built with search engine optimization (SEO) best practices in mind. With optimized metadata, clean code, and other SEO features, Urban Aura helps improve your website's visibility in search engine results, driving more organic traffic to your store.</p><p><strong>User-Friendly Site:</strong> Urban Aura prioritizes user experience, ensuring that every visitor enjoys a smooth and intuitive browsing experience. From easy navigation to fast load times, Urban Aura provides a user-friendly interface that encourages exploration and engagement.</p><h3>Theme Features</h3><ul><li>Best Responsive Design, Incredible UI/UX</li><li>Include Google’s Rich Product Snippets for Better SEO</li><li>4+ Headers layouts</li><li>Built With Shopify Latest Liquid, CSS 3 + HTML 5</li><li>The \"Add Sections\" Option is Available in the header and footer</li><li>Custom Pages: Contact Us, About Us, T &amp; C, Shipping...</li><li>Other: Password Page, 404 page...</li><li>Product Pages: Gift Card Product, Pre-Order Product</li><li>3+ Sticky Header Feature</li><li>3+ Mega Menu</li><li>Advance Refine Search Design</li><li>Drag &amp; Drop Section Available in Admin</li><li>Latest Testimonial Section</li><li>Dynamic Add To Cart Button</li><li>Dynamic Quick Buy Button</li><li>Pre-order and sale Badge Options</li><li>Advanced Size Chart (Different size chart for each product)</li><li>Custom Product Tabs (Different content for each product)</li><li>Classic Customer Accounts</li><li>LookBook Section</li><li>Multi-Media Section</li><li>Latest Service</li><li>3+ Different Cart Ajax Popup Settings</li><li>Complimentary Product On Product Page</li><li>Advance Typography Settings</li><li>3+ Product Filter Type</li><li>Blog</li><li>Brand Logo</li><li>Powerful Customize</li><li>Responsive &amp; Retina Ready</li><li>Newsletter</li><li>Compatible browsers</li><li>Slider component</li><li>Quick order list on the product page</li><li>Hybrid Module</li><li>Support Online 24/7</li><li>Offer Banner</li><li>3D Product View</li><li>Product Reviews (app)</li><li>Multi-Language Translation (EN, FR, IT, DE, ES)...</li><li>Product Hover Effect</li><li>Figma File Included In Theme Package</li></ul>","templateFullTitle":"Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme","templatePreviewMetaDescription":"Theme OverviewElevate your online fashion and clothing store with Urban Aura, a sleek and modern Shopify theme designed to captivate your audience and boost","templateDemoMetaDescription":"The demo preview of this professional Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme Shopify Theme (#417208) is presented here for you to get the feel and look of the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/urban-aura-fashion-and-mega-store-multipurpose-shopify-2-0-theme-417208.html","userRating":0,"designIndex":1,"authorUserId":"78283172","exclusive":"1","state":1,"price":69,"inserted_date":"2024-05-07","sent":0,"downloads":0,"search_words":"accessories beauty clothes clothing fashion kids modern multipurpose responsive shopping store ecommerce shopify fashion store","is_adult":0,"exc_price":2100,"sent_date":"2024-05-07 12:20:27","last_upload":"2024-05-07 12:22:46","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3512595,"templ_id":417208,"filename":"417208-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3512596,"templ_id":417208,"filename":"417208-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3512597,"templ_id":417208,"filename":"417208-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3512598,"templ_id":417208,"filename":"417208-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3512599,"templ_id":417208,"filename":"417208-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/417208.html","image":"https://s.tmimgcdn.com/scr/417200/urban-aura-fashion-and-mega-store-multipurpose-shopify-20-theme_417208-original.jpg","searchHash":"ae3c70a097c214009fa130f698a8d267","previewHash":"eaff26647177fb5f8a17158e5aa7824c","authorNickname":"Infothemebazaar","lowLevelTopic":"Fashion Blog Templates; Beauty Templates; Jewelry Templates; Fashion Store Templates; Kids' fashion; Men's Fashion; Women's Fashion","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":126,"onSale":1,"finalPrice":62,"discountPercent":10,"discountAmount":7,"semiannualSales":null,"properties":{"features":["Dropdown Menu","eCommerce","Gallery","Google map","MegaMenu","Multipurpose","One click installation","Premium","Responsive","Retina Ready","Search Engine Friendly"],"isLastAdded":"1","livePreviewURL":"https://mitrathemes.com/shopify/urbane/","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"nameOfTheTemplate":"Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme","shortDescription":"<h3>Theme Overview</h3><p>Elevate your online fashion and clothing store with Urban Aura, a sleek and modern Shopify theme designed to captivate your audience and boost your sales. Urban Aura seamlessly combines stylish design elements with powerful features to create a seamless shopping experience for your customers. Let's explore what makes Urban Aura the perfect choice for your fashion-forward brand:</p><p><strong>Responsive Design:</strong> Urban Aura ensures your fashion and clothing website looks impeccable and functions seamlessly on all devices, providing a seamless browsing experience for your customers, whether they're on desktops, tablets, or smartphones.</p><p><strong>Fully Customizable:</strong> Dive into customization with Urban Aura's extensive array of options. From colors and fonts to layout and content, Urban Aura empowers you to create a digital storefront that perfectly captures your brand's aesthetic and identity.</p><p><strong>More Settings:</strong> Urban Aura offers advanced settings to fine-tune every aspect of your website. With more settings available, you have greater control over the design and functionality, enabling you to tailor your site to your exact specifications.</p><p><strong>Mega Menu Designs:</strong> Simplify navigation and highlight your fashion collections with Urban Aura's variety of mega menu designs. Choose from over three stunning layouts to showcase your products, categories, and promotions in an organized and visually appealing manner.</p><p><strong>SEO Optimization:</strong> Urban Aura is built with search engine optimization (SEO) best practices in mind. With optimized metadata, clean code, and other SEO features, Urban Aura helps improve your website's visibility in search engine results, driving more organic traffic to your store.</p><p><strong>User-Friendly Site:</strong> Urban Aura prioritizes user experience, ensuring that every visitor enjoys a smooth and intuitive browsing experience. From easy navigation to fast load times, Urban Aura provides a user-friendly interface that encourages exploration and engagement.</p><h3>Theme Features</h3><ul><li>Best Responsive Design, Incredible UI/UX</li><li>Include Google’s Rich Product Snippets for Better SEO</li><li>4+ Headers layouts</li><li>Built With Shopify Latest Liquid, CSS 3 + HTML 5</li><li>The \"Add Sections\" Option is Available in the header and footer</li><li>Custom Pages: Contact Us, About Us, T &amp; C, Shipping...</li><li>Other: Password Page, 404 page...</li><li>Product Pages: Gift Card Product, Pre-Order Product</li><li>3+ Sticky Header Feature</li><li>3+ Mega Menu</li><li>Advance Refine Search Design</li><li>Drag &amp; Drop Section Available in Admin</li><li>Latest Testimonial Section</li><li>Dynamic Add To Cart Button</li><li>Dynamic Quick Buy Button</li><li>Pre-order and sale Badge Options</li><li>Advanced Size Chart (Different size chart for each product)</li><li>Custom Product Tabs (Different content for each product)</li><li>Classic Customer Accounts</li><li>LookBook Section</li><li>Multi-Media Section</li><li>Latest Service</li><li>3+ Different Cart Ajax Popup Settings</li><li>Complimentary Product On Product Page</li><li>Advance Typography Settings</li><li>3+ Product Filter Type</li><li>Blog</li><li>Brand Logo</li><li>Powerful Customize</li><li>Responsive &amp; Retina Ready</li><li>Newsletter</li><li>Compatible browsers</li><li>Slider component</li><li>Quick order list on the product page</li><li>Hybrid Module</li><li>Support Online 24/7</li><li>Offer Banner</li><li>3D Product View</li><li>Product Reviews (app)</li><li>Multi-Language Translation (EN, FR, IT, DE, ES)...</li><li>Product Hover Effect</li><li>Figma File Included In Theme Package</li></ul>","popularity":"Zero Downloads","currencies":["USD","GBP","EUR"],"topic":["Fashion Blog Templates","Beauty Templates","Fashion Templates","Jewelry Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Men's Fashion","Women's Fashion"],"uniqueKeywords":"accessories,beauty,clothes,clothing,fashion,kids,modern,multipurpose,responsive,shopping,store,ecommerce,shopify,fashion store","customUrl":"/shopify-themes/urban-aura-fashion-and-mega-store-multipurpose-shopify-2-0-theme-417208.html","isFree":"none","metaDescription":"Theme OverviewElevate your online fashion and clothing store with Urban Aura, a sleek and modern Shopify theme designed to captivate your audience and boost","color":["black","white","grey","brown"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u78283172/3eb74dd7400f420c0f0bcac2a4ece2d9.jpg","demoMetaDescription":"The demo preview of this professional Urban-aura - Fashion And Mega Store Multipurpose Shopify 2.0 Theme Shopify Theme (#417208) is presented here for you to get the feel and look of the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","trendiness":"10","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78283172/35e7f4789a58ffc16331566be63edec6.jpg, https://s3u.tmimgcdn.com/u78283172/f17c5f11b3dbb0f2d3c1df4b12fb5066.jpg, https://s3u.tmimgcdn.com/u78283172/29e0631312baebe3b0eba1ef88f8aeeb.jpg, https://s3u.tmimgcdn.com/u78283172/8055529195fe5763c5ee0d77ed5ce1c6.jpg","authorUserId":"78283172","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78283172/99a2fed9608122231a7dfe9dc424ed9f.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"One","tags":["accessories","beauty","clothes","clothing","fashion","kids","modern","multipurpose","responsive","shopping","store","ecommerce","shopify","fashion store"],"productSize":"7661847","imagesIncluded":"No","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Urban-aura Shopify is a top-tier theme designed for businesses offering fashion, apparel, jewelry, electronics, gadgets, cosmetics, and accessories.<strong></strong></p>","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 19 May 2024 17:23: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(293) "Link: <http://products/api/v2/products/en?language=en&ids=417208&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=417208&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=417208&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 19 May 2024 17:28: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: 165.227.251.218:80"
}
https://mitrathemes.com/shopify/urbane/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#417208 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/417208.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 #417208            </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=417208&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>