string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=386772&expand=properties"
string(14908) "[{"templateId":386772,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme","templateDemoHtmlTitle":"Live preview for Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme #386772","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Introducing Essentia - a stunning Cosmetic and Perfume WooCommerce Elementor Theme that is set to revolutionize the way you showcase your beauty products online. With its exquisite design, powerful functionality, and seamless integration with WooCommerce and Elementor, Essentia is the perfect choice for beauty brands, cosmetic shops, and perfume stores looking to elevate their online presence.</p><p>Unleash the power of Essentia with its robust features and easy-to-use interface. Designed with user experience in mind, this theme offers a seamless navigation experience that will keep your customers engaged and coming back for more. From the moment they land on your website, they will be captivated by the stunning visuals and modern layout.</p><p>Powerful Functionality: - WooCommerce Integration: Effortlessly set up your online store and start selling your products in no time with the seamless integration of WooCommerce. Manage your inventory, track orders, and offer secure payment options to your customers. - Elementor Page Builder: Customize your website to suit your unique brand identity with the easy-to-use drag-and-drop functionality of Elementor. No coding skills required! Design stunning pages, create eye-catching product galleries, and add engaging content effortlessly. - Responsive Design: Essentia ensures that your website looks impeccable across all devices, providing an optimal user experience for your customers whether they are browsing on a desktop, tablet, or mobile device. - SEO Friendly: Boost your search engine rankings and drive organic traffic to your website with Essentia's SEO-friendly design and coding. Stay ahead of the competition and pave the way for success in the online world. - One-Click Demo Import: Kickstart your website development process with our pre-designed demo templates. Choose from a range of stunning layouts and effortlessly import them to your website with just one click, saving you time and effort.</p><p>Feature Highlights: - Product Quick View: Enhance the shopping experience of your customers with the quick view feature, allowing them to view product details without leaving the current page. - Wishlist Functionality: Encourage your customers to save products they love with the wishlist functionality, helping them keep track of their favorite items and increasing the chance of conversion. - Social Media Integration: Seamlessly integrate your social media accounts with your website, enabling your customers to easily share your products and promotions on their preferred platforms. - Mega Menu: Create an intuitive and visually appealing navigation experience with the mega menu feature, allowing you to showcase your products and categories in a user-friendly manner. - Blogging Platform: Share your industry expertise, beauty tips, and product updates with the built-in blogging platform. Engage your audience and establish yourself as a leader in the beauty industry.</p><p>Experience the power of Essentia - the ultimate WooCommerce theme designed for the cosmetic and perfume industry. Elevate your online store, captivate your customers, and drive sales like never before. Choose Essentia and take your brand to new heights.</p>","templateFullTitle":"Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme","templatePreviewMetaDescription":"Introducing Essentia - a stunning Cosmetic and Perfume WooCommerce Elementor Theme that is set to revolutionize the way you showcase your beauty products","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the professional Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme WooCommerce Theme (#386772) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/essentia-cosmetic-and-perfume-woocommerce-elementor-theme-386772.html","userRating":0,"designIndex":1,"authorUserId":"1531974","exclusive":"1","state":1,"price":69,"inserted_date":"2024-01-25","sent":0,"downloads":1,"search_words":"accessories beauty cosmetic fashion herbal medicine responsive template theme wordpress woocommerce ecommerce elementor perfume","is_adult":0,"exc_price":2100,"sent_date":"2024-01-25 09:17:18","last_upload":"2024-01-25 10:05:36","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3360574,"templ_id":386772,"filename":"386772-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3360575,"templ_id":386772,"filename":"386772-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3360576,"templ_id":386772,"filename":"386772-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":3360577,"templ_id":386772,"filename":"386772-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":3360578,"templ_id":386772,"filename":"386772-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/386772.html","image":"https://s.tmimgcdn.com/scr/386700/essentia-cosmetic-and-perfume-woocommerce-elementor-theme_386772-original.jpg","searchHash":"db6098c54ae8f662d6e4762053314e2d","previewHash":"880ed83476b5e37dead0aad9c238924c","authorNickname":"TemplateMela","lowLevelTopic":"Cosmetics Store Templates; Herbal Templates; Alternative Medicine","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Sample content","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","JQuery","Website Builder","One click installation"],"styles":["Clean","Corporate","Minimalist","Neutral","Dark","Futurist","Web2.0","Mobile","Flat"],"isLastAdded":"1","topic":["Cosmetics Store Templates","Beauty Templates","Medical Templates","Herbal Templates","Fashion & Beauty","Alternative Medicine"],"isFree":"none","color":["black","white","grey","purple","blue"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1531974","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang"],"imagesIncluded":"No","tags":["accessories","beauty","cosmetic","fashion","herbal","medicine","perfume","responsive","template","theme","wordpress","woocommerce","ecommerce","elementor"],"wordPressBuilder":["Gutenberg Editor","Elementor Website Builder"],"marketplaceMembership":"None","wordpressCompatibility":["5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"paidSupport":"Yes","wordpressComCompatibility":"WordPress.com Pro Plan","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["7.0.x","7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x"],"excerpt":"<p>Introducing Essentia - a stunning Cosmetic and Perfume WooCommerce Elementor Theme that is set to revolutionize the way you showcase your beauty products online.</p>","nameOfTheTemplate":"Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1531974/79153b8cfcc1925f98ae7f74e55e3dc1.jpg, https://s3u.tmimgcdn.com/u1531974/29588c8d946903945c1b78ac363119d6.jpg, https://s3u.tmimgcdn.com/u1531974/72960bf1fe4370bf1d90c1b044aefd57.jpg, https://s3u.tmimgcdn.com/u1531974/8df36cfebe1297be657c3f21189fa2e0.jpg, https://s3u.tmimgcdn.com/u1531974/e2bdafd93b979fd91c7588330a8655a4.jpg, https://s3u.tmimgcdn.com/u1531974/dd6c99e173fa3dd996e8c6aa5f173f00.jpg, https://s3u.tmimgcdn.com/u1531974/c3ba49237805172411c1fd21996a8cdf.jpg, https://s3u.tmimgcdn.com/u1531974/1e0e18d9c6a1c9258db10ed5e3b28fb0.jpg, https://s3u.tmimgcdn.com/u1531974/02a383a59146ba28e17558b3cba235e4.jpg, https://s3u.tmimgcdn.com/u1531974/48e221d41bc07a7bb87f581b9a42eb2f.jpg","shortDescription":"<p>Introducing Essentia - a stunning Cosmetic and Perfume WooCommerce Elementor Theme that is set to revolutionize the way you showcase your beauty products online. With its exquisite design, powerful functionality, and seamless integration with WooCommerce and Elementor, Essentia is the perfect choice for beauty brands, cosmetic shops, and perfume stores looking to elevate their online presence.</p><p>Unleash the power of Essentia with its robust features and easy-to-use interface. Designed with user experience in mind, this theme offers a seamless navigation experience that will keep your customers engaged and coming back for more. From the moment they land on your website, they will be captivated by the stunning visuals and modern layout.</p><p>Powerful Functionality: - WooCommerce Integration: Effortlessly set up your online store and start selling your products in no time with the seamless integration of WooCommerce. Manage your inventory, track orders, and offer secure payment options to your customers. - Elementor Page Builder: Customize your website to suit your unique brand identity with the easy-to-use drag-and-drop functionality of Elementor. No coding skills required! Design stunning pages, create eye-catching product galleries, and add engaging content effortlessly. - Responsive Design: Essentia ensures that your website looks impeccable across all devices, providing an optimal user experience for your customers whether they are browsing on a desktop, tablet, or mobile device. - SEO Friendly: Boost your search engine rankings and drive organic traffic to your website with Essentia's SEO-friendly design and coding. Stay ahead of the competition and pave the way for success in the online world. - One-Click Demo Import: Kickstart your website development process with our pre-designed demo templates. Choose from a range of stunning layouts and effortlessly import them to your website with just one click, saving you time and effort.</p><p>Feature Highlights: - Product Quick View: Enhance the shopping experience of your customers with the quick view feature, allowing them to view product details without leaving the current page. - Wishlist Functionality: Encourage your customers to save products they love with the wishlist functionality, helping them keep track of their favorite items and increasing the chance of conversion. - Social Media Integration: Seamlessly integrate your social media accounts with your website, enabling your customers to easily share your products and promotions on their preferred platforms. - Mega Menu: Create an intuitive and visually appealing navigation experience with the mega menu feature, allowing you to showcase your products and categories in a user-friendly manner. - Blogging Platform: Share your industry expertise, beauty tips, and product updates with the built-in blogging platform. Engage your audience and establish yourself as a leader in the beauty industry.</p><p>Experience the power of Essentia - the ultimate WooCommerce theme designed for the cosmetic and perfume industry. Elevate your online store, captivate your customers, and drive sales like never before. Choose Essentia and take your brand to new heights.</p>","uniqueKeywords":"accessories,beauty,cosmetic,fashion,herbal,medicine,responsive,template,theme,wordpress,woocommerce,ecommerce,elementor,perfume","advImage":"https://s3u.tmimgcdn.com/u1531974/833be6f38f22cfdbc9964cdb1845f836.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1531974/8f422d9707a88e2a776b3f6e6aa0de9d.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1531974/ba0bbe6172b60206c4f0d5d2e494716d.jpg, https://s3u.tmimgcdn.com/u1531974/d2e0ddf7271a414d856639a2920da1dc.gif, https://s3u.tmimgcdn.com/u1531974/6ffff13ed4a1b957a612ad34e93597ff.jpg, https://s3u.tmimgcdn.com/u1531974/fbeb668f09f036d0aecc8da9828e14eb.jpg, https://s3u.tmimgcdn.com/u1531974/9536ffbb49ad9769bea5a627b93c795e.gif, https://s3u.tmimgcdn.com/u1531974/704430c6e299cd909fa382dfed5ef213.gif, https://s3u.tmimgcdn.com/u1531974/08f92552fc18a66bdaa8eb64bd4df104.jpg, https://s3u.tmimgcdn.com/u1531974/1c001fff6a86c3a2fa68d884bfd6b324.jpg, https://s3u.tmimgcdn.com/u1531974/89bb25919aa0cbd306e4cb3a67cf5129.jpg, https://s3u.tmimgcdn.com/u1531974/b978e21d10f30e21205a5a2f0c476127.jpg, https://s3u.tmimgcdn.com/u1531974/5e9f2588f69231ee552b6f0ab20994af.jpg, https://s3u.tmimgcdn.com/u1531974/3948288ad6c2bccc536906b26fe1fc07.jpg, https://s3u.tmimgcdn.com/u1531974/695bbdc1b9496cca8c99aa8fe5ce84f6.jpg","livePreviewURL":"https://wordpressthemes.live/WCM8/WCM178_essentia/","metaDescription":"Introducing Essentia - a stunning Cosmetic and Perfume WooCommerce Elementor Theme that is set to revolutionize the way you showcase your beauty products","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get the look and feel of the professional Essentia -  Cosmetic and Perfume WooCommerce Elementor Theme WooCommerce Theme (#386772) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","customUrl":"/woocommerce-themes/essentia-cosmetic-and-perfume-woocommerce-elementor-theme-386772.html","productSize":"23935052","trendiness":"1","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","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 04:17:23 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=386772&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=386772&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=386772&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 04:22:23 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://wordpressthemes.live/WCM8/WCM178_essentia/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#386772 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/386772.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 #386772            </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=386772&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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>