/* 
-------As Per Page Format Order----------
 Hero-banner-with-slider,zig-zag-feature-box-all-elements,Grid-gallery,Booking-widget-sticky,Footer-with-signup,tab-list-all,Redwood-Booking-Widget,aspen-tabs,mahogany-header,image-slider-with-content,feature-with-content-image,triangle-section,feature-with-image-and-content,upcoming-events-section-onpage,right-side-image-slider-with-content,holiday-floating-banner,intro-section-with-image */ 

.hr103-slideshow {
  background: var(--text-color);
  color: #fff;
  height:100vh;
  min-height: 600px;
  border: 5px #fff solid;
} 

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

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

.hr103-slideshow__media:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(135, 159, 191, 0) 50%, #4C678B 85.58%),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    /* background: red; */
    z-index: 1;
    pointer-events: none;
}

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

 
.hr103-slideshow .title {
    color: var(--inverse-font-color);
    display: flex;
    justify-content: center;
    flex-direction: column;
  margin-bottom: 0;
}
.banner-large-title +.banner-small-title {
    text-transform: none;
    font-style: italic;
}
.banner-large-title {
  font: var(--xl-title-fonts);
color: inherit;
}
.hr103-slideshow__content {
    position: absolute;
    top: 165px;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    padding: 0 40px;
    z-index: 1;
}

.hr103-slideshow__title {
    margin-bottom: 10px;
}

.hr103-slideshow__dotnav {
    position: absolute;
    bottom: 110px;
    left: 0;
    right: 0;
}


.hr103-slideshow__dotnav > * {}

.hr103-slideshow__dotnav > * > * {
    width: 106px;
    border-radius: 0;
    height: 4px;
    background: #AAAAAA;
}

.hr103-slideshow__dotnav > .uk-active > * {
    background: #F4F3ED;
}
.mi-block-container:has(.hr103-slideshow__items) {
  margin-top: 30px;
}


.hr103-slidnav {
    position: absolute;
    top: 50%;
}

.hr103-slideshow__items a.slider-controls__slidenav {
    border: red solid;
}

.hr103-slideshow .slider-controls__slidenav {
    position: absolute;
    top: 50%;
    left: 20px;
    background-color: #fff;
    border-color: #fff;
    font-size: 24px;
  filter: opacity(0.8);
}
.hr103-slideshow .slider-controls__slidenav:hover, .hr103-slideshow .slider-controls__slidenav:focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
  filter: opacity(1);
}

.hr103-slideshow .slider-controls__slidenav.uk-slidenav-next {
    left: auto;
    right: 20px;
}


.discover-section {
     background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQxOSIgaGVpZ2h0PSIxNDIiIHZpZXdCb3g9IjAgMCAxNDE5IDE0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcwOS41IDBDNTU1LjY2MyAxNDEuNTA2IDAgMTQxLjUgMCAxNDEuNUwxNDE5IDE0MS41QzE0MTkgMTQxLjUgODYzLjMzNyAxNDEuNTA2IDcwOS41IDBaIiBmaWxsPSIjRkNGQkY0Ii8+Cjwvc3ZnPgo=);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 142px;
     display: block;
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
 
.discover-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 250px;
  font-size: 18px;
  font-style: italic;
  font-family: var(--title-fonts);
  color: var(--secondary-color);
}

.discover-section [class^="template-icon-"] {
    display: block;
    font-size: 29px;
    text-align: center;
    transform: rotateY(190deg);
    color: var(--primary-color);
  margin-bottom: 13px;
}

.discover-box a {
    color: inherit;
}


.discover-box a:hover {
   color: var(--primary-color);
}

@media (max-width: 1399.98px) {
  .discover-section {
    background-size: cover;
    background-position: center bottom;
}
}

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

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

@media (max-width: 959.98px) {
  .hr103-slideshow {
    height: calc(100vh - 60px);
}
}

@media (max-width: 767.98px) {
  .banner-large-title {
    font:var(--mob-xl-title-fonts)
  }

  .hr103-slideshow {
    border: 0;
    height: calc(100vh - 65px);
  }

  .discover-box {
    display: none;
  }

  .VComponent:has(.discover-section) ~ .VComponent .h1-headline {
    padding-top: 0;
  }
  
  .discover-section {
    height: 90px;
    bottom: -1px;
    background-size: 100%;
     padding: 0;
}
  
.hr103-slideshow__content {
    padding: 0 15px;
    top: 30px;
    transform: translate(-50%, 0px);
}
  
}

@media (max-width: 639.98px) {
  .hr103-slideshow__content {
     top: 55px;
 }
  
.discover-section {
    height: 112px;
    bottom: -2px;
    background-size: 300%;
    background-position: top center;
}
}

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


/* Snippet Starts */
.snippet__title {
  margin-bottom: 30px;
}

.snippet__desc-readmore {
  margin-top: 10px;
}

.snippet__actions-call {
  margin-top: 10px;
  letter-spacing: 0.32px;
}

.snippet__actions-call>a {
  font-weight: 700;
}

.snippet__actions, .snippet__actions--grid {
  display: flex;
  align-items: center;
  column-gap: 30px;
  row-gap: 20px;
  flex-wrap: wrap;
  margin-top:40px;
}

.snippet__actions .uk-button+.uk-button,
.snippet__actions--grid .uk-button+.uk-button {
 /* margin: 0 0 0 25px;*/
}

.snippet__actions--block {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.snippet__actions--block .uk-button+.uk-button {
  margin: 25px 0 0;
}

.snippet__amenities {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  justify-self: flex-start;
  column-gap: 30px;
  grid-row-gap: 20px;
  margin-bottom: 30px;
  flex-flow: wrap;
}

.snippet__amenities-item--grid {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.snippet__amenities-name {
  font: var(--h6-title-fonts);
  margin: 10px 0 0;
}

.snippet__amenities-item--grid .snippet__amenities-name {
  margin: 0; text-align: left;
}

.snippet__amenities-icon {
  display: block;
  color: var(--highlight-color);
  /*font-size: 20px;*/
  font-size: 30px;
}

.snippet__amenities-item--grid .snippet__amenities-icon {
  display: flex;
  font-size: 26px;
}

.snippet__amenities--stack {
  flex-direction: column;
  align-items: flex-start;
  grid-row-gap: 15px;
}

.snippet__media {
  width: 610px;
  max-width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 103.89610389610388%;
  border-radius: var(--border-radius);
}

.snippet__media:focus-within {
  outline: 1px solid var(--highlight-color);
  box-shadow: 0 0 2px var(--highlight-color) inset;
  -webkit-box-shadow: 0 0 2px var(--highlight-color) inset;
  -ms-box-shadow: 0 0 2px var(--highlight-color) inset;
  -moz-box-shadow: 0 0 2px var(--highlight-color) inset
}

.snippet__media>img {
  width: 100%;
}

.snippet__media--l {
  width: 750px;
}

.snippet__media--xl {
  width: 800px;
}

.snippet__media--vl {
  width: 700px;
  padding-bottom: 115%;
}

.snippet__media--square {
  padding-bottom: 100%;
}

.snippet__media.our-history-media {
  padding-bottom: 133%;
}

.snippet__media--map {
  height: 650px;
  padding: 0;
}

.snippet__media-mapholder {
  height: 100%;
}

.snippet__media-map,
.snippet__media-map>div {
  height: 100% !important;
}

.snippet__title .template-icon {
  display: inline;
  width: 25px;
  height: 25px;
  font-size: 25px;
  font-weight: normal;
  line-height: 1;
  align-items: center;
  vertical-align: baseline;
  color: var(--highlight-color);
}

.snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
  margin-top: 40px;
}

.snippet__zigzag.is-hidden+.snippet__zigzag {
  margin-top: 0;
  transition: margin .4s ease;
}

.snippet__accordion {
  margin-bottom: 30px;
}

.snippet__accordion-name {
  font: var(--h5-title-fonts);
}

.snippet__accordion-content {}

.snippet__accordion--border {
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
  border-top: 1px solid #ccc;
  padding-top: 25px;
}

.snippet__dotnav {
  position: absolute;
  left: 0;
  z-index: 11;
  bottom: 0;
  right: 0;
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding-left: 35px;
}

.snippet__slider-dotnav {
  margin-top: 40px;
  width: 610px;
  max-width: 100%;
  justify-content: center;
}

.snippet__accoradian {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 30px;
}

@media (min-width: 1200px) {
  .snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
    margin-top: 80px;
  }

  .snippet__container--small {
    max-width: 1070px
  }
}

@media (min-width: 960px) {
  .snippet__zigzag:nth-child(even) .snippet__col:first-child {
    order: 2;
  }

  .snippet__zigzag:nth-child(even) .snippet__col:last-child {
    order: 1;
  }

  .snippet__zigzag:nth-child(odd) .snippet__col:first-child {
    order: 1;
  }

  .snippet__zigzag:nth-child(odd) .snippet__col:last-child {
    order: 2;
  }

  .snippet__zigzag--revert:nth-child(odd) .snippet__col:first-child {
    order: 2;
  }

  .snippet__zigzag--revert:nth-child(odd) .snippet__col:last-child {
    order: 1;
  }

  .snippet__zigzag--revert:nth-child(even) .snippet__col:first-child {
    order: 1;
  }

  .snippet__zigzag--revert:nth-child(even) .snippet__col:last-child {
    order: 2;
  }
  .snippet__zigzag--padding-middle {
    align-items: flex-start
  }
  .snippet__zigzag--padding-middle .snippet__conent {
    padding-top: 50px;
  }
}

@media (max-width: 1399.98px) {
  .uk-container-small .snippet__media {
    width: 450px;
  }

  .snippet__media--xl,
  .snippet__media--l {
    width: 610px;
  }
}

@media (max-width: 1199.98px) {
  .snippet__media {
    width: 100% !important;
  }

  .snippet__slider-dotnav {
    margin-top: 20px;
    width: 50%;
  }
}

