string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=252362&expand=properties"
string(12149) "[{"templateId":252362,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":546,"categoryName":"Software Store Templates","templateTitle":"Software Store Responsive WooCommerce Theme","templatePreviewHtmlTitle":"FLUX - Game Store WooCommerce Theme + RTL - TemplateMonster","templateDemoHtmlTitle":"Demo for FLUX - Game Store WooCommerce Theme + RTL #252362","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>We believe that a renovation was necessary for video game sales sites, and for this reason, we launched FLUX, a new WordPress and woo-commerce theme, created with a unique design based on cards and rounded edges, as similar as possible to modern apps. It has all the classic WooCommerce functions as well as exclusive taxonomies to load Developers (game development companies) and Platforms (consoles, PC, etc.) and optional plugins such as Dark Mode or Filters for the Shop Page. It also includes the possibility of using the template in \"Full Width\" mode, RTL mode, and changing the product lists for a view of horizontal cards, similar to mobile applications, and the possibility of adding custom buttons and data (ESRB rate, editor score) to each product, next to the \" Add to Cart\".</p><p>We hope that with this theme you can create your game store with the highest level of distinction possible and the design that it deserves.</p>","templateFullTitle":"FLUX - Game Store WooCommerce Theme + RTL","templatePreviewMetaDescription":"We believe that a renovation was necessary for video game sales sites, and for this reason, we launched FLUX, a new WordPress and woo-commerce theme, created","templateDemoMetaDescription":"Prior to buying it, get informed about the professional FLUX - Game Store WooCommerce Theme WooCommerce Theme (#252362) by enjoying the live preview. Go through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"FLUX - Game Store WooCommerce Theme + RTL","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/flux-game-store-woocommerce-theme-252362.html","userRating":"5","designIndex":1,"authorUserId":"2006118","exclusive":"1","state":1,"price":68,"inserted_date":"2022-06-15","sent":0,"downloads":76,"search_words":"electronics game gamer games gaming minimal responsive shop store wordpress woocommerce blog theme ecommerce gamecard gamecodes software rtl igdb database","is_adult":0,"exc_price":2100,"sent_date":"2022-06-15 11:13:39","last_upload":"2024-02-20 12:33:24","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2688646,"templ_id":252362,"filename":"252362-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":2688647,"templ_id":252362,"filename":"252362-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":2688648,"templ_id":252362,"filename":"252362-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":2688649,"templ_id":252362,"filename":"252362-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":2688650,"templ_id":252362,"filename":"252362-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/252362.html","image":"https://s.tmimgcdn.com/scr/252300/flux-game-store-woocommerce-theme-rtl_252362-2-original.jpg","searchHash":"ff0bdabd8327634cdd955d180d6298b3","previewHash":"f86982a1c05d0ae2cd61209ed2cb6f06","authorNickname":"ramsthemes","lowLevelTopic":"Electronics Store Templates; Software Store Templates; Game Portal Templates","weightedRating":4.4210526315789,"annualSale":37,"monthlySales":5,"quarterlySales":11,"productBoost":50,"onSale":0,"finalPrice":60,"discountPercent":0,"discountAmount":0,"semiannualSales":16,"properties":{"features":["Responsive","Bootstrap","Right to left language support","Single Product","eCommerce","Dropdown Menu","Blog","Online Store/Shop","Gallery"],"styles":["Clean","Minimalist","Dark"],"isLastAdded":"1","topic":["Electronics Templates","Games Templates","Software Templates","Electronics Store Templates","Software Store Templates","Game Portal Templates","Computers & Internet","Entertainment, Games & Nightlife"],"isFree":"none","popularity":"Top Rated","color":["black","white"],"productOfTheDay":"0","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","WPML"],"marketplaceMembership":"One","authorUserId":"2006118","imagesIncluded":"No","tags":["database","electronics","game","gamer","games","gaming","minimal","responsive","rtl","shop","software","store","theme","wordpress","woocommerce","blog","ecommerce","gamecard","gamecodes","igdb"],"wordPressBuilder":"Gutenberg Editor","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","nameOfTheTemplate":"FLUX - Game Store WooCommerce Theme + RTL","shortDescription":"<p>We believe that a renovation was necessary for video game sales sites, and for this reason, we launched FLUX, a new WordPress and woo-commerce theme, created with a unique design based on cards and rounded edges, as similar as possible to modern apps. It has all the classic WooCommerce functions as well as exclusive taxonomies to load Developers (game development companies) and Platforms (consoles, PC, etc.) and optional plugins such as Dark Mode or Filters for the Shop Page. It also includes the possibility of using the template in \"Full Width\" mode, RTL mode, and changing the product lists for a view of horizontal cards, similar to mobile applications, and the possibility of adding custom buttons and data (ESRB rate, editor score) to each product, next to the \" Add to Cart\".</p><p>We hope that with this theme you can create your game store with the highest level of distinction possible and the design that it deserves.</p>","uniqueKeywords":"electronics,game,gamer,games,gaming,minimal,responsive,shop,store,wordpress,woocommerce,blog,theme,ecommerce,gamecard,gamecodes,software,rtl,igdb,database","advImage":"https://s3u.tmimgcdn.com/u2006118/131333c2d7e949a1d1a8544abd68890e.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2006118/2294e205f4cbde58c0575b3a6a8b4a73.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2006118/8d47cdfea4d324c0771dff979aa84eaa.jpg, https://s3u.tmimgcdn.com/u2006118/1a9119b092995b4b13481aa7ad2cc40c.jpg(https://www.templatemonsterpreview.com/demo/252362.html?utm_campaign=blog_site_ramsthemes1&utm_source=ramsthemes1&utm_medium=referral&aff=ramsthemes1)","livePreviewURL":"https://demo.ramsthemes.online/flux/","metaDescription":"We believe that a renovation was necessary for video game sales sites, and for this reason, we launched FLUX, a new WordPress and woo-commerce theme, created","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3HoYdil","demoMetaDescription":"Prior to buying it, get informed about the professional FLUX - Game Store WooCommerce Theme WooCommerce Theme (#252362) by enjoying the live preview. Go through the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/woocommerce-themes/flux-game-store-woocommerce-theme-252362.html","productSize":"294836918","trendiness":"1","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2006118/e6c283f6324695e3b21855418cb59dab.jpg, https://s3u.tmimgcdn.com/u2006118/7495dac1826334845600a00e25c58535.jpg","changeLogDate":"2024-02-20","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["7.4","8.2"],"databaseServerCompatibility":"MySQL 5.7","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"## 1.1.1 - FEB 2024\n\n- Added Related Posts to Product relationship field (Bidirectional)\n- Included the Related Product on the post template\n- Fixed sub_field compatibility issue with latest version of ACF\n- Fixed issue with Fluid Container option\n- Compatible with latest WP and WC versions\n\n## 1.1.0.3 - JAN 2024\n\n- Fixed issue in Navbar style\n- Updated woocommerce template files\n- Compatible with latest WP and WC versions\n\n## 1.1.0.2 - JAN 2024\n\n- Fixed issue with a toggle on Theme Settings\n- Fixed issue in Woo Sidenav\n\n## 1.1.0.1 - OCT 2023\n\n- Fixed issue with \"Featured Items\" module\n- Fixed issue with Woo color notifications\n\n## 1.1.0 - SEPT 2023\n\n- Fixed navbar css issues\n- Fixed some grid issues\n- Added IGDB API compatibility (unofficial module developed by us). Fields are displayed on a new frontend box if Game ID exists on product\n- Added new switches for shop page, now can toggle on/off the star rating and select the thumbnails pre-sized options\n- Fixed equal height issue on shop page and product archives templates\n- All shop page improvements are valid also for all product categories and taxonomies (uses the same \"content product\" template)\n- Added switch to display or not the product titles on home product slider\n- \"Shop Page\" tab content on Theme Settings on backend are now grouped\n- Updated Ramsthemes Addons to 1.0.3 (mandatory)\n- Demo updated\n\n## 1.0.9 - MAY 2023\n\n- Updated demo\n- Fixed some CSS styles\n- Added RTL Compatibility\n- Removed unused social icons\n\n## 1.0.8.1 - APR 2023\n\n- Updated demo\n- Fixed some CSS styles\n- Compatible with latest WP and WC versions\n\n## 1.0.8 - FEB 2023\n\n- Updated demo\n- Added custom age rating taxonomy and custom field for products\n- Added new social networks links\n- Updated woocommerce template files\n\n## 1.0.7 - FEB 2023\n\n- Updated demo\n- Changed the align addtocart script with new matchheight js; this avoid the slow sliding effect and optimizes loading\n- Added new logic based on equal height or masonry grid for homepage and shop page\n- Fixed some CSS styles\n\n## 1.0.6 - JAN 2023\n\n- Updated demo\n- Added Home Model Order for Homepage on Theme Settings. Useful to order the Modules without using the Child Theme.\n- Fixed some CSS styles\n\n## 1.0.5 - November 2022\n\n- Added option to align price on cards layout\n- Fixed styles of star ratings on cards and single product page\n- Added styles for Reviews on single product page\n- Added xs style for buttons, and changed to this size for taxonomies buttons on blog\n- Updated demo\n\n## 1.0.4 - November 2022\n\n- Updated woocommerce template files\n- Changed style of Add to cart button on product page when switched to Display Product Quantity\n\n## 1.0.3 – September 2022\n\n- Changed archive titles with H1 tag\n- Changed blog archive titles with H4 tag\n- Added switch for Slider or Grid mode for Home Product and Posts modules\n- Added exported file for TI Wishlist plugin (optional)\n- Changed Classic Editor and Widgets plugin as optional on TGM\n- Added List Page templates for custom taxonomies\n\n## 1.0.2 \n\n- Fixed some css styles\n- Fixed pagination issue\n- Changed the search bar on mobile to compact box (only on mobile devices, not responsive view)\n- Removed unuseful imagesloaded.js\n\n## 1.0.1 – August 2022\n\n- Fixed some css styles\n- Added Out of stock and Backorder custom text for shop\n- Added compatibility with Kinguin plugin on frontend (optional) and tutorial included\n\n## Version 1.0\n\n- Initial release","featured":"50sale","reviewsTotal":"9","reviewAverageScore":"5","excerpt":"<p>An Exceptional WooCommerce Bootstrap Theme designed for Game Stores and Online Shops WordPress sites.</p>","authorMainScreenshotVersion":"2","wordpressCompatibility":"6.4.x","wooCommerceCompatibility":"8.5.x","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, 26 Apr 2024 19:58:56 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=252362&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=252362&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=252362&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 20:03:56 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/flux/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#252362 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/252362.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 #252362            </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=252362&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>