string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64026&expand=properties"
string(16078) "[{"templateId":64026,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":161,"categoryName":"Coffee Shop Templates","templateTitle":"Coffee Shop Responsive WooCommerce Theme","templatePreviewHtmlTitle":"CoffeeShop - Responsive WooCommerce Theme - TemplateMonster","templateDemoHtmlTitle":"Demo for CoffeeShop - Responsive WooCommerce Theme #64026","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Achieve the top of online sales with our coffee shop WooCommerce theme</h2><p>This fresh top-notch coffee shop WooCommerce theme was created especially for launching an online store. Its design fits coffee stores but you can also use it for building an online shop with different products and on various topics. Entering the GrindBean you meet the huge company logo and contact data on the coffee background. Engage users to continue navigating your items with tasty photos of coffee products.</p><p>Based on the Elementor builder and its premium add-ons the coffee shop WooCommerce theme includes all necessary features for successful selling. Inside this template you will find:</p><ul><li>animated carousels with the product categories;</li><li>product grids to put there your items and short information about them;</li><li>call-to-actions for a quick crossing to the necessary sections and to make clients do actions;</li><li>testimonials to showcase the customers' opinions about your store;</li><li>filters to sort products by various criteria;</li><li>currency switcher to show the prices in the needed coin;</li><li>the pop-up that appears when you enter the site and offer to subscribe to your newsletter;</li><li>and lots of other useful elements.</li></ul><p>You can change, replace them, and add more widgets as you wish. Thanks to the modern drag-n-drop technology of the builder the editing process won't take more than a few minutes and will save a lot of your time.</p><h2>Discover the variety of pages for different purposes</h2><p>The design of our natural cosmetics shop template is very good for selling and includes lots of different pages:</p><ul><li>''Home'' page is the main page of your website that introduces your store and contains all the main information about the items. There you will find the features that can attract customers and make them continue surfing the shop.</li><li>The ''Shop'' page is divided into three separate pages for different product brands such as ''Accessories'', ''Jones Burke'', ''Aqua Coffea''. They consist of product grids, paginations, and sidebars with filters and categories.</li><li>''Blog'' page contains blog layouts that you can use to make out your articles.</li><li>''Pages'' includes the layout of several pages, header, and footer layouts that you can choose for your project.</li><li>''Contacts'' is the page where your customers will find the information to quickly connect or find you. The Google map and contact form are also there.</li></ul><h2>Get more than a simple theme</h2><p>We offer SEO-optimized and WPML-ready coffee shop WooCommerce theme for you. Thanks to these features you can simply promote your website and reach the top of the search. The design is absolutely responsive, so it doesn't matter which device to use to check your website.</p><p>Moreover, the theme is fully documented. You will find there the descriptions of all features that are included in the theme. The one-click installation will be a huge bonus both for professionals and for those who work with WordPress themes for the first time. If you have faced the difficulties or problems while working with the coffee shop WooCommerce theme our friendly support specialists are always ready to help you.</p>","templateFullTitle":"CoffeeShop - Responsive WooCommerce Theme","templatePreviewMetaDescription":"Achieve the top of online sales with our coffee shop WooCommerce themeThis fresh top-notch coffee shop WooCommerce theme was created especially for launching","templateDemoMetaDescription":"The demo preview for this top quality GrindBean - Coffee Shop WooCommerce Theme (#64026) is available here for you to get the feel and look of the theme before you decide to buy it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":"CoffeeShop - Responsive WooCommerce Theme","anchorTitle":"CoffeeShop - Responsive WooCommerce Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/64026.html","userRating":"5","designIndex":"85","authorUserId":"1519369","exclusive":"1","state":1,"price":79,"inserted_date":"2017-05-27","sent":2,"downloads":39,"search_words":"coffee ecommere store shop clean elementor modern creative cafe menu drink coctail events","is_adult":0,"exc_price":5000,"sent_date":"2020-07-08 09:32:56","last_upload":"2020-07-08 13:33:11","package_id":287,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":311,"filename":"64026-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":800,"window_params":"","banner_url":"","id":1693225,"href":"","height":1200},{"scr_type_id":9,"filename":"64026-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":145,"window_params":"","banner_url":"","id":1693226,"href":"","height":156},{"scr_type_id":3,"filename":"64026-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":408,"window_params":"","banner_url":"","id":1693227,"href":"","height":55},{"scr_type_id":315,"filename":"64026-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":1903,"window_params":"","banner_url":"","id":1693228,"href":"","height":5451},{"scr_type_id":300,"filename":"64026-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":320,"window_params":"","banner_url":"","id":1693229,"href":"","height":900},{"scr_type_id":265,"filename":"64026-wp3.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":430,"window_params":"","banner_url":"","id":1693230,"href":"","height":60},{"scr_type_id":312,"filename":"64026-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":370,"window_params":"","banner_url":"","id":1693231,"href":"","height":370},{"scr_type_id":3,"filename":"64026-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":1903,"window_params":"","banner_url":"","id":1693232,"href":"","height":5451},{"scr_type_id":3,"filename":"64026-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":895,"window_params":"","banner_url":"","id":1693233,"href":"","height":599},{"scr_type_id":336,"filename":"64026-wpgpl-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":430,"window_params":"","banner_url":"","id":1693234,"href":"","height":1232},{"scr_type_id":334,"filename":"64026-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":1600,"window_params":"","banner_url":"","id":1693235,"href":"","height":1000},{"scr_type_id":298,"filename":"64026-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":430,"window_params":"","banner_url":"","id":1693236,"href":"","height":900},{"scr_type_id":299,"filename":"64026-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":430,"window_params":"","banner_url":"","id":1693237,"href":"","height":900},{"scr_type_id":57,"filename":"64026-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64026,"width":430,"window_params":"","banner_url":"","id":1920841,"href":"","height":645}],"demoUrl":"/demo/64026.html","image":"https://s.tmimgcdn.com/scr/64000/coffeeshop-responsive-woocommerce-theme_64026-3-original.jpg","searchHash":"c844451b793f0eb1c28ae7f2b64d423d","previewHash":"3dedd68956006cfe568be5b5038d7902","authorNickname":"ZEMEZ","lowLevelTopic":"Coffee Shop Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":79,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The template is a perfect solution for coffee shop, cafe, food and restaurant, home and family, fashion and beauty, electronics, cars and motorcycles websites.","featured":"Ukraine","productSize":"193561743","uniqueKeywords":"coffee,ecommere,store,shop,clean,elementor,modern,creative,cafe,menu,drink,coctail,events","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Achieve the top of online sales with our coffee shop WooCommerce themeThis fresh top-notch coffee shop WooCommerce theme was created especially for launching","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952335_Slice%208.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952337_Slice%209.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952339_Slice%2010.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952340_Slice%2011.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952342_Slice%2012.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952343_Slice%2013.png, https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214952344_Slice%2014.png","features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Single Product","Google map","Sample content","Tabs","Advanced Theme Options","Performance Optimization","Blog","Online Store/Shop","Website Builder"],"saleSells":"1","templateSources":[".PHP","This theme is widgetized"],"authorUserId":"1519369","languageSupport":"English","isFree":"none","imageDescription":"https://s.tmimgcdn.com/scr/64000/64026-responsive-layout.jpg","additionalInfo":"Well Documented","exclusive":"1","wordPressBuilder":"Elementor Website Builder","lastmod":"2021-08-26T19:34:34-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"authorMainScreenshotVersion":"3","wordpressEngine":"5.5.x","compatibleWith":["WooCommerce","WPML","MailChimp","Ecwid"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"The demo preview for this top quality GrindBean - Coffee Shop WooCommerce Theme (#64026) is available here for you to get the feel and look of the theme before you decide to buy it. View the pages, check the images, click the buttons, explore the functionality.","wooCommerceCompatibility":"4.2.x","shortDescription":"<h2>Achieve the top of online sales with our coffee shop WooCommerce theme</h2><p>This fresh top-notch coffee shop WooCommerce theme was created especially for launching an online store. Its design fits coffee stores but you can also use it for building an online shop with different products and on various topics. Entering the GrindBean you meet the huge company logo and contact data on the coffee background. Engage users to continue navigating your items with tasty photos of coffee products.</p><p>Based on the Elementor builder and its premium add-ons the coffee shop WooCommerce theme includes all necessary features for successful selling. Inside this template you will find:</p><ul><li>animated carousels with the product categories;</li><li>product grids to put there your items and short information about them;</li><li>call-to-actions for a quick crossing to the necessary sections and to make clients do actions;</li><li>testimonials to showcase the customers' opinions about your store;</li><li>filters to sort products by various criteria;</li><li>currency switcher to show the prices in the needed coin;</li><li>the pop-up that appears when you enter the site and offer to subscribe to your newsletter;</li><li>and lots of other useful elements.</li></ul><p>You can change, replace them, and add more widgets as you wish. Thanks to the modern drag-n-drop technology of the builder the editing process won't take more than a few minutes and will save a lot of your time.</p><h2>Discover the variety of pages for different purposes</h2><p>The design of our natural cosmetics shop template is very good for selling and includes lots of different pages:</p><ul><li>''Home'' page is the main page of your website that introduces your store and contains all the main information about the items. There you will find the features that can attract customers and make them continue surfing the shop.</li><li>The ''Shop'' page is divided into three separate pages for different product brands such as ''Accessories'', ''Jones Burke'', ''Aqua Coffea''. They consist of product grids, paginations, and sidebars with filters and categories.</li><li>''Blog'' page contains blog layouts that you can use to make out your articles.</li><li>''Pages'' includes the layout of several pages, header, and footer layouts that you can choose for your project.</li><li>''Contacts'' is the page where your customers will find the information to quickly connect or find you. The Google map and contact form are also there.</li></ul><h2>Get more than a simple theme</h2><p>We offer SEO-optimized and WPML-ready coffee shop WooCommerce theme for you. Thanks to these features you can simply promote your website and reach the top of the search. The design is absolutely responsive, so it doesn't matter which device to use to check your website.</p><p>Moreover, the theme is fully documented. You will find there the descriptions of all features that are included in the theme. The one-click installation will be a huge bonus both for professionals and for those who work with WordPress themes for the first time. If you have faced the difficulties or problems while working with the coffee shop WooCommerce theme our friendly support specialists are always ready to help you.</p>","tags":["cafe","clean","coffee","creative","drink","events","menu","modern","shop","store","elementor","ecommere","coctail"],"customUrl":"/woocommerce-themes/64026.html","nameOfTheTemplate":"CoffeeShop - Responsive WooCommerce Theme","topic":["Cafe Templates","Coffee Shop Templates","Food & Restaurant"],"changeLogDate":"2020-07-08","styles":"Neutral","advImage":"https://s3u.tmimgcdn.com/u1519369/62e4656ae4d85863860e41b384e2ea51.png","adminPanelDemo":"http://ld-wp2.template-help.com/wptheme/grindbean/wp-demo","wpWoo":"1","productFamily":"None","color":["black","white","brown"],"followUpLetter":"woocommerce-offers","reviewsTotal":"2","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":"5.6.x","reviewAverageScore":"5","templateSupportOptions":"[]","sqi":"95","livePreviewURL":"https://ld-wp73.template-help.com/woocommerce/prod_8382/v2/","specificTemplateNamePreview":"CoffeeShop - Responsive WooCommerce Theme","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/54535/scr/1519369-1594214943661_grindbean.jpg","templateGroup":"Wordpress Store","popularity":"Top Rated","nomotopress":"1","imagesIncluded":"Yes","dynamicChangeLog":"<ul>\n<li>- CSS optimized for better performance</li>\n<li>- 1 minor JS bugs fixed</li>\n<li>- 3 minor styles issues fixed</li>\n</ul>","templateIcon":"icon-woo","specificTemplateNameListing":"CoffeeShop - Responsive WooCommerce Theme","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","types":"WooCommerce Themes","isOldDemoUrl":"1","wooCommerceEngine":"4.2.x","trendiness":"1","documentationLink":"wordpress/projects/gtindbean/index.html","bitLyUrl":"http://bit.ly/2w12I0d","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"paidSupport":"Yes","skupromo":"13%","marketplaceMembership":"One","category":"Website templates","dqi":"85"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 12 May 2024 13:57:23 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=64026&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64026&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64026&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 12 May 2024 14:02:23 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://ld-wp73.template-help.com/woocommerce/prod_8382/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64026 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/64026.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 #64026            </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=64026&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>