string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=195385&expand=properties"
string(12438) "[{"templateId":195385,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":207,"categoryName":"Toy Store Templates","templateTitle":"Toy Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"ENJOY - Game Store WooCommerce Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for ENJOY - Game Store WooCommerce Theme #195385","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>For those who love games and business</h2><p>ENJOY is a tribute to all gamers who own their own video game store and want to expand their online presence with a one-of-a-kind site. It is a new and unique Theme for WooCommerce created with Elementor Page Builder and PowerPack, designed for entrepreneurs and merchants who want to have an online game and technology goods store with a distinguished touch of minimalistic design, inspired by the aesthetics of mobile applications and with our characteristic frontend visual style, present in all our products.</p><p>An ideal template to avoid having to create a site from scratch; Simply by importing the demo and modifying its content, you will be able to have a structure already set up to present products in different ways, as well as modify the colors, fonts and sizes of the site using Elementor. The inclusion of Power Pack in the template helps the user to have an incredible number of modules to expand the capabilities and functionalities of Elementor and their own creativity to give it their own style. The inclusion of ACF, CPTUI and FacetWP simplifies the work to all those who are looking for more functionalities. And now one of the most popular features is also included: <strong>integrated IGDB API</strong> to import games data</p><p>Those interested in a video game news site will find an affordable solution on our PLAYME Theme, but now with ENJOY, they will be able to mix the best of both worlds in an essential creation for all WooCommerce and Elementor users.</p><p><strong>Other advantages of ENJOY are:</strong></p><ul><li>Fully responsive and minimalistic design</li><li>Fully Editable with Elementor and Power Pack</li><li>Drag &amp; Drop Page Builder</li><li>Latest WordPress version compatibility</li><li>Minimalist, clean &amp; unique design, similar to an App</li><li>IGDB API included</li><li>Includes ACF for creation of custom fields</li><li>Includes FacetWP for creation of filters</li><li>Include Custom Taxonomies for videogames, like Developers, Platforms and Release Date</li><li>Includes CPT UI for creation of more taxonomies and another custom post types</li><li>Create unique Games Product Card Style for product page</li><li>Editable sliders and templates</li><li>Multiple menus</li><li>Offcanvas menus and templates</li><li>Color and Fonts selectors</li><li>Blog section for news</li><li>Translation Compatible</li><li>Child Theme included for developers</li><li>Full demo for quick import</li><li>No coding knowledge required</li><li>FAQ, Contact Form, Blog Templates</li><li>Lightweight loading time</li><li>Friendly support</li></ul>","templateFullTitle":"ENJOY - Game Store WooCommerce Theme","templatePreviewMetaDescription":"For those who love games and businessENJOY is a tribute to all gamers who own their own video game store and want to expand their online presence with a","templateDemoMetaDescription":"Explore the demo of the professional ENJOY - Game Store WooCommerce Theme WooCommerce Theme (#195385) get yourself knowledgeable about this design before buying it. Go through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"ENJOY - Game Store WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/enjoy-game-store-woocommerce-theme-195385.html","userRating":0,"designIndex":1,"authorUserId":"2006118","exclusive":"1","state":1,"price":68,"inserted_date":"2021-08-20","sent":0,"downloads":16,"search_words":"clean modern ecommerce store games videogames gamer minimalist blog multipurpose form elementor page builder woocommerce shop consoles igdb api game wordpress","is_adult":0,"exc_price":2100,"sent_date":"2021-08-20 11:38:02","last_upload":"2024-03-05 13:04:03","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2403841,"templ_id":195385,"filename":"195385-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2403842,"templ_id":195385,"filename":"195385-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2403843,"templ_id":195385,"filename":"195385-2-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":2403844,"templ_id":195385,"filename":"195385-2-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":2403845,"templ_id":195385,"filename":"195385-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/195385.html","image":"https://s.tmimgcdn.com/scr/195300/enjoy-game-store-woocommerce-theme_195385-2-original.jpg","searchHash":"08b546922ec19786c14bda88aff919d5","previewHash":"39904c583949b53e057979b088fce30b","authorNickname":"ramsthemes","lowLevelTopic":"Mobile Store Templates; Toy Store Templates; Computer Store Templates; Gifts Store Templates; Electronics Store Templates; Game Portal Templates","weightedRating":null,"annualSale":5,"monthlySales":0,"quarterlySales":1,"productBoost":50,"onSale":1,"finalPrice":42,"discountPercent":30,"discountAmount":18,"semiannualSales":3,"properties":{"features":["Responsive","Single Product","eCommerce","Dropdown Menu","Drag and Drop Content","Blog","Online Store/Shop","Gallery","Website Builder"],"styles":["Clean","Minimalist","Mobile"],"isLastAdded":"1","topic":["Mobile Store Templates","Toy Store Templates","Computers Templates","Computer Store Templates","Electronics Templates","Entertainment Templates","Games Templates","Gifts Templates","Gifts Store Templates","Electronics Store Templates","Game Portal Templates","Computers & Internet","Entertainment, Games & Nightlife","Holidays, Gifts & Flowers"],"isFree":"none","color":["black","white","grey","cyan"],"productOfTheDay":"1","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML","MailChimp"],"marketplaceMembership":"One","authorUserId":"2006118","imagesIncluded":"No","tags":["api","clean","consoles","form","game","gamer","games","minimalist","modern","multipurpose","shop","store","wordpress","woocommerce","blog","ecommerce","elementor","page builder","videogames","igdb"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","nameOfTheTemplate":"ENJOY - Game Store WooCommerce Theme","shortDescription":"<h2>For those who love games and business</h2><p>ENJOY is a tribute to all gamers who own their own video game store and want to expand their online presence with a one-of-a-kind site. It is a new and unique Theme for WooCommerce created with Elementor Page Builder and PowerPack, designed for entrepreneurs and merchants who want to have an online game and technology goods store with a distinguished touch of minimalistic design, inspired by the aesthetics of mobile applications and with our characteristic frontend visual style, present in all our products.</p><p>An ideal template to avoid having to create a site from scratch; Simply by importing the demo and modifying its content, you will be able to have a structure already set up to present products in different ways, as well as modify the colors, fonts and sizes of the site using Elementor. The inclusion of Power Pack in the template helps the user to have an incredible number of modules to expand the capabilities and functionalities of Elementor and their own creativity to give it their own style. The inclusion of ACF, CPTUI and FacetWP simplifies the work to all those who are looking for more functionalities. And now one of the most popular features is also included: <strong>integrated IGDB API</strong> to import games data</p><p>Those interested in a video game news site will find an affordable solution on our PLAYME Theme, but now with ENJOY, they will be able to mix the best of both worlds in an essential creation for all WooCommerce and Elementor users.</p><p><strong>Other advantages of ENJOY are:</strong></p><ul><li>Fully responsive and minimalistic design</li><li>Fully Editable with Elementor and Power Pack</li><li>Drag &amp; Drop Page Builder</li><li>Latest WordPress version compatibility</li><li>Minimalist, clean &amp; unique design, similar to an App</li><li>IGDB API included</li><li>Includes ACF for creation of custom fields</li><li>Includes FacetWP for creation of filters</li><li>Include Custom Taxonomies for videogames, like Developers, Platforms and Release Date</li><li>Includes CPT UI for creation of more taxonomies and another custom post types</li><li>Create unique Games Product Card Style for product page</li><li>Editable sliders and templates</li><li>Multiple menus</li><li>Offcanvas menus and templates</li><li>Color and Fonts selectors</li><li>Blog section for news</li><li>Translation Compatible</li><li>Child Theme included for developers</li><li>Full demo for quick import</li><li>No coding knowledge required</li><li>FAQ, Contact Form, Blog Templates</li><li>Lightweight loading time</li><li>Friendly support</li></ul>","uniqueKeywords":"clean,modern,ecommerce,store,games,videogames,gamer,minimalist,blog,multipurpose,form,elementor,page builder,woocommerce,shop,consoles,igdb,api,game,wordpress","advImage":"https://s3u.tmimgcdn.com/u2006118/81457bf51154e380aa6e9207cd815b64.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2006118/3472f501b999539e8a52f809752e18f8.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2006118/01f26f376ba10a7eb0ee60718587932e.jpg","livePreviewURL":"https://demo.ramsthemes.online/enjoy/","metaDescription":"For those who love games and businessENJOY is a tribute to all gamers who own their own video game store and want to expand their online presence with a","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/2Waasfv","demoMetaDescription":"Explore the demo of the professional ENJOY - Game Store WooCommerce Theme WooCommerce Theme (#195385) get yourself knowledgeable about this design before buying it. Go through the pages, check out the images, click the buttons, explore the features.","customUrl":"/woocommerce-themes/enjoy-game-store-woocommerce-theme-195385.html","productSize":"749291017","lastmod":"2022-03-19T02:50:19-04:00","trendiness":"1","changeLogDate":"2024-03-05","wordpressComCompatibility":"Not Compatible","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["7.4","8.2"],"databaseServerCompatibility":"MySQL 5.7","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"## 1.1 - FEB 2024\n\n- Changed main font to Arimo\n- Changed Enjoy logotype and icon\n- Included IGDB API for Woo Products\n- Added \"Game Collections\" and \"Game Modes\" taxonomies\n- Included Ajax Search\n- Revamped frontend\n- Compatible with latest WP and WC versions\n\n## JUL 2023\n\n- Compatible with latest WooCommerce and WordPress versions\n- Demo updated with latest plugin versions\n\n## JAN 2023\n\n- Compatible with latest WooCommerce and WordPress versions\n- Demo updated with latest plugin versions\n\n## MAY 2022\n\n- Demo updated\n- Added images to product categories\n- Fixed offcanvas cart menu buttons\n\n## 1.0\n\n- Initial release","excerpt":"<p>ENJOY is a suitable WooCommerce Elementor WordPress Theme for creating websites for games stores. IGDB API now included.</p>","wordpressCompatibility":"6.4.x","wooCommerceCompatibility":"8.6.x","authorMainScreenshotVersion":"2","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: Fri, 19 Apr 2024 02:18:24 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=195385&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=195385&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=195385&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 02:23:24 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://demo.ramsthemes.online/enjoy/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#195385 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/195385.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 #195385            </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=195385&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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>