string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=270457&expand=properties"
string(13479) "[{"templateId":270457,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme","templateDemoHtmlTitle":"Live demo for Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme #270457","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p><strong>Wouldn't you like to have a new generation e-commerce theme with advanced features with magnificent layouts?</strong></p><p>Here we are with our beauty and cosmetics e-commerce theme that will make a big impact on you.</p><p><strong>You can have a cosmetic woocommerce theme that will create wonders with a full-screen slider area in an advanced modern concept, popup product search ajax form, special product carousels and special 3D category product showcase.</strong></p><p>You can make a quick impact with this template, which we have compiled down to the last detail and filled in all the content.</p><p><strong>You will show your store very powerful with its fully SEO compatible infrastructure and advanced effects.</strong></p><p>We are sure that you will double your sales with this template that we have specially made for the Beauty and Cosmetics industry. You will have a memorable e-commerce site with clear and advanced features.</p><p>You will be able to make a superior customization with web icon sets, special web fonts and special web animations that you will apply to your store. Moreover, you will be able to quickly change your content with uncomplicated theme pages. And when you buy the theme, all the content will come with the images. You will be able to quickly edit all your color tones, fonts, fonts, logos and corporate identity from the theme panel.</p><p>Do not be late to have such a unique and carefully crafted new generation beauty woocommerce wordpress theme.</p><p><strong>See the difference of Bellacos WooCommerce WordPress theme!</strong></p>","templateFullTitle":"Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme","templatePreviewMetaDescription":"Wouldn't you like to have a new generation e-commerce theme with advanced features with magnificent layouts?Here we are with our beauty and cosmetics","templateDemoMetaDescription":"Experience the demo preview of the high quality Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme WooCommerce Theme (#270457) get yourself acquainted with this design before you purchase it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/bellacos-beauty-amp-cosmetics-woocommerce-wordpress-theme-270457.html","userRating":0,"designIndex":1,"authorUserId":"2271497","exclusive":"1","state":1,"price":79,"inserted_date":"2022-08-17","sent":0,"downloads":3,"search_words":"accessories beauty cosmetic cosmetics fashion minimal modern responsive shop store woocommerce skincare cosmetics shop beauty parlor cosmetics shop woocommerce theme ecommerce barber barbershop haircut makeup","is_adult":0,"exc_price":2100,"sent_date":"2022-08-17 11:48:52","last_upload":"2024-11-08 08:17:05","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2779096,"templ_id":270457,"filename":"270457-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2779097,"templ_id":270457,"filename":"270457-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2779098,"templ_id":270457,"filename":"270457-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":2779099,"templ_id":270457,"filename":"270457-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":2779100,"templ_id":270457,"filename":"270457-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/270457.html","image":"https://s.tmimgcdn.com/scr/270400/bellacos-beauty-amp-cosmetics-woocommerce-wordpress-theme_270457-original.png","searchHash":"95672a1a0c6dc68b4e0dd7dcfd2096cb","previewHash":"1cee399d3f74f292e500a627862b6978","authorNickname":"garantiwebt","lowLevelTopic":"Beauty Salon Templates; Cosmetics Store Templates","weightedRating":3.8181818181818,"annualSale":2,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":1,"finalPrice":35,"discountPercent":50,"discountAmount":35,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Ajax","Team Members","Light Template","eCommerce","Dropdown Menu","Google map","Tabs","Advanced Theme Options","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Lazy Load effect","j2store"],"styles":["3D effect","Clean","Corporate","Minimalist","Artworks","Vector","Mobile","Material Design"],"isLastAdded":"1","topic":["Beauty Salon Templates","Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"isFree":"none","popularity":"Top Rated","color":["white","grey","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider"],"authorUserId":"2271497","imagesIncluded":"Yes","tags":["accessories","barber","barbershop","beauty","cosmetic","cosmetics","fashion","haircut","makeup","minimal","modern","responsive","shop","store","woocommerce","ecommerce","skincare","beauty parlor","cosmetics shop","cosmetics shop woocommerce theme"],"marketplaceMembership":"None","paidSupport":"Yes","wordPressBuilder":"WordPress Customizer API","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x"],"nameOfTheTemplate":"Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2271497/e03c1915784d7b338393119f3421bf93.png, https://s3u.tmimgcdn.com/u2271497/d75b750220650eca3b3dddd782fe2bf2.png, https://s3u.tmimgcdn.com/u2271497/2cc1b46a42ac71e1e5c9dcea313fde9d.png, https://s3u.tmimgcdn.com/u2271497/89a4b2b1d8d7e9950a56e5572bf29b91.png, https://s3u.tmimgcdn.com/u2271497/07b625a4a294cb9107369cc30ad75256.png","shortDescription":"<p><strong>Wouldn't you like to have a new generation e-commerce theme with advanced features with magnificent layouts?</strong></p><p>Here we are with our beauty and cosmetics e-commerce theme that will make a big impact on you.</p><p><strong>You can have a cosmetic woocommerce theme that will create wonders with a full-screen slider area in an advanced modern concept, popup product search ajax form, special product carousels and special 3D category product showcase.</strong></p><p>You can make a quick impact with this template, which we have compiled down to the last detail and filled in all the content.</p><p><strong>You will show your store very powerful with its fully SEO compatible infrastructure and advanced effects.</strong></p><p>We are sure that you will double your sales with this template that we have specially made for the Beauty and Cosmetics industry. You will have a memorable e-commerce site with clear and advanced features.</p><p>You will be able to make a superior customization with web icon sets, special web fonts and special web animations that you will apply to your store. Moreover, you will be able to quickly change your content with uncomplicated theme pages. And when you buy the theme, all the content will come with the images. You will be able to quickly edit all your color tones, fonts, fonts, logos and corporate identity from the theme panel.</p><p>Do not be late to have such a unique and carefully crafted new generation beauty woocommerce wordpress theme.</p><p><strong>See the difference of Bellacos WooCommerce WordPress theme!</strong></p>","uniqueKeywords":"accessories,beauty,cosmetic,cosmetics,fashion,minimal,modern,responsive,shop,store,woocommerce,skincare,cosmetics shop,beauty parlor,cosmetics shop woocommerce theme,ecommerce,barber,barbershop,haircut,makeup","advImage":"https://s3u.tmimgcdn.com/u2271497/e6865556535e3803d6de8037c6e6b58f.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2271497/a23d56cc3cd93736c19b02e7218dcd1c.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2271497/7963499de4befa86fd14402050878f33.png, https://s3u.tmimgcdn.com/u2271497/a97ee59676629bd939ea1c5868a92668.png, https://s3u.tmimgcdn.com/u2271497/18aca77b4882b6e9315d4175307f7db6.png, https://s3u.tmimgcdn.com/u2271497/ecdb93fe3107e59a33be1489aa8ae946.png, https://s3u.tmimgcdn.com/u2271497/ab56c516ecb4526ecdf1d52a9bc2f92c.png","livePreviewURL":"https://garantiwebdesign.com/wordpress/bellacos/","metaDescription":"Wouldn't you like to have a new generation e-commerce theme with advanced features with magnificent layouts?Here we are with our beauty and cosmetics","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3PxBFhP","demoMetaDescription":"Experience the demo preview of the high quality Bellacos - Beauty &amp; Cosmetics WooCommerce WordPress Theme WooCommerce Theme (#270457) get yourself acquainted with this design before you purchase it. View the pages, check the images, click the buttons, explore the features.","customUrl":"/woocommerce-themes/bellacos-beauty-amp-cosmetics-woocommerce-wordpress-theme-270457.html","productSize":"88425227","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":["Adobe Photoshop","Adobe Illustrator","Google Web Designer"],"trendiness":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLogDate":"2024-11-08","changeLog":"Theme Update Version 1.0.8\n\nWe are pleased to announce a critical update to enhance theme stability and security:\n\n• Plugin Updates: All necessary plugins have been updated to their latest versions, including:\n\n-Advanced Custom Fields (now at version 6.3.6)\n-Classic Editor\n-Classic Widgets\n-Contact Form 7\n-Duplicate Menu\n-Duplicate Page\n-And all other essential plugins for optimal theme functionality\n\nTo maintain security, we advise all users to download the updated theme package and manually install the latest plugin versions from the \"inc/plugins/\" directory. Please ensure your PHP version is 8.0 or above when updating plugins to avoid compatibility issues.\n\nThis update strengthens security and ensures optimal performance, keeping your theme up-to-date and fully compatible.\n\n1.0.7\n\nAdvanced Custom Field Framework Plugin 6.2.6.1 Upgraded, updated - Important critical update. It needs to be reinstalled. When updating plugins, make sure your PHP versions are 8.0 and above.\n\n1.0.6\n\nWoocommerce 8.1.1 plugin has been updated. The checkout page has also been updated.\n\n1.0.5\n\nAdvanced Custom Field Plugin 6.1.8 Upgraded, updated - Important critical update. It must be reinstalled.\nClassic Editor Plugin 1.6.3 Upgraded, updated\nContact Form Plugin 7 5.8 Upgraded, updated\nDuplicate Page Plugin 4.5.2 Upgraded, updated\nOne Click Demo Import Plugin 3.1.2 Upgraded, updated\nWordPress Importer Plugin 0.8.1 Upgraded, updated\nWP Options Importer Plugin 7.0 Upgraded, updated\nDuplicate Menu Plugin 0.2.2 Upgraded, updated\nMake sure your php versions are 8.0 and above when updating plugins.\n\n\n1.0.4\nImportant critical improvements, Added new internal pages. Other issues fixed. Added new sass codes. Added special js code to hamburger menu. Thus, when clicking on the hamburger menu in all responsive sizes, the x sign will appear and when clicked, it will close. We did this for a custom look. When you click this area, the contact information appears in the side widget area on the desktop. The hamburger in the mobile menu comes from this area in the menu.\n\n1.0.3\n\nAdded critical update.\n\nTheme settings custom meta fields have been updated. The json file has been updated. Carousels have been updated. All plugins have been updated. Icon codes have been updated. Updated web effects. Acf tabs updated. Updated sass and custom css files.\n\n1.0.2\n\ncritical update,\n\nAll plugins have been updated. Footer field has been updated. Images have been optimized. Code density has been increased. Special loader areas and button areas have been added to the administration panel. Added custom seo meta fields to theme settings.\n\n1.0.1\n\nAll plugins have been updated.","excerpt":"<p>Don't you want to have a new generation e-commerce theme with amazing layouts? We are here with our beauty and cosmetics e-commerce theme that will impress you deeply.</p>","wooCommerceCompatibility":["8.0.x","8.1.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: Sat, 23 Nov 2024 14:20:09 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=270457&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=270457&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=270457&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 14:25:09 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://garantiwebdesign.com/wordpress/bellacos/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#270457 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/270457.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 #270457            </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=270457&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>