string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=63628&expand=properties"
string(15682) "[{"templateId":63628,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":115,"categoryName":"Cosmetics Store Templates","templateTitle":"Cosmetics Store Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Cosmetti - Cosmetics Store PrestaShop Theme - TemplateMonster","templateDemoHtmlTitle":"Live preview for Cosmetti - Cosmetics Store PrestaShop Theme #63628","typeShortName":"PrestaShop","templatePreviewFBTitle":"If you're going to build a PrestaShop store for selling natural organic cosmetics or other skin care products, this theme may be an excellent choice for you. Cosmetti features a beautiful design with a thought-through typography and pastel colors, which suits perfectly into the natural products niche. Use large grid-based product banners to showcase your latest arrivals and give your customers a better understanding of your inventory. Moreover, you can show off all product categories in one place thanks to a customizable mega menu. A responsive Deal of the Day section enables you to feature a slider with product discounts and a counter. Thanks to built-in Google maps your visitors can always know your physical address so that they could shop offline if needed. Cosmetti is a mobile friendly design and can be accessed successfully via all modern devices and browsers. Now your customers can do shopping right on their mobiles phones. Build an impressive cosmetics eStore with Cosmetti.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Fashion & Beauty PrestaShop ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that allows web pages to adapt to a display resolution of pretty much any device - may it be a desktop pc, a tablet or a mobile.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your website or blog appear equally good on display screen of any desktop computer or hand-held gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-prestashop-themes/\">Responsive PrestaShop ecommerce themes</a> here</p> <h3>This is Beauty Website PrestaShop design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This attribute allows you to incorporate your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>On-line chat may be the smartest approach to connect with any visitors and turn them into your clients.</p><p>Newest <a href=\"https://www.templatemonster.com/online-chat-prestashop-themes/\">On-line chat PrestaShop designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Cosmetti - Cosmetics Store PrestaShop Theme","templatePreviewMetaDescription":"If you're going to build a PrestaShop store for selling natural organic cosmetics or other skin care products, this theme may be an excellent choice for you.","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the Cosmetti - Cosmetics Store PrestaShop Theme (#63628) by experiencing the live preview. Click through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cosmetti - Cosmetics Store PrestaShop Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/cosmetics-store-responsive-prestashop-theme-63628.html","userRating":"4.5","designIndex":"83","authorUserId":"1768190","exclusive":0,"state":1,"price":88,"inserted_date":"2017-04-24","sent":2,"downloads":56,"search_words":"cosmetti organic cosmetics store beauty fashion health care women solution service catalogue product gift skincare hair care style cream natural rejuvenation damping lifting peeling specials lipstick mascara nail polish shampoo body milk lotion hand client","is_adult":0,"exc_price":6950,"sent_date":"2017-04-25 00:00:00","last_upload":"2017-04-24 00:00:00","package_id":197,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"63628-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":1600,"window_params":"","banner_url":"","id":1689418,"href":"","height":1000},{"scr_type_id":259,"filename":"63628-prestashop-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":430,"window_params":"","banner_url":"","id":1689419,"href":"","height":1153},{"scr_type_id":313,"filename":"63628-responsive-position.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":1000,"window_params":"","banner_url":"","id":1689420,"href":"","height":1000},{"scr_type_id":3,"filename":"63628-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":895,"window_params":"","banner_url":"","id":1689421,"href":"","height":599},{"scr_type_id":258,"filename":"63628-prestashop.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":430,"window_params":"","banner_url":"","id":1689422,"href":"","height":60},{"scr_type_id":298,"filename":"63628-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":430,"window_params":"","banner_url":"","id":1689423,"href":"","height":900},{"scr_type_id":310,"filename":"63628-57x57.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":57,"window_params":"","banner_url":"","id":1689424,"href":"","height":57},{"scr_type_id":314,"filename":"63628-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":1903,"window_params":"","banner_url":"","id":1689425,"href":"","height":5104},{"scr_type_id":3,"filename":"63628-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":408,"window_params":"","banner_url":"","id":1689426,"href":"","height":55},{"scr_type_id":299,"filename":"63628-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":430,"window_params":"","banner_url":"","id":1689427,"href":"","height":900},{"scr_type_id":312,"filename":"63628-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":370,"window_params":"","banner_url":"","id":1689428,"href":"","height":370},{"scr_type_id":9,"filename":"63628-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":145,"window_params":"","banner_url":"","id":1689429,"href":"","height":156},{"scr_type_id":311,"filename":"63628-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":965,"window_params":"","banner_url":"","id":1689430,"href":"","height":2588},{"scr_type_id":3,"filename":"63628-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":1903,"window_params":"","banner_url":"","id":1689431,"href":"","height":5104},{"scr_type_id":300,"filename":"63628-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":320,"window_params":"","banner_url":"","id":1689432,"href":"","height":900},{"scr_type_id":78,"filename":"63628-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":63628,"width":0,"window_params":"","banner_url":"","id":1689433,"href":"","height":0},{"scr_type_id":315,"filename":"63628-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63628,"width":1903,"window_params":"","banner_url":"","id":1689434,"href":"","height":5104}],"demoUrl":"/demo/63628.html","image":"https://s.tmimgcdn.com/scr/63600/cosmetti-cosmetics-store-prestashop-theme_63628-0-original.jpg","searchHash":"0e0804765d9e3e51c6b367d986f3c78c","previewHash":"4d102288af75a9955b2b4e4317c94987","authorNickname":"RockThemes","lowLevelTopic":"Cosmetics Store Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":88,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"cosmetics, herbal, medicine, fashion, beauty, beauty salon, spa, body care, organic cosmetic, organic, green, natural products, natural, oil, skin care","categoriesView":["Grid","List"],"uniqueKeywords":"organic health care women solution service catalogue product gift skincare hair care style cream natural rejuvenation damping lifting peeling specials","metaDescription":"A clean and stylish cosmetics PrestaShop 1.7 theme with product banners, MegaMenu, Google Maps, responsive design, and more.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/63600/63628-en_01.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_02.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_03.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_04.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_05.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_06.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_07.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_08.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_09.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_10.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_11.jpg, https://s.tmimgcdn.com/scr/63600/63628-en_12.jpg","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","MegaMenu","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".PHP",".TPL"],"languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","htmlTitle":"Cosmetti - Cosmetics PrestaShop Theme","isFree":"none","hELPURL":"/quick-start-guide/prestashop/","documentationVersion":"v1.5","itemDoubts":["changed-my-mind","you-are-in-good-hands","sweet-bonus-for-you","not-sure-about-your-technical-expertise","why-should-i-choose-templatemonster-s-prestashop-theme"],"imageDescription":"https://s.tmimgcdn.com/scr/63600/63628-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"prestashopEngine":"1.7","templateSoftwareRequired":["Adobe Photoshop CC+","Apache Server","MySQL 4.1.14 or later","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","PHP v. 5 or higher"],"lastmod":"2020-02-22T17:51:27-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you buy it, get knowledgeable about the Cosmetti - Cosmetics Store PrestaShop Theme (#63628) by experiencing the live preview. Click through the pages, check the images, press the buttons, explore the features.","shortDescription":"If you're going to build a PrestaShop store for selling natural organic cosmetics or other skin care products, this theme may be an excellent choice for you. Cosmetti features a beautiful design with a thought-through typography and pastel colors, which suits perfectly into the natural products niche. Use large grid-based product banners to showcase your latest arrivals and give your customers a better understanding of your inventory. Moreover, you can show off all product categories in one place thanks to a customizable mega menu. A responsive Deal of the Day section enables you to feature a slider with product discounts and a counter. Thanks to built-in Google maps your visitors can always know your physical address so that they could shop offline if needed. Cosmetti is a mobile friendly design and can be accessed successfully via all modern devices and browsers. Now your customers can do shopping right on their mobiles phones. Build an impressive cosmetics eStore with Cosmetti.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Fashion & Beauty PrestaShop ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that allows web pages to adapt to a display resolution of pretty much any device - may it be a desktop pc, a tablet or a mobile.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your website or blog appear equally good on display screen of any desktop computer or hand-held gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-prestashop-themes/\">Responsive PrestaShop ecommerce themes</a> here</p> <h3>This is Beauty Website PrestaShop design with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This attribute allows you to incorporate your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>On-line chat may be the smartest approach to connect with any visitors and turn them into your clients.</p><p>Newest <a href=\"https://www.templatemonster.com/online-chat-prestashop-themes/\">On-line chat PrestaShop designs</a> here</p> <br /></div></div></div></div>","tags":["beauty","body","care","catalogue","client","cosmetics","cream","damping","fashion","gift","hair","hand","health","lifting","lipstick","lotion","mascara","milk","nail","natural","organic","peeling","polish","product","rejuvenation","service","shampoo","solution","specials","store","style","women"],"customUrl":"/prestashop-themes/cosmetics-store-responsive-prestashop-theme-63628.html","badge":"badge-responsive","nameOfTheTemplate":"Cosmetti - Cosmetics Store PrestaShop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":"7.x","topic":["Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"styles":"Neutral","productFamily":"None","color":["black","white","grey","green"],"followUpLetter":"prestashop-offers","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"4.5","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://ld-prestashop.template-help.com/prestashop_63628","templateGroup":"eCommerce Templates","prestaShopDocumentationVersion":"1.5","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":["Carousel","Slider"],"dynamicChangeLog":"<ul>\n<li>- 3 background bugs fixed</li>\n<li>- 3 front-end issues fixed</li>\n<li>- 1 layout bug fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-prestashop","types":"PrestaShop Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2oHCGs3","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"awards":"prestashop_certified","loyaltySells":"1","width":"1920px","skupromo":"30%","marketplaceMembership":"One","category":"Website templates","dqi":"83","currencies":["USD","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 02 Nov 2024 01:17:22 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=63628&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=63628&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=63628&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 01:22:22 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-prestashop.template-help.com/prestashop_63628<!DOCTYPE html>
<html lang="en">
<head>
    <title>#63628 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/63628.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">
                PrestaShop Themes #63628            </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=63628&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $81                <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="/prestashop-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>