@media (max-width: 1023.98px) {

  .snippet__title,
  .snippet__desc,
  .snippet__amenities {
    margin-bottom: 20px;
  }
 
  .snippet__actions--grid {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

@media (max-width: 959.98px) {
  .snippet__media {
    width: 100%;
    max-width: 100%;

  }

  .snippet__media img {
    width: 100%;
  }

  .snippet__title svg {
    width: 15px;
    height: 15px;
  }

  .snippet__zigzag:not(.is-hidden)+.snippet__zigzag:not(.is-hidden) {
    margin-top: 50px;
  }

  .snippet__media--map {
    height: 600px;
  }

  .snippet__slider-dotnav {
    width: 100%;
    justify-content: flex-start;
    margin-top: 40px;
  }



  .single-rooms-section .single-rooms-media {
    margin-bottom: 40px;
}
}

@media (max-width: 767.98px) {
  .snippet__actions--block .uk-button+.uk-button {
    margin: 15px 0 0;
  }

  .snippet__dotnav {
    position: static;
    width: auto;
    padding: 0;
    margin-left: -15px;
    margin-top: 30px;
  }
  /*.snippet__actions {
  margin-top: 25px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button,
  .snippet__actions--block .uk-button+.uk-button {
  margin: 20px 0 0;
}*/
  
  .snippet__actions .uk-button-primary,
  .snippet__actions--grid .uk-button-primary,
  .snippet__actions .uk-button-default,
  .snippet__actions--grid .uk-button-default {
   /* padding: 10px 15px;*/
  }

  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button {
   /* margin: 0 0 0 15px;*/
  }

  .overview .snippet__actions {
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .overview .snippet__actions .uk-button+.uk-button,
  .overview .snippet__actions--grid .uk-button+.uk-button,
  .overview .snippet__actions--block .uk-button+.uk-button {
    margin: 0 0 0 25px;
  }
}

@media (max-width: 767.98px) and (min-width: 640px) {

}

@media (max-width: 639.98px) {

  .snippet__media--map {
    height: 400px;
  }

  .inner-padding--thirdlevel .snippet__title {
    font-size: 35px;
  }
}

@media (max-width: 575px) {
 

  .snippet__amenities {
    column-gap: 20px;
  }

  /*.snippet__amenities-item--grid {
  width: calc(50% - 10px);
}*/
}

@media (max-width: 374px) {
  .snippet__actions {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
  }
  .snippet__actions .uk-button+.uk-button,
  .snippet__actions--grid .uk-button+.uk-button,
  .snippet__actions--block .uk-button+.uk-button {
    margin: 20px 0 0;
  }

  .snippet__dotnav {
    justify-content: center;
  }
}

/* Snippet Ends */




/* GCP Slider Starts  */
.gcp-slider__nav {
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--primary-cta-inverse-color);
  color: var(--inverse-font-color);
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.gcp-slider__nav-link {
  background: var(--primary-cta-inverse-color);
  color: var(--primary-cta-inverse-font-color);
  border-radius: 0;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  min-height: 35px;
  padding: 5px 15px;
  transition: all .4s ease;
  line-height: 1;
  display: flex;
  align-items: center;
}

.gcp-slider__nav-link+.gcp-slider__nav-link {
  padding-left: 10px;
}

.gcp-slider__nav-link:first-child {
  padding-right: 10px;
}

.gcp-slider__nav-link.uk-invisible {
  visibility: visible !important;
  display: inline-flex !important;
  cursor: not-allowed;
  color: rgba(255, 255, 255, .36);
}

.gcp-slider__nav-link>.template-icon {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 7px;
  transition: all .4s ease;
  margin-left: 15px;
}

.gcp-slider__nav-link>.template-icon:last-child {
  margin-left: 15px;
  margin-right: 0;
}

.gcp-slider__nav-link>.template-icon:first-child {
  margin-right: 15px;
  margin-left: 0;
  margin-top: unset;
}

.gcp-slider__nav-link-text {
  min-height: 14px;
  display: inline-flex;
  align-items: flex-end;
  margin-top: -2%;
}

.gcp-slider__nav-link:hover,
.gcp-slider__nav-link:focus,
.gcp-slider__nav-link:focus-visible {
  outline: 0;
  box-shadow: unset;
}

.gcp-slider__nav-link:hover>.template-icon,
.gcp-slider__nav-link:focus>.template-icon,
.gcp-slider__nav-link:focus-visible>.template-icon,
.gcp-slider__nav-link.uk-invisible>.template-icon {
  opacity: 0.5;
}

.gcp-slider__expand {
  font-size: 22px;
  color: #000;
  position: absolute;
  bottom: 0;
  right: 190px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: #fff;
  transition: all .4s ease;
}

.gcp-slider__expand:hover,
.gcp-slider__expand:focus,
.gcp-slider__expand:focus-visible {
  color: var(--highlight-color);
}

.snippet__media_lightbox a {
    display: block;
    position: relative;
}


.snippet__media_lightbox a:hover:before, .snippet__media_lightbox a:focus:before {
   background: var(--secondary-color);
}

 .snippet__media_lightbox a:before {
    content: "\ea76";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
     padding: 10px 15px;
    background: var(--primary-color);
    color: var(--inverse-font-color);
    font-size: 24px;
    font-family: 'template-icon';
    width: 90px;
    height: 80px;
    border-radius: 0 100% 0 0;
    padding: 30px 0 0 20px;
}
.snippet__icon-set {
    column-gap: 10px;
    font: var(--body-text-fonts);
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: normal;
}

.snippet__title-icon {
    font-size: 30px;
}

.snippet__icon-section {
    margin-top: 30px;
}

.gcp-slider__actions:hover, .gcp-slider__actions:focus {
    background: var(--secondary-color);
    color: var(--inverse-font-color);
}


.gcp-slider__actions--revert {
  left: auto;
  right: 0;
}

.gcp-slider__actions > .template-icon {
  margin-left: 5px;
  font-size: 16px;
}

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

/* GCP Slider Ends  */
.gallery-collage {
  max-width: 1320px;
}
.gallery-collage-widget__head {
    margin-bottom: 45px;
}
.gallery-collage-grid {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.6fr) minmax(0,.9fr);
    gap: 18px;
}

/* Left column: two stacked images */
.gallery-collage-left {
  display: grid;
  grid-template-rows: 1.5fr 1fr;
  gap: 18px;
}

.gallery-collage-item {
  position: relative;
  overflow: hidden;
}

/* Corner radii to match design */
.gallery-collage-left-top {
  border-top-left-radius: 100px;
}

.gallery-collage-right {
  border-bottom-right-radius: 100px;
}

.gallery-collage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ensure consistent aspect on desktop */
.gallery-collage-center {
  min-height: 320px;
}

.gallery-collage-left-top {
  min-height: 190px;
}

.gallery-collage-left-bottom {
  min-height: 170px;
}

.gallery-collage-right {
  min-height: 320px;
}

/* RESPONSIVE */

@media (max-width: 900px) {
 /*
   .gallery-collage-grid {
    grid-template-columns: 1.1fr 1.1fr;
    grid-template-rows: auto auto;
  }

  .gallery-collage-left {
    grid-template-rows: 1fr 1fr;
  }

  .gallery-collage-center {
    grid-row: 1 / span 1;
    grid-column: 2;
  }

  .gallery-collage-right {
    grid-column: 1 / -1;
    min-height: 220px;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--radius-lg);
  }
  */
}
@media (max-width: 767px) {
 .gallery-collage {
    padding: 0 12px;
    margin-bottom: 30px;
}
.gallery-collage-grid {
    display: block;
}
 .gallery-collage-left, .gallery-collage-right {
    display: none;
}
  .gallery-collage-widget__head {
    margin-bottom: 35px;
}
  
}

@media (max-width: 640px) {
  /*
    .gallery-collage-grid {
    grid-template-columns: 1fr;
  }

  .gallery-collage-left {
    grid-template-rows: auto auto;
  } 
  .gallery-collage-center, .gallery-collage-right {
    min-height: 220px;
   }
  */
 
}
.affixed-booking {
  position: fixed;
   bottom: 0;
  left: 0;
  width: 100%;
  background: var(--primary-color);
  color: #fff;
  z-index: 8;
  padding-left: 20px;
   padding-right: 20px;
  border-top: 1px solid var(--border-color);
  transition: all .4s ease 0s;
 }
 

body:not(.fixed-header-active) .affixed-booking {
    opacity: 0;
    visibility: hidden;
}

.affixed-booking__form {
     position: relative;
    z-index: 1;
}


.affixed-booking .title {
  color: #fff;
    text-transform: capitalize;
}
.affixed-booking .title:focus {
    outline: #fff solid 1px;
}

.affixed-booking__col--title {
  display: flex;
  align-items: center;
  justify-content: center
}

.affixed-booking .uk-grid-divider {
  margin-left: -70px;
  align-items: center;
}

.affixed-booking .uk-grid-divider>* {
  padding-left: 70px;
}

.affixed-booking .uk-grid-divider>:not(.uk-first-column)::before {
  left: 35px;
  border-color: var(--border-color);
  top: 11px;
  bottom: 11px;
}
 

.affixed-booking__title {
  text-align: center
}

.affixed-booking__label {
    font-size: 12px;
    letter-spacing: 1.2px;
    font-weight: 600;
    text-transform: uppercase;
}
.affixed-booking__col--button:before {
  display: none
}

.affixed-booking__col--button {
  padding-left: 23px !important
}

 


.affixed-booking__input {
    height: 28px!important;
    background-color: transparent!important;
    border-color: transparent;
    padding: 0!important;
    color: #fff!important;
    cursor: pointer;
    text-align: left;
    font: var(--body-text-fonts);
    text-transform: uppercase;
    font-weight: 400;
}
.affixed-booking__input:focus-visible {
    outline: 1px solid #fff !important;
}
.uk-select.affixed-booking__input:not([multiple]):not([size]) {
    background-position: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.affixed-booking__input--full-height {
  height: 100% !important;
  text-align: center;
}

select.affixed-booking__input {
  padding: 0 20px 0 0 !important
}

.affixed-booking__input::placeholder {
  color: #cfc3a9 !important
}

.affixed-booking__input:hover,
.affixed-booking__input:focus,
.affixed-booking__input:focus-visible {
  opacity: .8
}

.affixed-booking__controls {
  position: relative;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 45px
}

.affixed-booking__controls .ui-datepicker-trigger {
    right: 0;
    width: 14px;
    bottom: 7px;
    border: 0;
    height: auto;
}

.affixed-booking__controls .ui-datepicker-trigger img {
    filter: invert(1);
}
.affixed-booking__controls .ui-datepicker-trigger:focus {
    outline: 1px #fff solid;
}
 
.affixed-promo__controls .affixed-booking__input::placeholder {
    opacity: .8;
}	
.affixed-booking__controls.affixed-promo__controls .affixed-booking__input {
    cursor: auto;
}

/*

.affixed-booking__controls.has-icon:after {
    content: '\e90f';
    font-family: var(--icon-fonts);
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: normal;
    bottom: 16px;
    line-height: 1;
    pointer-events: none;
    z-index: -1;
}
*/

.affixed-booking__dropdown {
  top: auto !important;
  bottom: 101%;
  width: 350px;
  left: 20px !important;
  background: var(--body-bg);
  border: 1px solid var(--border-color);
  color: var(--text-color);
  padding: 10px 25px;
  box-shadow: unset
}

.affixed-booking .date-picker-wrapper {
  top: auto !important;
  bottom: 100%;
  left: 30px !important
}

.room-guests {}

.room-guests__item {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-top: 1px solid var(--border-color);
  padding: 15px 0
}

.room-guests__col--input {
  width: 18px
}

.room-guests__input {
  border: 0 !important;
  background: transparent !important;
  color: var(--primary-color);
  font-size: 18px;
  font-family: var(--title-fonts);
  letter-spacing: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: left
}

.room-guests__col--text {
  width: 125px;
  padding-left: 10px;
  padding-right: 10px
}

.room-guests__text {
  font-size: 14px;
  color: var(--text-color-light);
  text-transform: uppercase;
  letter-spacing: .98px;
  font-family: var(--text-fonts-2);
  text-align: left
}

.room-guests__button {
  display: inline-flex;
  width: 26px;
  height: 26px;
  border: 1px solid var(--text-color);
  background: transparent;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--text-color);
  cursor: pointer;
  transition: all .4s ease
}

.room-guests__button:hover,
.room-guests__button:focus-visible {
  background: var(--highlight-color);
  color: #fff;
  border-color: var(--primary-color)
}

.room-guests__item:first-child {
  border: 0
}

.affixed-booking__button:hover,
.affixed-booking__button:focus,
.affixed-booking__button:focus-visible{
/*  color: var(--primary-cta-font-hover-color);
  background: var(--primary-cta-hover-color);
  border-color: var(--primary-cta-font-hover-color);*/
}

.affixed-booking .uk-grid-divider>.affixed-booking__col--controls:not(.uk-first-column)::before {
    opacity: 0;
}
.affixed-booking__controls_popup {
    background: var(--primary-color);
    position: absolute;
    bottom: 60px;
    width: 130px;
    padding: 10px 10px 0;
}
.affixed-booking__controls_popup .bookstay-form__control:focus-visible {
    outline: 1px #fff solid;
}

@media(min-width: 960px) {
  body {
    padding-bottom: 78px;
  }
}

@media(min-width: 1300px) {
.affixed-booking__controls.js-guest-booking, .affixed-booking__controls.affixed-booking__controls_children {
    max-width: 16%;
}

}

@media(max-width: 1365.98px) {
.affixed-booking .title {
     font-size: 20px;
}
  
}

@media(max-width: 1279.98px) {
  .affixed-booking__col--title {
     display: none;
}
.affixed-booking__controls.affixed-promo__controls .affixed-booking__input {
     font-size: 13px;
}
}

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

@media(max-width: 959.98px) {
  .affixed-booking {
    display: none !important
  }
}

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

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

@media(max-width: 575px) {}
/*=========== breadcrumb ===============*/ 
body.milestone .breadcrumb {display: none; }
.breadcrumb {margin: 0 0 20px; position: relative; z-index: 1; font-weight: 400; text-transform: uppercase; }
.breadcrumb__nav {text-align: center; }
.breadcrumb__nav {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 20px; font-size: 14px; letter-spacing: 1px; }
.breadcrumb__nav span {position: relative; }
.breadcrumb__nav span:before {content: "/"; position: absolute; left: -11px;/* color: #000 !important;*/  color: inherit !important;}
.breadcrumb__nav a {color: var(--inverse-font-color) }
.breadcrumb__nav a:hover, .breadcrumb__nav a:focus {/*color: var(--text-color);*/text-decoration: underline; }
.breadcrumb__nav.breadcrumb__events {display: none; }
.event-list-template .breadcrumb__nav.breadcrumb__events {display: flex; }
.event-list-template .breadcrumb__nav, .event-detailtemplate .breadcrumb__nav {display: none; }
.event-detailtemplate .breadcrumb {display: none; }
/*=========== End breadcrumb ===============*/ 


.footer {
    /*background: var(--bg-alt-1);*/
  background: var(--secondary-color);
  color: var(--inverse-font-color);
}
.footer-top-bg {
    position: relative;
    margin-bottom: -88px;
    padding-bottom: 130px;
}
 
.footer-top-bg img {
    width: 100%;
}
.footer-top-bg:after {
    content: "";
    background-image: url(//assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/pattern.svg);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
   /* opacity: .2;*/
   opacity: .1;
    background-position: bottom center;
}

.newsletter-section {
   /* padding: 0 20px 60px;*/
   padding: 0 0 40px;
    position: relative;
    overflow: hidden;
}
.newsletter-section::before {
   /*
   content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    background-image: url("https://assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/down-arrow-shape.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
  z-index: 1;
  */
}
.newsletter-section:after {
  /*
    content: "";
    background-image: url(//assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/pattern.svg);
    background-repeat: repeat;
    width: 100%;
    height: 410px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2;
  */
}

.contact-label.subtitle {
    /*color: var(--secondary-color);*/
  color: inherit;
}

.sparkle {
    position: absolute;
    top: 10px;
    right: 15%;
    width: auto;
    height: 110px;
    color: var(--primary-color);
    font-size: 111px;
    z-index: 2;
}
.sparkle .template-icon {
    transform: rotateY(190deg);
    display: block;
}


.container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}



.newsletter-title {
    text-align: center;
  margin-bottom: 35px;
  color: inherit;
    
}

.logo-badge {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #4ade80 0%, #a855f7 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.newsletter-form {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.form-row {
    display: flex;
    gap: 30px;
  margin-bottom: 25px;
}
.newsletter-form-control {
    flex: 1;
}

.form-input {
    padding: 15px 20px;
    border: 1px solid #c0c0c0;
    background: white;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
    transition: border-color 0.3s;
}

.form-input:focus {
    outline: none;
    border-color: #5a6c7d;
}

.newsletter-checkbox-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 11px;
    color: #666;
    margin-bottom: 40px;
}

.newsletter-form .form__checkbox {
    position: relative;
    padding-left: 25px;
    font-size: 14px;
     color: var(--footer-color);
}
.newsletter-form .form__checkbox:has(input:focus) {
    outline: 1px solid var(--highlight-color);
    box-shadow: 0 0 2px var(--highlight-color) inset;
    -webkit-box-shadow: 0 0 2px var(--highlight-color) inset;
    -ms-box-shadow: 0 0 2px var(--highlight-color) inset;
    -moz-box-shadow: 0 0 2px var(--highlight-color) inset;
}

 .newsletter-form .uk-checkbox {
    margin-right: 10px;
    border: 1px solid var(--secondary-color);
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 4px;
    margin: 0;
    background-color: transparent;
    width: 14px;
    height: 14px;
    padding: 0;
}

.newsletter-form .form__checkbox a {
    color: inherit;
    text-decoration: underline;
}

.newsletter-form .form__checkbox a:hover, .newsletter-form .form__checkbox a:focus {
    text-decoration: none;
}
.newsletter-form-control .error-message {
    left: 0!important;
    color: #B90404;
    bottom: -20px;
}

.newsletter-checkbox-group .error-message {
    color: #b90404 !important;
    bottom: -20px;
    left: 25px;
}

.footer-section {
   padding: 54px 20px 40px;
 /* border-top: 1px solid #ddd;*/
  position: relative;
/*  color: var(--footer-color);*/
    color: var(--inverse-font-color);
}
.footer-section:before {
    content: "";
    height: 7px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    border-top: 1px solid #7c869a;
    border-bottom: 1px solid #7c869a;
    opacity: .5;
    max-width: 1250px;
    transform: translateX(-50%);
}
.footer-section a {
    color: inherit;
}
.footer-section a:hover, .footer-section a:focus {
  text-decoration: underline;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    text-align: center;
  align-items: center;
}
.footer-contact-phone {
    position: relative;
    padding-left: 25px;
}
.footer-contact-phone .template-icon {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 14px;
}

.footer-contact p {
    margin: 0 0 10px;
  
}

.footer-social-icons {
     margin-top: 25px;
}
.footer9__social {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.footer-section .footer-social-icons a {
   /* color: var(--primary-color);*/
    font-size: 18px;
    transition: color .3s;
}

.footer-section .footer-social-icons a:hover, .footer-section .footer-social-icons a:focus {
  /*  color: var(--secondary-color);*/
  color: var(--header-hover-color);
  text-decoration: none;
}

 
.footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 1px #7c869a dashed;
    border-right: 1px #7c869a dashed;
    padding: 25px 20px;
}
.footer9__logo {
    margin-bottom: 20px;
}
.logo-subtitle {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
   /* color: var(--secondary-color);*/
   color: inherit;
    margin-bottom: 45px;
    max-width: 190px;
    font-weight: 400;
    line-height: normal;
}

.copyright {
    font-size: 13px;
  margin: 0;
  
   /* color: var(--footer-color);*/
 }
.copyright.milestonecopyright {
     display: none;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-links a {
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
  letter-spacing: 1.5px;
}
.footer-links a.navON {
  /* color: var(--secondary-color);*/
  text-decoration: underline;
}

.bottom-footer-logo-container {
background-color: var(--inverse-font-color);
}
.bottom-footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    column-gap: 95px;
 }
.footer-logo__item a:focus-visible {
    outline: 1px solid var(--highlight-color);
    box-shadow: 0 0 2px var(--highlight-color) inset;
    -webkit-box-shadow: 0 0 2px var(--highlight-color) inset;
    -ms-box-shadow: 0 0 2px var(--highlight-color)inset;
    -moz-box-shadow: 0 0 2px var(--highlight-color)inset;
}
.footer-logo__item a {
    display: inline-flex;
}

.newsletter-form .form-row input {
    height: 55px;
    background: transparent;
    border: 1px solid var(--secondary-color);
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2.3px;
    color: var(--secondary-color);
}
.newsletter-form .form-row input:focus {
    border-color: var(--primary-color);
}

.newsletter-form .form-row input::placeholder {
     color: var(--secondary-color);
}
.newsletter-section__action {
     text-align: center;
}
 .newsletter-section__btn {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}

footer .newsletter-section .form__label {    color: var(--header-color);}
 footer .newsletter-section .form__label a{    color: var(--header-color) !important;}
 
.footer-form-script {
    display: table;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.footer-widget__col.footer-widget__col--newsletter .contact-label.subtitle,
.footer-widget__col.footer-widget__col--newsletter .newsletter-title {
    text-align: left;
}
.footer-widget__col--newsletter .newsletter-form .form__group{
    margin-bottom: 25px;
  position: relative;
}
.footer-widget__col--newsletter .newsletter-form .form__checkbox,
.footer-widget__col--newsletter .newsletter-form .form__checkbox a{
    color: var(--inverse-font-color);
}
.footer-widget__col--newsletter .newsletter-form .uk-checkbox{
    border-color: var(--inverse-font-color);
    background-color: var(--inverse-font-color);
}
.footer-widget__col--newsletter .newsletter-checkbox-group{
    gap: 0;
  margin-bottom: 20px;
}
.footer-widget__col--newsletter .newsletter-form .uk-checkbox:checked,
.footer-widget__col--newsletter .uk-input:focus{
    background-color:  var(--inverse-font-color) !important;
}
@media (min-width:768px) {
 .mobile-copyright, .milestonecopyright.mobile-copyright {
    display: none !important;
}
  body.milestone .copyright.milestonecopyright {
    display: block;
    margin-top: 5px;
}
  
}

@media (max-width:1023px) {
  .footer-content {
    grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
    gap: 10px;
}
  
  .footer-logo {
    padding-left: 30px;
    padding-right: 30px;
}
  

  
}

@media (max-width:959.98px) {
  .bottom-footer-logo {
    padding-bottom: 90px;
}

}

@media (max-width: 767px) {
  .footer-top-bg:after {
     background-size: 8%;
}
  
  /*.mobile-copyright, .milestonecopyright.mobile-copyright  {display:block;}*/
  body.milestone .copyright.milestonecopyright.mobile-copyright {
    display: block;
    margin-top: 5px;
}
  
  .footer-widget__col--newsletter .newsletter-form .form__checkbox, .footer-widget__col--newsletter .newsletter-form .form__checkbox a {
    color: var(--inverse-font-color) !importnat;
}
  
  .newsletter-form-control .error-message {
    position: static !important;
  }

.form-row {
     flex-direction: column;
  margin-bottom: 20px;
}

    .footer-content {
        grid-template-columns: 1fr;
    }

.footer-logo {
    padding: 0;
    border: 0;
}

.footer-contact {
    order: 2;
    border-top: 1px #7c869a dashed;
    border-bottom: 1px #7c869a dashed;
    padding: 40px 0;
}

 
  .footer-links {
   order: 3;
    gap: 10px;
}

.footer-content {
    gap: 40px;
}
  
.sparkle {top: -25px;}

.footer-top-bg {
    border-top: 50px #fcfbf4 solid;
} 
  .newsletter-title {
     margin-bottom: 30px;
}
  .newsletter-checkbox-group {
     gap: 15px;
 }
  .newsletter-checkbox-group .error-message {
     bottom: -17px;
 }
  .footer-section:before {
    display: none;
}

.footer-section {
    padding-top: 20px;
    border: 0;
}

.footer-logo .copyright {
    display: none;
}

.logo-subtitle {
    margin-bottom: 0;
}
  
  .bottom-footer-logo { 
    padding: 45px 0 90px;
    column-gap: 30px;
    column-gap: 30px;
    margin: 0 auto;
    max-width: 289px;
}
  
  
}

@media (max-width: 639.98px) {
.footer-form-script iframe {
  width: 100vw;
  max-width: 100%;
  display: block;
}
}
.footer-widget__col--newsletter .newsletter-form .form__checkbox, .footer-widget__col--newsletter .newsletter-form .form__checkbox a {
    color: var(--inverse-font-color) !important;
}
/* Tabs Starts  */
.tab-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  border-bottom: solid 1px var(--border-color);
  margin: 0 auto;
}
.tab-list__link {
    padding: 10px 20px;
    color: var(--text-color);
    font: var(--body-text-fonts);
    font-size: 18px;
    position: relative;
    display: block;
    transition: all .4s ease;
    font-weight: 600;
     text-transform: uppercase;
}

.tab-list__link:after {
  content: '';
  background: var(--primary-color);
  height: 2px;
  width: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  opacity: 0;
  transition: all .4s ease;
}

.tab-list__link:hover,
.tab-list__link:focus-visible {
  opacity: 1;
  color: var(--primary-color);
}

.tab-list__item.uk-active > .tab-list__link,
.tab-list__item > .tab-list__link.navON {
  color: var(--primary-color);
  text-decoration: none !important;
  opacity: 1;
}

.tab-list__item.uk-active > .tab-list__link:after,
.tab-list__item > .tab-list__link.navON:after, 
.tab-list__item > .tab-list__link:hover:after, 
.tab-list__item > .tab-list__link:focus:after {
  opacity: 1;
  width: 100%;
}

.tab-list--center {
  justify-content: center !important;
}

.tab-list--center .tab-list__item + .tab-list__item {
  margin-left:8px;
}

@media (max-width: 1024px) {
.tab-list__link {
    padding: 10px 15px;
   
}
}
/*@media (max-width: 1199.98px) {*/
@media (max-width: 767px) {

  .tab-list--mobscrollable .tab-list__item:last-child {
    margin-right: 25px
  }
  .tab-list--mobscrollable {
    justify-content: flex-start !important;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 40px
  }
  .tab-list__container {
    padding: 0;
  }
}



@media (max-width: 639.98px) {
  .tab-list--mobscrollable {
    padding-left:0px
  }
}

@media (max-width: 575px) {

  .tab-list__container .uk-switcher {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-list__container .uk-switcher.inner-padding {
    padding-top: 0;
  }
}

/* Tabs Ends */
.bookstay {
  background: transparent;
  overflow: hidden;
 }
.bookstay__box {
  width: 534px;
  max-width: 100%;
  margin-right: 0;
  margin-left: auto;
  background: var(--secondary-color);
  color: var(--inverse-font-color);
   text-align: center;
   border: 7px solid var(--inverse-font-color);
  position: relative;
  transition: all .4s ease 0s;
  transform: translateX(100%);  
   padding-bottom: 90px;
   /* overflow: auto;
 */
   min-height: 100vh;
  height: 100vh;
}
.bookstay.uk-open .bookstay__box {
  transform: translateX(0); 
} 
 #booking-widget {
   overflow: auto;
   height: 100%;
   padding-bottom: 90px; 
}

.bookstay__box:after {
  content: "";
  background-image: url(//assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/pattern.svg);
  background-repeat: repeat;
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: .05;
  background-position: bottom center;
  background-size: 5.5%;
  pointer-events: none;
}
.bookstay__box .title {
    color: var(--inverse-font-color);
}

.bookstay__media {
     margin-bottom: 59px;
}
.bookstay-form__MainPromo .bookstay-form__control::placeholder {
    opacity: .5;
}
body.is-bookstay-active .bookstay {
    top: 0;
    display: flex !important;
}

.bookstay .uk-modal-dialog {
    background: transparent;
    padding: 0;
    z-index: 2;
    /* height: 100%; */
    position: relative;
    min-height: 100%;
}

.bookstay .uk-modal-dialog:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#000;
    z-index: -1;
    opacity: .8;
}

.bookstay__close {
    background: transparent;
    padding: 10px;
    position: absolute;
    top: 30px;
    right: 30px;
    min-height: unset;
    cursor: pointer;
    border: 0;
    z-index: 16;
    font: var(--body-text-fonts);
    font-weight: normal;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    color: var(--inverse-font-color);
}

.bookstay__close:hover, .bookstay__close:focus-visible {
   opacity: .7;
}

.bookstay-form__title {
    text-align: center;
    margin-bottom: 30px;
}

.bookstay-form__group {
    position: relative;
    margin-bottom: 25px;
}

.bookstay-form__grid {
    margin-left: -60px;
    margin-bottom: 50px;
}

.bookstay-form__grid > * {
    padding-left: 60px;
}

.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(--inverse-font-color);
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px;
    height: 51px !important;
    border-bottom: 1px solid var(--inverse-font-color);
    font-size: 16px;
    font-weight: 400;
}

