string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=268490&expand=properties"
string(17621) "[{"templateId":268490,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":439,"categoryName":"Hotels Templates","templateTitle":"Hotels Responsive Website Template","templatePreviewHtmlTitle":"Bilury - Luxury Hotel Bootstrap HTML Template","templateDemoHtmlTitle":"Demo for Bilury - Luxury Hotel Bootstrap HTML Template #268490","typeShortName":"Website","templatePreviewFBTitle":"<h2>Bilury - Luxury Hotel Bootstrap HTML Template</h2><p><strong>Bilury</strong> is a Luxury and modern Hotel HTML Template. this template is written in valid <strong>HTML &amp; CSS3</strong> and has a clean source code with full code comments, making it easy to modify the code (can use <strong>Node.js/Gulp/SASS</strong>). This template is also built on the <strong>Bootstrap Framework</strong>, ensuring that it is fully responsive and compatible with all devices.</p><p>The <strong>Bilury</strong> Template consists of <strong>35 carefully designed HTML pages</strong>, offering multiple page options for customization. This template does <strong>not use Jquery</strong> but instead uses a <strong>Pure Javascript Plugin</strong> that ensures faster website loading times. Despite <strong>not using Jquery</strong>, it offers full features in HTML pages to build a <strong>professional hotel website</strong>.</p><p><strong>Bilury</strong> is using <strong>pure Javascript</strong> frameworks and plugins: Bootstrap, Dselect, Flatpickr, Glightbox, Plyr, TinySlider, Hotel-datePicker, Fecha, Scrollcue, and Hotelicon...</p><p><strong><em>Important: This is not a WordPress theme but an HTML template. Before you buy it, make sure you need the HTML version. We are not liable for wrong purchases and we will not issue any refunds for mistakes in buying.</em></strong></p><h2>Template Features</h2><ul><li>Full HTML pages to build a luxury hotel website (35 demo HTML pages)</li><li>Suitable for building hotel, resort, and homestay websites</li><li>Guests account (Register, Login, Dashboard, Booking/Booking details, Profile pages)</li><li>Login/Register/forgot password forms with Modal style</li><li>Room pages with 3 unique styles (Classic, Moden, and Luxury)</li><li>Room details with 2 options (Luxury and Minimalist)</li><li>Check room/Check availability form (Checkin/Checkout and Number of guests)</li><li>Book room step by step/Full booking form (4 popular booking steps)</li><li>Tour pages (Tour categories, Tour list, single tour)</li><li>Extra services pages (Meetings &amp; events, Restaurant &amp; bar, Spa &amp; wellness, Airport pickup)</li><li>Service booking form (Book tour, Book Spa, Book a table, and Book service)</li><li>Hero banner with 3 options (Carousel, Single Image, and Video)</li><li>Rooms, posts, services, and testimonials carousel (Using Tiny-slider)</li><li>Dark Mode/Light Mode options</li><li>10 Color options (Brown, Blue, Indigo, Purple, Pink, Red, Orange, Yellow, Green, Teal, Cyan)</li><li>Sticky header (Light/Dark)</li><li>Dropdown/Mega menu (Light/Dark options)</li><li>Choose Language and Currency in a modal</li><li>Full blog/post pages</li><li>Modern &amp; Eye-catching photo gallery</li><li>Image/Video background options</li><li>Lightbox for images and videos (Using gLightbox)</li><li>Video player for HTML5, YouTube, and Vimeo (Using Plyr)</li><li>Node.js, Gulp, Bootstrap 5.3, and SASS</li><li>Package.json/Gulpfile.js/SCSS files include</li><li>Code based on Bootstrap Framework (Bootstrap 5.3)</li><li>Maximum inheritance of Bootstrap's available features</li><li>Valid HTML5 &amp; CSS3</li><li>No Jquery/Zero Dependency (Using pure Javascript Plugins)</li><li>Standard SEO optimization</li><li>Fully Responsive &amp; Mobile Friendly</li><li>Offcanvas mobile menu and contact info panel</li><li>Animations on scroll with Scrollcue</li><li>Font icons (Using Hotel font icons)</li><li>Google fonts (Jost, Raleway)</li><li>Clean Code Structure and full code comments</li><li>Easy to Customize</li><li>Well Documentation</li><li>24/7 free support</li><li>Free updates</li></ul>","templateFullTitle":"Bilury - Luxury Hotel Bootstrap HTML Template","templatePreviewMetaDescription":"Bilury - Luxury Hotel Bootstrap HTML TemplateBilury is a Luxury and modern Hotel HTML Template. this template is written in valid HTML &amp; CSS3 and has a","templateDemoMetaDescription":"Have a look at the demo preview for the Bilury Gallery - Luxury Hotel Bootstrap Template Website Template (#268490) to get a better knowledge of what this template is before buying it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bilury - Luxury Hotel Bootstrap HTML Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/bilury-gallery-luxury-hotel-bootstrap-template-268490.html","userRating":"5","designIndex":1,"authorUserId":"1202828","exclusive":"1","state":1,"price":35,"inserted_date":"2022-08-04","sent":0,"downloads":97,"search_words":"hotel templates hotel themes travel templates tour templates resort template hotel bootstrap theme hotel bootstrap templates hotel booking templates homestay templates hostel templates hotel reservation templates hotel luxury themes hotel luxury tempalates tour themes resort themes hotel bootstrap themes","is_adult":0,"exc_price":2100,"sent_date":"2022-08-04 12:17:31","last_upload":"2024-04-30 12:57:52","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2769266,"templ_id":268490,"filename":"268490-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2769267,"templ_id":268490,"filename":"268490-5-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2769268,"templ_id":268490,"filename":"268490-5-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2769269,"templ_id":268490,"filename":"268490-5-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2769270,"templ_id":268490,"filename":"268490-5-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/268490.html","image":"https://s.tmimgcdn.com/scr/268400/bilury-luxury-hotel-bootstrap-html-template_268490-5-original.jpg","searchHash":"ba693e4e0ee5e647799f27176dd1052e","previewHash":"888d9cff5c8136662dad92ddfbf4a416","authorNickname":"BiThemer","lowLevelTopic":"Hotels Templates","weightedRating":4.25,"annualSale":24,"monthlySales":0,"quarterlySales":5,"productBoost":50,"onSale":0,"finalPrice":31,"discountPercent":0,"discountAmount":0,"semiannualSales":7,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Hotel Booking","Team Members","Restaurant Menu","Dropdown Menu","Tabs","Advanced Theme Options","MegaMenu","Blog","Gallery","HTML 5","Background video"],"styles":"Clean","isLastAdded":"1","topic":["Hotels Templates","Business & Services","Sports, Outdoors & Travel"],"isFree":"none","popularity":["Bestsellers","Top Rated"],"color":["black","white","grey","pink"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","marketplaceMembership":"None","paidSupport":"Yes","tags":["travel templates","hotel templates","hotel themes","tour templates","resort template","hotel bootstrap theme","hotel bootstrap templates","hotel booking templates","homestay templates","hostel templates","hotel reservation templates","hotel luxury themes","hotel luxury tempalates","tour themes","resort themes","hotel bootstrap themes"],"authorUserId":"1202828","nameOfTheTemplate":"Bilury - Luxury Hotel Bootstrap HTML Template","shortDescription":"<h2>Bilury - Luxury Hotel Bootstrap HTML Template</h2><p><strong>Bilury</strong> is a Luxury and modern Hotel HTML Template. this template is written in valid <strong>HTML &amp; CSS3</strong> and has a clean source code with full code comments, making it easy to modify the code (can use <strong>Node.js/Gulp/SASS</strong>). This template is also built on the <strong>Bootstrap Framework</strong>, ensuring that it is fully responsive and compatible with all devices.</p><p>The <strong>Bilury</strong> Template consists of <strong>35 carefully designed HTML pages</strong>, offering multiple page options for customization. This template does <strong>not use Jquery</strong> but instead uses a <strong>Pure Javascript Plugin</strong> that ensures faster website loading times. Despite <strong>not using Jquery</strong>, it offers full features in HTML pages to build a <strong>professional hotel website</strong>.</p><p><strong>Bilury</strong> is using <strong>pure Javascript</strong> frameworks and plugins: Bootstrap, Dselect, Flatpickr, Glightbox, Plyr, TinySlider, Hotel-datePicker, Fecha, Scrollcue, and Hotelicon...</p><p><strong><em>Important: This is not a WordPress theme but an HTML template. Before you buy it, make sure you need the HTML version. We are not liable for wrong purchases and we will not issue any refunds for mistakes in buying.</em></strong></p><h2>Template Features</h2><ul><li>Full HTML pages to build a luxury hotel website (35 demo HTML pages)</li><li>Suitable for building hotel, resort, and homestay websites</li><li>Guests account (Register, Login, Dashboard, Booking/Booking details, Profile pages)</li><li>Login/Register/forgot password forms with Modal style</li><li>Room pages with 3 unique styles (Classic, Moden, and Luxury)</li><li>Room details with 2 options (Luxury and Minimalist)</li><li>Check room/Check availability form (Checkin/Checkout and Number of guests)</li><li>Book room step by step/Full booking form (4 popular booking steps)</li><li>Tour pages (Tour categories, Tour list, single tour)</li><li>Extra services pages (Meetings &amp; events, Restaurant &amp; bar, Spa &amp; wellness, Airport pickup)</li><li>Service booking form (Book tour, Book Spa, Book a table, and Book service)</li><li>Hero banner with 3 options (Carousel, Single Image, and Video)</li><li>Rooms, posts, services, and testimonials carousel (Using Tiny-slider)</li><li>Dark Mode/Light Mode options</li><li>10 Color options (Brown, Blue, Indigo, Purple, Pink, Red, Orange, Yellow, Green, Teal, Cyan)</li><li>Sticky header (Light/Dark)</li><li>Dropdown/Mega menu (Light/Dark options)</li><li>Choose Language and Currency in a modal</li><li>Full blog/post pages</li><li>Modern &amp; Eye-catching photo gallery</li><li>Image/Video background options</li><li>Lightbox for images and videos (Using gLightbox)</li><li>Video player for HTML5, YouTube, and Vimeo (Using Plyr)</li><li>Node.js, Gulp, Bootstrap 5.3, and SASS</li><li>Package.json/Gulpfile.js/SCSS files include</li><li>Code based on Bootstrap Framework (Bootstrap 5.3)</li><li>Maximum inheritance of Bootstrap's available features</li><li>Valid HTML5 &amp; CSS3</li><li>No Jquery/Zero Dependency (Using pure Javascript Plugins)</li><li>Standard SEO optimization</li><li>Fully Responsive &amp; Mobile Friendly</li><li>Offcanvas mobile menu and contact info panel</li><li>Animations on scroll with Scrollcue</li><li>Font icons (Using Hotel font icons)</li><li>Google fonts (Jost, Raleway)</li><li>Clean Code Structure and full code comments</li><li>Easy to Customize</li><li>Well Documentation</li><li>24/7 free support</li><li>Free updates</li></ul>","uniqueKeywords":"hotel templates,hotel themes,travel templates,tour templates,resort template,hotel bootstrap theme,hotel bootstrap templates,hotel booking templates,homestay templates,hostel templates,hotel reservation templates,hotel luxury themes,hotel luxury tempalates,tour themes,resort themes,hotel bootstrap themes","advImage":"https://s3u.tmimgcdn.com/u1202828/882d4f9d706527b0b069fd6c34bfb300.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1202828/62ec40ea866ed9d85d78f12b05889474.jpg","changeLog":"VERSION 2.2 (Big update): Apr 23 2024\n\nUpgraded:\n- Upgraded to Bootstrap 5.3.3 (new).\n\nFixed:\n- Fixed the issue of @@… appearing in HTML files.\n- Fixed the title color (synchronized text color).\n\nModified/Changed:\n- Modified pages, components, and elements for the Dark mode version.\n- Modified the page width according to the new Bootstrap.\n- Modified the Home pages 1 and 3 (Rooms &amp; Suites section).\n- Modified Room 1 page (1 column changed to 2 columns).\n- Modified Room 3 page (1 column changed to 2 columns).\n- Modified the Tour List page (4 columns changed to 3 columns).\n- Modified the Tour Categories page (4 columns changed to 3 columns).\n- Modified the Gallery page (left category changed to center category).\n- Modified the About page (Overview section).\n- Modified the Single Post page (Related Articles section).\n- Modified the Single Room page (Tiny-Slider photo gallery changed to Splidejs photo gallery).\n- Modified the Single Tour page (Tiny-Slider photo gallery changed to Splidejs photo gallery).\n- Changed the background color of some parts of the pages (from light brown to light gray).\n\nAdded:\n- Added Dark Mode version and Dark mode/Light mode toggle icon.\n- Added a line under the header when scrolling.\n- Added Extra Services to Single Room pages 1 and 2.\n- Added related tours to the Single Tour page.\n- Added video modal to the About page.\n- Added related services to Meetings &amp; Events page.\n- Added related services to Restaurant &amp; Bar page.\n- Added related services to Spa &amp; Wellness page.\n- Added related services to Airport pickup page.\n\nReplaced:\n-  Replaced the tiny-slider plugin with Splidejs plugin.\n\nRemoved:\n- Removed shadow from some elements.\n\n------------------------------\n\nVERSION 2.1: Sep 20 2023\n- Changed Logo\n- Changed Hero Images\n- Changed Room Images\n- Changed Background Image (Quick Booking/Video intro)\n- Updated Room layouts\n- Updated Room Sliders\n- Updated Mobile Menu\n- Updated Right Slider Info\n- Updated Theme.js file\n\n------------------------------\n\nVERSION 2.0.1: Aug 03 2023\nChange Google Font\n\n------------------------------\n\nVERSION 2.0: Apr 08 2023\n\nUPGRADED:\n- Big update version 2.0\n- Upgrade to Bootstrap 5.3\n\nCHANGED/EDITED:\n- Changed the language selection feature using a Modal. \n- Rewrote the HTML source code of all pages to conform to Bootstrap 5.3 standards. \n- Refined the design of most pages.\n- Changed some demo images/videos. \n- Redesigned the booking steps and pages. \n- Rewrote documentation for Node.js/Gulp/SASS tools. \n- Changed the logo on pages.\n- Redesigned most of the pages.\n- Changed booking forms for rooms, tours, services, and tables. \n- Changed features for selecting dates and number of guests. \n- Edited pages such as Home, Rooms, Tours, Gallery, Extra Service, and About. \n- Replaced Jquery source code with pure Javascript.\n\nADDED:\n- Added SCSS (Bootstrap 5.3 standards)\n- Added Currency selection feature\n- Added Hotel Font icons\n- Added source code to support Node.js/Gulp/SASS tools\n- Added Meetings &amp; Events page\n- Added guest account pages: Dashboard, Booking, Booking Details, - Profile, Register, Login\n- Added Mega menu\n- Added Login/Register/Forgot password Modal features\n- Added pure Javascript Plugins: Dselect, Fecha, Flatpickr, Hotel-datepicker, Tiny-slider.\n- Add color options, with 10 colors\n\nREMOVED:\n- Removed Team page.\n- Remove Jquery.\n- Removed Plugins (Owl Carousel 2, starRating, Datepicker, Timepicker, Daterangepicker, Superfish, TouchSwipe, imagesLoaded, Isotope, Masonry).\n- Removed LineAwesome Font Icons.\n\n------------------------------\n\nVERSION 1: Aug 03 2022\nInitial release","livePreviewURL":"https://bilury.bithemer.com/","metaDescription":"Bilury - Luxury Hotel Bootstrap HTML TemplateBilury is a Luxury and modern Hotel HTML Template. this template is written in valid HTML &amp; CSS3 and has a","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3QioQbP","demoMetaDescription":"Have a look at the demo preview for the Bilury Gallery - Luxury Hotel Bootstrap Template Website Template (#268490) to get a better knowledge of what this template is before buying it. View the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/website-templates/bilury-gallery-luxury-hotel-bootstrap-template-268490.html","productSize":"482020590","trendiness":"1","frameworks":"Node.js v19.x","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bestsellers":"22","reviewsTotal":"2","reviewAverageScore":"5","featured":"50sale","bootstrapVersion":"5.3.x","excerpt":"<p>The BILURY is a luxury, modern and clean hotel template. This template is suitable for building Hotels, Resorts, Hostel, Homestay, Spa, and Restaurant websites.</p>","authorMainScreenshotVersion":"5","changeLogDate":"2024-04-30","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates","productOfTheDay":"0"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 10 Jan 2025 18:46:05 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=268490&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=268490&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=268490&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 10 Jan 2025 18:51:05 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://bilury.bithemer.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#268490 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/268490.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 #268490            </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=268490&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>