.footer9{padding:60px 0 0;background-size:cover;background-position:center;color:var(--footer-color);position:relative;background-color:var(--bg-footer)}.footer9__container{position:relative;z-index:1;max-width:1134px}.footer9__bottom{position:relative;padding:80px 0 234px;background:linear-gradient(0deg,#0a1f41,#0a1f41),linear-gradient(180deg,rgba(10,31,65,.9) 0%,rgba(10,31,65,0) 24.91%)}.footer9__bottom:after{content:"";position:absolute;width:100%;height:183px;bottom:0;left:0;background:url('https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/hokupaa-pattern-b-logo-footer.svg');background-size:cover}.footer9__bottom:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background:url('https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/footer-bg-new.jpg');background-size:cover;z-index:0}.footer9 :focus-visible{outline:1px solid var(--footer-color);box-shadow:0 0 2px var(--footer-color) inset;-webkit-box-shadow:0 0 2px var(--footer-color) inset;-ms-box-shadow:0 0 2px var(--footer-color) inset;-moz-box-shadow:0 0 2px var(--footer-color) inset}.footer9__awards{padding-bottom:60px}.award__list{padding-top:60px;gap:50px;justify-content:center;margin-left:0}.award__list>*{padding-left:0}.award-item{margin-top:0!important}.award-item img:focus-visible{background:transparent}.footer9 .title{color:var(--footer-color)}.footer9 a{color:var(--footer-color)}.footer9__grid{justify-content:space-between}.footer9 a:hover,.footer9 a:focus-visible{text-decoration:none;color:rgba(255,255,255,50%)}.footer9:after{}.footer9-newsletter{max-width:500px}.footer9__logo{margin-bottom:25px}.footer9__logo img:focus-visible{background:transparent}.footer9-newsletter__grid{display:flex;align-items:flex-start;gap:16px}.footer9-newsletter__control{flex:1;position:relative}.footer9-newsletter__input{height:48px;background:var(--inverse-font-color)!important;border-color:var(--footer-color)}.footer9-newsletter__gdpr{margin-top:16px;font-size:12px;line-height:1.5}.footer9-newsletter__gdpr a{text-decoration:underline}.footer9-newsletter__gdpr a:hover,.footer9-newsletter__gdpr a:focus-visible{text-decoration:none}.footer9-newsletter__btn{color:var(--footer-color);border-color:var(--footer-color)}.footer9__title{font:var(--body-text-fonts);font-weight:bold;margin:0 0 15px 0}.footer9__title.contact__title{font:var(--h4-title-fonts);font-weight:300;text-transform:capitalize;line-height:124%}.footer9__title.contact__title>span{display:block}.footer9__address>a,.footer9__phone>a,.footer9__email>a{padding:0 0;font-size:15px;line-height:100%;font-weight:350}.footer9__address{margin-bottom:10px}.footer9__menu-item{padding:15px 0}.footer9__phone span,.footer9__email span{font-size:15px;line-height:100%;font-weight:350}.footer9__menu-item:first-child{padding-top:0}.footer9__menu-item:last-child{padding-bottom:0}.footer9__menu-item>a{padding:0 0;display:inline-flex;align-items:center;font-size:13px;line-height:100%;text-transform:uppercase;letter-spacing:.7px}.footer9__menu-item>a:hover,.footer9__menu-item>a:focus,.footer9__menu-item>a.navON{color:rgba(255,255,255,50%)}.footer9__social .template-icon{margin-right:12px;display:inline-flex}.footer9__social-item>a .template-icon{position:absolute;left:0}.footer9__social-item>a{display:inline-flex;align-items:center;padding:8px 0 8px 27px;position:relative}.footer9__hr{margin-top:50px;margin-bottom:30px}.footer9__submenu{display:block;align-items:center}.footer9__submenu-item>a{padding:0 0;display:inline-flex;align-items:center;font-size:13px;line-height:100%;text-transform:uppercase;letter-spacing:.7px}.footer9__submenu-item{padding:15px 0}.footer9__submenu-item:first-child{padding-top:0}.footer9__submenu-item:last-child{padding-bottom:0}.footer9__submenu-item>a:hover,.footer9__submenu-item>a:focus,.footer9__submenu-item>a.navON{text-decoration:none;color:rgba(255,255,255,50%)!important}#ot-sdk-btn.ot-sdk-show-settings{display:contents;color:inherit;line-height:100%;text-transform:uppercase;letter-spacing:.7px;font:var(--body-text-fonts)!important;font-size:13px!important}.footer9__submenu>*{padding-left:25px}.footer9__copyright,.footer__copyright--home{font-size:11px;font-weight:400;display:inline-block}.footer__copyright--home{padding-left:8px}.footer9__social{display:flex;gap:15px;justify-content:flex-end}.footer9__copygrid{width:100%;display:flex;justify-content:flex-end;float:right;margin-left:0}.footer9__copygrid>*{padding-left:0}.footer9__grid-right{padding-left:100px}.footer9__col--contact{padding-right:50px}.footer9__address{padding-right:60px}@media(max-width:1300px){.footer9__social{padding-right:18px}.footer9__address{padding-right:70px}}@media(max-width:1200px){.footer9__grid{margin-left:-20px}.footer9__grid>*{padding-left:20px}.footer9__col--contact{padding-left:20px}.footer9__col--social{width:auto}.footer9__col--newsletter{width:auto;flex:1}.footer9__copygrid{width:100%;float:none}.footer9__bottom{padding:48px 0 199px}.footer9__awards{padding-bottom:48px}.footer9__logo{margin:0 auto;text-align:center;margin-bottom:40px}.footer9__col--logo{margin-bottom:30px}}@media(max-width:1024.98px){.footer9__col--logo{margin-bottom:0}}@media(max-width:1023.98px){}@media(max-width:959.98px){.footer9__col--contact{margin-bottom:70px}.footer9{padding:50px 0 0}.award__list{padding-top:30px;gap:40px;margin-left:0}.footer9__social{justify-content:flex-start}.footer9__col--social{width:100%}.footer9__copygrid>*{width:100%}.footer9__bottom{padding:48px 0 183px}footer9__address{padding-right:70px;width:52%}}@media(max-width:767.98px){.footer9__copygrid>*{width:100%}.footer9__copygrid{margin-top:40px!important}.award__list{column-gap:50px;row-gap:40px}.award-item{width:71px}.award-item img{width:100%;object-fit:cover}.award-item img:focus-visible{background:transparent}.footer9__copygrid>*.uk-grid-margin{margin-top:30px}.footer9__address{padding-right:20px;width:100%}.footer9{padding:50px 0 0}.footer9__hr{margin-top:40px;margin-bottom:25px}.footer9__submenu>*{width:100%;padding-left:0}.footer9__logo{margin-bottom:20px}.footer9__col--newsletter{margin-bottom:0}.footer9__grid>.uk-grid-margin{margin-top:45px}.footer__copyright--home{padding-left:0}.footer9__bottom{padding:48px 0 100px}.footer9__bottom:after{display:none}}@media(max-width:639.98px){.footer9-newsletter__grid{flex-direction:column}.footer9-newsletter__action{width:100%}.footer9-newsletter__btn{width:100%}}@media(max-width:575px){}
.bookstay{background:transparent}.bookstay__box{width:720px;max-width:100%;margin-right:0;margin-left:auto;background:var(--secondary-color);color:var(--primary-color);min-height:100vh;text-align:center;padding-bottom:0;display:flex;align-items:center;justify-content:center;position:relative}.bookstay__box:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url('https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/texture-bg.png');opacity:86%;z-index:0;background-size:cover;background-position:center}.bookstay__box .title{color:var(--primary-color)}.bookstay__media{margin-bottom:0;background:var(--primary-color)}body.is-bookstay-active .bookstay{top:0;display:flex!important}.bookstay .uk-modal-dialog{background:transparent;padding:0;z-index:2;position:relative;min-height:100%}.bookstay .uk-modal-dialog:after{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--tertiary-color);z-index:-1;opacity:.8}.bookstay__close{background:transparent;padding:0;position:absolute;top:30px;right:0;min-height:unset;cursor:pointer;border:0;z-index:16;font:var(--body-text-fonts);font-weight:normal;font-size:30px;display:flex;align-items:center;left:0;justify-content:center;width:30px;height:auto;min-width:auto;margin:0 auto}.bookstay__close:hover,.bookstay__close:focus-visible{color:var(--inverse-font-color)}.bookstay-form__title{text-align:center;margin-bottom:30px}.bookstay-form__group{position:relative;margin-bottom:40px}.bookstay-form__group input{width:100%}.bookstay-form__grid{margin-bottom:50px;margin-left:-25px}.bookstay-form__grid>*{padding-left:25px}.bookstay-form__box{text-align:left;position:relative}.bookstay-form__box+.bookstay-form__box{margin-top:50px}.bookstay-form__control{background:transparent!important;color:var(--primary-color);border:0;padding-left:0;padding-right:0;height:46px;border-bottom:1px solid var(--primary-color);font:var(--reservation-widget-input-fonts);padding-bottom:10px}.bookstay-form__control::placeholder{color:var(--inverse-font-color)}.bookstay-booking,.bookstay-reminder{text-align:center;max-width:399px;margin:auto;background:var(--inverse-font-color);border-radius:10px;box-shadow:0 4px 54px 0 #00000040;position:relative;z-index:1}.bookstay-booking .ui-datepicker-trigger{bottom:13px;right:3px}form.bookstay-form{padding:50px}.bookstay-form__label{margin-bottom:2px;display:block;font:var(--reservation-widget-label-fonts);text-align:left;color:var(--primary-color)}.bookstay-form__grid>.uk-grid-margin{margin-top:30px}.bookstay-form__grid>:not(.uk-first-column)::before{border-color:var(--border-color)}.bookstay-form__actions{margin-top:35px;text-align:center}.bookstay__toggle-btn{margin-top:20px;text-align:center}.bookstay-form__control:focus{border-color:var(--highlight-color)}.bookstay-form__group--dropdown:after{content:'';font-family:var(--icon-fonts);color:var(--secondary-color);right:0;position:absolute;bottom:5px;pointer-events:none;z-index:0;font-size:20px}.bookstay-form__group--inline{display:flex;align-items:center;gap:50px}.bookstay-form__group--inline .bookstay-form__label{margin:0}.bookstay-form__submit{}.bookstay-reminder{display:none}.open-remind-later .bookstay-booking{display:none}.open-remind-later .bookstay-reminder{display:block}.bookstay__phone{color:var(--inverse-font-color);display:inline-block;margin-top:10px;font-size:14px;letter-spacing:1.68px}.bookstay__phone .template-icon{margin-right:5px}.bookstay__toggle-btn .button-link{text-transform:uppercase;letter-spacing:1.68px}.readonly-input{position:relative}.room-guests__col--actions{display:flex;flex-direction:column-reverse;align-items:flex-end;justify-content:space-between;position:absolute;right:1px;top:1px;height:37px}.room-guests__button{cursor:pointer;font-size:10px;border:0;background:transparent;padding:0}@media(min-width:768px){}@media(max-width:1399.98px){}@media(max-width:1199.98px){}@media(max-width:1023.98px){}@media(max-width:959.98px){.bookstay__box{width:100%}}@media(max-width:767.98px){.bookstay__box{padding:0 20px 0 20px}.bookstay__close{font-size:30px;margin-bottom:10px;padding:5px;font-weight:normal;color:var(--primary-color)}.bookstay__media{text-align:center;margin:0 -30px 75px;position:relative;padding-bottom:55.523%}.bookstay__media>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.bookstay-form__title{font:var(--mob-h2-title-fonts)}.bookstay-form__grid>*{padding-left:30px}.bookstay-form__grid{margin-left:-30px}form.bookstay-form{padding:70px 28px}.bookstay-form__group--inline{justify-content:space-between}.bookstay-form__group--inline .bookstay-form__control{text-align:right;padding-right:20px!important}.bookstay__close-text{display:none}.signup-block__action .uk-button-primary{width:100%}.bookstay-booking{border-radius:22px}}@media(max-width:639.98px){}@media(max-width:575px){.bookstay-form__submit{width:100%}.bookstay__close{top:15px}}
.offer-widget {
    padding: 97px 0 107px 0;
    position: relative;
}

.offer-widget__box .snippet-grid__media {
    padding-bottom: 55%;
    position: relative;
    margin-bottom: 0;
}

.offer-widget__box .snippet-grid__media img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.offer-widget__title {
    font: var(--body-text-fonts);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.offer-widget.primary-bg {
    background: var(--primary-color);
}

.offer-widget__box .snippet-grid__box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.offer-widget .offer-head {
    padding-bottom: 60px;
    margin-bottom: 0;
}

.offer-widget__description {
    max-width: 782px;
    margin: auto;
    margin-bottom: 28px;
}

.offer-widget.primary-bg .offer-widget__maintitle, .offer-widget.primary-bg .offer-widget__smalltitle, .offer-widget.primary-bg .offer-widget__description {
    color: var(--inverse-font-color)
}

.offer-widget.secondary-bg {
    background: var(--bg-alt-1);
}

.offer-widget__box .snippet-grid__content {
    background: var(--inverse-font-color);
    padding: 40px 30px 80px 30px;
    height: 100%;
    position: relative;
}

.overlay-object {
    position: absolute;
    right: 50px;
    top: 60px;
}
.overlay-object img:focus-visible{
 background: transparent; 
}
.offer-widget__desc {
    margin-bottom: 25px;
}

.offer-widget__box .snippet-grid__actions {
    margin-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: 0 auto;
}

.offer-widget__slider .snippet-grid>* {
    padding-left: 30px;
}

.offer-widget__slider .uk-slidenav {
    margin: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #08101C;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

.offer-widget__slider .slider-navigation {
    position: absolute;
    top: 50%;
    /* THIS is the key (match image height center) */
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none;
}

.offer-widget__slider .slider-navigation a {
    position: absolute;
    pointer-events: all;
    z-index: 10;
}

.offer-widget__slider .uk-slidenav.uk-position-center-left {
    left: -30px; 
  
}

.offer-widget__slider .uk-slidenav.uk-position-center-right {
    right: -30px;
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
    .offer-widget__slider .uk-slidenav.uk-position-center-left {
        left: -10px;
    }

    .offer-widget__slider .uk-slidenav.uk-position-center-right {
        right: -10px;
    }

    .offer-widget__slider .snippet-grid>* {
        padding-left: 20px;
    }

    .offer-widget__box .snippet-grid__content {
        padding: 40px 35px 80px 35px;
    }

    .offer-widget__slider .uk-slider-container {
        padding: 0 18px;
    }

    .overlay-object {
        right: 20px;
        top: 20px;
    }

    .overlay-object img {
        width: 140px;
        height: 140px;
    }
}

@media (max-width: 1023.98px) {
.offer-widget__box .snippet-grid__content{
  height: auto;
  }

}

@media (max-width: 959.98px) {
    .offer-widget {
        padding: 50px 0 60px 0;
    }

    .overlay-object {
        right: 0;
        top: 0;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .offer-widget .snippet-grid__content.uk-text-left {
        text-align: center !important;
    }

    .offer-widget .snippet-grid__actions {
        align-items: center !important;
    }

    .offer-widget.primary-bg .offer-widget__maintitle {
        font-size: 30px;
    }

    .offer-widget .offer-head {
        padding-bottom: 60px;
    }

    .offer-widget {
        padding: 50px 0 50px 0;
    }
}

@media (max-width: 639.98px) {}

@media (max-width: 575px) {}
/* ===== SECTION ===== */
.rooms {
  padding: 0 0 70px 0;
  background: var(--bg-alt-1);
  overflow: hidden;
}

/* ===== HEADER ===== */
.rooms__container .rooms__header {
  text-align: center;
  margin-bottom: 50px;
}

.rooms__title {
  margin-bottom: 30px;
}
.rooms__name{
     margin-bottom: 0;
    font: var(--body-text-fonts);
    font-weight: 400;
    letter-spacing: 1px;
      text-transform: uppercase;
}


/* ===== SLIDER ===== */
/*.rooms__list {
  padding: 0 0px; 
  margin-left: -30px;
  width: 100%;
}*/

/* ===== ITEM DEFAULT ===== */
/*.rooms__item {
  transition: all 0.4s ease;
  padding-left: 30px;
}*/

/* visible items */


/* ===== CENTER ACTIVE ===== */

/* ===== CARD ===== */
.rooms__card {
  position: relative;
  background: #fff;
  transition: all 0.4s ease;
      border: 1px solid #9AC0CA;
}
.rooms__item.active_c .rooms__card,
.rooms__item .rooms__card:hover{
  background: var(--primary-color);
    border: 1px solid rgba(10, 31, 65, 20%);
   box-shadow: 0px 14px 62px 0px #0000001A;

}
/* ===== IMAGE ===== */
.rooms__image-wrapper {
  position: relative;
  overflow: hidden;
}

.rooms__image {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

/* zoom only center */

/* ===== GRADIENT OVERLAY ===== */
.rooms__overlay {
  position: absolute;
  transition: opacity 0.4s ease;
}
.rooms__item.active_c .rooms__overlay,
.rooms__item .rooms__card:hover .rooms__overlay{
  opacity: 1;
}

/* only on center */

/* ===== CONTENT ===== */
.rooms__content {
  padding: 32px 12px;
  text-align: center;
  transition: all 0.3s ease;
}
.rooms__item.active_c .rooms__content,
.rooms__item.active_c .rooms__content .rooms__name,
.rooms__item .rooms__card:hover .rooms__content,
.rooms__item .rooms__card:hover .rooms__content .rooms__name{
  color: var(--inverse-font-color);
}

/* move text over image */

/* ===== ARROWS ===== */
.rooms__wrapper .slideshow-navigation{
        position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 142px;
    z-index: 2;
    text-align: center;
  display: flex;
      justify-content: space-between;
}
.rooms__slider .slider-nav-controls{
      justify-content: center;
    display: flex;
    margin-top: 70px;
}
.rooms__slider .slideshow-navigation .uk-slidenav{
 	    background: transparent; 
  color: var(--primary-color);
}
.rooms__slider .slideshow-navigation .uk-slidenav:hover,
.rooms__slider .slideshow-navigation .uk-slidenav:focus{
 color: var(--secondary-color); 
}
.rooms__slider .uk-slidenav{
 	width: auto;
  height: auto;
  color: var(--primary-color);
      background: transparent;
}

/* ===== TABLET ===== */
@media (max-width: 959px) {
  .rooms__wrapper {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .rooms__title{
   font-size: 30px; 
  }
  .rooms{
   	    padding: 0 0 50px 0; 
  }
}
/* ===== MOBILE (NO CENTER MODE FEEL) ===== */
@media (max-width: 639px) {


  /* remove scaling */

  /* keep gradient optional */
  .rooms__overlay {
    opacity: 1;
  }

  /* reset content */
  .rooms__content {
    position: static;
  }

  /* smaller arrows */
}
.overview-intro{
  padding: 75px 0 95px 0;
   background: linear-gradient(
    180deg,
    #FFFFFF 0%,
    #FFFFFF 67%,     /* more white on top */
    #FBFAF7 80%,     /* soft transition */
    #F7F4ED 100%     /* end color */
  );
}
.overview-headline__container{
 	max-width: 878px;
  margin: auto;
}
.overview-headline__title{
 text-align: left; 
  display: inline-block;
  font: var(--xl-title-fonts);
  margin-bottom: 10px;
}
.overview-style__title{
 display: block;
  text-align: right;
  font-family: "Mrs Saint Delafield", cursive;
  font-size: 60px;
  padding-right: 15px;
  line-height: 100%;
  text-transform: lowercase;
      color: #8B7C5E;
}
.overview-headline__content{
  text-align: left;
  padding-left: 100px;
}
.overview-headline__content p{
 font-weight: 300; 
}
.overview-headline__content p:first-child{
 	font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1199.98px) {
  .overview-intro {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 67%, /* more white on top */ #FBFAF7 90%, /* soft transition */ #F7F4ED 100% /* end color */);
}
}

@media (max-width: 767px) {
  .overview-headline__title{
   font-size: 40px; 
        text-align: center;
    display: block;
  }
  .overview-style__title {
    display: block;
    text-align: center;
            padding-right: 0;
        margin-top: 15px;
  }
  .overview-headline__content {
    text-align: left;
    padding-left: 0;
}
  .overview-style__title{
    font-size: 45px;
  }
  .overview-intro {
    padding: 60px 0 55px 0;
            background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 67%, /* more white on top */ #FBFAF7 85%, /* soft transition */ #F7F4ED 100% /* end color */);
  }
}
.hero-banner-slideshow {
    background: var(--text-color);
    color: var(--inverse-font-color);
    height: 100vh;
    min-height: 600px;
}

.hero-banner-slideshow__items {
    min-height: 100% !important;
    height: 100%;
}

.hero-banner-slideshow__media {
    position: relative;
    height: 100%;
}

.hero-banner-slideshow__media:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 48.5%, rgba(0, 0, 0, 0.6) 86%),
        linear-gradient(180deg, rgba(0, 0, 0, 0) 66.44%, rgba(0, 0, 0, 0.7) 100%);
    transform: rotate(-180deg);


}

.hero-banner-slideshow__media>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slideshow__caption .title {
    color: var(--inverse-font-color);
    filter: opacity(1);
    text-align: left;
}
.hero-slideshow__caption .title:focus-visible{
	    outline-color: var(--inverse-font-color);

}
.hero-slideshow__caption-wrapp {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.hero-slideshow__actions {
    position: absolute;
    max-width: 90%;
    bottom: 35px;
    /* transform: translateY(-50%); */
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 3;
}

.hero-slideshow__actions .slider-controls__slidenav {
    color: var(--inverse-font-color);
}

.hero-slideshow__actions .uk-dotnav a {
    border: 1px solid var(--inverse-font-color);
    opacity: 0.5;
    width: 9px;
    height: 9px;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    transform: rotate(45deg);
    border-radius: 0;
}

.hero-slideshow__actions .uk-dotnav>*>* {
    border-radius: 0;
}

.hero-slideshow__actions .uk-dotnav>*:first-child {
    padding-left: 0;
}

.hero-slideshow__actions .uk-dotnav>* {
    padding-left: 20px;
}

.hero-slideshow__actions .uk-dotnav>.uk-active>* {
    background: var(--inverse-font-color);
    opacity: 1;
    border-color: var(--inverse-font-color);
}

.hero-slideshow__actions .uk-dotnav a:hover,
.hero-slideshow__actions .uk-dotnav a:focus {
    background: var(--inverse-font-color);
    color: var(--incerse-font-color);
}


.hero-banner-with-video-slider__content {
    position: absolute;
    left: 50%;
    top: 50%;
    /* transform: translateY(-50%); */
    bottom: auto;
    color: #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 70%;
    padding: 0 40px;
    z-index: 2;
 }

.hero-banner-with-video-slider__title {
    color: var(--inverse-font-color);
    font-weight: 300;
  display: inline-block;
}

.hero-banner-with-video-slider__content .highlight-text {
     font-family: "Mrs Saint Delafield", cursive;
    font-size: 90px;
    line-height: 100%;
    text-align: right;
    color: var(--secondary-color);
  text-transform: lowercase;
}

.slideshow-navigation { 
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: 0 auto;
width: 142px;
z-index: 2;
}


.slideshow-navigation .uk-slidenav {
padding: 0;
margin: 0;
color: var(--inverse-font-color);
}
.slideshow__counter {
position: absolute;
left: 35px;
width: 70px;
display: block;
text-align: center;
bottom: 3px;
} 

.formslable2 {
    display: none !important;
}

@media (min-width: 960px) {
    .hero-slideshow__caption-wrapp {
        text-align: left;
        margin: 0;
    }

    .hero-slideshow__caption {
        position: absolute;
        bottom: 146px;
        z-index: 2;
        left: calc((100% - 1366px)/2);
        padding-left: 20px;
        transition: all .1s;
        transition-delay: 1.1s;
        max-width: 340px;
        width: 100%;
    }
}

@media (min-width: 1400px) {
  .hero-slideshow__caption-wrapp{
    padding-bottom: 0;
  }
  .hero-slideshow__caption .title{
  	margin-bottom: 0;
  }
  
    .hero-slideshow__caption {
       /* bottom: 250px;*/
      bottom: auto;
      top: 50%;
      transform: translateY(-50%);
    }
}

@media (min-width: 1680px) {
    .hero-slideshow__caption {
        left: calc((100% - 1680px)/2)
    }
}

@media (min-width: 1800px) {
    .hero-slideshow__caption {
        left: calc((100% - 1800px)/2)
    }
}

@media (min-width: 960px) and (max-width: 1366px) {
    .hero-slideshow__caption {
        left: 20px;
        max-width: calc(100% - 20px);
    }
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1023.98px) {
  .title--xxl.highlight-text {
    font-size: 60px;
    line-height: 70%;
}
  .hr103-slideshow__title, .hero-banner-with-video-slider__title {
    line-height: 120%;
}
    .hero-slideshow__actions {
        /* top: 50%; */
        left: 0;
        right: 0;
        bottom: 140px;
    }

    .hero-slideshow__caption-wrapp {
        padding-bottom: 20px;
    }

    .hero-slideshow__caption {
        bottom: 160px;
    }
    .hero-slideshow__actions.slider-nav-arrows{
        bottom: 100px;
    }
.hero-banner-with-video-slider__content {
    width: 90%;
    padding: 0 0px;
}
}

@media (max-width: 959.98px) {}

@media (max-width: 932px) and (orientation: landscape) {
  .video__block video {
    top: 0 !important;
  }
}

@media (orientation: landscape) and (max-width: 767.98px) {
  
    .hero-banner-slideshow {
        min-height: 300px;
    }

    .hero-slideshow__caption-wrapp {
        padding-bottom: 20px;
    }

    .hero-slideshow__caption {
        bottom: 60px;
    }

    .hero-slideshow__actions.slider-nav-arrows,
    .hero-slideshow__actions.slider-nav {
        bottom: 140px;
    }
}

@media (max-width: 767.98px) {
  	.hero-banner-with-video-slider__content{
  	    pointer-events: none;
  }
  .hero-banner-with-video-slider__content .highlight-text{
   font-size: 40px; 
  }
    .hero-slideshow__caption .title {
        text-align: center;
    }

    .hero-slideshow__caption {
        bottom: 100px;
    }

    .hero-slideshow__caption-wrapp {
        padding-bottom: 20px;
    }

    .hero-slideshow__actions.slider-nav {
        bottom: 80px;
    }

    .hero-slideshow__actions.slider-nav-arrows {
        bottom: 10px;
    }

    .hero-slideshow__actions.slider-nav .uk-dotnav,
    .hero-slideshow__actions.slider-nav-arrows .slider-controls__arrows {
        width: 100%;
    }

    .hero-slideshow__actions.slider-nav-arrows .slider-controls__arrows {
        justify-content: center;
    }

    .hr103-slideshow__content {
        width: 100%;
        padding: 0 20px;
    }
    .hero-banner-slideshow {
        height: calc(100vh - 45px);
    }
}

@media (max-width: 639.98px) {
    .hero-slideshow__caption {
        bottom: 100px;
    }

    .hero-slideshow__caption-wrapp {
        padding-bottom: 0;
    }

}



@media (max-width: 575px) {}

/* CMS Starts*/
.mi-block.page-component-mi-block .hero-slideshow__caption {
    left: calc((100% - 1300px)/2) !important;
}
:root {
    --header-height: 127px;
}
body.milestone {
    padding-top: 0;
}

body {
    padding-top: var(--header-height);
}
.header {
    background: transparent;
    position: fixed;
    z-index: 15;
    width: 100%;
    transition: all 300ms ease-out;
    top: 0;
    left: 0;
}
.header .uk-container-expand{
  padding: 0 20px;
}
.header__container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    border-top: none;
}

.header__col--center {
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    margin: 0 auto;
    width: 219px;
}
.milestone .header__col--center{
   top: 47px;
}

.header__col--center .header-scroll {
    display: none;
}

.header__col--center img {
    margin: 0 auto;
}

.header__topbar {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px;
  margin: 0 -20px 0 0;
    align-items: center;
}
.header__topbar-item{
 display: flex;
  align-items: center;
  padding-right: 20px;

}
.milestone .header .header__topbar-item a{
 color: var(--inverse-font-color); 
  letter-spacing: 0;
}
.topbar__logo{
 height: 21px; 
}
.milestone .header__topbar .topbar__auth a{
  color: var(--primary-color);
}
.milestone .header.is-fixed .header__topbar-item a,
.is-fixed .header__topbar-item a,
.header .header__topbar-item a{
  color: var(--primary-color);
}
.page-component-mi-block .header .header__topbar-item a{
   color: var(--primary-color) !important;
}
.header__topbar-right{
  display: flex;
 flex-wrap: wrap;
  height: 100%;
  justify-content: flex-end;
}
.milestone .header .header__topbar-right{
   width: 35.7%;
}
.milestone .header.is-fixed .header__topbar-right,
.is-fixed .header__topbar-right,
.header .header__topbar-right{
  width: 100%;
  }
.header__topbar>* {
    font: var(--header-fonts);
    color: var(--inverse-font-color);
    letter-spacing: 0px;
  filter: opacity(1);
}

.header__topbar .template-icon {
    position: relative;
    top: 2px;
      top: 0px;
    padding-left: 8px;
}

.milestone .header__topbar-item .call:hover,
.milestone .header__topbar-item .call:focus{
    color: rgba(255, 255, 255, 80%) !important;
}
.milestone  .page-component-mi-block .header .header__topbar-item a{
      color: var(--primary-color) !important;
}
.milestone .header .topbar__contact,
.header .topbar__contact{
    width: calc(100% - 280px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 100%);
}
.topbar__contact{
      display: flex;
    justify-content: flex-end;
}
.milestone .header.is-fixed .topbar__contact,
.is-fixed .topbar__contact,
.header .topbar__contact{
      background: linear-gradient(90deg, rgba(188, 162, 112, 0) 0%, rgba(188, 162, 112, 0.3) 100%);
}


.topbar__divider{
 display: flex;
  align-items: center;
  background: #E1E1E1;
  padding: 10px 18px;
  gap: 45px;
  max-width: 280px;
}
.is-fixed .topbar__divider{
 max-width: 280;
}

.header__topbar .topbar__auth a {
    color: var(--tertiary-color);
    text-transform: inherit;
  font-size: 13px;
  line-height: 180%;
}

.header__topbar .topbar__auth a .template-icon {
  padding-left:0;
  padding-right: 9px;
}

.header__topbar .topbar__auth a:hover,
.header__topbar .topbar__auth a:focus {
    color: var(--secondary-color);
}

.header .uk-container {
    width: 100%;
    max-width: 1380px;
}

.navmenu-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.milestone .header .navmenu-wrap{
   padding: 27px 0;
}
.is-fixed .navmenu-wrap,
.milestone .header.is-fixed .navmenu-wrap,
.header .navmenu-wrap{
   padding: 18px 0;
}

.header__container .navmenu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.navmenu .topbar__auth {
    display: none;
}

.header__col--left,
.header__col--right {
    width: 40%;
    display: flex;
    align-items: center;
    border-bottom: none;

}

.header__col--left {
    padding-left: 20px;
}
.header__nav-right{
 padding-right: 0px; 
}
.header__col--right {
    justify-content: flex-end;
}

.header__mainmenu {
    display: flex;
    padding: 11px 0;
}
.header__mainmenu ul {
    list-style: none;
    padding-left: 0;
    gap: 30px;
}

.navmenu__list-link {
    font: var(--header-fonts);
    color: var(--inverse-font-color);
    text-transform: capitalize;
    position: relative;
    transition: all .3s ease;
  filter: opacity(1);
}
.milestone .header .navmenu__list-link{
   color: var(--inverse-font-color);
}
.navmenu__list-link:after {
    content: "";
    position: absolute;
    /* width: 100%; */
    height: 1px;
    /* background-color: var(--inverse-font-color);
    left: 0;
    bottom: auto;
    opacity: 0;
    top: 18px; */

    content: "";
    /* bottom: -3px; */
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    opacity: 0;
    background-color: var(--inverse-font-color);
    transition: all .3s ease;
  display: none;
}

.milestone .header .navmenu__list-link:focus,
.milestone .header .navmenu__list-link:hover,
.milestone .header .navmenu__list-link.navON,
.milestone .header .header__navbar-icons .navbar__icon:hover,
.milestone .header .header__navbar-icons .navbar__icon:focus,
.milestone .header .header__navbar-icons .navbar__icon.navON{
        color: rgba(255, 255, 255, 50%);
}

.header__navbar-icons a:first-child svg{
  width: 11.9px;
  height: 14.5px;
}

.withoutbanner .header .navmenu__list-link:after,
.header.is-fixed .navmenu__list-link:after {
    background-color: var(--primary-color);
}

.navmenu__list-link:hover:after,
.navmenu__list-link:focus:after,
.navmenu__list-link.navON:after {
    color: inherit;
    opacity: 1;
    z-index: 1;
    transition: all .3s ease;
    width: 100%;
}
.header__navbar-icons{
 display: flex;
  align-items: center;
  gap: 25px;
  padding-right: 30px;
  padding-left: 30px;
}
.milestone .header .header__navbar-icons .navbar__icon{
 color: var(--inverse-font-color); 
}
.header__bookstay {
    position: relative;
    right: 0;
}

.navmenu-dropmenu {
    padding: 30px 25px;
    padding-left: 25px !important;
    margin: 0;
    min-width: 220px;
    border: 1px solid var(--primary-color);
}

.navmenu__list-item .uk-dropdown {
    top: 59px !important;
}

.navmenu__list-item .uk-dropdown.uk-open:before {
    /* content: "";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
  z-index: 1; */
    content: "";
    position: absolute;
    top: -11px;
    /* align with border */
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    width: 20px;
    height: 20px;
    background: #fff;
    /* same as box background */
    border-left: 1px solid var(--primary-color);
    border-top: 1px solid var(--primary-color);
    transform: translateX(-50%) rotate(45deg);
}

/*
.navmenu__list-item .uk-dropdown.uk-open:after{
   content: "";
 	     position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid var(--primary-color);
}*/
.navmenu-dropmenu__item {
    margin: 12px 0;
}

.navmenu-dropmenu__item .navmenu-dropmenu__link {
    color: var(--header-color);
}

.navmenu-dropmenu__item .navmenu-dropmenu__link:hover,
.navmenu-dropmenu__item .navmenu-dropmenu__link:focus,
.navmenu-dropmenu__item .navmenu-dropmenu__link.navON {
    color: var(--primary-color);
}
.milestone .header{
      background: transparent;
  box-shadow: none;
}
.withoutbanner .header,
.page-component-mi-block .header,
.header.is-fixed,
.header{
    background-color: var(--bg-header);
      box-shadow: 0px 2px 4px 0px #0000001A;
}

.withoutbanner .header.is-fixed {
    position: fixed;
}

.withoutbanner .header,
.page-component-mi-block .header {
    position: relative;
    background-color: var(--bg-header);
}

.page-component-mi-block .navmenu__list-link,
.withoutbanner .header .navmenu__list-link,
.header.is-fixed .navmenu__list-link,
.page-component-mi-block .header__topbar>*,
.withoutbanner .header__topbar>*,
.header.is-fixed .header__topbar>*,
.header .header__topbar>*,
.header.is-fixed .header__navbar-icons .navbar__icon,
.milestone .header.is-fixed .header__navbar-icons .navbar__icon,
.header .header__navbar-icons .navbar__icon,
.withoutbanner .header__navbar-icons .navbar__icon,
.header .navmenu__list-link{
    color: var(--header-color);
}
.page-component-mi-block .navmenu__list-link,
.page-component-mi-block .header .header__navbar-icons .navbar__icon{
   color: var(--header-color) !important;
}
.header.is-fixed .navmenu__list-link,
.header .navmenu__list-link{
  font-weight: 500;
}
.page-component-mi-block .header__topbar .topbar__auth a,
.withoutbanner .header__topbar .topbar__auth a,
.header.is-fixed .header__topbar .topbar__auth a,
header .header__topbar .topbar__auth a{
    color: var(--primary-color);
}

.withoutbanner .header .header__topbar .call:hover,
.withoutbanner .header .header__topbar .call:focus,
.header.is-fixed .header__topbar .call:hover,
.header.is-fixed .header__topbar .call:focus,
.header .header__topbar .call:hover,
.header .header__topbar .call:focus,
.withoutbanner .header .header__topbar .topbar__auth a:hover,
.withoutbanner .header .header__topbar .topbar__auth a:focus,
.header.is-fixed .header__topbar .topbar__auth a:hover,
.header.is-fixed .header__topbar .topbar__auth a:focus,
.header .header__topbar .topbar__auth a:hover,
.header .header__topbar .topbar__auth a:focus{
  color: var(--secondary-color);
}
.withoutbanner .header .navmenu__list-link.navON,
.withoutbanner .header .navmenu__list-link:hover,
.withoutbanner .header .navmenu__list-link:focus,
.header.is-fixed .navmenu__list-link:hover,
.header.is-fixed .navmenu__list-link:focus,
.header.is-fixed .navmenu__list-link.navON,
.header.is-fixed .header__navbar-icons .navbar__icon:hover,
.header.is-fixed .header__navbar-icons .navbar__icon:focus,
.header.is-fixed .header__navbar-icons .navbar__icon.navON,
.header .navmenu__list-link:hover,
.header .navmenu__list-link:focus,
.header .navmenu__list-link.navON,
.header .header__navbar-icons .navbar__icon:hover,
.header .header__navbar-icons .navbar__icon:focus,
.header.header__navbar-icons .navbar__icon.navON,
.milestone.is-header-active .header .navmenu__list-link.navON{
    color: #8B7C5E;
}

.page-component-mi-block .header .topbar__contact{
     background: linear-gradient(90deg, rgba(188, 162, 112, 0) 0%, rgba(188, 162, 112, 0.3) 100%) !important; 
}

.milestone .header.is-fixed .header__topbar .call:hover,
.milestone .header.is-fixed .header__topbar .call:focus{
  color: var(--secondary-color) !important;
}

.withoutbanner .header .header__col--left,
.withoutbanner .header .header__col--right,
.header.is-fixed .header__col--left,
.header.is-fixed .header__col--right {
    border-bottom: none;
}

.header__col--right {
    padding-right: 0px;
}
.header__logo{
    display: block;
}
.milestone .header .header__logo-img{
 display: block; 
}
.milestone .header .header-scroll{
 display: none; 
}
.page-component-mi-block .header .header__logo-img,
.withoutbanner .header .header__logo-img,
.withoutbanner .header.is-fixed .header__logo-img,
.header.is-fixed .header__logo-img,
.milestone .header.is-fixed .header__logo-img,
.header .header__logo-img{
    display: none;
}
.page-component-mi-block .header__col--right-mobile{
  display: none !important;
}
.page-component-mi-block .header .header-scroll,
.withoutbanner .header .header-scroll,
.header.is-fixed .header-scroll,
.milestone .header.is-fixed .header-scroll,
.header .header-scroll {
    display: block;
}

.withoutbanner .header .header__col--center,
.header.is-fixed .header__col--center,
.milestone .header.is-fixed .header__col--center,
.header .header__col--center{
    top: 43px;
}



@media (min-width: 1023.98px) {
    .header__toggler.mobile {
        display: none;
    }
  .navmenu__list-item--onlymob{
   display: none; 
  }
	
    .header__container .call {
        display: none;
    }
  .header__col--right-mobile{
     display: none;
  }
}

@media (max-width: 1300px) {
  .header__mainmenu ul{
   	gap: 20px; 
  }
  .header__navbar-icons {
    gap: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
}
@media (max-width: 1199.98px) {
 
}
@media (max-width: 1199.98px) {
    .header__col--left {
        padding-left: 0px;
    }
  .header__col--left, .header__col--right {
    width: 43%;
  }

    .header__mainmenu ul{
   	gap: 15px; 
  }
  .header__navbar-icons {
    gap: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

    .navmenu__list-link {
        font-size: 13px;
    }

    .navmenu__list-item .uk-dropdown {
        left: 0px !important ;
    }

    .navmenu__list-item .uk-dropdown.uk-open:before {
        left: 10px;
        right: auto;
    }
   .milestone .header .header__topbar-right {
    width: 50%;
}
  .header__col--center {
        width: 100px;
    }
  .header__bookstay .uk-button-primary{
    padding: 11px 11px;
    font-size: 13px
  }
}

@media (max-width: 1023.98px) {
    .header__bookstay {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 10;
        margin: 0;
        border-radius: 0;
        border: 0;
    }
  .topbar__divider{
   	    padding: 9px 18px;   
        max-width: 100%;
    width: 100%;
  }
  .milestone .header .header__topbar-right {
        width: 100%;
        margin: 0;
            flex-wrap: wrap;
    }
  .header .header__topbar-right{
     flex-wrap: wrap;
  }
  .header__topbar {
    padding: 0px 0px;
    margin: 0 -20px;
  }
   .milestone .header__topbar{
     margin-bottom: 14px;
  }
  .header__topbar,
  .header.is-fixed .header__topbar{
     margin-bottom: 0px;
  }
  
  .topbar__divider{
   	    justify-content: space-between; 
  }
  .header__topbar-item{
   padding-right: 0; 
  }

    .header__bookstay .uk-button {
        width: 100%;
      height: 100%;
      font-size: 14px;
    }
.header__topbar .header__topbar-item.topbar__contact{
  display: none;
  	  
  }
   .header__bottom-sticky{
   position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 60px;
     display: flex;
  }
  .header__bottom-sticky .topbar__contact{
            position: fixed;
        width: 37% !important;
        background: #fff !important;
        bottom: 0;
        left: 0;
    text-align: center;
        height: 60px;
            border-radius: 5px 0 0 0;
    display: none;
  }
  .header__bottom-sticky .topbar__contact .call{
   color: var(--primary-color) !important; 
            width: 100%;
    font-size: 15px;
  }
  .header__bottom-sticky .header__bookstay{
    width: 100%;
            right: 0;
        left: auto;
        height: 60px;
  }
   .header__bottom-sticky .header__bookstay .uk-button{
             border-radius: 0 5px 0 0;
  }
    .header__container .navmenu{
        display: none;
    }

 .milestone .header__container {
   	padding: 0;
  }
  .milestone .header.is-fixed  .header__container,
  .milestone .header.is-fixed  .uk-container,
    .header .uk-container,
    .header__container {
        height: 100%;
      position: relative;
      justify-content: space-between;
      padding: 3px 0;
    }
   .milestone.is-header-active .header.is-fixed  .header__container{
     padding: 3px 20px;
  }

  .milestone .header .header__col--center{
    width: 77px;
  }
    .withoutbanner .header .header__col--center,
    .header.is-fixed .header__col--center,
      .header .header__col--center {
                top: 0;
        left: 0;
         right: auto;
        /* display: flex; */
        width: auto;
        position: relative;
        /* transform: none; */
        /* text-align: left; */
        margin: inherit;
        width: 54px;
    }
  .withoutbanner .header .header__col--center, .header.is-fixed .header__col--center, .milestone .header.is-fixed .header__col--center, .header .header__col--center {
    top: 0;
    position: relative;
    transform: none;
}

    .is-header-active .header {
        position: fixed;
    }

    .navmenu .topbar__auth {
        display: block;
        position: absolute;
        bottom: 0;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 2;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #A64E69;
    }

    .navmenu__list-item .uk-dropdown.uk-open:before {
        display: none;
    }

    .header__container .call {
        position: absolute;
        right: 0;
        color: var(--inverse-font-color);
        font-size: 22px;
    }


    .withoutbanner .header__container .call,
    .withoutbanner .is-fixed .header__container .call,
    .is-fixed .header__container .call,
  .header__container .call{
        color: var(--highlight-color);
    }
.milestone .header__toggler-btn{
  color: var(--inverse-font-color);
  }
  .milestone .is-fixed .header__toggler-btn{
  color: var(--highlight-color);
  }
    .withoutbanner .header__toggler-btn,
    .withoutbanner .is-fixed .header__toggler-btn,
    .is-fixed .header__toggler-btn,
  .header__toggler-btn{
        color: var(--highlight-color);
    }
	.header__toggler.mobile{
          position: absolute;
    right: 0;
              top: 18px;
  }
    .header__toggler-btn {
        background: transparent;
        border: 0;
        padding: 0;
        margin: 0;
        font-size: 24px;
        line-height: 1;
        color:var(--primary-color);
        cursor: pointer;
        align-items: center;
        min-width: 24px;
    }

    .header__toggler-btn .is-togglemenu-active {
        display: none;
    }

    .header__toggler-btn .is-togglemenu-close {
        display: block;
    }

    .header__container,
    .withoutbanner .header .header__container,
    .header.is-fixed .header__container,
   .header .header__container{
        border-top: none;
    }

    .is-header-active .header__toggler-btn .is-togglemenu-active {
        display: block;
        font-size: 22px;
        z-index: 10;
        position: relative;
        color: var(--primary-color);
    }

    .is-header-active .header__toggler-btn .is-togglemenu-close {
        display: none;
    }
  .milestone.is-header-active .header .header__logo-img{
    display: none;
  }
  .milestone.is-header-active .header .header-scroll{
    display: block
  }

    .header__collapsible {
        position: fixed;
        top: 0px;
        bottom: 0;
        right: -100%;
        width: 100%;
        height: calc(100vh - 0px);
        z-index: 9;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background-color: var(--inverse-font-color);
        transition: right .4s ease;
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .header__collapsible:after {
        content: "";
        background-image: url('https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/menu-bg.png');
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 376px;
        bottom: 0;
        left: 0;
        background-position: center;
        background-size: cover;
    }

    .is-header-active .header__collapsible:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 183px;
        left: 0;
        bottom: 0px;
              background: url('https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/hokupaa-pattern-b-logo-footer.svg');
    background-size: cover;
        z-index: 1;
    }

    .is-header-active .header__collapsible {
        right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }

    .navmenu__list {
        display: block;
        text-align: center;
    }

    .navmenu__list li {
        margin: 22px 0;
    }

    .navmenu-dropmenu {
        position: relative !important;
        box-shadow: none !important;
        background: transparent;
        padding: 0 0px;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        max-width: 100% !important;
        list-style: none;
    }

    .header__col--left,
    .header__col--right {
        width: 100%;
        justify-content: center;
        border: none;
        align-items: flex-start;
        display: block;
        padding: 0;
        margin: 0;
    }

    .header__col--left {
        padding-left: 0;
    }

    .header__mainmenu {
        display: block;
        padding: 0;
    }

    .is-header-active .header__bookstay {
        display: none;
    }

    .is-header-active .navmenu .topbar__auth a {
        color: var(--inverse-font-color);
        font: var(--mob-header-fonts);
        font-size: var(--mob-header-font-size);
        text-transform: uppercase;

    }

    .is-header-active .navmenu .topbar__auth a .template-icon {
        color: var(--highlight-color);
    }

    .navmenu__list-link {
        font: var(--mob-header-fonts);
        padding: 0 20px;
        position: relative;
        font-size: 28px;
          color: var(--header-color);
    }
  .milestone.is-header-active .header .navmenu__list-link{
        color: var(--header-color);
            font-weight: 500;
  }
  .milestone.is-header-active .header .header__col--center,
  .is-header-active .header .header__col--center{
    	        width: 54px;
  }

    /* .submenulist .navmenu__list-link:after {
        content: "\eb14";
        font-family: var(--icon-fonts);
        position: absolute;
        right: 0;
        top: 0;
        right: -10px;
        top: -3px;
        left: auto;
        width: auto;
        opacity: 1;
        background: transparent;
    }

    .submenulist.active_menu .navmenu__list-link:after {
        content: "\eb0b";
    }*/

    .navmenu__list .navmenu__list-item {
        margin: 0 0 40px 0;
    }

    .is-header-active .header__col--center {
        position: relative;
        z-index: 10;
        padding-top: 0px;
    }

    .withoutbanner.is-header-active .header__container .call,
    .is-header-active .header__container .call {
        z-index: 10;
        color: var(--inverse-font-color);
    }

    .withoutbanner.is-header-active .header.is-fixed .header-scroll,
    .is-header-active .header.is-fixed .header-scroll {
        display: block;
    }

    .withoutbanner.is-header-active .header.is-fixed .header__logo-img,
    .is-header-active .header.is-fixed .header__logo-img {
        display: none;
    }

    .withoutbanner.is-header-active .header .navmenu__list-link,
    .is-header-active .header.is-fixed .navmenu__list-link {
               color: #06172E;
      font-weight: 500;
    }
  .withoutbanner.is-header-active .header .navmenu__list-link:hover,
  .withoutbanner.is-header-active .header .navmenu__list-link.navON,
  .is-header-active .header.is-fixed .navmenu__list-link:hover,
  .is-header-active .header.is-fixed .navmenu__list-link.navON{
   	color: var(--secondary-color);
  }
  .is-header-active .header__topbar{
    	    z-index: 10;
    position: relative;
    width: 100%;
    margin: 0;
  }
  
  .is-header-active .topbar__contact{
    display: none;
  }
  .is-header-active .header .uk-container-expand{
   	    padding: 0; 
  }
.is-header-active .topbar__divider {
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }
  .milestone.is-header-active .header__container,
  .is-header-active .header__container{
    padding: 3px 20px;
  }
  .milestone.is-header-active .header__navbar-icons .navbar__icon,
  .milestone.is-header-active .is-fixed .header__navbar-icons .navbar__icon{
    color: var(--primary-color);
  }
    .navmenu-dropmenu__link {
              color: #06172E;
    }
.is-header-active .header__toggler.mobile{
          right: 20px;
  }
    .navmenu-wrap {
        display: flex;
        justify-content: start;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 43px;
        max-height: 100%;
        overflow-y: auto;
              position: relative;
        z-index: 1;
    }
  .is-fixed .navmenu-wrap, .milestone .header.is-fixed .navmenu-wrap, .header .navmenu-wrap,
  .milestone .header .navmenu-wrap{
    padding-top: 0
  }
 

    .navmenu__list-item .uk-dropdown {
        top: 0px !important;
        padding-left: 0 !important;
    }

    li.navmenu__list-item.submenulist.active_menu .navmenu-dropmenu {
        display: block;
    }

    .navmenu-dropmenu__item .navmenu-dropmenu__link,
    .navmenu-dropmenu__item .navmenu-dropmenu__link:hover,
    .navmenu-dropmenu__item .navmenu-dropmenu__link.navON {
        color: var(--inverse-font-color);
    }

    .navmenu-dropmenu__item:hover,
    .navmenu-dropmenu__link.navON {
        border-bottom: 1px solid var(--inverse-font-color);
    }

    .navmenu__list-item .uk-dropdown:after {
        display: none;
    }

  .header__navbar-icons{
   	        gap: 18px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 60px; 
  }
  .is-header-active .header__navbar-icons{
   	         position: relative;
        z-index: 10;
  }
  .is-header-active .header__col--right .header__navbar-icons{
    display: none;
  }
}


@media (max-width: 1023.98px){
 	body {
    padding-top: 100px;
} 
}
@media (max-width: 767px){
  .header__navbar-icons a:first-child svg {
    width: 15px;
    height: 18px;
}
  .header__navbar-icons a{
      display: flex;
    align-items: center; 
  }
  .header__navbar-icons a svg {
    width: 28px;
    height: 21px;
}
  .navmenu-wrap{
   	        margin-top: 20px; 
  }
  .navmenu__list .navmenu__list-item {
        margin: 0 0 35px 0;
    }
}
/*for events page */
.withoutbanner .vcomponent:has(.header),
.withoutbanner .VComponent:has(.header) {
    position: sticky;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
}

.withoutbanner .vcomponent .header,
.without-banner .VComponent .header {
    position: static;
}
.page-component-teamplate .navmenu-dropmenu__item  .edit-overlay{
     margin-top: 5px;
    margin-left: 80px; 
}
/* Home Video Block Starts */
@media (min-width: 768px) {
  .video__nav.navcontrolpad {
    left: auto;
    right: 35px;
  }
}
.video__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  display: none;
}
.video__wrapper--no-controls::after {
  display: none;
}
.is-video-swapped .video__wrapper {
  display: block;
}
.video__block > * {
  max-width: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.video__wrapper>.ms_cms_editbar_component {
  top: 100px;
  z-index: 10;
  left: 50%;
}

.video__wrapper.cms6 {
  z-index: 2;
}

.video__wrapper:after {
  content: '';
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #00000066
}

.video__actions {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 11;
}

.video__actions-more {
  display: none;
  position: absolute;
  bottom: 86px;
  left: 5px;
}

.video__block {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.video__block>iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}

.video__block>iframe.cms6 {
  max-width: 100% !important;
  max-height: 100% !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
}

.video__trigger {
  background: var(--secondary-color);
  border-radius: 0px;
  color: var(--tertiary-color);
  display: flex;
  width: 35px;
  height: 35px;
  padding: 0;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-out;
  margin: 20px;
  text-transform: capitalize;
  padding: 0 10px;
  line-height: 1.3;
  min-height: unset;
}


.video__trigger-text {
  display: none;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 10px;
  letter-spacing: normal;
}

.video__trigger:hover,
.video__trigger:focus-visible,
.video__actions.is-active .video__trigger {
  width: 80px;
  height: 80px;
  flex-direction: column;
  background: var(--secondary-color);
  color: var(--tertiary-color);
  margin: 5px;
}

.video__trigger:hover .video__trigger-text,
.video__trigger:focus-visible .video__trigger-text,
.video__actions.is-active .video__trigger-text {
  display: flex;
}
.video__actions.is-active .uk-button .template-icon.template-icon-close{
  line-height: 1;
}
.video__trigger-icon {
  display: flex !important;
  justify-content: center;
  width: 18px;
  height: 12px;
  margin: auto !important;
}

.video__trigger .is-off,
.video__actions.is-active .video__trigger .is-on {
  display: none;
}

.video__actions.is-active .video__trigger .is-off {
  display: flex;
}

.video__actions.is-active .video__actions-more {
  display: block;
}

.video__btn {
  width: 80px;
  height: 80px;
  display: flex;
  line-height: 1.5;
  margin-bottom: 4px;
  background: var(--secondary-color);
  color: var(--tertiary-color);
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0px;
  opacity: 0.9;
  font-size: 11px;
  padding: 5px 5px 0 5px;
  flex-direction: column;
  text-transform: capitalize;
  letter-spacing: 0;
  transition: all .3s ease;
}

.video__btn:hover,
.video__btn:focus-visible {
  opacity: 1;
}

.video__btn .is-off {
  display: none;
}

.video__btn.active .is-off {
  display: block
}

.video__btn.active .is-on {
  display: none
}

.video__btn-icon {
  margin-bottom: 10px !important;
  display: block !important;
  font-size: 18px;
}

.video__modal-title {
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 15px;
}

.video__modal-body p:last-child,
.video__modal-body ul:last-child,
.video__modal-body ol:last-child {
  margin-bottom: 0;
}
/* Brightcove - Starts */
.video-js .vjs-control-bar {
  display: none;
}
/* Brightcove - Ends */
@media (max-width: 1024.98px) {
  .video__actions {
    bottom: 15px;
  }
}
@media (max-width: 959.98px) {
  .video__actions {
    bottom: 50px;
  }
}
@media (max-width: 959.98px) {
  .video__block>*{
    height: 100% !important; 
  }
}

@media (max-width: 575px) {
  .video__btn {
    font-size: 0;
    line-height: 0;
    height: 35px;
    width: 35px;min-height: 35px;
  }

  .video__btn-icon {
    margin: 0 !important;
  }

  .video__trigger:hover,
  .video__trigger:focus-visible,
  .video__actions.is-active .video__trigger {
    width: 35px;
    height: 35px;
  }

  .video__actions-more {
    bottom: 42px;
  }

  .video__trigger-text {
    display: none !important;
  }

  .video__trigger {
    margin: 5px;
  }
  .video__actions{
    bottom: 20px;
  }
}

/* Home Video Block Ends */
.fullwidth-bg{
 position: relative; 
  height: 800px;
background-color: var(--tertiary-color);
        background-repeat: no-repeat;
    background-size: cover;
      background-position: center;
}
.fullwidth-container{
 height: 100%;
}
.fullwidth-bg:after{
 content: "";
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  background: #04040499;
      width: 100%;
    height: 100%;
}
.fullwidth-box{
position: relative;
  z-index: 2;
  height: 100%;
 display: flex;
  align-items: center;
  justify-content: space-between;
}
.fullwidth-content{
 display: flex;
  align-items: center;
}

.fullwidth-content{
  padding-left: 40px;
      display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fullwidth-tagline{
 font: var(--body-text-fonts);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.fullwidth-desc{
  line-height: 160%; 
}
.fullwidth-left{
 	    width: 75%;
    padding-right: 84px; 
}
.fullwidth-right{
 width: 25%; 
}
.fullwidth-right img{
 width: auto;
}
.fullwidth-right img:focus-visible{
 background: transparent; 
      outline: 2px solid var(--secondary-color);
}

@media (max-width: 1200px) {
.fullwidth-left {
    padding-right: 40px;
}
}
@media (max-width: 959.98px) {
  .fullwidth-bg {
    height: 745px;
}
  .fullwidth-box{
   	    flex-direction: column; 
            justify-content: center;
    padding: 0 20px;
  }
  .fullwidth-content {
    padding-top: 50px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
   .fullwidth-bg .fullwidth-title .title--xxl{
   font-size: 30px;  
  }
  .fullwidth-content {
        flex-wrap: wrap;
        row-gap: 50px;
    }
  .fullwidth-desc{
   margin-bottom: 30px; 
  }
  .fullwidth-left {
        padding-right: 0;
        width: 100%;
    }
  .fullwidth-box{
   padding: 0 20px; 
  }
  .fullwidth-right{
   width: 100%; 
  }
}
/* =========================
   SECTION BASE
========================= */
.exp {
  overflow: hidden;
  padding-bottom: 135px;
  position: relative;
}
.exp.add-bg:after{
  content: "";
      background: url(https://mds-assets.marriott.com/cms-platform-for-marriott/hokupaa-at-the-westin-maui/website-assets/bg-images/dotted-pattern2.svg);
    background-size: cover;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 183px;
    z-index: 0;
}

.exp__wrapper {
  align-items: center;
}

/* =========================
   LEFT CONTENT
========================= */

.exp__title {
  margin-bottom: 30px;
}
.exp__inner {
  max-width: 400px;
      display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* =========================
   SLIDESHOW
========================= */
.exp__slider {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

/* Fade + slight motion */

.exp__item {
  height: 100%;
    display: flex;
  align-items: flex-start;
}
.uk-slider--fade .uk-transition-fade {
	visibility: hidden;
	opacity: 0;
}
.uk-slider--fade .uk-transition-fade.uk-slide-active {
	visibility: visible;
	opacity: 1;
}

/* =========================
   CARD
========================= */
.exp__card{
 width: 100%; 
}

.exp__card-img-wrap {
  position: relative;
  padding: 0 50px;
  margin-bottom: 60px;
}

.exp__card-img {
  width: 100%;
  display: block;
}

.exp__item.uk-active .exp__card-img {
}

/* =========================
   TEXT
========================= */
.exp__card-title {
  font: var(--body-text-fonts);
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 20px;
}

.exp__card-desc {
  line-height: 160%;
  font-weight: 350;
  margin-bottom: 20px;
}

/* =========================
   arrrow
========================= */
.exp__controls{
     width: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    right: 0;
    /* margin: 0 auto; */
    /* text-align: center; */
    /* width: 100%; */
    display: table;
    margin: 0;
    padding: 0;
  margin-top: -21px;
}


/* =========================
   RIGHT IMAGE (FULL WIDTH)
========================= */
.exp__media {
  position: relative;
  height: 100%;
}

.exp__media-img-wrap {
  height: 100%;
      overflow: hidden;
}

.exp__media-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    transition: transform 0.4s ease;
}
.exp__media-img-wrap:hover .exp__media-img {
  transform: scale(1.1);   /* zoom inside only */
}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1199.98px) {
	.exp__inner {
    max-width: 90%;
          padding: 40px 0 0;
  }
  .exp__wrapper {
    align-items: stretch;
}
}
/* Tablet */
@media (max-width: 959px) {
  .exp__wrapper {
    flex-direction: column-reverse;
  }

  .exp__media {
    order: -1;
    height: 387px;
  }

  .exp__content {
    padding: 50px 0 70px 20px;
  }
  .exp.add-bg:after{
   	top: 54%;
    left: 0;
    width: 100%;
    height: 183px;
    z-index: 0;
    bottom: auto;
    background-size: cover; 
  }
	.exp__inner{
   padding-top: 0;   
  }
  .exp__controls{
   margin-top: 0%; 
    top: 67%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  	.exp__card-img-wrap {
    padding: 0 10px;
  }
 .exp {
   	    padding-bottom: 110px;
  }
  .exp__inner{
   max-width: 100%; 
  }
  .exp.add-bg:after{
   	top: 50%; 
  }
   .exp__content {
    padding: 40px 0 40px 20px;
  }
    .exp__title {
    font-size: 30px;
    margin-bottom: 40px;
  }
   .exp__card {
    max-width: 100%;
  }
  .exp__card-title{
   padding: 0 22px 
  }
  .exp__controls{
    top: 47%;
  }
}
@media (max-width: 414px) {
 .exp__controls {
        top: 42%;
    }
}
.promo{
  position: relative;
  margin-top: -50px;
  padding-bottom: 100px;
}
.promo > .uk-container{
 max-width: 1224px; 
  margin: 0 auto;
}
.promo__title{
 margin-bottom: 35px; 
}
.promo__inner{
 max-width: 400px;
  margin: 0 auto;
  float: right;
}
.promo__action{
 justify-content: center; 
}
@media (max-width: 1300px) {
  .promo__inner {
    max-width: 100%;
  }
}
@media (min-width: 960px) {

  .promo__media {
    width: 58%;   
  }

  .promo__content {
    width: 42%;  
  }

}
@media (max-width: 959.95px) {
  .promo{
       padding-bottom: 80px; 
  }
  .promo__media{
        text-align: center;
  }
  .promo > .uk-container{
   padding: 0 30px; 
  }
}

@media (max-width: 767px) {
  .promo__content{
   margin-top: 20px; 
  }
}
/* =========================
   BASE
========================= */
.social {
  padding: 0px 0 100px 0;
}
.social__wrapper{
 align-items: center; 
}
/* =========================
   INTRO
========================= */
.social__intro-box {
  padding: 14px 0;
}

.social__tagline{
  font: var(--body-text-fonts);
  margin-bottom: 20px;
}

.social-title  {
      font: var(--h4-title-fonts);
  line-height: 120%;
  font-weight: 300;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.social__handle {
      font-size: 15px;
    color: #8B7C5E;
    text-decoration: none;
  filter: opacity(1);

}

/* =========================
   GALLERY
========================= */
.social__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social__list >*{
 padding-left: 20px; 
}
.social__item {
  position: relative;

}
.social__item-media{
     overflow: hidden;   
}
.social__item:after{
 content: "";
  position: absolute;
      top: 0;
    left: 20px;
    width: calc(100% - 20px);
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(8, 16, 28, 0) 63.48%, rgba(8, 16, 28, 0.6) 100%);
}
.social__item  .social__icon{
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  color: var(--inverse-font-color);
}

.social-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.social__item:hover .social-img {
  transform: scale(1.1);   /* zoom effect */
}

/* =========================
   MOBILE SLIDER
========================= */
@media (max-width: 959px) {

  .social__slider {
    overflow: hidden;
  }

  .social__list {
    display: flex;
  }

 

}

/* =========================
   DESKTOP GRID
========================= */
@media (min-width: 960px) {

  .social__list {
    display: grid;
   
  }

  .social__item {
    min-width: auto;
  }

}

@media (max-width: 959.98px) {
  .social__intro-box{
   text-align: center; 
  }
   .social > .uk-container{
    padding: 0;
  }
  .social__intro-box{
   padding: 0 20px; 
  }
   .social__item {
    padding-left: 20px;
             max-width: 24.3%;
}
   .social__item:after{
   	    left: 30px;
    width: calc(100% - 30px); 
  }
}
@media (max-width: 767px) {
  .social {
    padding: 0px 0 50px 0;
}
 .social-title{
   	    padding: 0 50px;
  }
 
}
@media (max-width: 640px) {
  .social__item {
        padding-left: 30px;
        min-width: 65%;
    }
}