.bookstay-form__control::placeholder {
    color: var(--inverse-font-color);
}

.bookstay-booking,
.bookstay-reminder {
    text-align: center;
    max-width: 435px;
    margin: auto;
}

.bookstay-form__label {
    margin-bottom: 5px;
    display: block;
    font: var(--body-text-fonts);
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.bookstay-form__grid > .uk-grid-margin {
        margin-top: 50px;
    }

.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 {
    color: var(--inverse-font-color);
    border-color: var(--highlight-color);
}

.bookstay-form__group--dropdown:after {
    content: '\ed38';
    font-family: var(--icon-fonts);
    color: var(--inverse-font-color);
    right: 0;
    position: absolute;
    bottom: 21px;
    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__group .ui-datepicker-trigger img {
    filter: invert(1);
    right: 0;
}

.bookstay-form__group .ui-datepicker-trigger {
    right: 0;
    bottom: 25px;
}


.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;
}
.bookstay-form__group--dropdown label.bookstay-form__label:focus-visible {
    border: 1px #fff solid;
}

@media (min-width: 1200px) {
  #booking-widget {
    scrollbar-color: var(--border-color) transparent;
   scrollbar-width: thin;
}

}

@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-form__group{
  	margin-bottom: 15px;
  }
    .bookstay__box {
        width: 100%;
        padding: 0 30px 95px 30px;
    }
