/*

Alpha Hotel: HTML Template by Klaye Morrison (http://klayemorrison.com)

- If you prefer multiple line CSS, no worries - just use a formatter like http://cssbeautify.com.
- Hover states are declared with '.hover' - Only non-touch browsers have the '.hover' class applied, so touch devices don't action hover states.

[Style Index]

1.0 ----- General Styling
	1.1 - Slider Navigation
2.0 ----- Header
	2.1 - Navigation
	2.2 - Social
	2.3 - Book Button
3.0 ----- Booking Bar
	3.1 - Date Picker
4.0 ----- Sections
	4.1 - Headings
	4.2 - Text Blocks
	4.3 - Photo Panels
	4.4 - Carousels
	4.5 - Gallery
	4.6 - Instagram
	4.7 - Boxes
	4.8 - Timeline
	4.9 - Stats
	4.10 - Features
	4.11 - USPs
	4.12 - Services
	4.13 - Testimonials
	4.14 - Quote
	4.15 - Accordions
	4.16 - Menus
	4.17 - Form
	4.18 - Comments
	4.19 - Subscribe
	4.20 - Maps
	4.21 - Social
	4.22 - Pagination
5.0 ----- Footer
	5.1 - Languages
6.0 ----- Transitions
	
*/

@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700);

* { margin:0; padding:0; text-decoration:none; list-style:none; outline:none; }
html, body, .container { width:100%; height:100%; min-height:100%; }
.container { max-width:1920px; margin:auto; padding:80px 0 0; font:300 15px/28px 'Work Sans'; color:#888; position:relative; box-sizing:border-box; }
.center { max-width:1250px; margin:auto; position:relative; }
a img { border:none; }



/******************** 1.0 - General Styling ********************/

h1 { margin:-10px 0 25px; font:100 80px/90px 'Work Sans'; color:#555; letter-spacing:.5px; }
h2 { margin:-8px 0 25px; font:300 37px/50px 'Work Sans'; color:#555; }
h3 { margin-bottom:25px; font:300 30px/40px 'Work Sans'; color:#555; }
h4 { margin-bottom:25px; font:20px/30px 'Work Sans'; color:#555; }
h5 { margin-bottom:25px; font:300 18px/28px 'Work Sans'; color:#555; }
p { margin-bottom:30px; font:300 15px/28px 'Work Sans'; color:#888; letter-spacing:.2px; }
h1 a, h2 a, h3 a, h4 a, h5 a, p a, main li a { color:#BAAC8F; border-bottom:1px solid #EEE; }
strong { font-weight:400; }
h1 strong { font-weight:300; }
h2 strong, h3 strong { letter-spacing:-1px; }
h4 strong { font-weight:500; }
.button { padding:0 20px; font:14px/44px 'Work Sans'; color:#FFF; letter-spacing:.5px; text-transform:uppercase; background:#BAAC8F; display:inline-block; position:relative; cursor:pointer; white-space:nowrap; box-sizing:border-box; transition:.3s ease; border:none !important; }
.button i { margin-left:12px; }
.label { margin-bottom:30px; padding:0 20px; font:12px/44px 'Work Sans'; color:#BAAC8F; letter-spacing:1.5px; text-transform:uppercase; border:1px solid #BAAC8F; display:inline-block; }
ul { margin:0 0 30px; }
main ul { letter-spacing:.2px; }
.tags { margin:0 0 18px; }
.tags:after { content:""; clear:both; display:block; }
.tags li { margin:0 4px 12px; padding:12px 15px; font:500 13px/20px 'Work Sans'; color:#888; letter-spacing:.2px; background:#F5F5F5; display:inline-block; list-style:none; }
.tags li a { color:#888; border-color:#F5F5F5; display:block; }
hr { border:1px solid #FFF; border-bottom:1px solid #EEE; margin:0 0 80px; }
main { display:block; }

.hover .button:hover { padding:0 25px; color:#FFF; background:#BAAC8F; }
.hover h1 a:hover, .hover h2 a:hover, .hover h3 a:hover, .hover h4 a:hover, .hover h5 a:hover, .hover p a:hover, .hover main li a:hover { border-bottom:1px solid #DDD; }

@media only screen and (max-width:1024px) {
h1 { font:200 60px/70px 'Work Sans'; }
}

@media only screen and (min-width:1025px) {
.fade { opacity:0; transition:opacity 1s ease; }
.visible { opacity:1 !important; }
}

@media only screen and (max-width:480px) {
h1 { font:200 37px/50px 'Work Sans'; }
h2 { font:300 30px/42px 'Work Sans'; }
h3 { font:300 25px/35px 'Work Sans'; }
}

/* 1.1 - Slider Navigation */

.slider-nav { position:absolute; bottom:-86px; right:0; z-index:25; opacity:0; transition:.3s ease; }
.slider-nav a { width:50px; line-height:50px; font-size:18px; color:#DDD; text-align:center; background:#FFF; display:block; cursor:pointer; float:left; border-right:1px solid #EEE; border-bottom:1px solid #EEE; box-sizing:border-box; }
main .slider-nav { bottom:-5px; }
.hover .section:hover .slider-nav, .hover .section.over .slider-nav { bottom:-81px; opacity:1; }
.hover main .section:hover .slider-nav { bottom:0; }
.hover .slider-nav a:hover { color:#888; background:#F5F5F5; }

.no-booking .slider-nav { bottom:-6px; }
.hover .no-booking .section:hover .slider-nav, .hover .no-booking .section.over .slider-nav { bottom:0; opacity:1; }

@media only screen and (max-width:1024px) {
.slider-nav { opacity:1; bottom:0 !important; }
}

@media only screen and (max-width:400px) {
.slider-nav a { width:40px; line-height:40px; }
}



/******************** 2.0 - Header ********************/

header { width:100%; height:80px; background:#FFF; position:fixed; top:0; left:0; z-index:50; -webkit-transform:translateZ(0); transition:box-shadow .6s ease; }
header .center { max-width:1920px; height:100%; }
header.scroll { box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); }
header .logo { position:absolute; top:50%; left:50px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }

/* 2.1 - Navigation */

nav { width:100%; position:absolute; top:0; left:0; }
nav ul {padding:18px 0; display:table; } 
nav li { float:left; position:relative; }
nav li a { padding:0 13px; font:300 14px/44px 'Work Sans'; color:#555; letter-spacing:.5px; text-transform:uppercase; display:block; }
nav li a.active { font-weight:400; }
nav li.drop:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#F5F5F5; border-width:10px; margin-left:-10px; transition:.2s ease; opacity:0; }
/* nav li.nav-book { display:none; } */
nav li ul { padding-bottom:0; position:absolute; top:44px; opacity:0; display:none; }
nav li ul li { float:none; }
nav li ul li a { min-width:150px; padding:0 18px; font:300 12px/44px 'Work Sans' !important; color:#FFF; letter-spacing:1px; white-space:nowrap; background:#555 !important; border-bottom:1px solid #606060; cursor:pointer; }
nav li ul li:last-of-type a { border:none; }
nav li ul li.drop:after { display:none; }
nav li ul li.drop a:after { content:'\f3d3'; font-family:ionicons; color:#888; font-size:13px; position:absolute; top:0; right:18px; }
nav li ul li.drop ul li a:after { display:none; }
nav li ul li ul { padding:0; top:0 !important; left:100%; }
nav li ul li ul li a { border-bottom:1px solid #585858 !important; }
nav li ul li ul li:last-of-type a { border:none !important; }
nav li ul li a.active, .hover nav li ul li:hover a { background:#505050 !important; }
nav li ul li ul li a.active, .hover nav li ul li ul li a.active { background:#484848 !important; }
#mobilenav { width:46px; margin:18px 50px 0 18px; padding-top:4px; font-size:26px; color:#FFF; line-height:40px; text-align:center; background:#555; display:none; cursor:pointer; float:right; position:relative; }

.hover nav li:hover a { background:#F5F5F5; }
.hover nav li:hover:after { opacity:1; }
.hover nav li ul li ul li a:hover { background:#484848 !important; }

/* 2.2 - Social */

.header-social { margin:18px 0 0 0; float:right; position:relative; }
.header-social a { width:44px; margin-left:2px; font-size:15px; line-height:44px; text-align:center; color:#BBB; display:block; float:left; background:#F5F5F5; }
.hover .header-social a:hover { color:#555; background:#EEE; }

/* 2.3 - Book Button */

.button.book-button { max-width:0; margin:18px 50px 0 0; padding:0; float:right; overflow:hidden; opacity:0; z-index:150; border:none; }
.button.book-button:before, .button.book-button:after { width:15px; font-size:15px; font-family:ionicons; text-align:center; position:absolute; top:1px; left:20px; display:block; transition:left .3s ease; }
.button.book-button:before { content:'\f3f3'; transition:left .3s ease, opacity .2s ease; }
.button.book-button:after { content:'\f404'; font-size:23px; opacity:0; transition:left .3s ease, opacity .2s ease; }
body.scroll .button.book-button { max-width:250px; margin:18px 50px 0 2px; padding:0 20px 0 45px; color:#FFF; opacity:1; }
body.book-slide .button.book-button { background:#555; box-shadow:0 0 0 1px #606060; }
body.book-slide .button.book-button:before { opacity:0; }
body.book-slide .button.book-button:after { opacity:1; }

.hover .button.book-button:hover { padding:0 25px 0 50px; }
.hover .button.book-button:hover:before, .hover .button.book-button:hover:after { left:25px; }

.no-booking .button.book-button { max-width:none !important; margin:18px 50px 0 2px !important; padding:0 20px 0 20px !important; color:#FFF !important; opacity:1 !important; }
.no-booking .button.book-button:before { display:none; }
.hover .no-booking .button.book-button:hover { padding:0 25px 0 25px !important; }

@media only screen and (min-width:1025px) {
nav ul:first-child { display:table !important; }
}

@media only screen and (max-width:1024px) {
header { position:absolute; box-shadow:none !important; }
nav { width:100%; right:auto; left:0; }
nav ul { width:100%; padding:0; position:absolute; top:80px; left:0; display:none; box-sizing:border-box; }
nav li { width:100%; float:none; }
nav li a { width:100%; padding:0; text-align:center; color:#FFF !important; display:block; background:#555 !important; border-bottom:1px solid #606060; }
nav li ul li a i { display:none; }
nav li:last-child a, nav li.drop a { border:none; }
nav li a:after { display:none; }
nav li ul { padding:0; display:block !important; position:relative; top:auto; border-radius:0; opacity:1 !important; }
nav li ul li a, nav li ul li a.active, nav li ul li ul li:last-of-type a, .hover nav li ul li:hover a { padding:0 !important; background:#484848 !important; border-bottom:1px solid #585858 !important; }
nav li ul li ul { left:0; }
nav li.nav-book { display:block; }
nav li.nav-book a { background:#BAAC8F !important; font-weight:500; font-size:18px; line-height:60px; }
#mobilenav { display:inline-block; }
.button.book-button { display:none; }
}

@media only screen and (max-width:480px) {
header .logo { left:20px; }
nav ul { padding:0; }
#mobilenav { margin-right:20px; }
.header-social { display:none; }
}



/******************** 3.0 - Booking Bar ********************/

.book-form { position:fixed; top:0; left:0; visibility:hidden; }
.book-bar { width:100%; height:80px; line-height:80px; margin:-80px auto 80px; background:#555; box-sizing:border-box; position:relative; z-index:20; }
.book-bar .center { width:auto; max-width:none; display:table; }
.book-bar .date-field { padding:0 40px; position:relative; float:left; border-left:1px solid #606060; cursor:pointer; transition:background .2s ease; }
.book-bar .date-field:last-child { border-right:1px solid #606060; }
.book-bar .date-field .tag { margin-right:20px; padding:0 2px 0 8px; font:300 12px/26px 'Work Sans'; color:#AAA; letter-spacing:1px; text-transform:uppercase; background:#606060; position:relative; top:-3px; right:0; display:inline-block; transition:.2s ease; }
.book-bar .date-field .tag:after { left:100%; top:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-left-color:#606060; border-width:13px; margin-top:-13px; transition:.2s ease; }
.book-bar .date-field .date { font:200 22px/80px 'Work Sans'; color:#FFF; letter-spacing:.5px; }
.book-bar .date-field .date .arrival-day, .book-bar .date-field .date .departure-day { font-weight:400; letter-spacing:0; }

.hover .book-bar .date-field:hover { background:#505050; }
.hover .book-bar .date-field:hover span { right:-3px; }

/* 3.1 - Date Picker */

.ui-datepicker { background:#F5F5F5; font:14px/20px 'Work Sans', sans-serif; float:left; display:none; z-index:999999 !important; transition:transform 1s ease; }
.ui-datepicker * { position:relative; z-index:2; }
.ui-datepicker-group { width:50%; float:left; }
.ui-datepicker-header { position:relative; }
.ui-datepicker-title { font:22px/80px 'Work Sans' !important; color:#FFF; background:#555; }
.ui-datepicker-title .ui-datepicker-year { font-weight:200; letter-spacing:.5px; }
.ui-datepicker-group-first .ui-datepicker-header { border-right:1px solid #606060; }
.ui-datepicker .ui-datepicker-title { font-size:16px; font-weight:bold; line-height:28px; text-align:center; }
.ui-datepicker table { width:100%; margin:0; padding:25px 38px 38px; }
.ui-datepicker-group-first table { border-right:1px solid #E5E5E5; }
.ui-datepicker th { width:25px; padding:5px 5px 30px; font-weight:300; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:#888; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:19px 0; text-decoration:none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight:300; font-size:18px; background:#FFF; color:#888; letter-spacing:.5px; text-align:center; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:#BAAC8F; color:#FFF; font-weight:500; }
.ui-widget-header .ui-state-hover { opacity:0.25; cursor:pointer; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:0.25; cursor:default; }
.ui-icon { text-indent:-9999px; display:block; }
.ui-datepicker .ui-datepicker-prev .ui-icon:before { content:"\f3d2"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:-40px; }
.ui-datepicker .ui-datepicker-next .ui-icon:before { content:"\f3d3"; width:100%; height:100%; padding:20px; font-size:25px; font-weight:normal; color:#999; text-indent:0; font-family:ionicons; position:absolute; top:-20px; left:0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:30px !important; }
.ui-datepicker .ui-datepicker-prev { left:40px; z-index:3; }
.ui-datepicker .ui-datepicker-next { right:48px; z-index:3; }

@media only screen and (min-width:1024px) {
.ui-datepicker { width:1000px !important; margin-top:-252px !important; margin-left:-500px !important; box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 15px rgba(0,0,0,.07),0 0 0 500px rgba(200,200,200,.5); position:fixed !important; top:50% !important; left:50% !important; }
}

@media only screen and (max-width:1024px) {
.ui-datepicker { width:100% !important; margin-left:0 !important; left:0 !important; }
}

@media only screen and (max-width:800px) {
.book-bar .center { width:100%; }
.book-bar .date-field { padding:0; display:table-cell; float:none; text-align:center; }
.book-bar .date-field:first-child { border-left:none; }
.book-bar .date-field:last-child { border-right:none; }
.book-bar .date-field .date { font-size:18px; }
.book-bar .date-field .date i { padding:0 20px; }
.ui-datepicker { width:calc(100% - 100px) !important; margin-left:50px !important; left:0 !important; }
}

@media only screen and (max-width:640px) {
.book-bar .date-departure { display:none; }
}

@media only screen and (max-width:480px) {
.ui-datepicker { width:100% !important; margin-left:0 !important; margin-right:0 !important; }
}

@media only screen and (max-width:400px) {
.ui-datepicker table { padding:20px 25px 30px; }
.ui-datepicker td span, .ui-datepicker td a { padding:10px 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-size:15px; }
}



/******************** 4.0 - Sections ********************/

.section { position:relative; }
.section:after, .section .center:after { content:''; clear:both; display:block; }
.section .item { position:relative; overflow:hidden; }
div[class^='col'] { padding:0 25px; float:left; box-sizing:border-box; }
.col-1 { width:100%; }
.col-2 { width:50%; }
.col-3 { width:33.33%; }
.col-4 { width:25%; }
.col-5 { width:20%; }
.col-6 { width:16.66%; }

@media only screen and (max-width:1024px) {
.section:not(.stats):not(.services) div[class^='col'], footer div[class^='col'] { width:100% !important; }
}



/* 4.1 - Headings */

.heading { margin-bottom:80px; height:calc(100% - 80px); max-height:550px; min-height:400px; text-align:center; background:#777; }
.heading .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; opacity:.5; }
.heading .item { width:100%; padding:0 30px; position:absolute; top:50%; left:0; -webkit-transform:translate(0,-46%); transform:translate(0,-46%); box-sizing:border-box; }
.heading .label { margin-bottom:20px; padding:0 20px; font:12px/44px 'Work Sans'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; border:1px solid rgba(255,255,255,.4); display:inline-block; }
.heading h1 { margin:0; color:#FFF; }

.no-booking .heading { height:100%; max-height:600px; }

@media only screen and (max-width:1024px) {
.heading { height:400px; min-height:0; }
}

@media only screen and (max-width:480px) {
.heading { height:250px; }
}



/* 4.2 - Text Blocks */

.text { padding-bottom:45px; }
.text .center { max-width:1350px; padding:0 25px; }
.text.feature .center { max-width:900px; text-align:center; }
.text.post .center { max-width:900px; }
.text img { max-width:100%; height:auto; margin:auto; display:block; }
blockquote { width:50%; margin:0 30px 30px -80px; font:300 30px/40px 'Work Sans'; color:#555; float:left; }

@media only screen and (max-width:1024px) {
.text .center { padding:0 20%; }
.text div[class^='col'] { padding:0; }
blockquote { width:60%; }
}

@media only screen and (max-width:768px) {
.text .center { padding:0 10%; }
blockquote { width:100%; margin:0 0 30px; float:none; }
}



/* 4.3 - Photo Panels */

.panel { margin-bottom:80px; z-index:25; }
.panel .item { width:100%; height:100%; background:#F5F5F5; }
.panel .item .back {
	width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }
.item .back {background-size:cover !important;}
main .panel .item { height:500px; }

.panel .item .panel-button { width:100%; padding:0 50px; text-align:center; position:absolute; top:50%; left:0; z-index:1; box-sizing:border-box; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); }
.panel .item .panel-button .button-container { display:inline-block; position:relative; }
.panel .item .panel-button a { padding:15px 30px; font:300 22px/30px 'Work Sans'; color:#555; display:block; background:rgba(255,255,255,.85); box-shadow:0 0 1px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.1); z-index:1; position:relative; transition:.3s ease; }
.panel .item .panel-button span { margin-top:10px; padding:0 17px; font:300 12px/40px 'Work Sans'; color:#FFF; letter-spacing:1.5px; text-transform:uppercase; background:#BAAC8F; position:absolute; top:0; left:100%; white-space:nowrap; opacity:0; cursor:default; transition:.3s ease; }
.panel .item .panel-button span i { margin-left:10px; }

.panel .item.side .details { width:30%; height:100%; background:#F5F5F5; float:right; position:relative; z-index:1; }
.panel .item.side .details p:last-child { margin:0; }
.panel .item.side .float { width:100%; padding:0 15%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-sizing:border-box; }
.panel .item.side .back, .panel .item.side .panel-button { width:70%; }
.panel .item.side:nth-child(even) .details { float:left; }
.panel .item.side:nth-child(even) .back, .panel .item.side:nth-child(even) .panel-button { left:auto; right:0; }
.panel .slider .item.side:nth-child(even) .details { float:right; }
.panel .slider .item.side:nth-child(even) .back, .panel .slider .item.side:nth-child(even) .panel-button { left:0; right:auto; }

.panel.hero { height:calc(100% - 80px); min-height:300px; max-height:500px; box-sizing:border-box; }
.panel.hero .caroufredsel_wrapper, .panel.hero .slider { height:100% !important; }
.panel.hero .item { height:100%; margin:0; float:left; }
.panel.hero.full { max-height:1000px; }
main .panel.hero { height:500px; }

.panel .item.feature { background:#555; }
.panel .item.feature .back { opacity:.12; }
.panel .item.feature .screen { width:45%; height:50%; min-height:320px; position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 30px 0 rgba(0,0,0,.1); border-right:none; z-index:1; overflow:hidden; }
.panel .item.feature .screen .back { width:100%; height:100%; background-size:cover; opacity:1 !important; transform:none !important; }
.panel .item.feature .details { width:60%; max-width:850px; position:absolute; top:52%; padding:0 100px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); box-sizing:border-box; z-index:1; }
.panel .item.feature .details .label { position:absolute; top:-47px;  }
.panel .item.feature h1, .panel .item.feature h2, .panel .item.feature h3, .panel .item.feature h4, .panel .item.feature h5 { color:#FFF; }
.panel .item.feature h2 { font-weight:200; letter-spacing:.5px; }
.panel .item.feature p { font:300 18px/30px 'Work Sans'; color:rgba(255,255,255,.5); }
.panel .item.feature .button { margin-top:49px; }

.hover .panel .item .panel-button a:hover { padding:15px 40px; background:#FFF; }
.hover .panel .item.over .back { transform:scale(1.04); opacity:.7; }
.hover .panel .item.over .panel-button span { opacity:1; }
.hover .panel.hero .item.over .back { transform:scale(1.03); }
.hover .panel .item.feature.over .back { opacity:.2; }

.no-booking .panel.hero { height:100%; }
.no-booking .panel.hero.full { max-height:1030px; }

@media only screen and (max-height:800px) {
.panel .item.feature .details { padding:0 100px 0 80px; }
.panel .item.feature p { font:300 15px/28px 'Work Sans'; }
.panel .item.feature .button { margin-top:11px; }
}

@media only screen and (max-width:1366px) {
.panel .item.feature h1 { font:200 60px/70px 'Work Sans'; }
}

@media only screen and (max-width:1024px) {
.panel .panel-button span { display:none; }
.panel.hero:not(.full) { height:400px; min-height:0; }
main .panel .item { height:auto; }
main .panel .item .back { width:100% !important; height:400px; position:relative; left:auto; right:auto; }
main .panel .item .panel-button { width:100% !important; top:200px; left:auto; right:auto; }
main .panel .item.side .details { width:100%; float:none !important; }
main .panel .item.side .float { padding:60px 20%; position:relative; top:auto; left:auto; -webkit-transform:none; transform:none; }
main .panel.hero { height:400px; min-height:0; }
main .panel.hero .item.side .details { display:none; }
.panel .item.feature .details { padding:0 100px 0 80px; }
.panel .item.feature h1 { font:200 37px/50px 'Work Sans'; }
.panel .item.feature p { font:300 15px/28px 'Work Sans'; }
}

@media only screen and (max-width:768px) {
main .panel .item.side .float { padding:60px 10%; }
.panel .item.feature .screen { display:none; }
.panel .item.feature .details { width:100%; padding:0 50px; text-align:center; }
.panel .item.feature .button { margin-top:11px; }
}

@media only screen and (max-width:480px) {
main .panel .item .back { height:250px; }
main .panel .item .panel-button { top:125px; }
.panel.hero:not(.full) { height:250px; }
.panel .item .panel-button a { padding:15px 30px !important; font:300 16px/22px 'Work Sans'; }
.panel .item.feature .details { padding:0 20px; top:55%; }
.panel .item.feature p:first-of-type { display:none; }
}

@media only screen and (max-width:320px) {
.panel .item.feature h1 { font:200 30px/40px 'Work Sans'; }
}



/* 4.4 - Carousels */

.carousel { max-width:1300px; margin-bottom:80px; margin-left:auto; margin-right:auto; }
.carousel img { float:left; }

.carousel.horizontal { height:calc(100% - 80px); max-height:550px; min-height:400px; max-width:none; }
.carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper { height:100% !important; }
.carousel.horizontal img { width:auto; height:100%; }
main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:500px !important; }

.no-booking .carousel.horizontal { height:100%; max-height:600px; }

@media only screen and (max-width:1366px) {
.carousel { max-width:none; }
}

@media only screen and (max-width:1024px) {
.carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:400px !important; min-height:0 !important; }
}

@media only screen and (max-width:480px) {
.carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper { height:250px !important; }
}



/* 4.5 - Gallery */

.gallery { margin-bottom:80px; overflow:hidden; }
.gallery figure { box-sizing:border-box; position:relative; }
.gallery figure a { width:100%; height:100%; position:absolute; overflow:hidden; background:#F5F5F5; transition:.2s ease; }
.gallery figure img { width:100%; height:auto; display:block; transition-timing-function:ease; }
.gallery figure .img:before { content:"\f489"; width:50px; height:50px; font-family:ionicons; text-align:center; line-height:50px; font-size:25px; color:#999; position:absolute; top:0; left:0; background:#FFF; border-top:1px solid #EEE; border-left:1px solid #EEE; z-index:10; opacity:0; transition:.2s ease; box-sizing:border-box; }
.gallery span { width:100%; padding:25px 18px 18px; font:bold 14px/18px 'Open Sans'; letter-spacing:.3px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,.1); position:absolute; bottom:-20px; left:0; border-radius:0 4px 0 0; box-sizing:border-box; background:-webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) ); background:-moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) ); background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) ); opacity:0; z-index:10; transition:.2s ease-out; }

.hover .gallery figure a:hover .img:before { opacity:1; }

.featherlight { background:transparent; cursor:pointer; display:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; white-space:nowrap; z-index:2147483647 } 
.featherlight * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } 
.featherlight:last-of-type { background:rgba(200,200,200,.9) } 
.featherlight:before { content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle } 
.featherlight .featherlight-content { border:0; cursor:auto; display:inline-block; max-height:80%; max-width:90%; min-width:inherit; overflow:visible; padding:0; position:relative; text-align:left; vertical-align:middle; white-space:normal } 
.featherlight-content .featherlight-image { transform:scale(.95); transition:.3s ease } 
.featherlight-content.pop .featherlight-image { transform:scale(1) } 
@media screen and (min-width: 980px)  { 
.featherlight .featherlight-content { max-height:90% } 
 } 
.featherlight .featherlight-inner { display:block } 
.featherlight .featherlight-close-icon { cursor:pointer; display:block; position:fixed; top:25px; right:25px; text-align:center; white-space:nowrap; height:50px; width:50px; z-index:9999; text-indent:100% } 
.featherlight .featherlight-close-icon:before { content:'\f404'; font-family:ionicons; font-size:40px; line-height:20px; color:#FFF; text-indent:0; position:absolute; top:0; right:0 } 
.featherlight .featherlight-image { max-width:100% } 
.featherlight iframe { border:0 } 
[data-featherlight] { cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in } 
.featherlight-iframe .featherlight-content { border-bottom:0; padding:0 } 
.featherlight-content .caption { color:#fff; font-size:16px; font-weight:lighter; max-width:100%; overflow:hidden; position:absolute; text-align:left; text-overflow:ellipsis; white-space:nowrap } 
.featherlight-content .caption:hover,.featherlight-content .caption:focus { overflow:visible; white-space:normal } 
@-webkit-keyframes featherlightLoader  { 
0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } 
 } 
@keyframes featherlightLoader  { 
0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } 
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } 
 } 
.featherlight-loading .featherlight-content { -webkit-animation:featherlightLoader 1s infinite linear; animation:featherlightLoader 1s infinite linear; background:transparent; border:8px solid #909090; border-left-color:#fff; font-size:10px } 
.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content:after { -webkit-border-radius:50%; border-radius:50%; height:10em; width:10em } 
.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner { display:none } 
.featherlight-next,.featherlight-previous { background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; cursor:pointer; display:block; height:80px; margin-top:-30px; position:fixed; top:50%; text-indent:100%; -moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; user-select:none; white-space:nowrap; width:50px; transition:.3s ease; background:#FFF } 
.featherlight-next span,.featherlight-previous span { display:none } 
.featherlight-next:hover,.featherlight-next:focus,.featherlight-previous:hover,.featherlight-previous:focus { background:#EEE } 
.featherlight-next { right:0 } 
.featherlight-next:before { content:'\f3d3'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; right:20px } 
.featherlight-previous { left:0 } 
.featherlight-previous:before { content:'\f3d2'; font-family:ionicons; font-size:20px; line-height:80px; color:#CCC; text-indent:0; position:absolute; top:0; left:20px } 
.featherlight-loading .featherlight-previous,.featherlight-loading .featherlight-next { display:none } 



/* 4.7 - Boxes */

.boxes .center { max-width:1400px; padding:0 25px; text-align:center; }
.boxes .item { margin-bottom:50px; }
.boxes .item .thumb { width:100%; height:250px; margin-bottom:30px; position:relative; overflow:hidden; }
.boxes .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }
.boxes .item .details { position:relative; }
.boxes .item .date { width:60px; height:60px; padding-top:10px; margin-left:-30px; text-align:center; position:absolute; top:-55px; left:50%; background:#FFF; border-radius:100%; box-sizing:border-box; opacity:0; transition:.3s ease; }
.boxes .item .date .day { font:22px/22px 'Work Sans'; color:#555; display:block; }
.boxes .item .date .month { font:300 12px/17px 'Work Sans'; color:#888; text-transform:uppercase; display:block; }

.hover .boxes .item.over .back, .hover .boxes .item .thumb:hover .back { transform:scale(1.06); opacity:.7; }
.hover .boxes .item.over .button { padding:0 25px; }
.hover .boxes .item.over .date { top:-60px; opacity:1; }

@media only screen and (max-width:1024px) {
.boxes .center { padding:0; }
.boxes .item { max-width:inherit; margin:0; padding:0; }
.boxes .item .thumb { height:350px; }
.boxes .item .details { padding:0 10%; }
.boxes div[class^='col'] { padding:0; }
.boxes .item .date { top:-60px; opacity:1; }
}

@media only screen and (max-width:480px) {
.boxes .item .thumb { height:240px; }
.boxes .item .details { padding:0; }
}

@media only screen and (max-width:320px) {
.boxes .item .thumb { height:180px; }
}



/* 4.8 - Timeline */

.timeline .label { margin:auto; display:table; }
.timeline > .button { margin:auto; display:table; }
.timeline .center { max-width:1300px; padding:0 50px; }
.timeline .center:before { content:""; width:1px; height:100%; position:absolute; top:0; left:50%; background:#EEE; }
.timeline .item:before { content:"\f3d2"; font-size:20px; line-height:40px; color:#BAAC8F; text-align:center; font-family:ionicons; width:40px; height:40px; margin-left:-20px; border:1px solid #BAAC8F; background:#FFF; position:absolute; top:95px; left:50%; box-sizing:border-box; border-radius:100%; }
.timeline .item:after { content:""; clear:both; display:block; }
.timeline .item .details { width:50%; padding:60px 80px 0 0; text-align:right; float:left; box-sizing:border-box; }
.timeline .item .details h2 { margin:0 -80px 30px 0; padding:0 80px 5px 10px; border-bottom:1px dashed #BAAC8F; display:inline-block; }
.timeline .item .thumb { width:50%; margin-bottom:30px; padding:70px 0 0 80px; float:right; box-sizing:border-box; }
.timeline .item .thumb a { display:block; position:relative; overflow:hidden; background:#F5F5F5; }
.timeline .item .thumb .back { width:100%; height:100%; transition:1.5s ease; transition-property:opacity, transform; }
.timeline .item .thumb img { width:100%; height:auto; display:block; }
.timeline .item:nth-child(even):before { content:"\f3d3"; text-indent:3px; }
.timeline .item:nth-child(even) .details { padding:60px 0 0 80px; text-align:left; float:right; }
.timeline .item:nth-child(even) .details h2 { margin:0 0 30px -80px; padding:0 10px 5px 80px; }
.timeline .item:nth-child(even) .thumb { padding:70px 80px 0 0; float:left; }
.timeline .item:first-of-type:before { top:115px; }
.timeline .item:first-of-type .details { padding-top:80px; }
.timeline .item:first-of-type .thumb { padding-top:95px !important; }
.timeline .item:last-of-type .details, .timeline .item:last-of-type .thumb { padding-bottom:60px; }

.hover .timeline .item.over .back { transform:scale(1.06); opacity:.7; }
.hover .timeline .item.over .button { padding:0 25px; }

@media only screen and (max-width:1024px) {
.timeline .item { max-width:650px; margin:auto; }
.timeline .item:before { display:none; }
.timeline .item .details { width:100%; margin:0 0 80px; padding:30px 0 0 !important; text-align:center !important; float:none; background:#FFF; }
.timeline .item .details h2 { margin:0 0 30px !important; padding:0 0 5px 0 !important; }
.timeline .item .details p:last-child { margin-bottom:0 !important; }
.timeline .item .thumb { width:100%; margin:0 !important; padding:0 !important; float:none; }
}

@media only screen and (max-width:480px) {
.timeline .center { padding:0; }
.timeline .item .details { padding:30px 30px 0 !important; }
.timeline .item .thumb { padding:0 30px !important; }
}



/* 4.9 - Stats */

.stats { margin-bottom:80px; }
.stats .center { max-width:1300px; padding:45px 50px 50px; text-align:center; background:#555; box-sizing:border-box; }
.stats h3 { margin-bottom:50px; color:#FFF; font-weight:200; letter-spacing:.5px; }
.stats .number { font:200 80px/80px 'Work Sans'; color:#FFF; letter-spacing:.5px; }
.stats p { margin:0; color:#999; }
.stats div[class^='col'] { padding-top:50px; position:relative; }
.stats div[class^='col']:before { content:""; width:100%; border-top:1px dashed #BAAC8F; position:absolute; top:0; left:0; opacity:.5; }
.stats div[class^='col']:after { content:""; width:10px; height:10px; margin-left:-7px; background:#555; border:2px solid #BAAC8F; border-radius:100%; position:absolute; top:-7px; left:50%; }
.stats div[class^='col']:first-of-type:before { width:50%; left:auto; right:0; }
.stats div[class^='col']:last-of-type:before { width:50%; }

@media only screen and (max-width:1366px) {
.stats .center { max-width:none; }
}

@media only screen and (max-width:1024px) {
.stats .center { padding-bottom:0; }
.stats div[class^='col'] { margin-bottom:50px; padding-top:20px; }
.stats div[class^='col']:before { width:100% !important; }
}

@media only screen and (max-width:768px) {
.stats div[class^='col'] { width:100% !important; }
}

@media only screen and (max-width:480px) {
.stats .center { padding-left:30px; padding-right:30px; }
.stats .number { font:200 60px/70px 'Work Sans'; }
}



/* 4.10 - Features */

.features { margin-bottom:80px; }
.features .center { max-width:1300px; padding:0 50px; }
.features .item { width:100%; margin-bottom:2px; padding:50px 25px 20px; background:#F5F5F5; box-sizing:border-box; overflow:visible; }
.features .item:last-child { margin:0; }
.features .item .thumb { width:165px; height:165px; margin:0 50px 30px 0; float:left; position:relative; overflow:hidden; }
.features .item .back { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:top center; transition:1.5s ease; transition-property:opacity, transform; }
.features h1, .features h2, .features h3, .features h4, .features h5 { margin:0; }
.features:after, .features .item:after { content:""; display:block; clear:both; }

.hover .features .item.over .back { transform:scale(1.08); opacity:.7; }
.hover .features .item.over .button { padding:0 25px; }

@media only screen and (max-width:480px) {
.features .center { padding:0; }
div[class^='col'] { padding:0; }
.features .item { padding:50px 30px 20px; }
.features .item .thumb { width:100%; height:165px; margin:0 0 30px; }
}



/* 4.11 - USPs */

.usp { padding-bottom:45px; }
.usp .center { max-width:1350px; padding:0 25px; }
.usp .item { text-align:center; }
.usp .item i { margin-bottom:10px; display:block; font-size:50px; color:#BAAC8F; }
.usp .item h4 { margin-bottom:0; }

@media only screen and (max-width:1024px) {
.usp .center { padding:0 20%; }
.usp .item { max-width:600px; margin:0 auto 20px; }
.usp div[class^='col'] { padding:0; }
.usp div[class^='col']:last-child .item { margin-bottom:0; }
}

@media only screen and (max-width:768px) {
.usp .center { padding:0 10%; }
}



/* 4.12 - Services */

.services { margin-bottom:80px; }
.services .center { width:100%; max-width:1400px; padding:0 50px; text-align:center; display:table; box-sizing:border-box; }
.services div[class^='col'] { padding:0; background:#F5F5F5; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; border-top:5px solid #E5E5E5; float:none; display:table-cell; transition:.2s ease; position:relative; }
.services .item { padding:45px 0 50px; }
.services .item * { cursor:default; }
.services .item i { margin-bottom:0; display:inline-block; font-size:50px; color:#BAAC8F; }
.services .item h5 { margin:0; }
.services .details { width:calc(100% + 2px); padding:18px 10px; font:300 13px/24px 'Work Sans'; color:#FFF; letter-spacing:.5px; position:absolute; bottom:85%; left:-1px; opacity:0; background:#BAAC8F; box-sizing:border-box; transition:.2s ease; z-index:1; cursor:default; }
.services .details:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#BAAC8F; border-width:15px; margin-left:-15px; }

.services div[class^='col'].over { background:#EEE; }
.services div[class^='col'].over .details { bottom:90%; opacity:1; }

@media only screen and (max-width:1024px) {
.services .center { padding:0; }
.services .col-2 { width:50% !important; }
.services .col-3 { width:33.33% !important; }
.services .col-4 { width:25% !important; }
.services .col-5 { width:20% !important; }
.services .col-6 { width:33.33% !important; float:left !important; }
.services div[class^='col'] { border-top:none; }
.services .center { border-top:5px solid #E5E5E5; }
}

@media only screen and (max-width:640px) {
.services div[class^='col'] { width:50% !important; float:left !important; }
}

@media only screen and (max-width:480px) {
.services div[class^='col'] { width:100% !important; border:none; }
.services .center { padding:0 30px; border:none; }
.services .details { width:100%; position:relative; opacity:1; border:0; left:0; }
.services .details:after { top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:#BAAC8F; }
}



/* 4.13 - Testimonials */

.testimonials { margin-bottom:80px; padding:60px; background:#F5F5F5; }
.testimonials .center { max-width:none; }
.testimonials:after { content:""; clear:both; display:block; }
.testimonials .item { width:33.33%; box-sizing:border-box; border-width:20px 20px 25px; border-style:solid; border-color:transparent; position:relative; float:left; overflow:visible; }
.testimonials .item .testimonial { padding:45px 50px 20px; background:#FFF; position:relative; box-shadow:0 12px 0 -5px #EEE, 0 12px 1px -4px rgba(0,0,0,0.07); z-index:2; }
.testimonials .item i { font-size:30px; color:#BAAC8F; position:absolute; top:40px; left:-3px; }
.testimonials .item:before, .testimonials .item:after { position:absolute; width:40%; height:10px; content:""; left:12px; bottom:2px; background:transparent; transform:skew(-5deg) rotate(-5deg); box-shadow:0 6px 12px rgba(0,0,0,.1); z-index:1; } 
.testimonials .item:after { left:auto; right:12px; transform:skew(5deg) rotate(5deg); }

@media only screen and (max-width:1366px) {
.testimonials .item { width:50%; }
}
@media only screen and (max-width:768px) {
.testimonials .item { width:100%; }
}
@media only screen and (max-width:640px) {
.testimonials { padding:60px 10px; }
.testimonials .item .testimonial { padding:35px 30px 10px; }
}



/* 4.14 - Quote */

.quote { padding-bottom:50px; }
.quote .center { max-width:900px; padding:0 25px; text-align:center; }
.quote .thumb { width:80px; height:80px; margin:0 auto 30px; border-radius:100%; overflow:hidden; }
.quote .thumb img { width:100%; height:100%; }
.quote p { margin-left:auto; margin-right:auto; padding:0 80px; display:inline-block; position:relative; color:#555; }
.quote p:before { content:""; width:100%; height:1px; background:#EEE; position:absolute; top:15px; left:0; }
.quote p span { padding:0 7px; background:#FFF; position:relative; }

@media only screen and (max-width:480px) {
.quote .center { padding:0 30px; }
.quote p { padding:0; }
.quote p:before { display:none; }
.quote p span { padding:0; background:none; }
}



/* 4.15 - Accordions */

.accordion { margin-bottom:80px; }
.accordion .center { max-width:1300px; padding:0 50px; }
.accordion li { margin-bottom:2px; position:relative; }
.accordion li .answer { width:100%; padding:35px 0 1px; display:none; box-sizing:border-box; }
.accordion li .answer:after { content:""; display:block; clear:both; }
.accordion li .question { margin:0; padding:15px 30px; text-align:center; display:block; cursor:pointer; background:#F5F5F5; transition:.2s ease; }
.accordion li .question h4 { margin:0; }
.accordion li .question:after { content:"\f489"; font-size:25px; font-family:ionicons; color:#999; position:absolute; top:18px; right:20px; }
.accordion li.reveal .question:after { content:"\f462"; }

.hover .accordion li .question:hover { background:#EEE; }

@media only screen and (max-width:480px) {
.accordion .center { margin-left:30px; margin-right:30px; padding:0; }
}



/* 4.16 - Menus */

.menu { margin-bottom:80px; padding:0 80px 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.menu .center { max-width:900px; margin-bottom:80px; box-shadow:0 0 0 1px rgba(0,0,0,.06),0 5px 15px rgba(0,0,0,.06); box-sizing:border-box; background:#FFF; }

.menu .item { padding:80px; overflow:visible; background:#FFF; position:relative; z-index:2; }
.menu .title { padding-bottom:50px; text-align:center; border-bottom:5px solid #EEE; position:relative; }
.menu .title:after { top:100%; left:50%; border:solid transparent; content:''; height:0; width:0; position:absolute; pointer-events:none; border-top-color:#EEE; border-width:15px; margin:5px 0 0 -15px; }
.menu .title h2 { margin:0; }
.menu ul { margin:0; }
.menu li { padding:30px 100px 30px 0; border-bottom:1px dashed #E5E5E5; position:relative; }
.menu li h4 { margin:0; }
.menu li .tag { height:22px; margin-left:2px; padding:0 7px; font-size:11px; line-height:22px; text-align:center; color:#999; background:#EEE; border-radius:100px; display:inline-block; position:relative; top:-1px; cursor:default; text-transform:uppercase; }
.menu li p { margin:0; }
.menu li .price { font:300 22px/30px 'Work Sans'; text-align:right; color:#555; position:absolute; top:30px; right:0; }
.menu li .price span { font:11px/20px 'Work Sans'; color:#CCC; letter-spacing:.5px; text-transform:uppercase; }
.menu .button { margin:0 auto 80px; display:table; }

@media only screen and (max-width:1024px) {
.menu { padding:0 0 1px; background:#F5F5F5; }
.menu .center { max-width:none; }
}

@media only screen and (max-width:768px) {
.menu .item { padding:50px; }
.menu .title { padding-bottom:20px; }
}

@media only screen and (max-width:480px) {
.menu .center { box-shadow:none; }
.menu .item { padding:0 30px; }
.menu .title { padding:0; }
}



/* 4.17 - Form */

.form { margin-bottom:80px; padding:110px 0 80px; text-align:center; position:relative; background:#555; }
.form:before { content:""; position:absolute; top:0; left:50%; margin-left:-30px; display:block; border:15px solid #BAAC8F; border-top-width:30px; border-bottom-color:transparent; border-left-width:30px; border-right-width:30px; z-index:1; }
.form .center { max-width:1000px; padding:0 55px; }
.form h1, .form h2, .form h3, .form h4 { color:#FFF; }
.form h5, .form p { max-width:500px; margin-left:auto; margin-right:auto; color:#AAA; }
.form form { margin-top:50px; }
.form .field { width:100%; max-width:600px; margin:0 auto 12px; background:#606060; position:relative; }
.form .field input, .form .field select, .form .field textarea { width:100%; padding:17px 15px;font:300 15px 'Work Sans'; color:#FFF; letter-spacing:.2px; box-sizing:border-box; border:none; display:block; background:none; position:relative; z-index:2; }
.form .field textarea { height:116px; }
.form .field.calendar, .form .field.calendar input { cursor:pointer; }
.form .field.calendar input { padding-left:43px; font-weight:500; color:#FFF; }
.form .field .tag { padding:0 15px; position:absolute; top:0; left:14px; }
.form .field .tag i { font-size:17px; top:17px; color:#909090 !important; }
.form .field select { -moz-appearance:window; -webkit-appearance:none; }
.form .field select option { color:#555; }
.form .field i { font-size:22px; color:#909090; position:absolute; top:14px; right:15px; z-index:1; transition:.2s ease; }
.form .button { margin-top:40px; }
.form .honeypot { display:none; }
p.alert { width:100%; margin:0; padding:20px 30px; color:rgba(0,0,0,.5); font-weight:500; letter-spacing:0; text-align:center; box-sizing:border-box; }
p.alert i { font-size:30px; float:left; }
p.alert.success { background:#5ADB98; }
p.alert.error { background:#F96B6C; }
p.alert.validate { background:#8EDBE5; }

.hover .form .field.calendar:hover i { color:#BAAC8F; }
.hover .form .field:hover .tag { opacity:1; }

@media only screen and (max-width:768px) {
p.alert i { float:none; display:block; margin-bottom:7px; }
}

@media only screen and (max-width:480px) {
.form div[class^='col'] { padding:0 !important; }
.form .center { padding:0 30px; }
}

.page-template .form {background-color: #720B0B; padding: 30px 0 80px}


/* 4.18 - Comments */

.comments .center { max-width:800px; margin-bottom:80px; padding:40px 50px; background:#F5F5F5; }
.comments h3 { text-align:center; }
.comments h3 i { position:relative; top:-5px; }
.comments ol { padding:15px 0 0; }
.comments li { margin-bottom:2px; position:relative; overflow:hidden; }
.comments li:last-child { margin-bottom:0; }
.comments li:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; opacity:.15; }
.comments li * { position:relative; }
.comments ol.children { margin:0; padding:0 0 30px 20px; overflow:visible; }
.comments ol.children li { margin-bottom:2px; overflow:visible; }
.comments ol.children li:before { display:none; }
.comments li.parent li { margin-bottom:0; padding:30px 0 0 35px; }
.comments li .comment-container { margin-bottom:20px; padding:20px 25px 5px; font:13px/22px 'Work Sans'; background:#FFF; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; position:relative; }
.comments li .comment-container p { margin-bottom:15px; }
.comments li .comment-container:after { content:""; border-style: solid; border-width:0 16px 16px 0; border-color:transparent #FFF transparent transparent; position:absolute; bottom:-16px; left:20px; box-shadow:1px 0 0 #E5E5E5; }
.comments li .comment-author { font:500 16px/20px 'Work Sans', georgia; }
.comments li .comment-author span { font:11px/16px 'Work Sans'; color:#999; }
.comments li .comment-reply-link { font:14px/18px 'Work Sans'; float:right; z-index:3; border:none !important; }

.hover .comments li .comment-reply-link:hover { color:#555; }

@media only screen and (max-width:480px) {
.comments .center { padding:40px 30px; }
.comments ol.children { padding-left:0; }
.comments li .comment-container { padding:15px 18px 1px; }
}



/* 4.19 - Subscribe */

.subscribe { margin-bottom:80px; padding:70px 0 80px; text-align:center; background:#555; }
.subscribe .center { margin:auto; padding:0 30px; }
.subscribe h3 { width:100%; text-align:center; color:#FFF; font-weight:200; display:block; }
.subscribe h3 strong { font-weight:300; }
.subscribe form { margin:0 auto 80px; text-align:center; display:table; }
.subscribe form input { width:200px; padding:0 15px; font:300 15px/54px 'Work Sans'; color:#555; letter-spacing:.2px; border:none; border-right:2px solid #555; float:left; transition:.3s ease; }
.subscribe form .button { padding-right:55px; font-size:16px; line-height:54px; }
.subscribe form .button i { margin-left:15px; font-size:25px; float:right; position:absolute; top:1px; right:20px; transition:.3s ease; }
.subscribe form .button::-moz-focus-inner { border:0; }

.hover .subscribe form input:hover { padding:0 20px; }
.hover .subscribe form .button:hover { padding:0 60px 0 25px; }
.hover .subscribe form .button:hover i { right:25px; }

@media only screen and (max-width:768px) {
.subscribe form input { width:100%; margin:0 0 10px; padding:0 15px !important; display:block; border:none; box-sizing:border-box; }
.subscribe form .button { width:100%; display:block; padding:0 20px !important; }
.subscribe form button i { right:20px !important; }
}



/* 4.20 - Maps */

.map { height:500px; margin-bottom:80px; }
#map { width:100%; height:100%; }

@media only screen and (max-width:1024px) {
.map { height:400px; }
}
@media only screen and (max-width:480px) {
.map { height:250px; }
}



/* 4.21 - Social */

.social { margin-bottom:80px; text-align:center; }
.social a { min-width:52px; margin:0 7px; padding:0 18px; font-size:18px; line-height:50px; color:#BAAC8F; display:inline-block; border:1px solid #BAAC8F; box-sizing:border-box; }
.social a span { margin-left:10px; font:300 15px/20px 'Work Sans'; } 
.subscribe .social { margin:0; }
.hover .social a:hover { color:#FFF; background:#BAAC8F; }

@media only screen and (max-width:480px) {
.social a { padding:0 15px; }
.social a span { margin-left:5px; } 
}



/* 4.22 - Pagination */

.pagination { margin-bottom:80px; }
.pagination ul { margin:auto; display:table; }
.pagination li { margin-right:2px; font:15px/50px 'Work Sans'; color:#555; float:left; background:#F5F5F5; }
.pagination li:last-child { margin:0; border:none; }
.pagination li a { padding:0 20px; color:#BBB; display:block; border:none !important; }
.pagination li span { padding:0 20px; display:block; background:#EEE; }
.hover .pagination li a:hover { color:#555; background:#EEE; }



/******************** 5.0 - Footer ********************/

footer { width:100%; text-align:center; background-size:cover; background-position:top center; position:relative; }
footer div[class^='col'] { margin:auto; float:none; }
footer i { margin-bottom:10px; font-size:50px; color:#BAAC8F; display:block; }
footer h4 { margin-bottom:0; color:#555; }
footer .stars { margin-bottom:15px; }
.stars { margin:auto; display:table; }
.stars i { margin:0 2px; font-size:15px; color:#DDD; float:left; }
.footer-nav { width:100%; margin-top:80px; background:#F5F5F5; position:relative; }
.footer-links { margin:auto; display:table; }
.footer-links li { font:300 12px/80px 'Work Sans'; color:#888; letter-spacing:1px; text-transform:uppercase; float:left; }
.footer-links li a { padding:0 13px; color:#888; display:block; }
.footer-links li:first-child { padding-right:13px; }
.hover .footer-links li a:hover { color:#CCC; }

/* 5.1 - Languages */

#language { margin:0; max-height:44px; text-align:left; position:absolute; bottom:18px; right:50px; transition:.3s ease; overflow:hidden; }
#language li { border-bottom:1px solid #D9D9D9; }
#language li a { padding:0 15px; font:13px/44px 'Work Sans', sans-serif; color:#555; background:#E9E9E9; display:block; white-space:nowrap; }
#language li:first-child a { background:#E9E9E9 !important; cursor:default; }
#language li:last-child { border:none; }
#language.active { max-height:180px !important; }
#language.active li:first-child a { opacity:.7; }

.flag-icon { width:16px; height:12px; margin-right:5px; background-size:contain; background-position:50%; background-repeat:no-repeat; position:relative; display:inline-block; position:relative; top:1px; }
.flag-icon-gb { background-image: url(system/flags/gb.svg); }
.flag-icon-it { background-image: url(system/flags/it.svg); }
.flag-icon-de { background-image: url(system/flags/de.svg); }
.flag-icon-fr { background-image: url(system/flags/fr.svg); }

.hover #language li a:hover { background:#E2E2E2; }

@media only screen and (max-width:768px) {
.footer-links li.hide { display:none; }
#language li a { font-size:0; }
.flag-icon { margin:0; top:5px; }
}

@media only screen and (max-width:480px) {
.footer-links { height:80px; margin:0 0 0 10px; display:block; }
.footer-links li a { padding:0 10px; }
#language { right:20px; }
}



/******************** 6.0 - Transitions ********************/

a { transition:.2s ease; }

/********** custom code *********/
.booking-success {display:none}