string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=226653&expand=properties"
string(14170) "[{"templateId":226653,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":126,"categoryName":"Pub Templates","templateTitle":"Pub Responsive Website Template","templatePreviewHtmlTitle":"Meate - Coffee Shop HTML5 Website Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Meate - Coffee Shop HTML5 Website Template #226653","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Coffee Shop HTML5 Website Template</strong></h2><p>A coffee shop HTML5 website template provides a variety of tools for website development. Nowadays, having a website is your first step to success. It allows your company to easily promote its services and products. Also, it saves money on traditional advertising. However, you won't be able to achieve the set goals without a well-designed website. That's why many companies hire web designers and developers when working on a new website.</p><p>Still, if you want to save money on developing a professionally designed website, we recommend using HTML5 templates. They are well-designed and affordable solutions. Based on the Bootstrap 5 framework, such templates offer incredible responsiveness. It also provides easy maintenance and great customization for your website. If you are looking for such a template to fit your coffee shop website, we know how to help you.</p><h3><strong>HTML5 Website Template with Lots of Features for a Coffee Shop</strong></h3><p>The Meate coffee shop HTML5 website template provides a clean and modern design. Supplied with a detailed layout, it also provides enough space for any content. For example, you can publish texts and images easily. Also, feel free to use the included content. This template is a part of the Starbis multipurpose HTML5 website template. Starbis offers dozens of templates, topics, and lots of ready-made pages available at a reasonable price. As for the Meate HTML template, it will perfectly fit any modern coffee shop website. The template also comes with a variety of features designed to make your website better:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>Sass & Pug source files;</li><li>Cross-browser support.</li></ol><p>Our template is highly customizable, too. Due to the included set of UI elements, this coffee shop HTML5 website template has an incredible customization potential. Even if you have no prior experience in coding or web development, working with this template's components and elements will be quite easy. And if you are a seasoned developer, you'll find this template to be a great basis for your client's website.</p><h3><strong>Customizable Coffee Shop HTML5 Template</strong></h3><p>We also added a variety of pages to the Meate coffee shop HTML5 website template. For example, you can describe your business with the Abou Us page and book a table using the Reservation page. Besides, our solution allows posting regular updates and news about your coffee shop. And thanks to the eCommerce-ready pages you can easily promote and sell your coffee online. Don't forget that with the help of the Contact page, your clients can stay connected with you. This will also increase the level of your website's interactivity.</p><p>If you are looking for additional information about our HTML5 template, we recommend reading its documentation. It describes how to install and manage this solution properly. Besides, the documentation answers common questions about our web design solutions. However, if you need additional support, our qualified team will gladly help you. Also, don't forget to check out our template catalog for more solutions like Meate.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Meate - Coffee Shop HTML5 Website Template","templatePreviewMetaDescription":"Modern Coffee Shop HTML5 Website TemplateA coffee shop HTML5 website template provides a variety of tools for website development. Nowadays, having a website","templateDemoMetaDescription":"Experience the demo preview of the high quality Meate - Coffee Shop HTML5 Website Template Website Template (#226653) get yourself informed about this template before buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Meate - Coffee Shop HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/meate-coffee-shop-html5-website-template-226653.html","userRating":0,"designIndex":1,"authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2022-01-28","sent":0,"downloads":0,"search_words":"coffee shop coffee cafe coffee house green coffee blend store online order beverage liquid drinking drinks blending brewing organic bean roast espresso latte beans","is_adult":0,"exc_price":2100,"sent_date":"2022-01-27 08:29:28","last_upload":"2022-01-28 04:31:33","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"226653-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":226653,"width":1600,"window_params":"","banner_url":"","id":2560046,"href":"","height":1000},{"scr_type_id":311,"filename":"226653-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":226653,"width":1600,"window_params":"","banner_url":"","id":2560047,"href":"","height":1000},{"scr_type_id":312,"filename":"226653-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":226653,"width":370,"window_params":"","banner_url":"","id":2560048,"href":"","height":370},{"scr_type_id":9,"filename":"226653-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":226653,"width":145,"window_params":"","banner_url":"","id":2560049,"href":"","height":156},{"scr_type_id":57,"filename":"226653-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":226653,"width":430,"window_params":"","banner_url":"","id":2560050,"href":"","height":269}],"demoUrl":"/demo/226653.html","image":"https://s.tmimgcdn.com/scr/226600/meate-coffee-shop-html5-website-template_226653-2-original.jpg","searchHash":"8d524fc886ecd624a5c136caa974ae0b","previewHash":"e489c8ed4ff8d7ff57284853ae91efe5","authorNickname":"ZEMEZ","lowLevelTopic":"Pub Templates; Fast Food Restaurant Templates; Coffee Shop Templates; Cocktail Bar Templates; Tea Shop Templates; Sweet Shop Templates; Wine Templates; Food Store Templates; Water Templates; Food Delivery","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","featured":"Ukraine","color":["black","white","grey"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"14293965","uniqueKeywords":"coffee shop,coffee cafe,coffee house,green coffee,blend,store,online,order,beverage,liquid,drinking,drinks,blending,brewing,organic,bean,roast,espresso,latte,beans","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Modern Coffee Shop HTML5 Website TemplateA coffee shop HTML5 website template provides a variety of tools for website development. Nowadays, having a website","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/b80ca8b99bdcc1debfd0168e1b51366a.jpg(https://www.templatemonster.com/website-templates/starbis.html), https://s3u.tmimgcdn.com/u1519369/e4bd5bd919deba44f5c2126e07359a50.jpg, https://s3u.tmimgcdn.com/u1519369/420c88b82abf0f01ef9b81b723e4afcf.jpg, https://s3u.tmimgcdn.com/u1519369/906d03e13190ff05d7172f79d256c4f0.jpg, https://s3u.tmimgcdn.com/u1519369/aa1ba0522ad873388c906eee2fbfb557.jpg, https://s3u.tmimgcdn.com/u1519369/dea96c2285a5f3b1380f8db3b23a9ad1.jpg, https://s3u.tmimgcdn.com/u1519369/5a414208b5fc7c83ed4c9a7581109ebf.jpg, https://s3u.tmimgcdn.com/u1519369/730bb4e463e9f88fa283c33057461b40.jpg, https://s3u.tmimgcdn.com/u1519369/18c38b0ba3616ed43d0af9dd6eeb0607.jpg, https://s3u.tmimgcdn.com/u1519369/f96ffe6493281d60d9606323506d9736.jpg, https://s3u.tmimgcdn.com/u1519369/72305ef5f26e38c6f5b78a3745675e22.jpg","features":["Bootstrap","Premium","Pro","Responsive","Search Engine Friendly","Dropdown Menu","Google map","Tabs","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-32166/","authorUserId":"1519369","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/030c31e8f277f1ae3a8d6542b92d5e87.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateIcon":"icon-monster_dark","lastmod":"2022-01-28T04:33:05-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/6fb1778091e4d224475cd36e9991434c.jpg, https://s3u.tmimgcdn.com/u1519369/6bd6ba01301fca6fc0cde1a8b5a409a1.jpg, https://s3u.tmimgcdn.com/u1519369/379fd50d59f043d740d23c792d8a6793.jpg, https://s3u.tmimgcdn.com/u1519369/09920491ca2aa61fefdd1314dee2acf2.jpg, https://s3u.tmimgcdn.com/u1519369/88a470d8c2fd39d6a0fd4351fe758cb6.jpg","authorMainScreenshotVersion":"2","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Experience the demo preview of the high quality Meate - Coffee Shop HTML5 Website Template Website Template (#226653) get yourself informed about this template before buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<h2><strong>Modern Coffee Shop HTML5 Website Template</strong></h2><p>A coffee shop HTML5 website template provides a variety of tools for website development. Nowadays, having a website is your first step to success. It allows your company to easily promote its services and products. Also, it saves money on traditional advertising. However, you won't be able to achieve the set goals without a well-designed website. That's why many companies hire web designers and developers when working on a new website.</p><p>Still, if you want to save money on developing a professionally designed website, we recommend using HTML5 templates. They are well-designed and affordable solutions. Based on the Bootstrap 5 framework, such templates offer incredible responsiveness. It also provides easy maintenance and great customization for your website. If you are looking for such a template to fit your coffee shop website, we know how to help you.</p><h3><strong>HTML5 Website Template with Lots of Features for a Coffee Shop</strong></h3><p>The Meate coffee shop HTML5 website template provides a clean and modern design. Supplied with a detailed layout, it also provides enough space for any content. For example, you can publish texts and images easily. Also, feel free to use the included content. This template is a part of the Starbis multipurpose HTML5 website template. Starbis offers dozens of templates, topics, and lots of ready-made pages available at a reasonable price. As for the Meate HTML template, it will perfectly fit any modern coffee shop website. The template also comes with a variety of features designed to make your website better:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>Sass & Pug source files;</li><li>Cross-browser support.</li></ol><p>Our template is highly customizable, too. Due to the included set of UI elements, this coffee shop HTML5 website template has an incredible customization potential. Even if you have no prior experience in coding or web development, working with this template's components and elements will be quite easy. And if you are a seasoned developer, you'll find this template to be a great basis for your client's website.</p><h3><strong>Customizable Coffee Shop HTML5 Template</strong></h3><p>We also added a variety of pages to the Meate coffee shop HTML5 website template. For example, you can describe your business with the Abou Us page and book a table using the Reservation page. Besides, our solution allows posting regular updates and news about your coffee shop. And thanks to the eCommerce-ready pages you can easily promote and sell your coffee online. Don't forget that with the help of the Contact page, your clients can stay connected with you. This will also increase the level of your website's interactivity.</p><p>If you are looking for additional information about our HTML5 template, we recommend reading its documentation. It describes how to install and manage this solution properly. Besides, the documentation answers common questions about our web design solutions. However, if you need additional support, our qualified team will gladly help you. Also, don't forget to check out our template catalog for more solutions like Meate.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","bitLyUrl":"https://bit.ly/3H9guPV","tags":["bean","beans","beverage","blend","blending","brewing","drinking","drinks","espresso","liquid","online","order","organic","roast","store","latte","coffee shop","coffee house","coffee cafe","green coffee"],"customUrl":"/website-templates/meate-coffee-shop-html5-website-template-226653.html","nameOfTheTemplate":"Meate - Coffee Shop HTML5 Website Template","paidSupport":"Yes","topic":["Pub Templates","Cafe Templates","Fast Food Restaurant Templates","Coffee Shop Templates","Cocktail Bar Templates","Tea Shop Templates","Sweet Shop Templates","Wine Templates","Food Store Templates","Brewery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Water Templates","Food & Restaurant","Drink","Food Delivery"],"styles":"Neutral","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1519369/c147aa21851663e70e3829e9ddeabd5f.jpg","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 15 Nov 2024 16:56: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=226653&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=226653&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=226653&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 15 Nov 2024 17:01: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: 159.203.151.221:80"
}
https://ld-wt73.template-help.com/wt_prod-32166/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#226653 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/226653.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">
                Website Templates #226653            </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=226653&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>