.bookstay__media {
    margin-bottom: 54px;
}
 .bookstay__close {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
}
     .bookstay-form__title {
        font: var(--mob-h2-title-fonts);
    }

    .bookstay-form__grid > * {
        padding-left: 30px;
    }

    .bookstay-form__grid {
        margin-left: -30px;
    }
    
    .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;
    }
 
  .bookstay-form__title {
     margin-bottom: 15px;
}
  
}

@media (max-width: 639.98px) {
   .bookstay__close {
     top: 40px;
}
}
 
.full-width-tab {
    padding: 80px 20px;
}

.aspen-tabs--primary-bg {
    background: var(--primary-color);
    color: var(--inverse-font-color);
}

.aspen-tabs--primary-bg .title {
    color: var(--inverse-font-color);
}

.aspen-tabs--secondary-bg {
  background: var(--secondary-color);
  color: var(--inverse-font-color);
}


.aspen-tabs--secondary-bg .title {
    color: var(--inverse-font-color);
}

.full-width-tab-inner {
    position: absolute;
    top: 0;
    left: 0;
     width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.full-width-tab__col {
    margin-left: 80px;
    max-width: 400px;
}

.full-width-tab > h2 {
    margin-bottom: 35px;
}

.full-width-tab__col .title--tagline {
    color: inherit;
}
/* Tabs - Starts */
.aspen-tabs .tab-list {
    border: 0;
}

.aspen-tabs .tab-list__link {
    padding-left: 0;
    padding-right: 0;
}

.aspen-tabs .tab-list--center .tab-list__item+.tab-list__item {
    margin-left: 40px;
}

 
.aspen-tabs .tab-list__container {
	margin-bottom: 36px;
}

.full-width-tab.aspen-tabs .tab-list__link {
    color: #fff;
    padding: 0 0 0  20px;
   filter: opacity(.4);
  letter-spacing: 3px;
}

 

.full-width-tab .tab-list__item.uk-active>.tab-list__link {
    filter: opacity(1);
}


.aspen-tabs .tab-list__link:after {
    content: "\e91f";
    font-family: 'template-icon';
    position: absolute;
    left: 0;
    right: auto;
    top: 4px;
    border: 0;
    background-color: transparent;
    bottom: auto;
    height: auto;
    width: auto !important;
     font-size: 15px;
}


.VComponent:has(.down-triangle-section) + .VComponent:has(.full-width-tab) > .inlineme > .full-width-tab > h2 {
  margin-top: -150px !important;
  position: relative;
  filter: opacity(1);
}

 
@media (min-width: 768px) {
.full-width-tab-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, rgba(37, 54, 90, 0) 17.35%, #25365A 101.73%),
linear-gradient(270deg, rgba(37, 54, 90, 0) 17.35%, rgba(37, 54, 90, 0.5) 101.73%);
}
  .full-width-tab-inner:before {
    content: "";
    border: 1px #fff solid;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    pointer-events: none;
}
  
}

@media (max-width: 1200px) {
.full-width-tab-img img {
    min-height: 540px;
    object-fit: cover;
}
}
@media (max-width: 1023.98px) {
  .full-width-tab__col {
    margin: 0;
     padding: 0 40px;
}
  
  .full-width-tab-img img {
    min-height: 600px;
    object-fit: cover;
}
}

 

