string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=232498&expand=properties"
string(14603) "[{"templateId":232498,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme","templateDemoHtmlTitle":"Demo for Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme #232498","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>Hairclue Stylish Women Hair Products Prestashop Responsive Theme uniquely designed for Wig shop, Hair Style, Hair Dresser, Barber Shop, Hair Salon, Extension Hair, Spa, Hair & Beauty Parlor, Accessories and many more products related to hair.</p><p>Hairclue theme is a versatile and user-friendly Prestashop theme. More this theme is design to be fully responsive which make your site amazing look on different screen resolution like mobile, tablet, desktop and laptop.</p><p>Theme built with ajax features like Wishlist, Compare, Quickview, Add to Cart and Filter Product which help you to improve performance of your website and engage customer with different action without page reload.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Included<strong> RTL Language Support</strong></li><li><strong>No Core Modifications</strong></li><li><strong>SEO (Search Engine Optimization)</strong> Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Latest Products Slider/Grid </strong>Module</li><li><strong>Featured Products Slider/Grid </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from header</li><li>Horizontal <strong>Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li>Ajax Product<strong> Wishlist</strong></li><li>Ajax Product <strong>Quick View</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product<strong> Filter</strong></li><li><strong>Blog Module</strong></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>Footer & Header<strong> Parallax Scrolling Image</strong></li><li><strong>Custom link block</strong> module</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><strong>PSD Files Included</strong></li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme","templatePreviewMetaDescription":"Hairclue Stylish Women Hair Products Prestashop Responsive Theme uniquely designed for Wig shop, Hair Style, Hair Dresser, Barber Shop, Hair Salon, Extension","templateDemoMetaDescription":"View the live preview for the Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme PrestaShop Theme (#232498) get yourself familiar with this theme before you buy it. Browse through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/hairclue-hair-salon-extension-amp-wig-store-prestashop-reponsive-theme-232498.html","userRating":0,"designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2022-03-03","sent":0,"downloads":1,"search_words":"salon spa hair beauty makeup fashion style barber shop hair style skin care facial barber minimal clean modern ecommerce store multipurpose blog codezeel","is_adult":0,"exc_price":2100,"sent_date":"2022-03-03 11:22:33","last_upload":"2023-04-06 10:15:19","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"232498-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":232498,"width":1600,"window_params":"","banner_url":"","id":2589356,"href":"","height":1000},{"scr_type_id":311,"filename":"232498-3-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":232498,"width":1600,"window_params":"","banner_url":"","id":2589357,"href":"","height":1000},{"scr_type_id":312,"filename":"232498-3-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":232498,"width":370,"window_params":"","banner_url":"","id":2589358,"href":"","height":370},{"scr_type_id":9,"filename":"232498-3-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":232498,"width":145,"window_params":"","banner_url":"","id":2589359,"href":"","height":156},{"scr_type_id":57,"filename":"232498-3-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":232498,"width":430,"window_params":"","banner_url":"","id":2589360,"href":"","height":269}],"demoUrl":"/demo/232498.html","image":"https://s.tmimgcdn.com/scr/232400/hairclue-hair-salon-extension-amp-wig-store-prestashop-reponsive-theme_232498-3-original.jpg","searchHash":"c9a6680a2af0413e85471d3bf83bdcd7","previewHash":"2375268341fc79dcaac0a9d54de29df9","authorNickname":"codezeel","lowLevelTopic":"Beauty Salon Templates; Spa Accessories Templates; Massage Salon Templates; Hair Salon Templates; Tattoo Salon Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"148103368","uniqueKeywords":"salon,spa,hair,beauty,makeup,fashion,style,barber shop,hair style,skin care,facial,barber,minimal,clean,modern,ecommerce,store,multipurpose,blog,codezeel","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Hairclue Stylish Women Hair Products Prestashop Responsive Theme uniquely designed for Wig shop, Hair Style, Hair Dresser, Barber Shop, Hair Salon, Extension","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/ee72a5ad452bdfc89829070a897a9716.jpg, https://s3u.tmimgcdn.com/u1597608/711777ea967417df7554c98ebc3df0cf.jpg, https://s3u.tmimgcdn.com/u1597608/f22419d8c96c3c3984fb838adc9bb75a.jpg, https://s3u.tmimgcdn.com/u1597608/298af19795ca2d8b84d413db39ec74e8.jpg","features":["Ajax","Bootstrap","Light Template","Mobile Layout Included","Multipurpose","Premium","Responsive","Right to left language support","Search Engine Friendly","eCommerce","Sliced PSD","Dropdown Menu","Sample content","Tabs","Quickstart Package","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax","Lazy Load effect"],"saleSells":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"authorUserId":"1597608","isFree":"none","hELPURL":"/quick-start-guide/prestashop/","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"],"prestashopEngine":"1.7.8.3","exclusive":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2022-03-11T01:05:06-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/6c2f68494196fe7ab826d521009c8737.jpg, https://s3u.tmimgcdn.com/u1597608/6fd7bf545c28eab386ae221a3f82fd31.jpg, https://s3u.tmimgcdn.com/u1597608/3f71d67a1bbbb24c744349147a17e9a6.jpg, https://s3u.tmimgcdn.com/u1597608/d7009168ef01210d7404ef13dc4252b3.jpg, https://s3u.tmimgcdn.com/u1597608/300a868d6c319f20de0d51f357c38f88.jpg","authorMainScreenshotVersion":"3","demoMetaDescription":"View the live preview for the Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme PrestaShop Theme (#232498) get yourself familiar with this theme before you buy it. Browse through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p>Hairclue Stylish Women Hair Products Prestashop Responsive Theme uniquely designed for Wig shop, Hair Style, Hair Dresser, Barber Shop, Hair Salon, Extension Hair, Spa, Hair & Beauty Parlor, Accessories and many more products related to hair.</p><p>Hairclue theme is a versatile and user-friendly Prestashop theme. More this theme is design to be fully responsive which make your site amazing look on different screen resolution like mobile, tablet, desktop and laptop.</p><p>Theme built with ajax features like Wishlist, Compare, Quickview, Add to Cart and Filter Product which help you to improve performance of your website and engage customer with different action without page reload.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.6.x, v1.7.7.x, v1.7.8.x, v8.0.x</strong></li></ul><p><strong>Theme Features List:</strong></p><p>=================</p><ul><li>Bootstrap<strong> HTML5 and CSS3</strong></li><li>Fully <strong>RESPONSIVE </strong>Theme</li><li><strong>Google Fonts</strong> Included</li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Included<strong> RTL Language Support</strong></li><li><strong>No Core Modifications</strong></li><li><strong>SEO (Search Engine Optimization)</strong> Friendly</li><li>Optimized for <strong>Fast Loading + CSS Sprite</strong></li><li>Product <strong>Grid and List View</strong> on Category Page</li><li><strong>Unlimited Banners</strong></li><li><strong>Full Screen Responsive Banner Slider</strong></li><li><strong>Latest Products Slider/Grid </strong>Module</li><li><strong>Featured Products Slider/Grid </strong>Module</li><li><strong>Shopping Cart Dropdown </strong>from header</li><li>Horizontal <strong>Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</li><li>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li>Ajax Product<strong> Wishlist</strong></li><li>Ajax Product <strong>Quick View</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product<strong> Filter</strong></li><li><strong>Blog Module</strong></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>Footer & Header<strong> Parallax Scrolling Image</strong></li><li><strong>Custom link block</strong> module</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><strong>PSD Files Included</strong></li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Full user guide documentation to help you installing and utilizing the theme</li><li>and Many More…</li></ul>","tags":["barber","beauty","clean","facial","fashion","hair","makeup","minimal","modern","multipurpose","salon","spa","store","style","blog","ecommerce","barber shop","hair style","skin care","codezeel"],"customUrl":"/prestashop-themes/hairclue-hair-salon-extension-amp-wig-store-prestashop-reponsive-theme-232498.html","nameOfTheTemplate":"Hairclue - Hair Salon, Extension &amp; Wig Store Prestashop Reponsive Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":"7.4","topic":["Beauty Salon Templates","Spa Accessories Templates","Massage Salon Templates","Hair Salon Templates","Tattoo Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"changeLogDate":"2023-04-06","styles":["Clean","Dark","Minimalist","Mobile","Neutral"],"advImage":"https://s3u.tmimgcdn.com/u1597608/44c3dcb47af6a141fa2f856f59d2f2c5.jpg","excerpt":"Hairclue Stylish Women Hair Products Prestashop Responsive Theme uniquely designed for Wig shop, Hair Style, Hair Dresser, Barber Shop, Hair Salon, Extension Hair, Spa, Hair &amp; Beauty Parlor etc..","productFamily":"None","color":["black","white","grey"],"followUpLetter":"prestashop-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"##Update History\r\n\r\n#[03/04/2023]\r\n- Added theme compatibility with prestashop version 8.0.x.\r\n- Added Newsletter Popup, Cookie Law and Sale Notification popup module\r\n- Fixed theme and modules compatibility issue with PHP version 8.x\r\n\r\n#[04/04/2022]\r\n- Updated theme files to resolve problem of wishlist and compare function with prestashop version 1.7.8.4 and latest version","templateSupportOptions":"[]","livePreviewURL":"https://demo.codezeel.com/prestashop/PRS18/PRS180439/","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/b4dd54eea1b988960c03933e8fe35f76.jpg","templateGroup":"eCommerce Templates","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","imagesIncluded":"Yes","templateIcon":"icon-prestashop","types":"PrestaShop Themes","trendiness":"1","prestashopCompatibility":["1.7.x","1.7.8.x","1.7.7.x","1.7.6.x","1.7.8.7"],"bitLyUrl":"https://bit.ly/3hyO3zo","paidSupport":"Yes","marketplaceMembership":"None","category":"Website templates","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 10:42:10 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=232498&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=232498&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=232498&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 10:47:10 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://demo.codezeel.com/prestashop/PRS18/PRS180439/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#232498 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/232498.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 #232498            </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=232498&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>