string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=100042&expand=properties"
string(12210) "[{"templateId":100042,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":238,"categoryName":"Bakery Templates","templateTitle":"Bakery Responsive PrestaShop Theme","templatePreviewHtmlTitle":"o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme","templateDemoHtmlTitle":"Demo for o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme #100042","typeShortName":"PrestaShop","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Coffee Online Shop Template from PrestaShop</span></h2><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">\tThis fully responsive coffee online shop template is developed on a powerful PrestaShop eCommerce platform and can be suitable for coffee, cafe, bakery stores online. It has an elegant modern design, performed in dark palette colors that perfectly gives a sense of coffee aroma atmosphere.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">\tWith this beautiful theme, your online coffee shop will look perfectly attractive for your site visitors and clients. You`ll get a fast and smart interface that can be fully customized. </span></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Coffee Shop Theme Features:</span></h2><ul><li><span style=\"background-color: transparent;\">Full-width slider and multiple colorful banners for better Product presentation;</span></li><li><span style=\"background-color: transparent;\">Ajax Search module in the header area;</span></li><li><span style=\"background-color: transparent;\">Wishlist and Compare Products blocks;</span></li><li><span style=\"background-color: transparent;\">Mega Menu plugin;</span></li><li><span style=\"background-color: transparent;\">Built on Mega Layout module basis;</span></li><li><span style=\"background-color: transparent;\">Newsletter Subscription Form module;</span></li><li><span style=\"background-color: transparent;\">Product List and Grid View option;</span></li><li><span style=\"background-color: transparent;\">Featured Products block on the HomePage;</span></li><li><span style=\"background-color: transparent;\">Multi-currency and multilingual support;</span></li><li><span style=\"background-color: transparent;\">Blog extension,etc.</span></li></ul><p><br></p><h3><span style=\"background-color: transparent; color: rgb(67, 67, 67);\">Responsive design of Coffee Online Shop Template </span></h3><p>\t<span style=\"color: rgb(0, 0, 0);\">Build a website suitable to work on every device and every screen size, no matter how large or small, mobile or desktop. Desktop computer or cell phone users alike all benefit from responsive online stores. </span></p><p><span style=\"color: rgb(0, 0, 0);\">This </span><span style=\"color: rgb(0, 0, 0); background-color: transparent;\">coffee online store template</span><span style=\"color: rgb(0, 0, 0);\"> is 100% responsive which means that your website will scale beautifully to suit each device each time. </span></p>","templateFullTitle":"o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme","templatePreviewMetaDescription":"Coffee Online Shop Template from PrestaShop\tThis fully responsive coffee online shop template is developed on a powerful PrestaShop eCommerce platform and can","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme (#100042) by viewing the demo. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/o-joe-aroma-coffee-online-shop-template-prestashop-theme-100042.html","userRating":0,"designIndex":"88","authorUserId":"1768190","exclusive":"1","state":1,"price":88,"inserted_date":"2020-04-15","sent":0,"downloads":5,"search_words":"coffee tea drink cafe bakery barista machines","is_adult":0,"exc_price":2100,"sent_date":"2020-04-15 04:00:34","last_upload":"2020-04-15 04:00:35","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"100042-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":100042,"width":1600,"window_params":"","banner_url":"","id":1928473,"href":"","height":1000},{"scr_type_id":311,"filename":"100042-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":100042,"width":800,"window_params":"","banner_url":"","id":1928474,"href":"","height":1200},{"scr_type_id":312,"filename":"100042-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":100042,"width":370,"window_params":"","banner_url":"","id":1928475,"href":"","height":370},{"scr_type_id":9,"filename":"100042-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":100042,"width":145,"window_params":"","banner_url":"","id":1928476,"href":"","height":156},{"scr_type_id":57,"filename":"100042-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":100042,"width":430,"window_params":"","banner_url":"","id":1928477,"href":"","height":645}],"demoUrl":"/demo/100042.html","image":"https://s.tmimgcdn.com/scr/100000/ojoe-aroma-coffee-online-shop-template-prestashop-theme_100042-0-original.jpg","searchHash":"2bcc987063b99200440f6225e29b90e8","previewHash":"14af21277db0b02e769259285604d2f0","authorNickname":"RockThemes","lowLevelTopic":"Bakery Templates; Cafe and Restaurant Templates; Drink","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":88,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"categoriesView":["Grid","List"],"showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This coffee online shop template is a perfect, fully responsive eCommerce solution for websites oriented on coffee stores, bakery or cafe shops.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/100000/100042-en_01.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_02.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_03.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_04.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_05.jpg(https://www.templatemonster.com/prestashop-extensions.php),https://s.tmimgcdn.com/scr/100000/100042-en_06.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_07.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_08.jpg,https://s.tmimgcdn.com/scr/100000/100042-en_09.jpg","features":["Responsive","Admin Panel","Retina Ready","Mobile Layout Included","Online Store/Shop"],"saleSells":"1","languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","htmlTitle":"Coffee Online Shop Template -  o`Joe Aroma PrestaShop Theme","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"],"additionalInfo":"Well Documented","prestashopEngine":"1.7.6.3","exclusive":"1","templateSoftwareRequired":["Apache Server","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","PHP v. 5 or higher","Figma"],"lastmod":"2021-01-23T14:39:08-05:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1586850217036_SliderRate.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1586850221535_SliderScreen.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1586850227120_SliderScreen1.jpg","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme (#100042) by viewing the demo. View the pages, examine the images, press the buttons, explore the features.","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Coffee Online Shop Template from PrestaShop</span></h2><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">\tThis fully responsive coffee online shop template is developed on a powerful PrestaShop eCommerce platform and can be suitable for coffee, cafe, bakery stores online. It has an elegant modern design, performed in dark palette colors that perfectly gives a sense of coffee aroma atmosphere.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">\tWith this beautiful theme, your online coffee shop will look perfectly attractive for your site visitors and clients. You`ll get a fast and smart interface that can be fully customized. </span></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Coffee Shop Theme Features:</span></h2><ul><li><span style=\"background-color: transparent;\">Full-width slider and multiple colorful banners for better Product presentation;</span></li><li><span style=\"background-color: transparent;\">Ajax Search module in the header area;</span></li><li><span style=\"background-color: transparent;\">Wishlist and Compare Products blocks;</span></li><li><span style=\"background-color: transparent;\">Mega Menu plugin;</span></li><li><span style=\"background-color: transparent;\">Built on Mega Layout module basis;</span></li><li><span style=\"background-color: transparent;\">Newsletter Subscription Form module;</span></li><li><span style=\"background-color: transparent;\">Product List and Grid View option;</span></li><li><span style=\"background-color: transparent;\">Featured Products block on the HomePage;</span></li><li><span style=\"background-color: transparent;\">Multi-currency and multilingual support;</span></li><li><span style=\"background-color: transparent;\">Blog extension,etc.</span></li></ul><p><br></p><h3><span style=\"background-color: transparent; color: rgb(67, 67, 67);\">Responsive design of Coffee Online Shop Template </span></h3><p>\t<span style=\"color: rgb(0, 0, 0);\">Build a website suitable to work on every device and every screen size, no matter how large or small, mobile or desktop. Desktop computer or cell phone users alike all benefit from responsive online stores. </span></p><p><span style=\"color: rgb(0, 0, 0);\">This </span><span style=\"color: rgb(0, 0, 0); background-color: transparent;\">coffee online store template</span><span style=\"color: rgb(0, 0, 0);\"> is 100% responsive which means that your website will scale beautifully to suit each device each time. </span></p>","tags":["bakery","cafe","coffee","drink","machines","tea"],"customUrl":"/prestashop-themes/o-joe-aroma-coffee-online-shop-template-prestashop-theme-100042.html","badge":"badge-responsive","nameOfTheTemplate":"o`Joe Aroma - Coffee Online Shop Template PrestaShop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":"7.x","topic":["Bakery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Food & Restaurant","Drink"],"productFamily":"None","color":["black","white","yellow"],"followUpLetter":"prestashop-offers","templateSupportOptions":"[{\"id\":75047,\"template_id\":57177,\"type\":1,\"measure\":\"hour\",\"value\":48,\"phone\":\"\"},{\"id\":75048,\"template_id\":57177,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","livePreviewURL":"https://ld-prestashop.template-help.com/prestashop_eze_234tm/index.php","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1586850211953_Main.jpg","facebookPixelId":"1857475610982695","templateGroup":"eCommerce Templates","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-prestashop","types":"PrestaShop Themes","trendiness":"2","bitLyUrl":"https://bit.ly/3aevNVT","loyaltySells":"1","width":"1920px","marketplaceMembership":"One","category":"Website templates","dqi":"88","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: Thu, 02 May 2024 10:20:33 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=100042&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=100042&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=100042&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 10:25:33 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://ld-prestashop.template-help.com/prestashop_eze_234tm/index.php<!DOCTYPE html>
<html lang="en">
<head>
    <title>#100042 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/100042.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 #100042            </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=100042&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $81                <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>