/* 
-------As Per Page Format Order----------
 hero-banner,zig-zag-feature-box-all-elements,intro-section-collapsible,zig-zag-right-image,Footer-with-signup,Module-Navigation,Redwood-Booking-Widget,mahogany-header,accordian-section */ 

/* Layout-182 Starts */
.lt182-widget {
  background: var(--primary-color);
}
.lt182-widget__media {
  height: 640px;
}
.lt182-widget__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.transparent-header-template .lt182-widget__media>img, .transparent-header-template .lt182-widget__media {
    height: 100vh;
}

  

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

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

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

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

@media (max-width: 767.98px) {  
  .lt182-widget__media {
    height: 382px;
  }
}

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

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

/* Layout-182 Ends */

/* 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  */
/* H1 Headline Starts  */
.h1-headline {
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding:60px 20px;
}
.h1-headline__back {
  margin-bottom: 20px;
}

.h1-headline__back > .template-icon {
  font-size: 125%;
}
.h1-headline--with-bg:after {
  content: '';
  height: 33%;
  background: var(--bg-alt-1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.h1-headline__media {
  max-width: 1030px;
  margin: 0 auto 40px;
}

.h1-headline__title {
  margin-bottom: 30px;
}

.h1-headline__title:last-child {
  margin-bottom: 0;
}

.h1-headline__text {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.h1-headline__content {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.h1-headline__content:last-child {
  margin-bottom: 0
}
 

.h1-headline__content--extra {
  margin-top: 30px;
}
.h1-headline__actions {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    justify-content: center;
 }

 
.section-bottom-divider {
  border-bottom: 1px solid var(--border-color);
}
.h1-headline-widget--primary-bg  {
  background: var(--primary-color);
  color: var(--inverse-font-color);
}
.h1-headline-widget--primary-bg *{
  color: var(--inverse-font-color);
}
.h1-headline-widget--secondary-bg {
  background: var(--bg-alt-1);
}
@media (max-width: 1399.98px) {
  .h1-headline {
    padding: 50px 20px;
  }
}

@media (max-width: 767.98px) {
  .h1-headline__title--noimage {
    margin: 0;
  }

  .h1-headline__actions {
     margin-top: 20px;
  }

  .h1-headline__actions .uk-button + .uk-button {
    margin: 0;
  }
}

@media (max-width: 639.98px) {
  .h1-headline {
    padding:40px 0;
  }

  .h1-headline--noimage {
    padding-bottom: 20px;
  }

  .h1-headline__media {
    margin-bottom: 20px;
  }
}

/* H1 Headline Ends  */
/* Layout 1 Starts */
.lt223-widget--primary-bg  {
  background: var(--primary-color);
  color: var(--inverse-font-color);
}
.lt223-widget--primary-bg *{
  color: var(--inverse-font-color);
}
.lt223-widget--secondary-bg {
  background: var(--bg-alt-1);
}
@media (max-width: 1399.98px) {}

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

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

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

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

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

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

/* Layout 1 Ends */
/*=========== 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;
}
/*.module-nav {
position: sticky;
position: -webkit-sticky;
z-index: 101;
top: var(--header-height);
background: var(--body-bg);
}*/

.vcomponent:has(.module-nav), .VComponent:has(.module-nav) {
  position: sticky;
  position: -webkit-sticky;
 /* z-index: 100;*/
   z-index: 9;
  top: var(--header-height);
  background: var(--body-bg);
}

.module-nav__dropdown {
  display: none;
  border-top: solid 1px var(--border-color);
  border-bottom: solid 1px var(--border-color);
}

.module-nav__tabs {
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  border-bottom: solid 1px var(--border-color);
  border-top: solid 1px var(--border-color);
  margin: 0 auto;
  justify-content: center !important;
}
.ng-star-inserted ul.module-nav__tabs {
    padding-top: 10px;
    padding-bottom: 10px;
}
.module-nav__tabs>li>a {
  color: var(--text-color);
  font: var(--body-text-fonts);
  position: relative;
  display: block;
  transition: all .4s ease;
  font-weight: 600;
  padding: 20px 5px;
  text-decoration: none !important;
  opacity: 1;
  text-transform: uppercase;
}



.module-nav__tabs>li.uk-active>a,
.module-nav__tabs>li>a.navON {
  color: var(--primary-color);
  text-decoration: none !important;
  opacity: 1;
}

.module-nav__tabs>li>a:hover,
.module-nav__tabs>li>a:focus-visible {
  opacity: 1;
  color: var(--primary-color);
}

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



.module-nav__tabs>li.uk-active>a:after,
.module-nav__tabs>li>a.navON:after,
.module-nav__tabs>li>a:hover:after,
.module-nav__tabs>li>a:focus:after {
  opacity: 1;
  width: 100%;
}

.module-nav__tabs>li+li {
  margin-left: 30px
}

.module-nav__tabs>li>a.navON {
  color: var(--highlight-color)
}

.module-nav__tabs>li>a.navON:after {
  display: block;
  opacity: 1;
  width: 100%;
  background: var(--highlight-color)
}

.module-nav__tabs>li>a.navON:hover:after, .module-nav__tabs>li>a.navON:focus:after {
    background: var(--secondary-color);
}

.module-nav__title {
  margin: 0
}

@media(max-width: 1300px) {
  .module-nav__tabs>li>a {
    font-size: 14px;
    letter-spacing: .9px;
    padding: 15px 0
  }

  .module-nav__tabs>li+li {
    margin-left: 20px
  }
}

@media(max-width: 1199.98px) {
  .module-nav__tabs>li>a {
    font-size: 12px
  }
}

@media(max-width: 1023.98px) {
  .module-nav__tabs>li>a {
    font-size: 11px;
    letter-spacing: .5px;
    padding: 10px
  }
}

@media(max-width: 959.98px) {
  .module-nav__tabs>li+li {
    margin-left: 0
  }
  
  .module-nav__dropdown {
    display: flex;
    background: var(--primary-color);
    justify-content: space-between;
    padding: 5px 20px;
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    border-top: 0;
  }
  .vcomponent:has(.module-nav) {
    top: calc(var(--header-height) + 0px);
    border-top: solid 1px var(--header-color);
  }
  .module-nav__title {
    margin: 0 15px 0 0;
    color: var(--header-color);
    font-size: 18px;
  }
  

  .module-nav__tabs {
    display: none;
    position: absolute !important;
    right: 20px;
    top: 100%;
    min-width: 200px
  }

  .module-nav__toggler {
    display: block;
    background: transparent;
    padding: 10px 35px 10px 20px;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: var(--header-color)!important;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid var(--header-color);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    letter-spacing: 1.5px;
   }

  .module-nav__dropdown .template-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
  }

  .is-toggle-active .module-nav__tabs {
    display: block;
    padding: 10px 0;
    background: var(--body-bg);
    box-shadow: 0 0 3px rgba(0, 0, 0, .16)
  }

  .module-nav__tabs>li>a:after {
    width: -webkit-calc(100% - 30px) !important;
    height: 1px
  }

  .module-nav__tabs>li>a {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 1px;
    padding: 7px 15px;
    display: block;
    color: var(--text-color)
  }

  .is-toggle-active .module-nav__toggler {
    /*border-bottom: 1px solid rgba(31, 31, 31, .25)*/
  }

  .is-toggle-active .module-nav__toggler>.template-icon {
    transform: translateY(-50%) rotate(180deg)
  }

  .module-nav__tabs>li>a.navON {
    color:var(--secondary-color);
   }

  .module-nav__tabs>li>a.navON:after {
    display: none !important
  }

  .module-nav__tabs>li>a:hover {
    color: var(--text-color) !important
  }

  .module-nav__tabs>li>a:after {
    display: none !important
  }
  .header.is-fixed {
  	border-bottom-color: transparent;
  }
}

@media(max-width: 767.98px) {
.vcomponent:has(.module-nav), .VComponent:has(.module-nav) {
   top: 65px;
 }
.module-nav__toggler { 
 max-width: 160px;
  min-width: 130px;
}
}



.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;
}
}
 
/* 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 */

.accordian-section-widget {
     padding: 60px 20px;
 }
 .accordian-section-widget__title {
    text-align: center;
    margin-bottom: 70px;
}

.accordian-section-widget__container {
    max-width: 832px;
}

.accordian-section-widget__accordion {
    padding-top: 25px;
    border-top: 1px solid var(--border-color);
    padding-bottom: 25px;
    border-bottom: 1px solid var(--border-color);
}

.accordian-section-widget__accordion .uk-accordion-title::before {
    content: '\eb14';
    font-size: 24px;
    font-weight: normal;
}

.accordian-section-widget__accordion .uk-open>.uk-accordion-title::before {
    content: '\eb0b';
}

.accordian-section-widget__que {
    margin-bottom: 0;
}

.accordian-section-widget__accordion .uk-accordion-title::before {
    color: var(--secondary-color);
}

 
@media (max-width: 767.98px) {
    .accordian-section-widget {
        padding: 60px 0;
    }
    .accordian-section-widget__title {
        margin-bottom: 50px;
    }
    .accordian-section-widget__accordion {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}