string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58499&expand=properties"
string(17246) "[{"templateId":58499,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":223,"categoryName":"Shoe Store Templates","templateTitle":"Shoe Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Fairy Style - Fashion Store WooCommerce Theme","templateDemoHtmlTitle":"Demo Preview for Fairy Style - Fashion Store WooCommerce Theme #58499","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><strong>Fairy Style</strong> is a fashion store WooCommerce theme built with mobile-first Bootstrap and valid, well-commented and SEO-friendly code. It comes packed with various tools for building a powerful and user-friendly UI. To name a few, carousels keep multiple products in a single block, tabs group them into categories, and filters make it easier to find a necessary item. In terms of typography, you can access an extensive library of Google fonts. As this eCommerce theme is available under the <strong>100% GPL license</strong>, feel free to modify it and its sources the way you like. While editing the default design, you can preview changes live thanks to <strong>WordPress Customizer</strong> integration.</p><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a digital products vendor and earn up to 70% from each sale.</p><h3>This Beauty WordPress WooCommerce template is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>It is a option that can help to meet practically all customer and search engine specifications and accomplish rank positions in the search.</p><p><strong>Why is it Good?</strong></p><p>The Search Engine Friendly template is certainly a superb basic platform to begin selling and increasing research rates of the site. It actually is a lot easier to work with this sort of site for Website seo specialist considering that half the work is previously completed.</p><p>Find more Search Engine Friendly WooCommerce templates here</p><h3>This Fashion Shop WooCommerce theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design is a method of web design that allows web pages to adapt to a screen resolution of pretty much any device - whether it's a personal computer, a laptop or a smartphone.</p><p><strong>Why is it Good?</strong></p><p>It is great considering that the website can be reached by more viewers from the vast number of gadgets.</p><h3>This is Fashion Designer WooCommerce template with MotoPress Slider</h3><p><strong>What is it?</strong></p><p>Beautiful photos attract the viewers of a webpage. MotoPress Slider presents your pictures in the most beneficial way and helps you make the webpage much more interesting. Smoothly changing photographs with some info focuses end user's attention on the very best promotions of the webpage.</p><p><strong>Why is it Good?</strong></p><p>The drag-and-drop technology will let you maintain photo slides in the graphic mode readily. With its help, you will be able set up a large amount of SEO-friendly slides that can look marvelous on pretty much all displays.</p><p>Find fresh MotoPress Slider WooCommerce themes here</p><h3>This Fashion Shop WooCommerce theme is WPML ready</h3><p><strong>What is it?</strong></p><p>WPML is a element which allows to make your web page multilingual.</p><p><strong>Why is it Good?</strong></p><p>WP Multilingual ready themes lets you build a niche site in a variety of spoken languages.</p><p>Fresh WPML ready WordPress WooCommerce templates here</p><h3>This Fashion & Beauty Magazine WooCommerce design template is Retina Ready</h3><p><strong>What is it?</strong></p><p>Retina Ready is a layout that is successfully adjusted to high pixel density displays.</p><p><strong>Why is it Good?</strong></p><p>Retina Ready layouts make all pictures and content appear sharper, brighter, and more colorful.</p><p>Fresh Retina Ready WordPress WooCommerce templates here</p><p>This template is featured in the following editorial reviews:</p><p>For Girls Only: 14 Feminine WordPress Themes That Look Fragile</p>","templateFullTitle":"Fairy Style - Fashion Store WooCommerce Theme","templatePreviewMetaDescription":"Fairy Style is a fashion store WooCommerce theme built with mobile-first Bootstrap and valid, well-commented and SEO-friendly code. It comes packed with","templateDemoMetaDescription":"Before you decide to buy it, get informed about the premium Fairy Style - Fashion Store WooCommerce Theme (#58499) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Fairy Style - Fashion Store WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/fairy-style-woocommerce-theme-58499.html","userRating":"4.5","designIndex":"90","authorUserId":"1519369","exclusive":"1","state":1,"price":84,"inserted_date":"2016-03-22","sent":1,"downloads":160,"search_words":"cms convert style accessories clothes fashion shop store stylish trend brands beauty","is_adult":0,"exc_price":5000,"sent_date":"2019-07-31 00:00:00","last_upload":"2016-03-22 04:00:00","package_id":288,"hasExclusivePrice":1,"screenshots":[{"id":1669225,"templ_id":58499,"filename":"58499-origin-1200.jpg","width":1903,"height":5596,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669226,"templ_id":58499,"filename":"58499-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669227,"templ_id":58499,"filename":"58499-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669228,"templ_id":58499,"filename":"58499-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":1669229,"templ_id":58499,"filename":"58499-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669230,"templ_id":58499,"filename":"58499-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":1669231,"templ_id":58499,"filename":"58499-original-1200.jpg","width":1903,"height":5596,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669232,"templ_id":58499,"filename":"58499-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669233,"templ_id":58499,"filename":"58499-origin.jpg","width":1903,"height":5596,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669234,"templ_id":58499,"filename":"58499-3-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":1669235,"templ_id":58499,"filename":"58499-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669236,"templ_id":58499,"filename":"58499-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669237,"templ_id":58499,"filename":"58499-big.jpg","width":965,"height":2838,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1669238,"templ_id":58499,"filename":"58499-woocommerce-b.jpg","width":430,"height":1264,"href":"","window_params":"","scr_type_id":337,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58499.html","image":"https://s.tmimgcdn.com/scr/58400/fairy-style-fashion-store-woocommerce-theme_58499-3-original.jpg","searchHash":"16cfe367dfc4933b2e6b725a7bae7487","previewHash":"8336a9f348bbf5527f54f2f09dc59e5c","authorNickname":"ZEMEZ","lowLevelTopic":"Shoe Store Templates; T-shirt Shop Templates; Jeans Templates; Fashion Store Templates; Men's Fashion; Women's Fashion","weightedRating":4.4347826086957,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":59,"discountPercent":30,"discountAmount":25,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Performance Optimization","Online Store/Shop","Website Builder"],"styles":["Neutral","Flat"],"galleryScript":["Carousel","Slider"],"media":["Audio Player","Video Integration"],"webForms":["Contact Form","Advanced Search"],"badge":"badge-responsive","templateSources":[".PHP","This theme is widgetized"],"topic":["Shoe Store Templates","T-shirt Shop Templates","Jeans Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Men's Fashion","Women's Fashion"],"types":"WooCommerce Themes","isFree":"none","popularity":"Top Rated","dateRange":"Last 6 Months","nomotopress":"1","color":["black","white","grey","red"],"livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_1080/v2/","nameOfTheTemplate":"Fairy Style - Fashion Store WooCommerce Theme","shortDescription":"<p><strong>Fairy Style</strong> is a fashion store WooCommerce theme built with mobile-first Bootstrap and valid, well-commented and SEO-friendly code. It comes packed with various tools for building a powerful and user-friendly UI. To name a few, carousels keep multiple products in a single block, tabs group them into categories, and filters make it easier to find a necessary item. In terms of typography, you can access an extensive library of Google fonts. As this eCommerce theme is available under the <strong>100% GPL license</strong>, feel free to modify it and its sources the way you like. While editing the default design, you can preview changes live thanks to <strong>WordPress Customizer</strong> integration.</p><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a digital products vendor and earn up to 70% from each sale.</p><h3>This Beauty WordPress WooCommerce template is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>It is a option that can help to meet practically all customer and search engine specifications and accomplish rank positions in the search.</p><p><strong>Why is it Good?</strong></p><p>The Search Engine Friendly template is certainly a superb basic platform to begin selling and increasing research rates of the site. It actually is a lot easier to work with this sort of site for Website seo specialist considering that half the work is previously completed.</p><p>Find more Search Engine Friendly WooCommerce templates here</p><h3>This Fashion Shop WooCommerce theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design is a method of web design that allows web pages to adapt to a screen resolution of pretty much any device - whether it's a personal computer, a laptop or a smartphone.</p><p><strong>Why is it Good?</strong></p><p>It is great considering that the website can be reached by more viewers from the vast number of gadgets.</p><h3>This is Fashion Designer WooCommerce template with MotoPress Slider</h3><p><strong>What is it?</strong></p><p>Beautiful photos attract the viewers of a webpage. MotoPress Slider presents your pictures in the most beneficial way and helps you make the webpage much more interesting. Smoothly changing photographs with some info focuses end user's attention on the very best promotions of the webpage.</p><p><strong>Why is it Good?</strong></p><p>The drag-and-drop technology will let you maintain photo slides in the graphic mode readily. With its help, you will be able set up a large amount of SEO-friendly slides that can look marvelous on pretty much all displays.</p><p>Find fresh MotoPress Slider WooCommerce themes here</p><h3>This Fashion Shop WooCommerce theme is WPML ready</h3><p><strong>What is it?</strong></p><p>WPML is a element which allows to make your web page multilingual.</p><p><strong>Why is it Good?</strong></p><p>WP Multilingual ready themes lets you build a niche site in a variety of spoken languages.</p><p>Fresh WPML ready WordPress WooCommerce templates here</p><h3>This Fashion & Beauty Magazine WooCommerce design template is Retina Ready</h3><p><strong>What is it?</strong></p><p>Retina Ready is a layout that is successfully adjusted to high pixel density displays.</p><p><strong>Why is it Good?</strong></p><p>Retina Ready layouts make all pictures and content appear sharper, brighter, and more colorful.</p><p>Fresh Retina Ready WordPress WooCommerce templates here</p><p>This template is featured in the following editorial reviews:</p><p>For Girls Only: 14 Feminine WordPress Themes That Look Fragile</p>","kindOfShops":"This WooCommerce theme is intended for fashion, beauty, gifts, jewelry, design, art, and electronics websites.","imageDescription":"https://s.tmimgcdn.com/scr/58400/58499-responsive-layout.jpg","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597516_Slice%208.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597517_Slice%209.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597519_Slice%2010.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597519_Slice%2011.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597521_Slice%2012.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597522_Slice%2013.png, https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447597523_Slice%2014.png","bitLyUrl":"http://bit.ly/1Rd1HFV","reviewsTotal":"13","reviewAverageScore":"4.5","issuggestion":"1","uniqueKeywords":"cms,convert,style,accessories,clothes,fashion,shop,store,stylish,trend,brands,beauty","metaDescription":"Fairy Style is a fashion store WooCommerce theme built with mobile-first Bootstrap and valid, well-commented and SEO-friendly code. It comes packed with","htmlTitle":"Fashion Designer WooCommerce Theme","documentationLink":"wordpress/index.php?project=fairystyle","showVariantForcibly":"b","turnOnPreviewExperiment":"1","trendiness":"1","reviewsTotalDe":"1","reviewAverageScoreDe":"5","trustedElements":["Free Support","GPL v3.0","Satisfaction Guarantee"],"exclusive":"1","authorUserId":"1519369","defaultPriceVariant":"virtual","dynamicChangeLog":"<ul>\n<li>- 2 minor CSS bugs fixed</li>\n<li>- 1 JS bug fixed</li>\n<li>- 2 font bugs fixed</li>\n<li>- 3 front-end bugs fixed</li>\n<li>- 2 minor styles issues fixed</li>\n</ul>","lastmod":"2021-09-17T08:17:47-04:00","sqi":"95","templateSupportOptions":"[]","dqi":"90","skupromo":"22%","compatibleWith":["WooCommerce","WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/woocommerce-themes/fairy-style-woocommerce-theme-58499.html","demoMetaDescription":"Before you decide to buy it, get informed about the premium Fairy Style - Fashion Store WooCommerce Theme (#58499) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the functionality.","isOldDemoUrl":"1","wpWoo":"1","advImage":"https://s3u.tmimgcdn.com/u1519369/1014439720790418c5517677fe2ac3f3.png","imagesIncluded":"Yes","tags":["accessories","beauty","brands","clothes","cms","convert","fashion","shop","store","style","stylish","trend"],"wooCommerceEngine":"4.2.x","wordpressEngine":"5.5.x","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/95050/scr/1519369-1601447583475_FairyStyle.jpg","saleSells":"1","productSize":"481589318","wordPressBuilder":"Elementor Website Builder","authorMainScreenshotVersion":"3","changeLogDate":"2020-09-30","wordpressCompatibility":"5.6.x","wooCommerceCompatibility":"4.2.x","paidSupport":"Yes","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"languageSupport":"English","currencies":["USD","EUR"],"additionalInfo":"Well Documented","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","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: Fri, 22 Nov 2024 22:15:42 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=58499&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58499&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58499&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 22:20:42 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://ld-wp73.template-help.com/woocommerce/prod_1080/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58499 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/58499.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 #58499            </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=58499&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $73                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>