string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=395624&expand=properties"
string(13260) "[{"templateId":395624,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":173,"categoryName":"Auto Parts Templates","templateTitle":"Auto Parts Responsive PrestaShop Theme","templatePreviewHtmlTitle":"AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme","templateDemoHtmlTitle":"Live preview for AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme #395624","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p>Introducing AutoMart - Auto Spare Parts Store PrestaShop Theme, a premium e-commerce solution designed specifically for auto spare parts stores. With its sleek and modern design, AutoMart offers a user-friendly shopping experience and enhances your online business presence.</p><p>Functionality:</p><p>1. Responsive Design: AutoMart is fully responsive and adapts seamlessly to any screen size, ensuring that your website looks stunning on all devices, from desktops to smartphones.</p><p>2. Customization Options: Tailor your website to your brand identity with an array of customization options. Change colors, fonts, layouts, and more, effortlessly creating a unique online store.</p><p>3. Intuitive User Interface: AutoMart boasts an easy-to-navigate interface, allowing your customers to browse through your extensive catalog effortlessly and find the exact spare parts they are looking for.</p><p>Features:</p><p>1. Mega Menu: Display your product categories and subcategories in a visually engaging way with AutoMart's Mega Menu functionality. Improve navigation and encourage exploration of your vast inventory.</p><p>2. Product Quick View: Enable your customers to have a quick glimpse of product details without leaving the category or homepage, increasing their shopping convenience and reducing bounce rates.</p><p>3. Advanced Product Filter: With AutoMart's advanced filter options, customers can refine their search based on parameters such as brand, price range, and specifications, enabling them to find their desired auto parts quickly.</p><p>4. Wishlist and Comparison: Allow customers to save their favorite products to a wishlist for future reference and compare multiple items side by side, assisting them in making informed purchasing decisions.</p><p>5. Blog Section: Engage your audience and build trust with a dedicated blog section. Share informative articles, installation guides, industry news, and updates to establish your store as an authority in the auto spare parts niche.</p><p>AutoMart - Auto Spare Parts Store PrestaShop Theme is the perfect solution for online auto parts retailers seeking to provide their customers with an exceptional shopping experience. Boost your sales and conversions today by choosing AutoMart. Get started on your e-commerce journey and revolutionize your spare parts business with this stunning theme.</p>","templateFullTitle":"AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme","templatePreviewMetaDescription":"Introducing AutoMart - Auto Spare Parts Store PrestaShop Theme, a premium e-commerce solution designed specifically for auto spare parts stores. With its sleek","templateDemoMetaDescription":"Sit back and watch the live preview of the professional AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme PrestaShop Theme (#395624) get yourself familiar with this theme before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/automart-auto-spare-parts-and-tools-store-prestashop-theme-395624.html","userRating":0,"designIndex":1,"authorUserId":"78367088","exclusive":"1","state":1,"price":59,"inserted_date":"2024-02-19","sent":0,"downloads":3,"search_words":"accessories auto automobile bike car multipurpose parts responsive spare store tools ecommerce prestashop equipment","is_adult":0,"exc_price":2100,"sent_date":"2024-02-19 12:53:57","last_upload":"2024-02-19 13:00:34","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3404717,"templ_id":395624,"filename":"395624-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":3404718,"templ_id":395624,"filename":"395624-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":3404719,"templ_id":395624,"filename":"395624-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":3404720,"templ_id":395624,"filename":"395624-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":3404721,"templ_id":395624,"filename":"395624-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/395624.html","image":"https://s.tmimgcdn.com/scr/395600/automart-auto-spare-parts-and-tools-store-prestashop-theme_395624-original.jpg","searchHash":"b618000a28ad1a6f7501bb210203f72d","previewHash":"438c668048856214ede555646eb0fad5","authorNickname":"Wootify","lowLevelTopic":"Auto Parts Templates; Tools & Equipment Templates","weightedRating":null,"annualSale":3,"monthlySales":1,"quarterlySales":3,"productBoost":125,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Right to left language support","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Sample content","Tabs","Quickstart Package","Advanced Theme Options","MegaMenu","Performance Optimization","Online Store/Shop","HTML 5","JQuery","Lazy Load effect","One click installation"],"styles":["Clean","Corporate","Minimalist","Neutral","Collage","Futurist","Web2.0","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Auto Parts Templates","Car Templates","Tools & Equipment Templates","Cars & Motorcycles","Home & Family"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"No","tags":["accessories","auto","automobile","bike","car","equipment","multipurpose","parts","responsive","spare","store","tools","ecommerce","prestashop"],"marketplaceMembership":"None","paidSupport":"Yes","prestashopCompatibility":["1.7.8.x","8.0.x","8.1.0","8.1.1","8.1.3"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"prestashopEngine":"8.0.x","authorUserId":"78367088","excerpt":"<p>Introducing AutoMart - Auto Spare Parts Store PrestaShop Theme, a premium e-commerce solution designed specifically for auto spare parts stores.</p>","nameOfTheTemplate":"AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78367088/0f8325fd2b0d9fe7d7ac94e55d170bbc.jpg, https://s3u.tmimgcdn.com/u78367088/5ca3becbac1284bdab51ae3cf71e8638.jpg, https://s3u.tmimgcdn.com/u78367088/020aa51b9c8f4aeb0d4c9d473b471819.jpg, https://s3u.tmimgcdn.com/u78367088/794ce4aa83b939520f6436923c4ae131.jpg, https://s3u.tmimgcdn.com/u78367088/9c4b0791261bf09425379eeae5c9e61a.jpg, https://s3u.tmimgcdn.com/u78367088/7aa5a5126d3c5a2ab6224d7f374b1d81.jpg, https://s3u.tmimgcdn.com/u78367088/1b518d2c67ec2e0b205177a299903eea.jpg","shortDescription":"<p>Introducing AutoMart - Auto Spare Parts Store PrestaShop Theme, a premium e-commerce solution designed specifically for auto spare parts stores. With its sleek and modern design, AutoMart offers a user-friendly shopping experience and enhances your online business presence.</p><p>Functionality:</p><p>1. Responsive Design: AutoMart is fully responsive and adapts seamlessly to any screen size, ensuring that your website looks stunning on all devices, from desktops to smartphones.</p><p>2. Customization Options: Tailor your website to your brand identity with an array of customization options. Change colors, fonts, layouts, and more, effortlessly creating a unique online store.</p><p>3. Intuitive User Interface: AutoMart boasts an easy-to-navigate interface, allowing your customers to browse through your extensive catalog effortlessly and find the exact spare parts they are looking for.</p><p>Features:</p><p>1. Mega Menu: Display your product categories and subcategories in a visually engaging way with AutoMart's Mega Menu functionality. Improve navigation and encourage exploration of your vast inventory.</p><p>2. Product Quick View: Enable your customers to have a quick glimpse of product details without leaving the category or homepage, increasing their shopping convenience and reducing bounce rates.</p><p>3. Advanced Product Filter: With AutoMart's advanced filter options, customers can refine their search based on parameters such as brand, price range, and specifications, enabling them to find their desired auto parts quickly.</p><p>4. Wishlist and Comparison: Allow customers to save their favorite products to a wishlist for future reference and compare multiple items side by side, assisting them in making informed purchasing decisions.</p><p>5. Blog Section: Engage your audience and build trust with a dedicated blog section. Share informative articles, installation guides, industry news, and updates to establish your store as an authority in the auto spare parts niche.</p><p>AutoMart - Auto Spare Parts Store PrestaShop Theme is the perfect solution for online auto parts retailers seeking to provide their customers with an exceptional shopping experience. Boost your sales and conversions today by choosing AutoMart. Get started on your e-commerce journey and revolutionize your spare parts business with this stunning theme.</p>","uniqueKeywords":"accessories,auto,automobile,bike,car,multipurpose,parts,responsive,spare,store,tools,ecommerce,prestashop,equipment","advImage":"https://s3u.tmimgcdn.com/u78367088/3ceb1f12c2fcd7b13477daa40253c5b0.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78367088/c049ab5d39ecbf4362a8f09cb8e448ed.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78367088/e15ced05ba700e5003082f9850810df7.jpg, https://s3u.tmimgcdn.com/u78367088/5cf6aaeb2f42e28860d4d65f047fc2f4.jpg, https://s3u.tmimgcdn.com/u78367088/d33f0ee1d9289eb41c0f51e605250879.jpg, https://s3u.tmimgcdn.com/u78367088/3f3618109ed78248420187055cc2aab8.jpg, https://s3u.tmimgcdn.com/u78367088/1568dc370ce12ba1c06a29e409be4510.jpg, https://s3u.tmimgcdn.com/u78367088/8bd3077f237e52d0c6ee90efdfb5ccc7.jpg, https://s3u.tmimgcdn.com/u78367088/f0328ea3dea8a80e846cb617a4bd62e7.jpg, https://s3u.tmimgcdn.com/u78367088/41b0ceceb7386e4ca9b5d0e18a1fb559.jpg, https://s3u.tmimgcdn.com/u78367088/eb5f65aeed1650a9169f1a37b8db33d8.jpg, https://s3u.tmimgcdn.com/u78367088/f8fb0edb4c2fc009b77eb12e8e31938f.jpg, https://s3u.tmimgcdn.com/u78367088/c5bd561eed30b0691bc1d6efda402ec8.jpg, https://s3u.tmimgcdn.com/u78367088/8cd054535249820582667596c8eeb638.jpg, https://s3u.tmimgcdn.com/u78367088/64c846f3929789b4462b08761cf85d6e.jpg, https://s3u.tmimgcdn.com/u78367088/cbde1b2507b3802136e9d92243cbb96c.jpg","livePreviewURL":"https://demo.wootify.net/PSG1/PRS3_automart/en/","metaDescription":"Introducing AutoMart - Auto Spare Parts Store PrestaShop Theme, a premium e-commerce solution designed specifically for auto spare parts stores. With its sleek","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Sit back and watch the live preview of the professional AutoMart - Auto Spare Parts and Tools Store PrestaShop Theme PrestaShop Theme (#395624) get yourself familiar with this theme before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","customUrl":"/prestashop-themes/automart-auto-spare-parts-and-tools-store-prestashop-theme-395624.html","productSize":"158933879","trendiness":"1","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: Sat, 27 Apr 2024 07:34:30 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=395624&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=395624&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=395624&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 07:39:30 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.wootify.net/PSG1/PRS3_automart/en/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#395624 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/395624.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 #395624            </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=395624&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $54                <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>