string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=96982&expand=properties"
string(13777) "[{"templateId":96982,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":102,"categoryName":"Art Gallery Templates","templateTitle":"Art Gallery Responsive WooCommerce Theme","templatePreviewHtmlTitle":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","templateDemoHtmlTitle":"Demo for ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop #96982","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Wake up Your Power with WooСommerce Art Gallery Theme</h2><p>What kind of shop are you going to open? Maybe you want to create something super special and valuable? Then grab the WooCommerce art gallery theme full of outstanding features and attractive design solutions. This newbie will surely drive you crazy.</p><p>Promote your business in the most suitable way without any additional coding skills. Create the website for your store, make up your own design and build the greatest shop ever. Let's look through the features that worth your attention.</p><p><strong>Check the List of WooCommerce Art Gallery Theme Possibilities </strong></p><p>The possibilities of WordPress are limitless, so be sure the WooCommerce art gallery theme has a lot to say and show. Get ready and it’s time to dive into the ZeroBuild template:</p><ul><li>Elementor page builder is the most exciting thing you could ever use. This flexible builder can make everything for you. Want to move the boxes in one click? It's easy to achieve! Use the drag and drop technology.</li><li>More than 25 additional modules for more powerful performance. Vary the website with testimonials, team members, pricing table and other modules. We will check their list later.</li><li>Fully responsiveness will help you while using the website via any gadget you want. It guarantees the stable work of your online store on each type of screen.</li><li>Marvelous design is done in white and blue colors. The pages are clean and images can be displayed in the way you wish.</li></ul><p>Except for these basic features that should be inside of each WooCommerce art gallery theme, there is also a bunch of characteristics that are peculiar for any professional online shop. Take a glance at the most beneficial options you will get with this ZeroBuild theme:</p><ul><li>products page - showcase all your goods on the whole page;</li><li>filter - search the products via the size, price, colors or brands, this filter will help you to find exactly what you need;</li><li>single product page - display the information about each product directly on a separate page and let the customers know it better;</li><li>shopping cart - make the purchases without any efforts and be sure that you will buy the goods you really wanted;</li><li>wishlist - one of the things that really attract any customer, because you can add to it as many products as you wish;</li><li>personal account - create the account to keep personal data in one place and make the shopping rapidly;</li></ul><p><strong>Check the List of Extra Add-Ons in WooCommerce Art Gallery Theme </strong></p><p>Additionally, you can add to your charming store almost every extra feature to make it more powerful and productive. You are able to expand the possibilities of your company via such features as:</p><ul><li>countdown timer - let the buyers know about the newest events;</li><li>simple slider - let the pages thumb smoothly and show all the necessary images;</li><li>call to action - buttons that will lead the customer to make a purchase via its marvelous design;</li><li>testimonials - who love reviews? of course the buyers, it will increase trust and also let you know the feedback;</li></ul><p>Also, in case, you have any questions about the WooCommerce art gallery theme, contact our support team and get the answer immediately. Don’t waste your time and enjoy the stunning functionality of this ZeroBuild theme.</p>","templateFullTitle":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","templatePreviewMetaDescription":"Wake up Your Power with WooСommerce Art Gallery ThemeWhat kind of shop are you going to open? Maybe you want to create something super special and valuable?","templateDemoMetaDescription":"Have a look at the live preview for the top notch ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop WooCommerce Theme (#96982) get yourself informed about this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","anchorTitle":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/zerobuild-woocommerce-art-gallery-theme-that-boosts-your-shop-96982.html","userRating":"4","designIndex":"88","authorUserId":"1519369","exclusive":"1","state":1,"price":84,"inserted_date":"2020-02-25","sent":0,"downloads":8,"search_words":"woocommerce theme website shop store wordpress elementor business company gallery clean design product art home decor fashion cosmetic handcraft furniture","is_adult":0,"exc_price":2100,"sent_date":"2020-02-25 03:33:54","last_upload":"2020-05-04 09:54:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1911621,"templ_id":96982,"filename":"96982-3-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1911622,"templ_id":96982,"filename":"96982-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1911623,"templ_id":96982,"filename":"96982-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":1911624,"templ_id":96982,"filename":"96982-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":1911625,"templ_id":96982,"filename":"96982-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/96982.html","image":"https://s.tmimgcdn.com/scr/96900/zerobuild-woocommerce-art-gallery-theme-that-boosts-your-shop_96982-3-original.jpg","searchHash":"e41936f7aab97d9dd072fe178c874de5","previewHash":"540e903580bfd328ac9f36f056b5aaf6","authorNickname":"ZEMEZ","lowLevelTopic":"Art Gallery Templates; Art Store Templates","weightedRating":4.0909090909091,"annualSale":4,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":59,"discountPercent":30,"discountAmount":25,"semiannualSales":2,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Single Product","Google map","Sample content","Advanced Theme Options","Performance Optimization","Online Store/Shop","Website Builder"],"languageSupport":"English","topic":["Art Templates","Art Gallery Templates","Art Store Templates","Art & Culture"],"isFree":"none","popularity":"Top Rated","color":["black","white","blue"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","nameOfTheTemplate":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop ","shortDescription":"<h2>Wake up Your Power with WooСommerce Art Gallery Theme</h2><p>What kind of shop are you going to open? Maybe you want to create something super special and valuable? Then grab the WooCommerce art gallery theme full of outstanding features and attractive design solutions. This newbie will surely drive you crazy.</p><p>Promote your business in the most suitable way without any additional coding skills. Create the website for your store, make up your own design and build the greatest shop ever. Let's look through the features that worth your attention.</p><p><strong>Check the List of WooCommerce Art Gallery Theme Possibilities </strong></p><p>The possibilities of WordPress are limitless, so be sure the WooCommerce art gallery theme has a lot to say and show. Get ready and it’s time to dive into the ZeroBuild template:</p><ul><li>Elementor page builder is the most exciting thing you could ever use. This flexible builder can make everything for you. Want to move the boxes in one click? It's easy to achieve! Use the drag and drop technology.</li><li>More than 25 additional modules for more powerful performance. Vary the website with testimonials, team members, pricing table and other modules. We will check their list later.</li><li>Fully responsiveness will help you while using the website via any gadget you want. It guarantees the stable work of your online store on each type of screen.</li><li>Marvelous design is done in white and blue colors. The pages are clean and images can be displayed in the way you wish.</li></ul><p>Except for these basic features that should be inside of each WooCommerce art gallery theme, there is also a bunch of characteristics that are peculiar for any professional online shop. Take a glance at the most beneficial options you will get with this ZeroBuild theme:</p><ul><li>products page - showcase all your goods on the whole page;</li><li>filter - search the products via the size, price, colors or brands, this filter will help you to find exactly what you need;</li><li>single product page - display the information about each product directly on a separate page and let the customers know it better;</li><li>shopping cart - make the purchases without any efforts and be sure that you will buy the goods you really wanted;</li><li>wishlist - one of the things that really attract any customer, because you can add to it as many products as you wish;</li><li>personal account - create the account to keep personal data in one place and make the shopping rapidly;</li></ul><p><strong>Check the List of Extra Add-Ons in WooCommerce Art Gallery Theme </strong></p><p>Additionally, you can add to your charming store almost every extra feature to make it more powerful and productive. You are able to expand the possibilities of your company via such features as:</p><ul><li>countdown timer - let the buyers know about the newest events;</li><li>simple slider - let the pages thumb smoothly and show all the necessary images;</li><li>call to action - buttons that will lead the customer to make a purchase via its marvelous design;</li><li>testimonials - who love reviews? of course the buyers, it will increase trust and also let you know the feedback;</li></ul><p>Also, in case, you have any questions about the WooCommerce art gallery theme, contact our support team and get the answer immediately. Don’t waste your time and enjoy the stunning functionality of this ZeroBuild theme.</p>","uniqueKeywords":"woocommerce,theme,website,shop,store,wordpress,elementor,business,company,gallery,clean,design,product,art,home,decor,fashion,cosmetic,handcraft,furniture","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/52890/scr/1587629098704_zerobuild.jpg","dqi":"88","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1582612515001_Slice.png, https://s3u.tmimgcdn.com/1519369-1582612515001_Slice-1.png, https://s3u.tmimgcdn.com/1519369-1582612515003_Slice-2.png, https://s3u.tmimgcdn.com/1519369-1582612515003_Slice-3.png, https://s3u.tmimgcdn.com/1519369-1582612515004_Slice-4.png, https://s3.tmimgcdn.com/templates/52890/scr/1587629103907_6.png, https://s3.tmimgcdn.com/templates/52890/scr/1587629103908_7.png","livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_27241/v1/","metaDescription":"Wake up Your Power with WooСommerce Art Gallery ThemeWhat kind of shop are you going to open? Maybe you want to create something super special and valuable?","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/32po8Sm","customUrl":"/woocommerce-themes/zerobuild-woocommerce-art-gallery-theme-that-boosts-your-shop-96982.html","demoMetaDescription":"Have a look at the live preview for the top notch ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop WooCommerce Theme (#96982) get yourself informed about this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","trendiness":"1","specificTemplateNameListing":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","specificTemplateNamePreview":"ZeroBuild - WooCommerce Art Gallery Theme That Boosts Your Shop","lastmod":"2021-08-11T10:49:09-04:00","advImage":"https://s3u.tmimgcdn.com/u1519369/f73f7529a81b7a3dba09e04e41d950b7.png","imagesIncluded":"Yes","tags":["art","business","clean","company","cosmetic","decor","design","fashion","furniture","gallery","handcraft","home","product","shop","store","theme","wordpress","woocommerce","website","elementor"],"wooCommerceEngine":"4.2.x","wordpressEngine":"5.5.x","wordPressBuilder":"Elementor Website Builder","authorMainScreenshotVersion":"3","productSize":"248461770","wordpressCompatibility":"5.6.x","wooCommerceCompatibility":"4.2.x","paidSupport":"Yes","reviewsTotal":"1","reviewAverageScore":"4","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 28 Nov 2024 18:39:29 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=96982&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=96982&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=96982&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 18:44:29 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_27241/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#96982 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/96982.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 #96982            </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=96982&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>