string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=358682&expand=properties"
string(16683) "[{"templateId":358682,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Responsive Shopify Theme","templatePreviewHtmlTitle":"Cleo - Fashion Shopify theme #358682 - TemplateMonster","templateDemoHtmlTitle":"Demo for Cleo - Fashion Shopify theme #358682","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Introducing the Cleo Fashion Shopify Theme - a sleek and elegant solution for your online business. With its clean and tidy design, Cleo Fashion exudes sophistication and professionalism, making it the perfect choice for your online store.</p><p>One of the standout features of Cleo Fashion is its user-friendly drag-and-drop sections and visual builder, which allow you to effortlessly customize your website according to your preferences. Create eye-catching and attractive sections that capture the essence of your brand and products.</p><p>Cleo Fashion is fully responsive, ensuring that your website looks and functions flawlessly on all devices. Its multi-layout options give you the flexibility to tailor your online store to perfection, providing an exceptional shopping experience for your customers.In conclusion, Cleo Fashion Shopify Theme is the ultimate all-in-one solution to elevate your online business. Its elegance, versatility, and responsive design make it an ideal choice to showcase your brand and products with style.</p><ul><li><strong>Extensive Colour Swatches:</strong> Give your consumers the freedom to experiment with a range of possibilities by utilising our user-friendly colour swatch tool, which makes it simple for them to see and choose the product variations they want.</li><li><strong>Integration of Shipping Protection:</strong> Offer your customers added assurance by integrating shipping protection, ensuring their orders are safeguarded throughout the delivery process. This feature enhances their confidence and trust when making purchases.</li><li><strong>Enhanced Customer Buying Experience:</strong> Elevate the purchasing journey for your customers with an improved, intuitive cart drawer. This new feature provides convenient access to product summaries, upsell options, and a streamlined checkout process, enhancing overall satisfaction.</li><li><strong>Advanced Filtering Options:</strong> Empower your customers with comprehensive filtering capabilities, enabling them to easily find exactly what they're looking for. With options such as brand, type, flavor, and more, the buying process becomes effortless and efficient.</li><li><strong>Mobile Optimization:</strong> Cleo ensures a seamless shopping experience across all devices through its responsive design and mobile-friendly features. This commitment to optimization keeps your customers satisfied and engaged, regardless of their preferred shopping device.</li><li><strong>Interactive Elements:</strong> Explore Lookbook features that incorporate interactive elements like hover effects or clickable hotspots on images. These elements provide additional product insights and enhance engagement with your audience.</li><li><strong>Blog Integration:</strong> Seamlessly integrate a built-in blog feature or connect with Shopify's blogging platform to create and share compelling content. This engagement tool allows you to connect with your target audience and drive traffic to your store.</li><li><strong>Search Functionality:</strong> Enhance the browsing experience for your customers with a user-friendly search bar, enabling quick and efficient product discovery within your store.</li><li><strong>Multi-language Support:</strong> To cater to international customers, Cleo offers support for multiple languages, ensuring inclusivity and accessibility for diverse audiences.</li><li><strong>Responsive Design:</strong> Ensure optimal visual appeal and functionality across various devices, including desktops, tablets, and smartphones, with Cleo's responsive design approach.</li></ul><p><strong>Basic Features :</strong></p><ul><li>No Coding skills required</li><li>HTML5 / CSS3</li><li>Bootstrap</li><li>Mobile First</li><li>100% Responsive Theme</li><li>Retina Ready</li><li>Google Fonts Included</li><li>Valid XHTML and CSS markup</li><li>Zero Javascript Conflicts</li><li>Fully Documented</li><li>Compatible with all major browsers</li><li>SEO (Search Engine Optimization)friendly</li><li>Optimized for Quick Load Time</li></ul><p><strong>Top Features :</strong></p><ul><li>Ajax : Cart, Search, WishList</li><li>Multiple Language and Currency</li><li>Sticky Menu</li><li>Drag and Drop Sections</li><li>Product Reviews</li><li>Unlimited Banners</li><li>Products Slider (Featured, New, Special and Best Seller products) on Homepage</li><li>Cart Dropdown in Header</li><li>Product Quick View</li><li>Sale Countdown for Product</li><li>Parallax Scrolling</li><li>SEO Friendly</li><li>Brand logo Slider/Grid on Home page</li><li>Product Zoom</li><li>Product Grid + List View</li><li>Blogs Module</li><li>Attractive Breadcrumb with parallax image</li><li>Scroll To Top Button</li><li>Extra link blocks in Footer</li></ul><p><strong>Note :</strong> The theme archive contains the images used in the theme which can be used for setting up your demo which can be replaced with your brand images before you launch. The actual rights of the images remains with the respective image owners.</p>","templateFullTitle":"Cleo - Fashion Shopify theme","templatePreviewMetaDescription":"Introducing the Cleo Fashion Shopify Theme - a sleek and elegant solution for your online business. With its clean and tidy design, Cleo Fashion exudes","templateDemoMetaDescription":"The demo preview for this top quality Cleo - Fashion Shopify theme Shopify Theme (#358682) is generated for you to get familiar with the design before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cleo - Fashion Shopify theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/cleo-fashion-shopify-theme-358682.html","userRating":0,"designIndex":1,"authorUserId":"1788859","exclusive":"1","state":1,"price":39,"inserted_date":"2023-09-13","sent":0,"downloads":0,"search_words":"accessories beauty clean clothes clothing fashion minimal modern multipurpose fashion store shopify ecommerce women theme store shopping shop shoes responsive jewellery","is_adult":0,"exc_price":2100,"sent_date":"2023-09-13 12:05:33","last_upload":"2024-04-05 12:10:06","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3220155,"templ_id":358682,"filename":"358682-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":3220156,"templ_id":358682,"filename":"358682-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":3220157,"templ_id":358682,"filename":"358682-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":3220158,"templ_id":358682,"filename":"358682-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":3220159,"templ_id":358682,"filename":"358682-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/358682.html","image":"https://s.tmimgcdn.com/scr/358600/cleo-fashion-shopify-theme_358682-original.jpg","searchHash":"b1aeef1978bf14de6493c26790488ae7","previewHash":"d9e06fc85929afc11a7f60379f011a0f","authorNickname":"IshiThemes","lowLevelTopic":"Fashion Blog Templates; Fashion Store Templates; Kids' fashion; Men's Fashion; Women's Fashion","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":0,"finalPrice":30,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Right to left language support","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Parallax","Background video","Lazy Load effect","j2store","Website Builder"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"popularity":"Zero Downloads","currencies":["USD","GBP","EUR"],"topic":["Fashion Blog Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Men's Fashion","Women's Fashion"],"isFree":"none","color":["black","white","grey"],"productOfTheDay":"-4","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"1788859","imagesIncluded":"Yes","tags":["accessories","beauty","clean","clothes","clothing","fashion","jewellery","minimal","modern","multipurpose","responsive","shoes","shop","shopping","store","theme","women","ecommerce","shopify","fashion store"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Introducing the Cleo Fashion Shopify Theme - a sleek and elegant solution for your online business. With its clean and tidy design.</p>","nameOfTheTemplate":"Cleo - Fashion Shopify theme","shortDescription":"<p>Introducing the Cleo Fashion Shopify Theme - a sleek and elegant solution for your online business. With its clean and tidy design, Cleo Fashion exudes sophistication and professionalism, making it the perfect choice for your online store.</p><p>One of the standout features of Cleo Fashion is its user-friendly drag-and-drop sections and visual builder, which allow you to effortlessly customize your website according to your preferences. Create eye-catching and attractive sections that capture the essence of your brand and products.</p><p>Cleo Fashion is fully responsive, ensuring that your website looks and functions flawlessly on all devices. Its multi-layout options give you the flexibility to tailor your online store to perfection, providing an exceptional shopping experience for your customers.In conclusion, Cleo Fashion Shopify Theme is the ultimate all-in-one solution to elevate your online business. Its elegance, versatility, and responsive design make it an ideal choice to showcase your brand and products with style.</p><ul><li><strong>Extensive Colour Swatches:</strong> Give your consumers the freedom to experiment with a range of possibilities by utilising our user-friendly colour swatch tool, which makes it simple for them to see and choose the product variations they want.</li><li><strong>Integration of Shipping Protection:</strong> Offer your customers added assurance by integrating shipping protection, ensuring their orders are safeguarded throughout the delivery process. This feature enhances their confidence and trust when making purchases.</li><li><strong>Enhanced Customer Buying Experience:</strong> Elevate the purchasing journey for your customers with an improved, intuitive cart drawer. This new feature provides convenient access to product summaries, upsell options, and a streamlined checkout process, enhancing overall satisfaction.</li><li><strong>Advanced Filtering Options:</strong> Empower your customers with comprehensive filtering capabilities, enabling them to easily find exactly what they're looking for. With options such as brand, type, flavor, and more, the buying process becomes effortless and efficient.</li><li><strong>Mobile Optimization:</strong> Cleo ensures a seamless shopping experience across all devices through its responsive design and mobile-friendly features. This commitment to optimization keeps your customers satisfied and engaged, regardless of their preferred shopping device.</li><li><strong>Interactive Elements:</strong> Explore Lookbook features that incorporate interactive elements like hover effects or clickable hotspots on images. These elements provide additional product insights and enhance engagement with your audience.</li><li><strong>Blog Integration:</strong> Seamlessly integrate a built-in blog feature or connect with Shopify's blogging platform to create and share compelling content. This engagement tool allows you to connect with your target audience and drive traffic to your store.</li><li><strong>Search Functionality:</strong> Enhance the browsing experience for your customers with a user-friendly search bar, enabling quick and efficient product discovery within your store.</li><li><strong>Multi-language Support:</strong> To cater to international customers, Cleo offers support for multiple languages, ensuring inclusivity and accessibility for diverse audiences.</li><li><strong>Responsive Design:</strong> Ensure optimal visual appeal and functionality across various devices, including desktops, tablets, and smartphones, with Cleo's responsive design approach.</li></ul><p><strong>Basic Features :</strong></p><ul><li>No Coding skills required</li><li>HTML5 / CSS3</li><li>Bootstrap</li><li>Mobile First</li><li>100% Responsive Theme</li><li>Retina Ready</li><li>Google Fonts Included</li><li>Valid XHTML and CSS markup</li><li>Zero Javascript Conflicts</li><li>Fully Documented</li><li>Compatible with all major browsers</li><li>SEO (Search Engine Optimization)friendly</li><li>Optimized for Quick Load Time</li></ul><p><strong>Top Features :</strong></p><ul><li>Ajax : Cart, Search, WishList</li><li>Multiple Language and Currency</li><li>Sticky Menu</li><li>Drag and Drop Sections</li><li>Product Reviews</li><li>Unlimited Banners</li><li>Products Slider (Featured, New, Special and Best Seller products) on Homepage</li><li>Cart Dropdown in Header</li><li>Product Quick View</li><li>Sale Countdown for Product</li><li>Parallax Scrolling</li><li>SEO Friendly</li><li>Brand logo Slider/Grid on Home page</li><li>Product Zoom</li><li>Product Grid + List View</li><li>Blogs Module</li><li>Attractive Breadcrumb with parallax image</li><li>Scroll To Top Button</li><li>Extra link blocks in Footer</li></ul><p><strong>Note :</strong> The theme archive contains the images used in the theme which can be used for setting up your demo which can be replaced with your brand images before you launch. The actual rights of the images remains with the respective image owners.</p>","uniqueKeywords":"accessories,beauty,clean,clothes,clothing,fashion,minimal,modern,multipurpose,fashion store,shopify,ecommerce,women,theme,store,shopping,shop,shoes,responsive,jewellery","advImage":"https://s3u.tmimgcdn.com/u1788859/046bfce1e02c2fd989c7b803ba5fd7c1.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1788859/0e3a2ef64de429ea89fe13dfdec8e286.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1788859/936737fe0a3b58bc7caca23aeda7dd5f.png","livePreviewURL":"https://demo.ishithemes.com/shopify/SHOPY156/","metaDescription":"Introducing the Cleo Fashion Shopify Theme - a sleek and elegant solution for your online business. With its clean and tidy design, Cleo Fashion exudes","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo preview for this top quality Cleo - Fashion Shopify theme Shopify Theme (#358682) is generated for you to get familiar with the design before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/shopify-themes/cleo-fashion-shopify-theme-358682.html","productSize":"33890255","trendiness":"1","changeLog":"- Video Issues solve\n-Homepage bug solve\n- Inner page issues solve.\n- The theme has been optimized with the latest version.\n- New features have been added to the cart drawer.\n- Now supports Shopify OS 2.0.\n- Introducing the new Shopify color swatches functionality for users.\n- Added a free shipping calculator.","changeLogDate":"2024-04-05","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: Mon, 29 Apr 2024 19:45:43 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=358682&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=358682&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=358682&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 19:50:43 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://demo.ishithemes.com/shopify/SHOPY156/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#358682 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/358682.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 #358682            </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=358682&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>