/* HOMEPAGE */
#hp main h3 {   font-family: "FS Siena"; font-weight: 400; font-size: 30px; line-height: 33px; text-align: center; letter-spacing: 0.2em;
    text-transform: uppercase; color: #231F20; padding-bottom: 25px;  width: 100%;}
#hp .hpsearch2 #divtxtSearchHp #ui-id-3, #ta #ui-id-3 {  max-width:340px;max-height: 88px; opacity:1; z-index:99999!important; background:#FFF;overflow:auto!important; position:absolute!important; margin-top:18px!important; overflow-x:hidden!important}
#hp .txtArrivalDate, #hp .txtDepartDate {    text-indent: 10px;   background: url(https://cimages.elitehavens.com/images/portals/eh2/calendar.png) no-repeat 105px !important    }
#hp input {   background: none;}
#hp header {  position: absolute; }

#hp main section.hero {  margin-top: 0px;}

#events .big-slideshow .owl-carousel .owl-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
#hp .big-slideshow .owl-carousel .item, #hp .big-slideshow .owl-carousel .owl-item img {  width:100%; display:block; overflow:hidden; background-position:top  }

#hp .spy.wrapped.stick, #events .spy.wrapped.stick { top: 82px !important }

.headerTitle { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }
    .headerTitle h1, .headerTitle p.title { font-family: "FS Siena"; font-style: normal; font-weight: normal; font-size: 40px;  line-height: 110%; text-align: center;
        letter-spacing: 0.2em;  text-transform: uppercase;   width: 621px;  }

#hp .half img, #events .half img { max-width: 100%; width: 100%; }
#hp .half img {min-height:45vh}
/*#hp .half img { height:62vh; display:block }*/
#hp .half img, #hp .half:last-of-type  { display:block; height:50vh }
#hp section p, #events section p {  font-family: "Majorant-Thin";  font-style: normal;  font-weight: 400;  font-size: 15px;  line-height: 21px;  text-align: left;
    letter-spacing: 0.02em; color: #231F20;  }

#hp h1, #hp h2, #hp h2 a, #events h2, #events h2 a, #hp .big-slideshow p.title {  font-family: "FS Siena";  font-weight: 400;  font-size: 40px; line-height: 44px; color: #231F20;
    text-align: center;  letter-spacing: 0.2em; text-transform: uppercase;  }
#hp h1 {text-transform:none!important}
    #hp h2 a, #events h2 a { text-decoration: none;  }
#hp .headerTitle h2 {   font-size: 33px }
#hp .luxuryrental .content { padding-bottom:0 }

#hp main, #hp .main, #hp section, #hp .wrapper {   display: block }

#hp form#frmCtry2 { background-color: #f7f7f7; position: relative;  z-index: 2;   }
    #hp form#frmCtry2 select {  background-size: 12px !important;  background-repeat: no-repeat !important; background-position: 95% center !important;
        padding: 10px; background: transparent; color: #231F20; font-size: 13px; font-family: "Majorant-Light"; border: 1px solid #231F20;  }

#hp select#drpCountry2, #hp selectdrpCountryPassport {  background-image: none !important; }

.brand { position: absolute; left: 50%; transform: translate(-50%, 25%);  z-index: 999; }

@media (max-width: 1439px) and (min-width: 1023px) {
    #hp h1, #hp h2, #events h1, #events h2 {   font-size: 30px;    }
    #hp .headerTitle h1, #hp .headerTitle p.title { font-size:34px!important }
    #hp .headerTitle h2 { font-size:26px }
}

@media all and (max-width: 1440px) and (min-width: 993px) {
    #hp main h3, #hp #inspired h3 { font-size: 20px !important;  line-height: 22px !important;  margin:0  }
    .headerTitle p.title { font-size: 32px!important;  line-height: 33px!important; }
    .headerTitle h1, #hp .headerTitle p.title {   width: 520px; margin:0; padding-bottom:20px   }
    .headerTitle h2 { font-size:26px }
    #hp section p, #events section p {  font-size: 15px; line-height: 18.2px;   }
}
@media all and (max-width: 897px) {
    .headerTitle  { margin-top:-200px}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
     .headerTitle  { margin-top:-150px}
    #hp .spy.wrapped.stick, #events .spy.wrapped.stick {  top: 62px !important;    }
    #hp .big-slideshow .owl-carousel .owl-item img, #events .big-slideshow .owl-carousel .owl-item img, 
       #hp .big-slideshow .owl-item .item, #hp .big-slideshow { height:80vh!important;  object-fit: cover; overflow:hidden  }
}

@media all and (max-width: 992px) {
    .headerTitle h1, .headerTitle h2, .headerTitle p {  max-width:333px; margin: 0 auto; font-size: 24px !important; letter-spacing: 0.2em !important; line-height: 22px !important; padding-bottom:20px    }
    .headerTitle h2 { font-size:19px!important }
    #hp h1, #hp h2, #events h1, #events h2 { font-size: 20px; line-height: 22px;    }
}

@media all and (max-width: 767px) {
    /*#hp header, #events header {  position: fixed;    }*/

    #hp .big-slideshow { height:80vh!important }
    #hp .big-slideshow .owl-carousel .owl-item img, #events .big-slideshow .owl-carousel .owl-item img, 
    .big-slideshow .owl-carousel .owl-item .item { height:82vh!important; width:100%; object-fit: cover; display:block; overflow:hidden  }

    #hp form#frmCtry2 { position: unset; top: 0; transform: translate(0px, 0px); background: none;  }

    .headerTitle { justify-content: flex-start;  transform: translate(0%, 17%)!important; margin-top:0!important    }    
}

.big-slideshow, .big-slideshow2 {  height: 100%; overflow: hidden; position: relative; }
.big-slideshow { height:80vh; display:block;  margin-bottom:100px; overflow:hidden  }
#hp .big-slideshow { margin-bottom:0!important }
#hp .big-slideshow .owl-carousel { overflow:hidden }

