string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=77900&expand=properties"
string(13066) "[{"templateId":77900,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":272,"categoryName":"Furniture Templates","templateTitle":"Furniture Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Diana - Furniture WooCommerce Theme #77900 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Diana - Furniture WooCommerce Theme #77900","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Diana - Furniture WordPress Theme is the ultimate eCommerce website, designed with passion and creativity. This theme is specialized to become the online home of Furniture Business, Interior Design, Outdoor Furniture and related products business.</p><p>Diana comes with 2+ Homepages, 15+ Elementor Add-ons, 3 Header Styles and 15+ Blog styles. Catchy Shop Pages, Blog Pages, My Account, Check Out and Wishlist pages have empowered this website more. Diana is no less affluent in Color Variation, Creative and Modern Design.</p><p>However, Diana is powered with Valid HTML5, Css3, W3C Validation and Bootstrap 4 and many more powerful website development tools. Diana responsive theme has Widgetized Footer &amp; Sidebar Area, Easy Set Up with Default Content and Cross-Browser optimization.</p><p>Moreover, Diana WordPress theme carries Well Commented CSS Files, Subscribe Form, Drop Down Menu, Subscribe Form Mobile Menu, Social Icon, Google Map, Slick Slider, Google Fonts and many more. In addition, we provide a detailed Documentation, free Updates for your convenience.</p><p>You can install Diana WordPress theme and keep connected with us to avail all the benefits to the full.</p><h2>Main Features:</h2><p><br /></p><ul><li>2+ Home Page</li><li>Powerful Backend Admin Panel</li><li>HT Mega Plugin</li><li>15+ Elementor Addons</li><li>News Blog</li><li>Blog Left Sidebar Page</li><li>Blog Right Sidebar Page</li><li>Blog Details Page</li><li>Testimonial Style</li><li>3 Header Style</li><li>15+ Total Pages</li><li>Shop Page</li><li>My Account Page</li><li>Cart Page</li><li>Checkout Page</li><li>Wishlist Page</li><li>Color Varaition</li><li>Neat, Clean and Simple Design</li><li>Valid HTML5, CSS3</li><li>Passed W3C Validation</li><li>Creative and Modern Design</li><li>Widgetized Footer &amp; Sidebar Area</li><li>Easy Setup With Default Content</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented CSS Files</li><li>Tested With Multiple Device</li><li>Powered With Bootstrap 4</li><li>Powered With Elementor</li><li>Drop Down Menu</li><li>Mobile Menu</li><li>Free Updates</li><li>Slick Slider</li><li>Smooth Animations</li><li>Subcribe Form</li><li>Google Map</li><li>One Click Demo Import</li><li>Social Icon</li><li>WPML Support</li><li>Well Documentation</li><li>Google Fonts</li><li>Contact Form Working</li><li>and much more…</li></ul>","templateFullTitle":"Diana - Furniture WooCommerce Theme","templatePreviewMetaDescription":"Diana - Furniture WordPress Theme is the ultimate eCommerce website, designed with passion and creativity. This theme is specialized to become the online home","templateDemoMetaDescription":"Check out the demo preview for the high quality Diana - Furniture WooCommerce Theme (#77900) get yourself acquainted with this theme before you decide to buy it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Diana - Furniture WooCommerce Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/diana-furniture-woocommerce-theme-77900.html","userRating":0,"designIndex":"85","authorUserId":"1488834","exclusive":"1","state":1,"price":87,"inserted_date":"2019-02-18","sent":0,"downloads":4,"search_words":"architecture apartment furniture business bedroom decoration design studio exterior interior portfolio remodeling shop store woocommerce accessories sofa table and chairs","is_adult":0,"exc_price":2820,"sent_date":"2019-02-18 08:36:25","last_upload":"2024-11-15 07:54:15","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"77900-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77900,"width":800,"window_params":"","banner_url":"","id":1802257,"href":"","height":1200},{"scr_type_id":311,"filename":"77900-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77900,"width":800,"window_params":"","banner_url":"","id":1802258,"href":"","height":1200},{"scr_type_id":312,"filename":"77900-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77900,"width":370,"window_params":"","banner_url":"","id":1802259,"href":"","height":370},{"scr_type_id":9,"filename":"77900-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77900,"width":145,"window_params":"","banner_url":"","id":1802260,"href":"","height":156},{"scr_type_id":57,"filename":"77900-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77900,"width":430,"window_params":"","banner_url":"","id":1802261,"href":"","height":645}],"demoUrl":"/demo/77900.html","image":"https://s.tmimgcdn.com/scr/77900/diana-furniture-woocommerce-theme_77900-original.png","searchHash":"92282bb3fee268691736cac69b4b755d","previewHash":"2fa6a04550c351e94541c141f547941e","authorNickname":"ThemesHub","lowLevelTopic":"Furniture Templates; Tools & Equipment Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":61,"discountPercent":30,"discountAmount":26,"semiannualSales":0,"properties":{"productSize":"7042625","uniqueKeywords":"architecture,apartment,furniture,business,bedroom,decoration,design,studio,exterior,interior,portfolio,remodeling,shop,store,woocommerce,accessories,sofa,table,and,chairs","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Diana - Furniture WordPress Theme is the ultimate eCommerce website, designed with passion and creativity. This theme is specialized to become the online home","excludeExclusive":"Yes","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Team Members","eCommerce","Google map","Blog","Gallery","HTML 5","JQuery","Website Builder"],"saleSells":"1","authorUserId":"1488834","isFree":"none","htmlTitle":"Furniture WordPress Theme","exclusive":"1","wordPressBuilder":"Elementor Website Builder","webServerCompatibility":"Apache 2.4","lastmod":"2021-12-30T07:43:47-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1488834-1550494307514_965.png","wordpressEngine":"5.5.x","compatibleWith":["WooCommerce","WPML"],"wordpressComCompatibility":"WordPress.com Pro Plan","demoMetaDescription":"Check out the demo preview for the high quality Diana - Furniture WooCommerce Theme (#77900) get yourself acquainted with this theme before you decide to buy it. View the pages, check the images, press the buttons, explore the functionality.","wooCommerceCompatibility":["6.4.x","6.5.x","8.7.x","8.8.x","8.9.x","9.0.x","9.1.x","9.2.x","9.3.x"],"shortDescription":"<p>Diana - Furniture WordPress Theme is the ultimate eCommerce website, designed with passion and creativity. This theme is specialized to become the online home of Furniture Business, Interior Design, Outdoor Furniture and related products business.</p><p>Diana comes with 2+ Homepages, 15+ Elementor Add-ons, 3 Header Styles and 15+ Blog styles. Catchy Shop Pages, Blog Pages, My Account, Check Out and Wishlist pages have empowered this website more. Diana is no less affluent in Color Variation, Creative and Modern Design.</p><p>However, Diana is powered with Valid HTML5, Css3, W3C Validation and Bootstrap 4 and many more powerful website development tools. Diana responsive theme has Widgetized Footer &amp; Sidebar Area, Easy Set Up with Default Content and Cross-Browser optimization.</p><p>Moreover, Diana WordPress theme carries Well Commented CSS Files, Subscribe Form, Drop Down Menu, Subscribe Form Mobile Menu, Social Icon, Google Map, Slick Slider, Google Fonts and many more. In addition, we provide a detailed Documentation, free Updates for your convenience.</p><p>You can install Diana WordPress theme and keep connected with us to avail all the benefits to the full.</p><h2>Main Features:</h2><p><br /></p><ul><li>2+ Home Page</li><li>Powerful Backend Admin Panel</li><li>HT Mega Plugin</li><li>15+ Elementor Addons</li><li>News Blog</li><li>Blog Left Sidebar Page</li><li>Blog Right Sidebar Page</li><li>Blog Details Page</li><li>Testimonial Style</li><li>3 Header Style</li><li>15+ Total Pages</li><li>Shop Page</li><li>My Account Page</li><li>Cart Page</li><li>Checkout Page</li><li>Wishlist Page</li><li>Color Varaition</li><li>Neat, Clean and Simple Design</li><li>Valid HTML5, CSS3</li><li>Passed W3C Validation</li><li>Creative and Modern Design</li><li>Widgetized Footer &amp; Sidebar Area</li><li>Easy Setup With Default Content</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented CSS Files</li><li>Tested With Multiple Device</li><li>Powered With Bootstrap 4</li><li>Powered With Elementor</li><li>Drop Down Menu</li><li>Mobile Menu</li><li>Free Updates</li><li>Slick Slider</li><li>Smooth Animations</li><li>Subcribe Form</li><li>Google Map</li><li>One Click Demo Import</li><li>Social Icon</li><li>WPML Support</li><li>Well Documentation</li><li>Google Fonts</li><li>Contact Form Working</li><li>and much more…</li></ul>","tags":["accessories","and","apartment","architecture","bedroom","business","chairs","decoration","design","exterior","furniture","interior","portfolio","remodeling","shop","sofa","store","studio","table","woocommerce"],"customUrl":"/woocommerce-themes/diana-furniture-woocommerce-theme-77900.html","nameOfTheTemplate":"Diana - Furniture WooCommerce Theme","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"topic":["Furniture Templates","Interior & Furniture Templates","Tools & Equipment Templates","Design","Design & Photography","Home & Family"],"changeLogDate":"2024-11-15","styles":"Clean","advImage":"https://s3.tmimgcdn.com/templates/74743/scr/1488834-1602650804361_diana.jpg","wpWoo":"1","productFamily":"None","color":["black","white","grey","pink","orange"],"followUpLetter":"woocommerce-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":["5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x"],"templateSupportOptions":"[]","changeLog":"Date\t: 29-10-2024\nVersion\t: 1.0.9\n--------------------------------------------\n\n1. Updated :    Compatible with WordPress Latest Version\n2. Updated :    Compatible with Elementor Latest Version\n3. Updated : \tTGMA compatibility with lates PHP version\n\nDate\t: 24-08-2022\nVersion\t: 1.0.7\n--------------------------------------------\n1. Updated\t: WordPress 6.0.1\n2. Updated\t: WooCommerce 6.8.2 file\n3. Updated\t: Update core plugin( version 1.0.7 )\n\nDate\t: 17-08-2022\nVersion\t: 1.0.7\n--------------------------------------------\n1. Updated\t: WordPress 6.0.1\n2. Updated\t: WooCommerce 6.8.0 file\n3. Updated\t: Update core plugin( version 1.0.7 )\n\nDate\t: 22-12-2021\nVersion\t: 1.0.6\n--------------------------------------------\n1. Updated\t: WordPress 5.8.2\n2. Updated\t: WooCommerce 6.0.0 file\n3. Updated\t: Update core plugin( version 1.0.6 )\n\nDate\t: 06-09-2021\nVersion\t: 1.0.5\n--------------------------------------------\n1. Updated\t: WordPress 5.8\n2. Updated\t: WooCommerce 5.6.0 file\n3. Updated\t: Update core plugin\nDate\t: 25-08-2021\nVersion\t: 1.0.4\n--------------------------------------------\n1. Updated\t: WordPress 5.8\n2. Updated\t: WooCommerce 5.6.0 file\n\n\nDate\t: 31-05-2021\nVersion\t: 1.0.3\n--------------------------------------------\n1. Updated\t: WordPress 5.7.2\n2. Updated\t: WooCommerce 5.3.0 file\n3. Updated\t: Compatible with Elementor latest version(Core Plugin Updated)\n4. Added\t: Included Wishsuite plugin for wishlist\n5. Added\t: Included Ever Compare plugin for WooCommerce\n\nDate\t: 17-09-2020\nVersion\t: 1.0.2\n--------------------------------------------\n1. Updated\t: WordPress 5.5\n2. Updated\t: WooCommerce 4.4.1 file","livePreviewURL":"https://thethemedemo.com/diana/","authorMainScreenshot":"https://s3u.tmimgcdn.com/1488834-1550494301928_02.png","templateGroup":"Wordpress Store","databaseServerCompatibility":"MySQL 5.7","alreadyPacked":"1","imagesIncluded":"No","templateIcon":"icon-woo","types":"WooCommerce Themes","wooCommerceEngine":"4.2.x","designSoftware":["Adobe Photoshop","Google Web Designer"],"trendiness":"1","bitLyUrl":"http://bit.ly/2V72uOa","paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"85","excerpt":"<p>Diana - Furniture WordPress Theme is the ultimate eCommerce website, designed with passion and creativity. This theme is specialized to become the online home</p>","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: Wed, 27 Nov 2024 19:55:35 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=77900&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=77900&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=77900&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 27 Nov 2024 20:00:35 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://thethemedemo.com/diana/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#77900 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/77900.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 #77900            </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=77900&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $80                <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>