string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=311458&expand=properties"
string(13144) "[{"templateId":311458,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":411,"categoryName":"Architecture Templates","templateTitle":"Architecture Responsive Website Template","templatePreviewHtmlTitle":"Norvila - Luxury Hotel HTML5 Website Template","templateDemoHtmlTitle":"Demo for Norvila - Luxury Hotel HTML5 Website Template #311458","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Luxury Hotel HTML5 Website Template</strong></h2><p>A luxury hotel HTML5 website template provides a variety of tools and possibilities for easy web development. Nowadays, having a website is important for any business. It is considered a necessary marketing tool as well as a source of information. However, without a professional approach, it is impossible to build a noticeable and memorable website. That's why many companies hire web designers & developers with appropriate experience.</p><p>Still, developing websites from scratch is a costly and time-consuming matter. That's why we recommend using HTML5 website templates. They are responsive and flexible due to the integrated Bootstrap 5 framework. Besides, such solutions are easy to maintain and customize. And if you are looking for a reliable and affordable template for your next hotel website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Your Hotel</strong></h3><p>The Norvila luxury hotel HTML5 website template provides a modern and spacious design. Combined with a detailed and thought-out layout, this solution is a perfect choice for luxury hotels as well as other hospitality industry establishments. Besides, this template comes with a bunch of powerful features. They allow your website to increase its interactivity and stability. Here are some of them:</p><ol><li>W3C valid coding;</li><li>Google Maps & Google Fonts;</li><li>Cross-browser support;</li><li>Sass & Pug source files;</li><li>SEO-ready & responsive layout.</li></ol><p>However, these are just a few of the benefits our luxury hotel HTML5 website template offers. Being a part of the Monstroid2 family, this solution is also easy to work with. For example, you can easily edit and replace content on any page of Norvila. Also, you can use configurable forms and full-width headers. This will allow you to add more interactions and content to your hotel's website.</p><h2><strong>Customizable & Well-Documented HTML5 Template</strong></h2><p>This solution wouldn't be complete without proper customization. For that reason, we supplied the Norvila luxury hotel HTML5 website template with various built-in UI elements. From text blocks to icons and buttons, our template combined a variety of sections and components. They can help you create a trustworthy and memorable website.</p><p>If you want to know more about this HTML5 template, we recommend consulting its documentation. It's detailed and easy to read for your convenience. The documentation contains answers to common questions about HTML5 solutions. It also has clear instructions on template installation and management. And in case you need additional assistance, our friendly and qualified support team is always ready to help you. We also invite you to take a look at our template catalog with lots of ready-made solutions for your next online project.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Norvila - Luxury Hotel HTML5 Website Template","templatePreviewMetaDescription":"Modern Luxury Hotel HTML5 Website TemplateA luxury hotel HTML5 website template provides a variety of tools and possibilities for easy web development.","templateDemoMetaDescription":"The demo preview of this premium Norvila - Luxury Hotel HTML5 Website Template Website Template (#311458) is presented here for you to get the look and feel of the design before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Norvila - Luxury Hotel HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/norvila-luxury-hotel-html5-website-template-311458.html","userRating":0,"designIndex":1,"authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2023-01-31","sent":0,"downloads":3,"search_words":"mountain lodge mountain resort mountain chalet family hotel luxury hotels ski hotel mountain inn bed and breakfast hostel website accommodation hospitality housing travelling trip tour tourist luxury bed chalet resort","is_adult":0,"exc_price":2100,"sent_date":"2023-01-31 09:00:11","last_upload":"2023-01-31 09:00:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"311458-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":311458,"width":1600,"window_params":"","banner_url":"","id":2984059,"href":"","height":1000},{"scr_type_id":311,"filename":"311458-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":311458,"width":1600,"window_params":"","banner_url":"","id":2984060,"href":"","height":1000},{"scr_type_id":312,"filename":"311458-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":311458,"width":370,"window_params":"","banner_url":"","id":2984061,"href":"","height":370},{"scr_type_id":9,"filename":"311458-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":311458,"width":145,"window_params":"","banner_url":"","id":2984062,"href":"","height":156},{"scr_type_id":57,"filename":"311458-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":311458,"width":430,"window_params":"","banner_url":"","id":2984063,"href":"","height":269}],"demoUrl":"/demo/311458.html","image":"https://s.tmimgcdn.com/scr/311400/norvila-luxury-hotel-html5-website-template_311458-original.jpg","searchHash":"935dd383f3c56c7d9666506263cd7db7","previewHash":"ed60bc23df993713693f64c3fea5d5e1","authorNickname":"ZEMEZ","lowLevelTopic":"Architecture; Holiday Templates; Hotel Reviews Templates; Motel Templates; Interior & Furniture Templates; Travel Templates","weightedRating":null,"annualSale":3,"monthlySales":0,"quarterlySales":0,"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":"3935360","uniqueKeywords":"mountain lodge,mountain resort,mountain chalet,family hotel,luxury hotels,ski hotel,mountain inn,bed and breakfast,hostel website,accommodation,hospitality,housing,travelling,trip,tour,tourist,luxury,bed,chalet,resort","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Modern Luxury Hotel HTML5 Website TemplateA luxury hotel HTML5 website template provides a variety of tools and possibilities for easy web development.","isLastAdded":"1","bootstrapVersion":"5.2.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/6a43083d56d4d2933539158cbebced6a.jpg, https://s3u.tmimgcdn.com/u1519369/4a840027c2ea05c152ff3795bac93000.jpg, https://s3u.tmimgcdn.com/u1519369/57ca7eddf7898d12768371dc29f315ac.jpg, https://s3u.tmimgcdn.com/u1519369/c82e9d75517c3d5b5dfad9452676a205.jpg, https://s3u.tmimgcdn.com/u1519369/a1f57c289bf4aea2034e5434e681ad1c.jpg, https://s3u.tmimgcdn.com/u1519369/82868f24f50f43753885411d65b16ea0.jpg, https://s3u.tmimgcdn.com/u1519369/76e498b6772680042af1eaabd358e9d3.jpg, https://s3u.tmimgcdn.com/u1519369/675f6d5261d8959dc6ef5ee404ffa4a2.jpg","features":["Blog","Bootstrap","Dropdown Menu","Gallery","Google map","Hotel Booking","HTML 5","HTML plus JS","JQuery","Portfolio","Premium","Pro","Responsive","Search Engine Friendly","Tabs"],"saleSells":"1","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-33096/","authorUserId":"1519369","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/0189d2207b0e631d3c45a97d9f8a95fc.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/30300f3519ccab6baf56bf98796097a5.jpg, https://s3u.tmimgcdn.com/u1519369/66474b8d26ff6ec87db524b69372523c.jpg, https://s3u.tmimgcdn.com/u1519369/3bcb9b69a917cd90a2d0fdb74d0041a3.jpg, https://s3u.tmimgcdn.com/u1519369/48c8a58820129cd6b5ff1321c7c676bb.jpg, https://s3u.tmimgcdn.com/u1519369/b85e1544ef0a2d790db5dbe413b5d784.jpg","types":"HTML Website Templates","demoMetaDescription":"The demo preview of this premium Norvila - Luxury Hotel HTML5 Website Template Website Template (#311458) is presented here for you to get the look and feel of the design before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<h2><strong>Modern Luxury Hotel HTML5 Website Template</strong></h2><p>A luxury hotel HTML5 website template provides a variety of tools and possibilities for easy web development. Nowadays, having a website is important for any business. It is considered a necessary marketing tool as well as a source of information. However, without a professional approach, it is impossible to build a noticeable and memorable website. That's why many companies hire web designers & developers with appropriate experience.</p><p>Still, developing websites from scratch is a costly and time-consuming matter. That's why we recommend using HTML5 website templates. They are responsive and flexible due to the integrated Bootstrap 5 framework. Besides, such solutions are easy to maintain and customize. And if you are looking for a reliable and affordable template for your next hotel website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Your Hotel</strong></h3><p>The Norvila luxury hotel HTML5 website template provides a modern and spacious design. Combined with a detailed and thought-out layout, this solution is a perfect choice for luxury hotels as well as other hospitality industry establishments. Besides, this template comes with a bunch of powerful features. They allow your website to increase its interactivity and stability. Here are some of them:</p><ol><li>W3C valid coding;</li><li>Google Maps & Google Fonts;</li><li>Cross-browser support;</li><li>Sass & Pug source files;</li><li>SEO-ready & responsive layout.</li></ol><p>However, these are just a few of the benefits our luxury hotel HTML5 website template offers. Being a part of the Monstroid2 family, this solution is also easy to work with. For example, you can easily edit and replace content on any page of Norvila. Also, you can use configurable forms and full-width headers. This will allow you to add more interactions and content to your hotel's website.</p><h2><strong>Customizable & Well-Documented HTML5 Template</strong></h2><p>This solution wouldn't be complete without proper customization. For that reason, we supplied the Norvila luxury hotel HTML5 website template with various built-in UI elements. From text blocks to icons and buttons, our template combined a variety of sections and components. They can help you create a trustworthy and memorable website.</p><p>If you want to know more about this HTML5 template, we recommend consulting its documentation. It's detailed and easy to read for your convenience. The documentation contains answers to common questions about HTML5 solutions. It also has clear instructions on template installation and management. And in case you need additional assistance, our friendly and qualified support team is always ready to help you. We also invite you to take a look at our template catalog with lots of ready-made solutions for your next online project.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","bitLyUrl":"https://bit.ly/3XPZRB1","tags":["accommodation","bed","chalet","hospitality","housing","luxury","resort","tour","tourist","travelling","trip","family hotel","luxury hotels","ski hotel","bed and breakfast","mountain lodge","mountain resort","mountain chalet","mountain inn","hostel website"],"customUrl":"/website-templates/norvila-luxury-hotel-html5-website-template-311458.html","nameOfTheTemplate":"Norvila - Luxury Hotel HTML5 Website Template","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Architecture","Holiday Templates","Hotel Reviews Templates","Motel Templates","Hotels Templates","Interior & Furniture Templates","Travel Templates","Design","Design & Photography","Business & Services","Home & Family","Holidays, Gifts & Flowers","Sports, Outdoors & Travel"],"styles":"Neutral","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1519369/caa0638687d16ea77a890bcd02b247c1.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, 19 Apr 2024 03:12:23 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=311458&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=311458&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=311458&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 03:17:23 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-wt73.template-help.com/wt_prod-33096/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#311458 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/311458.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 #311458            </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=311458&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>