@media (max-width: 767.98px) {
  .full-width-tab-img img {
    min-height: 400px;
 }
  
 .full-width-tab {
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 14px;
}

 .full-width-tab>h2 {
    margin-bottom: 30px;
    padding: 0 20px;
}

.aspen-tabs__container {
    padding: 0 15px;
}

.full-width-tab__col {
    padding: 0 30px;
}

.full-width-tab-inner {
    position: relative;
    margin-top: -55px;
}

.full-width-tab-img:before {
    content: "";
    border: 1px #fff solid;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.full-width-tab-img:after {
    content: "";
    background: linear-gradient(180deg, rgba(37, 54, 90, 0) 13.17%, #25365A 99%);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}
  
}
 

/* Tabs - Ends */
/* Header Starts */ 

:root {
  --header-height: 87px;
}

body {
  padding-top: var(--header-height); 
}

.header {
  position: fixed;
  /*  z-index: 1002; */

  z-index: 50;
  background: var(--bg-header);
  color: var(--header-color);
  padding: 10px 8px;
  left: 0;
  top: 0;
  width: 100%;
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  box-shadow: 0 0px 10px 0 #0000001a;
}

.header.is-fixed {
  background: var(--bg-header); 
  /* box-shadow: 0px 40px 87px 0px #0000001A;*/
  box-shadow: 0 0px 10px 0 #0000001a;
} 

.header__container {
  width: 100%;
  max-width: 100%;
}

.header__grid {
  align-items: center;
  margin-left: -20px;
}

.header__grid > * {
  padding-left: 20px;
}

.header__col {
  flex-shrink: 0;
  flex: 1;
}

.header__col--center {
  text-align: center;
  /*width: var(--logo-width);*/
  flex: 0;
}

.header__logo {
  width: var(--logo-width);
  height: var(--logo-height);
  display: block;
  align-items: center;
  color: var(--header-color);
  position:relative;
}
.header__logo:focus-visible, .header__phone-text:focus-visible {
  outline: 1px solid var(--header-color);
}
.header__logo>*{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__logo .header__fixed-logo-img {
  max-width: 53px;
}

.transparent-header .header:not(.is-fixed) .header-mainmenu__link.nav, .transparent-header .header:not(.is-fixed) .header__toggler-btn, .transparent-header .header:not(.is-fixed) .header__phone a, .transparent-header .header:not(.is-fixed) .header__phone a .template-icon, .transparent-header .header:not(.is-fixed) .loyalty-program-link .link-arrow {
   filter: opacity(1);
}

 

.header__toggler-btn .menutext {
  color: var(--inverse-font-color);
  letter-spacing: 1.5px;
}
.header__toggler-btn:hover .menutext, .header__toggler-btn:focus .menutext {
  color: var(--header-hover-color);
}





.transparent-header .header:not(.is-fixed) a.header__logo .header__fixed-logo-img {
  display: none;
}
.header .header__bookstay {
  color: var(--inverse-font-color);
  border-color: var(--inverse-font-color);
  filter: opacity(1);
}
.header .header__bookstay:hover, .header .header__bookstay:focus {
 border-color: var(--primary-color); 
}

.transparent-header .header:not(.is-fixed) .uk-button-primary.header__bookstay:hover:before, .transparent-header .header:not(.is-fixed) .uk-button-primary.header__bookstay:focus:before, .is-header-active .header.is-fixed .uk-button-primary.header__bookstay:hover:before, 
.is-header-active .header.is-fixed .uk-button-primary.header__bookstay:focus:before, .is-header-active .header.is-fixed .header__bookstay:hover:before, .is-header-active .header.is-fixed .header__bookstay:focus:before {

}

.transparent-header .header:not(.is-fixed) .uk-button-primary.header__bookstay:hover, .transparent-header .header:not(.is-fixed) .uk-button-primary.header__bookstay:focus, .is-header-active .header.is-fixed .header__bookstay:hover, .is-header-active .header.is-fixed .header__bookstay:focus {
 /*
   background-color: var(--inverse-font-color);
  color: var(--primary-cta-font-color);
  */
}

.transparent-header .header:not(.is-fixed) img.header__logo-img {
  display: block;
}

.header-collapsible {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100vh;
  border: 5px solid var(--inverse-font-color);
  z-index: -9999;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: opacity .4s ease;
  background: var(--inverse-font-color);
  color:var(--secondary-color);
  align-items: stretch;
  opacity: 0  !important;
  visibility: hidden  !important;
   
}

.header-social {
  display: flex;
  align-items: center;
}

.nav-botttom-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #8c979d;
  width: 100%;
  padding-top: 20px;
  color: var(--inverse-font-color);
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap:20px;
}

.header-social__item + .header-social__item {
  margin-left: 15px;
}


.header-social__link {
  color: var(--secondary-color);
  padding: 5px;
  font-size: 16px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}


.header-social__link  .template-icon-tripadvisor {
  font-size: 14px;
}

.header-social__link:hover, .header-social__link:focus {color:var(--primary-color);}

.nav-botttom-adddress a {
  font-size: 15px;
  color: var(--footer-color);
}
.nav-botttom-adddress a:hover, .nav-botttom-adddress a:focus {
  text-decoration: underline;
}

.header-collapsible__scroll {
  position: relative;
}

.header-collapsible__content {
  width: 60%;
  max-width: 100%;
  padding: 180px 20px 30px 6%;
  position: relative;
}

.header-collapsible__media {
  width: 40%;
  max-width: 100%;
  flex: 1;
  height: 100%;
  position: relative;
  padding:0;
}
.header-collapsible__media:before {
  content: "\e91e";
  font-family: 'template-icon';
  color: var(--primary-color);
  position: absolute;
  right: 30px;
  top: 38px;
  font-size: 92px;
  line-height: normal;
  z-index: 1;
}



.header-collapsible__content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: 100%;
  background: var(--secondary-color);
}

.header__col--left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}

.header__col--right {
  text-align: right;

}
.loyaltyprogram-bookstay {
  justify-content: flex-end;
}
.loyalty-program-link .link-arrow {
  color: var(--inverse-font-color);
}
.loyalty-program-link .link-arrow:hover, .loyalty-program-link .link-arrow:focus {
  color: var(--header-hover-color);
  text-decoration: none;
}

.header-mainmenu__item {
  display: inline-flex;
  vertical-align: middle;
  align-items: center
}

.header-mainmenu__link {
  text-transform: var(--header-fonts-text-transform);
  color: var(--header-color);
  padding: 10px;
  font: var(--header-fonts);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.header-mainmenu__link.navON {
  text-decoration: none;
  color: var(--secondary-color)
}

.header-mainmenu__item + .header-mainmenu__item {
  margin-left: 10px
}


.header-mainmenu__link:hover, .header-mainmenu__link:focus, .header-mainmenu__link:focus-visible, .header-mainmenu__link.navON {
  color: var(--header-hover-color);
  text-decoration: none;
}

.navmenu__list-link:hover, .navmenu__list-link:focus, .navmenu__list-link.navON, .navmenu-dropmenu__link:hover, .navmenu-dropmenu__link:focus, .navmenu-dropmenu__link.navON{
  color: var(--inverse-font-color);
  outline: 0;
  box-shadow: none;
}

/*.navmenu__list-link.navON:after, .navmenu-dropmenu__link.navON:after {content: ""; width: 0; height: 1px; position: absolute; left: 56px; background: #fff; transition: all ease .4s; bottom: 0; }
.navmenu-dropmenu__link.navON:after {
left: 36px; 
}
.navmenu__list-link.navON:hover:after, .navmenu__list-link.navON:focus:after { width: calc(100% - 56px);}
.navmenu-dropmenu__link.navON:hover:after, .navmenu-dropmenu__link.navON:focus:after { width: calc(100% - 36px);}

*/




.header__phone {
  align-items: center;
  font: var(--header-fonts);
  color: var(--header-color);
  text-transform: uppercase;
  margin-bottom: 17px;
}
.header__phone-label {
  display: none;
}
.transparent-header:not(.fixed-header-active) .header__phone {
  display: inline-flex;
}

.header__phone .template-icon {
  font-size: 14px;
  line-height: 1;
  transition: all .4s ease 0s;
  /*position: absolute;
  left: 0;*/
}
.header__phone-text {
  display: inline-flex;
  color: var(--header-color);
  align-items: center;
  transition: all .4s ease;
  column-gap: 10px;
  position: relative;
  letter-spacing: 1.5px;
}
.header__phone-text:hover, .header__phone-text:focus {
  color: var(--header-color);
}
.header__phone-text:hover .header__phone-no, .header__phone-text:focus .header__phone-no {
  text-decoration: underline;
}

.header__bookstay {
  margin-left: 25px;
}

.navmenu__list {
  padding: 0;
  margin: 0;
  list-style: none;
  padding:  0;
  /* overflow: auto;
  scrollbar-color: var(--border-color) transparent;
  scrollbar-width: thin;
  height: 100%; 
  height: calc(100vh - 280px);*/
}

.nav-img {
  position: absolute;
  top: 80px;
  bottom: 80px;
  right: 70px;
  width: calc(100% - 150px);
  display: none;
  transition: .8s ease;
  box-shadow: 0px 18px 39px 0px #0000001A, 0px 71px 71px 0px #00000017, 0px 159px 95px 0px #0000000D, 0px 282px 113px 0px #00000003, 0px 441px 124px 0px #00000000;
}
.nav-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nav-img.activenav, .nav-img.active {
  display: block;
}

.navmenu__list-item:not(.navmenu__list-item--onlymob)+.navmenu__list-item {
  margin-top: 40px;
}

.navmenu__list-item:last-child {
  margin-right: 0;
}
.navmenu__list-link {
  display: inline-flex;
  display: flex;
  padding: 0;
  position: relative;
  font: var(--h3-title-fonts);
  color: var(--inverse-font-color);
  transition: all .4s ease;
  filter: opacity(.5);
  width: 51%;
  align-items: center;
}
.navmenu__list-link span {
  display: inline-flex;
}
.navmenu__list-link .menuline {
  flex: 1;
  position: relative;
  transition: all .4s ease  0s;
  opacity: 0;
}
.navmenu__dropdown .navmenu__list-link[aria-expanded="true"] .menuline {
  opacity: 1;
}


.menuline:before {
  content: "";
  height: 1px;
  background: var(--primary-color);
  position: absolute;
  left: 20px;
  top: 12px;
  width: calc(100% - 20px);
}



.navmenu__list-link:hover, .navmenu__list-link:focus, .navmenu__list-link:focus-visible, .navmenu__list-link.navON {
  color: var(--inverse-font-color);
  filter: opacity(1);
}

.navmenu-dropmenu__link:hover,.navmenu-dropmenu__link:focus,
.navmenu-dropmenu__link:focus-visible,.navmenu-dropmenu__link.navON {
  color: var(--primary-color);
}

.navmenu__list-link:hover:before,
.navmenu__list-link:focus:before,
.navmenu__list-link:focus-visible:before,
.navmenu-dropmenu__link:hover:before,
.navmenu-dropmenu__link:focus-visible:before,
.navmenu-dropmenu__link:hover:before, 
.navmenu-dropmenu__link:hover:focus,
.navmenu__list-link.navON:before, .navmenu-dropmenu__link.navON:before {
  opacity: 1;
}



.navmenu__list-item:last-child .navmenu__list-link {
  padding-right: 0;
}

.navmenu__dropdown {
  position: relative;
}

.navmenu__dropdown > a {
  position: relative;
}


.navmenu-dropmenu__link:before { font-size: 18px;}
.navmenu__dropdown > a[aria-expanded="true"]  {
}
.navmenu-dropmenu {
  margin: 0;
  min-width: 265px;
  background: transparent;
  overflow: auto;
  max-height: 70vh;
  /* --uk-position-offset: 0;
  --uk-position-viewport-offset: 0;*/
  text-align: left;
  box-shadow: unset;
  color: var(--inverse-font-color);
  list-style: none;
  max-width: 100%!important;
  left: 51%!important;
  padding: 5px 0 0 103px;
}

.navmenu-dropmenu:before {
  content: "";
  height: 1px;
  background: var(--primary-color);
  position: absolute;
  left: 0;
  top: 30px;
  width: 0;
  /* transition-property: width;
  transition-duration: 1s;
  transition-delay: .5s;*/
}
.navmenu-dropmenu li+li {
  margin-top: 25px;
}
.uk-open.navmenu-dropmenu:before {
  width: 78px;
}

.navmenu-dropmenu__link {
  display: inline-block;
  color: var(--secondary-color);
  position: relative;
  transition: all .4s ease;
  font-size: 20px;
  font-family: var(--body-text-fonts);
}

.navmenu-dropmenu__link:before {
  font-size: 18px;
}
.navmenu-dropmenu__link.uk-disabled {
  opacity: .2;
}

.navmenu__list-link:hover:after, 
.navmenu__list-link[aria-expanded="true"]:after,
.navmenu__list-link.navON:after {
  opacity: 1;
}

.header__toggler {
  margin-right: 28px;
  position: relative;
  z-index: 11;
}

.header__toggler-btn {
  background: transparent;
  border: 0;
  display: flex;
  padding: 3px 0;
  margin: 0;
  color:var(--inverse-font-color);
  cursor: pointer;
  align-items: center;
  min-width: 24px;
  justify-content: flex-end;
  text-transform: uppercase;
  font: var(--header-fonts);
}

.header__toggler-btn:hover, .header__toggler-btn:focus {
  color: var(--inverse-font-color);
}

.transparent-header .header:not(.is-fixed) .header__toggler-btn:hover .menutext, .transparent-header .header:not(.is-fixed) .header__toggler-btn:focus .menutext {
  text-decoration: none;
  color: var(--header-hover-color);
}

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

.header__toggler-btn .is-togglemenu-close {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-left: 26px;
}


.is-togglemenu-close .template-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .4s ease 0s;
  font-size: 22px;
}

