string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=300456&expand=properties"
string(14369) "[{"templateId":300456,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":200,"categoryName":"Tickets Website Templates","templateTitle":"Tickets Website Responsive Website Template","templatePreviewHtmlTitle":"Luhort - Luxury Hotel HTML5 Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Luhort - Luxury Hotel HTML5 Template #300456","typeShortName":"Website","templatePreviewFBTitle":"<h2>Luhort - Luxury Hotel HTML5 Template</h2><p>Luhort — Luxurious HTML website Design is the perfect choice for you if you need a modern, clean, and creative HTML template. This isn't a WordPress theme. Luhort is an excellent Hotel HTML Template that may assist firms in the hotel industry in establishing a strong web presence. All the necessary pages are included to provide your visitors with a wonderful online experience.</p><p>Putting up a website couldn't be simpler than using luhort. It is based on the widely used Bootstrap framework, so you can expect to see semantic markup and organized CSS. The code is well-structured and annotated, making modifications straightforward.</p><p>Room, blog, testimonial, facilities, room description page, etc. are all included in this premade layout. If you want to improve your internet visibility, luhort may be the way to go. Want to create a website for your hotel business? In this case, luhort is the top pick.</p><p>If you own a hotel, hostel, resort, restaurant, bar, spa treatment, hotel B&B, vacation room or apartment rental, or any company that provides comparable services, or if you're just searching for a simple, attractive, and effective way to share your work with consumers, this template is for you. If you want to create a page that grabs people's attention and provides a strong first impression, the Luhort template is the tool you need. Feel free to let yourself be influenced by the preview page that is now active. It may easily be adjusted to meet your own needs.</p><h2>Features Overview</h2><p><strong>Responsive Layout Design: </strong>What ever you are using the device your site will run as it should be. The Luhort template is fully responsive layout for all type of devices. Luhort template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</p><p><strong>Awesome Blog Pages : </strong>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates..</p><p><strong>Top - notch design :  </strong>Following the latest trends and best practices, Kona was designed to gain your potential customer's attention.Without any doubt, it could be easily used by people that want to have a perfect, professional and creative website. You can build your site quickly, with confidence and with minimal effort. Our designers’ team is always focused on the future.</p><p><strong>Bootstrap Framework:  </strong>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p><p><strong>Support:  </strong>If you are having any issues with the template, please do not hesitate to Contact us,Focused on the customer success.</p><p><br></p><h3>Full Features List<strong>                                                                                                                                                     </strong></h3><ul><li>100% Fluid Responsive – Fits any device perfectly</li><li>Clean Code</li><li>Tested on real devices</li><li>Working Contact Form.</li><li>Flexible Layout</li><li>Unlimited Sidebars</li><li>Flat, modern and clean design.</li><li>Retina Optimised</li><li>Google Map with multiple location</li><li>Social Links</li><li>Bottom Footer Widgets</li><li>Clean & Commented Code</li><li>Advanced Typography</li><li>Custom Font Support</li><li>Unlimited Page Included</li><li>Pixel Perfect Design</li><li>Built on Bootstrap 5</li><li>Valid HTML5 & CSS3 Files</li><li>Unlimited Blog Pages</li><li>Cross Browser Compatibility</li><li>Detailed Oriented Listing</li><li>Parallax effect</li><li>Awesome Unique Look</li><li>Unique effects and functionality</li><li>Google font</li><li>Quick, Dedicated & Professional Support</li><li>Well Documented & More….</li></ul>","templateFullTitle":"Luhort - Luxury Hotel HTML5 Template","templatePreviewMetaDescription":"Luhort - Luxury Hotel HTML5 TemplateLuhort — Luxurious HTML website Design is the perfect choice for you if you need a modern, clean, and creative HTML","templateDemoMetaDescription":"Have a look at the demo preview for the Luhort - Luxury Hotel HTML5 Template Website Template (#300456) get yourself knowledgeable about this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Luhort - Luxury Hotel HTML5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/luhort-luxury-hotel-html5-template-300456.html","userRating":0,"designIndex":1,"authorUserId":"78086583","exclusive":"1","state":1,"price":59,"inserted_date":"2022-12-16","sent":0,"downloads":2,"search_words":"accommodation apartment bed and breakfast hostel hotel inn lodge resort spa tourism travel vacation booking hotel boking system hotel bookign template hotel booking hotel reservation luxury hotel","is_adult":0,"exc_price":2100,"sent_date":"2022-12-16 12:55:16","last_upload":"2022-12-16 12:57:24","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"300456-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":300456,"width":1600,"window_params":"","banner_url":"","id":2929074,"href":"","height":1000},{"scr_type_id":311,"filename":"300456-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":300456,"width":1600,"window_params":"","banner_url":"","id":2929075,"href":"","height":1000},{"scr_type_id":312,"filename":"300456-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":300456,"width":370,"window_params":"","banner_url":"","id":2929076,"href":"","height":370},{"scr_type_id":9,"filename":"300456-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":300456,"width":145,"window_params":"","banner_url":"","id":2929077,"href":"","height":156},{"scr_type_id":57,"filename":"300456-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":300456,"width":430,"window_params":"","banner_url":"","id":2929078,"href":"","height":269}],"demoUrl":"/demo/300456.html","image":"https://s.tmimgcdn.com/scr/300400/luhort-luxury-hotel-html5-template_300456-2-original.jpg","searchHash":"d430154866887772bb1dd9c1b3b1066d","previewHash":"5f7c312ba485ec5bb9087414bcbc0a8a","authorNickname":"Softivus","lowLevelTopic":"Tickets Website Templates; Hotel Reviews Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":["black","white","grey","blue"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"150220666","uniqueKeywords":"accommodation,apartment,bed and breakfast,hostel,hotel,inn,lodge,resort,spa,tourism,travel,vacation,booking,hotel boking system,hotel bookign template,hotel booking,hotel reservation,luxury hotel","templateSupportOptions":"[]","changeLog":"## January 30, 2023\r\n01. Improve Design\r\n02.Responsive Design Improve\r\n03.New Prelodear Added\r\n04.New Images Added\r\n05.New Coding &amp; CSS Added","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Luhort - Luxury Hotel HTML5 TemplateLuhort — Luxurious HTML website Design is the perfect choice for you if you need a modern, clean, and creative HTML","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78086583/bdd32b780cfbffec948c2122b31b9f4b.jpg, https://s3u.tmimgcdn.com/u78086583/de5e9df45a9f40c7f89820320ac1587c.jpg, https://s3u.tmimgcdn.com/u78086583/6f1fab82c98e7632cee7ce9794f1b81e.jpg, https://s3u.tmimgcdn.com/u78086583/ba106d895a92aed97a57758d7808ec86.jpg, https://s3u.tmimgcdn.com/u78086583/f6f1e51ecd1a83c29f406d4c9131e751.jpg, https://s3u.tmimgcdn.com/u78086583/6fba77e70bab83a7327e5288310b5559.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Events Calendar","Hotel Booking","Light Template","Google map","Performance Optimization","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS","Parallax","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://pixner.net/luhort2/","authorUserId":"78086583","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78086583/ab2e0cce6b7320cd3dead4697d06fcae.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","authorMainScreenshotVersion":"2","types":"HTML Website Templates","designSoftware":"Figma","trendiness":"5","demoMetaDescription":"Have a look at the demo preview for the Luhort - Luxury Hotel HTML5 Template Website Template (#300456) get yourself knowledgeable about this design prior to buying it. Browse through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<h2>Luhort - Luxury Hotel HTML5 Template</h2><p>Luhort — Luxurious HTML website Design is the perfect choice for you if you need a modern, clean, and creative HTML template. This isn't a WordPress theme. Luhort is an excellent Hotel HTML Template that may assist firms in the hotel industry in establishing a strong web presence. All the necessary pages are included to provide your visitors with a wonderful online experience.</p><p>Putting up a website couldn't be simpler than using luhort. It is based on the widely used Bootstrap framework, so you can expect to see semantic markup and organized CSS. The code is well-structured and annotated, making modifications straightforward.</p><p>Room, blog, testimonial, facilities, room description page, etc. are all included in this premade layout. If you want to improve your internet visibility, luhort may be the way to go. Want to create a website for your hotel business? In this case, luhort is the top pick.</p><p>If you own a hotel, hostel, resort, restaurant, bar, spa treatment, hotel B&B, vacation room or apartment rental, or any company that provides comparable services, or if you're just searching for a simple, attractive, and effective way to share your work with consumers, this template is for you. If you want to create a page that grabs people's attention and provides a strong first impression, the Luhort template is the tool you need. Feel free to let yourself be influenced by the preview page that is now active. It may easily be adjusted to meet your own needs.</p><h2>Features Overview</h2><p><strong>Responsive Layout Design: </strong>What ever you are using the device your site will run as it should be. The Luhort template is fully responsive layout for all type of devices. Luhort template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</p><p><strong>Awesome Blog Pages : </strong>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates..</p><p><strong>Top - notch design :  </strong>Following the latest trends and best practices, Kona was designed to gain your potential customer's attention.Without any doubt, it could be easily used by people that want to have a perfect, professional and creative website. You can build your site quickly, with confidence and with minimal effort. Our designers’ team is always focused on the future.</p><p><strong>Bootstrap Framework:  </strong>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p><p><strong>Support:  </strong>If you are having any issues with the template, please do not hesitate to Contact us,Focused on the customer success.</p><p><br></p><h3>Full Features List<strong>                                                                                                                                                     </strong></h3><ul><li>100% Fluid Responsive – Fits any device perfectly</li><li>Clean Code</li><li>Tested on real devices</li><li>Working Contact Form.</li><li>Flexible Layout</li><li>Unlimited Sidebars</li><li>Flat, modern and clean design.</li><li>Retina Optimised</li><li>Google Map with multiple location</li><li>Social Links</li><li>Bottom Footer Widgets</li><li>Clean & Commented Code</li><li>Advanced Typography</li><li>Custom Font Support</li><li>Unlimited Page Included</li><li>Pixel Perfect Design</li><li>Built on Bootstrap 5</li><li>Valid HTML5 & CSS3 Files</li><li>Unlimited Blog Pages</li><li>Cross Browser Compatibility</li><li>Detailed Oriented Listing</li><li>Parallax effect</li><li>Awesome Unique Look</li><li>Unique effects and functionality</li><li>Google font</li><li>Quick, Dedicated & Professional Support</li><li>Well Documented & More….</li></ul>","tags":["accommodation","apartment","booking","hostel","hotel","inn","lodge","resort","spa","tourism","travel","vacation","hotel booking","luxury hotel","hotel reservation","bed and breakfast","hotel boking system","hotel bookign template"],"bitLyUrl":"https://bit.ly/3W5G0wC","customUrl":"/website-templates/luhort-luxury-hotel-html5-template-300456.html","nameOfTheTemplate":"Luhort - Luxury Hotel HTML5 Template","paidSupport":"Yes","topic":["Tickets Website Templates","Hotel Reviews Templates","Entertainment Templates","Hotels Templates","Business & Services","Entertainment, Games & Nightlife","Sports, Outdoors & Travel"],"changeLogDate":"2023-02-02","styles":["Clean","Corporate","Minimalist","Retro","Futurist","Mobile","Flat"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u78086583/2254d71091283206af0328c2afd707dd.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: Thu, 25 Apr 2024 03:34:12 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=300456&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=300456&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=300456&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 03:39:12 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://pixner.net/luhort2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#300456 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/300456.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 #300456            </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=300456&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $54                <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>