string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=87221&expand=properties"
string(11541) "[{"templateId":87221,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":427,"categoryName":"Computer Store Templates","templateTitle":"Computer Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Emetix - Electronics and Digital Shop WooCommerce Theme","templateDemoHtmlTitle":"Live demo for Emetix - Electronics and Digital Shop WooCommerce Theme #87221","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Emetix WooCommerce theme is a modern and flexible WordPress with beautiful typography, subtle transitions, interesting use of navigation. Emetix theme specially design for digital, mobile, electronics, mega store and multipurpose store category. Emetix theme designed it to make your site prettier and your life easier. Emetix theme is compatible with a bundle of the premium plugin: WPBakery Page Builder and with this plugin easy to customize with drag and drop page builder that will help you to create any type of layouts with fast and easy. Emetix theme included all featured with a collection of powerful short codes and widgets, for easy to use and capacity. Emetix theme is packed with a large collection of shop layouts including many product templates and elements.</p>","templateFullTitle":"Emetix - Electronics and Digital Shop WooCommerce Theme","templatePreviewMetaDescription":"Emetix WooCommerce theme is a modern and flexible WordPress with beautiful typography, subtle transitions, interesting use of navigation. Emetix theme","templateDemoMetaDescription":"The demo of this top quality Emetix - Digital Shop WooCommerce Theme (#87221) is generated for you to get the look and feel of the theme before you choose to buy it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Emetix - Electronics and Digital Shop WooCommerce Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/emetix-digital-shop-woocommerce-theme-87221.html","userRating":"4.5","designIndex":"87","authorUserId":"1531974","exclusive":"1","state":1,"price":69,"inserted_date":"2019-10-11","sent":1,"downloads":66,"search_words":"digital mobile electronics megashop fashion cosmetic furniture accessories woocommerce wordpress gadgets electronic shopping multipurpose ecommerce templatemela","is_adult":0,"exc_price":2970,"sent_date":"2020-05-26 07:58:24","last_upload":"2024-03-13 12:20:08","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1857971,"templ_id":87221,"filename":"87221-8-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":1857972,"templ_id":87221,"filename":"87221-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1857973,"templ_id":87221,"filename":"87221-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":1857974,"templ_id":87221,"filename":"87221-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":1857975,"templ_id":87221,"filename":"87221-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/87221.html","image":"https://s.tmimgcdn.com/scr/87200/emetix-electronics-and-digital-shop-woocommerce-theme_87221-8-original.jpg","searchHash":"188f4468429864a456c02137dcfa68b6","previewHash":"451ca1584712509bc7576ce5913b12a5","authorNickname":"TemplateMela","lowLevelTopic":"Entertainment, Games & Nightlife; Computer Store Templates; Electronics Store Templates; Shopping Mall","weightedRating":4.2222222222222,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"bitLyUrl":"http://bit.ly/35mkSbP","features":["Mobile Layout Included","Multipurpose","Responsive","Premium","Sample content","Quickstart Package","Blog","Gallery","Portfolio","Parallax","Website Builder","Dropdown Menu","eCommerce","HTML 5","JQuery","One click installation","Performance Optimization","Search Engine Friendly","Admin Panel","Advanced Theme Options","Ajax","Drag and Drop Content","Lazy Load effect","Light Template","MegaMenu","Online Store/Shop","Sliced PSD"],"livePreviewURL":"https://wordpressthemes.live/WCM5/WCM125_emetix/","styles":["Clean","Corporate","Flat","Minimalist","Web2.0"],"nameOfTheTemplate":"Emetix - Electronics and Digital Shop WooCommerce Theme","shortDescription":"<p>Emetix WooCommerce theme is a modern and flexible WordPress with beautiful typography, subtle transitions, interesting use of navigation. Emetix theme specially design for digital, mobile, electronics, mega store and multipurpose store category. Emetix theme designed it to make your site prettier and your life easier. Emetix theme is compatible with a bundle of the premium plugin: WPBakery Page Builder and with this plugin easy to customize with drag and drop page builder that will help you to create any type of layouts with fast and easy. Emetix theme included all featured with a collection of powerful short codes and widgets, for easy to use and capacity. Emetix theme is packed with a large collection of shop layouts including many product templates and elements.</p>","popularity":"Top Rated","wordpressEngine":"5.4.x","wordpressCompatibility":["5.2.x","5.3.x","5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.4.x","6.3.x","6.2.x","6.1.x"],"topic":["Electronics Templates","Computers & Internet","Entertainment, Games & Nightlife","Computer Store Templates","Electronics Store Templates","Business & Services","Shopping Mall"],"wooCommerceEngine":"4.1.x","wooCommerceCompatibility":["4.9.x","5.0.x","5.1.x","5.2.x","5.3.x","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.8.x","6.7.x","6.6.x","6.5.x","6.4.x","8.4.x","8.3.x","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","7.3.x","7.2.x","7.1.x","7.0.x","8.6.x","8.5.x"],"reviewAverageScore":"4.5","reviewsTotal":"8","uniqueKeywords":"digital,mobile,electronics,megashop,fashion,cosmetic,furniture,accessories,woocommerce,wordpress,gadgets,electronic,shopping,multipurpose,ecommerce,templatemela","customUrl":"/woocommerce-themes/emetix-digital-shop-woocommerce-theme-87221.html","isFree":"none","metaDescription":"Emetix WooCommerce theme is a modern and flexible WordPress with beautiful typography, subtle transitions, interesting use of navigation. Emetix theme","changeLog":"##Update History\n\n## March 2, 2024:\n- Changed all files and whole file stuctures of the theme and plugins. Recommend to reinstall the theme and plugins\n\n\n\n\n## February 20, 2024:\n- Changed all files and whole file stuctures of the theme and plugins. Recommend to reinstall the theme and plugins\n- Version 2.0.0\n\n## August 10, 2023:\n- Changed sample data in the emetix_customizer_export.dat, emetix_widgets_settings.wie, emetix_wordpress.xml file, located Sample Data directory\n- Solved some miscellaneous CSS bugs with the theme layout\n- Update WordPress Version\n- Update Revolution Slider\n\n#7-Sep-2022\n- Fixed some miscellaneous bugs with theme package.\n- Update latest version of Revolution Slider &amp; WP Bakery plugin.\n\n#18-Jun-2021\n- Upgraded theme plugins files.\n\n#27-Feb-2021\n- Upgraded theme package for fixed outdated files issue and update plugins files. \n\n#26-May-2020\n- Upgraded theme package for fixed outdated files issue and update plugins files. \n\n#12-Feb-2020\n- Fixed outdated file issue with theme package.\n\n#14-Dec-2019\n- Fixed outdated file issue with theme package.\n- Update sample data.","dateRange":["Last Month","Last 6 Months"],"color":["black","white"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1531974/9ccf363dab5b974892971c0974957581.jpg, https://s3u.tmimgcdn.com/u1531974/859d9695232c3db39ab5e99689e3fdb3.gif, https://s3u.tmimgcdn.com/u1531974/7b1ba3c6bb2f0b733e66bcfaf5ffa630.jpg, https://s3u.tmimgcdn.com/u1531974/f09992758db02a253b54e0124adc365a.jpg, https://s3u.tmimgcdn.com/u1531974/cee413afa973292019e4a041c11bc832.gif, https://s3u.tmimgcdn.com/u1531974/290bc4d665ba1dd5a8bccf3f38c91760.gif, https://s3u.tmimgcdn.com/u1531974/de92cd29bba59af0a95c6bacfe242af9.jpg, https://s3u.tmimgcdn.com/u1531974/f117bb8fa0ec3c0f5c45d19ef202375c.jpg, https://s3u.tmimgcdn.com/u1531974/0e23ed5b32a9d38a06f266abf688680e.jpg, https://s3u.tmimgcdn.com/u1531974/81728f31656f413936290438d4d8c246.jpg, https://s3u.tmimgcdn.com/u1531974/54dcc86d37818f50f51100c093767ed5.jpg, https://s3u.tmimgcdn.com/u1531974/c204b2e2eec96a79a0298f7c4c4e3bea.jpg, https://s3u.tmimgcdn.com/u1531974/be462e34cefae6392cfeb586cb8775b7.jpg","demoMetaDescription":"The demo of this top quality Emetix - Digital Shop WooCommerce Theme (#87221) is generated for you to get the look and feel of the theme before you choose to buy it. Browse through the pages, check the images, click the buttons, explore the features.","changeLogDate":"2024-02-22","lastmod":"2022-02-12T02:57:37-05:00","trendiness":"1","showVariantForcibly":"b","dqi":"87","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1531974/df1fe7c40b4cfc7e268607352f21719b.jpg, https://s3u.tmimgcdn.com/u1531974/a93b74844ec44cc8df1c6fbc416925d2.jpg, https://s3u.tmimgcdn.com/u1531974/bcc9da07289461c832cb3d3ea97d47ed.jpg, https://s3u.tmimgcdn.com/u1531974/53b9a97976ea6c8a38e6077053672e8f.jpg, https://s3u.tmimgcdn.com/u1531974/9526371c87cbe0123acfa9c6cc5e66c6.jpg, https://s3u.tmimgcdn.com/u1531974/a6e45c9be23a9b7e12c8c7818e9c608d.jpg, https://s3u.tmimgcdn.com/u1531974/782e6a6c7ab671f86a05470b42cdef19.jpg, https://s3u.tmimgcdn.com/u1531974/ca6d0030dfcce0e665bb1bebcc2f9266.jpg","authorUserId":"1531974","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1531974/79bf9520ca178c295cb989e73b32bca2.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","compatibleWith":["Revolution Slider","WooCommerce","WPML","MailChimp","Polylang"],"marketplaceMembership":"None","wpWoo":"1","tags":["accessories","cosmetic","digital","electronics","fashion","furniture","mobile","wordpress","woocommerce","megashop","electronic","gadgets","multipurpose","shopping","ecommerce","templatemela"],"advImage":"https://s3u.tmimgcdn.com/u1531974/fcd5b31ae720d0dd5b8da400814db955.jpg","productSize":"25639401","imagesIncluded":"No","authorMainScreenshotVersion":"8","wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"WordPress.com Pro Plan","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Emetix theme specially design for digital, mobile, electronics, mega store and multipurpose store category.</p>","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: Tue, 07 May 2024 19:39:49 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=87221&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=87221&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=87221&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 19:44:49 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: 165.227.251.218:80"
}
https://wordpressthemes.live/WCM5/WCM125_emetix/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#87221 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/87221.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 #87221            </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=87221&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>