@media all and (min-width: 1441px) {
    .big-slideshow {  overflow: hidden;  position: relative; /* min-height: 100vh; */ height:750px; /* height: 100vh; */   }
}
@media (max-width: 1440px) {
    .dropdown-content { right: 50%; background: #fff !important; transform: translate(-50%, 0%); top: 57%; bottom: 0;    }  
}

@media all and (max-width: 992px) {
    .headerTitle h1, .headerTitle p {  margin-bottom: 0px !important;    }

    .dropdown1 .dropdown-content button.close, .dropdown-content button.close { position: absolute; left: 95%; top: -2%; right: 0; transform: translate(0%, 0);
        height: 29px; margin: 0; padding: 0;    }

    .dropdown1 .dropdown-content {  transform: translate(0%, 30%);    }
    /*
    .dropdown1 .dropdown-content, .dropdown-content {  height: 440px;    }
    */
    .dropdown .dropbtn {  min-width: 334px; max-width: 100%; padding: 15px 0 14px; font-size: 10.9804px; line-height: 11px; letter-spacing: 0.02em;
        position: absolute; transform: translate(-50%, 0%); top: 60%; left: 50%; right: 50%;    }

    .navbar a { font-size: 10px;  }

    .dropdown-content .row { /*margin: 5px 0 auto;*/  width: 100%;    }
}

/* HOMEPAGE SEARCH */
    #hpsearch2 { position: absolute; /*background: #CADDE3;*/  border-radius: 10px;  z-index: 999;  padding: 20px;  flex-direction: row; bottom:70px;
    justify-content: center;  color: #231F20;  transform: translate(-50%,1%); width:100%; max-width:1115px; opacity:80%; display:flex; background:rgb(202, 221, 227,0.9) }
   #hp .hpsearch2 .row1 { margin-right:25px; float:left; padding-bottom:8px }
   #hp .hpsearch2 .row1:last-of-type {    margin-right: 0;    }
   #hp .hpsearch2 .row1 input, .hpsearch2 .row1 .form-item { border-radius:10px; background-color:#FFF!important; border:solid 1px #FFF }
   #hp .hpsearch2 .row1 input {  border: 0.8px solid #FFF; border-radius: 10px;  color: #231f20;
        font-family: 'Majorant-Light'; font-size: 13px!important; font-style: normal; font-weight: 300; height: auto; letter-spacing: 0.19px; line-height: 15px;
        mix-blend-mode: normal; opacity: 1; text-align: left; white-space: nowrap; width: 100%; padding: 14px 10px 14px 20px;
        overflow: auto; max-height: 43.5px; 
    }
   #hp .hpsearch2 .txtArrivalDate { max-width:170px; text-indent:0!important }
    #hpsearch2 #noguest { border-radius:0; padding-top:0; padding-bottom:0; font-size:14px; margin-left:0; 
                          margin-right:0!important; text-align:center; padding-left:0; padding-right:0; margin-bottom:0   }
   #hpsearch2 .row1 .form-item { padding:6px; border-radius:15px }
   #hpsearch2 .row1 .form-item input { border:none; margin-left:15px; margin-right:10px!important; width:55px}
   #hpsearch2 .row1 label { font-family:'Majorant Light'; display:block; font-size:13px; color:#000}
   #hpsearch2 #txtSearchHp { width:350px }
    #hpsearch2 .txtArrivalDate, #hpsearch2 .txtDepartDate {
        background: url(https://cimages.elitehavens.com/images/portals/eh2/calendar.png) #FFF no-repeat  90%!important
    }
    #hpsearch2 i.fa.fa-minus.fa-stack-1x.fa-inverse, #hpsearch2 i.fa.fa-plus.fa-stack-1x.fa-inverse { border:none!important; background:#FFF; font-size:15px; color:gray; margin-right:0!important }
    #hpsearch2 button {  background-color: #231f20; border-radius: 15px;  height: 45px; opacity: 1; position: relative; width: 100%; color: #fff;
        color: #ffffff; font-family: 'Majorant-Light'; font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: 0.19px; line-height: 13.6px;
        text-align: center; white-space: nowrap; border: none; cursor: pointer; padding:0 25px!important; vertical-align:bottom; margin-top:30px; width:auto
    }
#hpsearch2 i.fa.fa-plus.fa-stack-1x.fa-inverse { float:right; margin-top:10px; margin-left:-10px}

@media all and (orientation: portrait) and (max-width:1024px) and (min-width:769px) {
    #hp .hpsearch2 { width:95%; margin-top:-40px }
        #hp .hpsearch2 .txtArrivalDate {  max-width: 130px;  text-indent: 0 !important   }
        #hp .hpsearch2 #txtSearchHp { width:250px }
        #hp .hpsearch2 .row1 { margin-right:15px }
        #hpsearch2 button { margin-top:30px!important }
}
@media all and (max-width: 768px) and (min-width:450px) and (orientation: portrait) {
    #hp .hpsearch2 { margin-top:-30px; }
}


@media all and (max-width: 1080px) {
    #hpsearch2 { width:90%; display:block; transform: translate(-50%,-5%);  }
    #hpsearch2 button { margin-top:30px; margin:0 auto; display:block; margin-bottom:10px}
    #hpsearch2 .form-item, #hpsearch2 input { margin-bottom:10px}
    #hpsearch2 .form-item { width:113px  }
    #hpsearch2 .row1 {margin-right:15px; width:auto; display:inline-block!important;  }
    #hp .hpsearch2 .txtArrivalDate {  min-width: 150px  }
    #hpsearch2 button { margin-top:10px }
}
@media all and (max-width: 969px) {
    #hpsearch2 { width:90% }
    #hpsearch2 .quick2 {margin-right:0!important}
    #hpsearch2 button { margin-top:30px}
}
@media all and (max-width: 898px) {
    #hpsearch2 {  width: 87%; transform:translate(-50%,-2%);   }
}

@media all and (max-width: 897px) {
    .hpsearch2 {   transform: translate(-50%,-5%); width:80%    }
    .hpsearch2 .form-item input {    width: 35px; margin:0 auto    }
    /*#hpsearch2 .row1:last-of-type { width:49%; float:right }*/
     .hpsearch2 .row1.quick1 { width:49%!important; float:left }
     .hpsearch2 .row1:last-of-type { width:49%!important; float:right!important}
    .hpsearch2 .row1.quick2 { width:49%!important; display:inline-block;  float:right!important }
    .hpsearch2 .row1 { display:block; width:100%!important; margin-right:0!important }
    .hpsearch2 .form-item { width: 100%!important  }
   
    .hpsearch2 .quick1 input, .hpsearch2 .quick2 input { width:100%!important; max-width:none!important }
    #hpsearch2 button { margin-top:28px; display:block; margin-bottom:10px; width:100%; text-wrap:auto }
    .hpsearch2 .row1.bed { width:49%!important; }
    #hpsearch2 .row1 input:not(.form-item input) {    width: 100% !important;    }
    #hpsearch2 .form-item div { width:auto; margin:0 auto; display:table}  
}
@media all and (max-width: 816px) {
    #hpsearch2 {   width: 85%;  transform:translate(-50%,-33%);   }
}

@media all and (max-width: 420px) {
    .hpsearch2 {  width: 90%!important; transform:translate(-50%,3%); zoom:1  }
    #hp .hpsearch2 .txtArrivalDate {   width:49%!important; text-indent:0!important; min-width:130px    }
    .hpsearch2 .row1.quick1, .hpsearch2 .row1.quick2 { width:49%!important }
    #hpsearch2 .txtArrivalDate { background: url(https://cimages.elitehavens.com/images/portals/eh2/calendar.png) #FFF no-repeat 95% !important  }
     .hpsearch2 .row1.bed { width:49% }
    #hpsearch2 .row1 input:not(.form-item input) {    width: 100% !important;    }
    #hpsearch2 button {margin-top:30px}
}

@media all and (max-width: 340px) {
    #hpsearch2 {  display: block;  width:90%!important;transform:translate(-50%,-12%); zoom:1   }
    #hpsearch2 .row1, #hpsearch2 .row1 input:not(.form-item input) { display:block; width:100%}
    .hpsearch2 .row1.quick1, .hpsearch2 .row1.quick2, .hpsearch2 .row1.bed, .hpsearch2 .row1:last-of-type { width: 100% !important;    }  
    .hpsearch2 .row1:last-of-type {margin-top:10px!important}
    #hpsearch2 .form-item div { width:100px }
    #hpsearch2 button {margin-top:0 }
}
#hp .hpsearch2 #divtxtSearchHp #ui-id-3 {  max-width:340px;max-height: 88px; opacity:1; z-index:99999!important; background:#FFF;overflow:auto!important; position:absolute!important; margin-top:18px!important; overflow-x:hidden!important}
@media all and (max-width:767px) {
    #divtxtSearchHp #ui-id-3 { max-height: 188px !important   }
}

#hp .luxuryrental h3, #hp #inspired h3 {
    font-family: 'Majorant-Thin'; font-size: 30px;  font-weight: 400; font-style: normal;  color: #231F20; letter-spacing: 0.02em; text-align: center; /* width: 533px; */
    margin: 0 auto; line-height: 33px;  margin-top: 50px; margin-bottom:15px }

        #hp #inspired h3 { text-transform:none!important; padding-bottom:0!important; margin-top:20px!important }

    #hp main h3 { font-family: "FS Siena"; font-weight: 400; font-size: 30px; line-height: 33px; text-align: center; letter-spacing: 0.2em;
        text-transform: uppercase; color: #231F20; padding-bottom:25px; width: 100%;   }

