string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=330338&expand=properties"
string(17137) "[{"templateId":330338,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme","templateDemoHtmlTitle":"Demo for Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme #330338","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>Cosmotic Prestashop Theme is a one-of-a-kind design with an ideal UX/UI for Cosmetic items, Beauty products, Spa & Skin Care items, and other related products store. This is an innovative and distinctive design, yet it is actually extremely easy and quick to use for clients. Using the theme options module that offered with the theme, you can quickly alter the colour, font, and box/full width layout of your site. The theme offers an easy-to-use navigation system and a mobile layout.</p><p>Cosmotic theme is completely mobile-friendly, supports multiple languages and currencies, has multi-store support, newsletter, blog, deals countdown timer, and many other features. As a result, it will provide you the ability to turn your dream shop into a magical digital conclusion that is boundless. High-speed, SEO-optimized code immediately increases your conversion rate.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version: v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li><strong>1-Click Installation</strong> File Included</li><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Mobile First Layout</strong></li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>RTL Language Support</strong></li><li>No Core Files Modifications</li><li><strong>SEO</strong> (Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite + SVG icons</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Multi Store Ready</strong></li><li><strong>Theme Images Module</strong> to Upload Background Image</li><li><strong>Theme Options Module</strong> to Change Color, Fonts and Other Theme Related Settings</li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Product Tab</strong> with Slider/Grid Option (Featured, Latest and Best Seller Product)</li><li><strong>Special Product </strong>Module with Slider/Grid Option</li><li><strong>Brand/</strong> <strong>Manufacturer logo </strong>Slider/Grid on Home page</li><li><strong>Count Down Timer </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from Header</li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Ajax Product Comment</strong></li><li><strong>Ajax Product Wishlist</strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Quick View</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Ajax Autocomplete Product Search</strong> Module with Image in Search Result</li><li><strong>Blog Module</strong></li><li><strong>Newsletter Subscription</strong></li><li><strong>Instagram Module </strong></li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Lazy Load Feature </strong>for Performance Optimization</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom </strong>on Product Detail Page</li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Crosssell Products Slider</strong> on Product Detail Page</li><li><strong>Recently Viewed Product Slider</strong> on Product Detail Page</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li><strong>PSD Files</strong> Included</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you install and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme","templatePreviewMetaDescription":"Cosmotic Prestashop Theme is a one-of-a-kind design with an ideal UX/UI for Cosmetic items, Beauty products, Spa & Skin Care items, and other related products","templateDemoMetaDescription":"View the demo of the professional Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme PrestaShop Theme (#330338) get yourself knowledgeable about this design before you decide to buy it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/cosmotic-cosmetics-amp-beauty-care-prestashop-responsive-theme-330338.html","userRating":"5","designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2023-04-27","sent":0,"downloads":15,"search_words":"beauty salon beauty shop cosmetic hair care makeup spa ecommerce hair salon responsive skincare wellness prestashop accessories jewelry health fashion multipurpose online codezeel","is_adult":0,"exc_price":2100,"sent_date":"2023-04-27 10:24:15","last_upload":"2023-08-11 08:38:52","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3078434,"templ_id":330338,"filename":"330338-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078435,"templ_id":330338,"filename":"330338-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078436,"templ_id":330338,"filename":"330338-2-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078437,"templ_id":330338,"filename":"330338-2-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3078438,"templ_id":330338,"filename":"330338-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/330338.html","image":"https://s.tmimgcdn.com/scr/330300/cosmotic-cosmetics-amp-beauty-care-prestashop-responsive-theme_330338-2-original.jpg","searchHash":"dcf04275b25db170ef542de70d753953","previewHash":"eb908104304b8696f617ccac25674e1c","authorNickname":"codezeel","lowLevelTopic":"Beauty Salon Templates; Cosmetics Store Templates; Spa Accessories Templates; Fashion Templates; Jewelry Templates","weightedRating":4.1818181818182,"annualSale":15,"monthlySales":0,"quarterlySales":2,"productBoost":50,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":10,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Right to left language support","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Sample content","Tabs","Quickstart Package","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Neutral","Collage","Futurist","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Beauty Salon Templates","Cosmetics Store Templates","Spa Accessories Templates","Beauty Templates","Fashion Templates","Jewelry Templates","Fashion & Beauty","Salon"],"isFree":"none","color":["white","grey","cyan","green"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","imagesIncluded":"Yes","tags":["accessories","beauty","cosmetic","fashion","health","jewelry","makeup","multipurpose","online","responsive","salon","spa","wellness","ecommerce","prestashop","hair salon","skincare","beauty shop","hair care","codezeel"],"marketplaceMembership":"None","prestashopCompatibility":["1.7.7.x","1.7.8.x","1.7.8.7","8.0.x","8.1.0","8.1.1"],"paidSupport":"Yes","prestashopEngine":"1.7.8.7","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Cosmotic Prestashop Theme is a one-of-a-kind design with an ideal UX/UI for Cosmetic items, Beauty products, Spa Accessories, Skin care products and other related eCommerce stores.</p>","nameOfTheTemplate":"Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/c8b9dba79b1805229fe1a9354700ff3e.jpg, https://s3u.tmimgcdn.com/u1597608/55a3c3a057f237c6c610fb0a8153f089.jpg, https://s3u.tmimgcdn.com/u1597608/a06c37b57cbe82ed52886ff05bfc9dbc.jpg, https://s3u.tmimgcdn.com/u1597608/be411030bb4b1e7c3894242b52455a0d.jpg, https://s3u.tmimgcdn.com/u1597608/142bd31247aed000ecc434ed10d41d6b.jpg, https://s3u.tmimgcdn.com/u1597608/d8afe0831d3d580bbf25571a780d50fb.jpg, https://s3u.tmimgcdn.com/u1597608/30d15f6201fbeab597e75015499d78d0.jpg, https://s3u.tmimgcdn.com/u1597608/ae2ad5f85518f9ead7b33d2c82a6c496.jpg, https://s3u.tmimgcdn.com/u1597608/e20e5b59ec4963e7253f10ddad30982e.jpg","shortDescription":"<p>Cosmotic Prestashop Theme is a one-of-a-kind design with an ideal UX/UI for Cosmetic items, Beauty products, Spa & Skin Care items, and other related products store. This is an innovative and distinctive design, yet it is actually extremely easy and quick to use for clients. Using the theme options module that offered with the theme, you can quickly alter the colour, font, and box/full width layout of your site. The theme offers an easy-to-use navigation system and a mobile layout.</p><p>Cosmotic theme is completely mobile-friendly, supports multiple languages and currencies, has multi-store support, newsletter, blog, deals countdown timer, and many other features. As a result, it will provide you the ability to turn your dream shop into a magical digital conclusion that is boundless. High-speed, SEO-optimized code immediately increases your conversion rate.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version: v1.7.7.x, v1.7.8.x, v8.0.x, v8.1.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li><strong>1-Click Installation</strong> File Included</li><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Mobile First Layout</strong></li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li><strong>RTL Language Support</strong></li><li>No Core Files Modifications</li><li><strong>SEO</strong> (Search Engine Optimization) Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite + SVG icons</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Multi Store Ready</strong></li><li><strong>Theme Images Module</strong> to Upload Background Image</li><li><strong>Theme Options Module</strong> to Change Color, Fonts and Other Theme Related Settings</li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Product Tab</strong> with Slider/Grid Option (Featured, Latest and Best Seller Product)</li><li><strong>Special Product </strong>Module with Slider/Grid Option</li><li><strong>Brand/</strong> <strong>Manufacturer logo </strong>Slider/Grid on Home page</li><li><strong>Count Down Timer </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from Header</li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Vertical Mega Menu</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Ajax Product Comment</strong></li><li><strong>Ajax Product Wishlist</strong></li><li><strong>Ajax Product Compare</strong></li><li><strong>Ajax Product Quick View</strong></li><li><strong>Ajax Product Filter</strong></li><li><strong>Ajax Autocomplete Product Search</strong> Module with Image in Search Result</li><li><strong>Blog Module</strong></li><li><strong>Newsletter Subscription</strong></li><li><strong>Instagram Module </strong></li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Lazy Load Feature </strong>for Performance Optimization</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom </strong>on Product Detail Page</li><li><strong>Related Product </strong>Slider on Product Detail Page</li><li><strong>Same Category Product</strong> Slider on Product Detail Page</li><li><strong>Crosssell Products Slider</strong> on Product Detail Page</li><li><strong>Recently Viewed Product Slider</strong> on Product Detail Page</li><li><strong>Scroll To Top</strong> Button</li><li><strong>Newsletter Popup</strong> Module</li><li><strong>Cookie Law</strong> Module</li><li><strong>Sale Notification Popup </strong>Module</li><li>Valid XHTML and CSS markup</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li><strong>PSD Files</strong> Included</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you install and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"beauty,salon,beauty shop,cosmetic,hair care,makeup,spa,ecommerce,hair salon,responsive,skincare,wellness,prestashop,accessories,jewelry,health,fashion,multipurpose,online,codezeel","advImage":"https://s3u.tmimgcdn.com/u1597608/1c75b92f5bc51710266013c9109bd255.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/06375cbaa248517b587460838dcfeb08.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/73c8f354df76f651f1065933b115c7d2.jpg, https://s3u.tmimgcdn.com/u1597608/81e8accf3fb0b3e169e6c28f4d451177.jpg, https://s3u.tmimgcdn.com/u1597608/00fa901c475edb3340d27807d5fa40ba.jpg, https://s3u.tmimgcdn.com/u1597608/9c4326e39037a7429043bf228a9fc61e.jpg, https://s3u.tmimgcdn.com/u1597608/75ac3d39b1235d746de3ea697d9af30c.jpg, https://s3u.tmimgcdn.com/u1597608/725de77ad628bdc5d4c498c90a1fb18a.jpg","livePreviewURL":"https://codezeel.com/prestashop/monster/cosmotic/","metaDescription":"Cosmotic Prestashop Theme is a one-of-a-kind design with an ideal UX/UI for Cosmetic items, Beauty products, Spa & Skin Care items, and other related products","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"View the demo of the professional Cosmotic - Cosmetics &amp; Beauty Care Prestashop Responsive Theme PrestaShop Theme (#330338) get yourself knowledgeable about this design before you decide to buy it. Go through the pages, check the images, press the buttons, explore the features.","customUrl":"/prestashop-themes/cosmotic-cosmetics-amp-beauty-care-prestashop-responsive-theme-330338.html","productSize":"133143914","trendiness":"1","authorMainScreenshotVersion":"2","changeLog":"##Update History\r\n\r\n#[11/08/2023]\r\n- Added theme compatibility with prestashop version 8.1.x.\r\n- Fixed some miscellaneous bug with modules\r\n\r\n#[04/05/2023]\r\n- Added theme compatibility with prestashop version 8.0.x.\r\n- Fixed theme and modules compatibility issue with PHP version 8.x","changeLogDate":"2023-08-11","reviewsTotal":"1","reviewAverageScore":"5","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"PrestaShop Themes","templateIcon":"icon-prestashop","hELPURL":"/quick-start-guide/prestashop/","followUpLetter":"prestashop-offers","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","productFamily":"None","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"],"templateGroup":"eCommerce Templates","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: Thu, 25 Apr 2024 15:34:57 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=330338&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=330338&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=330338&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 15:39:57 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://codezeel.com/prestashop/monster/cosmotic/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#330338 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/330338.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 #330338            </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=330338&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>