.is-togglemenu-close .menu-icon-hover {
  bottom: -25px;
}

.header__toggler-btn:hover .menu-icon-hover, .header__toggler-btn:focus .menu-icon-hover {
  bottom: 0;
}

.header__toggler-btn:hover .template-icon:not(.menu-icon-hover), .header__toggler-btn:focus .template-icon:not(.menu-icon-hover) {
  bottom: 25px;
}


.closebutton-nav {
  display: none;
}
.is-header-active .closebutton-nav {
  display: inline;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  background: #fff!important;
  color: #000!important;
}
.header-collapsible {
transform: translateY(-100%);
transition: transform 0.4s ease-out, opacity .3s ease-out;
}
.is-header-active .header-collapsible {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 9;
  transform: translateY(0);
}

body.is-header-active .header-mainmenu {
  display: none
}

.is-header-active .header__col--right {
  position: relative;
  z-index: 10;
  display: none;
}

.is-header-active .header__phone-text,
.is-header-active .header__phone .template-icon {
  color: var(--inverse-font-color) !important;
}
.is-header-active .header.is-fixed .header__bookstay {
  display: inline-flex;
}
/*

.is-header-active .header__phone .template-icon {transition: all .4s ease 0s;}
.is-header-active .header__phone-text:hover .template-icon, .is-header-active .header__phone-text:focus .template-icon {transform: rotate(30deg);}

.transparent-header .header:not(.is-fixed) .header__phone a:hover .template-icon, .transparent-header .header:not(.is-fixed) .header__phone a:focus .template-icon {
transform: rotate(30deg);
}

*/
.is-header-active .header.is-fixed .header__phone-no { display: none;}


.is-header-active .header__toggler-btn .is-togglemenu-active {
  display: block;
  font-size: 16px;
}

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

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

.is-header-active .open-nave-header__toggler .header__toggler {
  display: block;margin: 0;
}
.is-header-active .closebutton-nav:before {content: ""; /* width: 100%; height: 1px; background: var(--inverse-font-color); bottom: 0; width: 0; left: 0; position: absolute; transition: .4s all ease; */} 
.is-header-active .header__toggler-btn:hover .closebutton-nav, .is-header-active .header__toggler-btn:focus .closebutton-nav {
  text-decoration: underline;
}
.is-header-active .header__toggler-btn:hover .closebutton-nav:before, .is-header-active .header__toggler-btn:focus .closebutton-nav:before {/*width: 100%; */}



body:has(.affixed-booking) .header.is-fixed .header__bookstay {
  display: none;
}
body:has(.affixed-booking).fixed-header-active .header-collapsible__content .uk-button-primary.header__bookstay {
  display: inline-flex;
}
.header .header__phone .template-icon {
  color:inherit;
}
.open-nav-top-section {
  position: absolute;
  left: 30px;
  top: 30px;
}


/*---- cms backend ----*/
.transparent-header .page-component-mi-block .header:not(.is-fixed) {
  background: var(--primary-color);
}
.transparent-header .ng-star-inserted:has(.header) {
  top: -20px;
}
.is-header-active .ng-star-inserted:has(.header) {
  top: -35px;
}

.uk-modal-page div#stash-widget-wrapper, .is-header-active  div#stash-widget-wrapper {
    visibility: hidden !important;
    opacity: 0;
} 

@media (max-width: 1600px) {
  .is-header-active .ng-star-inserted:has(.header) {
    left:60px;
  }
}

@media (min-width: 1170px) {
  .header-collapsible.cms6, .booking-widget-col-left.cms6, .booking-widget-col-right.cms6   {height: 700px; } 
  .header-collapsible__content.cms6, .header-collapsible__media.cms6 {height: 700px; } 
  .nav-img.cms6 img {height: 700px; } 
  .navmenu__list.cms6 {height: calc(700px - 330px); }
}


@media (min-width: 960px) {
  .transparent-header .header:not(.is-fixed) .header-mainmenu__link.nav:hover, .transparent-header .header:not(.is-fixed) .header-mainmenu__link.nav:focus, .transparent-header .header:not(.is-fixed) .loyalty-program-link .link-arrow:hover, .transparent-header .header:not(.is-fixed) .loyalty-program-link .link-arrow:focus,
  .transparent-header .header:not(.is-fixed) .header__phone-text:hover .header__phone-no, .transparent-header .header:not(.is-fixed) .header__phone-text:focus .header__phone-no {
    color: var(--header-hover-color);
    text-decoration:none;
  }

  .header.is-fixed .header__phone, .header__phone {
    display: none;
  }

  .is-header-active .header-collapsible {
    background-image: url(https://assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/booking-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
  }


}

@media (min-width: 768px) {
  .transparent-header {
    padding-top: 0;
  }

  .transparent-header .header:not(.is-fixed) {
    background: transparent;
    padding-top: 24px;
    padding-bottom: 24px;
    box-shadow: none;
  }
  .mobile_nav-logo {display:none;}

  body.is-header-active {
    overflow: hidden;
  }
  
  .is-header-active .header__toggler-btn {
    color: var(--inverse-font-color);
  }
  .is-header-active .header__toggler-btn:hover, .is-header-active .header__toggler-btn:focus {
    color: var(--header-hover-color);
  }
  .is-header-active .header__logo {
    display: none;
  }
}

@media (min-width: 960px) {

.navmenu__list-item--onlymob,
  .navmenu__list-link--btn {
    display:none!important
  }
}

@media (min-width: 1280px) {
  .transparent-header .header:not(.is-fixed) .header__logo {
    width: 200px;
  } 
  .header-mainmenu__link.nav:focus-visible, .header__toggler-btn:focus-visible, .header__phone a:focus-visible, .header__phone a .template-icon:focus-visible, .loyalty-program-link .link-arrow:focus-visible {
    outline: 1px #fff solid;
}
  
}

@media  (max-height: 800px) { 
  /* For Desktop max-height */
  .header-collapsible__content {
    padding-top: 120px;
  }

}

@media  (max-height: 700px) { 
  /* For Desktop max-height */
  .header-collapsible__content {
    padding-top: 90px;
  }

}


@media (max-width: 1279.98px) {     
  .navmenu-dropmenu__link, .navmenu-dropmenu__link:hover, .navmenu-dropmenu__link:focus {
    color: var(--inverse-font-color);
  }
  .navmenu__list-link.navON, .navmenu-dropmenu__link.navON {
    color: var(--header-hover-color);
  }

  .navmenu__list-item.active_menu .navmenu-dropmenu {
    display: block;
  }
  .navmenu-dropmenu {
    position: static !important;
    padding: 20px 0 0 0;
    margin-top: 0;
  }
  .header-collapsible__scroll {
    overflow: auto;
    scrollbar-color: var(--border-color) transparent;
    scrollbar-width: thin;
  }
  .navmenu-dropmenu:before {
    display: none;
  }
  .navmenu__list-link .menuline {
    display: none;
  }

  .header-collapsible__media {
    width: 60%;
  }

  .header-collapsible__content {
    width: 40%;
    padding-left: 30px;
  }

  .header-collapsible__content:before {
    width: 100%;
  }

  .navmenu__list-link {
    width: 100%;
  }
   .header-mainmenu__link {
    padding: 10px 5px;
  }

  .header__toggler-btn .is-togglemenu-close, .header-mainmenu__link, .loyalty-program-link .link-arrow, .header .header__bookstay, .header__phone {
    font-size: 13px;
  }
  .header__toggler-btn .is-togglemenu-close {
    padding-left: 18px;
  }
  .is-togglemenu-close .template-icon {
    font-size: 16px;
  }
 
}

@media (max-width: 1199.98px) {
  .header-mainmenu__item + .header-mainmenu__item {
    margin-left: 5px;
  }

  .header__toggler {
    margin-right: 15px;
  }
}

@media (max-width: 1130px) {


  .navmenu__list {
    /* height: calc(100vh - 225px);*/
    height: calc(100vh - 165px);
  }

}

@media (max-width: 1023px) {
    .header__toggler {
    margin-right: 10px;
  }
  
  .header__toggler-btn .is-togglemenu-close, .header-mainmenu__link, .loyalty-program-link .link-arrow, .header .header__bookstay, .header__phone {
    font-size: 12px;
  }
 

}

@media (max-width: 959.98px) {
  .open-nav-top-section {
    left: auto;
    right: 20px;
    top: 20px;
  }
   .header-collapsible__content {
    width: 100%;
    padding-top: 133px;
   }
  .header-collapsible__media {
    display: none;
  }
  
    .header__toggler-btn .is-togglemenu-close {
    padding-left: 26px;
  } 
  
  .navmenu__list-item+.navmenu__list-item {
    margin-top: 45px !important;
  }
   .is-togglemenu-close .template-icon {
    font-size: 21px;
  }
  .header-mainmenu {
    display: none;
  }
  body:not(.is-header-active) .header__phone-no {
    display: none;
  }
  body:not(.is-header-active) .header__phone-no {
    display: none;
  }
  .header {
    padding: 10px 0px;
  }

  .loyaltyprogram-bookstay {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex!important;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: var(--primary-color);
    column-gap: 22px;
  }
 .header .header__bookstay:hover, .header .header__bookstay:focus {
    border-color: var(--inverse-font-color);
}
  .header__bookstay-box .header__bookstay {
    margin: 0;
  }

  .header__bookstay-box .header__bookstay .center-buttontext {position: relative; padding-left: 40px; transition: all .4s ease 0s; display: inline-flex; } 

  .header__bookstay-box .header__bookstay .center-buttontext:before {content: "";  background-repeat: no-repeat; position: absolute; width: 30px; height: 21px; background-size: contain; left: 0; top: 50%; transform: translate(0, -50%); transition: all .4s ease 0s; } 
  .header__bookstay-box .header__bookstay:hover .center-buttontext {padding-left: 0; padding-right: 40px; transition: all .4s ease 0s; } 
  .header__bookstay-box .header__bookstay:hover .center-buttontext:before {content: ""; left: calc(100% - 30px);  transition: all .4s ease 0s;  } 
  .header__bookstay-box .header__bookstay:before {display: none; }  

  .header__toggler-btn .is-togglemenu-close {
    font-size: 14px;
  }
  .header__phone-label {
    display: inline-flex;
    letter-spacing: 1.4px;
  }
  .header__toggler-btn .menutext {
    letter-spacing: 1.4px;
  }

  .header__phone {
    margin: 0;
  }
  .header__phone .template-icon {
    font-size: 17px;
  }


  .loyalty-program-link .link-arrow, .header .header__bookstay, .header__phone {
    font-size: 14px;
  }
  .navmenu__list-link {
    padding-right: 30px;
    filter: opacity(1);
  }

  .navmenu__dropdown>a:before {
    content: "\e91d";
    font-family: 'template-icon';
    color: inherit;
    position: absolute;
    top: 5px;
    font-size: 21px;
    right: 0;
  }
  .navmenu__dropdown>a[aria-expanded="true"]::before {
    transform: rotate(90deg);
    right: 8px;
  }
  .navmenu-dropmenu li+li {
    margin-top: 10px;
  }
  .header-collapsible__content {
    padding-left: 38px;
    padding-right: 38px;
  }
}

@media (max-width: 767.98px) {
  .header {
    min-height:65px;
    padding:0;
  }


  .header__logo {
    width: var(--mob-logo-width);
    height: var(--mob-logo-height);
  }

  .header__toggler {
    margin-right: 0;
  }
  .header__phone .template-icon {
    margin-right: 0;
  }
  .header-collapsible__scroll {
    padding-top: 70px;
    overflow: hidden;
  }
  .is-header-active .header.is-fixed .header__bookstay {
    display: none !important;
  }
  .is-header-active .closebutton-nav {
    font-size: 15px;
  }
  .header-collapsible__media {
    display: none;
  }


  .header-social {
    margin-top: 15px;
  }


  body.is-header-active {
    overflow: hidden;
  }
  .header-collapsible {
    height:100vh; 
    overflow: hidden;
    background: var(--secondary-color);
  }

  .is-header-active .header__toggler-btn {
    color: var(--inverse-font-color);
  }

  .header__phone-no {
    display: none;
  }
 

  .navmenu-dropmenu {
    padding: 20px 0 0;
  }
  .nav-botttom-sec {
    position: relative;
    padding: 30px 0 0;
    width: calc(100% - 54px);
    margin: 45px auto 30px;
  }
  .header.is-fixed .header__phone-no {
    display: none;
  }

  body {
    padding-top:65px; 
  }

  .navmenu__list {
    overflow: overlay;
    height: calc(100vh - 70px);
    padding: 0 33px 45px;
  }

  .header-collapsible__content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }


}   

