string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=326903&expand=properties"
string(10058) "[{"templateId":326903,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":165,"categoryName":"Car Audio Templates","templateTitle":"Car Audio PrestaShop Theme","templatePreviewHtmlTitle":"Leo Xprocal Elementor - Car Care Prestashop Theme","templateDemoHtmlTitle":"Demo Preview for Leo Xprocal Elementor - Car Care Prestashop Theme #326903","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p><strong>Leo Eprocal Carcare</strong> and auto service theme Prestashop is the newest template for <strong>Prestashop 8.0</strong> The current appearance of this theme, along with all the essential and cutting-edge theme features, make it ideal for creating a reputable online business.</p><p>Thanks to <strong>Leo Elementor module Prestashop </strong>providing 36+ accessible widgets, you can quickly personalize every aspect of your carcare store from the front store.</p><p><strong>Leo Xprocal Prestashop Elementor</strong> carecare theme 1.8 includes <strong>7 demo designs</strong> for auto services, auto detailing service, car showroom, auto repair, carwash service, car garage, ties, automotive store, car cleaning service, vehicle store, car clinic, interior car, etc.</p><p>What stands out about<strong> Leo Xprocal Elementor </strong>is that it is designed to assist you in promoting your carcare products and services with big sliders, which allow you to display the newest product to grab customers at first glance. The top mega menu allows you to add links, product photos, product categories, and so on, which improves the navigation of your site. Gentle effect, deal label, add to cart, add to wishlist, and quickview options are applied to the popular products.</p><p><strong>Leo Xprocal Auto</strong> service<strong> Elementor Prestashop 1.8 Theme</strong> is completely mobile-friendly. As a result, it looks fantastic and is completely adjustable to any screen resolution.</p>","templateFullTitle":"Leo Xprocal Elementor - Car Care Prestashop Theme","templatePreviewMetaDescription":"Leo Eprocal Carcare and auto service theme Prestashop is the newest template for Prestashop 8.0 The current appearance of this theme, along with all the","templateDemoMetaDescription":"The live preview for this high quality Leo Xprocal Elementor - Car Care Prestashop Theme PrestaShop Theme (#326903) is available here for you to get acquainted with the template before you choose to buy it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Leo Xprocal Elementor - Car Care Prestashop Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/leo-xprocal-elementor-car-care-prestashop-theme-326903.html","userRating":0,"designIndex":1,"authorUserId":"84484","exclusive":"0","state":1,"price":78,"inserted_date":"2023-04-10","sent":0,"downloads":0,"search_words":"accessories auto automobile bootstrap casual prestashop ecommerce tools store shop responsive","is_adult":0,"exc_price":2100,"sent_date":"2023-04-10 12:25:33","last_upload":"2023-04-10 12:36:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"326903-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":326903,"width":1000,"window_params":"","banner_url":"","id":3061239,"href":"","height":1000},{"scr_type_id":311,"filename":"326903-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":326903,"width":1000,"window_params":"","banner_url":"","id":3061240,"href":"","height":1000},{"scr_type_id":312,"filename":"326903-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":326903,"width":370,"window_params":"","banner_url":"","id":3061241,"href":"","height":370},{"scr_type_id":9,"filename":"326903-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":326903,"width":145,"window_params":"","banner_url":"","id":3061242,"href":"","height":156},{"scr_type_id":57,"filename":"326903-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":326903,"width":430,"window_params":"","banner_url":"","id":3061243,"href":"","height":430}],"demoUrl":"/demo/326903.html","image":"https://s.tmimgcdn.com/scr/326900/leo-xprocal-elementor-car-care-prestashop-theme_326903-original.png","searchHash":"2b61873697973bd86cce5e12ca9b80a5","previewHash":"43b4a0cfda44fdaf542079ab49b0f407","authorNickname":"Leothemes","lowLevelTopic":"Car Audio Templates; Car Repair Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":1,"finalPrice":55,"discountPercent":30,"discountAmount":23,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"prestashop-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"137810293","uniqueKeywords":"accessories,auto,automobile,bootstrap,casual,prestashop,ecommerce,tools,store,shop,responsive","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Leo Eprocal Carcare and auto service theme Prestashop is the newest template for Prestashop 8.0 The current appearance of this theme, along with all the","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u84484/af7e45115313a31979ee0e582de3afec.jpg","saleSells":"1","livePreviewURL":"https://demo74.leotheme.com/prestashop/leo_xprocal_elementor/","languageSupport":["English","French","Spanish","German"],"authorUserId":"84484","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u84484/d3c6821647a1630820b6c48ba2c356e3.png","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/prestashop/","databaseServerCompatibility":"MySQL 5.7","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"],"popularity":"Zero Downloads","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","prestashopEngine":"1.7.8.7","exclusive":"0","imagesIncluded":"No","webServerCompatibility":"Apache 2.4","templateIcon":"icon-prestashop","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u84484/59f3a29e533745f782924f3eae88d12f.jpg, https://s3u.tmimgcdn.com/u84484/8094346374cb7719dec0bbbc5fac539f.png, https://s3u.tmimgcdn.com/u84484/277adf2d4c839d18b4a8150a88172151.png, https://s3u.tmimgcdn.com/u84484/397fd960a13704644bfdfe39a01c6d78.png, https://s3u.tmimgcdn.com/u84484/05df9eebfbefca97a096dab7d46053e7.png, https://s3u.tmimgcdn.com/u84484/b716c7da96bf201ba9901914792f8ab7.png, https://s3u.tmimgcdn.com/u84484/ebb3c46b906de31db29e2561a2b16a25.jpg, https://s3u.tmimgcdn.com/u84484/8acebc20fcf3838606c050a450c38d88.png, https://s3u.tmimgcdn.com/u84484/c7680216e5fcfd57afa046e06a8c25b3.jpg, https://s3u.tmimgcdn.com/u84484/27b9070e664639c8403457a35e186a4d.png, https://s3u.tmimgcdn.com/u84484/8a2835fbcf36de3df6d4801f2956521d.jpg, https://s3u.tmimgcdn.com/u84484/3da25b71b19a390d15df6a785267c85a.png, https://s3u.tmimgcdn.com/u84484/d69fa1509a5e176c86588c03e4bcb402.jpg, https://s3u.tmimgcdn.com/u84484/eedae04771639e1445fe798839c295a6.jpg","types":"PrestaShop Themes","trendiness":"22","demoMetaDescription":"The live preview for this high quality Leo Xprocal Elementor - Car Care Prestashop Theme PrestaShop Theme (#326903) is available here for you to get acquainted with the template before you choose to buy it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p><strong>Leo Eprocal Carcare</strong> and auto service theme Prestashop is the newest template for <strong>Prestashop 8.0</strong> The current appearance of this theme, along with all the essential and cutting-edge theme features, make it ideal for creating a reputable online business.</p><p>Thanks to <strong>Leo Elementor module Prestashop </strong>providing 36+ accessible widgets, you can quickly personalize every aspect of your carcare store from the front store.</p><p><strong>Leo Xprocal Prestashop Elementor</strong> carecare theme 1.8 includes <strong>7 demo designs</strong> for auto services, auto detailing service, car showroom, auto repair, carwash service, car garage, ties, automotive store, car cleaning service, vehicle store, car clinic, interior car, etc.</p><p>What stands out about<strong> Leo Xprocal Elementor </strong>is that it is designed to assist you in promoting your carcare products and services with big sliders, which allow you to display the newest product to grab customers at first glance. The top mega menu allows you to add links, product photos, product categories, and so on, which improves the navigation of your site. Gentle effect, deal label, add to cart, add to wishlist, and quickview options are applied to the popular products.</p><p><strong>Leo Xprocal Auto</strong> service<strong> Elementor Prestashop 1.8 Theme</strong> is completely mobile-friendly. As a result, it looks fantastic and is completely adjustable to any screen resolution.</p>","prestashopCompatibility":"1.7.8.x","tags":["accessories","auto","automobile","bootstrap","casual","responsive","shop","store","tools","ecommerce","prestashop"],"customUrl":"/prestashop-themes/leo-xprocal-elementor-car-care-prestashop-theme-326903.html","nameOfTheTemplate":"Leo Xprocal Elementor - Car Care Prestashop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","paidSupport":"Yes","pHPVersionCompatibility":"7.4","topic":["Car Audio Templates","Car Repair Templates","Car Templates","Cars & Motorcycles"],"marketplaceMembership":"One","excerpt":"Leo Xprocal Elementor Carcare &amp; Auto service Prestashop Theme is the latest Prestashop 8.0 template.","advImage":"https://s3u.tmimgcdn.com/u84484/c5841c80fbf5fff1159434ec595e10c6.png","category":"Website templates","currencies":["USD","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 02 Dec 2024 03:45:19 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=326903&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=326903&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=326903&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 02 Dec 2024 03:50:19 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://demo74.leotheme.com/prestashop/leo_xprocal_elementor/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#326903 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/326903.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 #326903            </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=326903&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>