string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=70584&expand=properties"
string(14118) "[{"templateId":70584,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":414,"categoryName":"Beauty Templates","templateTitle":"Beauty Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Gemstonic - Jewelry Elementor WooCommerce Theme","templateDemoHtmlTitle":"Live preview for Gemstonic - Jewelry Elementor WooCommerce Theme #70584","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Gain More Clients with this Feminine Jewelry WordPress Theme</h2><p>Meet our stylish and beautiful feminine jewelry WordPress theme that was created to promote your online store. You can successfully sell any kind of jewelry in a comfortable way, with the help of a built-in WooCommerce plugin.</p><p>Moreover there you can find a wide range of trendy and powerful features. As the theme is based on the Elementor plugin and its premium add-ons, you are free to customize and fix any element you want.</p><p>Our feminine jewelry WordPress theme comes with the demo content. So you can use it with your project and combine it with your own content. Explore the huge number of icons and images that are created in the same style with the theme to complete the whole project.</p><h2>Wonderful Pages to Fully Describe the Store</h2><p>Don't afraid of the performance of your website, with our light-weight template all pages will load in a moment. Use the possibilities of our built-in pages for different purposes:</p><ul><li>''Home'' page is the main page of your website where you should put all the necessary and important information to attract customers to explore product pages.</li><li>''Shop'' page is a page where all your goods are located. It is also powered with a product filter.</li><li>''Blog'' is the page where to put articles about your sphere of activity or your business news.</li><li>''Services'' page. Tell there if you have any additional offers and services.</li><li>''Elements'' page. It will be useful for some details.</li><li>''Features'' is for product features, you can describe there the features of your store.</li></ul><p>Besides these pages, there are more pages included in this feminine jewelry WordPress theme. You can find them in the page header and footer. And of course, each product has its own single product page where you can tell more detailed about the product.</p><h2>Lots of Features Will Simplify the Working Process and Save Your Time</h2><p>The Gemstonic makes it simple and comfortable to purchase products. With its possibilities, you can not only to check the cart with chosen products but also add products to a wishlist and create your personal account where you can check your orders.</p><p>Feminine jewelry WordPress theme includes the amazing navigation menus in the header and footer that simplify the website navigation. Furthermore, all products are well-structured and shown in a modern shape that looks very accurate.</p><p>With the help of this template, you are able to insert a filter, which sorts the items by various criteria and makes the searching process of the needed product absolutely effortless.</p><p>Use the contact form to let clients stay in touch with you or leave a review. You can also use these reviews and put them on your pages thanks to the testimonials widget. Linked social icons allow to simply find your accounts on social media.</p><p>Run our feminine jewelry WordPress theme and get the competent and experienced team of support specialists to help you with any questions and difficulties. The only thing you need to do to contact them is to fill the ticket on the support system of the marketplace and wait for an answer.</p><p>Our grateful team is always ready to fulfill any of your purposes and help you in installing or customizing the website based on our themes.</p>","templateFullTitle":"Gemstonic - Jewelry Elementor WooCommerce Theme","templatePreviewMetaDescription":"Gain More Clients with this Feminine Jewelry WordPress ThemeMeet our stylish and beautiful feminine jewelry WordPress theme that was created to promote your","templateDemoMetaDescription":"Check out the demo of the top quality Gemstonic - Jewelry Elementor WooCommerce Theme (#70584) get yourself informed about this template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":"Gemstonic - Jewelry Elementor WooCommerce Theme","anchorTitle":"Gemstonic - Jewelry Elementor WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/gemstonic-jewelry-elementor-woocommerce-theme-70584.html","userRating":"4.5","designIndex":"87","authorUserId":"1519369","exclusive":"1","state":1,"price":79,"inserted_date":"2018-07-06","sent":1,"downloads":42,"search_words":"jewelry gemstone gold silver brilliants pearls earrings rings necklace bracelets accessories beauty store shop fashion collection blog testimonials business woocommerce","is_adult":0,"exc_price":3420,"sent_date":"2020-08-27 03:18:53","last_upload":"2020-08-27 07:19:01","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"70584-4-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70584,"width":1600,"window_params":"","banner_url":"","id":1758375,"href":"","height":1000},{"scr_type_id":311,"filename":"70584-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70584,"width":800,"window_params":"","banner_url":"","id":1758376,"href":"","height":1200},{"scr_type_id":312,"filename":"70584-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70584,"width":370,"window_params":"","banner_url":"","id":1758377,"href":"","height":370},{"scr_type_id":9,"filename":"70584-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70584,"width":145,"window_params":"","banner_url":"","id":1758378,"href":"","height":156},{"scr_type_id":57,"filename":"70584-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70584,"width":430,"window_params":"","banner_url":"","id":1758379,"href":"","height":645}],"demoUrl":"/demo/70584.html","image":"https://s.tmimgcdn.com/scr/70500/gemstonic-jewelry-elementor-woocommerce-theme_70584-4-original.jpg","searchHash":"535c53564d0de92ef4ed882dbc610ba5","previewHash":"f8fd5f5d2c0d42823b55e2906a3f97b1","authorNickname":"ZEMEZ","lowLevelTopic":"Beauty Templates; Jewelry Templates","weightedRating":4.1666666666667,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":79,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"featured":"Ukraine","productSize":"203578795","uniqueKeywords":"jewelry,gemstone,gold,silver,brilliants,pearls,earrings,rings,necklace,bracelets,accessories,beauty,store,shop,fashion,collection,blog,testimonials,business,woocommerce","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Gain More Clients with this Feminine Jewelry WordPress ThemeMeet our stylish and beautiful feminine jewelry WordPress theme that was created to promote your","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1530879947544_prod-16809.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180706%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180706T130228Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=09f27a4d481ccfe0c0b10daf653df2ebfcc1c83bd390f44afb2bb478f7fef32c","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/52684/scr/1582613056458_Slice.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056461_Slice-1.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056462_Slice-2.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056463_Slice-3.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056465_Slice-4.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056466_Slice-5.png, https://s3.tmimgcdn.com/templates/52684/scr/1582613056468_Slice-6.png","features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Single Product","Dropdown Menu","Sample content","Advanced Theme Options","Performance Optimization","Blog","Online Store/Shop","Website Builder"],"saleSells":"1","languageSupport":"English","authorUserId":"1519369","isFree":"none","additionalInfo":"Well Documented","exclusive":"1","wordPressBuilder":"Elementor Website Builder","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2022-03-21T06:54:45-04:00","authorMainScreenshotVersion":"4","wordpressEngine":"5.5.x","compatibleWith":["WooCommerce","WPML","MailChimp","Ecwid"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"Check out the demo of the top quality Gemstonic - Jewelry Elementor WooCommerce Theme (#70584) get yourself informed about this template before buying it. Browse through the pages, check out the images, press the buttons, explore the features.","wooCommerceCompatibility":"4.2.x","shortDescription":"<h2>Gain More Clients with this Feminine Jewelry WordPress Theme</h2><p>Meet our stylish and beautiful feminine jewelry WordPress theme that was created to promote your online store. You can successfully sell any kind of jewelry in a comfortable way, with the help of a built-in WooCommerce plugin.</p><p>Moreover there you can find a wide range of trendy and powerful features. As the theme is based on the Elementor plugin and its premium add-ons, you are free to customize and fix any element you want.</p><p>Our feminine jewelry WordPress theme comes with the demo content. So you can use it with your project and combine it with your own content. Explore the huge number of icons and images that are created in the same style with the theme to complete the whole project.</p><h2>Wonderful Pages to Fully Describe the Store</h2><p>Don't afraid of the performance of your website, with our light-weight template all pages will load in a moment. Use the possibilities of our built-in pages for different purposes:</p><ul><li>''Home'' page is the main page of your website where you should put all the necessary and important information to attract customers to explore product pages.</li><li>''Shop'' page is a page where all your goods are located. It is also powered with a product filter.</li><li>''Blog'' is the page where to put articles about your sphere of activity or your business news.</li><li>''Services'' page. Tell there if you have any additional offers and services.</li><li>''Elements'' page. It will be useful for some details.</li><li>''Features'' is for product features, you can describe there the features of your store.</li></ul><p>Besides these pages, there are more pages included in this feminine jewelry WordPress theme. You can find them in the page header and footer. And of course, each product has its own single product page where you can tell more detailed about the product.</p><h2>Lots of Features Will Simplify the Working Process and Save Your Time</h2><p>The Gemstonic makes it simple and comfortable to purchase products. With its possibilities, you can not only to check the cart with chosen products but also add products to a wishlist and create your personal account where you can check your orders.</p><p>Feminine jewelry WordPress theme includes the amazing navigation menus in the header and footer that simplify the website navigation. Furthermore, all products are well-structured and shown in a modern shape that looks very accurate.</p><p>With the help of this template, you are able to insert a filter, which sorts the items by various criteria and makes the searching process of the needed product absolutely effortless.</p><p>Use the contact form to let clients stay in touch with you or leave a review. You can also use these reviews and put them on your pages thanks to the testimonials widget. Linked social icons allow to simply find your accounts on social media.</p><p>Run our feminine jewelry WordPress theme and get the competent and experienced team of support specialists to help you with any questions and difficulties. The only thing you need to do to contact them is to fill the ticket on the support system of the marketplace and wait for an answer.</p><p>Our grateful team is always ready to fulfill any of your purposes and help you in installing or customizing the website based on our themes.</p>","tags":["accessories","beauty","bracelets","brilliants","business","collection","earrings","fashion","gemstone","gold","jewelry","necklace","pearls","rings","shop","silver","store","testimonials","woocommerce","blog"],"customUrl":"/woocommerce-themes/gemstonic-jewelry-elementor-woocommerce-theme-70584.html","nameOfTheTemplate":"Gemstonic - Jewelry Elementor WooCommerce Theme","topic":["Beauty Templates","Jewelry Templates","Fashion & Beauty"],"changeLogDate":"2020-07-28","advImage":"https://s3u.tmimgcdn.com/u1519369/3bacdba27d9ede3ccfa5759f767e650d.png","wpWoo":"1","productFamily":"None","color":["white","pink","cyan","yellow"],"followUpLetter":"woocommerce-offers","dateRange":"Last Year","reviewsTotal":"2","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":"5.6.x","templateSupportOptions":"[]","reviewAverageScore":"4.5","livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_16809/v2/","specificTemplateNamePreview":"Gemstonic - Jewelry Elementor WooCommerce Theme","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/52684/scr/1519369-1595503244695_Gemstonic.jpg","templateGroup":"Wordpress Store","popularity":"Top Rated","alreadyPacked":"1","imagesIncluded":"Yes","templateIcon":"icon-woo","types":"WooCommerce Themes","isOldDemoUrl":"1","wooCommerceEngine":"4.2.x","trendiness":"1","tmPrime":"1","bitLyUrl":"http://bit.ly/2lXp7oH","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 05 May 2024 16:48:04 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=70584&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=70584&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=70584&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 May 2024 16:53:04 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_16809/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#70584 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/70584.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 #70584            </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=70584&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>