@media (max-width: 639.98px) {
  .navmenu__list {
    height: calc(100vh - 100px);
  }
  .header-collapsible__scroll {
    padding-top: 100px;
  }

}

@media (max-width: 374px) {
.navmenu__list-link {
    font-size: 25px;
}
  .navmenu__list-item+.navmenu__list-item {
    margin-top: 30px !important;
  }
  
  
}

/* Header Ends */

.room-image-slider-with-content-wrapper {
    overflow: hidden;position: relative;
}

.room-image-slider-with-content-wrapper.addBg:before {
  content: ""; 
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
} 



.room-image-slider__col--content {
    max-width: 500px;
}
 
.room-image-slider__img {
    position: absolute;
    border: 5px #fff solid;
    z-index: 1;
    top: 73px;
    left: 0;
  box-shadow: 0px 8px 17px 0px #0000001A, 0px 31px 31px 0px #00000017, 0px 70px 42px 0px #0000000D, 0px 125px 50px 0px #00000003, 0px 195px 55px 0px #00000000;
}
 .room-image-slider__media img {
    width: 100%;
    object-fit: cover;
}

.room-image-slider__bgbox {
    /* max-width: 739px; */
    margin-left: auto;
    position: relative;
    padding-left: 146px;
}

.room-image-slider__bgbox .common-cricle-outer {
    position: absolute;
    bottom: 90px;
    left: 72px;
}