#hp .luxuryrental { padding:70px 0 0; margin-bottom:100px }
#hp .luxuryrental h1 { font-size:47px; line-height:77px; letter-spacing:0; color:#231F20; margin:0; padding:0; padding-bottom:25px }
#hp .luxuryrental h2 { font-size:22px; line-height:37px; letter-spacing:0; color:#231F20; margin:0; padding:0; font-family:Majorant-Light; text-transform:none; width:74%; margin:0 auto }
#hp .luxuryrental p { width:60%; margin:0 auto; text-align:center }


/* HOMEPAGE NEW H1 */
@media (max-width: 1920px) {  
    #hp .luxuryrental h1 { font-size:40px; line-height:70px;  }
    #hp .luxuryrental h2 { font-size:19px; line-height:34px;  }
}
@media (max-width: 1440px) {  
    #hp .luxuryrental h1 { font-size:35px; line-height:58px;  }
    #hp .luxuryrental h2 { font-size:16px; line-height:29px; margin-bo }
}
    @media all and (max-width: 767px) {
        .dropdown .dropbtn { min-width: 280px; top: 13%      }
    }
    @media all and (max-width: 768px) {
    #hp .luxuryrental h1 { font-size:30px; line-height:32px }
    #hp .luxuryrental h2 { font-size:15px; line-height:26px }
    #hp .luxuryrental {  margin-bottom:50px }
}
@media all and (max-width: 420px) {
    #hp .luxuryrental h1 { font-size:21px; line-height:25px }
    #hp .luxuryrental h2 { font-size:13px; line-height:21px}
}


    /* HOMEPAGE HAND-PICKED AND PROMOTIONS NAV */
    .hand-picked .owl-nav, #hp .promotions .owl-nav {  display: inline-flex; flex-direction: row; align-items: center; justify-content: center; position: absolute;
        top: 35%; z-index: 99999; width: 100%;  }

    #hp .promotions .owl-nav { top: 32%  }

    #hp .hand-picked .owl-prev, .promotions .owl-prev { float: left; color: #FFF; line-height: 0; background: url(https://cimages.elitehavens.com/images/portals/eh2/prev-dest-arrow.png) no-repeat !important;
        border: none !important; height: 70px; width: 35px !important;  position: absolute; left: 10px }

    #hp .hand-picked .owl-next, #hp .promotions .owl-next { float: right; color: #FFF; line-height: 0; background: url(https://cimages.elitehavens.com/images/portals/eh2/next-dest-arrow.png) no-repeat;
        border: none; height: 70px; width: 35px !important; position: absolute; right: 10px; border: none !important  }

    .hand-picked .owl-carousel .owl-item li img { height: auto; width: 20px; min-width: 20px; }

    .hand-picked .owl-carousel .owl-item li { display: inline-block; font-size: 13px; padding-top: 10px; font-family: 'Majorant-Light'; font-weight: 400;
        line-height: 18.2px;  padding: 0; margin: 0; }

        .hand-picked .owl-carousel .owl-item li span { vertical-align: text-top; min-width: 80px; display: inline-block;  }

        .hand-picked .owl-carousel .owl-item li a { font-size: 13px; text-decoration: none !important; color: #231F20  }
 
    .hand-picked .owl-carousel .content-item ul {padding: 0; margin: 0;  }

    /*.hand-picked .slideshow2 ul:last-of-type li:last-of-type { margin-bottom: 10px; }*/

    .hand-picked span.location { font-family: 'Majorant-Light'; font-size: 13px; line-height: 18.2px; display: inline-block  }

    @media all and (max-width: 450px) {
        .hand-picked .owl-carousel .owl-item li span { vertical-align: text-bottom; min-width: 80px; display: inline-block;  margin-top: 3px     }
    }

    @media all and (min-width: 993px) {
        .hand-picked .owl-carousel .owl-item img, .promotions .owl-carousel .owl-item img { height: 355px; width: 100%; display: block; object-fit: cover; overflow: hidden    }
    }

    @media (max-width: 1440px) and (min-width: 993px) {
        .hand-picked .item, .promotions .item { transform: translate3d(0px, 0px, 0px); padding: 0 30px !important; overflow: hidden     }

        .hand-picked .slideshow2 .owl-item .content-item {  opacity: 1;  }
    }

    @media (max-width: 1440px) {
        .hand-picked .slideshow2 h3.villa-name a, #hp .promotions h3.villa-name a { font-size: 18px !important; line-height: 22px !important; letter-spacing: 0.02em; display: block        }

        .hand-picked .owl-carousel .owl-item li img { width: 14px; height: 14px !important; margin-right: 4px; padding-top: 0 !important; margin-bottom: 0 !important; }
    }

    @media all and (max-width: 992px) {
        .hand-picked h3.villa-name a { font-size: 18px; line-height: 20px !important; letter-spacing: 0.02em; margin: 0 0 5px 0; display: block    }

        .hand-picked .owl-carousel .owl-item li,
        .hand-picked span.location, .hand-picked .slideshow2 .location a, .hand-picked ul li a { font-size: 11px !important; line-height: 11.7px; vertical-align: inherit  }

        #hp .promotions .left p, #hp .promotions .right p { font-size: 13px !important; display: block; height: max-content     }

        .hand-picked span#rptHandPick_ctl05_lblName a { font-size: 18px !important; line-height: 25.2px; letter-spacing: 0.02em; }

        .hand-picked .slideshow2 { padding-top: 0px;   }
        .hand-picked .item { transform: translate3d(0px, 0px, 0px); padding: 0 30px!important; overflow: hidden  }
        .hand-picked .owl-carousel .owl-item span img { height: auto; min-height: 260px }

        hand-picked h3, .promotions h3 { line-height: 22px !important }
            .hand-picked h3 a, .promotions h3 a { font-size: 18px !important; line-height: 22px !important  }

        .hand-picked a { font-size: 13px !important; letter-spacing: 0.02em; text-decoration: none !important; color: #231F20;  }

        .hand-picked h2 { max-width: 330px; margin: 0 auto; }

        .hand-picked .item, #hp .promotions .item { padding: 0 30px!important;  }
            .hand-picked .item img { height: 100%; }

        .hand-picked .owl-carousel .content-item { padding: 0  }

        .hand-picked .slideshow2 ul { line-height: 0;  display: contents    }
    }


/* HOMEPAGE HAND-PICKED POPUP */
#hp .hand-picked .btn-default { color:#FFF; width:180px; float:right; padding:15px 15px; font-size:12px; font-family:'Majorant Light';  }
#hp .hand-picked .btn-default.second {  background:#E7C2C4; color:#000; padding:5px 15px; border:none; display:none }
#hp .hand-picked .btn-default:hover { color:#000!important; background:#FFF; opacity:1 }
#hp .hand-picked .left { margin-bottom:15px }
#hp .hand-picked .left, #hp .promotions .left {float:left; width:65%; margin-right:15px;  }
#hp .hand-picked .right, #hp .promotions .right {float:left; width:32%;}

#hp .promotions .btn-default, #hp .hand-picked .btn-default, #hp .promotions .btn-default {  float:right; width:auto; padding:15px 35px 15px 35px; width:180px; margin-bottom:8px;}
#hp .promotions .btn-default2 {  background: #E7C2C4; color: #000; width: 180px; float: right; padding:8px 35px 8px 35px; font-size: 12px; font-family: 'Majorant Light'; border-radius:25px; text-decoration:none; text-align:center }

@media all and  (min-width:1024px) and (max-width:1320px)  {
    #hp .promotions .left, #hp .hand-picked .left { float: left;  width:100%!important; display:block; margin-right:0}
    #hp .promotions .right, #hp .hand-picked .right { margin:0 auto; display:block; width:100% }
    #hp .promotions .btn-default, #hp .promotions .btn-default2, #hp .hand-picked .btn-default { display: flex; float: none; width: max-content; text-align: center; align-items: center; margin:0 auto  }
}
@media all and (min-width:750px) and (max-width: 1023px)  {
    #hp .promotions .left, #hp .hand-picked .left { float: left;  width:65%}
    #hp .promotions .right, #hp .hand-picked .right {  float: right;  width: 30% }
}
@media all and (min-width:551px) and (max-width: 749px)  {
    #hp .promotions .left, #hp .hand-picked .left { float: left;  width:100%}
    #hp .promotions .right, #hp .hand-picked .right {  float: right;  width: 100%; display:block; margin:0 auto }
    #hp .promotions .btn-default, #hp .promotions .btn-default2, #hp .hand-picked .btn-default { display: flex; float: none; width: max-content; text-align: center; align-items: center; margin:0 auto; font-size:10px!important  }
}

@media all and (max-width:550px)  {
    #hp .promotions .left { float:none; float: left;  width:100%!important; display:block; padding-bottom:20px}
    #hp .promotions .right { text-align:center; display:block; margin:0 auto; width:100% }
    #hp .promotions .btn-default, #hp .promotions .btn-default2 { display: flex; float: none; width: max-content; text-align: center; align-items: center; margin:0 auto   }
}

@media all and (max-width:550px) {
    #hp .hand-picked .left { float:none; width:100%; display:block; padding-bottom:20px }
    #hp .hand-picked .right {  width: 100%;  margin: 0 auto; display: flex; }
    #hp .hand-picked .btn-default {  display: block;  position: relative; margin: 0 auto; width: auto !important;padding:8px 30px !important; font-size: 9px !important; }
}

    #hp .hand-picked .item span:hover > .hand-picked .promo-content,  #hp .promotions .item span:hover >  .promo-content {transform: translateY(-200%);   }


    #hand-picked-overview #vp { overflow:auto!important; max-height:730px!important }
    #hand-picked-overview #first { padding:0!important}

#hand-picked-overview {   z-index: 64 !Important;  overflow: auto !important;  overscroll-behavior: none !important;  overscroll-behavior-block: none !important;
    overscroll-behavior-y: none !important;  overscroll-behavior-inline: none!important; height:760px!important }


#hand-picked-overview #vp .inner .outer{  background: #EBEDEE;  padding:0!important }
#hand-picked-overview button.close, #promotions-overview button.close { position: absolute; top:12px; right:0; border: none; background: #000; color: #fff;
    border: none;  transform: translate(0%, 0);  height: 29px; width: 29px; border-radius: 40px;  z-index: 99999; cursor:pointer }
