@font-face {
    font-family:'Ionicons';
    font-style:normal;
    font-weight:normal;
    font-display:swap;
    src:url('/fonts/ionicons.woff?v=2.0.1') format('woff');
}
.icon:before { display:inline-block; font-family:'Ionicons'; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; }
.ion-navicon:before { content:'\f20e'; }
.ion-social-facebook:before { content:'\f231'; }
.ion-social-instagram-outline:before { content:'\f350'; }
.ion-ios-arrow-left:before { content:'\f3d2'; }
.ion-ios-arrow-right:before { content:'\f3d3'; }
.ion-paper-airplane:before { content:'\f2c3'; }
* { 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; }
h1 { margin:-10px 0 25px; font:100 60px/60px 'Work Sans'; color:#555; letter-spacing:.5px; }
p { margin-bottom:30px; font:300 15px/28px 'Work Sans'; color:#888; letter-spacing:.2px; }
.button { padding:0 20px; font:14px/44px 'Work Sans'; color:#FFF; letter-spacing:.5px; text-transform:uppercase; background:#af554f; 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; }
ul { margin:0 0 30px; }
main { display:block; }
.hover .button:hover { padding:0 25px; color:#FFF; background:#af554f; }
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:1400px; 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%); z-index:2; }
nav { width:100%; position:absolute; top:0; left:0; z-index:1; }
nav ul { margin:auto; 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.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; }
.hover nav li:hover a { background:#F5F5F5; }
#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; }
.header-social { margin:18px 0 0; float:right; position:relative; z-index:2; }
.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; }
.button.book-button { max-width:0; margin:18px 50px 0 0; padding:0; float:right; overflow:hidden; opacity:0; z-index:150; border:none; }
.section { position:relative; }
.section:after, .section .center:after { content:''; clear:both; display:block; }
.section .item { position:relative; overflow:hidden; }
.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; }
.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; }
.panel .item.feature { background:#555; }
.panel .item.feature .back { opacity:.42; }
.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 h1 { color:#FFF; }
.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.over .back { transform:scale(1.04); opacity:.7; }
.hover .panel.hero .item.over .back { transform:scale(1.03); }
.hover .panel .item.feature.over .back { opacity:.2; }
.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; }
.hover .section:hover .slider-nav, .hover .section.over .slider-nav { bottom:-81px; opacity:1; }
.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; }
.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; }
.bath { display:none; margin-top:-80px; margin-bottom:30px; }
@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 (min-width:1025px) {
    nav ul:first-child { display:table !important; }
    .fade { opacity:0; transition:opacity 1s ease; }
    .visible { opacity:1 !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: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 { padding:0 !important; background:#484848 !important; border-bottom:1px solid #585858 !important; }
    nav li.nav-book { display:block; }
    nav li.nav-book a { background:#af554f !important; font-weight:500; font-size:18px; line-height:60px; }
    #mobilenav { display:inline-block; }
    .button.book-button { display:none; }
    .slider-nav { opacity:1; bottom:0 !important; }
    .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: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; }
}
@media only screen and (max-width:768px) {
    .panel .item.feature .details { width:100%; padding:0 50px; text-align:center; }
    .panel .item.feature .button { margin-top:11px; }
    .bath { display:block; }
}
@media only screen and (max-width:640px) {
    .book-bar .date-departure { display:none; }
}
@media only screen and (max-width:480px) {
    header .logo { left:20px; }
    #mobilenav { margin-right:20px; }
    .header-social { display:none; }
    .panel .item.feature .details { padding:0 20px; top:55%; }
    .panel .item.feature p:first-of-type { display:none; }
}
@media only screen and (max-width:400px) {
    .slider-nav a { width:40px; line-height:40px; }
}
@media only screen and (max-width:320px) {
    .panel .item.feature h1 { font:200 30px/40px 'Work Sans'; }
}