@media (min-width: 768px) {
.room-image-slider-with-content-wrapper.addBg:before {
   background: url(https://assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/room-bg.png); 
} 

}


@media (max-width: 1399.98px) {
.room-image-slider__img {
    top: 50px;
    width: 240px;
    left: 30px;
}

.room-image-slider__img img {
    width: 100%;
}

.room-image-slider__bgbox .common-cricle-outer {
    bottom: 50px;
}

}
 
@media (max-width: 1199.98px) {
  .room-image-slider__bgbox {
    padding-left: 85px;
}

.room-image-slider__img {
    left: 0;
    width: 180px;
}

.room-image-slider__bgbox .common-cricle-outer {
    bottom: 30px;
    left: 10px;
}

}

@media (max-width: 959.98px) {
.room-image-slider__bgbox {
    padding-left: 110px;
}

.room-image-slider__bgbox .common-cricle-outer {
    left: 36px;
    bottom: 50px;
}

.room-image-slider__img {
    width: 230px;
    top: 60px;
}
.room-image-slider__col--content {
    max-width: 100%;
    order: 2;
    margin-top: 50px;
}
   
}

@media (max-width: 767.98px) {
.room-image-slider-with-content-wrapper.addBg:before {
    background: url(https://assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/room-bg-mobile1.png);
    top: -30px;
    background-repeat: no-repeat;
}

 .room-image-slider__container {
    padding: 0;
}

.room-image-slider__content {
    padding: 0 27px;
}
.room-image-slider__img {
    width: 170px;
    /*top: 0;*/
  top:60px;
    left: 50%;
    transform: translateX(-50%);
}

.room-image-slider__bgbox {
   /* padding: 119px 0 50px;*/
   padding: 180px 0 50px;
}

.room-image-slider__bgbox .common-cricle-outer {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
}

@media (max-width: 639.98px) {
.room-image-slider__media img {
    height: 300px;
    object-fit: cover;
}
}
.special-widget {
  padding: 114px 0 126px;
}
 
@media (min-width:1279px) {
  .special-widget__col--content {
    padding-left: 90px;
  }
}


@media (max-width:959.98px) {
  .special-widget {
    padding: 65px 0;
  }
 }

@media (max-width:767.98px) {
  .special-widget__container {
    padding: 0;
}
  .special-widget__content {padding:0 20px;}
.special-widget .uk-width-1-2\@s {
    width: 100%;
}
}




.down-triangle-section {
    background: var(--secondary-color);
    padding-bottom: 178px;
}

.down-triangle-section > img {
    min-height: 272px;
    object-fit: cover;
}

.down-triangle-section:before {
    content: "";
    content: "";
    background-image: url(//assets.milestoneinternet.com/crestline-hotels-resorts-parent/hotel-24-south-390368-1/no-index/pattern.svg);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .05;
    background-position: bottom center;
}

 
.triangle-section__media {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ng-star-inserted .down-triangle-section {
    margin-top: 30px;
}


/*========animation======*/

@keyframes spin-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.hospitality-spinning-logo {
  transform-origin: center;
  /*animation: spin-animation 10s linear infinite;*/ 
  display: block; 
  max-width: 144px;
  height: auto;
}
 .hospitality-years-image {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; }
.hospitality-badge-imagebox { width: 192px; height: 192px; border: 1px solid var(--secondary-color); border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; }



 @media (max-width:767.98px) {
   .down-triangle-section:before {
    background-size: 8%;
}
   
.down-triangle-section {
     padding-bottom: 115px;
}
.down-triangle-section > img {
    min-height: 180px;
    object-fit: cover;
}
   .triangle-section__media {
    width: 130px;
}
   
   .hospitality-badge-imagebox {width: 130px; height: 130px; }
   .hospitality-spinning-logo {width: 100px; }
   .hospitality-years-image {width: 50px; }


}
.feature-with-image-and-content {
 /*background: var(--secondary-color);color: var(--inverse-font-color); */
  padding: 60px 0;}
 
.feature-with-image-and-content .title, .feature-with-image-and-content  .title--tagline {
   /*  color: inherit; */
}

.dining-widget__media {
    padding: 10px;
 /*  border: 1px white solid; */
  border: 1px  solid var(--primary-color);
} 


/*==========blue bg===========*/
 .feature-with-image-and-content.dining-widget--blue-bg {background: var(--secondary-color);color: var(--inverse-font-color);}
.feature-with-image-and-content.dining-widget--blue-bg .dining-widget__media {
   border-color:var(--inverse-font-color);
} 
.feature-with-image-and-content.dining-widget--blue-bg .title, 
.feature-with-image-and-content.dining-widget--blue-bg  .title--tagline {
    color: inherit;
}
 
@media (min-width:1279px) {
  .dining-widget__col--content {
    padding-left: 90px;
  }
  .dining-widget__col--desc {max-width:400px;}

}

@media (max-width:767.98px) { 
  .dining-widget__grid > div {
    width: 100%;
}
  
  .feature-with-image-and-content {
    padding-bottom: 60px;
}
  
.dining-widget__media img {
    height: 283px;
    object-fit: cover;
}
  
.home-ttd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    box-shadow: 0px 13px 28px 0px #0000001A;
  pointer-events: none;
}

.home-explore-slider {
    z-index: 1;
}
  
}


@media (max-width:639.98px) { 
 
.dining-widget__media img {
    height: 283px;
    object-fit: cover;
}
} 
/*===== explore badge =========*/
.expore-top-section {
    background: var(--secondary-color);
    z-index: 1;
}

.reverse-arrow-shape {
    width: 100%;
    height: auto;
}
.expore-top-section > img {
    min-height: 273px;
    object-fit: cover;
}
.explore-badge-imagebox {
    width: 166px;
    height: 166px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.explore-spinning-logo {
    transform-origin: center;
    /* animation: explore-spin-animation 10s linear infinite; */
    display: block;
    max-width: 130px;
    height: auto;
}
.explore-24-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

.badge-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
  .expore-top-section {
     padding-top: 70px;
    margin-bottom: 15px;
}
.badge-image {
     top: calc(50% + 40px);
 }
}

@media (max-width: 767.98px) {
.badge-image {
    width: 130px;
}
  .expore-top-section > img {
    min-height: 210px;
}
  .explore-badge-imagebox {
    width: 130px;
    height: 130px;
}
  
  .explore-spinning-logo {
    width: 100px;
}
  .explore-24-image {
    width: 50px;
}
  
}
/*===== explore badge =========*/

.upcoming__event__home-main {
    padding-bottom: 90px;
}




.upcoming__event__home-main .uk-container {
    max-width: 1150px;
}
.upcoming-events__header h2 {
    margin-bottom: 26px;
}

.upcoming__event__widget-grid {
    margin-left: 0;
}
.lodge-features__slider-item {
 
    padding-left: 0;
}

.lodge-features__slider-innerbox {
    padding: 80px 30px 56px;
  display: flex;
    height: 100%;
}

.lodge-features__slider-itembox {
    background: var(--inverse-font-color);
    border-radius: 20px;
    box-shadow: 0px 9px 30px 0px #0000001A;
    padding: 0px 17px 36px;
    text-align: center;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
  flex: 1;
}

.upcoming-event-date {
    position: relative;
    z-index: 1;
    color: var(--inverse-font-color);
    text-transform: uppercase;
     background-color: var(--primary-color);
    border-radius: 10px;
}

.lodge-features__image:before {
    content: "\e91f";
    font-family: 'template-icon';
    color: var(--primary-color);
    font-size: 148px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    line-height: normal;
}

.lodge-features__image {
    height: 148px;
    width: 108px;
    text-align: center;
    margin: 0 auto -50px;
    top: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upcoming-event-date .eventdate {
    font-size: 32px;
    font-family: var(--title-fonts);
    display: block;
    line-height: 32px;
 }

.upcoming-event-date .eventmonth {margin-top: -3px;display: block;font-size: 16px;}

.lodge-features__slider-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.lodge-features__link {
    margin-top: auto;
    padding-top: 25px;
}

.lodge-features-button {
    margin-top: 20px;
}

.upcoming-event-date :focus {
    outline-color: var(--inverse-font-color);
}

.lodge-features__slider-control svg {
    display: none;
}

.lodge-features__slider-control .uk-slidenav {
    font-size: 35px;
    color: var(--primary-color);
}

.lodge-features__slider-control {
    column-gap: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.lodge-features__slider-control .uk-slidenav:hover, .lodge-features__slider-control .uk-slidenav:focus {
    color: var(--secondary-color);
}


@media (min-width: 640px) {
.lodge-features__slider-content .lodge-features__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
    max-height: 2.4em;
}
}

@media (max-width: 1279.98px) {
  .upcoming__event__home-main .uk-container {
     padding: 0;
}
  
.lodge-features__slider-innerbox {
    padding-left: 20px;
    padding-right: 20px;
}   
 }

@media (max-width: 767.98px) {
.upcoming__event__home-main {
    padding-bottom: 77px;
}


}


.top-reasons-slider-with-content-wrapper {
  position: relative;
  padding: 96px 0;
  margin-bottom: 170px;
 } 
 
.top-reasons-slider-with-content-wrapper:before {
    content: "";
    position: absolute;
    background: var(--bg-alt-1);
    position: absolute;
    left: 0;
    top: 0;
    width: 85%;
    height: 100%;
}
.top-reasons-slider__container {
  z-index: 1;
  width: calc(1304px + (100% - 1210px) / 2);
  width: -webkit-calc(1210px + (100% - 1210px) / 2);
 }

/*
.top-reasons-slider__col--content {
    max-width: 592px;
}*/
.top-reasons-slider__content {
    max-width: 492px;
}

.top-reasons-slider__img {
    position: absolute;
    border: 5px #fff solid;
    z-index: 1;
    bottom: -213px;
    left: 0;
    width: auto;
    box-shadow: 0px 9px 19px 0px #0000001A,0px 35px 35px 0px #00000017,0px 79px 48px 0px #0000000D,0px 141px 56px 0px #00000003,0px 220px 62px 0px #00000000;
}
 .top-reasons-slider__media img {
    width: 100%;
    object-fit: cover;
}

.top-reasons-slider__bgbox {
    /* max-width: 739px; */
    margin-left: auto;
    position: relative;
    padding-left: 0;
}

.top-reasons-slider__bgbox .common-cricle-outer {
    position: absolute;
    bottom: 90px;
    left: -72px;
}

@media (min-width: 1024px) {

.gutter-xxl.top-reasons-slider__grid {
    margin-left: -76px;
}

.gutter-xxl.top-reasons-slider__grid>* {
    padding-left: 76px;
}
}


@media (max-width: 1279.98px) {

.top-reasons-slider__img {
    width: 180px;
    bottom: -180px;
    left: 20px;
}
}

@media (max-width: 959.98px) {
.top-reasons-slider__img {
    width: 220px;
    bottom: -220px;
    left: 50%;
    transform: translateX(-50%);
}

.top-reasons-slider-with-content-wrapper:before {
    width: 100%;
 }

.top-reasons-slider__col--content {
    max-width: 100%;
    order: 2;
    margin-top: 44px !important;
}
.top-reasons-slider__content {
  max-width: 100%;
}
.top-reasons-slider__bgbox {
    padding-left: 0;
}

.top-reasons-slider__container {
    padding: 0;
}

.top-reasons-slider__bgbox .common-cricle-outer {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.top-reasons-slider__bgbox .uk-slider-container { padding-bottom: 72px;}
 
.top-reasons-slider__content {
    padding: 0 20px 86px;
}

.top-reasons-slider-with-content-wrapper {
    background-color: var(--bg-alt-1);
    padding: 0px 0 110px;
    margin-bottom: 180px;
}
}


@media (max-width: 767.98px) {
.top-reasons-slider__media img {
    height: 300px;
}
  .top-reasons-slider__bgbox .uk-slider-container { padding-bottom: 50px;}
}

 
.holiday-floating-widget {
    position: absolute;
    background-color: #ffffff;
    left: 40px;
    bottom: 81px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: all 0.5s ease 0s;
    padding: 10px 10px 10px 50px;
    cursor: pointer;
    z-index: 9;
}
.holiday-floating-widget a {
	display: block;
	margin-left: 10px;
	border: none;
	line-height: 22px;
}
.holiday-floating-widget::before {
    content: "";
    width: 50px;
    height: 100%;
    top: 0;
    left: 0;
    font-family: 'template-icon';
    display: flex;
    position: absolute;
    background: var(--secondary-color);
    color: var(--inverse-font-color);
    align-content: center;
    justify-content: center;
    height: 100%;
    line-height: 1;
}
.holiday-floating-widget::after {
  content: "\eb85";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: 'template-icon';
  color: var(--inverse-font-color);
  width: 50px;
  text-align: center;
  font-size: 35px;
  font-weight: normal;
}
.holiday-floating-widget a span {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
 }

.holiday-floating {
	visibility: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	transition: all 0.5s ease 0s;
	position: absolute;
	bottom: 81px;
	left: -100%;
	width: 340px;
	z-index: 901;
	background-color: #ffffff;
	padding: 30px;
	box-sizing: border-box;
	opacity: 0;
}
.holiday-floating-banner {
 	margin: 0 auto;
}
.holiday-floating-banner img {
	width: 100%;
	height: auto;
}
.holiday-floating-info {
	text-align: center;
	padding-top: 10px;
}  
.holiday-floating-close a {
    border: none;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}
.holiday-floating-close a:hover, .holiday-floating-close a:focus {
	text-decoration: none;
}
.holiday-floating-link {
	width: 200px;
	margin: 15px auto;
}
.holiday-floating-widget.holiday-floating-widget-open {
	opacity: 0;
	visibility: hidden;
}
.holiday-floating.holiday-floating-open {
	visibility: visible;
	opacity: 1;
	left: 40px;
}
.holiday-floating-widget h4 {
    margin-bottom: 5px;
    max-width: 180px;
    line-height: normal;
}
.holiday-page-title {
	text-align: center;
	padding: 0 20px 20px;
}

.holiday-accordion {
	padding: 0 0 70px;
}
.holiday-accordion-item .holiday-accordion-click {
	display: block;
	border: none;
	font-size: 22px;
	font-weight: 700;
	padding: 25px 50px 25px 0;
	position: relative;
}
.holiday-accordion-content {
	/* display: none; */
	padding-bottom: 25px;
}
.holiday-accordion-item {
	border-bottom: 1px solid #ccc;
}
.holiday-accordion-wrap .holiday-accordion-item:first-child {
border-top: 1px solid #ccc; 
}

.holiday-accordion-wrap.uk-accordion.uk-accordion>:nth-child(n+2) {
    margin-top: 0;
    border-top: 0 solid #ccc;
    padding-top: 0;
    margin-bottom: 0;
}
.holiday-accordion-item .holiday-accordion-click::before {
	content: "+";
	font-size: 26px;
	position: absolute;
	width: 50px;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}
.holiday-accordion-item.active .holiday-accordion-click::before {
	content: "-";
	font-size: 36px;
}
.holiday-party {
	padding: 40px 0px;
}
.holiday-party-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.holiday-party-image {
	width: 49%;
}
.holiday-party-image img {
	width: 100%;
	height: auto;
}
.holiday-party-info {
	width: 44%;
}
.holiday-party-title {
	padding-bottom: 20px;
}
.holiday-page-title + .holiday-party {
	padding-top: 20px;
}
.holiday-party .uk-slider li * {
    display: block;
}
.holiday-party .uk-dotnav {
    padding-top: 20px; color: #fff;
}
.holiday-accordion-content p,
.holiday-party-description p{
margin-bottom:20px;
}
.holiday-party-description a.button{
max-width:150px;
}
.holiday-floating-info h3 {
    line-height: 1.2;
    padding: 5px 0px 5px;
    margin: 0;
}
.holiday-floating-content {
    display: block;
 }

.holiday-party .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #ffffff;
    border: 1px solid #760000;
    height: 5px;
    width: 35px;
    border-radius: 5px;
    margin: 0px 5px;
}
.holiday-party .bx-controls {
    padding-top: 20px;
    position: relative;
}
.holiday-party .bx-wrapper .bx-controls-direction {
    text-align: center;
    font-size: 21px;
    display: flex;
    justify-content: center;
    width: 110px;
    margin: 0 auto;
}
.holiday-party .bx-wrapper .bx-controls-direction a {
    position: static;
    text-indent: inherit;
    font-size: 27px;
}

.ng-star-inserted .holiday-floating-widget-banner {z-index: 9; top: 250px; position: absolute; min-width: 280px; }
.ng-star-inserted .holiday-floating-widget {width: 100%; bottom: 0; }
.ng-star-inserted .holiday-floating {bottom: auto; top: -150px; }



@media only screen and (max-width:960px) {
.holiday-floating {
	padding: 15px;
} 
  .holiday-floating-widget, .holiday-floating {
    bottom: 160px;
    left: 20px;
}

 
.holiday-floating.holiday-floating-open {
    left: 20px;
}

.holiday-floating-info h4 {
    margin-bottom: 10px;
}
  
}
@media only screen and (max-width:864px) {
.holiday-party-image {
	width: 100%;
}
.holiday-party-info {
	width: 100%;
	padding-top: 25px;
}
}

@media only screen and (max-width:767px) {
  .holiday-party-wrap {
    align-items: inherit;
}
  
.holiday-floating-widget {
    bottom: 70px;
    left: 10px;
}
 
.holiday-floating {
	position: fixed;
	display: flex;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100vh;
	z-index: 100;
	right: 0;
	top: 0;
	box-shadow: none;
	padding: 0;
	justify-content: center;
	align-items: flex-start;
	overflow-y: auto;
}
.holiday-floating.holiday-floating-open, .holiday-floating {
    left: 0;
    top: 0px;
}
.holiday-floating .holiday-floating-wrap {
	background-color: #ffffff;
	padding: 30px 15px;
	box-sizing: border-box;
	max-width: 370px;
	width: 90%;
	margin: 40px 0;
}

.holiday-floating-widget h4 {
    font-size: 20px;
  max-width: 140px;
}

}

@media only screen and (max-width:639px) {
   
 .holiday-floating-widget {
    bottom: 120px;
}
}
.intro-section-with-image {
    padding-top: 50px;
}
.h1-headline-withimage__media img {
    width: 100%;
}

 
@media (min-width:1200px) {

.h1-headline-withimage-snippet__left-col {
    width: 63%;
}

.h1-headline-withimage-snippet__right-col {
    width: 37%;
}
.h1-headline-withimage__text {
    max-width: 425px;
}

}

@media (max-width:767px) {
.intro-section-with-image {
    padding-top:0px;
}
}

@media (max-width:639px) {
.intro-section-with-image {
    padding: 0 0 30px;
    overflow: hidden;
}
.h1-headline-withimage__media img {
     width: 150%;
    max-width: 150%;
    margin-left: -27%;
}

}