string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=181941&expand=properties"
string(13288) "[{"templateId":181941,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":544,"categoryName":"Fashion Store Templates","templateTitle":"Fashion Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"LeMood - Fashion Store Gutenberg WooCommerce Theme","templateDemoHtmlTitle":"Live demo for LeMood - Fashion Store Gutenberg WooCommerce Theme #181941","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Fashion Store Gutenberg WooCommerce Theme</h2><p>Take a look at a new revolutionary fashion store Gutenberg WooCommerce theme. It’s called LeMood and it goes with the best WordPress features. Moreover, this theme is powered with two plugins for one-click online store creation – WooCommerce and Gutenberg. With them, you don’t need coding at all. Just use your imagination and rely on visual editing.</p><p>And, to bring more comfort to you, LeMood is generously provided with ready-made pages and sections. Each element enables you to establish a shop of any complexity. And, the minimal design matches the selling of clothing and accessories completely. Above all, it also fits any general purpose.</p><h2>The Fashion Store Gutenberg WooCommerce Theme that Knows Your Needs</h2><p>Choose the LeMood Fashion Store Gutenberg WooCommerce Theme if you have never made websites before. Choose it if you still think that selling online is costly. Give a try to LeMood if you don’t believe that WooCommerce can be even handier.</p><p>So, first of all, the native WordPress LeMood theme is based on the free WooCommerce plugin. This tool provides:</p><ul><li>the most popular payment options;</li><li>enhanced analytics;</li><li>great editing features;</li><li>strong SEO;</li><li>and more.</li></ul><p>As for Gutenberg, it omits coding while online store customization and its future maintenance. With this editor on the board of LeMood, you will be able to build a solid fashion store just by dragging and dropping blocks. And, for more flexibility this modern fashion store Gutenberg WooCommerce theme was charged with ZeGuten!</p><h3>Jazz Up Your Fashion Store with ZeGuten Blocks</h3><p>Enjoy ZeGuten blocks carefully implemented into your LeMood WooCommerce theme. They are guaranteed to come in handy when you want to add:</p><ul><li>catchy banners and buttons;</li><li>daily deals countdown timers;</li><li>progress bars and circles;</li><li>product grids and listings;</li><li>testimonials and other forms;</li><li>carousels and sliders.</li></ul><p>Such a collection of Gutenberg blocks will save your time substantially!</p><h3>Ready-Made eCommerce Layouts</h3><p>What’s more, the LeMoodFashion Store Gutenberg WooCommerce Theme is packed with pre-styled page templates, like:</p><ul><li>homepage and “About Us” layouts;</li><li>collection and product pages;</li><li>single product layouts;</li><li>blog page templates.</li></ul><h3>Best-Mobile Friendly WooCommerce Theme</h3><p>Stay assured that due to the LeMood Fashion Store Gutenberg WooCommerce Theme your store will be available on the screen of all devices. And, your visitors will enjoy its responsive design and stable performance.</p><p>So, choose LeMood and hurry to build your eCommerce website, as this can be thrilling!</p><h3>Live Caring Support</h3><p>Our best technical experts are always ready to assist you in real-time. Plus, you can find any answers in the detailed documentation.</p>","templateFullTitle":"LeMood - Fashion Store Gutenberg WooCommerce Theme","templatePreviewMetaDescription":"Fashion Store Gutenberg WooCommerce ThemeTake a look at a new revolutionary fashion store Gutenberg WooCommerce theme. It’s called LeMood and it goes with","templateDemoMetaDescription":"The live preview of this premium LeMood - Fashion Store Gutenberg WooCommerce Theme WooCommerce Theme (#181941) is created for you to get yourself acquainted with the template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"LeMood - Fashion Store Gutenberg WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/lemood-fashion-store-gutenberg-woocommerce-theme-181941.html","userRating":0,"designIndex":1,"authorUserId":"1519369","exclusive":"1","state":1,"price":79,"inserted_date":"2021-04-30","sent":0,"downloads":2,"search_words":"gutenberg theme woocommerce theme multipurpose daily deals general purpose dropshipping retail responsive design ready made homepages ecommerce use product pages super clean fashion shop accessories clothes megastore flatsome wordpress theme shop minimal","is_adult":0,"exc_price":2100,"sent_date":"2021-04-30 06:51:50","last_upload":"2021-04-30 10:51:57","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"181941-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":181941,"width":1600,"window_params":"","banner_url":"","id":2336677,"href":"","height":1000},{"scr_type_id":311,"filename":"181941-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":181941,"width":1600,"window_params":"","banner_url":"","id":2336678,"href":"","height":1000},{"scr_type_id":312,"filename":"181941-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":181941,"width":370,"window_params":"","banner_url":"","id":2336679,"href":"","height":370},{"scr_type_id":9,"filename":"181941-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":181941,"width":145,"window_params":"","banner_url":"","id":2336680,"href":"","height":156},{"scr_type_id":57,"filename":"181941-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":181941,"width":430,"window_params":"","banner_url":"","id":2336681,"href":"","height":269}],"demoUrl":"/demo/181941.html","image":"https://s.tmimgcdn.com/scr/181900/lemood-fashion-store-gutenberg-woocommerce-theme_181941-2-original.jpg","searchHash":"f53e8059a7bb9f324e1f44d9c2ea34d2","previewHash":"238973d0550d72913715897ef78c676c","authorNickname":"ZEMEZ","lowLevelTopic":"Fashion Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":79,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","featured":"Ukraine","color":["black","white","grey"],"followUpLetter":"woocommerce-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"592533406","wordpressCompatibility":"5.7.x","uniqueKeywords":"gutenberg theme,woocommerce theme,multipurpose,daily deals,general purpose,dropshipping,retail,responsive design,ready made,homepages,ecommerce use,product pages,super clean,fashion shop,accessories,clothes,megastore,flatsome wordpress theme,shop,minimal","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Fashion Store Gutenberg WooCommerce ThemeTake a look at a new revolutionary fashion store Gutenberg WooCommerce theme. It’s called LeMood and it goes with","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/28a39ef9bdf99c6876dd810875446fda.png, https://s3u.tmimgcdn.com/u1519369/fc902f0928a6dbe6bcb07ca9feed2673.png, https://s3u.tmimgcdn.com/u1519369/1e9a0075d8c86aa3e4db6beccc5c7727.png, https://s3u.tmimgcdn.com/u1519369/47b391bbbba465e1ac2016da4ec8502c.png, https://s3u.tmimgcdn.com/u1519369/2b49647056e0a9fd3519b3d0dfe02a46.png, https://s3u.tmimgcdn.com/u1519369/22725c50a73c370cb60760bd455ccd94.png, https://s3u.tmimgcdn.com/u1519369/62c1978c10fdcd0a3f4361f7f1997bba.png, https://s3u.tmimgcdn.com/u1519369/83387875d61626b772c4ef799e733366.png, https://s3u.tmimgcdn.com/u1519369/73103828875afef42c682bd3bd1d38f2.png, https://s3u.tmimgcdn.com/u1519369/55593898f62f5026b0128fac67d659e7.png, https://s3u.tmimgcdn.com/u1519369/8bd9901b2c59b17113d96b138d9d395a.png, https://s3u.tmimgcdn.com/u1519369/f87c2af0b8b44f4f0d0f626003e90563.png, https://s3u.tmimgcdn.com/u1519369/8110b15cfc12d0319c45281eecfe3f57.png, https://s3u.tmimgcdn.com/u1519369/544268f8ee508fb159f11b4fed52daa4.png, https://s3u.tmimgcdn.com/u1519369/ec2a18eff4649facbf58952a10351255.png, https://s3u.tmimgcdn.com/u1519369/196b1a9221f3a313f8901fbc3bf32fbe.png","features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Single Product","Sample content","Advanced Theme Options","Performance Optimization","Blog","Online Store/Shop","Website Builder"],"saleSells":"1","livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_29826/v1/","authorUserId":"1519369","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/3c9731df28af7c365035c96af77bf350.jpg","templateGroup":"Wordpress Store","alreadyPacked":"1","exclusive":"1","wordPressBuilder":"Gutenberg Editor","imagesIncluded":"Yes","templateIcon":"icon-woo","lastmod":"2022-02-18T08:18:43-05:00","authorMainScreenshotVersion":"2","types":"WooCommerce Themes","wordpressComCompatibility":"Not Compatible","trendiness":"1","demoMetaDescription":"The live preview of this premium LeMood - Fashion Store Gutenberg WooCommerce Theme WooCommerce Theme (#181941) is created for you to get yourself acquainted with the template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","wooCommerceCompatibility":"5.2.x","shortDescription":"<h2>Fashion Store Gutenberg WooCommerce Theme</h2><p>Take a look at a new revolutionary fashion store Gutenberg WooCommerce theme. It’s called LeMood and it goes with the best WordPress features. Moreover, this theme is powered with two plugins for one-click online store creation – WooCommerce and Gutenberg. With them, you don’t need coding at all. Just use your imagination and rely on visual editing.</p><p>And, to bring more comfort to you, LeMood is generously provided with ready-made pages and sections. Each element enables you to establish a shop of any complexity. And, the minimal design matches the selling of clothing and accessories completely. Above all, it also fits any general purpose.</p><h2>The Fashion Store Gutenberg WooCommerce Theme that Knows Your Needs</h2><p>Choose the LeMood Fashion Store Gutenberg WooCommerce Theme if you have never made websites before. Choose it if you still think that selling online is costly. Give a try to LeMood if you don’t believe that WooCommerce can be even handier.</p><p>So, first of all, the native WordPress LeMood theme is based on the free WooCommerce plugin. This tool provides:</p><ul><li>the most popular payment options;</li><li>enhanced analytics;</li><li>great editing features;</li><li>strong SEO;</li><li>and more.</li></ul><p>As for Gutenberg, it omits coding while online store customization and its future maintenance. With this editor on the board of LeMood, you will be able to build a solid fashion store just by dragging and dropping blocks. And, for more flexibility this modern fashion store Gutenberg WooCommerce theme was charged with ZeGuten!</p><h3>Jazz Up Your Fashion Store with ZeGuten Blocks</h3><p>Enjoy ZeGuten blocks carefully implemented into your LeMood WooCommerce theme. They are guaranteed to come in handy when you want to add:</p><ul><li>catchy banners and buttons;</li><li>daily deals countdown timers;</li><li>progress bars and circles;</li><li>product grids and listings;</li><li>testimonials and other forms;</li><li>carousels and sliders.</li></ul><p>Such a collection of Gutenberg blocks will save your time substantially!</p><h3>Ready-Made eCommerce Layouts</h3><p>What’s more, the LeMoodFashion Store Gutenberg WooCommerce Theme is packed with pre-styled page templates, like:</p><ul><li>homepage and “About Us” layouts;</li><li>collection and product pages;</li><li>single product layouts;</li><li>blog page templates.</li></ul><h3>Best-Mobile Friendly WooCommerce Theme</h3><p>Stay assured that due to the LeMood Fashion Store Gutenberg WooCommerce Theme your store will be available on the screen of all devices. And, your visitors will enjoy its responsive design and stable performance.</p><p>So, choose LeMood and hurry to build your eCommerce website, as this can be thrilling!</p><h3>Live Caring Support</h3><p>Our best technical experts are always ready to assist you in real-time. Plus, you can find any answers in the detailed documentation.</p>","tags":["accessories","clothes","minimal","multipurpose","retail","shop","megastore","dropshipping","fashion shop","woocommerce theme","responsive design","daily deals","super clean","general purpose","ecommerce use","gutenberg theme","ready made","homepages","product pages","flatsome wordpress theme"],"bitLyUrl":"https://bit.ly/3u8FK1U","customUrl":"/woocommerce-themes/lemood-fashion-store-gutenberg-woocommerce-theme-181941.html","nameOfTheTemplate":"LeMood - Fashion Store Gutenberg WooCommerce Theme","paidSupport":"Yes","topic":["Fashion Templates","Fashion Store Templates","Fashion & Beauty"],"changeLogDate":"2021-04-30","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1519369/d93f86e7458d8204ff179bdab63d3f21.png","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: Wed, 08 May 2024 02:31:32 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=181941&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=181941&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=181941&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 08 May 2024 02:36:32 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://ld-wp73.template-help.com/woocommerce/prod_29826/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#181941 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/181941.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">
                WooCommerce Themes #181941            </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=181941&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $73                <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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>