string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=86220&expand=properties"
string(16396) "[{"templateId":86220,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":396,"categoryName":"Yachting Templates","templateTitle":"Yachting Responsive Website Template","templatePreviewHtmlTitle":"Nautilus - Yachting Multipage HTML Website Template","templateDemoHtmlTitle":"Live preview for Nautilus - Yachting Multipage HTML Website Template #86220","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">#1 Multipage Template for Yachting</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Website is an important advertising tool for modern business. Using a Multipage HTML template can help you a lot in making a noticeable website. It will be your business card and catalog at the same time. But it is hard to develop a website from scratch. You have to pay attention to code, design, and structure. It requires time and skills. </span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Moreover, each business requires a specifical attitude. This is especially true for a yacht rental company. For this industry, we have developed a new unique solution - Nautilus Yachting HTML Template. As the name implies it is a bright website template with many visual effects. It also offers elements made in naval style.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template Full of Interesting Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The color scheme of this Yachting HTML template can greatly complement an atmosphere of your business. It is a multipage template and includes more than 25 ready-made pages. And you can fill each of them with your content. It will help you sort information and present properly. The template also offers the following features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Map & Google Fonts; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Contact Form; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Newsletter Subscription Form; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Parallax & Responsive Slider; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our developers also provided Nautilus Multipage HTML template with a reliable W3C valid code. With it, you will get a website that works constantly and without issues. The code is well commented and SEO-friendly. And you can be sure that this cross-browser template works perfectly on all devices.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Useful Scripts and Plugins</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template also includes SCSS and Pug files. If you want to play with a design you can also use a huge set of included UI elements and blocks. Or you can use cool CSS3 animation effects and transitions to decorate your website. In addition, this Multipage HTML Template includes a big number of forms. It includes booking, registration, comment submission forms, etc.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">However, your website may require additional scripts and database functionality. If you want to communicate with your clients, you can use social options. And if you need to share feedback, feel free to use testimonials section. You can also blog to post the latest company news in an easy-to-read format. </span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Detailed Documentation and Reliable Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides being highly functional, Nautilus HTML Template also has easy-to-understand documentation. It is very detailed so you can configure the template properly. The documentation describes every script and plugin of the template. With its help, you can find out more about template customization and functionality.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But if you have any issue when using the template, we will be glad to help. Our professional 24/7 support team will gladly answer all your questions concerning this template. From installing the template to configuring its scripts, our support will happily consult you on anything. It's time to make your yachting website look more impressive with Nautilus Multipage HTML Template!</span></p>","templateFullTitle":"Nautilus - Yachting Multipage HTML Website Template","templatePreviewMetaDescription":"#1 Multipage Template for YachtingWebsite is an important advertising tool for modern business. Using a Multipage HTML template can help you a lot in making a","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Nautilus - Yachting Multipage HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/nautilus-yachting-multipage-html-website-template-86220.html","userRating":"5","designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-09-19","sent":0,"downloads":22,"search_words":"yacht charter club anchor sea river team regatta school training racing cruise reservation booking ocean seaman sailor rent","is_adult":0,"exc_price":4500,"sent_date":"2019-09-19 10:57:32","last_upload":"2019-09-19 10:57:32","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1852065,"templ_id":86220,"filename":"86220-0-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":1852066,"templ_id":86220,"filename":"86220-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1852067,"templ_id":86220,"filename":"86220-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":1852068,"templ_id":86220,"filename":"86220-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":1852069,"templ_id":86220,"filename":"86220-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/86220.html","image":"https://s.tmimgcdn.com/scr/86200/nautilus-yachting-multipage-html-website-template_86220-0-original.jpg","searchHash":"331df4748060cba6f9b2830259aba05e","previewHash":"f465403c0c545a6e16d7a80ed19613bb","authorNickname":"RockThemes","lowLevelTopic":"Yachting Templates","weightedRating":4.25,"annualSale":3,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":1,"finalPrice":43,"discountPercent":30,"discountAmount":18,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Yachting Templates","Sport Templates","Sports, Outdoors & Travel"],"templateIcon":"icon-bootstrap","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"popularity":"Top Rated","dateRange":"Last 6 Months","color":["white","grey"],"showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","bootstrapVersion":"4.0.x","authorUserId":"1768190","alreadyPacked":"1","marketplaceMembership":"One","nameOfTheTemplate":"Nautilus - Yachting Multipage HTML Website Template","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904934836_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904936764_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904938549_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904940181_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904941972_05.jpg","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">#1 Multipage Template for Yachting</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Website is an important advertising tool for modern business. Using a Multipage HTML template can help you a lot in making a noticeable website. It will be your business card and catalog at the same time. But it is hard to develop a website from scratch. You have to pay attention to code, design, and structure. It requires time and skills. </span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Moreover, each business requires a specifical attitude. This is especially true for a yacht rental company. For this industry, we have developed a new unique solution - Nautilus Yachting HTML Template. As the name implies it is a bright website template with many visual effects. It also offers elements made in naval style.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template Full of Interesting Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The color scheme of this Yachting HTML template can greatly complement an atmosphere of your business. It is a multipage template and includes more than 25 ready-made pages. And you can fill each of them with your content. It will help you sort information and present properly. The template also offers the following features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Map & Google Fonts; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Contact Form; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Newsletter Subscription Form; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Parallax & Responsive Slider; </span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our developers also provided Nautilus Multipage HTML template with a reliable W3C valid code. With it, you will get a website that works constantly and without issues. The code is well commented and SEO-friendly. And you can be sure that this cross-browser template works perfectly on all devices.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Useful Scripts and Plugins</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template also includes SCSS and Pug files. If you want to play with a design you can also use a huge set of included UI elements and blocks. Or you can use cool CSS3 animation effects and transitions to decorate your website. In addition, this Multipage HTML Template includes a big number of forms. It includes booking, registration, comment submission forms, etc.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">However, your website may require additional scripts and database functionality. If you want to communicate with your clients, you can use social options. And if you need to share feedback, feel free to use testimonials section. You can also blog to post the latest company news in an easy-to-read format. </span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Detailed Documentation and Reliable Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides being highly functional, Nautilus HTML Template also has easy-to-understand documentation. It is very detailed so you can configure the template properly. The documentation describes every script and plugin of the template. With its help, you can find out more about template customization and functionality.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But if you have any issue when using the template, we will be glad to help. Our professional 24/7 support team will gladly answer all your questions concerning this template. From installing the template to configuring its scripts, our support will happily consult you on anything. It's time to make your yachting website look more impressive with Nautilus Multipage HTML Template!</span></p>","uniqueKeywords":"yacht charter club anchor sea river team regatta school training racing cruise reservation booking ocean seaman sailor rent","affiliateSells":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904930123_yachts-original.jpg","dqi":"86","facebookPixelId":"1857475610982695","googleAnalyticsId":"UA-118125082-1","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949066_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949068_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949068_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949069_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949071_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949071_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949072_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949074_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949075_cut-09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568904949080_cut-10.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-24003/","loyaltySells":"1","metaDescription":"Developed by true web design professionals, Nautilus Multipage HTML template is a great and highly reliable option for any yacht rental company.","saleSells":"1","templateSupportOptions":"[{\"id\":48110,\"template_id\":37205,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":48111,\"template_id\":37205,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","bitLyUrl":"http://bit.ly/32S8AFM","customUrl":"/website-templates/nautilus-yachting-multipage-html-website-template-86220.html","trendiness":"1","lastmod":"2021-04-01T09:59:14-04:00","kindOfShops":"Yachting, Yacht rental","htmlTitle":"Nautilus - HTML Template","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","isOldDemoUrl":"1","reviewsTotal":"2","reviewAverageScore":"5","tags":["anchor","booking","charter","club","cruise","ocean","racing","regatta","rent","reservation","river","sailor","school","sea","seaman","team","training","yacht"],"pHPVersionCompatibility":"7.x","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","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: Sun, 24 Nov 2024 14:16: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(290) "Link: <http://products/api/v2/products/en?language=en&ids=86220&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=86220&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=86220&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 14:21: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://livedemo00.template-help.com/wt_prod-24003/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#86220 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/86220.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 #86220            </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=86220&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>