#promotions-overview button.close { margin-top:10px}

    .notfound .owl-nav {   display: none !important   }

    #hp .promotions h3 a { padding-bottom: 5px !important; display: block  }

    #hp .hand-picked h3 {  padding-bottom: 0  }

    h5.villa-name a:hover, .hand-picked a:hover, #hp .promotions a:hover { text-decoration: none !important; color: #231F20 !important;  }

    .hand-picked li { color: #231F20 !important; font-size: 13px !important; font-family: 'Majorant-Light' }

    .hand-picked span.location a { font-size: 13px; line-height: 18.2px; text-decoration: none !important; color: #231F20  }

    .hand-picked .slideshow2 ul { padding: 0; margin: 0;  }

    .hand-picked a:hover { color: #a37e2f; text-decoration: underline;  }

    .hand-picked .slideshow2 .owl-item.active .content-item { opacity: 1;  }

    .hand-picked .slideshow2 .owl-nav .owl-prev, .hand-picked .slideshow2 .owl-nav .owl-next { border: 1px solid #000; border-radius: 50%; padding: 6px 9.5px 6px 9.5px;
        -webkit-appearance: none;  line-height: 0;  }

  .slideshow2 h5.villa-name a, .slideshow2 h5.villa-name { font-family: "Majorant-Light"; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px;
        letter-spacing: 0.02em; color: #231F20; text-align: left !important; text-decoration: none; text-transform: none; margin-bottom: 0 !important; display: block; margin: 0   }

    #hp .promotions p { font-family: "Majorant-Light"; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; text-align: center; letter-spacing: 0.02em;
        color: #231F20; text-decoration: none;  }

    #hp .promotions .dontclose p { width:80%; margin:0 auto }

    #hp .promotions .content-item {  display: block; }

    #hp .promotions p.sub {  padding-bottom: 50px; margin: 0  }

    #hp .promotions .content-item p { font-family: Majorant-Thin; text-align: left;  }
        #hp .promotions .content-item p.loc { font-family: Majorant-light; text-align: left; font-size: 15px; margin: 0 }

    #hp .promotions .item img { max-height: 355px; min-height: 250px; width: 100%; height: auto; margin-bottom: 15px; object-position: center  }
        .hand-picked a:hover { color: #a37e2f; text-decoration: underline;  }

/* ==== HOMPAGE HANDPICKED ====*/
    #hp h2 {  margin: 0 auto;   padding-bottom: 35px  }

    .hand-picked h2 {  text-align: center;  font-family: "FS Siena";   }

    .hand-picked, #hp .promotions { background: #ebedee;   padding-bottom: 100px   }

    #hp .hand-picked h3 { padding-bottom: 0   }

    .hand-picked .see-villas {   text-align: center; padding-bottom: 50px  }

    .hand-picked a {text-decoration: none !important; color: #231F20;   }

    .hand-picked .item, #hp .promotions .item { border-right: 1px solid rgba(35, 31, 32, 0.15); padding: 0 50px; overflow: hidden   }

        .hand-picked .item span img, #hp .promo .item img:first-of-type { height: 368px; width: 100%; display: block; object-fit: cover; margin-bottom: 15px  }

    #hp .hand-picked section ul li { font-family: "Majorant-Thin"; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; text-align: left;
        letter-spacing: 0.02em; color: #231F20; margin-top: 0px;   }

    .hand-picked .slideshow2 h3.villa-name, .hand-picked .slideshow2 h3.villa-name a, #hp .promotions .slideshow2 h3.villa-name, #hp .promotions .slideshow2 h3.villa-name a {
        font-family: "Majorant-Light"; font-style: normal; font-weight: normal;  font-size: 24px; line-height: 29px;letter-spacing: 0.02em; color: #231F20;
        text-align: left !important; text-decoration: none; text-transform: none; margin-bottom: 0 !important; display: inline-block; margin: 0; padding-bottom: 5px    }

    .slideshow2 h5.villa-name a, .slideshow2 h5.villa-name { font-family: "Majorant-Light"; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px;
        letter-spacing: 0.02em; color: #231F20; text-align: left !important; text-decoration: none; text-transform: none;  margin-bottom: 0 !important;  display: block; margin: 0   }

/* HOMEPAGE HAND-PICKED OVERVIEW - POPUP */
.popup {  background: #EBEDEE;  overflow-x:hidden; z-index:64!important }
.popup .container { padding:50px }
.popup .wrapper { padding:0!important }
    .popup h1 {  font-family: 'Majorant-Light', sans-serif!important;  font-size: 30px!important;  font-weight: 400; margin-bottom: 10px; margin-top: 10px; line-height: 36px!important; display: inline-block;
        width: 83%; text-transform:none!important; letter-spacing:0.02em!important; margin-bottom:5px!important   }
    .popup a, .popup .details {  font-size: 12px !important;  font-family: 'Majorant Light'!important;    }
.popup p { font-size:15px!important;  }
.popup .villa-main {margin-top:-20px }
 .popup .owl .item {padding:0 5px!important; border:none!important}
.popup .includes .tags span {  background: #FFF !important; color:#231F20; font-family:Majorant-Thin  }
.popup .includes {  margin-top:10px!important; margin-bottom:10px!important }
.popup .villa-main{ margin-bottom:30px; font-family:'Majorant Light'!important }
.popup #first {margin-right:50px!important}
.popup .owl img { height:100%; object-fit:cover; display:block; min-height:300px }
.popup #second2 {  flex-basis: 25%;  max-width:220px!important;  padding: 30px;  zoom: normal !important;  z-index: 4 !important; font-size:14px; font-family:Majorant-Light!important; background:#EBEDEE }
.popup #first { opacity:1!important;  background: #EBEDEE; pointer-events: all!important }
.popup .price {font-family:'Majorant Light'!important; font-size:13px!important}
    .popup h1 {   float: left;   display: unset;    text-align: left !important;  width: 100% !important;  }
.popup .item { height: auto!important; min-height:300px; object-fit:cover }

@media all and (max-width: 1023px) {
    body .popup #first { margin-right:50px}
    .popup #second2 {  max-width: 250px;   }
}
.popup .price .currency {  font-size: 20px!important;  font-weight: 400!important;   line-height: 25px!important; font-family:'Majorant Light'!important; width:100%!important; padding-bottom:10px!important }
.popup main section.villa-main .row {margin-top:20px!important}
.popup .btn-default {float:left!important}
.popup #hand-picked-close, #promotions-close { cursor: pointer; float: right; width: 20px; height: 20px;  display: block !important; margin-top: -12px; right: 40px }

/* HOMEPAGE PROMOTIONS POPUP */
#promotions-overview { z-index:999!important; border-radius:25px; overscroll-behavior:none!important;  overscroll-behavior-block:none !important;
    overscroll-behavior-y:none!important;  overscroll-behavior-inline:none!important; overflow:auto }
#promotions-overview #divContent, .dontclose { overscroll-behavior:none!important;  overscroll-behavior-block:none !important;
    overscroll-behavior-y:none!important;  overscroll-behavior-inline:none!important; overflow:auto;  }
#promotions-overview #divContent { margin:50px; display:block;min-height:50px!important; max-height:670px!important }
#promotions-overview h1 { font-size:35px!important }
#promotions-overview h4 { font-size:20px!important; font-family:'Majorant Light'!important }
    #promotions-overview .group { align-items: initial !important;  }
#promotions-overview img, #promotions-overview .img img {max-height:350px!important; width:auto!important; display:block; margin:0 auto;  }
    #promotions-overview .btn-default {   width: auto !important; min-width: 160px; float: none !important; display: inline-block !important; }
    #promotions-overview .btns { display:inline-block; text-align:center; width:100%; margin-top:25px }
    #promotions-overview .btns .btn-default:first-of-type { margin-right:15px  }
    #promotions-overview h5 { margin:0 auto; text-align:center }
    #promotions-overview ul {  width:100%; background:#EBEDEE; text-align:center; border-top:solid 1px #000; border-bottom:solid 1px #000   }
    #promotions-overview ul li { width:auto; display:inline-block; color:#000; padding:5px 8px;  }
    #promotions-overview ul li a {color: #000; text-decoration:none  }
 #promotions-overview .owl-carousel {display:block!important}
 #promotions-overview .owl-dots { display:block!important }
#promotions-overview .owl-nav { display:none!important }
    #promotions-overview .wrapper {  padding: 20px 0 !important   }

#hand-picked-overview button.close, #promotions-overview button.close { position: absolute; top: 22px;right: 25px; border: none; background: #000; color: #fff;
    border: none;  transform: translate(0%, 0);  height: 29px; width: 29px; border-radius: 40px;  z-index: 99999; }


   /* HOMPAGE PROMOTIONS - HAND-PICKED */
    @media all and (max-width: 480px) {
        #hp .promotions .left, #hp .promotions .right {  width: 100%; display: block;  width: 100% !important;  }

        #hp .promotions .btn-default, #hp .promotions .btn-default2 { padding: 5px 18px;   }

        .hand-picked .owl-nav, #hp .promotions .owl-nav { display: none }
    }

    @media all and (max-width: 420px) {
        .hand-picked .slideshow2 ul { line-height: 0;  display: flex; vertical-align: bottom  }

        .hand-picked .owl-stage-outer { min-height: 400px }

        #hp .hand-picked .btn-default {
            width: 85% !important; /* line-height: 0; */ /* margin: 0 0 5px 0; */ display: contents; display: block; float: none !important; max-width: unset; padding: 5px 15px !important;
            font-size: 10.38px !important     }

        .hand-picked .slideshow2 h5.villa-name, .hand-picked .slideshow2 h5.villa-name a {  line-height: 18px !important; }

        .hand-picked .owl-nav, #hp .promotions .owl-nav { display: none }
    }

/* HOMEPAGE HAND_PICKED */
#hp .promotions .hpwhole {  width: 100%; display: inline;  padding-bottom: 15px }

#hp .hand-picked .item span ~ .promo-content:before, #hp .promotions .item span ~ .promo-content:before {  content: '';
    top: 0; height: 100px; margin-top: 0px; background: #363332; z-index: -1; position: absolute; overflow: hidden }

#hp .hand-picked .item span > .promo-content, #hp .promotions .item span > .promo-content { position: absolute; top: 0;
    bottom: 8px; background: #363332; color: #fff; height: auto;opacity: .8; z-index: 990;  font-size: 15px;  font-weight: 400;
    transform: translateY(-200%); max-width: 100%; text-align: center; cursor: pointer; overflow: hidden;  margin-bottom: 30px
}

.hand-picked .promo-content span, .promotions .promo-content span { max-width: 100%;  display: flex;  margin-left: 39%; /* margin-top: 20%; */
    font-size: 24px; opacity: 1; overflow: hidden; vertical-align: middle; align-items: center; height: 100%;}

#hp .hand-picked .item span:hover > .promo-content, #hp .promotions .item span:hover > .promo-content { transform: translateX(0%) !important;
    width: 100%; z-index: 999; overflow: hidden !important;  transition: none; }

@media (orientation: portrait) {
    #hp .hand-picked .item span:hover > .promo-content, #hp .promotions .item span:hover > .promo-content { transform: translateY(-200%);    }
}

@media (orientation: landscape) {
    #hp .hand-picked .item span:hover > .promo-content, #hp .promotions .item span:hover > .promo-content { transform: translateY(-200%);  }
}

@media all and (max-width: 992px) {
    .hand-picked .promo-content span, .promotions .promo-content span { max-width: 100%; display: flex; margin-left: 35%; /* margin-top: 20%; */
        font-size: 24px; opacity: 1; overflow: hidden; vertical-align: middle; align-items: center; height: 100%;  }
}

@media all and (max-width: 767px) {
    #hp .hand-picked .promo-content, #hp .promotions .promo-content {   display: none   }
}


. /* HOMEPAGE SUBCRIBED - NEAR FOOTER */
#hp .subscribe .join form input::placeholder {
    color: #000;
}
#panError {  color: red;  font-size: 15px; width: auto; margin: 0 auto; padding: 0; text-align: left;  max-width: 1001px; padding-bottom: 25px; }

   .subscribe .join form label { color: #fff; font-family: 'Majorant-Light', sans-serif; font-size: 20px; line-height: 22px; display: block; /* max-width: 700px; */
        margin-bottom: 10px; text-align: center !important; margin: 15px 0 25px; width: 100% !important;  }

    #hp .subscribe .join form .form-item input { width: 46.7%; }
      #hp .subscribe .join form input { font-family: "Majorant-Light"; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18.2px; color: #231F20;
        display: inline-block; width: 100%; padding: 0 0 10px 4px; margin-bottom: 30px; vertical-align: top; border: none; border-bottom: 1px solid rgba(0, 0, 0, 1);
        font-weight: bold   }

      #hp .subscribe .join form select { line-height: 18.2px;color: #231F20; display: inline-block; width: 100%; padding: 0 0 10px 0; margin-bottom: 30px;
        vertical-align: top; border: none; border-bottom: 1px solid rgba(0, 0, 0, 1); font-size: 13px; font-weight: bold; font-family: 'Majorant Light'   }

