string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=74753&expand=properties"
string(10245) "[{"templateId":74753,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":173,"categoryName":"Auto Parts Templates","templateTitle":"Auto Parts PrestaShop Theme","templatePreviewHtmlTitle":"Safer - The Tool Store Responsive PrestaShop Theme","templateDemoHtmlTitle":"Live demo for Safer - The Tool Store Responsive PrestaShop Theme #74753","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p><strong>Safer Tool Store Prestashop Responsive Theme</strong> is unique layouts that specially designed for <strong style=\"color: rgb(84, 84, 84);\">tools, bike</strong><strong>, automobile, electronic, Fashions Store, Electronics, Beauty products, Jewelry store, Automation, Digital, lighting, Auto-parts, clothes, furniture</strong>. This template is beautiful with the combination of colors and layout. All secondary pages are customized. This template is very nice with its clean and professional appearance and full responsive that can easily fit into any device like i-Phone, i-Pad and other media devices.</p><p><br></p><p><strong>Compatibility</strong></p><ul><li>Prestashop 1.7.1.x, 1.7.2.x, 1.7.3.x, 1.7.4.x, 1.7.4.4, 1.7.5.x</li></ul><p><br></p><p><strong>Themes Features</strong></p><ol><li>100% Responsive Theme</li><li>Validated HTML5 and CSS3</li><li>Google Fonts integrated</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>No Core Files Modifications</li><li>Language & Currency Integration</li><li>Search Engine Optimization</li><li>Unlimited Banners</li><li>Easy Page layout settings</li><li>Blog Module Included</li><li>Product Comment Module</li><li>Category Wise Products Tab</li><li>Secondary Product Image on hover</li><li>Cloud Zoom on product detail page</li><li>Related Product slider on product page</li><li>Cross sale Product slider on checkout page</li><li>Shopping Cart Dropdown at header</li><li>Featured Products Module with admin option</li><li>Latest Products Module with admin option</li><li>Top Selling Module with admin option</li><li>Manufactured Module with admin option</li><li>Flexible CMS Blocks</li><li>Full PSD files</li><li>Compatible with all major browsers</li><li>Easy Setup with Theme Documentation</li></ol>","templateFullTitle":"Safer - The Tool Store Responsive PrestaShop Theme","templatePreviewMetaDescription":"Safer Tool Store Prestashop Responsive Theme is unique layouts that specially designed for tools, bike, automobile, electronic, Fashions Store, Electronics,","templateDemoMetaDescription":"View the demo preview of the premium Safer - The Tool Store Responsive PrestaShop Theme (#74753) to find out what this theme is before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Safer - The Tool Store Responsive PrestaShop Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/safer-the-tool-store-responsive-prestashop-theme-74753.html","userRating":0,"designIndex":"84","authorUserId":"1532010","exclusive":"1","state":1,"price":138,"inserted_date":"2018-11-28","sent":0,"downloads":3,"search_words":"auto store fluid grid mobile theme multi purpose prestashop responsive spare-parts Tools Theme automobile automation","is_adult":0,"exc_price":2100,"sent_date":"2018-11-28 06:31:08","last_upload":"2018-11-28 00:00:00","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"74753-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74753,"width":800,"window_params":"","banner_url":"","id":1782707,"href":"","height":1200},{"scr_type_id":311,"filename":"74753-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74753,"width":800,"window_params":"","banner_url":"","id":1782708,"href":"","height":1200},{"scr_type_id":312,"filename":"74753-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74753,"width":370,"window_params":"","banner_url":"","id":1782709,"href":"","height":370},{"scr_type_id":9,"filename":"74753-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74753,"width":145,"window_params":"","banner_url":"","id":1782710,"href":"","height":156},{"scr_type_id":57,"filename":"74753-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74753,"width":430,"window_params":"","banner_url":"","id":1782711,"href":"","height":645}],"demoUrl":"/demo/74753.html","image":"https://s.tmimgcdn.com/scr/74700/safer-the-tool-store-responsive-prestashop-theme_74753-original.jpg","searchHash":"3a5e3e1c95f61c9e0f1521db29c3294b","previewHash":"ba03ce2dd2a0d392859a363165a9849f","authorNickname":"Thementic","lowLevelTopic":"Auto Parts Templates; Mobile Store Templates; Electronics Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":138,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"prestashop-offers","dateRange":"Last Year","uniqueKeywords":"auto store fluid grid mobile theme multi purpose prestashop responsive spare-parts Tools Theme automobile automation","templateSupportOptions":"[{\"id\":22801,\"template_id\":17738,\"type\":1,\"measure\":\"hour\",\"value\":1,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Safer Tool Store Prestashop Responsive Theme is unique layouts that specially designed for tools, bike, automobile, electronic, Fashions Store, Electronics,","excludeExclusive":"Yes","features":["Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Multipurpose","Right to left language support"],"saleSells":"1","livePreviewURL":"https://demos.thementic.com/prestashop/PRS01/PRS010008/en/","authorUserId":"1532010","googleAnalyticsId":"UA-104620944-1","languageSupport":"English","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397891521_PRS010008-Prev.jpg","isFree":"none","templateGroup":"eCommerce Templates","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"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateIcon":"icon-prestashop","lastmod":"2021-01-11T04:34:18-05:00","previewScreensOrVideoURLs":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397898505_Respo.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397916767_01.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397918545_02.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397924200_04.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/17738/scr/1543397926698_05.jpg","types":"PrestaShop Themes","trendiness":"1","demoMetaDescription":"View the demo preview of the premium Safer - The Tool Store Responsive PrestaShop Theme (#74753) to find out what this theme is before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p><strong>Safer Tool Store Prestashop Responsive Theme</strong> is unique layouts that specially designed for <strong style=\"color: rgb(84, 84, 84);\">tools, bike</strong><strong>, automobile, electronic, Fashions Store, Electronics, Beauty products, Jewelry store, Automation, Digital, lighting, Auto-parts, clothes, furniture</strong>. This template is beautiful with the combination of colors and layout. All secondary pages are customized. This template is very nice with its clean and professional appearance and full responsive that can easily fit into any device like i-Phone, i-Pad and other media devices.</p><p><br></p><p><strong>Compatibility</strong></p><ul><li>Prestashop 1.7.1.x, 1.7.2.x, 1.7.3.x, 1.7.4.x, 1.7.4.4, 1.7.5.x</li></ul><p><br></p><p><strong>Themes Features</strong></p><ol><li>100% Responsive Theme</li><li>Validated HTML5 and CSS3</li><li>Google Fonts integrated</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li>No Core Files Modifications</li><li>Language & Currency Integration</li><li>Search Engine Optimization</li><li>Unlimited Banners</li><li>Easy Page layout settings</li><li>Blog Module Included</li><li>Product Comment Module</li><li>Category Wise Products Tab</li><li>Secondary Product Image on hover</li><li>Cloud Zoom on product detail page</li><li>Related Product slider on product page</li><li>Cross sale Product slider on checkout page</li><li>Shopping Cart Dropdown at header</li><li>Featured Products Module with admin option</li><li>Latest Products Module with admin option</li><li>Top Selling Module with admin option</li><li>Manufactured Module with admin option</li><li>Flexible CMS Blocks</li><li>Full PSD files</li><li>Compatible with all major browsers</li><li>Easy Setup with Theme Documentation</li></ol>","bitLyUrl":"http://bit.ly/2DP1sAX","tags":["auto","automation","automobile","fluid","grid","mobile","multi","purpose","responsive","store","theme","tools","prestashop"],"customUrl":"/prestashop-themes/safer-the-tool-store-responsive-prestashop-theme-74753.html","supportDescription":"<p>Thanks for contacting our team !</p><p>In order to investigate your issue and help you efficiently, you can contact us through Templatemonster account.</p>","nameOfTheTemplate":"Safer - The Tool Store Responsive PrestaShop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","loyaltySells":"1","topic":["Auto Parts Templates","Mobile Store Templates","Car Templates","Electronics Templates","Electronics Store Templates","Cars & Motorcycles"],"marketplaceMembership":"One","advImage":"https://s.tmimgcdn.com/scr/74700/74753-original.jpg","category":"Website templates","dqi":"84"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 20:49:34 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=74753&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=74753&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=74753&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 20:54:34 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://demos.thementic.com/prestashop/PRS01/PRS010008/en/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#74753 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/74753.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 #74753            </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=74753&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $127                <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>