string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=90117&expand=properties"
string(13933) "[{"templateId":90117,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":442,"categoryName":"Interior & Furniture Templates","templateTitle":"Interior & Furniture Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Tooltip - Hand Tool Store PrestaShop Responsive Theme","templateDemoHtmlTitle":"Live demo for Tooltip - Hand Tool Store PrestaShop Responsive Theme #90117","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>Tooltip Hand Tool Store Prestashop Responsive Theme is perfect designed for stores like HandTools, Hardware, Equipment, Accessories, Auto, Sparepart, Automobile, Bike, Car, Mechanic, Art, Ceramic, Furniture etc.. This theme is looking good with colors combination and box layout design which suits for any type of store. All sub pages are easy to customized. It is very nice with its clean and professional look. It's also multipurpose which can be used for any kind of online store.</p><p>Tooltip theme package include<strong> </strong>quick start theme installation files to install theme on your store in just few steps like replica of our live demo store with all demo content and graphics.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.5.x, v1.7.6.x, 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>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>Multi Store Ready</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Product Tab Slider/Grid </strong>option<strong> </strong>on Homepage (Featured, Latest and Best Seller products)</li><li><strong>Special Products Slider/Grid o</strong>ption on Homepage</li><li><strong>Blog Module</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</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>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li><strong>Product Wishlist </strong>Module</li><li><strong>Quick View</strong> Products</li><li><strong>Custom Link 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><strong>Ajax Product Filter</strong></li><li><strong>Scroll To Top</strong> Button</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>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":"Tooltip - Hand Tool Store PrestaShop Responsive Theme","templatePreviewMetaDescription":"Tooltip Hand Tool Store Prestashop Responsive Theme is perfect designed for stores like HandTools, Hardware, Equipment, Accessories, Auto, Sparepart,","templateDemoMetaDescription":"Explore the demo of the top notch Tooltip - Hand Tool Store PrestaShop Theme (#90117) to find out what this template is prior to buying it. Go through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tooltip - Hand Tool Store PrestaShop Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/tooltip-hand-tool-store-prestashop-theme-90117.html","userRating":"5","designIndex":"88","authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2019-11-27","sent":0,"downloads":15,"search_words":"tools hardware automobile auto sparepart equipment accessories mechanic furniture prestashop template theme minimal blog boxlayout modern mobile codezeel responsive ecommerce","is_adult":0,"exc_price":2910,"sent_date":"2019-11-27 03:04:47","last_upload":"2024-09-30 07:56:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"90117-4-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90117,"width":1600,"window_params":"","banner_url":"","id":1874836,"href":"","height":1000},{"scr_type_id":311,"filename":"90117-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90117,"width":800,"window_params":"","banner_url":"","id":1874837,"href":"","height":1200},{"scr_type_id":312,"filename":"90117-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90117,"width":370,"window_params":"","banner_url":"","id":1874838,"href":"","height":370},{"scr_type_id":9,"filename":"90117-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90117,"width":145,"window_params":"","banner_url":"","id":1874839,"href":"","height":156},{"scr_type_id":57,"filename":"90117-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90117,"width":430,"window_params":"","banner_url":"","id":1874840,"href":"","height":645}],"demoUrl":"/demo/90117.html","image":"https://s.tmimgcdn.com/scr/90100/tooltip-hand-tool-store-prestashop-responsive-theme_90117-4-original.jpg","searchHash":"de583ba15ccdfc072db03713cfcfc19e","previewHash":"36fe3f5bf53aaf87e1e3eab9c1e93b60","authorNickname":"codezeel","lowLevelTopic":"Interior & Furniture Templates; Tools & Equipment Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":35,"discountPercent":50,"discountAmount":35,"semiannualSales":0,"properties":{"productSize":"119034931","uniqueKeywords":"tools,hardware,automobile,auto,sparepart,equipment,accessories,mechanic,furniture,prestashop,template,theme,minimal,blog,boxlayout,modern,mobile,codezeel,responsive,ecommerce","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Tooltip Hand Tool Store Prestashop Responsive Theme is perfect designed for stores like HandTools, Hardware, Equipment, Accessories, Auto, Sparepart,","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/75c5b87694e399271893038835070d6b.jpg, https://s3u.tmimgcdn.com/u1597608/13b4c5e0bc927b4ac5a6486f374aac03.jpg, https://s3u.tmimgcdn.com/u1597608/db809025b5f6dcc76cff349d37b38b13.jpg, https://s3u.tmimgcdn.com/u1597608/4444028050473af99b8c0809016125b9.jpg","features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Right to left language support","Light Template","eCommerce","Dropdown Menu","Sample content","Tabs","Quickstart Package","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery"],"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.6.3","exclusive":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2022-02-07T05:41:31-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1597608-1574663272264_01.jpg, https://s3u.tmimgcdn.com/1597608-1574663275144_02.jpg, https://s3u.tmimgcdn.com/1597608-1574663276804_03.jpg, https://s3u.tmimgcdn.com/1597608-1574663278257_04.jpg, https://s3u.tmimgcdn.com/1597608-1574663280003_05.jpg","authorMainScreenshotVersion":"4","demoMetaDescription":"Explore the demo of the top notch Tooltip - Hand Tool Store PrestaShop Theme (#90117) to find out what this template is prior to buying it. Go through the pages, examine the images, click the buttons, explore the features.","shortDescription":"<p>Tooltip Hand Tool Store Prestashop Responsive Theme is perfect designed for stores like HandTools, Hardware, Equipment, Accessories, Auto, Sparepart, Automobile, Bike, Car, Mechanic, Art, Ceramic, Furniture etc.. This theme is looking good with colors combination and box layout design which suits for any type of store. All sub pages are easy to customized. It is very nice with its clean and professional look. It's also multipurpose which can be used for any kind of online store.</p><p>Tooltip theme package include<strong> </strong>quick start theme installation files to install theme on your store in just few steps like replica of our live demo store with all demo content and graphics.</p><p><strong>Compatibility:</strong></p><p>==============</p><ul><li><strong>Prestashop Version : v1.7.5.x, v1.7.6.x, 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>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>Multi Store Ready</strong></li><li><strong>Unlimited Banners</strong></li><li><strong>Product Tab Slider/Grid </strong>option<strong> </strong>on Homepage (Featured, Latest and Best Seller products)</li><li><strong>Special Products Slider/Grid o</strong>ption on Homepage</li><li><strong>Blog Module</strong></li><li><strong>Brand logo Slider/Grid</strong> on Home page</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>Product<strong> Image Rollover Effect</strong></li><li><strong>Product Comment </strong>Module</li><li><strong>Product Wishlist </strong>Module</li><li><strong>Quick View</strong> Products</li><li><strong>Custom Link 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><strong>Ajax Product Filter</strong></li><li><strong>Scroll To Top</strong> Button</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>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":["accessories","auto","automobile","equipment","furniture","hardware","mechanic","minimal","mobile","modern","responsive","template","theme","tools","blog","ecommerce","prestashop","sparepart","boxlayout","codezeel"],"customUrl":"/prestashop-themes/tooltip-hand-tool-store-prestashop-theme-90117.html","nameOfTheTemplate":"Tooltip - Hand Tool Store PrestaShop Responsive Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Interior & Furniture Templates","Tools & Equipment Templates","Design","Design & Photography","Home & Family"],"changeLogDate":"2024-09-30","styles":["Clean","Minimalist","Neutral","Mobile","Flat"],"advImage":"https://s3u.tmimgcdn.com/u1597608/cec4fd6547f960fa13860292ed5198de.jpg","excerpt":"<p>Tooltip Hand Tool Store Prestashop Responsive Theme is perfect designed for stores like HandTools, Hardware, Equipment, Accessories, Auto, Sparepart, Automobile, Bike, Car, Mechanic, Art, Ceramic etc</p>","productFamily":"None","color":["black","white","grey"],"followUpLetter":"prestashop-offers","reviewsTotal":"2","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","reviewAverageScore":"5","changeLog":"##Update History\n\n#[01/10/2024]\n- Added theme compatibility with prestashop version 8.1.x.\n- Added new twitter icon\n- Fixed some hook related problem with modules\n- Resolve some miscellaneous bug\n\n#[29/05/2023]\n- Added theme compatibility with prestashop version 8.0.x.\n- Fixed theme and modules compatibility issue with PHP version 8.x\n\n#[07/12/2021]\n- Updated theme files to make it compatible with prestashop version 1.7.8.x\n- Updated modules to make it compatible with multistore","livePreviewURL":"https://capricathemes.com/prestashop/PRS13/PRS130309/index.php","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/f38c9725b4777daf522b971bdd9c6138.jpg","templateGroup":"eCommerce Templates","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"popularity":"Top Rated","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.5","1.7.6.x","1.7.7.x","1.7.8.x","1.7.8.7","8.0.x","8.1.0","8.1.1","8.1.2","8.1.3","8.1.4","8.1.5","8.1.6","8.1.7"],"bitLyUrl":"http://bit.ly/2XOV0lv","paidSupport":"Yes","marketplaceMembership":"None","category":"Website templates","dqi":"88","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, 22 Nov 2024 18:34:42 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=90117&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=90117&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=90117&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 18:39:42 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://capricathemes.com/prestashop/PRS13/PRS130309/index.php<!DOCTYPE html>
<html lang="en">
<head>
    <title>#90117 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/90117.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 #90117            </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=90117&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>