string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=372948&expand=properties"
string(14745) "[{"templateId":372948,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":222,"categoryName":"Handbag Templates","templateTitle":"Handbag Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme","templateDemoHtmlTitle":"Live preview for Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme #372948","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Introducing Rouge: Elegance Redefined and Luxury Fashion Accessories Store Theme!</p><p>Rouge, a WordPress/WooCommerce theme, curated for the connoisseurs of luxury leather bags, wallets, shoes, and fashion accessories. Crafted with precision using Elementor page builder and featuring Revolution Slider for an immersive experience, moreover offered a multilingual functionality compatible with WPML. Rouge sets the stage for a modern and high-converting e-commerce store. Elevate your online boutique effortlessly with 150+ admin theme options, offering seamless customization. Experience luxury, redefined with the theme Rouge - to grow your business globally and sell more.</p><h3>Key Features</h3><ol><li><strong>Elementor Page Builder</strong>: Effortlessly design your store with the intuitive drag-and-drop editor for a stunning layout.</li><li><strong>Revolution Slider</strong>: Create immersive, dynamic sliders to showcase your luxury products with captivating visuals.</li><li><strong>WPML Compatible</strong>: Expand your global reach with multilingual support, catering to customers worldwide.</li><li><strong>150+ Admin Theme Options</strong>: Customize every aspect of your online boutique with a comprehensive range of easy-to-use theme options.</li><li><strong>Luxury-Focused Design</strong>: Tailored specifically for high-end leather bags, wallets, shoes, and accessories.</li><li><strong>Fully Responsive &amp; Retina Ready</strong>: Ensures a flawless shopping experience across all devices and screen resolutions.</li><li><strong>High-Converting Layout</strong>: Designed to drive sales and enhance user experience with optimized design and features.</li><li><strong>WooCommerce Integration</strong>: Seamlessly integrates with WooCommerce for smooth e-commerce functionality and secure transactions.</li><li><strong>Customizable Product Pages</strong>: Showcase products in unique styles with advanced customization for product descriptions, images, and features.</li><li><strong>SEO Optimized</strong>: Built with SEO best practices in mind to help you rank higher and attract more customers organically.</li><li><strong>Fast Loading &amp; Performance Optimized</strong>: Ensures smooth navigation and quick load times for a seamless user experience.</li><li><strong>RTL &amp; LTR Support</strong>: Full support for right-to-left languages, making it easy to cater to a global audience.</li><li><strong>Dark &amp; Light Mode</strong>: Switch between elegant dark and light modes to suit your brand's aesthetic preferences.</li><li><strong>One-Click Demo Import</strong>: Get your store up and running quickly with easy demo content import and setup.</li></ol>","templateFullTitle":"Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme","templatePreviewMetaDescription":"Introducing Rouge: Elegance Redefined and Luxury Fashion Accessories Store Theme!Rouge, a WordPress/WooCommerce theme, curated for the connoisseurs of luxury","templateDemoMetaDescription":"Before you buy it, get the feel and look of the high quality Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme WooCommerce Theme (#372948) by enjoying the live preview. Go through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/rouge-luxury-fashion-leather-bags-woocommerce-responsive-theme-372948.html","userRating":0,"designIndex":1,"authorUserId":"1486413","exclusive":"1","state":1,"price":59,"inserted_date":"2023-11-22","sent":0,"downloads":2,"search_words":"rouge leather luxury crafted handcrafted fashion accessories accessories apparel clean fashion furniture minimal modern multipurpose online responsive wordpress woocommerce ecommerce shoes","is_adult":0,"exc_price":2100,"sent_date":"2023-11-22 12:21:34","last_upload":"2024-10-30 12:08:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3291454,"templ_id":372948,"filename":"372948-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":3291455,"templ_id":372948,"filename":"372948-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":3291456,"templ_id":372948,"filename":"372948-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":3291457,"templ_id":372948,"filename":"372948-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":3291458,"templ_id":372948,"filename":"372948-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/372948.html","image":"https://s.tmimgcdn.com/scr/372900/rouge-luxury-fashion-leather-bags-woocommerce-responsive-theme_372948-original.jpg","searchHash":"a63d31fc7594e3d4c3ff577a2892ab68","previewHash":"a022ef125e0b40779a59b4efedf9702c","authorNickname":"TemplateTrip","lowLevelTopic":"Handbag Templates; Shoe Store Templates; Fashion Store Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":30,"discountPercent":50,"discountAmount":30,"semiannualSales":0,"properties":{"features":["Accelerated Mobile Pages (AMP)","Admin Panel","Advanced Theme Options","Ajax","Blog","Bootstrap","Drag and Drop Content","Dropdown Menu","Dropshipping","eCommerce","Gallery","Google map","HTML 5","JQuery","Lazy Load effect","Light Template","MegaMenu","Mobile Layout Included","Moto CMS Landing Builder","Multipurpose","One click installation","Online Store/Shop","Parallax","Performance Optimization","Portfolio","Premium","Pro","Quickstart Package","Responsive","Retina Ready","Right to left language support","Sample content","Search Engine Friendly","Single Product","Sliced PSD","Static","Tabs","Team Members","Website Builder"],"isLastAdded":"1","livePreviewURL":"https://wordpress.templatetrip.com/WCMTM02/WCMTM033_rouge/landing/","styles":["Artworks","Cartoon","Clean","Collage","Corporate","Dark","Flat","Futurist","Material Design","Minimalist","Mobile","Neutral","Paper Made","Retro","Urban/Street","Web2.0"],"nameOfTheTemplate":"Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme","shortDescription":"<p>Introducing Rouge: Elegance Redefined and Luxury Fashion Accessories Store Theme!</p><p>Rouge, a WordPress/WooCommerce theme, curated for the connoisseurs of luxury leather bags, wallets, shoes, and fashion accessories. Crafted with precision using Elementor page builder and featuring Revolution Slider for an immersive experience, moreover offered a multilingual functionality compatible with WPML. Rouge sets the stage for a modern and high-converting e-commerce store. Elevate your online boutique effortlessly with 150+ admin theme options, offering seamless customization. Experience luxury, redefined with the theme Rouge - to grow your business globally and sell more.</p><h3>Key Features</h3><ol><li><strong>Elementor Page Builder</strong>: Effortlessly design your store with the intuitive drag-and-drop editor for a stunning layout.</li><li><strong>Revolution Slider</strong>: Create immersive, dynamic sliders to showcase your luxury products with captivating visuals.</li><li><strong>WPML Compatible</strong>: Expand your global reach with multilingual support, catering to customers worldwide.</li><li><strong>150+ Admin Theme Options</strong>: Customize every aspect of your online boutique with a comprehensive range of easy-to-use theme options.</li><li><strong>Luxury-Focused Design</strong>: Tailored specifically for high-end leather bags, wallets, shoes, and accessories.</li><li><strong>Fully Responsive &amp; Retina Ready</strong>: Ensures a flawless shopping experience across all devices and screen resolutions.</li><li><strong>High-Converting Layout</strong>: Designed to drive sales and enhance user experience with optimized design and features.</li><li><strong>WooCommerce Integration</strong>: Seamlessly integrates with WooCommerce for smooth e-commerce functionality and secure transactions.</li><li><strong>Customizable Product Pages</strong>: Showcase products in unique styles with advanced customization for product descriptions, images, and features.</li><li><strong>SEO Optimized</strong>: Built with SEO best practices in mind to help you rank higher and attract more customers organically.</li><li><strong>Fast Loading &amp; Performance Optimized</strong>: Ensures smooth navigation and quick load times for a seamless user experience.</li><li><strong>RTL &amp; LTR Support</strong>: Full support for right-to-left languages, making it easy to cater to a global audience.</li><li><strong>Dark &amp; Light Mode</strong>: Switch between elegant dark and light modes to suit your brand's aesthetic preferences.</li><li><strong>One-Click Demo Import</strong>: Get your store up and running quickly with easy demo content import and setup.</li></ol>","wordpressCompatibility":["6.4.x","6.3.x","6.2.x","6.1.x","6.0.x","5.9.x","6.6.x","6.5.x"],"topic":["Handbag Templates","Shoe Store Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Accessories"],"wooCommerceCompatibility":["8.2.x","8.1.x","8.0.x","7.9.x","7.8.x","7.7.x","7.6.x","7.5.x","7.4.x","9.3.x","9.2.x","9.1.x","9.0.x","8.9.x","8.8.x","8.7.x","8.6.x","8.5.x","8.4.x","8.3.x"],"uniqueKeywords":"rouge,leather,luxury,crafted,handcrafted,fashion accessories,accessories,apparel,clean,fashion,furniture,minimal,modern,multipurpose,online,responsive,wordpress,woocommerce,ecommerce,shoes","customUrl":"/woocommerce-themes/rouge-luxury-fashion-leather-bags-woocommerce-responsive-theme-372948.html","isFree":"none","metaDescription":"Introducing Rouge: Elegance Redefined and Luxury Fashion Accessories Store Theme!Rouge, a WordPress/WooCommerce theme, curated for the connoisseurs of luxury","color":["white","grey","brown","red"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1486413/340bddcf9ad053a2112b16ab925db22c.jpg, https://s3u.tmimgcdn.com/u1486413/800d88c96fd9fa480cc7f22881a989da.jpg, https://s3u.tmimgcdn.com/u1486413/abb9aa5934c8fda29c4d717af8ed03d3.jpg, https://s3u.tmimgcdn.com/u1486413/f0e0c8b7a5699d03697ca087fcee47d2.jpg, https://s3u.tmimgcdn.com/u1486413/0eee6b5d01f64578ab33ba6bf1bc754c.jpg, https://s3u.tmimgcdn.com/u1486413/702080d70fa78b6d952c806c8eede831.jpg, https://s3u.tmimgcdn.com/u1486413/7597302151fcefbc34c5bacac2aac3c9.jpg, https://s3u.tmimgcdn.com/u1486413/d622a3647745b689194a6b7324c351b7.jpg, https://s3u.tmimgcdn.com/u1486413/ccfdfd5a1155b8841b4fd13a57ed2c10.jpg, https://s3u.tmimgcdn.com/u1486413/6c3ab67ad5d6bf4a84b90a039e81f43c.jpg, https://s3u.tmimgcdn.com/u1486413/93fcac8e72a3155e86219cd049ee1d96.jpg, https://s3u.tmimgcdn.com/u1486413/5a540a5c754ab83c11983e73357474f5.jpg, https://s3u.tmimgcdn.com/u1486413/d5e2b9f66d546397bd2310f49bca4757.jpg, https://s3u.tmimgcdn.com/u1486413/73c9afef67965f1904df4eed1b125caa.jpg","demoMetaDescription":"Before you buy it, get the feel and look of the high quality Rouge - Luxury Fashion Leather Bags - WooCommerce Responsive Theme WooCommerce Theme (#372948) by enjoying the live preview. Go through the pages, check out the images, click the buttons, explore the features.","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"//www.youtube.com/embed/PKtc7P1pVfo, https://s3u.tmimgcdn.com/u1486413/1e4327f5f1f9f0415de857f8cb101bf5.jpg, https://s3u.tmimgcdn.com/u1486413/aeed15a97c8513cad687e43f6a8314ad.jpg, https://s3u.tmimgcdn.com/u1486413/0cfeb27c7543fd41ae82f4163473bc28.jpg, https://s3u.tmimgcdn.com/u1486413/008c39f1aaf583b29921c123e4227b61.jpg, https://s3u.tmimgcdn.com/u1486413/9190a096dfd63f9ec8f820ca40abbcb9.jpg, https://s3u.tmimgcdn.com/u1486413/8024c0ac4a306b4f63c200a24ee04450.jpg, https://s3u.tmimgcdn.com/u1486413/5d1c19dd7636f653fb55b0182ebea10c.jpg, https://s3u.tmimgcdn.com/u1486413/f42cd9f0b8cfef062b2cc3d33e69a930.jpg, https://s3u.tmimgcdn.com/u1486413/95fe4789efd836e8b26eeb8f6f3acd01.jpg, https://s3u.tmimgcdn.com/u1486413/be74661a0b0060f096dceec910846567.jpg","authorUserId":"1486413","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1486413/506e7af2168a3c635695dc35e214b326.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","compatibleWith":["MailChimp","Polylang","Revolution Slider","WooCommerce","WPML"],"marketplaceMembership":"None","tags":["accessories","apparel","clean","crafted","fashion","furniture","handcrafted","leather","luxury","minimal","modern","multipurpose","online","responsive","rouge","shoes","wordpress","woocommerce","ecommerce","fashion accessories"],"advImage":"https://s3u.tmimgcdn.com/u1486413/74768a81be132093197221f9d6b1f546.jpg","productSize":"7510373","imagesIncluded":"Yes","wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","pHPVersionCompatibility":["8.2","8.1","8.0","7.4"],"webServerCompatibility":"Apache 2.4","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Rouge - WordPress/WooCommerce theme, curated for luxury leather bags, wallets, shoes, and fashion accessories. Crafted using Elementor page builder, Revolution Slider, multilingual with WPML.</p>","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates","changeLogDate":"2024-10-30","changeLog":"[v1.0.1] 21 October 2024\n- Update Some Design Issues  \n- theme option Update\n- Some JS &amp; PHP Update\n- Update WooCommerce Outdated Files","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 03:03:15 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=372948&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=372948&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=372948&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 03:08:15 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://wordpress.templatetrip.com/WCMTM02/WCMTM033_rouge/landing/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#372948 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/372948.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 #372948            </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=372948&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $54                <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>