string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=330902&expand=properties"
string(11792) "[{"templateId":330902,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":164,"categoryName":"Car Dealer Templates","templateTitle":"Car Dealer Responsive PrestaShop Theme","templatePreviewHtmlTitle":"Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme","templateDemoHtmlTitle":"Demo for Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme #330902","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p><strong>Leo Autofiix Elementor </strong>is a premium Prestashop 8.x theme designed for online stores that specialize in automotive products and services. This theme is fully customizable and comes with a range of features and functionalities that make it easy for store owners to create a professional-looking website that is tailored to their specific needs.</p><p><strong>Leo Autofiix </strong>has a modern and clean design that is both user-friendly and visually appealing. It is fully responsive, which means that your website will look great on any device, whether it's a desktop computer, tablet, or smartphone. The theme also comes with multiple layout options and color schemes, allowing you to customize the look and feel of your website to match your brand.</p><p>One of the standout features of <strong>Leo Autofiix Elementor </strong>is its powerful customization options. You can easily modify the theme's layout, fonts, colors, and other design elements to create a website that reflects your brand and style. The theme also includes a range of advanced features, such as support for multiple currencies and languages, integration with popular payment gateways, and a range of marketing tools to help you promote your products and services.</p><p>In addition to its customization options, <strong>Leo Autofiix </strong>also includes a range of useful features for online stores. This includes a powerful search function, a product comparison tool, and a user-friendly checkout process. The theme is also optimized for search engines, making it easier for customers to find your website and products online.</p><p>Overall, <strong>Leo Autofiix Elementor </strong>is a powerful and versatile Prestashop theme that is ideal for any online store selling automotive products and services. Whether you're just starting out or looking to upgrade your current website, AutoFix offers the features and functionalities you need to succeed in the competitive world of online retail.</p>","templateFullTitle":"Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme","templatePreviewMetaDescription":"Leo Autofiix Elementor is a premium Prestashop 8.x theme designed for online stores that specialize in automotive products and services. This theme is fully","templateDemoMetaDescription":"The demo preview of this top quality Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme PrestaShop Theme (#330902) is presented here for you to get yourself knowledgeable about the theme before buying it. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/leo-autofiix-elementor-car-repair-amp-auto-service-prestashop-theme-330902.html","userRating":0,"designIndex":1,"authorUserId":"84484","exclusive":"0","state":1,"price":78,"inserted_date":"2023-05-04","sent":0,"downloads":0,"search_words":"accessories auto automotive bike bootstrap car cars engine multipurpose responsive shop store tools prestashop machinery","is_adult":0,"exc_price":2100,"sent_date":"2023-05-04 11:43:07","last_upload":"2023-05-04 11:49:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"330902-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":330902,"width":920,"window_params":"","banner_url":"","id":3081249,"href":"","height":600},{"scr_type_id":311,"filename":"330902-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":330902,"width":920,"window_params":"","banner_url":"","id":3081250,"href":"","height":600},{"scr_type_id":312,"filename":"330902-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":330902,"width":370,"window_params":"","banner_url":"","id":3081251,"href":"","height":370},{"scr_type_id":9,"filename":"330902-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":330902,"width":145,"window_params":"","banner_url":"","id":3081252,"href":"","height":156},{"scr_type_id":57,"filename":"330902-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":330902,"width":430,"window_params":"","banner_url":"","id":3081253,"href":"","height":280}],"demoUrl":"/demo/330902.html","image":"https://s.tmimgcdn.com/scr/330900/leo-autofiix-elementor-car-repair-amp-auto-service-prestashop-theme_330902-original.jpg","searchHash":"85f060f58c897b1d4d7667ed85ece123","previewHash":"137dc9ecec37e2818c9a94da7f6cf9ce","authorNickname":"Leothemes","lowLevelTopic":"Car Dealer Templates; Car Repair Templates; Car Wash Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":78,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"134222269","uniqueKeywords":"accessories,auto,automotive,bike,bootstrap,car,cars,engine,multipurpose,responsive,shop,store,tools,prestashop,machinery","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Leo Autofiix Elementor is a premium Prestashop 8.x theme designed for online stores that specialize in automotive products and services. This theme is fully","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u84484/20822159b594a2b2d79255a041a6f0f4.jpg","features":["Responsive","Admin Panel","Ajax","Mobile Layout Included","Multipurpose","Dropshipping","eCommerce","Dropdown Menu","MegaMenu","Blog","Online Store/Shop","HTML 5","JQuery","Background video","Website Builder"],"saleSells":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"authorUserId":"84484","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":"8.0.x","exclusive":"0","webServerCompatibility":"Apache 2.4","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u84484/31b755dd784783038dfcfa44674e1c55.jpg, https://s3u.tmimgcdn.com/u84484/0a6002942b95253a4691eef291ea8be0.jpg, https://s3u.tmimgcdn.com/u84484/960e626b37ac5f4664cdf28855e23d27.jpg, https://s3u.tmimgcdn.com/u84484/6c1ee61ddf6da3840a26e5bc3912dade.jpg, https://s3u.tmimgcdn.com/u84484/ca9e8c26d585b0dab7ea3d79a431d3cc.jpg, https://s3u.tmimgcdn.com/u84484/7e25bb2ad04029743ce0bff92b818c80.jpg, https://s3u.tmimgcdn.com/u84484/d2a7e56aa426cd4c7a9efb6efb8abef5.jpg, https://s3u.tmimgcdn.com/u84484/ccdc3f07c83467c96e34e1a97f2c11e4.jpg, https://s3u.tmimgcdn.com/u84484/9faf072b0c81d1056aaa01fa05a243b3.jpg, https://s3u.tmimgcdn.com/u84484/e1beed676e14d5506c2f544cea774e59.jpg, https://s3u.tmimgcdn.com/u84484/db0513a1927878734a0a423d819bb2d1.jpg, https://s3u.tmimgcdn.com/u84484/c7c5ddf4b985f0b31cd1c2460b1ba82b.jpg, https://s3u.tmimgcdn.com/u84484/5584c2518ff2ae73f248988895c46c58.jpg","demoMetaDescription":"The demo preview of this top quality Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme PrestaShop Theme (#330902) is presented here for you to get yourself knowledgeable about the theme before buying it. View the pages, examine the images, press the buttons, explore the features.","shortDescription":"<p><strong>Leo Autofiix Elementor </strong>is a premium Prestashop 8.x theme designed for online stores that specialize in automotive products and services. This theme is fully customizable and comes with a range of features and functionalities that make it easy for store owners to create a professional-looking website that is tailored to their specific needs.</p><p><strong>Leo Autofiix </strong>has a modern and clean design that is both user-friendly and visually appealing. It is fully responsive, which means that your website will look great on any device, whether it's a desktop computer, tablet, or smartphone. The theme also comes with multiple layout options and color schemes, allowing you to customize the look and feel of your website to match your brand.</p><p>One of the standout features of <strong>Leo Autofiix Elementor </strong>is its powerful customization options. You can easily modify the theme's layout, fonts, colors, and other design elements to create a website that reflects your brand and style. The theme also includes a range of advanced features, such as support for multiple currencies and languages, integration with popular payment gateways, and a range of marketing tools to help you promote your products and services.</p><p>In addition to its customization options, <strong>Leo Autofiix </strong>also includes a range of useful features for online stores. This includes a powerful search function, a product comparison tool, and a user-friendly checkout process. The theme is also optimized for search engines, making it easier for customers to find your website and products online.</p><p>Overall, <strong>Leo Autofiix Elementor </strong>is a powerful and versatile Prestashop theme that is ideal for any online store selling automotive products and services. Whether you're just starting out or looking to upgrade your current website, AutoFix offers the features and functionalities you need to succeed in the competitive world of online retail.</p>","tags":["accessories","auto","automotive","bike","bootstrap","car","cars","engine","machinery","multipurpose","responsive","shop","store","tools","prestashop"],"customUrl":"/prestashop-themes/leo-autofiix-elementor-car-repair-amp-auto-service-prestashop-theme-330902.html","nameOfTheTemplate":"Leo Autofiix Elementor - Car Repair &amp; Auto Service Prestashop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":["8.1","8.0"],"topic":["Car Dealer Templates","Car Repair Templates","Car Wash Templates","Car Templates","Cars & Motorcycles"],"changeLogDate":"2023-08-23","styles":["Cartoon","Clean","Flat"],"excerpt":"<p>Leo Autofiix Elementor is an advanced Prestashop 8.x theme for car repair and auto services websites.</p>","advImage":"https://s3u.tmimgcdn.com/u84484/2b6c02000eef25999ba1ba8fc4501b1f.jpg","productFamily":"None","color":["black","white","brown"],"followUpLetter":"prestashop-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","livePreviewURL":"https://demo80.leotheme.com/prestashop/leo_autofiix/","authorMainScreenshot":"https://s3u.tmimgcdn.com/u84484/a7e85721197de6a9341ff950c1a9bd57.jpg","templateGroup":"eCommerce Templates","databaseServerCompatibility":"MySQL 5.7","popularity":"Zero Downloads","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","imagesIncluded":"No","templateIcon":"icon-prestashop","types":"PrestaShop Themes","designSoftware":["Adobe Photoshop","Figma"],"trendiness":"1","productOfTheDay":"-1","prestashopCompatibility":"8.0.x","paidSupport":"Yes","marketplaceMembership":"One","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: Sat, 27 Apr 2024 04:29:32 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=330902&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=330902&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=330902&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 04:34:32 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://demo80.leotheme.com/prestashop/leo_autofiix/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#330902 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/330902.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 #330902            </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=330902&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $72                <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>