/*
| -------------------------------------------------------------------------------------
| Font CSS
| -------------------------------------------------------------------------------------
*/
@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 200;
    src: local('Kanit ExtraLight'), local('Kanit-ExtraLight'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5aOhWzVaF5NQ.woff2) format('woff2');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 200;
    src: local('Kanit ExtraLight'), local('Kanit-ExtraLight'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5aOhWoVaF5NQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 200;
    src: local('Kanit ExtraLight'), local('Kanit-ExtraLight'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5aOhWpVaF5NQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 200;
    src: local('Kanit ExtraLight'), local('Kanit-ExtraLight'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5aOhWnVaE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4-ORWzVaF5NQ.woff2) format('woff2');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4-ORWoVaF5NQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4-ORWpVaF5NQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr4-ORWnVaE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v4/nKKZ-Go6G5tXcraBGwCYdA.woff2) format('woff2');
    unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v4/nKKZ-Go6G5tXcraaGwCYdA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v4/nKKZ-Go6G5tXcrabGwCYdA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    src: local('Kanit Regular'), local('Kanit-Regular'), url(https://fonts.gstatic.com/s/kanit/v4/nKKZ-Go6G5tXcraVGwA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5mOBWzVaF5NQ.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5mOBWoVaF5NQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5mOBWpVaF5NQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  src: local('Kanit Medium'), local('Kanit-Medium'), url(https://fonts.gstatic.com/s/kanit/v4/nKKU-Go6G5tXcr5mOBWnVaE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    src: local('Marcellus'), local('Marcellus-Regular'), url(https://fonts.gstatic.com/s/marcellus/v6/wEO_EBrOk8hQLDvIAF81WPoK7Es.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    src: local('Marcellus'), local('Marcellus-Regular'), url(https://fonts.gstatic.com/s/marcellus/v6/wEO_EBrOk8hQLDvIAF81VvoK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
| -------------------------------------------------------------------------------------
| General CSS
| -------------------------------------------------------------------------------------
*/

#wrap-container-content {
    scroll-behavior: smooth;
}
body{
    font-family:'Kanit', sans-serif;
    background-color:#FFFFFF;
    font-weight:400;
    font-size:15px;
    color:#3C3C3C;
    margin:0;
    padding:0;}
body.page-all{ background-color:#EDE7DA; }
body.page-detail-default{ background-color:#FFFFFF; }
body.full{ height:100%; overflow:hidden; width:100%; }

ul, p, li, figure, h1, h2, h3, h4, h5, h6{ margin:0; padding:0; }

input:focus{ outline:0; }

img{ width:100%; height:100%; }

button{ cursor:pointer; }
button:focus{ outline:none; }

li{ list-style-type:none; }

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:none; color:inherit; }

.grecaptcha-badge{ z-index:10; display:none; }
.font-marcellus{ font-family:'Marcellus', serif; }
.align-items-center{ align-items:center; display:flex; }

.transition-opacity{
    -webkit-transition:opacity ease-out .3s;
    -moz-transition:opacity ease-out .3s;
    -o-transition:opacity ease-out .3s;
        transition:opacity ease-out .3s;}

.line-vertical{ position:relative; }
.line-vertical::before,
.line-vertical::after{
    content:'';
        background-color:#e1d6c5;
        position:absolute;
        height:100%;
        width:1px;
        z-index:1;
        top:0;}
.line-vertical::before{ left:90px; }
.line-vertical::after{ right:90px; }

.title-section{ font-size:30px; letter-spacing:0.2px; color:#000000; margin:0 0 50px 0; }

.link-default{
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:145px auto;
    padding:0 0 15px 0;
    position:relative;
    display:block; 
    width:145px;}
.link-default:before{
    content:'';
        background-color:#d58300;
        position:absolute;
        width:145px;
        height:1px;
        bottom:0;}
.link-default:after{
    content:'';
        background-repeat:no-repeat;
        position:absolute;
        height:11px;
        bottom:-5px;
        right:-5px;
        width:9px;}
.link-default.gold{ color:#d58300; }
.link-default.gold:after{ background-image:url('../images/ico-arrow-next.svg'); }

.link-default.white{ color:#FFFFFF; }
.link-default.white:before{ background-color:#FFFFFF; }
.link-default.white:after{ background-image:url('../images/ico-arrow-next-white.svg'); }

.link-no-arrow.gold,
.link-no-arrow.white{ padding-bottom:0; }

.link-no-arrow.gold:before,
.link-no-arrow.gold:after,
.link-no-arrow.white:before,
.link-no-arrow.white:after{ content:none; }

.font-light{ font-weight:300; }
.font-extra-light{ font-weight:200; }

.load-more{ width:450px; text-align:center; margin:150px auto 0; color:#000000; }

.button-default{
    text-transform:uppercase;
    border:1px solid #d58300;
    letter-spacing:1px;
    line-height:50px;
    background:none;
    font-size:13px;
    width:200px;
    height:50px;}

.gutter-sizer{ width:75px; }

.grid-sizer,
.grid-item{ margin:0 0 125px 0; text-align:left; width:calc( 33.33% - 50px ); }

.grid-sizer{ margin:0; }
.grid-item a{ display:block; }
.grid-item h2{ line-height:25px; font-size:20px; color:#000000; margin-top:20px; }
.grid-item h4{ text-transform:uppercase; margin:20px 0 10px; letter-spacing:1px; font-size:10px; opacity:0.5; }
.grid-item img{ object-fit:cover; }

.grid-item-1 img,
.grid-item-6 img{ height:250px; }
.grid-item-2 img,
.grid-item-4 img{  height:550px; }
.grid-item-3 img{ height:350px; }
.grid-item-5 img{ height:450px; }

.nicescroll-rails{ right:5px !important; z-index:99999 !important; }
.nicescroll-cursors{ border:none !important; border-radius:3px !important; background-color:rgba(174, 147, 111, 0.5) !important; }

h4.subtitle-default{ margin-bottom:40px; font-weight:400; font-size:10px; }
h2.title-default{ margin:0 0 60px 0; line-height:50px; overflow:hidden; font-size:40px; height:105px; max-width:350px; }

a.logo{ display:block; }
a.logo img{ height:33px; width:auto; }

.description{ margin-bottom:50px; }
.description a{ color:#d58300; }

.gradient::before{
    content:'';
        background:rgba(0, 0, 0, 0);
        background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.81)));
        background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
            position:absolute;
            height:100%;
            width:100%;
            z-index:1;
            left:0;
            top:0;}

.justify-space-between{
    justify-content:space-between;
    align-items:center;
    display:flex;}

.button-border{
    border:1px solid rgb(174, 147, 111);
    background-color:transparent;
    text-transform:uppercase;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    display:block;
    width:180px;
    height:50px;}

.maximize{
    background-color:rgb(255, 255, 255, 0.5);
    justify-content:center;
    align-items:center;
    border-radius:100px;
    position:absolute;
    cursor:pointer;
    display:flex;
    opacity:0.5;
    height:30px;
    width:30px;
    left:30px;
    top:30px;}
.maximize img{ margin:0; height:12px; width:12px; }
.maximize-gold{
    background-image:url('../images/icon-maximize-gold.svg');
    background-repeat:no-repeat;
    background-size:30px;
    cursor:pointer;
    display:block;
    float:right;
    height:30px;
    width:30px;}

.next-prev{ display:flex; margin:0; }
.next-prev button.slick-disabled{ opacity:0.3; }
.next-prev button{
    -webkit-transition:opacity ease-out .3s;
    -moz-transition:opacity ease-out .3s;
    -o-transition:opacity ease-out .3s;
        transition:opacity ease-out .3s;
            margin-right:10px;
            background:none;
            cursor:pointer;
            display:block;
            color:#d58300;
            border:none;
            height:10px;
            padding:0;}
.next-prev button i{ position:relative; width:51px; }
.next-prev button i:before{
    content:'';
        background-color:#d58300;
        position:absolute;
        height:1px;
        width:50px;
        left:0;}
.next-prev button i:after{
    content:'';
        background-repeat:no-repeat;
        background-size:6px auto;
        position:absolute;
        height:11px;
        width:6px;
        top:-5px;}
.next-prev button span{ 
    display:inline-block;
    position:relative;
    font-size:13px;
    width:32px;}
.next-prev .prev span{ margin:0 0 0 10px; }
.next-prev .prev i:after{
    background-image:url('../images/ico-arrow-prev.svg');
    background-position:left center;
    left:0;}
.next-prev .next{ margin-right:0; }
.next-prev .next span{ margin:0 10px 0 0; }
.next-prev .next i:after{
    background-image:url('../images/ico-arrow-next.svg');
    background-position:right center;
    right:0;}

.next-prev-long button{ margin-right:15px; }
.next-prev-long button i{ position:relative; width:150px; }
.next-prev-long button i:before{ width:151px; }

.transition-opacity{
    -webkit-transition:opacity ease-out .3s;
    -moz-transition:opacity ease-out .3s;
    -o-transition:opacity ease-out .3s;
        transition:opacity ease-out .3s;}

.rounded-number{
    border:1px solid #d58300;
    letter-spacing:0.2px;
    border-radius:100px;
    text-align:center;
    line-height:39px;
    float:right;
    height:39px;
    width:39px;}

.open-new-tab{
    background-image:url('../images/open-new-tab.svg');
    background-position:right center;
    background-repeat:no-repeat;
    padding:0 20px 0 0;}
.open-new-tab:hover{ color:#d58300; }

.ico{
    background-position:left center;
    background-repeat:no-repeat;
    background-size:auto;}
.ico.ico-email{ background-image:url('../images/icon-mail.svg'); background-size:16px; }
.ico.ico-phone{ background-image:url('../images/icon-phone.svg'); background-size:13px; }
.ico.ico-fax-black{ background-image:url('../images/icon-fax-black.svg'); background-size:13px; }
.ico.ico-phone-black{ background-image:url('../images/icon-phone-black.svg'); background-size:13px; }
.ico.ico-email-black{ background-image:url('../images/icon-email-black.svg'); background-size:16px; }

.mm-navbar{ padding:0; }
.mm-searchfield input{ background-color:transparent; }
.mm-menu_offcanvas.mm-menu_opened{ z-index:999; }

/*
| -------------------------------------------------------------------------------------
| jQuery UI CSS
| -------------------------------------------------------------------------------------
*/
#ui-datepicker-div{ padding:0; width:252px; z-index:9999999 !important; }

.ui-datepicker{ font-family:'Marcellus', serif; font-size:14px; }
.ui-datepicker .ui-datepicker-header{    
    background-color:#7B7B7B;
    letter-spacing:0.2px;    
    padding:7px 0;
    color:#FFFFFF;
    border:0px;}
.ui-datepicker table{ margin:0; background-color:#FFFFFF; }
.ui-datepicker table td{ padding:0px; }
.ui-datepicker table td span,
.ui-datepicker table td a{ text-align:center; font-size:12px; }
.ui-datepicker th{ font-size:12px; padding:7px 0; width:25px; color:#7B7B7B; font-family:'Kanit', sans-serif; font-weight:400; }

.ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content .ui-state-default{ border:0px; color:#d58300; font-weight:400; }

.ui-widget.ui-widget-content{
    -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
        box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.10);
            border:0;}

.ui-state-default, 
.ui-widget-content .ui-state-default{
    background-color:inherit;
    line-height:25px;
    font-size:12px;
    margin:0 auto;
    padding:0px;
    height:25px;
    width:25px;}
.ui-state-active, 
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-hover{ background-color:#d58300; border-radius:50%; color:#FFFFFF }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    background-repeat:no-repeat;
    background-position:center;
    transform:translateY(-50%);
    background-size:9px 15px;
    border-radius:0;
    cursor:pointer;
    border:none; 
    top:50%;}
.ui-datepicker .ui-datepicker-prev{ background-image:url('../images/ico-arrow-prev-white.svg'); margin-left:10px; }
.ui-datepicker .ui-datepicker-next{ background-image:url('../images/ico-arrow-next-white.svg'); margin-right:10px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{ display:none; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{ background-color:transparent; }

.ui-datepicker-calendar tbody tr:last-child .ui-state-default{ margin-bottom:7px !important; }

.iti-flag{ border:1px solid #DDDDDD; }
.intl-tel-input .flag-container{ padding:0; }
.intl-tel-input{ border-bottom:1px solid rgb(174, 147, 111, 0.5); width:100%; }
.intl-tel-input.allow-dropdown input{ border:none; width:100%; padding:8px 6px 10px 52px; color:#7B7B7B; font-weight:300; }
.intl-tel-input.separate-dial-code .selected-flag{ background:transparent;  }

/*
| -------------------------------------------------------------------------------------
| Cookie Dialog
| -------------------------------------------------------------------------------------
*/
.cookiealert{ background:rgba(26, 25, 23, 0.95); padding:20px 60px 30px; color:#FFFFFF; }
.cookiealert p{ font-size:13px; line-height:20px; font-weight:300; max-width:1000px; margin:0 auto; }
.cookiealert a{ color:inherit; transition:all 0.2s ease-in-out; text-decoration:underline; font-size:13px; font-weight:300; }
.cookiealert a:hover{ color:#d58300; }
.cookiealert .acceptcookies{
    transition:all 0.2s ease-in-out;
    font-family:'Marcellus';
    margin-top:15px;
    background:none;
    font-size:15px;
    border:none;}
.cookiealert .acceptcookies:hover{ color:#d58300; }
.cookiealert .acceptcookies:active, 
.cookiealert .acceptcookies:focus, 
.cookiealert .acceptcookies:target, 
.cookiealert .acceptcookies:active:focus{ background:none; box-shadow:none; border:none; }
.cookiealert .close{ 
    background:rgb(123, 123, 123);
    border-radius:15px;
    position:absolute;
    font-size:inherit;
    text-shadow:none;
    height:30px;
    width:30px;
    right:20px;
    opacity:1;
    top:20px;}
.cookiealert .close span{ color:transparent; text-align:center; }
.cookiealert .close span img{ width:10px; height:10px; vertical-align:middle; }

/*
| -------------------------------------------------------------------------------------
| Popup Reserve CSS
| -------------------------------------------------------------------------------------
*/
.wrap-popup{
    overflow-y:scroll;
    position:fixed;
    display:none;
    z-index:100;
    width:100%;
    bottom:0;
    left:0;
    top:0;}
.wrap-popup h2{ margin:0 0 80px; font-size:30px; }
.wrap-popup .close{
    background-color:#7B7B7B;
    border-radius:100px;
    position:absolute;
    text-align:center;
    line-height:30px;
    cursor:pointer;
    font-size:14px;
    color:#FFFFFF;
    height:30px;
    width:30px;
    right:15px;
    opacity:1;
    top:15px;}
.wrap-popup .close img{ width:10px; height:10px; }
.wrap-popup .container-popup{
    background-color:#FFFFFF;
    padding:50px 50px 80px;
    position:relative;
    margin:100px auto;
    border-radius:5px;
    max-width:900px;}
.wrap-popup .container-popup form label{ width:100%; color:#000; }
.wrap-popup .container-popup form select{
    border:none;
    border-bottom:1px solid rgba(174, 147, 111, 0.5);
    background:transparent;
    padding:0 0 10px;
    margin:0 0 10px;
    width:100%;}
.wrap-popup .container-popup form .container-time{ display:block; border-bottom:1px solid rgba(174, 147, 111, 0.5); }
.wrap-popup .container-popup form .container-time select{ padding-right:20px; width:50%; }
.wrap-popup .container-popup form .textbox,
.wrap-popup .container-popup form textarea,
.wrap-popup .container-popup form .wrap-radio-button{ border:none; }
.wrap-popup .container-popup form .textbox,
.wrap-popup .container-popup form textarea{    
    border-bottom:1px solid rgba(174, 147, 111, 0.5);
    padding:0 0 10px;
    font-weight:300;
    font-size:15px;
    color:#7B7B7B;
    resize:none;
    width:100%;}
.wrap-popup .container-popup form .wrap-radio-button{
    border-bottom:1px solid rgba(174, 147, 111, 0.5);
    padding:0 0 10px;
    display:flex;}
.wrap-popup .container-popup form .textbox::-moz-placeholder,
.wrap-popup .container-popup form textarea::-moz-placeholder,
.wrap-popup .container-popup form .textbox::-webkit-input-placeholder,
.wrap-popup .container-popup form textarea::-webkit-input-placeholder{ opacity:1 !important; color:#7B7B7B; }

.wrap-popup .container-popup form .wrap-radio-button .radio{ margin-right:10px; }
.wrap-popup .container-popup form .wrap-radio-button span{ width:50%; display:inline-block; color:#7B7B7B; font-weight:300; }
.wrap-popup .container-popup form .captcha{ margin-top:50px; }
.wrap-popup .container-popup form .g-recaptcha{ margin:10px 0 30px; }

.wrap-popup .container-popup form button{
    border-bottom-right-radius:5px;
    background-color:#d58300;
    width:calc( 50% - 15px );
    justify-content:center;
    align-items:center;
    letter-spacing:1px;
    position:absolute;
    padding:30px 20px;
    font-size:13px;
    color:#FFFFFF;
    height:80px;
    border:none;
    bottom:0;
    right:0;}
.wrap-popup .container-popup form button span{ margin:0 5px; }
.wrap-popup .container-popup form button .loader{ display:none; }
.wrap-popup .container-popup form button .text{ display:inline-block; }
.wrap-popup .container-popup form button.loading .loader{ 
    background-image:url('../images/loader.svg'); 
    background-position:left center; 
    background-repeat:no-repeat;
    background-size:30px;
    display:inline-block;
    padding-left:40px;
    line-height:30px;
    height:30px;}
.wrap-popup .container-popup form button.loading .text{ display:none; }

.reserve-popup{ display:none; background:transparent; }
.reserve-popup .container-popup{ padding-bottom:120px; }
.reserve-popup .message-text p{ font-size:15px; font-weight:300; }
.reserve-popup h2{ margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid rgba(174, 147, 111, 0.1); }
.reserve-popup .container-popup form .error input,
.reserve-popup .container-popup form .error.intl-tel-input,
.reserve-popup .container-popup form .error .select2-container--default .select2-selection--single{ border-color:red; color:red; }
.reserve-popup .container-popup form .error .select2-container .select2-selection--single .select2-selection__rendered{ color:red; }

.reserve-popup .select2-container--open .select2-dropdown--below,
.reserve-popup .select2-container--open .select2-dropdown--above{ border:none; box-shadow:2px 5px 13px -10px rgba(0, 0, 0, 0.75); }
.reserve-popup .select2-container--default .select2-search--dropdown .select2-search__field{ padding:0 4px; border-color:#DDDDDD; }

.reserve-popup .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:0; line-height:41px; color:#7B7B7B; font-size:15px; font-weight:300; }
.reserve-popup .select2-container--default .select2-selection--single{ border:none; border-bottom:1px solid rgba(174, 147, 111, 0.5); height:41px; border-radius:0; }
.reserve-popup .select2-container--default .select2-selection--single .select2-selection__arrow{ height:41px; }
.reserve-popup .select2-container--default .select2-selection--single .select2-selection__arrow b{ 
    background-image:url('../images/arrow-bottom-booking.svg');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:10px;
        vertical-align:middle;
        display:inline-block;
        border:none;
        height:10px;
        width:10px;}
.reserve-popup .select2-results__option{ font-weight:300; }
.reserve-popup .select2-container--default .select2-results__option--highlighted[aria-selected]{ background:rgb(174, 147, 111); }

.spa-reserve-popup{ display:none; background:transparent; }
.spa-reserve-popup .container-popup form .error input,
.spa-reserve-popup .container-popup form .error.intl-tel-input,
.spa-reserve-popup .container-popup form .error .select2-container--default .select2-selection--single{ border-color:red; color:red; }
.spa-reserve-popup .container-popup form .error .select2-container .select2-selection--single .select2-selection__rendered{ color:red; }

.spa-reserve-popup .select2-container--open .select2-dropdown--below,
.spa-reserve-popup .select2-container--open .select2-dropdown--above{ border:none; box-shadow:2px 5px 13px -10px rgba(0, 0, 0, 0.75); }
.spa-reserve-popup .select2-container--default .select2-search--dropdown .select2-search__field{ padding:0 4px; border-color:#DDDDDD; }

.spa-reserve-popup .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:0; line-height:46px; color:#7B7B7B; font-size:15px; font-weight:300; }
.spa-reserve-popup .select2-container--default .select2-selection--single{ border:none; border-bottom:1px solid rgba(174, 147, 111, 0.5); height:46px; border-radius:0; }
.spa-reserve-popup .select2-container--default .select2-selection--single .select2-selection__arrow{ height:46px; }
.spa-reserve-popup .select2-container--default .select2-selection--single .select2-selection__arrow b{ 
    background-image:url('../images/arrow-bottom-booking.svg');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:10px;
        vertical-align:middle;
        display:inline-block;
        border:none;
        height:10px;
        width:10px;}
.spa-reserve-popup .select2-results__option{ font-weight:300; }
.spa-reserve-popup .select2-container--default .select2-results__option--highlighted[aria-selected]{ background:rgb(174, 147, 111); }
.spa-reserve-popup .container-time .select2-container--default .select2-selection--single{ border:none; }
.spa-reserve-popup .container-time .select2-container{ margin-right:15px; width:100% !important; }

.spa-reserve-popup .message-text p{ font-size:15px; font-weight:300; }
.spa-reserve-popup .row:first-child .col-lg-6:last-child h2{ padding-left:15px; }
.spa-reserve-popup h2{ margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid rgba(174, 147, 111, 0.1); }
.spa-reserve-popup .m-head{ display:none; }

/*
| -------------------------------------------------------------------------------------
| Popup Offers Image CSS
| -------------------------------------------------------------------------------------
*/
.popup-offers-image{ display:none; background:transparent; }
.popup-offers-image .container-popup{ max-width:500px; padding:0; }
.popup-offers-image .container-popup a{ display:block; }

/*
| -------------------------------------------------------------------------------------
| Popup Book Direct CSS
| -------------------------------------------------------------------------------------
*/
.book-direct-popup{ display:none; background:transparent; }
.book-direct-popup .container-popup{ max-width:500px; padding:30px; letter-spacing:0.2px; }
.book-direct-popup .container-popup h2{ 
    border-bottom:1px solid rgba(174, 147, 111, 0.1);
    font-family:'Marcellus';
    padding-bottom:30px;
    margin-bottom:20px;
    line-height:35px;
    font-size:30px;
    color:#d58300;}
.book-direct-popup .container-popup p{ font-weight:300; font-size:13px; line-height:20px; }
.book-direct-popup .container-popup ul{ margin:15px 0; padding:0; list-style:none; }
.book-direct-popup .container-popup ul li{
    background-image:url('../images/arrow-bullet-numbering.svg');
    background-position:left 5px;
    background-repeat:no-repeat;
    background-size:15px;
        margin-bottom:5px;
        padding-left:30px;
        line-height:20px;
        font-weight:300;
        font-size:13px;}

/*
| -------------------------------------------------------------------------------------
| Popup Booking CSS
| -------------------------------------------------------------------------------------
*/
.booking-section{ display:none; max-width:950px; margin:0 auto; }
.booking-section .container{ max-width:100%; }
.booking-section h2{ color:rgba(255, 255, 255, 0.4); font-family:'Marcellus'; font-size:50px; text-align:center; margin-bottom:50px; }
.booking-section fieldset{ padding:0 25px; }
.booking-section fieldset .form-group{ border-bottom:1px solid white; position:relative; width:100%; margin-bottom:50px; }
.booking-section fieldset input,
.booking-section fieldset p{
    background-color:inherit;
    font-family:'Marcellus';
    padding-bottom:20px;
    border-radius:0px;
    padding-top:17px;
    box-shadow:none;
    box-shadow:0px;
    font-size:25px;
    color:white;
    width:100%;
    border:0px;}
.booking-section fieldset p{ padding-top:17px; cursor:pointer; }
.booking-section fieldset img{
    transform:translateY(-70%) rotate(90deg);
    position:absolute;
    height:10px;
    bottom:25px;
    width:6px;
    right:0;}

.booking-section .sproperti-book{
    -webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);
        box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.15);
            transition:all 0.2s ease-in-out;
            visibility:hidden;
            position:absolute;
            margin-top:4px;
            width:100%;
            opacity:0;}
.booking-section .spb-actv{ visibility:visible; opacity:1; z-index:1; }
.booking-section .sprohead{
    background-color:#494643;
    letter-spacing:1px;
    text-align:center;
    font-weight:bold;
    padding:18px 0;
    font-size:15px;
    color:white;}
.booking-section .sproperti-book ul{ background-color:#625E59; }
.booking-section .sproperti-book ul li{
    font-size:12px bold;
    text-align:center;
    cursor:pointer;
    padding:15px 0;
    color:white;}
.booking-section .sproperti-book ul li:first-child{ padding-top:25px; }
.booking-section .sproperti-book ul li:last-child{ padding-bottom:25px; }

.booking-section .gb-lb{ color:rgba(255, 255, 255, 0.4); letter-spacing:1px; font-size:13px; }
.booking-section .cal-book-btn{
    background-position:center;
    transition:background .5s;
    text-transform:uppercase;
    background-color:#FFFFFF;
    letter-spacing:1px;
    text-align:center;
    line-height:20px;
    font-weight:400;
    font-size:16px;
    cursor:pointer;
    color:#d58300;
    display:block;
    margin:0 auto;
    padding:25px;
    border:none;
    width:400px;}
.booking-section .cal-book-btn:hover{
    background:radial-gradient(circle, transparent 1%, #d58300 1%) center/15000% #d58300;
    color:#FFFFFF;}
.booking-section .cal-book-btn span{ font-size:12px; font-weight:normal; }

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--iframe .fancybox-content .fancybox-iframe{ border-radius:5px; }

.fancybox-booking-popup .fancybox-bg{ background:#7B7B7B; opacity:1; }
.fancybox-booking-popup .fancybox-toolbar{ top:20px; right:40px; }
.fancybox-booking-popup .fancybox-button--close{ background:transparent; border-radius:50%; }

.fancybox-booking-popup .fancybox-button--close::after, 
.fancybox-booking-popup .fancybox-button--close::before{ height:1.55px; width:22px; left:calc(50% - 11px); }
.fancybox-booking-popup .fancybox-button--close:hover{ background:transparent; }
.fancybox-booking-popup .fancybox-content{ width:100%; height:100%; background-color:transparent; padding:0; }
.fancybox-booking-popup .fancybox-content .booking-section{ display:flex !important; flex-direction:column; justify-content:center; height:100%; }

.fancybox-spa-reserve,
.fancybox-form-reserve,
.fancybox-popup-offers-image,
.fancybox-book-direct-popup{ z-index:100; }

.fancybox-spa-reserve .fancybox-bg,
.fancybox-form-reserve .fancybox-bg,
.fancybox-popup-offers-image .fancybox-bg,
.fancybox-book-direct-popup .fancybox-bg{ background:rgba(0, 0, 0, 0.8); opacity:1; }

.fancybox-spa-reserve .fancybox-toolbar,
.fancybox-form-reserve .fancybox-toolbar,
.fancybox-popup-offers-image .fancybox-toolbar,
.fancybox-book-direct-popup .fancybox-toolbar{ display:none; }

.fancybox-spa-reserve .fancybox-button--close,
.fancybox-form-reserve .fancybox-button--close,
.fancybox-popup-offers-image .fancybox-button--close,
.fancybox-book-direct-popup .fancybox-button--close{ display:none; }

.fancybox-book-direct-popup .fancybox-content{ padding:0; }

.fancybox-spa-reserve .fancybox-content .booking-section,
.fancybox-form-reserve .fancybox-content .booking-section{ display:flex !important; flex-direction:column; justify-content:center; height:100%; }

/*
| -------------------------------------------------------------------------------------
| Popup Notif
| -------------------------------------------------------------------------------------
*/
.section-popup-notif{   
    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
        transition:all 0.3s ease-in;
            background:rgba(0, 0, 0, 0.5);
            justify-content:center;
            flex-direction:column;
            align-items:center;
            visibility:hidden;
            position:fixed;
            display:flex;
            z-index:999;
            opacity:0;
            bottom:0;
            right:0;
            left:0;
            top:0;}
.section-popup-notif .notif-slider{ width:700px; max-width:90%; }
.section-popup-notif .notif-slider img{ max-width:100%; width:auto; height:auto; position:relative; margin:0 auto; }
.section-popup-notif .close{ 
    color:rgba(255, 255, 255, 1);
    text-transform:uppercase;
    letter-spacing:1.5px;
    position:absolute;
    text-shadow:none;
    font-weight:400;
    font-size:12px;
    border:none;
    right:30px;
    top:30px;}
.section-popup-notif.showed{ opacity:1; visibility:visible; }

.alertbanner{ z-index:1000 !important; background:#d58300; padding:0 45px; position:fixed; z-index:100; width:100%; display:none; }
.alertbanner div{ height:40px; width:100%; display:flex; align-items:center; }
.alertbanner img{ float:left; margin-right:20px; width:24px !important; height:auto !important; }
.alertbanner a{ float:left; font-size:14px; color:rgba(255, 255, 255, 1); }
.alertbanner button{ position:absolute; right:50px; border:0; color:rgba(255, 255, 255, 1); background:none; }

/*
| -------------------------------------------------------------------------------------
| Navbar CSS
| -------------------------------------------------------------------------------------
*/
nav{
    -webkit-box-shadow:2px -4px 13px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px -4px 13px 0px rgba(0, 0, 0, 0.5);
        box-shadow:2px -4px 13px 0px rgba(0, 0, 0, 0.5);
            background-color:#FFFFFF;
            position:fixed;
            display:none;
            height:60px;
            z-index:50;
            right:0;
            left:0;
            top:0;}
nav .inner{ justify-content:flex-end; display:flex; padding-left:295px; }
nav a.logo{ padding:14px 30px; position:absolute; left:0; top:0; border-right:1px solid rgb(0, 0, 0, 0.05); z-index:1; }
nav ul{ align-items:center; display:flex; }
nav ul li{ display:inline-block; margin-right:60px; font-size:10px; text-align:center; }
nav ul li.festivities, ul li.festivities{ padding:0 !important; }
nav ul li:last-child{ margin-right:30px; }
nav ul li a{
    -moz-transition:color 0.3s ease;
    -ms-transition:color 0.3s ease;
    -webkit-transition:color 0.3s ease;
    -o-transition:color 0.3s ease;
        transition:color 0.3s ease;
        text-transform:uppercase;
        letter-spacing:1px;
        color:#000000;}
nav button{
    -moz-transition:width 0.3s ease;
    -ms-transition:width 0.3s ease;
    -webkit-transition:width 0.3s ease;
    -o-transition:width 0.3s ease;
        background-color:#d58300;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:13px;
        cursor:pointer;
        color:#FFFFFF;
        border:none;
        height:60px;
        padding:0;
        width:0;}
.m-menu{ display:none; }
.d-menu{ display:flex; }
.hide-header nav{ display:block; }
.page-all-corporate nav{ display:block; }
.nav-showed{ display:block; }
.nav-showed-btn button{ width:300px; }

/*
| -------------------------------------------------------------------------------------
| Header & Hero Slide CSS
| -------------------------------------------------------------------------------------
*/
header{ height:100vh; width:100%; min-height:600px; position:relative; overflow:hidden; }
header .hero-slide{
    position:absolute;
    overflow:hidden;
    width:100%;
    z-index:1;
    bottom:0;
    left:0;
    top:0;}
header .hero-slide figure{ width:100%; height:100vh; min-height:600px; position:relative; }
header .hero-slide figure img{ object-fit:cover; cursor:-webkit-grab; cursor:grab; width:100%; height:100%; }
header .hero-slide figure a{ display:none; }
header .hero-slide::before{
    content:'';
        background:rgba(0, 0, 0, 1);
        background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
        background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        background:-o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
        background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            position:absolute;
            height:390px;
            top:-100px;
            width:100%;
            z-index:1;}
header .hero-slide::after{
    content:'';
        background:rgba(0, 0, 0, 1);
        background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
        background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            position:absolute;
            height:490px;
            bottom:0px;
            width:100%;
            z-index:1;}

header .container-header{ width:100%; max-width:1400px; margin:0 auto; z-index:2; }
header .container{ z-index:20; position:relative; }
header .wrap-menu .container-header{ height:100%; }
header .wrap-menu ul{ margin:0 auto; text-align:center; }
header .wrap-menu ul li{ display:inline-block; }
header .wrap-menu ul li a{ text-transform:uppercase; letter-spacing:1px; font-size:12px; padding:0 25px; color:#FFFFFF; }
header .wrap-list-destination{
    letter-spacing:0.2px;
    position:absolute;
    text-align:center;
    color:#FFFFFF;
    margin:0 auto;
    bottom:140px;
    z-index:2;
    right:0;
    left:0;}
header .wrap-list-destination h2{ font-size:30px; margin-bottom:5px; }
header .wrap-form-booking{
    background-color:#FFFFFF;
    position:absolute;
    bottom:20px;
    height:80px;
    z-index:2;
    right:0;
    left:0;}
header .wrap-form-booking .wrap-logo{
    border-right:1px solid rgb(0, 0, 0, 0.05);
    position:relative;
    height:100%;
    margin:0;}
header .area-dest-detail a{ display:inline-block; opacity:1; }
header .area-dest-detail a:hover{ color:#FFFFFF; }
header .area-dest-detail a.blur{ opacity:0.35; }

header .wrap-form-booking .form-group label{ position:relative; margin:0 30px; }
header .wrap-form-booking .form-select:nth-child(2){ padding-left:40px; }

.page-all header{ padding:0px 0 0; }
.page-all header .hero-slide{ height:calc(100vh - 80px); position:relative; }
.page-all header .hero-slide figure{ height:100%; }
.page-all header .wrap-logo{ position:absolute; top:0; width:100%; left:0; }
.page-all header .wrap-logo .container{ padding-top:30px; }

.page-all a.why-book-direct{ 
    -moz-transition:opacity 0.3s ease-in;
    -ms-transition:opacity 0.3s ease-in;
    -webkit-transition:opacity 0.3s ease-in;
    -o-transition:opacity 0.3s ease-in;
        transition:opacity 0.3s ease-in;
            letter-spacing:1px; 
            margin:20px 0 0 0; 
            font-size:13px; 
            color:#FFFFFF; 
            float:right;}
.page-all a.logo-dest{ display:inline-block; width:auto; position:absolute; top:0; padding:25px 15px; left:0; }
.page-all a.logo-dest img{ height:90px; width:auto; }
.page-all header .wrap-menu{
    position:absolute;
    margin:0 auto;
    bottom:130px;
    right:0;
    left:0;}
.page-all header .wrap-menu ul{ text-align:left; display:flex; align-content:space-between; }
.page-all header .wrap-menu ul li{ padding-right:50px; }
.page-all header .wrap-menu ul li:last-child{ padding-right:0; }
.page-all header .wrap-menu ul li a{ padding:0; margin:0; }
.page-all header .wrap-menu ul li:last-child a{ margin-right:0; }
.page-all header .wrap-menu ul li.dropdown a{
    background-image:url('../images/arrow-be-in-touch.svg');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:10px;
    padding:0 30px 0 0;}
.page-all header .hero-slide::before{ content:none; }
.page-all header .hero-slide::after{ background:rgba(0, 0, 0, 0.5); height:100%; top:0; }
.page-all header .wrap-form-booking{ max-width:100%; position:unset; padding:0 15px; bottom:0; }
.page-all header .wrap-form-booking form{ max-width:100%; margin:0 auto; padding:0 400px 0 calc( ( 100vw - 1380px ) / 2 ); }
.page-all header .wrap-form-booking .form-group{ width:25%; }
.page-all header .wrap-form-booking .form-group label{ margin:0; width:90%; }
.page-all header .wrap-form-booking .form-select:nth-child(2){ padding-left:0; }
.page-all header .wrap-form-booking .form-button{ position:absolute; max-width:400px; height:80px; right:0; }
.page-all header .wrap-title-page{ position:absolute; color:#FFFFFF; width:100%; z-index:5; top:45%; }
.page-all header .wrap-title-page h1{ line-height:55px; font-size:50px; }

.page-all nav a.logo{ height:60px; width:250px; padding:0 30px; display:flex; align-items:center; }
.page-all nav a.logo img{ height:auto; width:100%; }
.page-all nav .inner{ padding-left:275px; }

.page-all-corporate header{ 
    background-color:#EDE7DA;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding-top:60px;
    min-height:0;
    height:400px;
    display:flex;}
.page-all-corporate header h1{ font-size:50px; margin:0 0 25px 0; }
.page-all-corporate header .description{ max-width:500px; margin:0 auto; }
.page-all-corporate #section-whats-up{ display:none; }

.page-with-header-image header{ padding-top:60px; height:600px; position:relative; min-height:600px; }
.page-with-header-image img{ width:100%; height:100%; object-fit:cover; }
.page-with-header-image .header-title{
    position:absolute;
    text-align:center;
    bottom:100px;
    right:0;
    left:0;}
.page-with-header-image .header-title h1{ margin-bottom:20px; color:#FFFFFF; }
.page-with-header-image .description p{ font-family:'Marcellus', serif; color:#FFFFFF; }

.home-corporate header .wrap-menu{ border-bottom:1px solid rgb(255, 255, 255, 0.1); position:relative; height:55px; z-index:2; }

.home-destination header .wrap-title-page h1{ width:300px; }

.page-no-booking-wrap header .hero-slide{ height:100vh; }
.page-no-booking-wrap header .wrap-form-booking{ display:none; }
.page-no-booking-wrap header .wrap-menu{ bottom:80px; }

.hide-header header{ display:none; }
.book-direct-hidden a.why-book-direct{ opacity:0; }
.book-direct-showed a.why-book-direct{ 
    background-color:rgba(0 , 0, 0, 0.47);
    letter-spacing:0.1px;
    text-align:center;
    line-height:44px;
    font-size:13px;
    position:fixed;
    bottom:40px;
    width:195px;
    height:44px;
    z-index:49;
    opacity:1;
    right:0;}

/*
| -------------------------------------------------------------------------------------
| Form CSS
| -------------------------------------------------------------------------------------
*/
form.form-default{ height:100%; display:flex; flex-wrap:nowrap; }
form.form-default .form-group{ margin:0; width:100%; height:100%; }
form.form-default .form-select{ padding:0; }
form.form-default .form-select label{ width:150px; }
form.form-default .form-select:nth-child(2){ width:320px; padding-left:65px; }
form.form-default .form-select span{ display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
form.form-default .form-select span.value,
form.form-default .form-select input{
    background-image:url('../images/arrow-bottom-booking.svg');
    background-position:right center;
    background-repeat:no-repeat;
    background-size:10px;
        text-transform:unset;
        letter-spacing:0.2px;
        padding:0 15px 0 0;
        font-size:15px;
        color:#d58300;}
form.form-default .form-select span.value.properties{ min-width:150px; font-size:15px; color:#d58300; }
form.form-default .form-select input{ border:none; }
form.form-default .form-select input::-webkit-input-placeholder{ font-size:15px; color:#d58300; }
form.form-default .form-select input::-moz-placeholder{ font-size:15px; color:#d58300; }
form.form-default .form-button button{
    text-transform:uppercase;
    background-color:#d58300;
    letter-spacing:1px;
    font-size:13px;
    color:#FFFFFF;
    height:100%;
    border:none;
    width:100%;}
form.form-default .wrap-logo a.logo{ padding:0 30px; width:240px; }

form.form-default .container-pop-booking-hero{
    font-family:'Nunito Sans', sans-serif;
    width:calc(100% + 60px);
    background-color:#fff;
    position:absolute;
    max-width:none;
    display:none;
    z-index:3001;
    bottom:40px;
    left:-30px;
    padding:0;}
form.form-default .container-pop-booking-hero.active{ display:block; }
form.form-default .container-pop-booking-hero ul li{
    border-bottom:1px solid #f4f0eb;
    padding:0 0 10px;
    margin:0 0 10px;
    cursor:pointer;}
form.form-default .container-pop-booking-hero ul li:last-child{ border-bottom:0; padding:0; margin:0; }
form.form-default .container-pop-booking-hero h2{
    background-color:#7B7B7B;
    text-align:center;
    line-height:45px;
    font-size:15px;
    color:#FFFFFF;
    height:45px;}
form.form-default .container-pop-booking-hero .wrap-pop-booking-hero{
    -webkit-box-shadow:2px 5px 13px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:2px 5px 13px -7px rgba(0, 0, 0, 0.75);
        box-shadow:2px 5px 13px -7px rgba(0, 0, 0, 0.75);
            padding:15px 20px 10px;
            text-align:center;}

form.form-default .form-select .wrap-pop-booking-hero .enter-code{
    border-bottom:1px solid #f4f0eb;
    background-image:none;
    text-transform:unset;
    margin-bottom:5px;
    text-align:center;
    letter-spacing:0;
    color:#1A1917;
    opacity:0.5;
    width:100%;
    padding:0;}
form.form-default .form-select .wrap-pop-booking-hero .enter-code::-webkit-input-placeholder,
form.form-default .form-select .wrap-pop-booking-hero .enter-code::-moz-placeholder{ color:#1A1917; }

form.form-default .form-select .wrap-form-plus-minus span.txt{
    text-align:center;
    margin-bottom:5px;
    font-size:10px;
    color:#7B7B7B;
    opacity:0.5;}
form.form-default .form-select .wrap-form-plus-minus .fpm{ margin:0 0 20px; }
form.form-default .form-select .wrap-form-plus-minus .children{ margin:0 0 10px; }
form.form-default .form-select .wrap-plus-minus{
    border-bottom:1px solid #f4f0eb;
    justify-content:space-between;
    padding:0 15px 10px;
    margin:0 auto;
    display:flex;
    width:100%;}
form.form-default .form-select .wrap-plus-minus span{
    display:inline-block;
    text-align:center;
    font-size:15px;
    color:#d58300;
    width:50px;}
form.form-default .form-select .wrap-plus-minus button.plus{ background-image:url('../images/icon-plus.svg'); }
form.form-default .form-select .wrap-plus-minus button.minus{ background-image:url('../images/icon-minus.svg'); }
form.form-default .form-select .wrap-plus-minus button,
form.form-default .form-select button.confirm,
form.form-default .form-select button.apply-code{
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px;
    margin:3px 0 0 0;
    cursor:pointer;
    height:20px;
    border:none;
    width:20px;}
form.form-default .form-select button.confirm,
form.form-default .form-select button.apply-code{ width:auto; height:auto; margin:0 auto; font-size:13px; }

span.value{ cursor:pointer; }
input.value{ width:80%; cursor:pointer; }

.page-all .container{ max-width:1365px; }
.page-all .title-page-full{ width:100%; }
.page-all .title-page{ max-width:350px; padding-left:15px; }

.page-all section .container-content{ max-width:1400px; margin:0 auto; }
.page-all .container-discover{ width:100%; }

.page-404-corporate a.logo-dest img{ height:auto; width:204px; }

a.discover{
    width:145px;
    background-repeat:no-repeat;
    background-size:10px 5px;
    background-position:right center;
    background-image:url('../images/arrow-discover.svg');
    padding:0 30px 0 0;
    float:right;
}

.container-list-default-slide{
    width:calc(100% + 30px);
    margin-left:-15px;
}

.container-list-default-slide article{
    padding:0 15px;
}

#wrap-list-default{
    padding:100px 0 0;
    background-color:#FFFFFF;
    position:relative;
    z-index:3;
}

.festivities{ padding:80px 0 !important; }
.festivities .item{ display:block; height:500px; position:relative; }
.festivities .item img{ object-fit:cover; width:100%; height:100%; }
.festivities .item h4{ text-transform:uppercase; margin:20px 0 10px; letter-spacing:1px; font-size:10px; opacity:0.5; }
.festivities .item h2{ line-height:25px; font-size:20px; margin-bottom:15px; }
.festivities .item .overlay{ 
    background:linear-gradient(transparent, transparent 1%, black);
    color:rgba( 255, 255, 255, 1 );
    position:absolute;
    padding:30px;
    bottom:0;
    right:0;
    left:0;}
.festivities .container{ max-width:1000px; }
.festivities article{ line-height:1.68; font-size:15px; color:#3C3C3C; padding-bottom:50px; }
.festivities article .line{ height:50px; width:1px; background:#d58300; margin:30px auto; display:block; }
.festivities article h5{ text-align:center; color:#7B7B7B; font-size:10px; letter-spacing:0.2px; font-family:'Marcellus', serif; }
.festivities article h1{
    font-family:'Marcellus', serif;
    letter-spacing:1px;
    margin:30px 0 10px;
    text-align:center;
    line-height:50px;
    font-size:50px;
    color:#d58300;}
.festivities article small{ 
    border-bottom:1px solid rgba(174, 147, 111, 0.1);
    padding-bottom:50px;
    margin-bottom:30px;
    letter-spacing:1px;
    text-align:center;
    font-size:10px;
    display:block;}
.festivities article .desc{ max-width:800px; margin:0 auto; }
.festivities article .desc p{ margin-bottom:15px; font-weight:300; }

.page-corporate .festivities,
.wrap-page-list .festivities{ padding-bottom:0 !important; }

.awards #wrap-list-default{ padding-bottom:70px; }

.thankyou #wrap-list-default{
    padding:50px 0 80px;
}

.thankyou .message-detail{
    text-align:center;
    width:500px;
    margin:0 auto;
}

.thankyou .button-default{
    width:250px;
    height:50px;
    display:block;
    margin:50px auto 0;
    line-height:50px;
    color:#d58300;
}

#wrap-list-default.wrap-page-static{
    padding-bottom:80px;
}

#wrap-list-default.wrap-page-static p{
    margin-bottom:15px;
    font-weight:300;
    font-size:15px;
    line-height:1.68;
}

#wrap-list-default.wrap-page-static strong{ font-weight:400; }
#wrap-list-default.wrap-page-static .container{ max-width:800px; padding:0; }
#wrap-list-default.wrap-page-static .container iframe{ max-width:100%; }

.header-custom-post{ padding:190px 0 75px; position:relative; z-index:3; }
.header-custom-post .description{ max-width:500px; text-align:center; margin:0 auto; }
.header-custom-post h1{ max-width:800px; height:auto; text-align:center; font-size:50px; margin:0 auto 25px; }

.wrap-page-static h1,
.wrap-page-static h2,
.wrap-page-static h3,
.wrap-page-static h4,
.wrap-page-static h5,
.wrap-page-static h6{
    font-family:'Marcellus', serif;
}

/*
| -------------------------------------------------------------------------------------
| Footer CSS
| -------------------------------------------------------------------------------------
*/
footer{ margin:0px 0 0; }
footer .wrap-newsletter{
    background-image:url('../images/footer-newsletter-bg.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
    padding:93px 0;
    color:#FFFFFF;}
footer .wrap-newsletter::after{
    content:'';
        background:rgba(0, 0, 0, 0);
        background:-moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
        background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
        background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
        background:-o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
        background:-ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
        background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%);
        position:absolute;
            height:100%;
            width:100%;
            right:0;
            top:0;}
footer .wrap-newsletter h2{ font-size:30px; margin:0 0 30px 0; }
footer .wrap-newsletter p{ max-width:450px; }
footer .wrap-newsletter form{ max-width:500px; display:flex; margin:55px 0 0; height:50px; padding:0; }
footer .wrap-newsletter form input{
    background-color:rgba(174, 147, 111, 0.2);
    border:1px solid #d58300;
    letter-spacing:1px;
    padding-bottom:5px;
    text-align:center;
    color:#FFFFFF;
    width:300px;
    height:50px;}
footer .wrap-newsletter form input::-webkit-input-placeholder{ color:#FFFFFF; font-size:10px; }
footer .wrap-newsletter form input::-moz-placeholder{ color:#FFFFFF; font-size:10px; }
footer .wrap-newsletter form button{
    background-color:#d58300;
    border:1px solid #d58300;
    font-size:15px;
    color:#FFFFFF;
    width:200px;
    height:50px;}

footer .wrap-footer-menu{ background-color:#FCFBF9; padding:80px 0; letter-spacing:0.2px; }
footer .wrap-footer-menu hr{
    margin:80px 0 30px -50px;
    width:calc(100% + 100px);
    background-color:#d58300;
    border:none;
    opacity:0.1;
    height:1px;}
footer .wrap-footer-menu h2{ font-size:30px; color:#000000; margin-bottom:40px; }
footer .wrap-footer-menu h4{ font-size:15px; margin:0 0 35px 0; color:#000000; line-height:1.68; }
footer .wrap-footer-menu ul li{ display:inline-block; margin:0 30px 0 0; }
footer .wrap-footer-menu ul li.festivities{ padding:0 !important; }
footer .wrap-footer-menu ul li a{
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
            letter-spacing:0.2px;
            font-size:15px;
            color:#d58300;}
footer .wrap-footer-menu ul li a:hover{ opacity:0.7; }
footer .wrap-footer-menu .list-contact ul li a{ padding:0 0 0 20px; }
footer .wrap-footer-menu .discover ul li a{ text-transform:uppercase; }

footer .container-footer{ max-width:1400px; margin:0 auto; padding:0 15px; position:relative; z-index:2; }

footer .wrap-footer-copyright{ background-color:#7B7B7B; padding:40px 0 30px; }
footer .wrap-footer-copyright a.logo{ margin:0; display:inline-block; }
footer .wrap-footer-copyright a.logo img{ height:33px; width:auto; }

footer .wrap-footer-copyright .wrap-logo-dest,
footer .wrap-footer-copyright ul.list-logo-dest{ display:flex; }
footer .wrap-footer-copyright ul.list-logo-dest li{ display:inline-block; margin:0 0 0 30px; }
footer .wrap-footer-copyright ul.list-logo-dest li a{ height:50px; display:block; }
footer .wrap-footer-copyright ul.list-logo-dest li a img{ width:auto; }

footer .wrap-footer-copyright .list-link-static ul li{ display:inline-block; padding:0 25px 0 0; position:relative; }
footer .wrap-footer-copyright .list-link-static ul li a{
    text-decoration:underline;
    letter-spacing:0.2px;
    font-weight:300;
    font-size:13px;
    color:#FFFFFF;}
footer .wrap-footer-copyright .list-link-static ul li:first-child::after{
    content:'/';
        margin:-2px 6px 0 0;
        position:absolute;
        font-size:18px;
        color:#FFFFFF;
        opacity:0.4;
        right:0;}
footer .wrap-footer-copyright p{ font-size:13px; color:#FFFFFF; opacity:0.4; float:right; }
footer .wrap-footer-copyright .container-list-link{ width:100%; }

footer.footer-destination .wrap-footer-menu{ background-color:#FFFFFF; }
footer.footer-destination .discover ul::after{ content:''; clear:both; }
footer.footer-destination .discover ul li{ margin:0 0 10px; width:33.33%; float:left; }

footer .wrap-social-media{ border-top:1px solid #f4f0eb; padding:35px 0 0; margin-top:30px !important; }
footer .wrap-social-media h3{ font-size:15px; color:#000000; }
footer .wrap-social-media a.book-direct{
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
            font-size:13px;
            width:33.33%;}
footer .wrap-social-media a.book-direct:hover{ color:#d58300; opacity:0.7; }
footer .wrap-social-media .col-lg-6{ justify-content:space-between; display:flex; }

.page-all footer .container-footer{ max-width:1400px; }

.contact-us h2.title-default{ width:100%; max-width:300px; }
.gallery h2.title-default{ height:auto; margin:0; padding-left:185px; }

#about-santrian{ background-color:#EDE7DA; padding:56px 0; }
#about-santrian .container{ max-width:1400px; width:100%; padding:0 50px; }
#about-santrian .container > .row{ height:100%; background-color:#FFFFFF; }
#about-santrian .container > .row > div img{ object-fit:cover; }
#about-santrian article{ padding:80px; }
#about-santrian article h2{ margin:0 0 30px; }
#about-santrian article h3{ font-family:'Marcellus', serif; margin:0 0 13px; font-size:15px; }
#about-santrian article p{ font-weight:300; }
#about-santrian article .link-default{ margin:50px 0 0; }

#royal-tour{ letter-spacing:0.2px; padding:100px 0 0; }
#royal-tour .container{ max-width:1400px; padding:0 70px; }
#royal-tour .container > .row{ height:100%; }
#royal-tour h2{ margin:0 0 30px; height:auto; }
#royal-tour .video{
    background-color:#EDE7DA;
    text-align:center;
    position:relative;
    margin-top:70px;
    height:700px;
    width:100%;}
#royal-tour .video h3{
    margin:230px auto 38px;
    position:relative;
    line-height:40px;
    max-width:500px;
    font-size:40px;
    color:#FFFFFF;
    z-index:1;}
#royal-tour .video img{ position:relative; height:35px; width:35px; }
#royal-tour .video span{ position:relative; margin-left:10px; }
#royal-tour .video a{
    -webkit-transition:opacity 800ms, height 0s;
    -moz-transition:opacity 800ms, height 0s;
        transition:opacity 800ms, height 0s;
            -webkit-transition-delay:0s, 0s;
            -moz-transition-delay:0s, 0s;
                transition-delay:0s, 0s;
                    position:absolute;
                        background-repeat:no-repeat;
                        background-position:50% 50%;
                        background-size:100% 100%;
                        background-size:cover;
                        overflow:hidden;
                        cursor:pointer;
                        color:#FFFFFF;
                        outline:none;
                        height:100%;
                        width:100%;
                        padding:0;
                        opacity:1;
                        margin:0;
                        border:0;
                        right:0;
                        left:0;
                        top:0;}
#royal-tour .video a:before{
    content:'';
        background: rgba(0,0,0,0.6);
        background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
            position:absolute;
            bottom:0;
            right:0;
            left:0;
            top:0;}
#royal-tour h4{ margin:0 0 20px; font-size:15px; }
#royal-tour .desc{ line-height:25px; font-weight:300; overflow:hidden; }
#royal-tour .desc p{ margin-bottom:20px; }
#royal-tour .desc a{ color:#d58300; }
#royal-tour .add-desc{ padding:0 88px; }
#royal-tour .add-desc p{ margin-bottom:15px; font-weight:300; }
#royal-tour .add-desc b{ font-weight:400; color:#000000; }

#what-they-say{ background-color:#EDE7DA; padding:70px 0; }
#what-they-say .container{ max-width:1400px; }
#what-they-say .container .inner{ background-color:#FFFFFF; padding:55px; }
#what-they-say .wrap-title-section{ margin-bottom:50px; }
#what-they-say h2{ margin-bottom:0; line-height:40px; height:auto; }
#what-they-say img{ height:360px; object-fit:cover; margin:0 0 35px; }
#what-they-say h3{ max-width:425px; color:#000; margin:0 0 18px; font-size:30px; line-height:30px; }
#what-they-say button{ background-color:transparent; border:none; }
#what-they-say .next-prev{ float:right; }

#whatsup{ padding:100px 0; }
#whatsup .view-all{
    border-bottom:1px solid #d58300;
    padding:0 0 10px 0;
    display:block;
    margin:0 auto;
    width:200px;}
#whatsup .container-news{ text-align:center; margin:0 auto; }
#whatsup .container-news .title-default{ width:auto; margin-bottom:25px; height:auto; max-width:100%; }
#whatsup .container-news .next-prev{ margin:30px auto 50px; width:200px; text-align:center; }
#whatsup .container-news .desc-news{ max-width:500px; margin:0 auto 100px; }
#whatsup .container-news .grid{ height:600px; }
#whatsup .container-news .grid-item{ margin:0 5px; width:calc( 100vw - 200px ); height:600px; }
#whatsup .container-news .grid-item .row{ margin:0; background:#EDE7DA; }
#whatsup .container-news .grid-item figure{ height:600px; }
#whatsup .container-news .grid-item figure img{ width:100%; height:100%; object-fit:cover; }
#whatsup .container-news .grid-item article{ padding:80px; height:600px; }
#whatsup .container-news .grid-item article h2{ margin:0 0 30px; color:#d58300; font-size:2rem; line-height:1.2; }
#whatsup .container-news .grid-item article p{ font-weight:300; }
#whatsup .container-news .grid-item article .link-default{ margin:50px 0 0; }

/*#whatsup .container-news .grid-item .row .col-lg-7{ order:1; }
#whatsup .container-news .slick-current .row .col-lg-7,
#whatsup .container-news .slick-current + .grid-item .row .col-lg-7{ order:0; }*/

#whatsup .container-news .grid-item article .hours,
#whatsup .container-news .grid-item article .date{ 
    background-position:left 3px;
    background-repeat:no-repeat;
    background-size:15px auto;
    padding-left:25px;}
#whatsup .container-news .grid-item article .hours{ background-image:url('../images/ico-hour.svg'); }
#whatsup .container-news .grid-item article .date{ background-image:url('../images/ico-hour.svg'); }
#whatsup .container-news .grid-item article .hours span,
#whatsup .container-news .grid-item article .date span{ color:#000000; }
#whatsup .container-news .grid-item article .hours p,
#whatsup .container-news .grid-item article .date p{ color:#3C3C3C; font-weight:300; margin:0; }
#whatsup .container-news .grid-item article .desc{ margin-bottom:50px; line-height:24px; height:144px; overflow:hidden; }

#page-list-corporate-default{ padding:100px 0 150px; }
#page-list-corporate-default ul.filter-corporate-default{
    border-bottom:1px solid #f4f0eb;
    margin:0 auto 137.5px;
    text-align:center;
    padding:0 0 30px;
    max-width:1300px;}
#page-list-corporate-default ul.filter-corporate-default li{ display:inline-block; margin:0 35px; }
#page-list-corporate-default ul.filter-corporate-default li a{ color:#000000; letter-spacing:0.25px; }
#page-list-corporate-default ul.filter-corporate-default li a.active{ color:#d58300; text-decoration:underline; }

#page-list-corporate-default .container{ max-width:1200px; }
#page-list-corporate-default .container > .row{ margin:0 0 100px; }
#page-list-corporate-default .container > .row:last-child{ margin-bottom:0; }
#page-list-corporate-default .container img{ height:450px; object-fit:cover; }
#page-list-corporate-default .container article{ padding:50px 35px; }
#page-list-corporate-default .container article h2{
    margin-bottom:20px;
    min-height:130px;
    max-height:130px;
    overflow:hidden;
    font-size:50px;}
#page-list-corporate-default .container article p{ font-weight:300; color:#3C3C3C; }
#page-list-corporate-default .container article h3{ margin:0 0 40px; font-size:24px; color:#000000; }
#page-list-corporate-default .container article .learn-button{ justify-content:space-between; align-items:center; display:flex; }
#page-list-corporate-default .container article .learn-button a{ height:35px; }

.what-they-say-corporate #page-list-corporate-default .container article .learn-button a{ height:auto; }

#page-affiliates-list{ padding:100px 0 150px; }
#page-affiliates-list .container{ max-width:1200px; }
#page-affiliates-list article{ border:1px solid #f4f0eb; padding:60px 35px 50px; text-align:center; height:100%; }
#page-affiliates-list article .description{ width:490px; margin:0 auto 74px; }
#page-affiliates-list article img{ margin:0 0 50px; height:200px; width:auto; }
#page-affiliates-list article h2{ margin:0 0 30px; font-size:50px; }
#page-affiliates-list article h2 a{ width:70%; }
#page-affiliates-list article a{ border-bottom:1px solid #d58300; padding-bottom:10.5px; display:block; margin:0 auto; width:200px; }

#page-static-content{ padding:100px 0 150px; }
#page-static-content .container{ max-width:800px; }
#page-static-content article{ line-height:1.68; font-size:15px; color:#3C3C3C; }
#page-static-content article p{ margin-bottom:15px; font-weight:300; }

#whats-up-content{ padding:130px 0 150px; }
#whats-up-content .container{ max-width:1000px; }
#whats-up-content article{ line-height:1.68; font-size:15px; color:#3C3C3C; }
#whats-up-content article h5{ text-align:center; color:#7B7B7B; font-size:10px; letter-spacing:0.2px; font-family:'Marcellus', serif; }
#whats-up-content article h1{
    font-family:'Marcellus', serif;
    letter-spacing:1px;
    margin:30px 0 10px;
    text-align:center;
    line-height:50px;
    font-size:50px;
    color:#d58300;}
#whats-up-content article h1:after{ content:''; height:50px; width:1px; background:#d58300; margin:30px auto; display:block; }
#whats-up-content article small{ 
    border-bottom:1px solid rgba(174, 147, 111, 0.1);
    padding-bottom:50px;
    margin-bottom:30px;
    letter-spacing:1px;
    text-align:center;
    font-size:10px;
    display:block;}
#whats-up-content article figure{ max-width:900px; margin:0 auto 50px; display:block; }
#whats-up-content article figure img{ width:100%; }
#whats-up-content article .desc{ max-width:800px; margin:0 auto; }
#whats-up-content article .desc p{ margin-bottom:15px; font-weight:300; }

#whats-up-content.whats-up-block{ padding-bottom:0; padding-top:80px; }
#whats-up-content.whats-up-block .section-reserve-wrap{ margin-top:50px; }
#whats-up-content.whats-up-block article .line{ height:50px; width:1px; background:#d58300; margin:30px auto; display:block; }
#whats-up-content.whats-up-block article h5{ text-align:center; color:#7B7B7B; font-size:10px; letter-spacing:0.2px; font-family:'Marcellus', serif; }

/*
| -------------------------------------------------------------------------------------
| Page 404 CSS
| -------------------------------------------------------------------------------------
*/
.page-404 .wrap-logo{ position:relative; z-index:1; }
.page-404 .wrap-logo .container{ position:relative; }
.page-404 .wrap-logo .container .logo-dest{ left:15px; background:transparent; }

.page-404-content{ height:100vh; background:#000000; position:relative; }
.page-404-content:after{
    content:'';
        background: rgba(0,0,0,0.6);
        background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
            position:absolute;
            bottom:0;
            right:0;
            left:0;
            top:0;}
.page-404-content .bg{ position:absolute; bottom:0; margin:0; right:0; left:0; top:0; }
.page-404-content .bg img{ object-fit:cover; height:100%; width:100%; }
.page-404-content .inner{ display:table; height:100%; width:100%; }
.page-404-content .inner .boxs{ vertical-align:middle; display:table-cell; }
.page-404-content .inner .boxs article{ position:relative; line-height:1.68; color:#FFFFFF; z-index:2; }
.page-404-content .inner .boxs article h1{ line-height:55px; max-width:550px; font-size:50px; margin:0; }
.page-404-content .inner .boxs article p{ margin-top:20px; font-weight:300; }
.page-404-content .inner .boxs article small{ text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; font-size:10px; display:block; }
.page-404-content .inner .boxs article small i{ font-style:normal; }
.page-404-content .inner .boxs article a{
    text-transform:uppercase;
    letter-spacing:1px;
    background:#d58300;
    text-align:center;
    line-height:80px;
    margin-top:50px;
    font-size:13px;
    display:block;
    height:80px;
    width:300px;}
.page-404-content .inner .boxs article a:hover{ color:inherit; }
.page-404-content .bottom{ position:absolute; bottom:50px; right:0; left:0; }
.page-404-content .bottom .container{ position:relative; z-index:1; }
.page-404-content .bottom ul{ float:left; }
.page-404-content .bottom ul li{ display:inline-block; }
.page-404-content .bottom ul li:after{
    content:'/';
        color:rgba(255, 255, 255, 0.5);
        display:inline-block;
        text-align:center;
        width:20px;}
.page-404-content .bottom ul li:last-child:after{ content:none; }
.page-404-content .bottom ul li a{ text-decoration:underline; font-size:13px; color:#FFFFFF; }
.page-404-content .bottom ul li a:hover{ color:rgba(255, 255, 255, 0.5); }
.page-404-content .bottom p{ font-size:13px; color:#FFFFFF; float:right; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- About CSS
| -------------------------------------------------------------------------------------
*/
#about-destination{ padding:150px 0 100px; overflow:hidden; position:relative; z-index:2; }
#about-destination article{ width:490px; padding:0 0 0 80px; }
#about-destination article h2{ font-size:30px; margin:0 0 40px; }
#about-destination article h4{ font-size:15px; margin:0 0 15px 0; }
#about-destination .video{
    background-color:#EDE7DA;
    text-align:center;
    position:relative;
    display:table;
    height:600px;
    width:100%;}
#about-destination .video-text{ max-width:80%; width:500px; padding-left:110px; }
#about-destination .video-text .description{ margin-bottom:0; }
#about-destination .video img{ position:relative; height:35px; width:35px; }
#about-destination .video span{ position:relative; margin-left:10px; }
#about-destination .video a{
    -webkit-transition:opacity 800ms, height 0s;
    -moz-transition:opacity 800ms, height 0s;
        transition:opacity 800ms, height 0s;
            -webkit-transition-delay:0s, 0s;
            -moz-transition-delay:0s, 0s;
                transition-delay:0s, 0s;
                    background-repeat:no-repeat;
                    background-position:50% 50%;
                    background-size:100% 100%;
                    background-size:cover;
                    vertical-align:middle;
                    display:table-cell;
                    overflow:hidden;
                    cursor:pointer;
                    color:#FFFFFF;
                    outline:none;
                    padding:0;
                    opacity:1;
                    margin:0;
                    border:0;}
#about-destination .video a:before{
    content:'';
        background: rgba(0,0,0,0.6);
        background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
            position:absolute;
            bottom:0;
            right:0;
            left:0;
            top:0;}

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Villa CSS
| -------------------------------------------------------------------------------------
*/
#video-gallery{ background-color:#FFFFFF; padding:100px 0 0; z-index:2; position:relative; }
#video-gallery h2.title-section{ margin:0; }
#video-gallery article{ padding-left:35px; padding-right:80px; }
#video-gallery article h3{ line-height:50px; font-size:50px; padding-left:0; margin-bottom:30px; }
#video-gallery article .description{ line-height:25px; height:125px; overflow:hidden; }

#video-gallery .wrap-title-section{ padding:0 35px 50px; }
#video-gallery .list-img{ height:600px; position:relative; }
#video-gallery .list-img figure{ position:absolute; bottom:0; right:0; left:0; top:0; }
#video-gallery .list-img img{ position:relative; height:35px; width:35px; }
#video-gallery .list-img span{ position:relative; margin-left:10px; }
#video-gallery .list-img figure a{
    -webkit-transition:opacity 800ms, height 0s;
    -moz-transition:opacity 800ms, height 0s;
        transition:opacity 800ms, height 0s;
            -webkit-transition-delay:0s, 0s;
            -moz-transition-delay:0s, 0s;
                transition-delay:0s, 0s;
                    background-repeat:no-repeat;
                    background-position:50% 50%;
                    background-size:100% 100%;
                    background-size:cover;
                        justify-content:center;
                        align-items:center;
                        cursor:pointer;
                        color:#FFFFFF;
                        outline:none;
                        display:flex;
                        height:100%;
                        padding:0;
                        opacity:1;
                        margin:0;
                        border:0;}
#video-gallery .list-img figure a:before{
    content:'';
        background: rgba(0,0,0,0.6);
        background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
            position:absolute;
            bottom:0;
            right:0;
            left:0;
            top:0;}
#video-gallery .list-img .boxs{ display:none; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Villa CSS
| -------------------------------------------------------------------------------------
*/
#our-villa{ background-color:#FFFFFF; padding:100px 0; z-index:2; position:relative; }
#our-villa h2.title-section{ margin:0; }
#our-villa article{ padding-left:80px; }
#our-villa article h3{ line-height:50px; font-size:50px; padding-left:0; margin-bottom:30px; }
#our-villa article .description{ line-height:25px; height:125px; overflow:hidden; }

#our-villa form.form-default .form-group,
#our-villa form.form-default{ height:auto; }
#our-villa form.form-default{ border-top:1px solid #f4f0eb; margin:50px 0 0 0; padding:50px 0 0; display:block; }
#our-villa form.form-default .wrap-form-group{ display:flex; }
#our-villa form.form-default .form-group{ width:calc(100% / 3); margin:0px; padding:0; }
#our-villa form.form-default button{
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
            background-color:transparent;
            text-transform:uppercase;
            border:1px solid #d58300;
            letter-spacing:1px;
            line-height:50px;
            font-size:13px;
            height:50px;
            width:100%;}
#our-villa form.form-default button:hover{ background-color:#d58300; border-color:#d58300; color:#FFFFFF }

#our-villa .next-prev{ padding-left:80px; }
#our-villa .wrap-title-section{ padding:0 35px 50px; }
#our-villa .list-img{ height:600px; position:relative; }
#our-villa .list-img figure{ position:absolute; bottom:0; right:0; left:0; top:0; }
#our-villa .list-img figure a{ display:block; height:100%; }
#our-villa .list-img figure img{ width:100%; height:100%; object-fit:cover; }
#our-villa .list-img .boxs{ display:none; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Experiences CSS
| -------------------------------------------------------------------------------------
*/
#experiences{ padding:80px 0; position:relative; z-index:2; }
#experiences h2{ margin:0; line-height:30px; font-size:30px; color:#000000; }

#experiences article{ position:relative; padding:0; height:auto; background-color:#FFFFFF; }
#experiences article figure{ width:100%; height:400px; margin:0; }
#experiences article img{ width:100%; height:100%; object-fit:cover; }
#experiences article .inner{ padding:40px 25px; }
#experiences article .act{ padding:40px 25px; border-top:1px solid rgba(225, 214, 197, 0.3); }
#experiences article .act .online-reservation,
#experiences article .act .reserve-now{
    background-color:transparent;
    border:1px solid #d58300;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    line-height:50px;
    font-weight:400;
    font-size:13px;
    cursor:pointer;
    color:#d58300;
    display:block;
    float:right;
    width:100%;
    height:50px;}
#experiences article .container-fluid h3{ font-size:30px; line-height:30px; }
#experiences article .container-fluid h3 a{ color:inherit; }
#experiences article .container-fluid .desc{ margin:20px 0 40px; line-height:25px; font-weight:300; height:100px; overflow:hidden; }
#experiences article .container-fluid .hours,
#experiences article .container-fluid .cuisine{ 
    background-position:left 3px;
    background-repeat:no-repeat;
    background-size:15px auto;
    padding-left:25px;}
#experiences article .container-fluid .hours{ background-image:url('../images/ico-hour.svg'); }
#experiences article .container-fluid .cuisine{ background-image:url('../images/ico-cuisine.svg'); }
#experiences article .container-fluid .hours span,
#experiences article .container-fluid .cuisine span{ color:#000000; }
#experiences article .container-fluid .hours p,
#experiences article .container-fluid .cuisine p{ color:#3C3C3C; font-weight:300; margin:0; }

#experiences .next-prev{ padding-left:65px; }
#experiences .container-content{ overflow:hidden; }
#experiences .wrap-title-section{ margin-bottom:50px; padding:0 35px; }
#experiences .wrap-list-experiences{ width:100%; margin:0; }
#experiences .slick-slide{ width:calc( ( 1400px - 80px ) / 2 ); margin-right:80px; cursor:grab; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Special Offers CSS
| -------------------------------------------------------------------------------------
*/
#special-offer{ padding:82px 0; }
#special-offer h2{ margin-bottom:0; height:auto; }
#special-offer .container{ max-width:1400px; padding:0 70px; }
#special-offer .wrap-title-section{ margin-bottom:70px; }
#special-offer .next-prev{ padding-left:65px; }

#special-offer .list-item-offers{ width:90vw; opacity:0.5; }
#special-offer .list-item-offers img{ width:50vw; object-fit:cover; height:550px; }
#special-offer .list-item-offers article{ width:40vw;  padding:0px 80px 0; position:relative; }
#special-offer .list-item-offers article h3{ line-height:40px; overflow:hidden; }
#special-offer .list-item-offers article h3 a{ color:inherit; }
#special-offer .list-item-offers article .description{ max-width:400px; margin-bottom:40px; }
#special-offer .list-item-offers article .wrap-rate{ font-size:14px; }
#special-offer .list-item-offers article .wrap-rate p{ text-transform:uppercase; letter-spacing:0.3px; font-weight:300; }
#special-offer .list-item-offers article .wrap-rate h4{ letter-spacing:0.3px; margin:3px 0 0 0; font-size:18px; color:#000000; }
#special-offer .list-item-offers article .wrap-rate span{ margin:3px 0 0 0; font-weight:200; font-size:12px; }
#special-offer .list-item-offers article .wrap-learn-more{ margin:20px 0 0; width:100%; left:80px; }
#special-offer .list-item-offers article .wrap-reserve-now{ margin:50px 0 0; }
#special-offer .list-item-offers article .wrap-reserve-now a{
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
            background-color:transparent;
            border:1px solid #d58300;
            text-transform:uppercase;
            letter-spacing:1px;
            text-align:center;
            line-height:50px;
            font-weight:400;
            font-size:13px;
            cursor:pointer;
            color:#d58300;
            display:block;
            width:200px;
            height:50px;
            float:left;}
#special-offer .list-item-offers article .wrap-reserve-now a:hover{ background-color:#d58300; color:#FFFFFF; }
#special-offer .list-item-offers article .wrap-reserve-now span{
    border-radius:50%;
    line-height:39px;
    margin-top:5px;
    height:39px;
    width:39px;}
#special-offer .list-item-offers article .link-default{ float:left; }
#special-offer .list-item-offers article .container-list-offers{ width:100%; }

#special-offer .slick-active{ opacity:1; }
#special-offer .list-item-offers .list-item-slide{ display:flex; cursor:grab; width:100%; }

#special-offer .item-offers-on-spa-dining small.subtitle-default,
#special-offer .item-offers-on-spa-dining h2.title-default{ margin-bottom:35px; }
#special-offer .item-offers-on-spa-dining article .description{ margin-bottom:30px; }

.home-destination #whatsup{ background-color:#FFFFFF; }

.with-whats-up #tripadvisor-review .head-title{ margin-top:70px; }

.home-destination #special-offer{ padding:100px 0; }
.home-destination #special-offer h2{ line-height:30px; margin-bottom:0; font-size:30px; color:#000000; }

.home-destination #special-offer .list-item-offers img{ width:50vw; }
.home-destination #special-offer .list-item-offers article h3{ line-height:40px; max-width:350px; padding-left:0; font-size:40px; color:#d58300; }

.home-destination #special-offer .wrap-title-section{ padding:0 35px; margin-bottom:50px; }
.home-destination #special-offer .wrap-slide-offers{ position:relative; z-index:2; }

.wrap-page-list #special-offer{ background-color:#FFFFFF; padding-bottom:15px; position:relative; z-index:2; }
.wrap-page-list #special-offer .wrap-title-section{ margin-bottom:50px; }
.wrap-page-list #special-offer .next-prev{ padding-top:0; }

.contact-us section .container-content,
.wrap-form-contact section .container-content,
.offers #special-offer .container-content,
.dining #special-offer .container-content{ position:relative; max-width:calc( 100vw - 180px ); }

.contact-us section .container-content h2,
.wrap-form-contact section .container-content h2{ padding-left:50px; }

.offers #special-offer .container-content h2,
.dining #special-offer .container-content h2{ padding-left:185px; max-width:none; margin-bottom:0; font-size:30px; color:#000000; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Events CSS
| -------------------------------------------------------------------------------------
*/
#events{ padding:100px 0 0; position:relative; }
#events h2{ text-align:center; color:#000000; font-size:30px; line-height:30px; }
#events .wrap-list-events{ width:100%; position:relative; overflow:hidden; }
#events .container-list-events{ margin-top:70px; position:relative; z-index:2; }
#events .container-list-events .slick-slide{ width:50vw; }
#events .container-list-events .item{ height:700px; position:relative; }
#events .container-list-events .item a{ position:absolute; bottom:0; right:0; left:0; top:0; color:#FFFFFF; }
#events .container-list-events .item a:before{
    content:'';
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        -o-transition:all .3s;
            transition:all .3s;
                background:rgba(60, 60, 60, 0.98);
                position:absolute;
                z-index:1;
                opacity:0;
                bottom:0;
                right:0;
                left:0;
                top:0;}
#events .container-list-events .item a:after{ 
    content:'';
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        -o-transition:all .3s;
            transition:all .3s;
                background: rgba(0,0,0,0);
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,1) 100%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,1)));
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,1) 100%);
                background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,1) 100%);
                background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,1) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,1) 100%);
                    position:absolute;
                    opacity:0.8;
                    bottom:0;
                    top:50%;
                    right:0;
                    left:0;}
#events .container-list-events .item figure{ position:absolute; bottom:0; right:0; left:0; top:0; }
#events .container-list-events .item figure img{ width:100%; height:100%; object-fit:cover; }
#events .container-list-events .item article{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
        transition:all .3s;
            font-family:'Marcellus', serif;
            padding-bottom:80px;
            text-align:center;
            position:absolute;
            z-index:99;
            bottom:0;
            top:70%;
            right:0;
            left:0;}
#events .container-list-events .item small{ font-size:10px; line-height:13px; }
#events .container-list-events .item h3{ font-size:30px; line-height:30px; margin:10px 0 50px; }
#events .container-list-events .item button{ border:none; background:none; font-family:'Marcellus', serif; color:#FFFFFF; line-height:19px; letter-spacing:0.2px; }
#events .container-list-events .item a:hover:before{ opacity:1; }
#events .container-list-events .item a:hover:after{ top:0; opacity:0; }
#events .container-list-events .item a:hover article{ top:0; }
#events .container-list-events .item a:hover button{ 
    background-color:#FFFFFF;
    text-align:center;
    line-height:40px;
    color:#d58300; 
    height:40px;  
    width:200px;}

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Reviews CSS
| -------------------------------------------------------------------------------------
*/
#tripadvisor-review{ padding:0; position:relative; min-height:590px; z-index:2; }
#tripadvisor-review .head-title{ text-align:center; color:#000000; font-size:30px; line-height:30px; margin-bottom:70px; margin-top:20px; }
#tripadvisor-review .detail-tripadvisor-review{
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    padding:80px 0;
    margin-left:0;
    display:block;
    height:640px;}
#tripadvisor-review .detail-tripadvisor-review a{ color:#000000; }
#tripadvisor-review .detail-tripadvisor-review h2{ margin:30px auto; font-size:30px; max-width:430px; line-height:35px; }
#tripadvisor-review .detail-tripadvisor-review h3{ font-size:15px; margin:0 0 5px; color:#000000; }
#tripadvisor-review .detail-tripadvisor-review h4{ margin:0 0 10px; font-size:13px; font-weight:300; color:#d58300; }
#tripadvisor-review .detail-tripadvisor-review h5{ margin:30px 0 5px; font-size:10px; }
#tripadvisor-review .detail-tripadvisor-review .description{ margin:0 0 30px; line-height:25px; height:125px; overflow:hidden; }
#tripadvisor-review .detail-tripadvisor-review .t-logo{  
    background:url('../images/ico-tripadvisor.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:196px auto;
        margin:0 auto;
        display:block;
        height:46px;}
#tripadvisor-review .tripadvisor-review-slide + .read-more{ position:absolute; bottom:100px; left:0; right:0; width:145px; margin:0 auto; text-align:center; }

#tripadvisor-review .star-rating span{
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    background-size:15px;
    margin-right:3px;
    height:15px;
    width:15px;}
#tripadvisor-review .star-rating span.full{ background-image:url('../images/icon-star-rating.svg'); }

#tripadvisor-review .tripadvisor-reward{ position:relative; overflow:hidden; height:540px; width:100%; }
#tripadvisor-review .tripadvisor-reward figure{ position:absolute; bottom:0; right:0; left:0; top:0; }
#tripadvisor-review .tripadvisor-reward figure img{ object-fit:cover; height:100%; width:100%; }
#tripadvisor-review .tripadvisor-reward .badges-review{
    border-bottom-left-radius:30px;
    border-top-left-radius:30px;
    padding:10px 40px 0 30px;
    border:1px solid #FFFFFF;
    position:relative;
    border-right:0;
    color:#FFFFFF;
    width:310px;
    height:61px;}
#tripadvisor-review .tripadvisor-reward .badges-review:after{
    content:'';
        background-image:url('../images/ico-badges-review.svg');
        background-position:right center;
        background-repeat:no-repeat;
        background-size:auto 65px;
            position:absolute;
            height:63px;
            right:-35px;
            width:33px;
            bottom:0;
            top:-1px;}
#tripadvisor-review .tripadvisor-reward .badges-review h4{ margin-bottom:5px; font-size:20px; }
#tripadvisor-review .tripadvisor-reward .badges-review h5{ font-size:10px; }
#tripadvisor-review .tripadvisor-reward.gradient::before{ top:150px; }

#tripadvisor-review .tripadvisor-reward .container-button{
    justify-content:space-between;
    align-items:center;
    position:absolute;
    display:flex;
    bottom:50px;
    right:120px;
    left:80px;
    z-index:3;}
#tripadvisor-review .tripadvisor-reward .container-button img{ width:277px; }
#tripadvisor-review .tripadvisor-reward .container-button .link-default{ height:30px; }

#tripadvisor-review .wrap-tripadvisor-all-review{ padding:30px 0 50px 40px; }
#tripadvisor-review .wrap-tripadvisor-all-review img{ margin:0 20px 0 0; height:auto; width:80px; }

#tripadvisor-review .container-all-review{ display:flex; }
#tripadvisor-review .container-all-review .desc-all-review{
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    display:flex;}
#tripadvisor-review .container-all-review h3{ font-size:15px; margin:0 0 5px; color:#000000; }
#tripadvisor-review .container-all-review h4{ margin:0 0 10px; font-size:13px; }

#tripadvisor-review .button-more{ line-height:48px; width:500px; letter-spacing:0.2px; text-transform:none; }
#tripadvisor-review .button-more:hover{ color:#d58300; }

#tripadvisor-review .container-content-wrapp{ border-bottom:1px solid #e1d6c5; background-color:#FCFBF9; position:relative; z-index:1; }
#tripadvisor-review .container-review-wrapp{ background-color:#FFFFFF; position:relative; z-index:1; }
#tripadvisor-review .tripadvisor-reward{ height:640px; }
#tripadvisor-review .tripadvisor-review-slide{ /*padding-left:calc( ( 100vw - 1400px ) / 2 );*/ text-align:center; padding:0 100px; height:640px; }
#tripadvisor-review .slick-dots{ /*position:absolute; right:80px;*/ position:relative; bottom:100px; }
#tripadvisor-review .slick-dots li{ display:inline; margin:0 5px; }
#tripadvisor-review .slick-dots li button{  
    background-color:#d58300;
    border-radius:5px;
    overflow:hidden;
    font-size:0;
    border:none;
    opacity:0.5;
    height:7px;
    width:7px;
    padding:0;}
#tripadvisor-review .tripadvisor-review-slide .slick-dots .slick-active button{ opacity:1; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Spa CSS
| -------------------------------------------------------------------------------------
*/
#spa{ background-color:#FFFFFF; padding:80px; position:relative; z-index:2; }
#spa h2.title-default{ line-height:30px; margin-bottom:0; font-size:30px; color:#000000; height:auto; }
#spa .next-prev{ padding-left:65px; }
#spa .wrap-title-section{ margin-bottom:50px; }
#spa .slick-slide{ width:calc( ( 1400px - 80px ) / 2 ); margin-right:80px; }
#spa .list-item-spa h3{ line-height:40px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#spa .list-item-spa a{ color:inherit; }
#spa .list-item-spa article{ padding-top:30px; }
#spa .list-item-spa figure{ width:100%; height:400px; margin:0; }
#spa .list-item-spa img{ width:100%; height:100%; object-fit:cover; }
#spa .list-item-spa .desc{ font-weight:300; line-height:25px; margin-top:20px; max-width:70%; }
#spa .list-item-spa .read-more{ margin-top:30px; display:inline-block; color:#d58300; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Activities CSS
| -------------------------------------------------------------------------------------
*/
#dining{ padding:80px 0 0; position:relative; z-index:2; }
#dining h2{ line-height:30px; margin-bottom:0; font-size:30px; color:#000000; }
#dining .next-prev{ padding-left:65px; }
#dining .wrap-title-section{ margin-bottom:50px; padding:0 35px; }
#dining .wrap-list-dining{ width:100%; margin:0; }
#dining .slick-slide{ width:calc( ( 1400px - 80px ) / 2 ); margin-right:80px; }
#dining article{ padding:0; height:auto; background-color:#FFFFFF; }
#dining article figure{ width:100%; height:400px; margin:0; }
#dining article img{ width:100%; height:100%; object-fit:cover; }
#dining article .inner{ padding:40px 25px; }
#dining article .act{ padding:40px 25px; border-top:1px solid rgba(225, 214, 197, 0.3); }
#dining article .act .online-external-link,
#dining article .act .online-reservation,
#dining article .act .reserve-now{
    background-color:transparent;
    border:1px solid #d58300;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    line-height:50px;
    font-weight:400;
    font-size:13px;
    cursor:pointer;
    color:#d58300;
    display:block;
    float:right;
    width:100%;
    height:50px;}
#dining article .container-fluid h3{ font-size:30px; line-height:30px; }
#dining article .container-fluid h3 a{ color:inherit; }
#dining article .container-fluid .desc{ margin:20px 0 40px; line-height:25px; font-weight:300; height:100px; overflow:hidden; }
#dining article .container-fluid .hours,
#dining article .container-fluid .price,
#dining article .container-fluid .cuisine{ 
    background-position:left 3px;
    background-repeat:no-repeat;
    background-size:15px auto;
    padding-left:25px;}
#dining article .container-fluid .hours{ background-image:url('../images/ico-hour.svg'); }
#dining article .container-fluid .price{ background-image:url('../images/icon-offers-rate.svg'); }
#dining article .container-fluid .cuisine{ background-image:url('../images/ico-cuisine.svg'); }
#dining article .container-fluid .hours span,
#dining article .container-fluid .price span,
#dining article .container-fluid .cuisine span{ color:#000000; }
#dining article .container-fluid .hours p,
#dining article .container-fluid .price p,
#dining article .container-fluid .cuisine p{ color:#3C3C3C; font-weight:300; margin:0; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Map CSS
| -------------------------------------------------------------------------------------
*/
#map-google{ width:100%; height:650px; position:relative; z-index:3; }
#map-google #map{ height:100%; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Instagram CSS
| -------------------------------------------------------------------------------------
*/
#instagram-photo{ background-color:#FFFFFF; padding:113px 0 100px; position:relative; min-height:200px; z-index:3; }
#instagram-photo::before{
    content:none;
        background-color:#FFFFFF;
        position:absolute;
        height:143px;
        width:100%;
        top:0;}
#instagram-photo .wrap-title-section{ justify-content:space-between; position:relative; display:flex; z-index:4; }
#instagram-photo .wrap-title-section h3:first-child{
    background-image:url('../images/icon-instagram-gold.svg');
    background-position:left center;
    background-repeat:no-repeat;
    background-size:20px;
    padding-left:30px;
    height:20px;}
#instagram-photo .wrap-title-section h3{ font-size:15px; }
#instagram-photo .wrap-title-section h3 a { color:#d58300; }

#instagram-photo .wrap-list-instagram{ margin:35px -5px 0; display:block; }
#instagram-photo .wrap-list-instagram a{ /*width:calc((100% / 4) - 10px);*/ position:relative; margin:0 5px; }
#instagram-photo .wrap-list-instagram figure{ height:350px; }
#instagram-photo .wrap-list-instagram figure img{ object-fit:cover; height:100%; width:100%; }
#instagram-photo .wrap-list-instagram figcaption{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
        transition:all .3s;
            background-color:rgb(237, 231, 218, 0.7);
            position:absolute;
            text-align:center;
            padding:30px;
            z-index:99;
            opacity:0;
            bottom:0;
            right:0;
            left:0;
            top:0;}
#instagram-photo .wrap-list-instagram figcaption span{
    line-height:15px;
    overflow:hidden;
    font-size:10px;
    color:#3C3C3C;
    display:block;
    height:225px;}
#instagram-photo .wrap-list-instagram figcaption i{ position:absolute; left:0; right:0; bottom:30px; color:#3C3C3C; font-style:normal; }
#instagram-photo .wrap-list-instagram figcaption i img{ display:block; width:15px; margin:5px auto 0; }
#instagram-photo .wrap-list-instagram a:hover figcaption{ opacity:1; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Archive CSS
| -------------------------------------------------------------------------------------
*/
.section-for-list{ padding:150px 0 70px; position:relative; z-index:2; }
.section-for-list .article{ position:relative; height:100%; }
.section-for-list .wrap-rate{ margin:0 0 50px; }
.section-for-list .description-page{ padding-right:30px; }
.section-for-list .container-content > .row:first-child{ margin-bottom:80px; }
.section-for-list .description{ height:80px; overflow:hidden; line-height:26.67px; max-width:590px; margin-bottom:40px; }

.section-for-list article{ position:relative; height:100%; padding-bottom:80px; }
.section-for-list article img{ object-fit:cover; }
.section-for-list article h2{ overflow:hidden; margin:0 0 20px; line-height:38px; height:auto; max-width:100%; }
.section-for-list article .image-list{ height:450px; margin:0 0 50px; position:relative; }
.section-for-list article .content-list{ padding:0 40px 0 20px; position:relative; }
.section-for-list article .content-list h4.subtitle-default{ margin-bottom:10px; }

.villas .section-for-list article h2{ height:auto; }

.offers .section-for-list .title-page{ font-size:50px; color:#d58300; width:100%; max-width:100%; line-height:55px; }

.contact-us .section-for-list .container-content>.row:first-child{ margin-bottom:70px; }

.gallery .section-for-list{ padding-bottom:50px; }
.gallery .wrap-filter-gallery h4{ margin:0 0 10px; font-size:15px; }
.gallery .wrap-filter-gallery ul{ display:block; }
.gallery .wrap-filter-gallery ul li{ display:inline-block; margin:0 50px 15px 0; }
.gallery .wrap-filter-gallery ul li a{ color:#000000; }
.gallery .wrap-filter-gallery ul li a:hover,
.gallery .wrap-filter-gallery ul li a.active{ border-bottom:1px solid #d58300; padding:0 0 2px; color:#d58300; }

.gallery section .container-head-gallery{ max-width:calc( 100vw - 180px ); }
.gallery .wrap-list-gallery{ max-width:calc( 100vw - 180px ); margin:0 auto; border-top:1px solid #e1d6c5; padding-top:100px; }
.gallery .wrap-list-gallery .grid-item,
.gallery .wrap-list-gallery .grid-sizer{ width:33.33%; margin:0 0 40px; }
.gallery .wrap-list-gallery .grid-item a{ display:block; padding:0 15px; }

/*
| -------------------------------------------------------------------------------------
| Property / Destination -- Detail CSS
| -------------------------------------------------------------------------------------
*/
.section-for-detail{ padding-top:0; }
.section-for-detail .bb-page-detail:last-child{ border-bottom:0; }
.section-for-detail .bb-page-detail{ padding:50px 0; border-bottom:1px solid #e1d6c5; }
.section-for-detail .bb-no-pad-bottom{ padding-bottom:0; }
.section-for-detail .bb-bt-page-detail{ border-bottom:1px solid #e1d6c5; border-top:1px solid #e1d6c5; }

.section-for-detail .container-detail{ max-width:calc( 100% - 180px ); margin:0 auto; }
.section-for-detail .container-detail h2{ padding-left:185px; max-width:none; }

.section-for-detail .container-detail .description{ padding:0 15% 0 0; margin-bottom:0; }
.section-for-detail .container-detail .description-wpt{ padding-top:20px; }
.section-for-detail .container-detail .description-wpb{ padding-bottom:20px; }

.section-for-detail .container-detail .description p{ margin:0 0 15px; font-weight:300; padding:0; }
.section-for-detail .container-detail .description p:last-child{ margin-bottom:0; }
.section-for-detail .container-detail .description ul{ font-family:'Marcellus', serif; padding:0; margin:0; }
.section-for-detail .container-detail .description ul li{ list-style:none; position:relative; padding-left:15px; margin:0 0 15px; }
.section-for-detail .container-detail .description ul li:before{
    content:'';
        background-color:#3C3C3C;
        border-radius:3px;
        position:absolute;
        height:5px;
        width:5px;
        top:10px;
        left:0;}
.section-for-detail .container-detail .description h3{ font-size:20px; margin:0 0 20px; font-weight:500; padding:0; }

.section-for-detail .list-amenities{ margin:0; padding:0 15% 0 0; }
.section-for-detail .list-amenities ul{ font-family:'Marcellus', serif; padding:0; margin:0; }
.section-for-detail .list-amenities ul li{ list-style:none; position:relative; float:left; width:50%; padding-left:15px; margin:0 0 15px; }
.section-for-detail .list-amenities ul li:before{
    content:'';
        background-color:#3C3C3C;
        border-radius:3px;
        position:absolute;
        height:5px;
        width:5px;
        top:10px;
        left:0;}
.section-for-detail .list-additional-info{ padding-top:0; }
.section-for-detail .list-additional-info ul{ margin:20px 0; }
.section-for-detail .list-additional-info ul li{ width:100%; float:none; }
.section-for-detail .list-additional-info h3{ font-size:20px; font-weight:500; margin:0 0 15px; }

.section-for-detail .specification h3{ font-size:15px; color:#000000; padding:0 0 0 30px; }
.section-for-detail .specification p{ padding:0 0 0 30px; }
.section-for-detail .specification:last-child{ padding-bottom:50px; }
.section-for-detail .specification .col-lg-6{ border-right:1px solid #e1d6c5; border-bottom:1px solid #e1d6c5; }
.section-for-detail .specification .col-lg-6:last-child{ border-right:0; }
.section-for-detail .specification .row:first-child .col-lg-6,
.section-for-detail .specification .row:first-child .col-lg-12{ border-top:1px solid #e1d6c5; }
.section-for-detail .specification .row:last-child .col-lg-6{ border-bottom:0; }
.section-for-detail .specification .row .hide-this-pls{ display: none; }
.section-for-detail .specification .specification-list{ padding:20.5px 0; display:block; }
.section-for-detail .specification .specification-list .ico-price{ background-size:18px auto; }
.section-for-detail .specification .specification-list .ico-accommodate{ background-size:20px auto; }
.section-for-detail .specification .specification-list .ico-additional-setup{ background-size:20px auto; }

.section-reserve-wrap{ background-color:#FCFBF9; padding:30px 0; position:relative; z-index:2; border-top:1px solid rgba(174, 147, 111, 0.1); }
.section-reserve-wrap a.online-reservation{
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
        transition:background 0.2s ease-in-out; 
            background-color:#d58300;
            text-transform:uppercase;
            justify-content:center;
            align-items:center;
            letter-spacing:1px;
            padding:30px 20px;
            text-align:center;
            max-width:545px;
            font-size:13px;
            cursor:pointer;
            display:block;
            color:#FFFFFF;
            height:80px;
            border:none;
            width:100%;}
.section-reserve-wrap a.online-reservation:hover{ color:#FFFFFF; }

.section-menu-wrap{ background-color:#FFFFFF; padding:30px 0; position:relative; z-index:2; }
.section-menu-wrap .download-pdf{
    justify-content:center;
    align-items:center;
    display:flex;
    width:250px;}
.section-menu-wrap .download-pdf span{
    background-image:url('../images/icon-download-gold.svg');
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:50px;}
.section-menu-wrap .list-file-dining{ padding:30px 0; }
.section-menu-wrap .col-lg-12 .col-lg-12{ border-bottom:1px solid #f4f0eb; }
.section-menu-wrap .col-lg-12 .col-lg-12:last-child{ border-bottom:none; }
.section-menu-wrap .col-lg-12 .col-lg-12:first-child .list-file-dining{ padding-top:0; }
.section-menu-wrap .col-lg-12 .col-lg-12:last-child .list-file-dining{ margin:0; }

.section-happenings-wrap{ padding:30px 0 0; position:relative; }
.section-happenings-wrap .container-detail .happenings-head h2{ margin-bottom:0; }
.section-happenings-wrap .bb-page-detail-wb{ border-top:1px solid #e1d6c5; }
.section-happenings-wrap .happenings-head .next-prev{ padding-left:65px; }
.section-happenings-wrap .happenings-head .rounded-number{ position:absolute; right:200px; }
.section-happenings-wrap .happenings-list{ margin:70px auto; max-width:80vw; }
.section-happenings-wrap .happenings-list .inner{ background-color:#FFFFFF; }
.section-happenings-wrap .happenings-list .slick-slide{ width:80vw; }
.section-happenings-wrap .happenings-list article{ padding:70px 50px; height:600px; position:relative; }
.section-happenings-wrap .happenings-list article h3{ font-size:30px; line-height:40px; }
.section-happenings-wrap .happenings-list article .desc{ font-weight:300; line-height:20px; height:200px; overflow:hidden; margin-top:80px; }
.section-happenings-wrap .happenings-list article .desc p{ margin-bottom:0; }
.section-happenings-wrap .happenings-list article .link-default{ position:absolute; bottom:70px; left:50px; }
.section-happenings-wrap .happenings-list figure{ position:absolute; bottom:0; right:15px; left:0; top:0; }
.section-happenings-wrap .happenings-list figure a{ display:block; height:100%; }
.section-happenings-wrap .happenings-list figure img{ width:100%; height:100%; object-fit:cover; }

.section-promotions-wrap{ padding:30px 0 0; position:relative; }
.section-promotions-wrap .container-detail .promotions-head h2{ margin-bottom:0; }
.section-promotions-wrap .promotions-head .next-prev{ padding-left:65px; }
.section-promotions-wrap .promotions-head .rounded-number{ position:absolute; right:200px; }
.section-promotions-wrap .container-slide{ position:relative; z-index:2; }
.section-promotions-wrap .container-slide .list-item-slide-wrp{ width:90vw; opacity:0.5; }
.section-promotions-wrap .container-slide .list-item-slide-wrp img{ width:50vw; object-fit:cover; height:550px; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article{ width:40vw; padding:0px 80px 0; position:relative; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article h3{ line-height:40px; overflow:hidden; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article h3 a{ color:inherit; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article .description{ max-width:400px; margin:40px 0; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article .wrap-learn-more{ margin:20px 0 0; width:100%; left:80px; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article .link-default{ float:left; }
.section-promotions-wrap .container-slide .list-item-slide-wrp article .container-list-slide{ width:100%; }

.section-promotions-wrap .container-slide .slick-active{ opacity:1; }
.section-promotions-wrap .container-slide .list-item-slide-wrp .list-item-slide{ display:flex; cursor:grab; width:100%; }

.page-all .wrap-gallery-product{ background-color:#FFFFFF; position:relative; padding:50px 0; z-index:2; }
.page-all .wrap-gallery-product .container-content{ position:relative; max-width:calc( 100vw - 180px ); }
.page-all .wrap-gallery-product .container-content h2{ padding-left:185px; max-width:none; }
.page-all .wrap-gallery-product .slick-slide{ margin:0 25px; width:auto; height:600px; }
.page-all .wrap-gallery-product .next-prev{ padding:0; }
.page-all .wrap-gallery-product .maximize-gold{ position:absolute; right:200px; }
.page-all .wrap-slide-gallery{ margin:50px 0 0; }

.other-product{ padding:100px 0; }
.other-product .row > .col-lg-6:first-child{ padding-right:0; }
.other-product .row > .col-lg-6:last-child{ padding-left:0; }
.other-product h2.title-section{ text-align:center; margin:0 0 50px; font-size:40px; }

.other-product a{ display:block; position:relative; height:100%; }
.other-product img{ width:100%; height:100%; object-fit:cover; }
.other-product article{ background-color:#3C3C3C; color:#FFFFFF; padding:50px; height:100%; }
.other-product article h3{ margin:0 0 40px; font-size:10px; }
.other-product article h2{ margin:0 0 20px; max-width:300px; font-size:30px; }
.other-product article small{ margin:0 0 40px; font-size:10px; display:block; }

.other-product .link-default{ height:auto; }
.other-product .description{ max-width:500px; line-height:25px; height:100px; overflow:hidden; }

.title-page{
    color:#000;
    font-size:30px;
    padding:0 0 0 45px;
}

.wrap-caption{
    width:100%;
    height:60px;
    position:absolute;
    left:0;
    bottom:0;
}

.wrap-caption.gradient::before{
    opacity:0.8;
}

p.caption{
    position:relative;
    z-index:1;
    margin:25px 0 0 30px;
    font-size:10px;
    color:#FFFFFF;
}

p.caption em{ font-style:normal; text-transform:uppercase; }

.wrap-product-corporate h4.subtitle-default{
    margin-bottom:10px;
}

.ico.ico-hours{
    background-image:url('../images/ico-hour.svg');
}

.ico.ico-cuisine{
    background-image:url('../images/ico-cuisine.svg');
}

.ico.ico-venue{
    background-image:url('../images/icon-venue.svg');
}

.ico.ico-accommodate{
    background-image:url('../images/icon-accommodate.svg');
}

.ico.ico-price{
    background-image:url('../images/icon-price.svg');
}

.ico.ico-additional-setup{
    background-image:url('../images/icon-additional.svg');
}

.ico.ico-view{
    background-image:url('../images/icon-view.svg');
}

.ico.ico-size{
    background-image:url('../images/icon-size.svg');
}

.ico.ico-bed{
    background-image:url('../images/icon-bed.svg');
}

.ico.ico-occupancy{
    background-image:url('../images/icon-occupancy.svg');
}

.ico.ico-night{
    background-image:url('../images/icon-night.svg');
}

.ico.ico-room-type{
    background-image:url('../images/icon-room-type.svg');
}

.ico.ico-offers-rate{
    background-image:url('../images/icon-offers-rate.svg');
}

.ico.ico-add-night{
    background-image:url('../images/icon-add-night.svg');
}

.bb-default{
    border-bottom:1px solid #f4f0eb;
    padding-bottom:50px;
}

.button-reservation{
    width:300px;
    height:80px;
    line-height:80px;
    text-transform:uppercase;
    font-size:13px;
    color:#FFFFFF;
    background-color:#d58300;
    border:none;
    letter-spacing:1px;
}

.offers .online-reservation{
    background-color:#d58300;
    border:1px solid #d58300;
    text-transform:uppercase;
    color:#FFFFFF !important;
    letter-spacing:1px;
    text-align:center;
    line-height:80px;
    font-weight:400;
    font-size:13px;
    cursor:pointer;
    max-width:100%;
    display:block;
    width:300px;
    height:80px;}

.offers-add .button-reservation{
    margin:180px 0 0;
}

.wrap-list-treatment span.list-treatment{
    display:block;
}

.wrap-list-treatment span.list-treatment h3{
    font-size:16px;
    margin:0 0 5px;
}

.wrap-list-treatment span.list-treatment p{ font-size:13px; color:#000000; }

.wrap-list-treatment .button-border{
    margin-right:50px;
}

.wrap-list-treatment .container-list-treatment{
    border-top:1px solid #e1d6c5;
    justify-content:space-between;
    margin-top:30px;
    padding:20px 0;
    display:flex;
}



.font-gold{
    color:#d58300;
}

.contact-us .contact-information h3{
    font-size:25px;
    margin:0 0 20px;
}

.contact-us .contact-information a{
    color:inherit;
}

.contact-us .contact-information p.address{
    max-width:400px;
    margin:0 0 50px;
}

.contact-us .contact-information h4{
    margin-bottom:7px;
    font-weight:500;
    font-size:20px;
}

.contact-us .contact-information .row{
    margin:0 0 30px;
}

.contact-us .wrap-form-contact{
    background-color:#FFFFFF;
    padding:100px 0 150px;
    position:relative;
    overflow:hidden;
    z-index:3;
}

.contact-us .wrap-form-contact h2{
    font-size:30px;
    color:#000;
}

.contact-us .wrap-form-contact .desc-section{
    width:190px;
}

.contact-us .ico{
    padding-left:25px;
    background-position:top 5px left;
}

.contact-us form{
    margin:50px 0 0;
    padding:50px 50px 0;
    border:1px solid rgb(174, 147, 111, 0.3);
}

.contact-us form h3{
    padding-left:0;
    margin-bottom:80px;
}

.contact-us .wrap-form-group{
    display:flex;
    justify-content:space-between;
    margin:0 0 30px;
}

.contact-us .wrap-form-group:last-child{
    margin-bottom:0;
}

.contact-us .group-form{
    width:calc(100% / 2 - 25px);
}

.contact-us .group-form.full{
    width:100%;
}

.contact-us .group-form label{
    width:100%;
    color:#000000;
}

.hidden{
    visibility:hidden;
}

.contact-us .group-form .field-default{
    border-bottom:1px solid rgb(174, 147, 111, 0.3);
    background-color:transparent;
    color:rgb(60, 60, 60, 0.5);
    border:none;
    width:100%;
}

.contact-us .group-form textarea{ height:85px; }

.contact-us .group-form .field-default::-webkit-input-placeholder,
.contact-us .group-form .field-default::-moz-placeholder{ color:rgb(60, 60, 60, 0.5) }

.contact-us .group-form .error::-webkit-input-placeholder{ color:#D8000C; }
.contact-us .group-form .error::-moz-placeholder{ color:#D8000C; }

.contact-us .group-form p{ font-size:12px; margin:0 0 15px; }

.contact-us .group-form button{
    background-color:#d58300;
    width:calc(100% + 50px);
    justify-content:center;
    align-items:center;
    letter-spacing:1px;
    margin-right:-50px;
    line-height:90px;
    font-size:13px;
    color:#FFFFFF;
    display:flex;
    border:none;
    height:100%;}
.contact-us .group-form button span{ margin:0 5px; }
.contact-us .group-form button .loader{ display:none; }
.contact-us .group-form button .text{ display:inline-block; }
.contact-us .group-form button.loading .loader{ 
    background-image:url('../images/loader.svg'); 
    background-repeat:no-repeat;
    background-position:left center; 
    background-size:30px;
    display:inline-block;
    padding-left:40px;}
.contact-us .group-form button.loading .text{ display:none; }

.contact-us .group-form a{
    color:#d58300;
    text-decoration:underline;
}

.contact-response{ padding:44px 30px 30px; max-width:600px; background-color:#F7F4EF; min-width:400px; }
.contact-response h2{ padding-bottom:10px; border-bottom:1px solid #C8B178; margin-bottom:20px; font-family:'Marcellus', serif; }
.contact-response .btn{
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
        transition:background 0.2s ease-in-out; 
            -webkit-border-radius:0;
            -moz-border-radius:0;
                border-radius:0;
                    background-color:#d58300;
                    text-transform:uppercase;
                    letter-spacing:1.5px;
                    text-align:center;
                    max-width:100px;
                    margin-top:30px;
                    font-weight:600;
                    font-size:10px;
                    cursor:pointer;
                    color:#FFFFFF;
                    display:block;
                    border:none;
                    height:40px;
                    width:100%;}
.contact-response .btn:hover{ background-color:#988555; }
.contact-response .btn:focus{ box-shadow:none; outline:none; }

.reserve-response{ padding:44px 30px 30px; max-width:600px; background-color:#F7F4EF; min-width:400px; }
.reserve-response h2{ padding-bottom:10px; border-bottom:1px solid #C8B178; margin-bottom:20px; font-family:'Marcellus', serif; }
.reserve-response .btn{
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
        transition:background 0.2s ease-in-out; 
            -webkit-border-radius:0;
            -moz-border-radius:0;
                border-radius:0;
                    background-color:#d58300;
                    text-transform:uppercase;
                    letter-spacing:1.5px;
                    text-align:center;
                    max-width:100px;
                    margin-top:30px;
                    font-weight:600;
                    font-size:10px;
                    cursor:pointer;
                    color:#FFFFFF;
                    display:block;
                    border:none;
                    height:40px;
                    width:100%;}
.reserve-response .btn:hover{ background-color:#988555; }
.reserve-response .btn:focus{ box-shadow:none; outline:none; }

.thankyou .header-custom-post .description{
    font-size:25px;
}

.page-all-corporate .container{
    max-width:1400px;
}

.page-detail-default .line-vertical::before,
.page-detail-default .line-vertical::after{
    display:none;
}

.page-detail-default .container-detail{
    width:100% !important;
    max-width:900px;
    margin:0 auto;
}

.page-detail-default .section-for-detail{
    padding-bottom:150px;
}

.page-detail-default .title-page-detail{
    text-align:center;
    padding:0 0 80px;
}

.page-detail-default .title-page-detail h3{
    font-size:10px;
    margin:0 0 20px;
}

.page-detail-default .title-page-detail h1{
    font-size:50px;
    width:800px;
    margin:0 auto;
    line-height:50px;
}

.page-detail-default .content-page-detail .featured{
    margin:0 0 50px;
}

.page-detail-default .content-page-detail .description{
    padding:0 50px;
}

span.line-gold{
    width:1px;
    background-color:#d58300;
    height:60px;
    display:inline-block;
    margin:25px auto 10px;
}

.page-detail-default .title-page-detail h4{
    font-size:10px;
}

.container-share{
    text-align:center;
    margin-top:60px;
}

.container-share a{
    display:inline-block;
    height:20px;
    margin:0 5px;
}

.container-share p{
    font-size:10px;
    letter-spacing:1px;
    margin-bottom:20px;
}

.list-awards{
    text-align:center;
    padding:85px;
    border:1px solid #f4f0eb;
    border-radius:3px;
    margin:0 0 30px;
}

.list-awards h2{
    font-size:30px;
}

.list-awards h3{
    font-size:15px;
    letter-spacing:1px;
    color:#3C3C3C;
}

.list-awards .image-list{
    display:inline-block;
    height:150px;
    padding:0 60px;
    background-repeat:no-repeat;
    background-size:auto;
    background-position:center;
    position:relative;
    margin:0 0 50px;
}

.list-awards .image-list .box-image{
    height:100%;
}

.list-awards .image-list img{
    width:auto;
    height:auto;
}

.list-awards .image-list::before{
    position:absolute;
    content:'';
    width:78px;
    height:150px;
    top:0;
    left:0;
    background-repeat:no-repeat;
    background-position:left center;
    background-image:url('../images/awards-left.svg');
    background-size:78px 150px;
}

.list-awards .image-list::after{
    position:absolute;
    content:'';
    width:78px;
    height:150px;
    top:0;
    right:0;
    background-repeat:no-repeat;
    background-position:left center;
    background-image:url('../images/awards-right.svg');
    background-size:78px 150px;
}

.locations .wrap-location-page{
    padding:60px 0 0;
    min-height:600px;
    height:100vh;
}

.locations .wrap-location-page .container-maps{
    position:relative;
    height:100%;
    width:70%;
}

.locations .choose-location-type{
    width:80%;
    margin:0 auto;
    height:50px;
    background-color:#FFFFFF;
    position:absolute;
    bottom:25px;
    left:0;
    right:0;
}

.locations .wrap-location-page .container-maps #map{
    height:100%;
}

.locations .wrap-location-page .container-desc-location{
    padding:90px 0 50px;
    position:absolute;
    bottom:50px;
    width:30%;
    top:60px;
    right:0;
}

.locations .wrap-location-page .container-desc-location h1{
    font-size:50px;
    margin:0 0 20px;
    padding:0 50px;
}

.locations .wrap-location-page .container-desc-location .container-location-list{ height:100%; }
.locations .wrap-location-page .container-desc-location .container-location-list .scrollbar-macosx{ height:100%; overflow:hidden; }

.locations .partner{
    color:#000;
    padding:10px 50px;
    border-bottom:1px solid #f4f0eb;
    cursor:pointer;
    -moz-transition:background-color 0.5s ease;
    -ms-transition:background-color 0.5s ease;
    -webkit-transition:background-color 0.5s ease;
    -o-transition:background-color 0.5s ease;
    transition:background-color 0.5s ease;
}

.locations .partner:hover{
    background-color:#F2F2F2;
}

.locations .partner span{
    background-position:right 6px;
    background-repeat:no-repeat;
    letter-spacing:0.25px;
    padding-right:30px;
    display:block;
}

.locations .partner span.restaurants{
    background-image:url('../images/icon-restaurants.svg');
}

.locations .partner span.misc{
    background-image:url('../images/icon-misc.svg');
}

.locations .partner span.attractions{
    background-image:url('../images/icon-attractions.svg');
}

.locations .partner span.shops{
    background-image:url('../images/icon-shops.svg');
}

.locations .partner span.beach{
    background-image:url('../images/icon-beach.svg');
}

.locations .choose-location-type ul{
    height:100%;
}

.locations .choose-location-type ul li{
    width:calc(100% / 6);
    display:inline-block;
    text-align:center;
}

.locations .choose-location-type ul li a{
    color:#000;
    padding:0 0 0 25px;
    background-size:auto;
    background-repeat:no-repeat;
    background-position:left center;
}

.locations .choose-location-type ul li a:hover,
.locations .choose-location-type ul li a.active{
    color:#d58300;
}

.locations .choose-location-type ul li a.all{
    background-image:url('../images/icon-all.svg');
}

.locations .choose-location-type ul li a.shop{
    background-image:url('../images/icon-shops.svg');
}

.locations .choose-location-type ul li a.restaurant{
    background-image:url('../images/icon-restaurants.svg');
}

.locations .choose-location-type ul li a.beach{
    background-image:url('../images/icon-beach.svg');
}

.locations .choose-location-type ul li a.attraction{
    background-image:url('../images/icon-attractions.svg');
}

.locations .choose-location-type ul li a.misc{
    background-image:url('../images/icon-misc.svg');
}

/* SCROLLBAR */
.scroll-wrapper{
    overflow:hidden !important;
    padding:0 !important;
    position:relative;
}

.scroll-wrapper>.scroll-content{
    border:none !important;
    box-sizing:content-box !important;
    height:auto;
    left:0;
    margin:0;
    max-height:none;
    max-width:none !important;
    overflow:scroll !important;
    padding:0;
    position:relative !important;
    top:0;
    width:auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height:0;
    width:0;
}

.scroll-element{
    display:none;
}

.scroll-element,
.scroll-element div{
    box-sizing:content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
    display:block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
    cursor:default;
}

.scroll-textarea{
    border:1px solid #cccccc;
    border-top-color:#999999;
}

.scroll-textarea>.scroll-content{
    overflow:hidden !important;
}

.scroll-textarea>.scroll-content>textarea{
    border:none !important;
    box-sizing:border-box;
    height:100% !important;
    margin:0;
    max-height:none !important;
    max-width:none !important;
    overflow:scroll !important;
    outline:none;
    padding:2px;
    position:relative !important;
    top:0;
    width:100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{
    height:0;
    width:0;
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div{
    background:none;
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10;
}

.scrollbar-macosx>.scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%;
}

.scrollbar-macosx>.scroll-element .scroll-element_track{
    display:none;
}

.scrollbar-macosx>.scroll-element .scroll-bar{
    background-color:#6C6E71;
    display:block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    -o-transition:opacity 0.2s linear;
    -ms-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear;
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:0.7;
}

.scrollbar-macosx>.scroll-element.scroll-x{
    bottom:0px;
    height:0px;
    left:0;
    min-width:100%;
    overflow:visible;
    width:100%;
}

.scrollbar-macosx>.scroll-element.scroll-y{
    height:100%;
    min-height:100%;
    right:0px;
    top:0;
    width:0px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar{
    height:7px;
    min-width:10px;
    top:-9px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar{
    left:-9px;
    min-height:10px;
    width:7px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer{
    left:2px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size{
    left:-4px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer{
    top:2px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size{
    top:-4px;
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{
    left:-11px;
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{
    top:-11px;
}

.subscribe-response{
    padding:44px 30px 30px;
    max-width:600px;
    background-color:#F7F4EF;
    min-width:400px;
}

.subscribe-response h2{
    padding-bottom:10px;
    border-bottom:1px solid #C8B178;
    margin-bottom:20px;
}

.subscribe-response .btn{
    -webkit-transition:background 0.2s ease-in-out;
    -moz-transition:background 0.2s ease-in-out;
    transition:background 0.2s ease-in-out;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:#C8B178;
    text-transform:uppercase;
    letter-spacing:1.5px;
    text-align:center;
    max-width:100px;
    margin-top:30px;
    font-weight:600;
    font-size:10px;
    cursor:pointer;
    color:#FFFFFF;
    display:block;
    border:none;
    height:40px;
    width:100%;
}

.subscribe-response .btn:hover{
    background-color:#988555;
}

.subscribe-response .btn:focus{
    box-shadow:none;
    outline:none;
}

.container-mobile{ display:none; }

.page-about-corporate #page-static-content .container{ max-width:830px; width:100%; }

.page-about-corporate .container-fluid{ background-color:#EDE7DA; margin-top:100px; }
.page-about-corporate .page-affiliates-list{ width:100%; max-width:800px; margin:0 auto; padding:80px 0 100px; }
.page-about-corporate .page-affiliates-list h2{ font-size:30px; margin-bottom:10px; line-height:30px; }
.page-about-corporate .page-affiliates-list .sub{ color:#3C3C3C; font-weight:300; }
.page-about-corporate .page-affiliates-list .inner{ margin-top:50px; }
.page-about-corporate .page-affiliates-list .item{ border:1px solid #d58300; border-radius:3px; background-color:#FFFFFF; padding:50px; margin-bottom:20px; }
.page-about-corporate .page-affiliates-list .item figure{ width:200px; height:200px; border-radius:50%; border:1px solid rgba(174, 147, 111, 0.3); float:left; overflow:hidden; }
.page-about-corporate .page-affiliates-list .item figure img{ width:100%; height:100%; object-fit:cover; }
.page-about-corporate .page-affiliates-list .item article{ width:100%; margin-left:-200px; padding-left:250px; float:left; }
.page-about-corporate .page-affiliates-list .item article h3{ margin-bottom:10px; color:#d58300; font-size:40px; line-height:40px; }
.page-about-corporate .page-affiliates-list .item article p{ line-height:25px; font-weight:300; }
.page-about-corporate .page-affiliates-list .item article .view{ line-height:20px; color:#d58300; letter-spacing:0.2px; }
.page-about-corporate .page-affiliates-list .item article .view img{ width:10px; vertical-align:middle; margin-left:5px; }

.page-about-corporate #page-static-content{ padding-bottom:0; }
.page-about-corporate #page-static-content .container article{ line-height:25px; }
.page-about-corporate #page-static-content .container h3{ margin-bottom:10px; line-height:30px; margin-bottom:20px; font-family:'Marcellus', serif; }

.with-banner .section-popup-notif{ top:40px; }
/* .with-banner .nav-showed{ top:40px; } */
.with-banner .alertbanner{ display:block; }
.with-banner header{ 
    /* top:40px; height:calc( 100vh) - 40px ;  */
    height:calc( 100vh ) ; 
}
.with-banner header .hero-slide{ height:calc(100vh - 80px); }
/*.with-banner .wrap-container-content{ top:40px; }*/
/*.with-banner .mm-menu_offcanvas.mm-menu_opened{ top:40px; }*/
/*.with-banner.page-all-corporate nav{ top:40px; }*/
.with-banner.page-all header .hero-slide{ height:calc(100vh - 120px); }

/*
| -------------------------------------------------------------------------------------
| Responsive CSS
| -------------------------------------------------------------------------------------
*/
@media (max-width:1440px){
    /* --- Global --- */
    nav ul li{ margin-right:40px; }
    .nav-showed-btn button{ width:250px; }

    .line-vertical::before{ left:50px; }
    .line-vertical::after{ right:50px; }

    /* --- Corporate --- */
    header .container-header,
    #about-santrian .container,
    #royal-tour .container,
    #special-offer .container,
    #what-they-say .container,
    footer .container-footer{ max-width:1200px; }

    /* --- Destinations --- */
    .section-for-list{ padding-top:80px; }
    .section-for-list .container-content > .row:first-child{ margin-bottom:50px; }
    .hide-header .section-for-list{ padding-top:150px; }

    .page-all .container{ max-width:1165px; }
    .page-all header .wrap-form-booking form{ max-width:100%; padding:0 250px 0 calc( ( 100vw - 1180px ) / 2 ); }
    .page-all header .wrap-form-booking .form-button{ width:250px; }
    .page-all header .wrap-menu ul li{ padding-right:30px; }

    #dining .slick-slide,
    #experiences .slick-slide{ width:calc( ( 1200px - 80px ) / 2 ); }

    #spa .slick-slide{ width:calc( 1200px / 2 ); }

    /*#tripadvisor-review .tripadvisor-review-slide{ padding-left:calc( ( 100vw - 1200px ) / 2 ); }
    #tripadvisor-review .detail-tripadvisor-review{ padding-left:40px; }
    #tripadvisor-review .detail-tripadvisor-review .read-more{ left:40px; }*/

    .page-all section .container-content,
    .page-all footer .container-footer{ max-width:1200px; }

    .section-happenings-wrap .happenings-list{ max-width:calc( 100vw - 100px - 40px ); }
    .section-happenings-wrap .happenings-list .slick-slide{ width:calc( 100vw - 100px - 40px ); }
    .section-happenings-wrap .happenings-list article{ padding:70px 80px; }
    .section-happenings-wrap .happenings-list article .link-default{ left:80px; }
    
    .gallery h2.title-default,
    .section-for-detail .container-detail h2,
    .offers #special-offer .container-content h2,
    .dining #special-offer .container-content h2,
    .page-all .wrap-gallery-product .container-content h2{ padding-left:85px; }

    .section-happenings-wrap .happenings-head .rounded-number,
    .section-promotions-wrap .promotions-head .rounded-number,
    .page-all .wrap-gallery-product .maximize-gold{ right:100px; }

    .contact-us section .container-content,
    .wrap-form-contact section .container-content,
    .section-for-detail .container-detail,
    .offers #special-offer .container-content,
    .dining #special-offer .container-content,
    .page-all .wrap-gallery-product .container-content,
    .gallery section .container-head-gallery,
    .gallery .wrap-list-gallery{ max-width:calc( 100% - 100px ); }
}

@media (max-width:1280px){
    /* --- Global --- */
    nav ul li{ margin-right:30px; }
    .nav-showed-btn button{ width:200px; }

    .line-vertical::before{ left:15px; }
    .line-vertical::after{ right:15px; }

    /* --- Corporate --- */
    header .container-header,
    #about-santrian .container,
    #royal-tour .container,
    #special-offer .container,
    #what-they-say .container,
    footer .container-footer{ max-width:95vw; }

    header{ height:auto; }
    header .hero-slide{ position:relative; }
    header .hero-slide:after,
    header .hero-slide:before{ content:none; }
    header .hero-slide figure{ min-height:400px; max-height:600px; }
    header .hero-slide figure:before{
        content:'';
            background:rgba(0, 0, 0, 0.5);
            background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
            background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background:-o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
                position:absolute;
                height:390px;
                top:-100px;
                width:100%;
                z-index:1;
                left:0;}
    header .hero-slide figure:after{
        content:'';
            background:rgba(0, 0, 0, 0.5);
            background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
            background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
            background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
                position:absolute;
                height:490px;
                bottom:0px;
                width:100%;
                z-index:1;
                left:0;}
    header .hero-slide figure a{ display:block; position:absolute; left:0; right:0; bottom:50px; text-align:center; color:#FFFFFF; z-index:2; }
    header .hero-slide .slick-dots{ position:absolute; bottom:20px; left:0; right:0; text-align:center; z-index:2; }
    header .hero-slide .slick-dots li{ display:inline-block; margin:0 5px; width:5px; height:5px; overflow:hidden; }
    header .hero-slide .slick-dots li button{ padding:0; border:none; opacity:0.5; text-indent:10px; border-radius:5px; width:5px; height:5px; }
    header .hero-slide .slick-dots .slick-active button{ opacity:1; }

    header .container-header{ max-width:100%; }
    header .wrap-list-destination{ display:none; }
    header .wrap-form-booking{ bottom:0; padding:0 0 0 35px; height:70px; position:static; }
    header .wrap-form-booking .form-group label{ width:100%; margin:0 35px 0 0; }
    header .wrap-form-booking .wrap-logo{ display:none; }

    nav .inner ul{ display:none; }
    nav .inner .burger-menu{ position:relative; margin-right:15px; margin-top:14px; }
    nav .inner .burger-menu .wrap-element{ width:30px; float:right; cursor:pointer; }
    nav .inner .burger-menu .element{ height:1px; width:100%; background-color:#000000; margin:10px 0 0; display:block; }

    .with-banner header .hero-slide{ height:calc(100vh - 110px); }
    .with-banner header .hero-slide figure{ height:calc(100vh - 110px); max-height:none; }
    .with-banner.page-all header .hero-slide{ height:calc(100vh - 110px); max-height:none; }

    .home-corporate header .wrap-menu{ position:absolute; left:0; right:0; top:0; }

    #about-santrian article{ padding:50px; }

    #royal-tour{ padding-top:50px; }
    #royal-tour .video{ margin-top:50px; height:600px; }
    #royal-tour .video h3{ margin-top:180px; }

    #special-offer .next-prev{ padding-left:50px; }
    #special-offer .list-item-offers article{ padding:0px 65px; }

    #whatsup,
    #special-offer,
    footer .wrap-newsletter,
    footer .wrap-footer-menu{ padding:50px 0; }

    #whatsup .container-news .desc-news,
    #special-offer .wrap-title-section{ margin-bottom:50px; }

    #whatsup .container-news .grid-item figure{ height:500px; }
    #whatsup .container-news .grid-item article{ padding:50px; height:500px; }
    #whatsup .container-news .grid-item article .desc{ height:120px; margin-bottom:30px; }

    .grid-sizer, .grid-item{ margin-bottom:80px; }

    /* --- Destinations --- */
    .section-for-list{ padding-top:50px; }

    .locations .wrap-location-page .container-desc-location h1{ font-size:40px; padding:0 30px; }
    .locations .wrap-location-page .container-desc-location{ padding:50px 0; }
    .locations .partner{ padding:10px 30px; }

    .page-all .container{ max-width:calc( 95vw - 35px ); }
    .page-all header .hero-slide{ max-height:600px; }
    .page-all header .wrap-form-booking .form-button{ width:250px; height:70px; }
    .page-all header .wrap-form-booking form{ max-width:100%; padding:0 250px 0 calc( ( 100vw - 95vw + 15px ) / 2 ); }

    .page-all section .container-content,
    .page-all footer .container-footer{ max-width:95vw; }

    .section-happenings-wrap .happenings-list{ max-width:calc( 100vw - 30px - 40px ); }
    .section-happenings-wrap .happenings-list .slick-slide{ width:calc( 100vw - 30px - 40px ); }
    .section-happenings-wrap .happenings-list article{ padding:70px 30px; }
    .section-happenings-wrap .happenings-list article .link-default{ left:30px; }

    .page-all #spa,
    .page-all #our-villa,
    .page-all #experiences,
    .page-all #video-gallery,
    .page-all #special-offer,
    .page-all #instagram-photo,
    .page-all #about-destination,
    .other-product{ padding:50px 0; }

    .page-all #our-villa article,
    .page-all #our-villa .next-prev{ padding-left:65px; }

    .page-all #spa .next-prev,
    .page-all #dining .next-prev{ padding-left:50px; }
    .page-all #spa .slick-slide{ width:calc( 95vw / 2 ); margin-right:65px; }

    .page-all #dining .slick-slide, 
    .page-all #experiences .slick-slide{ width:calc( ( 95vw - 65px ) / 2 ); margin-right:65px; }

    .page-all #dining{ padding-top:50px; }
    .page-all #events{ padding-top:80px; }
    .page-all #events .container-list-events{ margin-top:50px; }
    .page-all #events .container-list-events .item{ height:600px; }

    /*.page-all #tripadvisor-review .tripadvisor-review-slide{ padding-left:calc( ( 100vw - 95vw ) / 2 ) }
    .page-all #tripadvisor-review .detail-tripadvisor-review{ padding:100px 65px 100px 30px }
    .page-all #tripadvisor-review .detail-tripadvisor-review .read-more{ left:30px; }*/
    .page-all #tripadvisor-review .wrap-tripadvisor-all-review{ padding-left:30px; }
    .page-all #tripadvisor-review .tripadvisor-reward .container-button{ left:40px; right:40px; }

    .page-all #instagram-photo .wrap-list-instagram figure{ height:300px; }
    .page-all #instagram-photo .wrap-list-instagram figcaption span{ height:165px; }
    
    .gallery h2.title-default,
    .section-for-detail .container-detail h2,
    .offers #special-offer .container-content h2,
    .dining #special-offer .container-content h2,
    .page-all .wrap-gallery-product .container-content h2{ padding-left:35px; }

    .section-happenings-wrap .happenings-head .rounded-number,
    .section-promotions-wrap .promotions-head .rounded-number,
    .page-all .wrap-gallery-product .maximize-gold{ right:50px; }
    
    .contact-us section .container-content,
    .wrap-form-contact section .container-content,
    .section-for-detail .container-detail,
    .offers #special-offer .container-content,
    .dining #special-offer .container-content,
    .page-all .wrap-gallery-product .container-content,
    .gallery section .container-head-gallery,
    .gallery .wrap-list-gallery{ max-width:calc( 100% - 30px ); }

    .section-for-detail{ padding-top:0; }
    .page-all .wrap-gallery-product .slick-slide{ margin:0 15px; }

    .gallery .wrap-filter-gallery ul li{ margin-right:30px; }
    .gallery .wrap-list-gallery{ padding-top:50px; }

    .contact-us .wrap-form-contact{ padding:50px 0; }
    .contact-us .contact-information{ padding-bottom:0; }
    .contact-us .contact-information p.address{ margin-bottom:30px; }
    .contact-us .contact-information .row{ margin-bottom:0; }
    .contact-us .section-for-list .container-content > .row:first-child{ margin-bottom:0; }
}

@media (max-width:1152px){
    /* --- Global --- */
    nav a.logo{ width:251px; }
    nav a.logo img{ height:auto; width:190px; }
    nav .inner{ padding-left:245px; }
    nav ul li{ margin-right:25px; }
    .nav-showed-btn button{ width:150px; }
    #whatsup .container-news .grid-item article h2{ font-size:25px; }

    /* --- Destinations --- */
    .page-all #tripadvisor-review .tripadvisor-reward .badges-review{ width:265px; }
    .page-all #tripadvisor-review .tripadvisor-reward .badges-review h4{ font-size:15px; }
    
    .page-all #instagram-photo .wrap-list-instagram figure{ height:250px; }
    .page-all #instagram-photo .wrap-list-instagram figcaption{ padding:15px; }
    .page-all #instagram-photo .wrap-list-instagram figcaption span{ height:135px; }

    .page-all .wrap-gallery-product .slick-slide{ margin:0 10px; }
}

@media (max-width:1024px){
    /* --- Global --- */
    .line-vertical::before{ left:8px; }
    .line-vertical::after{ right:8px; }

    .grid-sizer, .grid-item{ margin-bottom:50px; }

    /* --- Corporate --- */
    #about-santrian article{ padding:35px; }

    /* --- Destinations --- */
    .section-for-list article .image-list{ margin-bottom:0; }
    .section-for-list article .content-list{ padding:40px 40px 40px 20px; }

    .offers .section-for-list .title-page{ font-size:40px; }

    .locations .choose-location-type{ width:95%; bottom:15px; }
    .locations .wrap-location-page .container-maps{ width:60%; }
    .locations .wrap-location-page .container-desc-location{ width:40%; }

    /*.page-all #tripadvisor-review .tripadvisor-review-slide{ padding-left:30px; }
    .page-all #tripadvisor-review .detail-tripadvisor-review{ padding:50px 30px 50px 0;  }*/
    .page-all #tripadvisor-review .wrap-tripadvisor-all-review{ padding:30px; }
    /*.page-all #tripadvisor-review .detail-tripadvisor-review .read-more{ left:0; bottom:55px; }
    .page-all #tripadvisor-review .slick-dots{ bottom:70px; right:30px; }*/

    .page-all #map-google{ height:500px; }
    .page-all #spa .slick-slide{ width:calc( ( 100vw - 65px ) / 2 ); }
    .page-all #dining .slick-slide, 
    .page-all #experiences .slick-slide{ width:calc( ( 100vw - 60px - 35px ) / 2 ); margin-right:35px; }

    .page-all .container,
    .page-all header .wrap-form-booking form{ max-width:100vw; }
    .page-all header .wrap-form-booking .form-button{ height:80px; }

    .page-all .container{ padding:0 30px; }

    .page-all header .hero-slide figure{ max-height:calc( 100vh - 80px ); position:relative; }
    .page-all header .wrap-form-booking{ height:80px; }
    .page-all header .wrap-menu ul li{ padding-right:20px; }

    .page-no-booking-wrap header .hero-slide figure{ max-height:100vh; }

    .page-all section .container-content,
    .page-all footer .container-footer{ max-width:100vw; padding:0 30px; }

    .section-happenings-wrap .happenings-list{ max-width:calc( 100vw - 16px - 40px ); }
    .section-happenings-wrap .happenings-list .slick-slide{ width:calc( 100vw - 16px - 40px ); }
    .section-happenings-wrap .happenings-list article{ padding:70px 30px; }
    .section-happenings-wrap .happenings-list article .link-default{ left:30px; }

    .page-all footer .container-footer{ padding:0 15px; }
    .page-all #wrap-list-default.wrap-page-static{ padding:50px 0; }

    .contact-us section .container-content,
    .wrap-form-contact section .container-content,
    .page-all .wrap-gallery-product .container-content,
    .offers #special-offer .container-content,
    .dining #special-offer .container-content{ padding:0; }
    
    .gallery h2.title-default,
    .section-for-detail .container-detail h2,
    .offers #special-offer .container-content h2,
    .dining #special-offer .container-content h2,
    .page-all .wrap-gallery-product .container-content h2{ padding-left:5px; }

    .section-happenings-wrap .happenings-head .rounded-number,
    .section-promotions-wrap .promotions-head .rounded-number,
    .page-all .wrap-gallery-product .maximize-gold{ right:20px; }
    
    .contact-us section .container-content,
    .wrap-form-contact section .container-content,
    .section-for-detail .container-detail,
    .offers #special-offer .container-content,
    .dining #special-offer .container-content,
    .page-all .wrap-gallery-product .container-content,
    .gallery section .container-head-gallery,
    .gallery .wrap-list-gallery{ max-width:calc( 100% - 16px ); }

    .page-all .wrap-gallery-product .slick-slide{ margin:0 5px; }

    #special-offer .list-item-offers,
    .section-promotions-wrap .container-slide .list-item-slide-wrp{ width:95vw; }

    .contact-us form{ padding:30px 20px 0; }
    .contact-us form .title-page{ padding-left:0; margin-bottom:30px; }
    .contact-us .contact-information h4{ font-size:16px; }
    .contact-us .contact-information .col-lg-6{ max-width:100%; flex:100%; -ms-flex:100%; margin-bottom:20px; }

    .contact-us section .container-content .row{ margin:0 -8px; }
    .contact-us section .container-content h2,
    .wrap-form-contact section .container-content h2{ padding-left:15px; }
    .contact-us .group-form button{ width:calc( 100% + 20px ); margin-right:0; }
}

@media (max-width:991px){
    /* --- Global --- */
    .line-vertical::before{ left:5px; }
    .line-vertical::after{ right:5px; }

    .booking-section fieldset p{ padding-top:0; }
    .booking-section fieldset .form-group{ margin-bottom:30px; }

    /* --- Corporate --- */
    nav button{ display:none; }
    nav .inner .burger-menu{ margin-right:30px; }

    header .wrap-menu ul{ display:none; }
    header .container-mobile{ display:block; width:100%; padding:0 30px; }
    header .container-mobile a{ display:inline-block; }
    header .container-mobile img{ height:33px; width:auto; }
    header .container-mobile .burger-menu{ position:relative; }
    header .container-mobile .burger-menu .wrap-element{ width:30px; float:right; cursor:pointer; }
    header .container-mobile .burger-menu .element{ height:1px; width:100%; background-color:#FFFFFF; margin:10px 0 0; display:block; }

    header .wrap-form-booking{ height:auto; padding:0; }
    header .wrap-form-booking .form-group label{ margin:0; }
    header .wrap-form-booking .form-default{ display:block; }
    header .wrap-form-booking .form-default .form-select{ padding:20px 45px 0; }
    header .wrap-form-booking .form-default .form-button button{ margin-top:20px; height:70px; }
    header .wrap-form-booking .form-default .form-select input{ width:100%; }

    #about-santrian .container,
    #royal-tour .container,
    #special-offer .container,
    #what-they-say .container,
    #whatsup .container-news,
    footer .container-footer{ max-width:100%; }

    #about-santrian{ padding:20px 0; }
    #about-santrian article{ padding:30px 20px; }

/*    .with-banner header{ height:auto; min-height:auto; }*/
    .with-banner #about-santrian{ padding-top:60px; }

    #about-santrian .container,
    #special-offer .container,
    #royal-tour .container{ padding:0 30px; }

    #royal-tour{ padding-top:30px; }
    #royal-tour .video{ margin-top:30px; height:500px; }
    #royal-tour .add-desc{ padding:30px 0 0; width:100%; }
    #royal-tour .add-desc p:last-child{ margin-bottom:0; }

    #whatsup, 
    #special-offer, 
    #what-they-say{ padding:30px 0; }

    footer .wrap-newsletter,
    footer .wrap-footer-menu,
    footer .wrap-footer-copyright{ padding:30px 15px; }

    #whatsup .container-news .desc-news, 
    #special-offer .wrap-title-section,
    #what-they-say .wrap-title-section{ margin-bottom:30px; }

    #whatsup .container-news .grid{ height:auto; }
    #whatsup .container-news .grid-item{ width:calc( 100vw - 100px ); height:auto; }
    #whatsup .container-news .grid-item figure{ height:450px; }
    #whatsup .container-news .grid-item article{ height:350px; padding:30px; }

    #special-offer .next-prev,
    .section-promotions-wrap .promotions-head .next-prev,
    .section-happenings-wrap .happenings-head .next-prev{ display:none; }

    #special-offer .list-item-offers,    
    .section-promotions-wrap .container-slide .list-item-slide-wrp{ width:97vw; }

    #special-offer .list-item-offers img,
    .section-promotions-wrap .container-slide .list-item-slide-wrp img{ width:100%; }

    #special-offer .list-item-offers .list-item-slide,
    .section-promotions-wrap .container-slide .list-item-slide-wrp .list-item-slide{ display:block; padding-right:15px; }

    #special-offer .list-item-offers article,
    .section-promotions-wrap .container-slide .list-item-slide-wrp article{ width:100%; padding:30px 0 0 30px; }

    #what-they-say img{ margin-bottom:0; }
    #what-they-say h3{ line-height:1.38; }
    #what-they-say .next-prev{ display:none; }
    #what-they-say .wrap-title-section{ padding:0 30px; }
    #what-they-say .desc{ background-color:#FFFFFF; padding:30px 20px; }
    #what-they-say .container .inner{ background-color:transparent; padding:0; margin:0 -15px; overflow:hidden; }
    #what-they-say .container-list-default-slide{ margin-left:15px; width:100%; }
    #what-they-say .container-list-default-slide article{ padding:0; width:calc( 97vw - 15px ); }
    #what-they-say .container-list-default-slide article a{ padding-right:15px; display:block; }

    #whatsup .container-news .grid-item .row .col-lg-7{ order:0; }
    #whatsup .container-news .grid-item article{ height:400px; }
    #whatsup .container-news .grid-item article .desc{ height:96px; line-height:24px; overflow:hidden; }

    footer .wrap-footer-menu h4{ margin-bottom:20px; }
    footer .wrap-footer-menu .discover{ margin-top:30px; }
    footer .wrap-footer-copyright .container-list-link{ margin-top:50px; }

    /* --- Destinations --- */
    #about-destination .video{ height:500px; }
    #about-destination .video-text{ max-width:100%; }

    .reserve-popup h2{ margin-bottom:30px; }
    .reserve-popup .container-popup{ padding:30px 30px 100px }
    .reserve-popup .container-popup form .row:nth-child(2) .col-lg-6:last-child label{ display:none; }
    .reserve-popup .container-popup form .select2-container{ width:100% !important; }

    .spa-reserve-popup .m-head{ display:block; margin-bottom:30px; }
    .spa-reserve-popup .container-popup{ padding:30px 30px 100px }
    .spa-reserve-popup .container-popup form .select2-container{ width:100% !important; }
    .spa-reserve-popup .row-head{ display:none; }

    .section-for-list article{ padding-bottom:0; }
    .section-for-list article h2{ height:auto; line-height:1.38; }
    .section-for-list article .content-list{ padding:30px 15px; }
    .section-for-list article .image-list{ height:auto; }
    .section-for-list .description{ height:auto; }

    .section-for-list .wrap-rate h3{ font-size:20px; }

    .section-for-list{ padding:30px 0; }
    .section-for-list .container-content > .row:first-child{ margin-bottom:30px; }

    .locations .wrap-location-page{ height:auto; }
    .locations .wrap-location-page .container-maps{ width:100%; height:500px; }
    .locations .wrap-location-page .container-desc-location{ position:static; width:100%; }

    .gallery .wrap-filter-gallery{ padding:30px 0 0 5px; }
    .gallery .section-for-list{ padding-bottom:30px; }
    .gallery .section-for-list .container-content > .row:first-child{ margin-bottom:0; }

    .page-all #spa, 
    .page-all #our-villa, 
    .page-all #experiences, 
    .page-all #video-gallery, 
    .page-all #special-offer{ padding:30px 0; }

    .page-all #spa .wrap-title-section,
    .page-all #our-villa .wrap-title-section,
    .page-all #video-gallery .wrap-title-section,
    .page-all #special-offer .wrap-title-section{ padding:0 15px 30px; margin-bottom:0; }

    .page-all #events{ padding-top:50px; }
    .page-all #events h2{ padding:0 30px; line-height:1.5; }

    .page-all #dining .wrap-title-section,
    .page-all #our-villa .wrap-title-section,
    .page-all #video-gallery .wrap-title-section,
    .page-all #experiences .wrap-title-section{ padding:0 30px 30px; margin-bottom:0; }

    .page-all #spa .next-prev, 
    .page-all #dining .next-prev,
    .page-all #experiences .next-prev,
    .page-all #spa .rounded-number,
    .page-all #dining .rounded-number,
    .page-all #experiences .rounded-number{ display:none; }

    .page-all section .container-content,
    .page-all footer .container-footer{ max-width:100vw; padding:0 15px; }

    .page-all .container{ padding:0 15px; }
    .page-all header .wrap-menu ul{ display:none; }
    .page-all header .wrap-form-booking form{ padding:0; }
    .page-all header .wrap-form-booking .form-button{ height:auto; max-width:100%; }

    .page-all #our-villa .container-content{ padding:0; }
    .page-all #our-villa .list-img{ height:auto; width:97vw; padding-right:15px; }
    .page-all #our-villa .list-img figure{ position:static; }
    .page-all #our-villa .list-img figure img{ height:550px; object-fit:none; }
    .page-all #our-villa .list-img .boxs{ display:block; padding:30px 30px 10px; }
    .page-all #our-villa .list-img .boxs h3{ font-size:40px; line-height:1.38; margin-bottom:30px; }
    .page-all #our-villa .list-img .boxs .description{ height:auto; line-height:1.68; margin-bottom:30px; }
    .page-all #our-villa article,
    .page-all #our-villa .next-prev,
    .page-all #our-villa form.form-default{ display:none; } 

    .page-all #video-gallery .container-content{ padding:0; }
    .page-all #video-gallery .list-img{ height:auto; width:97vw; padding-right:15px; }
    .page-all #video-gallery .list-img figure{ position:static; }
    .page-all #video-gallery .list-img figure a::before{ content:none; }
    .page-all #video-gallery .list-img figure img{ height:550px; object-fit:none; }
    .page-all #video-gallery .list-img .boxs{ display:block; padding:30px 30px 10px; }
    .page-all #video-gallery .list-img .boxs h3{ font-size:40px; line-height:1.38; margin-bottom:30px; }
    .page-all #video-gallery .list-img .boxs .description{ height:auto; line-height:1.68; margin-bottom:30px; }
    .page-all #video-gallery article,
    .page-all #video-gallery .next-prev{ display:none; } 

    .page-all #dining article,
    .page-all #experiences article{ background-color:transparent; }

    .page-all #dining article .act,
    .page-all #dining article .inner,
    .page-all #experiences article .act,
    .page-all #experiences article .inner{ background-color:#FFFFFF; padding:30px 15px; }

    .page-all nav button{ display:none; }
    .page-all nav .inner .burger-menu{ margin-right:30px; }

    .page-all header .wrap-logo{ display:none; }
    .page-all header .wrap-menu{ bottom:auto; top:0; border-bottom:1px solid rgb(255, 255, 255, 0.1); position:absolute; height:55px; z-index:2; padding:14px 0; }
    .page-all header .wrap-form-booking{ height:auto; padding:0; }
    .page-all header .wrap-form-booking .form-group{ width:100%; max-width: unset; }
    .page-all header .wrap-form-booking .form-group label{ width:100%; }
    .page-all header .wrap-form-booking .form-button{ position:static; width:100%; }
    .page-all header .wrap-title-page{ top:auto; bottom:380px; padding:0 30px; }
    .page-all header .hero-slide{ height:100vh; min-height:600px; }
    .page-all header .hero-slide figure{ max-height:100%; }
    .page-all header .hero-wrapper .container-discover{ text-align:right; }
    .page-all header .hero-wrapper .discover{ margin-top:30px; float:none; margin:0 auto; }
    .page-all header .container-mobile a{ width:210px; }
    .page-all header .container-mobile img{ height:auto; width:100%; }
    .page-all header .container-mobile .burger-menu{ top:-5px; }

    .page-all #spa .list-item-spa .read-more{ margin-bottom:5px; }
    .page-all #spa .list-item-spa h3{ height:auto; }
    .page-all #spa .wrap-slide-spa{ margin:0 -15px; }

    .page-all #spa .wrap-slide-spa,
    .page-all #dining .wrap-list-dining,
    .page-all #experiences .wrap-list-experiences{ overflow:hidden; }

    .page-all #dining .container-content,
    .page-all #experiences .container-content{ padding:0; }

    .page-all #spa .slick-list{ padding-left:30px; overflow:visible; }
    .page-all #spa .slick-slide{ width:calc( 97vw - 30px ); margin-right:0; padding-left:0; padding-right:15px; }

    .page-all #dining .slick-list,
    .page-all #experiences .slick-list{ padding-left:15px; overflow:visible; }

    .page-all #dining .slick-slide,
    .page-all #experiences .slick-slide{ width:calc( 97vw - 15px ); margin-right:0; padding-left:0; padding-right:15px; }

    .page-all #about-destination{ padding:0; }
    .page-all #about-destination article{ padding:30px; width:100%; }
    .page-all #special-offer .list-item-offers img{ width:100%; }
    .page-all #special-offer .list-item-offers article{ padding:30px 0 0 30px; }

    .page-all #tripadvisor-review .button-more{ width:100%; margin-top:30px; }
    .page-all #tripadvisor-review .tripadvisor-review-slide{ padding-left:50px; padding-right:50px; }
    .page-all #tripadvisor-review .detail-tripadvisor-review{ padding:30px; height:auto; }
    .page-all #tripadvisor-review .detail-tripadvisor-review .description{ height:auto; }
    .page-all #tripadvisor-review .detail-tripadvisor-review .read-more{ position:relative; bottom:auto; }
    .page-all #tripadvisor-review .slick-dots{ bottom:30px; position:static; }
    .page-all #tripadvisor-review .tripadvisor-reward{ height:500px; }
    .page-all #tripadvisor-review .tripadvisor-reward .container-button{ left:30px; right:30px; }
    .page-all #tripadvisor-review .wrap-tripadvisor-all-review{ padding:30px; }

    #tripadvisor-review .tripadvisor-review-slide{ height:auto; }
    #tripadvisor-review .tripadvisor-review-slide + .read-more{ position:static; display:block; margin:30px auto; }
    
    .page-all #events .container-list-events .slick-list{ padding-left:15px; }
    .page-all #events .container-list-events .slick-slide{ width:calc( 97vw - 15px ); }
    .page-all #events .container-list-events .item{ padding-right:15px; height:100%; }
    .page-all #events .container-list-events .item a{ position:static; }
    .page-all #events .container-list-events .item a:before,
    .page-all #events .container-list-events .item a:after{ content:none; }
    .page-all #events .container-list-events .item figure{ position:static; height:500px; }
    .page-all #events .container-list-events .item article{ position:static; background-color:#3C3C3C; padding:30px; }
    .page-all #events .container-list-events .item a button{ 
        background-color:#FFFFFF;
        text-align:center;
        line-height:40px;
        color:#d58300; 
        height:40px;  
        width:200px;}

    .page-all footer .wrap-social-media h3{ margin-bottom:30px; }
    .page-all footer .wrap-footer-copyright p{ float:left; }
    .page-all footer .wrap-newsletter,
    .page-all footer .wrap-footer-menu,
    .page-all footer .wrap-footer-copyright{ padding:30px 0; }

    .page-all #instagram-photo{ padding:30px 0; overflow:hidden; }
    .page-all #instagram-photo .wrap-title-section{ padding:0 30px; }
    .page-all #instagram-photo .container-content{ padding:0; }
    .page-all #instagram-photo .slick-list{ padding-left:15px; }
    .page-all #instagram-photo .wrap-list-instagram figure{ height:300px; }
    .page-all #instagram-photo .wrap-list-instagram figcaption span{ height:165px; }

    .page-all .header-custom-post{ padding:120px 30px 60px; }
    .page-all .wrap-gallery-product .next-prev{ display:none; }
    .page-all .wrap-gallery-product .slick-slide{ height:500px; }
    .page-all .wrap-slide-gallery{ margin-top:30px; }
    .page-all #wrap-list-default.wrap-page-static{ padding:30px 0; }
    .page-all #wrap-list-default.wrap-page-static .container{ max-width:100%; padding:0 30px; }

    .page-no-booking-wrap header .wrap-title-page{ bottom:80px; }

    .section-for-detail .bb-page-detail,
    .page-all .wrap-gallery-product{ padding:30px 0; }

    .other-product{ padding:30px 0; }
    .other-product h2.title-section{ margin-bottom:30px; }
    .other-product .container{ padding:0 30px; }

    .section-for-detail .container-detail h2{ padding-left:0; margin-bottom:30px; }
    .section-for-detail .specification .specification-list{ padding:15px 0; }
    .section-for-detail .specification .row:first-child .col-lg-6{ border-top:none; }
    .section-for-detail .specification .row:last-child .col-lg-6{ border-bottom:1px solid #e1d6c5; }
    .section-for-detail .specification .row:first-child .col-lg-6:first-child{ border-top:1px solid #e1d6c5; }
    .section-for-detail .specification .row:last-child .col-lg-6:last-child{ border-bottom:0; }
    .section-for-detail .specification:last-child{ padding-bottom:0; }

    .page-all .wrap-gallery-product .container-content h2,
    .offers #special-offer .container-content h2,
    .dining #special-offer .container-content h2{ padding-left:0; }

    .offers #special-offer .wrap-title-section,
    .dining #special-offer .wrap-title-section{ padding:0 0 30px; }

    .contact-us form{ padding:15px; }
    .contact-us .group-form button{ width:calc( 100% + 15px ); }
    .contact-us section .container-content .row{ margin:0; }
    .contact-us section .container-content h2, 
    .wrap-form-contact section .container-content h2{ padding-left:0; }

    .section-happenings-wrap .happenings-list{ max-width:calc( 100vw - 16px - 30px ); margin:30px 0; }
    .section-happenings-wrap .happenings-list .slick-slide{ width:calc( 100vw - 16px - 30px ); }
    .section-happenings-wrap .happenings-list article{ height:auto; padding:30px; }
    .section-happenings-wrap .happenings-list article .desc{ margin:30px 0; height:auto; line-height:1.38; max-width:90%; }
    .section-happenings-wrap .happenings-list figure{ position:relative; }
    .section-happenings-wrap .happenings-list article .link-default{ position:relative; left:auto; bottom:auto; }

    .with-banner header{ height: auto; }
}

@media(max-width:767px){
    /* --- Global --- */
    .gutter-sizer{ width:50px; }
    .grid-sizer, .grid-item{ width:calc( 50% - 25px ); margin-bottom:30px; }
    #whatsup .container-news .grid-item article .link-default{ margin-top:30px; }

    /* --- Destinations --- */
    #about-destination .video{ height:400px; }

    .fancybox-spa-reserve .fancybox-content,
    .fancybox-form-reserve .fancybox-content{ padding:30px 15px; }

    .section-for-list .description-page{ padding:15px 30px 0; }
    .hide-header .section-for-list{ padding-top:100px; }

    .page-all #tripadvisor-review .container-all-review,
    .page-all #tripadvisor-review .container-all-review .desc-all-review{ display:block; text-align:center; }
    .page-all #tripadvisor-review .container-all-review .desc-all-review{ margin-top:15px; }
    .page-all .wrap-gallery-product .slick-slide{ height:300px; }

    .other-product article{ padding:30px 20px; }
    .other-product article h3{ margin-bottom:30px; }
    .other-product .container{ padding:0 15px; }
    .other-product .description{ height:auto; margin-bottom:30px; }
    .other-product .row > .col-lg-6:first-child{ padding-right:15px; }
    .other-product .row > .col-lg-6:last-child{ padding-left:15px; }

    .gallery .wrap-list-gallery .grid-item,
    .gallery .wrap-list-gallery .grid-sizer{ width:50%; }

    .contact-us .wrap-form-group:last-child{ display:block; }
    .contact-us .group-form button{ width:100%; }
}

@media(max-width:575px){
    #about-santrian article h2,
    #royal-tour h2,
    #royal-tour .video h3,
    #special-offer h2,
    #what-they-say h2,
    #whatsup .container-news .title-default{ font-size:35px; line-height:1.38; }

    #royal-tour .video h3,
    #what-they-say h3{ font-size:25px; line-height:1.38; }

    #royal-tour .video{ height:300px; }
    #royal-tour .video h3{ padding:0 15px; margin-top:80px; }

    #what-they-say img,
    #special-offer .list-item-offers img{ height:300px; }

    footer .wrap-footer-copyright .wrap-logo-dest, 
    footer .wrap-footer-copyright ul.list-logo-dest{ display:block; }
    footer .wrap-footer-copyright ul.list-logo-dest{ margin-top:30px; }
    footer .wrap-footer-copyright ul.list-logo-dest li{ margin-left:0; margin-right:30px; }
    footer .wrap-footer-copyright p{ float:none; margin-top:15px; }

    footer .wrap-newsletter form{ display:block; height:auto; margin-top:30px; }
    footer .wrap-newsletter form button,
    footer .wrap-newsletter form input{ width:100%; }

    .header-custom-post h1{ font-size:40px; }

    #whatsup .container-news .grid-item{ margin:0; }
    #whatsup .container-news .grid-item figure{ height:350px; }
    #whatsup .container-news .grid-item article{ height:auto; }

    /* --- Destinations --- */
    .reserve-popup .container-popup{ padding:30px 20px 100px; }
    .reserve-popup .container-popup form button{ width:100%; border-bottom-left-radius:5px; }

    .spa-reserve-popup .container-popup{ padding:50px 30px 100px }
    .spa-reserve-popup .container-popup form button{ width:100%; border-bottom-left-radius:5px; }

    .home-destination header .wrap-title-page h1{ width:200px; font-size:40px; line-height:45px; }
    .home-destination header .wrap-title-page .align-items-center{ align-items:end !important; }

    .page-all header .wrap-title-page h1{ font-size:40px; line-height:45px; }
    .page-all header .wrap-title-page .align-items-center{ align-items:end !important; }
    .page-all header .hero-wrapper .discover{ 
        background-image:url('../images/arrow-discover-dark.svg');
        background-position:center;
        background-color:#FFFFFF;
        border-radius:10px;
        color:transparent;
        margin-bottom:8px;
        overflow:hidden;
        display:block;
        float:right;
        height:20px;
        width:20px;
        padding:0;}

    .page-all #instagram-photo .wrap-list-instagram a{ width:calc( 97vw - 15px ); margin:0; padding-right:15px; }
    .page-all #instagram-photo .wrap-list-instagram figure{ height:auto; }
    .page-all #instagram-photo .wrap-list-instagram figure img{ height:auto; }
    .page-all #instagram-photo .wrap-list-instagram figcaption{ display:flex; align-items:top; right:15px; }
    .page-all #instagram-photo .wrap-list-instagram figcaption span{ font-size:12px; padding:30px; }

    .page-all #dining article figure,
    .page-all #experiences article figure,
    .page-all #our-villa .list-img figure img,
    .page-all #video-gallery .list-img figure img,
    .page-all #events .container-list-events .item figure{ height:300px; }

    .page-all #map-google,
    .page-all #tripadvisor-review .tripadvisor-reward{ height:350px; }

    .page-all #tripadvisor-review .tripadvisor-reward .badges-review{ position:absolute; left:0; bottom:35px; right:30px; margin:0 auto; z-index:1; }
    .page-all #tripadvisor-review .tripadvisor-reward .container-button{ position:static; display:block; }
    .page-all #tripadvisor-review .tripadvisor-reward .container-button .link-default{
        color:transparent;
        position:absolute;
        height:100%;
        width:100%;
        padding:0;
        z-index:2;
        left:0;
        top:0;}
    .page-all #tripadvisor-review .tripadvisor-reward .container-button .link-default:before,
    .page-all #tripadvisor-review .tripadvisor-reward .container-button .link-default:after{ content:none; }
    .page-all #tripadvisor-review .tripadvisor-review-slide{ padding-left:15px; padding-right:15px; }

    .page-all #dining article .act .col-12, 
    .page-all #dining article .inner .col-12, 
    .page-all #experiences article .act .col-12,
    .page-all #experiences article .inner .col-12{ margin-bottom:20px; }

    .page-all #dining article .act .col-12:last-child, 
    .page-all #dining article .inner .col-12:last-child,
    .page-all #experiences article .act .col-12:last-child, 
    .page-all #experiences article .inner .col-12:last-child{ margin-bottom:0; }

    .page-all #events .container-list-events .item h3{ line-height:1.5; }

    .other-product h2.title-section{ font-size:35px; }
    .section-for-detail .list-amenities ul li{ width:100%; float:none; }
    .section-for-detail .list-amenities ul li:last-child{ margin-bottom:0; }

    .locations .wrap-location-page .container-maps{ height:350px; }
    .locations .wrap-location-page .container-desc-location{ padding:30px 0; }
    .locations .choose-location-type ul{ padding:0 15px; }
    .locations .choose-location-type ul li a{ color:transparent; width:50px; padding:0; display:inline-block; }
    .locations .choose-location-type ul li a:hover{ color:transparent; }

    .section-menu-wrap{ padding-bottom:0; }
    .section-menu-wrap .container-detail h2{ margin-bottom:30px; }
    .section-menu-wrap .list-file-dining{ display:block; }
    .section-menu-wrap .list-file-dining h4{ margin-bottom:20px; }
    .section-menu-wrap .download-pdf{ width:100%; }
    .section-menu-wrap .col-lg-12 .col-lg-12:last-child .list-file-dining{ padding-bottom:0; }

    .gallery .wrap-list-gallery .grid-item a{ padding:0 10px; }
    .gallery .wrap-list-gallery .grid-item, 
    .gallery .wrap-list-gallery .grid-sizer{ margin-bottom:20px; }

    .contact-us .wrap-form-group{ display:block; }
    .contact-us .group-form{ width:100%; margin-bottom:15px; display:block; }
    .contact-us .group-form .hidden{ display:none; }
    .contact-us .wrap-form-contact .desc-section{ width:auto; margin-top:15px; }

    footer.footer-destination .discover ul li{ width:50%; }
    footer.footer-destination .wrap-footer-menu .discover{ padding-bottom:15px; }

    footer .wrap-social-media .col-lg-6{ display:block; }
    footer .wrap-social-media ul{ margin-bottom:15px; }
    footer .wrap-social-media a.book-direct{ width:auto; }
    footer .wrap-footer-menu .list-contact ul li{ display:block; margin-bottom:15px; margin-right:0; }
}

@media(max-width:360px){
    /* --- Global --- */
    .gutter-sizer{ width:0; }
    .grid-sizer, .grid-item{ width:100%; margin-bottom:30px; }

    /* --- Corporate --- */
    header .wrap-form-booking .form-default .form-select{ padding:20px 15px 0 }

    #special-offer .list-item-offers,
    .section-promotions-wrap .container-slide .list-item-slide-wrp{ width:95vw; }

    #what-they-say .container-list-default-slide article{ width:calc( 95vw - 15px ) }

    #special-offer .list-item-offers .list-item-slide,
    #what-they-say .container-list-default-slide article a,
    .section-promotions-wrap .container-slide .list-item-slide-wrp .list-item-slide{ padding-right:5px; }

    /* --- Destinations --- */
    .page-all #dining article figure,
    .page-all #experiences article figure,
    .page-all #events .container-list-events .item figure{ height:250px; }

    .page-all #map-google,
    .page-all #tripadvisor-review .tripadvisor-reward{ height:300px; }

    .page-all #our-villa .list-img,
    .page-all #video-gallery .list-img,
    .page-all #special-offer .list-item-offers{ width:95vw; }

    .page-all #spa .slick-slide{ width:calc( 95vw - 30px ); }

    .page-all #dining .slick-slide, 
    .page-all #experiences .slick-slide,
    .page-all #events .container-list-events .slick-slide,
    .page-all #instagram-photo .wrap-list-instagram a{ width:calc( 95vw - 15px ); }

    .page-all #spa .slick-slide,
    .page-all #our-villa .list-img,
    .page-all #dining .slick-slide, 
    .page-all #video-gallery .list-img,
    .page-all #experiences .slick-slide,
    .page-all #events .container-list-events .item,
    .page-all #instagram-photo .wrap-list-instagram a,
    .page-all #special-offer .list-item-offers .list-item-slide{ padding-right:5px; }
    .page-all .wrap-gallery-product .slick-slide{ margin:0 5px  0 0; }

    .page-all #instagram-photo .wrap-list-instagram figcaption{ right:5px; }
    .page-all header .wrap-form-booking .form-default .form-select{ padding:20px 45px 0; }

    .page-all .wrap-gallery-product .slick-slide{ height:250px; }

    .other-product h2.title-section{ font-size:30px; }

    .section-for-list .button-list{ display:block; }
    .section-for-list .button-list button{ margin-top:30px; }

    footer .wrap-footer-copyright ul.list-logo-dest li:last-child{ margin-right:0; }

    .page-with-header-image .header-title h1{ font-size:35px; }
}

@media (min-width:768px){
    .video-desktop{
        display:block;
    }
    
    .video-mobile{
        display:none;
    }
}

@media (max-width:500px){
    .video-desktop{
        display:none;
    }
    
    .video-mobile{
        display:block;
    }
}