#home select#drpCountry, #hp select#drpCountry, #hp select#drpCountryPassport {  background: none;}
#join form input:-moz-placeholder, #hp .subscribe .join form input:-moz-placeholder, #hp .subscribe .join form input::-moz-placeholder {
    color: #000!important; font-weight: bold;  opacity: 0.8;  font-size: 13px;  font-family: 'Majorant Light'}

        #hp .subscribe .group { align-items: flex-start !important;  justify-content: center;  width: 80%; margin: 0 auto;  }
        #hp .subscribe .group .half { height: auto !important   }

    #hp .subscribe ul li { font-family: "Majorant-Thin"; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; text-align: left; letter-spacing: 0.02em;
        color: #231F20; margin-top: 0px; }

      #join form input::-webkit-input-placeholder, #hp .subscribe .join form input::-webkit-input-placeholder { font-weight: bold; font-size: 13px; color:#000    }

 #hp .subscribe { padding-top: 100px; padding-bottom: 50px; background-color: #CADDE3 !important;  }

        #hp .subscribe h3 { margin: 0 auto 50px; max-width: 44%; }

        #hp .subscribe p {  text-align: left;  }

        
    @media all and (max-width: 1023px) {
        #hp .subscribe .group .half { flex: 1;    }
        /* .subscribe .join form {        margin-top: 40px;        } */
        #hp .subscribe .join form { margin-top: 0px !important; }
    }

    @media all and (min-width: 1440px) {
        #hp .subscribe .group .half { /* flex: 1; */ width: calc(90% /2 );    }
    }

    @media all and (max-width: 1439px) and (min-width: 1024px) {
        #hp .subscribe .group .half { flex: 1;  }
    }
    @media all and (max-width: 1500px) {
        #hp .subscribe .join form .form-item input {  width: 47.7% !important;    }
    }

    @media all and (max-width: 1023px) {
        #hp .subscribe ul li { font-size: 13px !important; line-height: 18.2px !important; letter-spacing: 0.02em;    }

        #home select, #hp select,
        #hp .subscribe .join form input::placeholder,
        #hp .subscribe .join form .form-item input::placeholder { font-size: 12px; line-height: 13px;    }
    }

    @media all and (max-width: 992px) {
        #hp .subscribe { padding: 0px;    }
            #hp .subscribe .group { width: 100% !important; padding-top: 30px; }
            #hp .subscribe .half:first-of-type { padding-right: 0px !important;  }
            #hp .subscribe .join form, .subscribe .join form input, .subscribe .join select { width: 100% !important; }

        .subscribe .group {  display: block;    }

        #hp .subscribe ul { padding-left: 20px;  }

        #hp .subscribe h3 { font-size: 20px!important; line-height: 22px!important; letter-spacing: 0.2em; max-width: 330px; margin-bottom: 0px; }

        #hp .subscribe .box { margin: 100px 0px; }

        #hp .subscribe p:last-of-type { padding-top: 10px; margin-bottom: 0px;  }

        #hp .subscribe .half:last-of-type { padding-left: 0px !important; padding-top: 60px;  }

        #hp .subscribe .join form #lname { margin-left: 0px !important; }

        #home select { background: none !important;    }               

        #hp .subscribe .join form .form-item input { width: 100% !important; background: #CADDE3 !important;    }

        #hp .subscribe .join form button { border-radius: 0px !important;    }
    }
        #hp .subscribe .join form select { line-height: 18.2px;color: #231F20; display: inline-block; width: 100%; padding: 0 0 10px 0; margin-bottom: 30px;
        vertical-align: top; border: none; border-bottom: 1px solid rgba(0, 0, 0, 1); font-size: 13px; font-weight: bold; font-family: 'Majorant Light'   }

    #hp .subscribe .join form #drpCountry option:not(:first-of-type) {  color: #000; /* font-weight: 400; */    }
    /* #hp .subscribe .join form #drpCountry {  color: #677274 !important;} */
    #hp .subscribe .join form #fname { margin-right: 15px;   }

    #hp .subscribe .join form #lname { margin-left: 15px; }
    #hp .subscribe .half:first-of-type {  padding-right: 50px; }

   #hp .subscribe .join form .form-item input {  width: 46.7%;  float:left }
    #home .form-col-2 input { width: 95%  }

    #home .form-col-2 .form-item:nth-of-type(2) input { float: right;  }

    #hp .subscribe .join form button { border: none; background: rgba(35, 31, 32, 1);  color: #fff; font-family: 'Majorant-Light'; font-size: 12px; border: 1px solid #231F20;
        line-height: 16.8px; letter-spacing: 0.02em; cursor: pointer;  text-transform: uppercase; -webkit-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out; margin-left: 2px; /* height: 100%; */ padding: 15px 35px 14px; /* margin: 20px 0; */   text-transform: capitalize;
        border-radius: 25px !important;  width: 112px;   }

    @media (max-width: 1500px) and (min-width: 993px) {
        #hp .subscribe .join form #fname {  margin-right: 0px !important;  }
    }


    .subscribe .join form button:hover { background: #fff !important; color: #231F20 !important;  }

    .subscribe .join strong { color: #fff; font-family: 'Majorant-Light', serif;font-size: 25px; font-weight: 400; line-height: 35px; float: left; margin-right: 50px;  }

    .subscribe .join .chat {  background: url(../images/portals/eh2/chat-ico.png) no-repeat left center; padding-left: 40px; color: #fff; font-family: 'Majorant-Light', sans-serif;
        font-size: 18px; line-height: 25px; margin: 0 0 3px; overflow: hidden; text-decoration: none; display: block;  }

    .subscribe .join .call {  background: url(../images/portals/eh2/phone-ico.png) no-repeat left center; padding-left: 40px; color: #fff;  font-family: 'Majorant-Light', sans-serif;
        font-size: 18px; line-height: 25px; margin: 0; overflow: hidden; text-decoration: none; display: block;   }

    

    /* HOMPAGE ELITE SECTION - shelter */
    #hp .elite { padding-bottom: 100px  }

    #events .elite {  margin-top: 0px; padding-top: 100px; padding-bottom: 50px;  }

        #hp .elite .group .half, #events .elite .group .half { width: 50%; min-height: max-content !important     }

            #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type { padding: 0 25px;  margin-right: 50px;  }

            #hp .elite .group .half:first-of-type, #events .elite { align-items: center }

                #hp .elite .group .half:last-of-type, #events .elite .group .half:last-of-type { border-left: 1px solid rgba(35, 31, 32, 0.15);  padding-left: 50px;   }

                #events .elite p { color: #231F20;  max-width: 504px; margin: 0 auto; text-align: center; }

    #hp .elite p { color: #231F20; max-width: 504px; text-align: center; margin: 0 auto; display: block; padding-bottom: 30px  }


    #hp .btn-elite { text-align: center   }
        #hp .btn-elite a:hover, #events .btn-elite a:hover {  background: #a37e2f;      }

    #hp .elite-content, #events .elite-content { width: 610px;  margin: 0 auto;  }

    #hp .homemsg, #events .homemsg { text-align: center; width: 100%; font-size: 13px; margin-top: 30px; padding: 0; line-height: 18px   }

    @media all and (max-width: 1440px) and (min-width: 993px) {
        #hp h1, #hp h2, #events h1, #events h2 { font-size: 30px;   }
        /*#hp .elite,*/ #events .elite {  padding-top: 100px;    }

        #hp .elite-content, #events .elite-content { width: 427px; margin: 0 auto; padding-bottom: 35px }

        #hp .elite-content {  padding-bottom: 0     }

        #hp .elite .group .half:last-of-type, #events .elite .group .half:last-of-type { padding-left: 30px; min-height: 283px;  }

        #hp .elite .group .half:last-of-type {  min-height: 283px !important      }

        #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type {  margin-right: 30px;  align-items: center;  justify-content: center     }

        #hp .elite p, #events .elite p {  max-width: 370px;    }
    }

    @media all and (max-width: 992px) {
        #hp .elite .group { display: block;  }

            #hp .elite .group .half, #hp .elite .group h3 { width: 100%  }
                #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type { padding-right: 0  }

        #hp .elite p, #events .elite p { width: 100%  }

        #events .elite .group .half:last-of-type { border-left: 0; padding: 50px 0;   }

        #hp .elite .group .half:last-of-type { padding-left: 0; padding-right: 0;  display: block  }
    }

    @media all and (max-width: 992px) {
        #hp .group h3 {  display: block;     }

        #hp .elite-content {  width: 100%;    }

        #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type { display: block; margin-right: 0px; padding: 0px; border-bottom: 1px solid rgba(35, 31, 32, 0.15);      }

        #hp .elite .group h3 {  max-width: 350px; font-size: 20px !important; line-height: 22px; letter-spacing: 0.2em;
            margin: 0 auto; padding: 50px 0 25px  }

        #hp .subscribe h3, #hp .destinations h3 {  font-size: 20px !important; line-height: 22px;     }

        #hp section p:not(.headerTitle p), #hp #inspired h3, #hp main h3 {
            font-size: 13px !important;
            line-height: 18px !important;
        }
}
    @media all and (max-width: 992px) {
        #hp .group h3 {  display: block;     }

        #hp .elite-content, #events .elite-content {  width: 100%;    }

        #hp .elite .group .half:first-of-type { display: block; margin-right: 0px; padding: 0px; border-bottom: 1px solid rgba(35, 31, 32, 0.15);      }

        #hp .elite .group h3 {  max-width: 350px; font-size: 20px !important; line-height: 22px; letter-spacing: 0.2em;
            margin: 0 auto; padding: 50px 0 25px  }

        #hp .subscribe h3, #hp .destinations h3 {  font-size: 20px !important; line-height: 22px;     }

        #hp section p:not(.headerTitle p), #events main h4, #events section p, #hp #inspired h3, #hp main h3 { font-size: 13px !important; line-height: 18px !important;  }

        #hp .btn-elite { padding-bottom: 30px!important;    text-align: center  }
        
        #hp .elite p, {  max-width: 330px;     }
    }
