string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53421&expand=properties"
string(15688) "[{"templateId":53421,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Jewelry - Jewelry Website Design Template for Online Shops WooCommerce Theme","templateDemoHtmlTitle":"Live demo for Jewelry - Jewelry Website Design Template for Online Shops WooCommerce Theme #53421","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Advertise Your Jewelry Business with the Jewelry Store Website Design Template for Elementor</h2><p>There are two main reasons that the jewelry companies prefer jewelry store website design theme: this is a very effective way to advertise your business and the second to show the seriousness of your jewelry attitudes.</p><p>On the one hand, this jewelry store website design template is a combination of pleasant gray and brown shades, and on the other, a multifunctional theme with a large number of pages. In addition to being ideal in the web the jewelry store website design template has well-assembled visual effects.</p><ul><li>Banner in the hero section - add exceptional jewelry offers right to the frontend of the homepage;</li><li>Featured Products - demonstrate a popular category of jewelry in the appropriated section;</li><li>Sale Products - showcase discounts jewelry and offers using this block;</li><li>Animated box - make use of a background that can be filled with color or put jewelry images;</li><li>WooCommerce goods - display all products, recommended goods or sales;</li><li>WooCommerce navigation filters - sort your jewelry by price, by color, category or create own filter;</li><li>Team block - meet your clients with your experts who design incredible jewelry for your business;</li><li>My account section - let you customers to save the history of their purchasings;</li><li>Wishlist and compare buttons - make the buying process pleasant for your purchasers with these options;</li><li>Set of forms - add a contact form, the subscriber field or even message requests.</li></ul><p>However, there is nothing more important than shopping page in this jewelry store website design which allows your business to be a full-format online store in the jewelry marketplace. This means that your clients can make shopping jewelry at any time and any place in the world.</p><p>If you want to expand the functionality of your site with this jewelry store website design template, then this will not take any effort from you, because it includes Jet plugins extending Elementor with over 50+ special widgets.</p>","templateFullTitle":"Jewelry - Jewelry Website Design Template for Online Shops WooCommerce Theme","templatePreviewMetaDescription":"Advertise Your Jewelry Business with the Jewelry Store Website Design Template for ElementorThere are two main reasons that the jewelry companies prefer","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the professional Jewelry Products WooCommerce Theme (#53421) by viewing the demo. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Jewelry - Jewelry Website Design Template for Online Shops WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/53421.html","userRating":"5","designIndex":"87","authorUserId":"1519369","exclusive":"1","state":1,"price":84,"inserted_date":"2015-03-23","sent":1,"downloads":215,"search_words":"jewelry template handmade wordpress shop design elementor clean minimalist multipurpose woocommerce store service","is_adult":0,"exc_price":4500,"sent_date":"2020-06-17 07:46:59","last_upload":"2022-08-19 05:43:18","package_id":269,"hasExclusivePrice":1,"screenshots":[{"id":1451628,"templ_id":53421,"filename":"53421-origin-1200.jpg","width":2050,"height":7274,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451629,"templ_id":53421,"filename":"53421-big.jpg","width":965,"height":3424,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451630,"templ_id":53421,"filename":"53421-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":1451631,"templ_id":53421,"filename":"53421-original-1200.jpg","width":2050,"height":7274,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451632,"templ_id":53421,"filename":"53421-1-original.jpg","width":2050,"height":2632,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451633,"templ_id":53421,"filename":"53421-1-origin.jpg","width":2050,"height":2632,"href":"","window_params":"","scr_type_id":317,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451634,"templ_id":53421,"filename":"53421-1-origin-1200.jpg","width":2050,"height":2632,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451635,"templ_id":53421,"filename":"53421-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":1451636,"templ_id":53421,"filename":"53421-woocommerce-b.jpg","width":430,"height":1526,"href":"","window_params":"","scr_type_id":323,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451637,"templ_id":53421,"filename":"53421-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":1451638,"templ_id":53421,"filename":"53421-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":1451639,"templ_id":53421,"filename":"53421-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":1451640,"templ_id":53421,"filename":"53421-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":1451641,"templ_id":53421,"filename":"53421-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":1451642,"templ_id":53421,"filename":"53421-original.jpg","width":2050,"height":7274,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451643,"templ_id":53421,"filename":"53421-origin.jpg","width":2050,"height":7274,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451644,"templ_id":53421,"filename":"53421-1-big.jpg","width":965,"height":1239,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1451645,"templ_id":53421,"filename":"53421-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":1451646,"templ_id":53421,"filename":"53421-1-original-1200.jpg","width":2050,"height":2632,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638348,"templ_id":53421,"filename":"53421-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53421.html","image":"https://s.tmimgcdn.com/scr/53400/jewelry-jewelry-website-design-template-for-online-shops-woocommerce-theme_53421-4-original.jpg","searchHash":"e36e6d8225a3a53f88a5ef6f570de23c","previewHash":"e7e3c4018dfd15a8e023d20d13f40eac","authorNickname":"ZEMEZ","lowLevelTopic":"Beauty Templates; Jewelry Templates; Accessories; Women's Fashion","weightedRating":4.5263157894737,"annualSale":4,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":1,"finalPrice":59,"discountPercent":30,"discountAmount":25,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Single Product","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Performance Optimization","Online Store/Shop","Website Builder"],"styles":["Neutral","Flat"],"currencies":"USD","badge":"badge-cherry","templateSources":[".PSD",".PHP","This theme is widgetized"],"topic":["Beauty Templates","Fashion Templates","Jewelry Templates","Fashion & Beauty","Accessories","Women's Fashion"],"cherry12NewZIPStructure":"1","types":"WooCommerce Themes","documentationVersion":"v3.1","isFree":"none","popularity":"Top Rated","followUpLetter":"woocommerce-offers","nomotopress":"1","color":["black","white","grey","brown"],"livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_26149/v4/","width":"2050px","imageDescription":"https://s.tmimgcdn.com/scr/53400/53421-responsive-layout.jpg","imagesList":"Depositphotos1147111original.jpgDepositphotos1165802original.jpgDepositphotos1382984original.jpgDepositphotos2282293original.jpgDepositphotos5432037original.jpgDepositphotos7085845original.jpgDepositphotos7112696original.jpgDepositphotos8521796original.jpgDepositphotos10953362EL4.jpgDepositphotos15475137original.jpgDepositphotos20177687original.jpgDepositphotos20190999original.jpgDepositphotos23921999original.jpgDepositphotos29983999original.jpg","uniqueKeywords":"jewelry,template,handmade,wordpress,shop,design,elementor,clean,minimalist,multipurpose,woocommerce,store,service","kindOfShops":"Good for fashion, beauty, wedding, gifts, books online stores.","metaDescription":"Advertise Your Jewelry Business with the Jewelry Store Website Design Template for ElementorThere are two main reasons that the jewelry companies prefer","htmlTitle":"Jewelry Products WooCommerce Theme","shortDescription":"<h2>Advertise Your Jewelry Business with the Jewelry Store Website Design Template for Elementor</h2><p>There are two main reasons that the jewelry companies prefer jewelry store website design theme: this is a very effective way to advertise your business and the second to show the seriousness of your jewelry attitudes.</p><p>On the one hand, this jewelry store website design template is a combination of pleasant gray and brown shades, and on the other, a multifunctional theme with a large number of pages. In addition to being ideal in the web the jewelry store website design template has well-assembled visual effects.</p><ul><li>Banner in the hero section - add exceptional jewelry offers right to the frontend of the homepage;</li><li>Featured Products - demonstrate a popular category of jewelry in the appropriated section;</li><li>Sale Products - showcase discounts jewelry and offers using this block;</li><li>Animated box - make use of a background that can be filled with color or put jewelry images;</li><li>WooCommerce goods - display all products, recommended goods or sales;</li><li>WooCommerce navigation filters - sort your jewelry by price, by color, category or create own filter;</li><li>Team block - meet your clients with your experts who design incredible jewelry for your business;</li><li>My account section - let you customers to save the history of their purchasings;</li><li>Wishlist and compare buttons - make the buying process pleasant for your purchasers with these options;</li><li>Set of forms - add a contact form, the subscriber field or even message requests.</li></ul><p>However, there is nothing more important than shopping page in this jewelry store website design which allows your business to be a full-format online store in the jewelry marketplace. This means that your clients can make shopping jewelry at any time and any place in the world.</p><p>If you want to expand the functionality of your site with this jewelry store website design template, then this will not take any effort from you, because it includes Jet plugins extending Elementor with over 50+ special widgets.</p>","nameOfTheTemplate":"Jewelry - Jewelry Website Design Template for Online Shops WooCommerce Theme","bitLyUrl":"http://bit.ly/19TlUyu","reviewsTotal":"9","reviewAverageScore":"5","productFamily":"None","mojoItemId":"55a4c71a-6380-4d3f-b0a8-048e0a141f37","showVariantForcibly":"b","trendiness":"1","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 3 HTML issues fixed</li><li>- 2 JS bugs fixed</li><li>- 3 front-end bugs fixed</li><li>- 2 PSD layers changed</li></ul>","lastmod":"2022-03-12T14:14:11-05:00","sqi":"95","templateSupportOptions":"[]","dqi":"87","skupromo":"13%","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/woocommerce-themes/53421.html","demoMetaDescription":"Before you buy it, get knowledgeable about the professional Jewelry Products WooCommerce Theme (#53421) by viewing the demo. View the pages, check the images, press the buttons, explore the features.","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/469c2bbd83c7acff78f6fde97fd66abc.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/dfa4446700535fc3e223c5775b16a9ca.png, https://s3u.tmimgcdn.com/u1519369/059c49260a08ffd7a6db09225c6153a3.png, https://s3u.tmimgcdn.com/u1519369/265a22bafa60623224ff812912d2f663.png, https://s3u.tmimgcdn.com/u1519369/f37731ab7e312b44df2aab3529daffb0.png, https://s3u.tmimgcdn.com/u1519369/d4beccb353eb0bc52ab575b85a2005c4.png, https://s3u.tmimgcdn.com/u1519369/2224a29a6f9beb32e0219082963ec445.png, https://s3u.tmimgcdn.com/u1519369/29e6d9b1ed619e3fa5c2cb99af435433.png, https://s3u.tmimgcdn.com/u1519369/3aab965281eb5a5e0f8da09fdbf9faf5.png","saleSells":"1","isOldDemoUrl":"1","wpWoo":"1","advImage":"https://s3u.tmimgcdn.com/u1519369/2d3f560f6cc9dd790618ec52c7fb7051.png","productSize":"48445065","imagesIncluded":"Yes","tags":["clean","design","handmade","jewelry","minimalist","multipurpose","service","shop","store","template","wordpress","woocommerce","elementor"],"changeLogDate":"2022-08-19","wooCommerceEngine":"4.2.x","wordPressBuilder":"Elementor Website Builder","authorMainScreenshotVersion":"4","paidSupport":"Yes","changeLog":"## Jewelry (August18, 2022):\n- Minor bugs fixed;\n- Elementor Page Builder 3.7 compatible;\n- WooCommerce 6.8 compatible;\n- WordPress 6.0 compatible.\n## Jewelry (Arpil 30, 2021):\n- Minor bugs fixed;\n- Elementor Page Builder 3.2 compatible;\n- WooCommerce 5.2 compatible;\n- WordPress 5.7 compatible.","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":"6.0.x","wooCommerceCompatibility":"6.6.x","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"templateIcon":"icon-woo","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 10:59:07 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=53421&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53421&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53421&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 11:04:07 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://ld-wp73.template-help.com/woocommerce/prod_26149/v4/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53421 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/53421.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 #53421            </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=53421&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>