.group { display: flex; flex-direction: row; align-items: center; justify-content: center;  }

    /* HOMPAGE  TAGLINE SECTION */
    .tagline h2 {   text-transform: uppercase; font-family: "FS Siena"; font-weight: 100; width: 60%;  font-size: 40px; line-height: 44px; color: #231F20; padding-bottom: 0 !important    }

    .tagline .content { text-align: center; padding-bottom: 50px; border-bottom: 1px solid rgba(35, 31, 32, 0.15);  }

    .tagline .col .btn:hover { text-decoration: underline; color: #a37e2f;  }

    .tagline a { font-family: "Majorant-Light"; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; text-align: center; letter-spacing: 0.02em;
        color: #231F20; text-decoration: none;  }

    #hp .content { text-align: center;  padding-bottom: 35px;   }

    #hp #magazine .content { padding-bottom: 0  }

    @media all and (max-width: 1440px) and (min-width: 1024px) {
        .tagline a { font-size: 13px; line-height: 18.2px; }
    }

    @media all and (max-width: 1023px) {
        .tagline .wrapper {  padding-bottom: 0px !important;    }

        .tagline .row {  padding-bottom: 30px; }

        .tagline h2 { font-size: 20px !important; line-height: 22px !important;     }
    }

    @media all and (max-width: 767px) {
        .tagline .content { border-bottom: none !important;     }
    }


    /* ==== HOMEPAGE NEW JOURNEY ====*/
    .ui-accordion .ui-accordion-content {  margin: 0 !important  }

    .ui-accordion .ui-accordion-content { padding: 0  }

    .destinations { padding-bottom: 100px  }

    #events .destinations { padding-bottom: 0 !important  }

    .ui-accordion .ui-accordion-header {  margin: 0 !important  }

    .destinations h3 { text-align: left !important; pointer-events: none; }
        .destinations h3 a {  pointer-events: auto;  display: block; width: 100%     }
        .destinations h3.ui-state-active a {  color: #231F20 !important;    }
        .destinations h3.ui-state-default a, .destinations h3.ui-state-default a:link { color: rgba(35, 31, 32, 0.4);    }

    .destinations img {  width: 100%;  }

    .destinations .row {  display: flex; overflow: hidden;   }

    .destinations .wrapper { padding-top: 50px;  }

    .destinations a { text-decoration: none;  color: #fff;  }
        .destinations a:hover { color: #000;    }

    .destinations .row .col {  flex: 1;   }
        .destinations .row .col:last-of-type { padding-left: 50px; padding-right: 0px; }

    .destinations .row .col { padding-right: 50px; border-left: 1px solid rgba(35, 31, 32, 0.15);  }
        .destinations .row .col:nth-of-type(1) { flex-basis: 540px; max-width: 540px; border-left: none; padding-left: 0px;     }

    #events .destinations .ui-accordion .ui-accordion-content { height: auto !important; padding-bottom: 50px  }

    .destinations .row .col:first-of-type h3.ui-accordion-header-active { padding-bottom: 25px !important; background: none !important    }

    .destinations .row .col:nth-of-type(1) h3 {  background: transparent !important;  border: none; padding: 0; text-decoration: none  }

    .destinations .btn-default { width: 174px;   }

    .destinations .row .col:nth-of-type(1) h3 span.ui-accordion-header-icon { display: none;  }

    .destinations .accordion-content { padding-left: 0; border: none;  }

    .destinations .ui-accordion .ui-accordion-content { overflow: visible; height: auto !important; background: none; padding: 0  }
        .destinations .ui-accordion .ui-accordion-content:last-of-type { margin-bottom: 20px;   }

    .destinations h3.ui-accordion-header-active {  color: #231F20;   }

    .destinations h3.ui-accordion-header-collapsed { color: rgba(35, 31, 32, 0.4) !important;  }

    .destinations .mob-img img { display: none !important;  }

    .destinations .btn-default { margin-bottom: 75px; display: block; color: #FFF  }
        .destinations .btn-default:hover {  color: #000  }

    #events .destinations .btn-default { margin-bottom: 35px; display: inline-block  }

    @media all and (min-width: 1440px) {
        .destinations .row .col:nth-of-type(1) p { margin-bottom: 50px;     }
    }

    @media all and (max-width: 360px) {
        .destinations .btn-default { display: block; margin-bottom: 25px    }

        #events .destinations img {  width: 100%    }

        #events section p {  width: 100%     }
    }

    @media all and (max-width: 1440px) and (min-width: 993px) {
        .destinations .row .col { padding-right: 30px;     }

            .destinations .row .col:last-of-type { padding-left: 30px;  }

            .destinations .accordion-content,
            .destinations .row .col:nth-of-type(1) p { padding-bottom: 0px; margin-top: 0       }

            .destinations .row .col:nth-of-type(1) { flex-basis: 500px; max-width: 500px;  }
    }

    @media all and (max-width: 992px) {
        .destinations h3 {  pointer-events: auto;  padding-bottom: 0 !important  }
            .destinations h3:hover { text-decoration: underline; }

        .destinations .ui-accordion .ui-accordion-content { padding-bottom: 50px;  }

        .destinations .row .col:first-of-type h3.ui-accordion-header-active { padding-bottom: 15px !important; margin: 0px !important; }

        .destinations .mob-img img { display: block !important; min-height: 350px  }

        .destinations .row .col:last-of-type {  display: none;    }

        .destinations .row .col { padding: 0px; }

        .destinations img { padding-bottom: 29px }

        .destinations .row .col:nth-of-type(1) {  flex-basis: 100%; max-width: 100%; }

        .destinations p {  padding-bottom: 29px;  }

        .destinations .wrapper { padding-top: 0px; padding-bottom: 0px;  }

        /*.destinations .mob-img { padding-top: 25px;  }*/

        .destinations .accordion div {  height: auto !important;   }

        .destinations h3 { font-size: 20px !important; letter-spacing: 0.15em !important; line-height: 22px !important;   }

        .destinations .row .col:nth-of-type(1) h3 { height: 45px; align-items: center; display: inline-flex; vertical-align: middle; margin: 0 !important;   }

        .destinations .row .col:nth-of-type(1) h3 {          border-top: 1px solid rgba(35, 31, 32, 0.15);
        }

            .destinations .row .col:nth-of-type(1) h3:last-of-type {
                border-bottom: 1px solid rgba(35, 31, 32, 0.15);
            }
    }

        /* HOMEPAGE DELIGHTS SECTION */
    .delights { background: #ebedee; padding-bottom: 100px  }
        /*.delights .wrapper {   padding: 100px 0 50px!important;    }*/
        .delights a { text-decoration: none;  }

        .delights p { text-align: center !important; width: 403px; padding-bottom: 50px; display: inline-block; margin: 0   }

        /*.delights .owl-stage-outer { bottom: 25px }*/

        .delights .item { border-right: 1px solid rgba(35, 31, 32, 0.15); padding: 0 50px 50px; width: inherit    }
            .delights .item img { height: 403px; max-width: 100%; object-fit: cover;  }

    #hp .delights .owl .item img { margin-bottom: 35px; height: 50vh; object-fit: fill; margin-bottom: 20px  }

    .delights .slideshow1 p { font-family: "Majorant-Thin"; font-size: 30px; width: 100%; color: #231F20; padding-top: 20px;  }

    .delights .slideshow1 .owl-nav .owl-prev, .delights .slideshow1 .owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav .owl-next {
        border: 1px solid #000 !important;  border-radius: 50% !important; padding: 6px 9.5px 6px 9.5px !important;  -webkit-appearance: none;
        line-height: 0; color: #000; font: initial !important   }

    .delights .owl-nav, .owl-nav {  padding-top: 0;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;    }

    .delights .slideshow1 { padding-bottom: 0; }

        #hp .delights .owl-nav .owl-next {  border: 1px solid #000 !important }

        .hand-picked .slideshow2 .owl-nav .owl-prev, .hand-picked .slideshow2 .owl-nav .owl-next,
        .signature-slideshow .owl-nav .owl-prev, .signature-slideshow .owl-nav .owl-next,
        .delights .slideshow .owl-nav .owl-prev, .delights .slideshow1 .owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav .owl-next {
            margin: 0px 5px;
            border: none !important
        }

    @media all and (min-width: 1920px) {
        .delights .item img { height: 40vh; max-width: 100%; object-fit: cover; object-position: 0 70%;  }
    }

    @media all and (max-width: 1440px) and (min-width: 993px) {
        .delights .item {  padding: 0 20px 0;      }
    }

    @media all and (max-width: 992px) {
        .delights .wrapper {  padding: 0px;   }

        .delights p { width: 100%; }

        .delights .item { transform: translate3d(0px, 0px, 0px);   }

        .delights .slideshow1 .owl-item.active p {  opacity: 1;   }

        .delights .slideshow1 .owl-item p { opacity: 0;  }

        .delights .slideshow1 { padding-bottom: 0px;  }

        .delights .owl-nav { padding-top: 20px; }
    }

    @media all and (max-width: 992px) {
        .delights {  padding-top: 0;  }

            .delights .item {  padding: 0 20px;  }
                .delights .item img {  height: 35vh    }

            .delights .slideshow1 p { font-size: 20px; font-weight: 400;  }

            .delights p { max-width: 330px; }

        #hp #magazine .delights p { width: 100% !important;  max-width: 100% !important   }

        .delights .owl-nav { display: none;  }
    }

    @media all and (max-width: 767px) {
        .delights .item img { height: auto !important;  min-height: 224px }
    }

/* ===== MAGAZINE ====*/
    #hp #magazine img { max-height: 279px !important; height: 279px !important;  object-fit: cover;  object-position: top  }

    #hp #magazine .delights .item { display: flex !important; flex-direction: row !important; width: inherit !important  }

    #hp #magazine .owl-carousel .owl-stage, #events .owl-carousel .owl-stage { display: flex   }

    #hp #magazine .owl-carousel.owl-drag .owl-item, #events .owl-carousel.owl-drag .owl-item {  display: inline-flex; width: inherit  }
    #hp #magazine h3, #hp #magazine h3 a { font-family:Majorant-Thin;font-weight: bold !important; text-align: left !important; font-size: 18px; line-height: 26px; color: #231F20; 
                                       cursor: pointer; text-transform:none; letter-spacing:0; margin:0; padding:0 }
    #hp #magazine h2 { margin-bottom:35px}

   #hp #magazine .item p {  width: 100% !important;  min-width: 100% !important;  text-align: left !important; padding-bottom:25px }

@media all and (max-width: 1440px) {
    #hp #magazine h3, #hp #magazine h3 a {  font-size: 13px !important; text-align: left; line-height: 17px; font-weight: bold  }
}


        /* ===== HOMEPAGE ELITEHAVENS DIFFERENCE ====*/
    #hp .elitehavens-difference h3, #events .elitehavens-difference h5 { font-family: 'Majorant-Light'; font-style: normal; font-weight: normal;  font-size: 20px;
        line-height: 25.6px; text-align: center; color: #231F20; margin: 0 auto; padding: 25px 0;  }

    #hp .elitehavens-difference h3 {  text-transform: none  }

    #hp .elitehavens-difference { padding-bottom: 100px }

        #hp .elitehavens-difference h2 {  padding-bottom: 0    }

        #hp .elitehavens-difference .btn-elite {  margin-bottom: 35px    }

    /*.elitehavens-difference .wrapper {  padding: 100px 0 0 0!important }*/

    .elitehavens-difference h2 { padding-bottom: 50px !important; }

    .elitehavens-difference .group { align-items: unset !important;  }

    .elitehavens-difference h3 a { text-decoration: none; color: #231F20;  }

    .elitehavens-difference p { text-align: center !important;  }

    .elitehavens-difference .half { flex: 1; padding: 0 50px 25px; border-right: 1px solid rgba(35, 31, 32, 0.15); height: auto !important  }

        .elitehavens-difference .half:first-of-type { padding-left: 0px;  }

        .elitehavens-difference .half:last-of-type { border-right: none; padding-right: 0px; }

    @media all and (max-width: 1440px) and (min-width: 993px) {
        .elitehavens-difference .half {  padding: 0 30px 25px 30px !important;    }
    }

    @media all and (max-width: 992px) {
        .elitehavens-difference .wrapper { padding: 0 22px !important; }

        .elitehavens-difference { padding: 0;  }
            .elitehavens-difference .half { min-height: 0px; border-right: 0px; padding: 0 0 20px; }
                .elitehavens-difference .half:last-of-type { padding-bottom: 0px;    }

            .elitehavens-difference h4 { width: 100%;  }

            .elitehavens-difference .group { display: block;  }

        .hand-picked h3 { padding-bottom: 0 !important  }
    }

    @media all and (max-width: 992px) {
        .elitehavens-difference h2 {max-width: 330px;  margin: 0 auto;    }

        .elitehavens-difference .half { border-top: 1px solid rgba(35, 31, 32, 0.15);   }

        .elitehavens-difference .group { padding-top: 25px;    }

        #hp .elitehavens-difference h3, #events .elitehavens-difference h5 { font-size: 13px !important; line-height: 18px !important; padding: 25px 0 15px 0;    }

        .elitehavens-difference p { margin: 0 auto;    }
    }

    @media all and (min-width: 1440px) {
        #elitehavens-difference p {  width: 102% !important;    }
    }