/* 
-------As Per Page Format Order----------
 header-cambria-burbank,footer-cambria-burbank,welcome-stay-section,kitchen-cocktails,special-offers,meetings-events-happenings-gallery,home-attractions,booking-widget-sticky-in-grid,Booking-widget-with-Overlay,lto-banner-v1,home-video-section,coupon-slider,popup-modal,ota-widget-icons-20260922093110,ota-widget-20260922093110 */ 

:root {
  --header-height: 110px;
  --header-height-mobile: 69px;
}

.header {
  position: fixed;
  width: 100%;
  display: block;
  background: transparent;
  padding: 15px 0;
  top: 0;
  left: 0;
  z-index: 999;
}
.header nav.uk-navbar {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.header nav.uk-navbar .uk-navbar-left, .header nav.uk-navbar .uk-navbar-right {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
}
.header a.uk-logo {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
}
.header a.uk-logo img.header__logo__img {
  width: var(--logo-width);
  height: var(--logo-height);
}
.parent-link {
  flex: 1;
}
.mobile-phone {
    position: relative;
    width: auto;
}
.mobile-phone a {
    color: var(--inverse-color);
}
.mobile-phone a .phone-text { display: none; }

.mobile-phone a span.template-icon {
    font-size: 20px;
}
.header a.uk-logo:focus, .header a.uk-logo:focus-visible {
    outline: 1px solid var(--inverse-color); outline-color: var(--inverse-color) !important;
}
.header ul.uk-navbar-nav li.has-submenu .submenu-toggle {
  color: var(--white-color);
  display: flex;
}
.header ul.uk-navbar-nav li .submenu-toggle {
  color: var(--white-color);
  background: none;
  border: none;
  font-size: inherit;
  cursor: pointer;
  display: none;
}
.header ul.uk-navbar-nav, .header ul.uk-navbar-nav li {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header ul.uk-navbar-nav li > a {
  min-height: auto;
  color: var(--white-color);
  font: var(--header-text-font);
  text-transform: var(--text-transform-uppercase);
  letter-spacing: var(--text-letter-spacing-10);
  padding: 5px 0;
  filter: opacity(1);
}
.header ul.uk-navbar-nav li > a span.template-icon {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
.header ul.uk-navbar-nav li.active_menu > a span.template-icon {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.header ul.uk-navbar-nav li > a:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--white-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.header ul.uk-navbar-nav li > a:hover:after, .header ul.uk-navbar-nav li > a.navON:after, .header ul.uk-navbar-nav li.active_menu > a:after, .header ul.uk-navbar-nav li > a:focus-visible:after {
    transform: scaleX(1);
    transform-origin: left;
}
.header .uk-navbar-dropdown {
    display: none;
    width: 100%;
    min-width: 280px;
    background: var(--white-color);
    border-radius: 3px;
    padding: 10px 15px;
    left: 0 !important;
}
.header .uk-navbar-dropdown.uk-open, .header .uk-navbar-dropdown:focus-within {
    display: block;
}
.header ul.uk-navbar-nav li > .uk-navbar-dropdown ul li a {
    color: var(--blue-color);
}
.header ul.uk-navbar-nav li > .uk-navbar-dropdown ul li a:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--blue-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.header ul.uk-navbar-nav li > .uk-navbar-dropdown ul li a.navON:after, .header ul.uk-navbar-nav li > .uk-navbar-dropdown ul li a:hover:after, .header ul.uk-navbar-nav li > .uk-navbar-dropdown ul li a:focus-visible:after {
    transform: scaleX(1);
    transform-origin: left;
}
.header .uk-navbar-dropdown ul.uk-nav {
  color: var(--white-color);
  font: var(--header-text-font);
  text-transform: var(--text-transform-uppercase);
  letter-spacing: var(--text-letter-spacing-10);
  padding: 0;
}
.header a.book-button {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font: var(--header-call-to-action-font);
  text-transform: var(--text-transform-uppercase);
  letter-spacing: var(--text-letter-spacing-5);
  background: transparent;
  border: 1px solid var(--white-color);
  border-radius: 100px;
  padding: 15px 25px;
  gap: 5px;
  filter: opacity(1);
}
.header a.book-button span.template-icon {
  font-size: 20px;
}
.header a.book-button:hover, .header a.book-button:focus, .header a.book-button:focus-visible {
  color: var(--gold-color);
  background: var(--white-color);
  border-color: var(--white-color);
}
.header a.mobile-phone {
    position: relative;
    width: auto;
    display: inline-block;
    color: var(--white-color);
    font-size: 24px;
}
.header a.uk-navbar-toggle {
    width: auto;
    min-height: auto;
    color: var(--white-color);
    font-size: 22px;
    line-height: normal;
}
.header a.uk-navbar-toggle svg {
  	width: 24px;
}
.uk-offcanvas-overlay:before {
  	display: none;
}
#mobile-offcanvas .uk-offcanvas-bar {
    width: 100%;
    color: var(--white-color);
    background: var(--blue-color) url(https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/bg-images/film-roll-blue-background.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -50px 130%;
}
.uk-offcanvas {
  	transition: transform 0.4s ease-in-out;
}
#mobile-offcanvas .uk-offcanvas-bar button.uk-close {
    color: var(--white-color);
    font-size: 22px;
    top: 40px;
    left: 50%;
    right: auto;
    transform: translateY(-50%);
    padding: 5px;
}
#mobile-offcanvas .uk-offcanvas-bar button.uk-close svg {
 	width: 18px;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav {
  	padding-top: 60px;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav > li {
  	margin-bottom: 15px;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li a {
  	position: relative;
    color: var(--white-color);
    font: var(--header-text-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: 1.6px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li a.navON {
    text-decoration: underline;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li a span.template-icon {
  	transform: rotate(0deg);
  	transition: transform 0.4s ease-in-out; position: absolute;
    top: 10px;
    right: 0;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li.uk-open a span.template-icon {
  transform: rotate(180deg);
}
#mobile-offcanvas ul.uk-nav > li ul.uk-nav-sub {
    display: none;
}
#mobile-offcanvas ul.uk-nav > li.uk-open ul.uk-nav-sub {
	display: block;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav > li ul.uk-nav-sub {
    padding: 0 0 0 10px;
    font-size: inherit;
    line-height: normal;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li ul li a {
    font-size: 16px;
    padding: 5px 0; display: inline-block;
}
#mobile-offcanvas .uk-offcanvas-bar .footer__widget {
    margin-top: 30px;
    justify-content: flex-start;
}
#mobile-offcanvas .uk-offcanvas-bar ul.uk-nav li.uk-open a span.template-icon {
  transform: rotate(180deg);
}
.header.is-fixed {
  background: var(--blue-color);
}
.book-button-area {
	display: none;
  	width: 100%;
    background: var(--blue-color);
    text-align: center;
    padding: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.book-button-area a.book-button {
  position: relative;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white-color);
  font: var(--header-call-to-action-font);
  text-transform: var(--text-transform-uppercase);
  letter-spacing: var(--text-letter-spacing-5);
  background: transparent;
  border: 1px solid var(--white-color);
  border-radius: 100px;
  padding: 15px 25px;
  gap: 5px;
  filter: opacity(1);
}
.book-button-area a.book-button span.template-icon {
  font-size: 20px;
}
.book-button-area a.book-button:hover {
  color: var(--gold-color);
  background: var(--white-color);
  border-color: var(--white-color);
}
@media (min-width: 1025px) {
  .header ul.uk-navbar-nav li.has-submenu:hover > a span.template-icon {
    transform: rotate(180deg);
  }
  .header ul.uk-navbar-nav li.has-submenu:hover {
    cursor: pointer;
  }
}
@media (min-width: 1200px) and (max-width: 1366px)  {
	.header ul.uk-navbar-nav {
		gap: 15px;
	}
	.header ul.uk-navbar-nav li a {
		font-size: 13px;
	}
	.header a.book-button {
		font-size: 13px;
	}
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
	.header ul.uk-navbar-nav {
		gap: 10px;
	}
	.header ul.uk-navbar-nav li a {
		font-size: 11px;
	}
  	.header nav.uk-navbar .uk-navbar-right {
    	gap: 10px;
	}
	.header a.book-button {
		font-size: 11px; padding: 12px 20px;
	}
}
@media (max-width: 1024px) {
  	header .uk-visible\@m {
        display: none !important;
    }
	header .uk-hidden\@m {
        display: flex !important;
    }
    .header nav.uk-navbar .uk-navbar-left {
      	width: calc(100% - 30px);
      	gap: 10px;
    }
    .header a.uk-logo {
      	min-height: auto; margin: 0 auto;
    }
    .header a.uk-logo img.header__logo__img {
      	width: var(--mobile-logo-width);
      	height: var(--mobile-logo-height);
    }
  	.book-button-area {
      	display: flex;
    	align-items: center;
    	justify-content: center;
 	}
}

.without-banner .header {
  background: var(--blue-color);
}
.ng-star-inserted #header, .ng-star-inserted #header:not(.is-fixed) {
    background: var(--blue-color);
    position: relative !important;
    left: auto;
    right: auto;
    margin: 0 auto !important;
    padding: 15px 0;
    height: auto;
}

/*Desktop Mobile number changes -Header UI update style start*/
@media (min-width: 1367px) {
.header nav.uk-navbar .uk-navbar-left, .header nav.uk-navbar .uk-navbar-right, .header ul.uk-navbar-nav, .header .uk-navbar-right .uk-navbar-last {
    gap: 20px;
}
}
@media (min-width: 1025px) {
.header .uk-navbar-right .uk-navbar-last {
    display: inline-flex;
    align-items: center;
}
.header .uk-navbar-right .uk-navbar-last a.book-button{
padding: 15px 8px 15px 15px;
}
.header .uk-navbar-right .uk-navbar-last .mobile-phone a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  filter: opacity(1);
}
.header .uk-navbar-right .uk-navbar-last .mobile-phone a .phone-text {
    display: block;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.header nav.uk-navbar .uk-navbar-left, .header nav.uk-navbar .uk-navbar-right, .header ul.uk-navbar-nav, .header .uk-navbar-right .uk-navbar-last {
    gap: 12px;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .header nav.uk-navbar .uk-navbar-left, .header nav.uk-navbar .uk-navbar-right, .header ul.uk-navbar-nav, .header .uk-navbar-right .uk-navbar-last {
    gap: 10px;
  }
  .header nav.uk-navbar .uk-navbar-left .uk-logo img {
    width: 120px;
    height: 60px;
  }
  .header .uk-navbar-right .uk-navbar-last a.book-button {
    padding: 12px 4px 12px 10px;
  }
  .header .uk-navbar-right .uk-navbar-last .mobile-phone a {
    gap: 4px;
  }
  .header .uk-navbar-right .uk-navbar-last .mobile-phone a span.template-icon {
    font-size: 16px;
  }
  .header .uk-navbar-right .uk-navbar-last .mobile-phone a .phone-text {
    display: block;
    font-size: 14px;
  }
}
/*Desktop Mobile number changes -Header UI update style end*/
.footer {
  position: relative;
  width: 100%;
  display: block;
  background: var(--gray-color);
  padding: 30px 0;
}
.footer a, .footer a:hover {
  color: var(--white-color);
}
.footer-social a:focus, .footer-social a:focus-visible {
  outline: 1px solid var(--white-color);
}
.footer img:focus-visible, .footer__copy:focus-visible {
  outline: 1px solid var(--white-color);
}
.footer p {
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0;
}
.footer__info__text span.template-icon {
  line-height: normal;
}
.footer__logo img.footer__logo__img {
  width: var(--logo-width);
  height: var(--logo-height);
}
.footer__content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.footer__widget {
  position: relative;
  width: calc(25% - 40px);
  display: flex;
}
.footer__info {
  flex-direction: column;
}
.footer__info__text {
    position: relative;
    width: 100%;
    color: var(--white-color);
    font: 300 15px / 170% 'Inter', sans-serif;
    letter-spacing: 1.6px;
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.footer__info__text a {
  position: relative;
  width: auto;
  display: inline-block;
}
.footer__info__text a:hover, .footer__info__text a:focus-visible {
  text-decoration: underline;
}
.footer-social {
  justify-content: end;
  gap: 15px;
}
.footer-social a {
  font-size: 18px;
  transform: scale(1);
}
.footer-social a:hover {
  transform: scale(1.5);
}
.footer__menu {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.20);
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  padding: 35px 0;
  margin: 50px 0;
}
.footer__menu a {
    position: relative;
    width: auto;
    display: inline-block;
    color: var(--white-color);
    font: 400 15px / 170% 'Inter', sans-serif;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: 1.6px;
}
.footer__menu a:hover, .footer__menu a.navON, .footer__menu a:focus-visible {
  text-decoration: underline;
}
.footer__copy__brands {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.footer__copy {
    position: relative;
    width: auto;
    display: block;
    color: var(--white-color);
    font: 300 12px / 100% 'Inter', sans-serif;
    letter-spacing: 1.6px;
}
.footer__brands {
  display: flex;
}
.footer__brands img.brands__logo {
  max-width: 130px;
}
@media (min-width: 960px) {
  .footer {
    padding: 50px 0;
  }
  .footer__logo img.footer__logo__img {
    width: var(--mobile-logo-width);
    height: var(--mobile-logo-height);
  }
  .footer__content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .footer__menu {
    flex-direction: row;
    justify-content: center;
    gap: 40px;
    text-align: left;
  }
  .footer__copy__brands {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .footer__brands {
    gap: 40px;
  }
}
@media (max-width: 1024px) {
  .footer {
    padding: 70px 0 110px;
  }
}
@media (max-width: 959.98px) {
  	.footer__content, .footer__copy__brands {
    	gap: 40px;
	}
  .footer__menu {
    padding: 30px 0;
    margin: 30px 0;
  }
  .footer__widget {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .footer__info__text, .footer__info__text a {
    justify-content: center;
  }
  .footer__copy {
    text-align: center;
  }
  .footer__brands {
    /* flex-direction: column; */
    align-items: center;
    gap: 40px;
    justify-content: center;
  }
  .footer__brands img.brands__logo {
    max-width: 110px;
  }
}
@media (max-width: 639.98px) {
  .footer__info__text, .footer__info__text a {
    justify-content: flex-start;
  }
}
.footer__copy span {
    display: none;
}
.milestone .footer__copy span {
    display: inline-block;
}
section.welcome__stay____outer {
    position: relative;
    width: 100%;
    display: block;
    background: url(https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/bg-images/welcome-stay-explore-background.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 65% 100%;
  	overflow-x: hidden;
}
.intro__outer {
    position: relative;
    width: 100%;
    display: block;
    padding: 100px 0;
}
.intro__content {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
}
.intro__head {
    position: relative;
    width: 100%;
    align-items: flex-start;
}
.intro__title {
    position: relative;
    width: calc(100% - 330px);
    display: block;
}
.intro__title .title__text {
    color: var(--gray-color);
}
.intro__small__img {
    max-width: 330px;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.intro__small__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro__text {
    position: relative;
    width: 100%;
    align-items: stretch;
}
img.intro__img {
	border: 10px solid var(--white-color);
}
.intro__text .intro__desc {
  	align-items: center;
    margin: 80px 0 30px;
}
.stay__outer .stay__list__item {
    margin-bottom: 30px;
}
.stay__content {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 50px;
}
.stay__content .heading-h4 {
    color: var(--gray-color);
    font-size: 22px;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-15);
}
ul.stay__list__item, ul.stay__list__item1 {
	position: relative;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  	padding: 0;
}
ul.stay__list__item li, ul.stay__list__item1 li {
	position: relative;
    width: calc(50% - 5px);
	display: block;
    padding-left: 30px;
}
ul.stay__list__item li:before, ul.stay__list__item1 li:before {
    content: "";
    width: 9px;
    height: 9px;
    background: var(--orange-color);
    border-radius: 9px;
    position: absolute;
    top: 8px;
    left: 8px;
}
@media (min-width: 1367.98px) {
	.intro__head, .intro__text {
		gap: 80px;
	}
}
@media (min-width: 1199.98px) {
	.intro__head, .intro__text {
		gap: 60px;
	}
}
@media (min-width: 959.98px) {
	.intro__head, .intro__text {
		gap: 30px;
	}
}

.stay__outer {
    position: relative;
    width: 100%;
    display: block;
}
.stay__head {
    position: relative;
    width: 100%;
    display: block;
  	z-index: 2;
}
.stay__head .title__text {
    color: var(--gray-color);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-10);
}
.stay__content ul.stay__option {
    position: relative;
    width: 100%;
    border-bottom: 1px solid var(--gray-color);
    margin: 30px 0 40px;
  	z-index: 2;
}
.stay__content ul.stay__option li {
    padding: 0;
}
.stay__content ul.stay__option li a {
    position: relative;
    width: auto;
    color: var(--dark-gray-color);
    background: none;
    font: var(--small-text-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-15);
    font-weight: 400;
    padding: 10px 20px;
}
.stay__content ul.stay__option li.uk-active a, .stay__content ul.stay__option li a:hover, .stay__content ul.stay__option li a:focus-visible {
    font-weight: 700;
}
.stay__content ul.stay__option li a:after {
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background: var(--gold-color);
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}
.stay__content ul.stay__option li.uk-active a:after, .stay__content ul.stay__option li a:hover:after, .stay__content ul.stay__option li a:focus-visible:after {
    transform: scaleX(1);
    transform-origin: left;
}
.stay__item .stay__card {
    position: relative;
    width: 100%;
    display: block;
}
.stay__item .stay__card:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    left: 0;
	transition: transform 0.4s ease;
    z-index: 2;
}
.stay__item .uk-slide-active .stay__card:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.87%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.stay__item .stay__card img {
    width: 100%;
}
.stay__item .stay__info {
    display: none;
    width: calc(100% - 20px);
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: absolute;
    bottom: 0;
    left: 20px;
    transition: transform 0.4s ease;
    z-index: 3;
}
.stay__item .uk-slide-active .stay__info {
    display: flex;
}
.stay__text {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.stay__text .title__text {
    position: relative;
    width: 100%;
    display: block;
    color: var(--white-color);
    font-size: 30px;
    text-transform: var(--text-transform-uppercase);
    margin-bottom: 0;
  	filter: opacity(1);
}
.stay__text .price, .stay__text .price * {
    position: relative;
    width: 100%;
    display: block;
    color: var(--white-color);
    font: var(--body-text-font);
    text-transform: var(--text-transform-none);
    letter-spacing: var(--text-letter-spacing);
    font-weight: 500;
  	filter: opacity(1);
}
.stay__text .title__text:focus-visible, .stay__text .price:focus-visible, .stay__text .price *:focus-visible {
	outline: 1px solid var(--inverse-color);
}
.stay__info .action__button {
	width: auto;
}
.stay__info .action__button a {
    filter: opacity(1);
    min-width: 180px;
}
.stay__list__item, .stay__item {
    position: relative;
    width: auto;
    display: block;
  	z-index: 2;
}
.stay__item .uk-position-relative {
    padding-bottom: 0;
}
.stay__item .slider-count {
    position: relative;
    width: auto;
    display: inline-block;
    color: var(--dark-gray-color);
    font: var(--call-to-action-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-15);
}
.stay__item .slider-arrow {
    width: auto;
    background: var(--white-color);
    padding: 0 0 0 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
}
.stay__item a.uk-slidenav {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #48555D66;
    border-radius: 30px;
    padding: 10px 15px;
}
.stay__item a.uk-slidenav svg {
    display: none;
}
.stay__item a.uk-slidenav span.template-icon {
    color: var(--gray-color);
    font-size: 22px;
    line-height: normal;
}
.stay__item .uk-slider-items {
  	position: relative; margin-left: 0;
    margin-bottom: 80px;
    overflow: visible;
}
.stay__item .uk-slider-items .slider-item {
    width: 45%;
    padding: 0;
}
.stay__item .uk-slider-items .stay__card__outer {
    transform: scale(0.9);
    transition: transform 0.4s ease; transform-origin: right center;
}
.stay__item .uk-slider-items .uk-slide-active .stay__card__outer {
    transform: scale(1);
}
.stay__card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.5);
    z-index: 2;
}
.stay__item .uk-slide-active .stay__card::before {
    background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.7) 100%);
}
.stay__item .slider-nav-option {
    max-width: 97%;
    margin-left: 0;
}
.uk-container.slider-container.slider-nav-option-outer {
    margin-left: 0;
}
@media (min-width: 1200px) and (max-width: 1366px)  {
  	.uk-container.slider-container {
		max-width: 100%;
	}
	.stay__item .slider-nav-option {
    	width: 95%;
    }
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
	.stay__item .slider-nav-option {
    	width: 95%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.stay__item .slider-nav-option {
    	width: 95%;
    }
}
@media (min-width: 1200px) {
    .stay__item .uk-slider-items .slider-item {
        width: 45%;
    }
}
@media (max-width: 1199px) {
    .stay__item .uk-slider-items .slider-item {
        width: 70%;
    }
}
@media (max-width: 959.98px) {
	section.welcome__stay____outer {
		background-color: var(--inverse-color);
		background-position: center;
		background-size: 130% 60%;
	}
  	.intro__outer { padding:  50px 0; }
	.intro__title {
		width: 100%;
	}
	.intro__text {
		flex-direction: column;
	}
	.intro__text .intro__desc {
		margin: 50px 0 30px;
	}
  	.stay__item .slider-nav-option {
    	max-width: 100%;
    	left: 0; margin-top: -100px;
	}
  	.stay__item .uk-slider .uk-position-relative .slider-arrow {
    	right: 20px;
	}
}
@media (max-width: 767px) {
    .stay__item .uk-slider-items .slider-item {
        width: 90%;
    }
  	.stay__item .stay__info {
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto;
        flex-direction: column;
        align-items: flex-start;
    }
    .stay__text .title__text, .stay__text .price, .stay__text .price * {
        color: var(--light-black-color);
    }
  	.stay__info .action__button a {
    	color: var(--gold-color);
    	background: transparent;
    	border-color: var(--gold-color);
	}
	.stay__info .action__button a:hover {
		color: var(--white-color);
    	background: var(--gold-color);
    	border-color: var(--gold-color);
	}
  	.stay__item .uk-slide-active .stay__card:before {
  		display: none;
  	}
  	.stay__content ul.stay__option li {
    	width: 50%;
    	text-align: center;
	}
  	.stay__content ul.stay__option li a {
    	padding: 10px 30px;
      	min-height: 60px;
	}
  	ul.stay__list__item li, ul.stay__list__item1 li {
  		padding-left: 20px;	
  	}
  	ul.stay__list__item li:before, ul.stay__list__item1 li:before {
  		left: 0;
  	}
}
.kitchen__cocktails__outer {
    position: relative;
    width: 100%;
    display: block;
    background: url(https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/bg-images/kitchen-cocktails-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 250px 0;
    margin-top: -150px;
}
.kitchen__cocktails {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
}
.kitchen__cocktails {
    position: relative;
    width: 100%;
    display: block;
    z-index: 3;
}
.kitchen__cocktails__content {
    position: relative;
    max-width: 920px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.kitchen__cocktails__content .big__text {
    color: var(--white-color);
    line-height: 85%;
    opacity: 0.70 !important;
  	filter: opacity(1);
}
.kitchen__cocktails__content .title__text {
    color: var(--inverse-color);
    text-transform: var(--text-transform-uppercase);
  	filter: opacity(1);
}
.kitchen__cocktails__content .intro__desc, .kitchen__cocktails__content .text__editor, .kitchen__cocktails__content p {
	color: var(--inverse-color);
    text-align: center;
  	filter: opacity(1);
}
.kitchen__cocktails__content .big__text:focus, .kitchen__cocktails__content .big__text:focus-visible, .kitchen__cocktails__content .title__text:focus, .kitchen__cocktails__content .title__text:focus-visible, .kitchen__cocktails__content .intro__desc:focus, .kitchen__cocktails__content .intro__desc:focus-visible, .kitchen__cocktails__content .text__editor:focus, .kitchen__cocktails__content .text__editor:focus-visible, .kitchen__cocktails__content p:focus, .kitchen__cocktails__content p:focus-visible {
	outline: 1px solid var(--inverse-color);
}

.kitchen__cocktails__content .readmore__lessbtn, .kitchen__cocktails__content .readmore__lessbtn a.read__link, .kitchen__cocktails__content .readmore__lessbtn a.read__link:hover {
	color: var(--white-color);
}
.kitchen__cocktails__content .readmore__lessbtn, .kitchen__cocktails__content .action__button {
    justify-content: center;
  	filter: opacity(1);
}
.kitchen__cocktails__slider {
    position: relative;
    max-width: 1150px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 70px;
}
.kitchen__cocktails__slider .uk-position-relative {
    width: 100%;
}
.kitchen__cocktails__slider .uk-slider-items, .kitchen__cocktails__slider .slider-item {
    width: 100%;
}
.kitchen__cocktails__slider .slider-item img.slider__item__img {
    width: 100%;
}
.kitchen__cocktails__slider .uk-slider-items {
    position: relative;
    padding: 0;
    margin: 0 0 70px;
}
.kitchen__cocktails__slider .slider-item {
    padding: 0;
}
.kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-count-area {
    background: none;
}
.kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-arrow {
    background: none;
}
.kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-count {
    color: var(--white-color);
  	filter: opacity(1);
}
.kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-count:focus, .kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-count:focus-visible {
    outline: 1px solid var(--inverse-color);
}
.kitchen__cocktails__slider .slider-arrow a.uk-slidenav {
    border-color: var(--inverse-color);
}
.kitchen__cocktails__slider .slider-arrow a.uk-slidenav span.template-icon {
    color: var(--inverse-color);
}
.kitchen__cocktails__slider .slider-arrow a.uk-slidenav:hover, .kitchen__cocktails__slider .slider-arrow a.uk-slidenav:focus, .kitchen__cocktails__slider .slider-arrow a.uk-slidenav:focus-visible {
	border-color: var(--secondary-color);
}
.kitchen__cocktails__slider .slider-arrow a.uk-slidenav:hover span.template-icon, .kitchen__cocktails__slider .slider-arrow a.uk-slidenav:focus span.template-icon, .kitchen__cocktails__slider .slider-arrow a.uk-slidenav:focus-visible span.template-icon {
    color: var(--secondary-color);
}
.kitchen__cocktails__slider .slider-nav-option {
    max-width: 100%;
}
.kitchen__cocktails__slider .slider-nav-option:after {
    background: var(--inverse-color);
    width: 85%;
    left: 60px;
}
@media (min-width: 1200px) and (max-width: 1366px)  {
	.kitchen__cocktails__outer {
    	padding: 250px 0;
  	}
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
	.kitchen__cocktails__outer {
    	padding: 250px 0;
  	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.kitchen__cocktails__outer {
		padding: 250px 0;
	}
}
@media (max-width: 959.98px) {
	.kitchen__cocktails__slider.uk-slider .uk-position-relative .slider-arrow {
		padding: 0;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
  	.kitchen__cocktails__outer {
    	padding: 220px 0;
	}
	.kitchen__cocktails__slider .slider-item img.slider__item__img {
    	height: 230px;
    	object-fit: cover;
	}
}
section.special__offers__outer {
    position: inherit;
    width: 100%;
    display: block;
    background: url(https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/bg-images/film-roll-gray-background.svg);
    background-repeat: no-repeat;
    background-position: 100% -30%;
    background-size: 1000px 1000px;
    overflow: hidden;
}
.special__offers__item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 50px;
    z-index: 2;
}
.special__offers__image {
    position: relative;
    width: 52%;
    display: flex;
}
.special__offers__image img {
    width: auto;
    border: 10px solid var(--white-color);
}
.special__offers__content {
    position: relative;
    width: 48%;
  	display: block;
    padding-top: 150px;
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
	.special__offers__content {
    	padding-top: 0;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.special__offers__content {
    	padding-top: 0;
	}
}
@media (max-width: 959.98px) {
	section.special__offers__outer {
		background: none;
	}
	.special__offers__item {
		flex-direction: column-reverse;
		gap: 30px;
	}
	.special__offers__image, .special__offers__content {
		width: 100%; justify-content: center;
	}
	.special__offers__content {
		padding-top: 40px;
	}
}
section.meetings__events____happenings__gallery {
  position: inherit;
  width: 100%;
  display: block;
  background: url(https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/bg-images/meetings-events-happenings-gallery-background.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 60% 100%;
  overflow-x: hidden;
  margin-top: -150px;
}
.meetings__events__outer {
  position: relative;
  width: 100%;
  display: flex;
  align-items: end;
  gap: 100px;
}
.meetings__events__image {
  position: relative;
  width: 65%;
}
.meetings__events__image .meetings__events__img {
  width: auto;
  border: 10px solid var(--white-color);
}
.meetings__events__content {
    position: relative;
    width: 40%;
    display: block;
    padding: 150px 0 0;
}

.happenings__outer {
  	position: relative;
  	width: 100%;
  	display: block;
    padding: 100px 0 20px;
}
.happenings__outer .uk-container {
    max-width: 1091px;
}
.happenings__slider .uk-position-relative:after, .happenings__slider .slider-count {
  display: none;
}
.happenings__head {
  position: relative;
  width: 48%;
  display: block;
  margin-bottom: 30px;
}
.happenings__slider {
  overflow: visible;
}
.happenings__slider .uk-slider-items {
    justify-content: space-between;
}
.happenings__slider .slider-item {
      width: 100%;
    max-width: 470px;
}
.happenings__slider .slider-item:last-child {
  margin-top: -80px;
}
.happenings__slider img.happenings__item__img {
  position: relative;
  width: auto;
  display: block;
  margin-bottom: 20px;
  max-width: 450px;
}
.happenings__slider .title__text {
  margin-bottom: 10px;
}
.happenings__slider .happenings__text {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--light-black-color);
  font: var(--body-text-font);
  text-transform: var(--text-transform-uppercase);
  letter-spacing: var(--text-letter-spacing);
  gap: 8px;
  margin-bottom: 10px;
}
.happenings__slider .intro__desc{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.happenings__slider .happenings__text .template-icon {
  color: var(--blue-color);
  font-size: inherit;
  line-height: inherit;
}
.happenings__slider .intro__desc {
  width: 80%;
}
.happenings__slider .alternate-button {
    padding: 0 0 10px;
}
.happenings__slider.uk-slider .uk-position-relative .slider-arrow {
	display: none;
}
.happenings__slider .uk-position-relative {
    padding-bottom: 80px;
}
.happenings__slider.uk-slider .uk-position-relative .slider-arrow {
    background: none;
    padding: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
.gallery__content__outer {
  position: relative;
  width: 100%;
  display: block; padding-bottom: 50px;
}
.gallery__content {
  position: relative;
  max-width: 820px;
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.gallery__content a.social-link {
  position: relative;
  width: auto;
  color: var(--light-black-color);
  font: var(--body-text-font);
  text-transform: var(--text-transform-none);
  letter-spacing: var(--text-letter-spacing);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.gallery__content a.social-link .template-icon {
  color: var(--gold-color);
}
.gallery__content a.social-link:hover, .gallery__content a.social-link:focus, .gallery__content a.social-link:focus-visible {
  color: var(--gold-color);
}
.gallery__slider {
  position: relative;
  width: 100%;
  display: block;
  margin-top: 50px;
}
.gallery__slider .uk-slider-items {
  position: relative;
  padding: 0;
  margin: 0 0 70px;
}
.gallery__slider .slider-item {
	padding: 0;
	transform: scale(0.95);
	transition: transform 0.4s ease;
	width: 100%;
	height: 100%;
	max-width: 1000px;
	max-height: 550px;
}
.gallery__slider__item__img {
	max-width: 1000px;
	max-height: 550px;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	aspect-ratio: 1000 / 550;
}
.gallery__slider .slider-item.uk-active {
  transform: scale(1);
}
.gallery__slider .slider-item:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
  position: absolute;
  top: 0;
  left: 0;
}
.gallery__slider .slider-item.uk-slide-active:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.55%, rgba(0, 0, 0, 0.6) 100%);
}
.gallery__slider .action__button {
    width: auto;
    display: block;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
@media (min-width: 1200px) and (max-width: 1366px)  {
	.meetings__events__content, .meetings__events__image { width: 50%; }
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
  	.meetings__events__content, .meetings__events__image { width: 50%; }
  	.meetings__events__content {
    	padding: 150px 0 0;
	}
  	.meetings__events__outer {
  		gap: 30px;
      	align-items: flex-start;
  	}
}
@media (min-width: 768px) and (max-width: 1024px) {
  	.meetings__events__content, .meetings__events__image { width: 50%; }
  	.meetings__events__content {
    	padding: 150px 0 0;
	}
  	.meetings__events__outer {
  		gap: 30px;
      	align-items: flex-start;
  	}
}
@media (max-width: 959.98px) {
	section.meetings__events____happenings__gallery {
		background-color: var(--inverse-color);
		background-position: center;
		background-size: 100% 80%;
	}
	.meetings__events__outer {
		flex-direction: column-reverse;
		gap: 30px;
	}
  	.happenings__outer {
    	padding: 80px 0;
	}
	.meetings__events__image {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.meetings__events__content {
		width: 100%;
      	padding: 30px 0 0;
	}
  	.happenings__head {
		width: 100%;
	}
	.happenings__slider .slider-item {
		width: 100%; max-width: 100%;
	}
  	.happenings__slider .slider-item:last-child {
  		margin-top: 0;
	}
	.happenings__slider .intro__desc {
		width: 100%;
	}
  	.happenings__slider.uk-slider .uk-position-relative .slider-arrow {
        display: flex;
        align-items: center;
        gap: 10px;
    }
	.gallery__content__outer {
		padding: 0 20px;
	}
  	.gallery__slider .action__button {
        bottom: 0;
        left: 0;
        transform: none;
    }
    .gallery__slider .action__button a.primary-button {
        color: var(--gold-color);
        background: transparent;
        border-color: var(--gold-color);
    }
    .gallery__slider .action__button a.primary-button:hover {
        color: var(--inverse-color);
        background: var(--gold-color);
        border-color: var(--gold-color);
    }
  	.gallery__slider .slider-item:before {
  		display: none;
  	}
  	.gallery__slider .slider-nav-option {
    	margin-right: -20px;
	}
  	.gallery__slider { margin-bottom: 50px; }
}
@media (max-width: 767px) {
	.happenings__slider img.happenings__item__img {
    	    width: 100%;
	}
  	.gallery__content__outer {
        padding: 0 12px;
    }
}
.marker.img.mapping:focus, .marker.img.mapping:focus-visible {
  outline: none;
  box-shadow: none;
}
.marker.img.mapping:focus .resort-title, .marker.img.mapping:focus-visible .resort-title {
  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;
}
.home-attractions-widget {
  position: relative;
  width: 100%;
  display: block;
  padding: 80px 0 30px;
  overflow: hidden;
}
.map_img_artmap .uk-container {
  width: 100%;
  max-width: calc(1180px + (100% - 1180px)/2);
  margin-right: 0;
  margin-left: auto;
}
.home-attractions-widget .big__text {
  	color: var(--blue-color);
  	line-height: 55%;
  	opacity: 0.10 !important;
    filter: invert(0);
}
.attractions-title {   
  font-size: 20px;
  text-transform: var(--text-transform-uppercase);
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 50px;
}
.home-attractions-widget .title__text {
    color: var(--gray-color);
    margin-top: -60px;
    margin-bottom: 30px;
}
.attractions-slide-item {
  display: none;
}
.attractions-slide-item.uk-active {
  display: block;
}
.attractions-media img {
  border: 10px solid var(--white-color);
}
.attractions-details {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--gray-color), transparent 70%);
}
.attractions-details > span {
  color: var(--gold-color);
  margin-right: 10px;
}
.attractions-details .title {
  font-size: 15px;
  letter-spacing: 2.25px;
  text-transform: uppercase;
  color: var(--dark-gray-color);
}
.miles {
  margin-left: auto;
  font-size: 15px;
  text-transform: uppercase;
}
.attractions-details:has(.active)  .miles, .attractions-details .title.active, .attractions-details .title:hover, .attractions-details .title:focus-visible {
  color: var(--gold-color);
}
.attraction-slider-part {
  position: relative;
  /* padding-block: 80px 100px; */
  /* max-width: 40%; */
  /* min-width: 740px; */
  /* width: 100%; */
  /* margin-left: auto; */
  z-index: 1;
}
.attraction-slider-part.attraction-left {
  width: 100%;
  max-width: 392px;
}
#home-attractions {
  z-index: 1;
  position: relative;
}
.attraction-slider-part .slider-controls__arrows {
  width: 55px;
  min-width: unset;
  margin-top: 40px;
}
.map_img_artmap {
  min-height: 675px;
}
.blank-div {
  position: absolute;
  width: 100%;
}
.blank-div:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(101.74deg,rgba(255,255,255,0) 86.76%,#fff 88.3%),linear-gradient(262.68deg,rgba(255,255,255,0) 49.42%,#fff 62.86%),linear-gradient(360deg,rgba(255,255,255,0) 90.1%,#fff 99.82%),linear-gradient(180deg,rgba(255,255,255,0) 65.64%,#fff 91.68%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.map-desk-img {
  width: 100%;
  height: 675px;
  object-fit: cover;
  object-position: center;
}
.attraction-slider-part.left-box {
  width: 70px;
  height: 518px;
  z-index: 1;
  padding-block: 0;
  min-width: unset;
  margin-left: 0;
  position: absolute;
  left: 0;
  background: var(--top-gradient-color);
}
.attractions-top-container {
  max-width: 920px;
  position: relative;
  z-index: 1;
}
.attractions-top-container-bg {
  position: relative;
  z-index: 0;
}
#home-attractions .uk-slider-items > div {
  visibility: hidden;
  opacity: 0;
  margin-left: 0;
}
#home-attractions .uk-slider-items > div.uk-active {
  visibility: visible;
  opacity: 1;
}
#home-attractions .uk-slider-items {
  transition: none !important;
}
@media (max-width: 1599.98px){
}
@media (min-width: 960px) and (max-width: 1199.98px){

}
@media (min-width: 960px){
  .blank-div .map-mob-img {
    display: none;
  }
}
@media (max-width: 959.98px) {
  .attraction-slider-part.is-inverse {
    padding-block: 0 75px;
    padding-inline: 20px;
    max-width: 100%;
    min-width: unset;
    margin-top: -120px;
  }
  .attraction-slider-part.left-box {
    width: 100%;
    height: 60px;
    position: relative;
    left: unset;
    max-width: 100%;
  }
  .attraction-slider-part.is-inverse::before {
    width: 100%;
    background-size: unset;
  }
  .attractions-slide-item {
    flex-direction: column;
    align-items: center;
  }
  .attractions-media {
    margin-bottom: 30px;
  }
  .attraction-slider-part::after {
    top: 120px;
    width: 100%;
    height: unset;
  }
  .attraction-slider-part.left-box::before {
    height: 24px;
    background-size: unset;
    top: 0;
    bottom: unset;
    background-position: 0;
  }
  .blank-div {
    position: relative;
  }
  /*.blank-div:before {
  display: none;
}*/
  .blank-div:before {
   /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 53.56%, #FFFFFF 95.67%),
      linear-gradient(360deg, rgba(255, 255, 255, 0) 73.7%, #FFFFFF 97.99%); */
    background: none;
  }
  .blank-div img {
    width: 100%;
    max-height: 965px;
    object-fit: cover;
  }
  .attractions-top-container {
    width: 88%;
    max-width: 100%;
    margin-bottom: 40px;
  }
  .attractions-top-container .icon-tagline {
    margin-bottom: 20px;
  }
  .attractions-top-container .uk-button-link {
    position: relative;
    bottom: unset;
    right: unset;
    margin-top: 20px;
  }
  .home-attractions-widget {
    padding: 30px 0;
  }
  .attractions-map {
    display: none;
  }
  .blank-div .map-desk-img, .imgmap {
    display: none;
  }
  .map_img_artmap {
    display: unset;
  }
  .map_img_artmap .uk-container{
    margin-top: -250px;
  }
  .blank-div {
    margin-top: -100px;
  }
  	.home-attractions-widget .title__text { margin-top: -30px; }
  .home-attractions-widget .big__text { font-size: 55px; }
}

@media (max-width: 767.98px) {
  .attractions-media {
        width: 200px;
        height: 234px;
        min-width: 200px;
        min-height: 234px;
    }
  .attractions-media img {
    	width: 200px;
        height: 234px;
  }
  .home-attractions-widget .title__text { margin-top: -30px; }
  .home-attractions-widget .big__text { font-size: 55px; }
  .attractions-details {
    gap: 5px;
    flex-wrap: wrap;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .attractions-details>span {
    margin: 0;
  }
  .miles {
    margin: 0;
  }
  .attraction-slider-part.attraction-left {
    max-width: 100%;
  }
}
@media (max-width: 639.98px) {
  .attractions-top-container-bg::before, .attractions-top-container-bg::after {
    height: 235px;
    bottom: calc(50% + 330px);
    width: 100%;
  }
  .attractions-top-container-bg::after {
    background: linear-gradient(179.78deg, rgba(229, 226, 220, 0) 65.18%, #E5E2DC 92.39%), linear-gradient(270deg, rgba(229, 226, 220, 0) 73.36%, #E5E2DC 100%), linear-gradient(90deg, rgba(229, 226, 220, 0) 65.87%, rgba(229, 226, 220, 0.8) 100%);
  }
  .attractions-top-container-bg::before {
    opacity: 10%;
    background-size: cover;
    background-position: center;
  }
}

/* New Styles for Attractions Start */
.imgmap a.marker .resort-title {
  position: absolute;
  width: 142px;
  top: 30px;
  color: var(--primary-color);
  text-align: center;
}
.map-and-pin-box {
  margin: 0 auto;
  position: relative;
}
.map_img_artmap {
  position: relative;
}
.imgmap a.marker {
  position: absolute;
  display: flex;
  align-items: end;
  justify-content: center;
  width: auto !important;
}
@media (min-width: 960px) {
  .attractions-map {
    position: absolute;
    width: auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 20px;
    z-index: 1;
  }
  .map-and-pin-box {
    display: flex;
    justify-content: end;
    overflow: hidden;
  }
  .imgmap {
    position: absolute;
    top: 0;
    width: 100% !important;
    margin: 0 auto;
    left: 0 !important;
  }
  /*.imgmap .mapping:first-child {
  left: auto !important;
  right: 205px;
  top: 298px !important;
}*/
}
/* New Styles for Attractions End */
@media (max-width: 959.98px) {
  .map_img_artmap .uk-container {
    width: 88%;
    max-width: 100%;
    flex-direction: column-reverse;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 767.98px) and (max-width: 959.98px) {
  .attractions-top-container{
		margin-bottom: 100px;
  }
}
.floating-booking {
    position: relative;
    width: 100%;
    max-width: 1300px;
    color: var(--inverse-color);
    background: transparent;
    padding: 0;
    margin: auto;
    z-index: 10;
    top: -30px;
    margin-top: -86px;
}
.floating-booking--sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.floating-booking form {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px;
    background: transparent;
    border-radius: 5px;
    max-width: 100%;
}
.floating-booking__grid {
    position: relative;
    width: 100%;
    padding: 10px 0;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 30px;
}
.floating-booking__col {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.floating-booking__col--button {
    justify-content: center;
}
label.floating-booking__label {
    position: relative;
    width: 100%;
    display: block;
    color: var(--inverse-color);
    font: var(--small-text-font);
    font-weight: 500;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
}
.floating-booking__col a {
    position: relative;
    width: 100%;
    display: block;
    color: var(--dark-gray-color);
    font: var(--small-text-font);
    font-weight: 500;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
}
.floating-booking__col a {
    position: relative;
    width: 100%;
    display: block;
    color: var(--inverse-color);
    font: var(--small-text-font);
    font-weight: 500;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
}
.floating-booking__col a:hover, .floating-booking__col a:focus-visible {
    color: var(--inverse-color);
    text-decoration: underline;
}
aside.floating-booking .floating-booking__col .uk-input, aside.floating-booking .floating-booking__col .uk-select, aside.floating-booking .floating-booking__col .uk-textarea {
    position: relative;
    width: 100%;
    min-width: 140px;
    height: 35px;
    display: block;
    color: var(--inverse-color);
    font: var(--small-text-font);
    font-weight: 400;
    text-transform: var(--text-transform-none);
    letter-spacing: var(--text-letter-spacing);
    background: transparent !important;
    border: 1px solid var(--white-color);
    padding: 5px 30px 5px 8px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    filter: opacity(1);
}
aside.floating-booking .floating-booking__col .uk-input:focus, aside.floating-booking .floating-booking__col .uk-select:focus, aside.floating-booking .floating-booking__col .uk-textarea:focus {
    outline: 1px solid var(--white-color);
}
button.floating-booking__button {
    position: relative;
    width: auto;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--inverse-color);
    font: var(--call-to-action-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
    background: transparent;
    border: 1px solid var(--inverse-color);
    border-radius: 100px;
    padding: 12px 20px;
    gap: 5px;
}
button.floating-booking__button:hover, button.floating-booking__button:focus, button.floating-booking__button:focus-visible {
    color: var(--inverse-color);
    background: var(--gold-color);
    border-color: var(--gold-color);
}
label.floating-booking__label:focus-visible {
	outline: 1px solid var(--inverse-color);
}

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

@media (min-width: 1200px) and (max-width: 1366px)  {
  	.floating-booking__grid { gap: 20px; }
  	aside.floating-booking .floating-booking__col .uk-input, aside.floating-booking .floating-booking__col .uk-select, aside.floating-booking .floating-booking__col .uk-textarea { min-width: 120px; }
}

@media (min-width: 1025px) and (max-width: 1199.98px) {
	.floating-booking__grid { gap: 10px; }
  	aside.floating-booking .floating-booking__col .uk-input, aside.floating-booking .floating-booking__col .uk-select, aside.floating-booking .floating-booking__col .uk-textarea { min-width: max-content; }
}

@media (max-width: 1024px) {
  	.floating-booking {
        display: none;
    }
}

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

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

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

@media (max-width: 575px) {}
/* Page Studio Editor + Floating Booking Widget Starts */
.page-component-mi-block .floating-booking {
    top: auto;
}
/* Page Studio Editor + Floating Booking Widget Ends */
#booking-widget-modal {
	opacity: 0;
	pointer-events: none;
}
#booking-widget-modal.uk-open {
	opacity: 1;
	pointer-events: auto;
  	background: none;
}
.bookstay {
    background: none;
}
.bookstay__box {
    width: 965px;
    max-width: 100%;
    height: 100vh;
    color: var(--inverse-color);
    background: var(--secondary-color);
    margin-right: 0;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.bookstay__media, #booking-widget {
    position: relative;
    width: 50%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#booking-widget {
    padding: 50px 0 30px;
}
.bookstay__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.is-bookstay-active .bookstay {
    top: 0;
    display: flex !important;
}
.bookstay .uk-modal-dialog {
    width: 100%;
    height: 100vh;
    background: none;
    padding: 0;
    z-index: 2;
}
.bookstay .uk-modal-dialog:after {
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--black-color);
    z-index: -1;
    opacity: .6;
}
.bookstay__close {
    min-height: unset;
    color: var(--inverse-color);
    background: none;
    border: 0;
    padding: 5px;
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    z-index: 9;
}
.bookstay__close>.template-icon {
    font-size: 25px;
}
.bookstay__close:hover, .bookstay__close:focus, .bookstay__close:focus-visible {
    color: var(--inverse-color);
}
.bookstay-form__box + .bookstay-form__box {
    border-top: 0;
}
.bookstay-form__actions {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0 30px;
}
.bookstay-form__submit {
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font: var(--header-call-to-action-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
    background: transparent;
    border: 1px solid var(--white-color);
    border-radius: 100px;
    padding: 12px 35px;
    gap: 5px;
}
.bookstay-form__submit:hover, .bookstay-form__submit:focus, .bookstay-form__submit:focus-visible {
	color: var(--gold-color);
    background: var(--white-color);
    border-color: var(--white-color);
}
.bookstay-form__group--inline {
    display: flex;
    align-items: center;
    gap: 50px;
}
.bookstay__toggle-btn {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.bookstay__toggle-btn .button-link {
    position: relative;
    min-width: max-content;
    width: auto;
    display: flex;
    align-items: center;
    color: var(--inverse-color);
    font: var(--header-call-to-action-font);
    text-transform: var(--text-transform-uppercase);
    letter-spacing: var(--text-letter-spacing-5);
    font-weight: 500;
    padding: 0 0 10px;
    gap: 5px;
}
.bookstay__toggle-btn .button-link span.template-icon {
    line-height: normal;
}
.bookstay__toggle-btn .button-link:before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--inverse-color);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s ease;
}
.bookstay__toggle-btn .button-link:hover:before {
    transform: scaleX(0);
    transform-origin: right;
}
.bookstay__toggle-btn .button-link:after {
	display: none;
}
.bookstay-booking form, .bookstay-reminder form {
    position: relative;
    width: 100%;
    display: block;
}
.bookstay-booking, .bookstay-reminder {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 20px;
}
.bookstay__box .title {
    position: relative;
    width: 100%;
    display: block;
    color: var(--inverse-color);
    font: 300 35px / 120% 'Inter', sans-serif;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.bookstay-booking form, .bookstay-reminder form {
    position: relative;
    width: 100%;
    display: block;
}
.bookstay-form__box {
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
}
.bookstay-form__grid {
    position: relative;
    width: 100%;
    display: block;
}
.bookstay-form__grid>* {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.bookstay-form__group {
    position: relative;
    width: 100%;
    display: block;
}
.bookstay-form__label {
    position: relative;
    width: 100%;
    display: block;
    color: var(--inverse-color);
    font: 500 15px / 100% 'Inter', sans-serif;
    text-transform: var(--text-transform-uppercase);
    letter-spacing: 1.6px;
    margin-bottom: 12px;
}
#booking-widget .bookstay-form__control {
    position: relative;
    width: 100%;
    height: 42px;
    display: block;
    color: var(--inverse-color);
    font: var(--small-text-font);
    text-transform: var(--text-transform-none);
    letter-spacing: var(--text-letter-spacing);
    background: transparent !important;
    border: 1px solid var(--inverse-color);
    padding: 8px 10px;
  	-webkit-appearance: auto;
    -moz-appearance: auto;
}
#booking-widget .bookstay-form__control::-webkit-input-placeholder { color: var(--inverse-color); }
#booking-widget .bookstay-form__control::-moz-placeholder { color: var(--inverse-color); }
#booking-widget .bookstay-form__control:-ms-input-placeholder { color: var(--inverse-color); }
#booking-widget .bookstay-form__control:-moz-placeholder { color: var(--inverse-color); }
.bookstay-reminder {
    display: none;
}
.open-remind-later .bookstay-booking {
    display: none;
}
.open-remind-later .bookstay-reminder {
    display: block;
}
/*.bookstay-form__box .ui-datepicker-trigger {
    display: none;
}*/
.ui-datepicker-trigger:focus, .ui-datepicker-trigger:focus-visible, .bookstay__close:focus, .bookstay__close:focus-visible, .bookstay__box .title:focus, .bookstay__box .title:focus-visible, .bookstay-form__label:focus, .bookstay-form__label:focus-visible {
    outline: 1px solid var(--inverse-color);
}
#booking-widget-modal .ui-datepicker-trigger {
    top: 11px;
}
@media (min-width: 768px) {
}

@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) {
    .bookstay__box {
        width: 100%;
        padding: 10px;
        flex-direction: column;
    }
  	.bookstay__media {
   		 display: none;
	}
	#booking-widget {
    	width: 100%;
        justify-content: flex-start; padding: 100px 0 30px;
	}
    .bookstay__close {
        font-size: 24px;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
    }
	.bookstay__box .title {
    	font-size: 30px;
    	margin-bottom: 20px;
	}
    .bookstay__media {
        text-align: center;
    }

    .bookstay-form__title {
        font: var(--mob-h2-title-fonts);
    }
    .bookstay-form__grid > * {
        width: 100%;
        padding: 0;
    }

    .bookstay-form__grid {
        margin: 0;
    }

    .bookstay-form__box {
        padding: 0;
        border-top: 0;
        padding-bottom: 1px;
    }
	.bookstay-form__actions {
        margin: 15px 0 30px;
    }
    .bookstay-form__grid > .uk-grid-margin::before {
        left: 0 !important;
        border-color: var(--border-color) !important;
        top: 0px !important;
    }

    .bookstay-form__grid > .uk-grid-margin {
        margin-top: 5px !important;
        padding-top: 25px;
    }

    .bookstay-form__group {
        padding: 0;
    }

    .bookstay-form__title {
        margin-bottom: 20px;
    }

    .bookstay-form__box + .bookstay-form__box {
        margin-top: 15px;
    }
    
    .bookstay-form__control {
        font: var(--mob-h6-title-fonts);
        height: 30px;
    }
    .bookstay-form__group--inline {
        justify-content: space-between;
    }
    
    .bookstay-form__group--inline .bookstay-form__control {
        text-align: left;
        padding-right: 20px !important;
    }
    
    .bookstay-form__group--dropdown:after {
        font-size: 8px;
        bottom: 3px;
    }

    .bookstay__close-text {
        display: none;
    }
  #booking-widget-modal.uk-open {
	background-color: var(--secondary-color);
}
}

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

@media (max-width: 575px) {
}
.bookstay .edit-overlay {
    float: left;
}
@media (min-width: 767.98px) and (orientation: landscape){
  .bookstay__media, #booking-widget{
	height: 100%; 
  }
  .bookstay .uk-modal-dialog, .bookstay__box{
  	height: auto;
  }
}
body.fixcovid19.bodycountdown1.pageScroll .homesection-5.top-tabbing.dining_bar {
  margin-top: 52px;
}
body.fixcovid19.bodycountdown .homesection-5.top-tabbing.dining_bar {
  margin-top: 0;
}
.lto-head {
  font-size: 32px;
  line-height: normal;
  padding-bottom: 11px;
  font-family: var(--title-fonts);
  font-weight: 600;
}
.lto-term {
  padding-top: 10px;
  font-weight: 800;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.09em;
}
.lto-main {
  display: none;
}
.lto-main.ltolist2 {
  top: 234px;
}

/*Dates Counter Strats Here*/

#clockdiv {
  background-color: var(--blue-color);
  color: #FFF;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  font-size: 30px;
}
#clockdiv > div {
  padding: 1px 8px 0 10px;
  background: 0 0;
  display: inline-block;
}
#clockdiv div > span {
  padding: 0;
  display: inline-block;
  font-size: 30px;
}
.smalltext {
  padding-top: 0px;
  font-size: 12px;
  line-height: normal;
  font-weight: 600;
}
.cdit {
  position: relative;
}
.cdit::after {display:none;
  content: "?";
  bottom: 0;
  position: absolute;
  right: -10px;
  font-size: 16px;
}
.cdit::before {
  content: ":";
  top: 7px;
  position: absolute;
  right: -9px;
  font-size: 27px;
  font-weight: bold;
  line-height: 30px;
}
/*Dates Counter Ends*/
.counter {
    margin-right: 50px;
    padding-top: 3px;
    min-width: 197px;
}
.main-navigation .lto-content-btn .button {
  display: block;
}
.lto-main {
  position: absolute;
  z-index: 11;
  left: 0;
  right: 0;
  top: 120px;
  width: 610px;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.4s;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 10px 0 rgba(0,0, 0,0.5);
}
.header.uk-active .lto-main{
  top: 70px;
  opacity: 1;
  visibility: visible;
}
.lto-top {
    background: var(--blue-color);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lto-top h2 {
  font-family: var(--body-text-font);
  color: #FFF;
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px; line-height: normal;
  padding: 25px 0 25px 25px;
  font-style: normal;
  margin-bottom: 0;
  font-weight: 500;
}
.lto-bottom {background-color: #000;
  line-height: 0;
  position: relative;
  border: 0px solid #fff;
  display: none;
  width: 100%;
}
.lto-top.active .lto-bottom{display: block;}
.lto-bottom img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  min-height: 390px;
  max-height: 390px;
}
.lto-content {
    position: absolute;
    line-height: 24px;
    text-align: center;
    color: #fff;
    padding: 30px 20px 10px;
    right: 0;
    bottom: 10px;
    left: 0;
    text-shadow: 0 0 2px #000;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;
}
.lto-description p {
    color: #fff;
}
.lto-content-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}
.lto-content-texy {
  max-width: 390px;
  font-size: 18px;
  line-height: normal;
  padding-top: 15px;
  font-family: 'museo_sans500';
  /* font-style: italic; */
  margin: 0 auto;
  padding-bottom: 20px;
  line-height: 30px;
}
.lto-content-btn {
  display: flex;
  row-gap: 15px;
  column-gap: 25px;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.lto-content-btn * {
  color: var(--inverse-color);
}
.lto-content-btn a:hover, .lto-content-btn a:focus{
  color: var(--gold-color);
}

.lto-content-btn .alternate-button, .lto-content-btn .alternate-button:hover {
    color: var(--inverse-color);
}
.lto-content-btn .alternate-button:after { background: var(--inverse-color); }

.lto-content-btn .button {
  color: var(--white-color);
  background: #1a1613;
}
.ltoop-btn {
    color: var(--white-color);
    position: relative;
    right: 020px;
    top: 0;
    font-size: 19px;
    text-decoration: none;
}
.ltoop-btn:hover, .ltoop-btn:focus{
  color: var(--white-color);
  opacity: 0.7;
}
.lto-top.active .ltoop-btn {
  transform: rotate(180deg); 
}
.lto-bottom:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  /*background: rgb(6,43,65);
  background: linear-gradient(0deg, rgba(6,43,65,0.9) 0%, rgba(6,43,65,0) 100%);*/
  /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);*/
  background: linear-gradient(180deg, rgba(0, 0, 0, .5) 10%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 1) 100%);
}
.lto-content > div {
  position: relative;
  z-index: 1;
  font-size: 15px;
}
.lto-prewindow-title.feature-title {
  color: #fff;
}
.lto-content-btn a {
  text-shadow: none !important;
}
.bodycountdown header.uk-active ~ .uk-offcanvas.mobile-nav {
  top: 60px;
  height: calc(100% - 116px);
}
.bodycountdown .uk-offcanvas.mobile-nav {
  top: 120px;
  height: calc(100% - 176px);
}
@media only screen and (max-width:1279px) {
  /*  .lto-main {
  right: auto;
} */
  .lto-top h2 {
    font-size: 18px;
  }
  .lto-main {
    width: 550px;
  }
  #clockdiv div > span {
    font-size: 24px;
  }
}
@media only screen and (min-width:768px) and (max-width:959px) {
  .bodycountdown header#main:not(.uk-sticky-below) {
    top: 60px !important;
  }
}
@media only screen and (max-width:959px) {
  .bodycountdown .mob-header {
    top: 60px;
  }
  .bodycountdown div#wrapper {
    padding-top: 120px;
  }
  .lto-main { max-width: 550px;
    top: 120px;
    width: calc(100% - 20px);
    z-index: 3; left: 10px;
    right: 10px; 
  }
  .lto-bottom {
    position: relative;
    width: 100%;
  }
  /* .lto-top {
  height: 60px;
} */
  /*.counter {
  padding-top: 14px;
}
  .ltoop-btn {
  top: 22px;
}
  .lto-top.active .ltoop-btn {
  top: 18px;
}*/
  .bodycountdown header#main {
    top: 60px;
  }
  /* .lto-top {
  height: 60px;
} */

  #clockdiv {
    font-size: 20px;
  }
  .lto-top h2 {
    /*! padding-top: 17px; */
  }

  .bodycountdown header#main {
    top: 60px;
  }

  .bodycountdown .homepage-booking-widget .uk-close {
    top: 80px;
  }
}
@media only screen and (max-width:864px) {
  .header.uk-active .lto-main {
    top: 126px;

  }
  .bodycountdown .ota-v3-container {
    top: 195px; 
  }
}
@media only screen and (max-width:767px) {
  .header.uk-active .lto-main {
    top: 100px;
  }
  body.fixcovid19.bodycountdown1.pageScroll .homesection-5.top-tabbing.dining_bar {
    margin-top: 77px;
  }
  .bodycountdown .mob-header {
    top: 60px;
  }
  .bodycountdown div#wrapper {
    padding-top: 120px;
  }
  .homesection-5.top-tabbing.dining_bar {
    height: auto;
  }
  .lto-main {
    max-width: inherit; top: 100px;
  }
  .lto-top h2 {
    /*font-size: 16px;*/
    /*padding: 24px 0 0 10px;*/
  }
  .ltoop-btn {
    right: 15px;
  }
  .counter {
    margin-right: 40px;
    padding-top: 0;
    min-width: 130px;
  }
  #clockdiv {
    font-size: 20px;
  }
  #clockdiv div > span {
    font-size: 20px;
  }
  .smalltext {
    font-size: 10px;
  }
  #clockdiv > div {
    padding: 0px 4px 0;
  }
  .cdit::before {
    /*content: "•";
    color: #fff;
    top: 8px;
    position: absolute;*/
    right: -5px;
    font-size: 20px;
  }
  .cdit::after {
    /*content: "•";
    color: #fff;
    bottom: 0px;
    position: absolute;*/
    right: -6px;
    font-size: 20px;
  }
  .lto-content-texy {
    max-width: inherit;
    font-size: 15px;
    margin: 0 20px;
    line-height: 24px;
  }
  .lto-content-title {
    font-size: 15px;
  }
  .lto-bottom:before {
    height: 100%;
  }
  /* .lto-bottom:before {
  background: rgb(0, 0, 0, 0.7);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
}*/
  .bodycountdown .ota-v3-container {
    top: 150px; 
  }
  .bodycountdown header#main:not(.uk-active) {
    top: 60px !important;
  }
  /* .lto-content {
  padding: 0 15px 15px;
} */
}
@media only screen and (max-width: 580px) {
  body.fixcovid19 .homesection-5.top-tabbing.dining_bar {
    margin-top: 140px;
  }
  .bodycountdown .homesection-5.top-tabbing.dining_bar {
    margin-top: 53px;
  }
  body.fixcovid19.bodycountdown .homesection-5.top-tabbing.dining_bar {
    margin-top: 60px;
  }
  .lto-top h2 {
    font-size: 16px; /*
    padding: 8px 0 0 15px;
    max-width: 170px;
    line-height: 22px; */
    /*! margin: 0 0 10px; */
    width: calc(100% - 185px);
    padding: 15px 0 15px 15px;
  }
  .ltoop-btn {
    top: 14px;
  }
  .lto-top.active .ltoop-btn {
    top: 10px;
  }
}
@media only screen and (max-width: 380px) {
  .lto-bottom img {
    height: 390px;
    object-fit: cover;
  }
}
.hero-slideshow {
  background: var(--primary-color);
  height: 100vh;
  z-index: 2;
}
.hero-slideshow__caption {
  position: absolute;
  top: inherit;
  left: 0;
  right: 0;
  bottom: 210px;
}
.hero-slideshow__caption-wrapp {
  position: relative;
  z-index: 98;
  text-align: left;
  max-width: max-content;
  margin: 0 auto;
}
.hero-slideshow__caption-title {
  color: var(--inverse-font-color);
  margin: 0;
  font: var(--xl-title-fonts);
  text-transform: var(--xl-title-fonts-text-transform);
}
.hero-slideshow__caption-title span{
  display: block;
}
.line-title {
  margin-left: 60px;
}
.hero-slideshow__media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.hero-slide-arrow {
  position: absolute;
  bottom: 130px;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  color: var(--inverse-font-color);
  z-index: 99;
}
.hero-slide-arrow a {
  color: var(--inverse-font-color);
  text-decoration: none;
}
.hero-slide-arrow a:hover, .hero-slide-arrow a:focus{
  color: var(--highlight-color);
}
.hero-slideshow__caption-wrapp .hours { 
  font-size: 14px; 
  text-align: center; 
  background: #fff;  
  border-radius: 42px; 
  color: var(--text-color); 
  font-weight: normal; 
  padding: 15px 0; 
  max-width: 423px; 
  margin: 40px auto 0; 
  line-height: 26px; 
}
.hero-slideshow__caption-wrapp .hours strong { 
  display:block; 
  font-weight: normal; 
  color:var(--primary-color);
}
.home-video__modal .uk-modal-body {
    padding: 40px 20px 40px;
}
@media only screen and (max-width: 1260px) {
  .hero-slideshow__caption{
    bottom: 100px;
  }
}
@media (max-width: 959.98px) {
  .hero-slideshow__caption-title {
    font: var(--mob-xl-title-fonts);
  }
  .hero-slideshow {
    height: 72vh;
  }
  .hero-slideshow__caption{
    bottom: 30px;
  }
  .hero-slideshow__caption-wrapp{
    max-width: 500px;
    text-align: center;
  }

}
@media (max-width: 767.98px) {
  .hero-slideshow {
    height: 100vh;
    overflow: visible;
  }
  .hero-slideshow__media {
    transform: none !important;
    object-position: center;
    height: auto !important;
  }
  .hero-slideshow:after {
    height: 40%;
    display:none;
  }
  .hero-slideshow .uk-slideshow-items {
    /*height: 100%;
    min-height: 100% !important;*/
    height: 100%;
    min-height: 250px  !important;
  }
  .hero-slideshow__caption-wrapp {
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
  }
  .hero-slide-arrow{
    bottom: 80px;
  }
  .hero-slideshow__caption {
    bottom: 30px;
  }
  .hero-slide-arrow {
    bottom: inherit;
    top: 200px;
  }
  .line-title {
    display: block;
    margin-left: 0px;
  }

}
@media (max-width: 575px) {
  .hero-slideshow__caption-wrapp {
    max-width: 100%;
  }
}
/* Hero Slider Ends */

/* Video */
.home-head-video{
  padding:0 0px;
  height: 100%;
}
.home-head-video:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  /*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 41.35%, rgba(0, 0, 0, 0.4) 96.49%), linear-gradient(180deg, rgba(0, 0, 0, 0) 64.56%, rgba(0, 0, 0, 0.5) 94.55%);*/
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, rgba(0, 0, 0, 0) 41.35%, rgba(0, 0, 0, 0.8) 96.49%), linear-gradient(180deg, rgba(0, 0, 0, 0) 49.2%, rgba(0, 0, 0, 0.6) 92.18%);
  opacity: 0.5;
  pointer-events: none;
}
.hero-image {
  width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.hero-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-video__container {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.home-video__block {
  width: 100%;
}
.home-video__title {
  z-index: 98;
  max-width: 700px;
  color: transparent;
  text-shadow: 0 0 0 rgba(255, 255, 255, 1);
  text-align: center;
  position: absolute;
  top: 52%;
  left: 0;
  transform: translateY(-40%);
  right: 0;
  margin: 0 auto;
}
.home-video__block video {
  width: 100%;
  height: calc(100vh);
  object-fit: cover;
  object-position: top;
  border-radius:5px;
}
.home-video__block video.cms6{
  height: 700px !important;
}
.home-video__block video.video-swap.cms6 {
  height: 100%;
}
.home-video__actions {
  z-index: 99;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.home-video__trigger {
  width: 30px;
  height: 30px;
  min-height: 30px;
  color: #ffffff;
  background: var(--secondary-color);
  border-radius: 20%;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out;
  text-transform: capitalize;
  padding: 0 10px;
  line-height: 30px;
  min-width: auto;
}
.home-video__actions.is-active .home-video__trigger,
.home-video__trigger:hover,
.home-video__trigger:focus {
  width: 80px;
  height: 80px;
  color: #fff;
  background-color: var(--primary-color);
}
.home-video__trigger:hover .home-video__trigger-text,
.home-video__trigger:focus .home-video__trigger-text {
  display: block;
}
.home-video__actions.is-active .home-video__trigger:hover, .home-video__actions.is-active .home-video__trigger:focus {
  background: var(--primary-color);
  color: #ffffff;
}
.is-off {
  display: none;
}
.home-video__actions.is-active .home-video__trigger .is-off {
  display: block;
}
.home-video__actions.is-active .home-video__trigger .is-on {
  display: none;
}
.home-video__actions-more {
  display: none;
  position: absolute;
  bottom: 90px;
  right: 0;
}
.home-video__actions.is-active .home-video__actions-more {
  display: block;
}
.home-video__trigger-icon {
  display: flex !important;
  justify-content: center;
  width: 18px;
  height: 11px;
  margin: auto !important;
}
.home-video__trigger-text {
  display: none;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 10px;
}
.home-video__btn {
  width: 80px;
  height: 80px;
  color: #fff;
  display: flex;
  line-height: 1;
  margin-bottom: 3px;
  background: var(--secondary-color);
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 20%;
  opacity: 0.9;
  font-size: 11px;
  padding: 0 5px;
  flex-direction: column;
  text-transform: capitalize;
  letter-spacing: 0;
  transition: all 0.3s ease;
  font-weight: 400;
  min-width: auto;
}
.home-video__btn:hover, .home-video__btn:focus {
  background:var(--primary-color);
  color: #fff;
}
.home-video__btn .is-off,
.home-video__btn.active .is-on {
  display: none;
}
.home-video__btn .is-on,
.home-video__btn.active .is-off {
  display: block;
}
.home-video__btn .uk-icon {
  display: block;
  margin-bottom: 8px;
}
.hero-image-wrap.home-video__block {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.home-mp4-vide .hero-image-wrap.home-video__block {
  padding: 0;
  height: auto;
}
.hero-image-wrap.home-video__block iframe {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
}
.hero-image-wrap.home-video__block:after {
  content: none;
  background: transparent
    linear-gradient(180deg, #084877 0%, #0a375d 22%, #ffffff00 100%) 0% 0%
    no-repeat padding-box;
  mix-blend-mode: multiply;
  opacity: 0.45;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
ul.ckbullet {
  margin: 0;
  padding: 0;
}
ul.ckbullet li {
  margin: 0 0 20px 0;
  font-family: var(--text-fonts);
  font-size: 15px;
  line-height: 22px;
}
ul.ckbullet li::marker {
  content: none;
}
ul.ckbullet li:before {
  content: '\e91e';
  font-family: var(--icon-fonts);
  font-size: 12px;
  font-weight: 600;
  color: #D69CA0;
  padding: 0 5px 0 0;
}
.home-video__modal .uk-close{
  top: 0;
  right: 0;
  padding: 11px;
  background-color: var(--secondary-color);
  color: var(--inverse-color);
}
.home-video__modal .uk-close:hover, .home-video__modal .uk-close:focus{
  background-color: var(--primary-color);
  color: var(--inverse-color);
}
@media (max-width: 960px){
  .home-video__block video {
    height: 100vh;
  }
}
@media (max-width: 767px){
  .home-video__trigger:hover .home-video__trigger-text, .home-video__trigger:focus .home-video__trigger-text {
    display: none;
  }
  .home-video__btn .uk-icon {
    margin-bottom: 0;
    text-indent: 0;
    line-height: 30px;
  }
  .home-video__btn .is-on, .home-video__btn.active .is-off {
    display: flex;
  }
  .home-video__actions.is-active .home-video__trigger {
    width: 30px;
    height: 30px;
    /*margin: 0;*/
  }
  .home-video__trigger:hover, .home-video__trigger:focus {
    width: 30px;
    height: 30px;
  }
  .home-video__trigger {
    margin: 0 0 10px 5px;
  }
  .home-video__actions-more {
    bottom: 40px;
    left: 5px;
  }
  .home-video__btn {
    width: 30px;
    height: 30px;
    text-indent: -9999px !important;
    min-height: 30px;
    line-height: 0px;
    border-radius: 4px;
    text-align: unset;
  }
  .home-video__btn .mobile-hide {
    display: none;
  }
  .home-video__btn.full-video {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px){
  .home-video__btn{
    width:55px;
    height:55px;
    font-size:8px;
  }
  .home-video__btn .uk-icon {
    margin-bottom: 5px;
  }
  .home-video__actions.is-active .home-video__trigger, .home-video__trigger:hover, .home-video__trigger:focus {
    width: 55px;
    height: 55px;
  }
  .home-video__trigger-text {
    font-size: 9px;
  }
  .home-video__actions-more{
    bottom: 65px;
  }
  .home-video__trigger{
    margin: 30px 30px 10px;
  }
}
.home-mp4-vide .hero-image-wrap.home-video__block img {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  position: absolute;
}

@media (min-width: 1260px) and (max-width: 1560px){}
.hero-slideshow__button {
  margin-top: 30px;
  text-align: center;
}
@font-face {
  font-family: 'couponfonticon';
  src: url('https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/fonts/couponfonticon.ttf?2mjps5') format('truetype'),
    url('https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/fonts/couponfonticon.woff?2mjps5') format('woff'),
    url('https://assets.milestoneinternet.com/twenty-four-seven-hotels/cambria-hotel-burbank-airport-392357/website-assets/fonts/couponfonticon.svg?2mjps5#mimiconfont') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='mim-icon-'],
[class*=' mim-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'couponfonticon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mim-icon-minus:before {
  content: "\e903";
}
.mim-icon-plus-sign:before {
  content: "\e904";
}
.mim-icon-close:before {
  content: "\e900";
}
.mim-icon-scissors:before {
  content: "\e901";
}
.mim-icon-ticket:before {
  content: "\e902";
}

.ms_coupon-wrapper {
  position: absolute;
  top: 200px;
  right: 10px;
  z-index: 11;
  width: 100%;
  max-width: 442px;
  display: none;
}
.ms_coupon-wrapper.active_e {
    display: block;
}
.ms_coupon-title-box {
  background: var(--secondary-color);
  color: var(--inverse-color);
  position: relative;
  border-radius:5px;
  max-width: 360px;
  margin-bottom: 10px;
  padding-right: 10px;
  float: right;
}

.ms_coupon-main-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  line-height: 60px;
  padding-bottom: 0;
}

.ms_coupon-main-title-link {
  /*font-family: var(--title-fonts);*/
  font-weight: 500;
  font-size: 14px;
  color: var(--inverse-color);
  display: block;
  position: relative;
  padding-left: 64px;
  line-height: 55px;
  letter-spacing: 1px;
}
.ms_coupon-main-title-link:hover{color:var(--inverse-color);}
.ms_coupon-main-title-link:before {
  content: "\e902";
  width: 50px;
  background: var(--primary-cta-color);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 26px;
  text-align: center;
  font-family: 'couponfonticon' !important;
  color: var(--primary-cta-font-color);
  border-radius: 5px 0px 0px 5px;
}

.ms_offer-counter {
  display: inline-block;
  background: var(--inverse-color);
  border-radius: 50%;
  color: var(--primary-color);
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin-left: 20px;
}

.ms_coupon-detail-box {
  display: none;
  background: var(--secondary-color);
  padding: 20px 6px 45px 6px;
  border-radius: 5px;
  position: relative;
  clear: both;
  transition: all .5s ease 0s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}

.ms_coupon-inner-title {
  color: var(--inverse-color);
  padding: 0 35px 0 5px;
  font-size: 18px !important;
  padding-bottom: 0;
  line-height: 20px !important;
  display: inline-block;
  margin: 0 0 10px 0;
  font-weight: bold;
}

.ms_coupon-close {
  position: absolute;
  top: 0px;
  right: 18px;
  color: var(--inverse-color);
  z-index: 1;
}

.ms_coupon-close-link {
  color: var(--inverse-color);
  text-decoration: none;
  font-size: 14px;
}
.ms_coupon-close-link i {
  color: var(--inverse-color);
}
.ms_coupon-close-link:hover, .ms_coupon-close-link:focus { color: var(--inverse-color); }
.ms_coupon-close-link:hover i, .ms_coupon-close-link:focus i { color: var(--inverse-color); }
.ms_coupon-inner-box {
  border-radius: 5px;
  padding: 10px;
  line-height: 25px;
  color: var(--inverse-color);
}

.ms_coupon-title {
  /*font-family: var(--title-fonts);*/
  font-weight: 700;
  color: var(--inverse-color);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

.ms_coupon-details {
  margin-bottom: 20px;
}

.ms_coupon-details p {
  margin: 0;
  color: var(--text-color);
}

.ms_coupon-notes {
  color: var(--text-color);
  padding-left: 17px;
  font-size: 16px;
  line-height: 22px;
}

.ms_coupon-show-details i,
.ms_coupon-hide-details i {
  font-size: 12px;
  font-weight: bold;
  margin-left: 4px;
}


.ms_coupon-read-more-link span {
  display: flex;
  align-items: center;
}

.ms_coupon-read-more {
  margin-top: 20px;
}

.ms_coupon-read-more .ms_coupon-read-more-link {
  color: var(--inverse-color);
  font-weight: bold;
  border-bottom: 1px solid transparent;
  transition: all 0.6s ease;
  font-size: 12px;
}

.ms_coupon-read-more .ms_coupon-read-more-link:hover,
.ms_coupon-read-more .ms_coupon-read-more-link:focus {
  color: var(--inverse-color);
  text-decoration: underline;
}

.ms_coupon-more-details {
  display: none;
}

.ms_coupon-detail-item ul{
  margin: 0;
}

.ms_coupon-detail-item ul li {
  color: var(--inverse-color);
  list-style: disc;
}



.ms_coupon-hide-details {
  display: none;
}

.ms_coupon-cutting {
  clear: both;
  border-top: 2px dashed #c0c1be;
  position: relative;
  margin: 20px 0 20px;
}

.ms_coupon-cutting:before,
.ms_coupon-cutting:after {
  content: "";
  border-style: solid;
  border-color: transparent transparent transparent var(--inverse-color);
  position: absolute;
  border-width: 6px;
  left: -15px;
  top: -7px;
}

.ms_coupon-cutting:after {
  border-color: transparent var(--inverse-color) transparent transparent;
  left: inherit;
  right: -15px;
  top: -7px;
}

.ms_coupon-cutting i.mim-icon-scissors {
  position: absolute;
  top: -9px;
  left: 5px;
  color: var(--inverse-color);
}

.ms_coupon-button-wrapper {
  text-align: center;
}

.ms_coupon-button {
	display: inline-flex;
	/* height: 50px; */
	min-width: 190px;
	padding: 0 30px;
	transition: 0.5s ease-out 0s;
	-webkit-transition: 0.5s ease-out 0s;
	cursor: pointer;
	/* font-size: 13px; */
	/* font-weight: 700; */
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 48px;
	border: 1px solid var(--white-color);
	color: var(--white-color);
	background: transparent;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	border-radius: 100px;
	font: var(--header-call-to-action-font);
	padding: 15px 25px;
	justify-content: center;
	align-items: center;
}
.ms_coupon-button .template-icon {
	font-size: 20px;
	margin-left: 5px;
}
.ms_coupon-button:hover, .ms_coupon-button:focus {
	background-color: var(--white-color);
	border-color: var(--white-color);
	color: var(--gold-color);
}

.ms_coupon-slider {
  position: relative;
}

.ms_coupon-slider-item {
  display: none;
  animation: reveal 0.5s ease-in-out;
}

.ms_coupon-slider-item.active {
  display: block;
}

.ms_coupon-slider-dots {
  text-align: center;
  padding: 0;
  margin: 0px 0;
  position: absolute;
  width: 100%;
  bottom: -34px;
}

.ms_coupon-slider-dots li {
  cursor: pointer;
  height: 10px;
  margin: 0 6px;
  width: 10px;
  display: inline-block;
  background: transparent;
  border: 2px solid var(--inverse-color);
  line-height: 0.5;
  border-radius: 50%;
  text-indent: -9999px;
  opacity: 1;
}

.ms_coupon-slider-dots li:hover,  .ms_coupon-slider-dots li.active {
  	opacity: 1;
  	border: 2px solid transparent;
  	background: var(--inverse-color);
}

@keyframes reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .ms_coupon-wrapper{top: 170px;right: 10px;}
  .ms_coupon-main-title{height:55px;background:none;}
  .ms_coupon-detail-box{top:-2px;right:-2px;}
  .ms_coupon-main-title-text{display:none;}
  .ms_coupon-main-title-link{padding-left: 0px;width: 55px;position: relative;}
  .ms_coupon-title-box{padding:0;margin:0;}
  .ms_coupon-main-title-link:before{width:55px;border-radius:5px;}
  .ms_offer-counter{line-height: 28px;text-align: center;margin-left:0px;position: absolute;left: -18px;top: 35px;width: 28px;height: 28px;background: var(--primary-color); color: var(--inverse-color);}
}
@media (max-width: 767px) {
  .ms_coupon-wrapper{top: 170px;}
}
@media (max-width: 560px) {
  .ms_coupon-wrapper{max-width: 380px;}
}
@media (max-width: 480px) {
  .ms_coupon-wrapper{max-width: 320px;right: 10px;}
}
@media (max-width: 360px) {
  .ms_coupon-wrapper{max-width: 290px;right: 10px;}
}
/*Popup*/
.popupmain .uk-modal-dialog {
  width: 800px;
  padding: 0;
  /*border: 1px solid var(--primary-color);*/
}
.popupcontent {
  padding-left: 50px;
  text-align: left;
  padding-top: 37px;
}
.popupcontent .uk-modal-close-default {
  font-size: 20px;
  border-radius: 50%;
  padding: 3px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #f7f4f0;
  top: -20px;
  right: -20px;
}
.popupcontent .uk-modal-close-default:hover,
.popupcontent .uk-modal-close-default:focus{
  background: transparent linear-gradient(270deg, #ac8d5d 0%, #ab8b5c 100%) 0% 0% no-repeat padding-box;
}
.hp-descpopup {
  font-size: 14px;
  font-weight: 800;
  position: relative;
  top: 15px;
  color: #fff;
}
.hp-descpopup p {
  color: #fff;
  text-align: center;
}
@media (max-width: 959.98px) {
  .popupcontent h4 {
    margin-bottom: 15px;
  }
  .popupcontent h2 {
    font-size: 25px;
    text-align: center;
  }
  .popupcontent span:after {
    /*content: "";*/
    width: 235px;
    height: 1px;
    background: #C0C1BE;
    position: absolute;
    top: 12px;
    left: 50px;
  }
  .popupmain {
    padding: 50px 23px;
  }
  .popupcontent span {
    position: relative;
  }
  .popupmain .uk-modal-dialog{
    padding: 30px 25px;
    width: 375px !important;
  }

  .popupimg{display: none;}
  .popupcontent{
    order: 1;
    padding-left: 25px;
    padding-top: 15px;
  }
  .popupimg img {
    width: 100%;
  }
}


a.uk-modal-close-default.cs__popupcls.uk-button.uk-button-default:before {
  display:none;
}
.popupmain .uk-modal-dialog {
  width: 693px;
  padding: 0;
  background: transparent;
  top: -38px;
}
.popupcontent {
  position: absolute;
  top: 100px;
  left: 247px;
  /*background-color: #EFF2F4;*/
  /*background-image: url(" https://www.cambriafortcollins.com/resourcefiles/other-images/popupbg.png");*/
  background-color: #5B6770;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 60px;
}
.popupimg img {
  border-radius: 500px;
  width: 100%;
  height: 100%;
  border: 3px solid #8e650b;
  object-fit:cover;
}
.popupcontent h2 {
  font-size: 25px;
  text-align: center;
  color: #fff;
}
.popupcontent .description {
  line-height: 1.5;
  padding-bottom: 63px;
}
.popupcontent .uk-modal-close-default {
  font-size: 20px;
  border-radius: 50%;
  padding: 3px;
  width: 40px;
  height: 40px;
  background-color: #8e650b;
  top: 10px;
  right: 277px;
  color: #fff;
  text-shadow: 0 0 var(--text-color);
}
.popupcontent .uk-modal-close-default:hover,
.popupcontent .uk-modal-close-default:focus{
  background: transparent linear-gradient(270deg, #ac8d5d 0%, #ab8b5c 100%) 0% 0% no-repeat padding-box;
  color: transparent;
  text-shadow: 0 0 #fff;
}
@media (max-width: 959.98px) {
  .popupmain {
    padding: 20px 30px;
  }
  .popupcontent{
    position: static;
    padding: 50px;
    margin-top: -100px;
  }
  .popupcontent .description{
    padding-bottom: 15px;
  }
  .popupcontent h2{
    margin-bottom: 15px;
    font-size: 22px;
  }
  .popupcontent .uk-modal-close-default{
    top: -30px;
    right: 0;
  }
  .center-flex{
    justify-content: center;
    margin-left: 0;
  }
  .popupimg {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .popupimg {
    max-width: 375px;
  }
  .popupcontent {
	width: 370px;
	min-height: 370px;
	margin-left: 20px;
	padding: 50px 35px;
}
  .hp-descpopup {
	top: 0;
}
  span.popup-link {
	bottom: 0;
	margin-top: 10px;
}

}
.popupimg.uk-width-1-2\@m.uk-first-column {
  margin-top: 0px;
  width: 365px;
  aspect-ratio: 1 / 1;
  display: flex;
}

span.popup-link{
  position: relative;
  bottom: -35px;
  padding: 0 10px;
}
span.popup-link a.secondary-button{
  color: var(--white-color);
  border-color: var(--white-color);
}
span.popup-link a.secondary-button:hover,
span.popup-link a.secondary-button:focus{
  color: var(--white-color);
  border-color: var(--gold-color);
}
/* popup ends*/

@font-face {
  font-family: 'ota-widget-icons';
  src:
    url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.ttf') format('truetype'),
    url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.woff') format('woff'),
    url('https://assets.milestoneinternet.com/milestone-internet-marketing-seo/ota-widget/ota-widget-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ow_icons-"], [class*=" ow_icons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ota-widget-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ow_icons-chevron-down:before {
  content: "\e900";
}
.ow_icons-dollar-stamp:before {
  content: "\e901";
}
/* OTA Widget CSS [START] */

/* Font Import */


/* OTA Widget Variables [START] */
:root {
  --ota-primary-color: #104864;
  --ota-highlight-color: #104864;
  --ota-highlight-two-color: #edeff7;
  --ota-border-color: #d9d9d9;
  --ota-text-color: #262729;
  --ota-invert-color: #ffffff;
  --ota-white-color: #ffffff;
  --ota-bg-color: #ffffff;
  --ota-font-size: 14px;
  --ota-header-top: 120px;
  --ota-header-right: 40px;
  --ota-font-size-mob: 14px;
  --ota-header-top-mob: 250px;
  --ota-header-right-mob: 10px;
  --ota-z-index: 100;
}
/* OTA Widget Variables [END] */

.ota-widget {
  top: var(--ota-header-top);
  right: var(--ota-header-right);
  color: var(--ota-text-color);
  display: block;
  position: fixed;
  z-index: var(--ota-z-index);
  min-width: 225px;
}
.ota-widget.no-rates .ota-drop.uk-open {
	padding:0 20px 20px 20px;
}
.ota-button {
  background-color: var(--ota-primary-color);
  color: var(--ota-text-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: var(--ota-z-index);
  border: 0;
  padding: 0;
}

.ota-label-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.ota-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-transform: capitalize;
  color: var(--ota-invert-color);
}

.ota-price {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  color: var(--ota-invert-color);
}

.dollar-stamp-img .ow_icons-dollar-stamp:before{
  font-size: 24px;
  color: var(--ota-invert-color);
  vertical-align: middle;
}

.ota-toggle {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  background: var(--ota-highlight-two-color);
  padding-block: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  text-transform: capitalize;
  align-items: center;
}

.ota-toggle .ow_icons-chevron-down:before {
  font-size: 8px;
  vertical-align: middle;
  color: var(--ota-primary-color);
}

.ota-button[aria-expanded="true"] {
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.ota-button[aria-expanded="true"] .ota-toggle span {
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
}

.ota-drop{
  display: none;
}

.ota-drop.uk-open {
  background: var(--ota-bg-color);
  width: calc(100% + 0px);
  top: 65px !important;
  left: 0px !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: calc(var(--ota-z-index) - 1);
  padding: 20px;
  margin-top: unset;
  overflow:hidden;
}

.ota-price-list {
  list-style: none;
  padding: unset;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}
ul.ota-price-list {
  max-height: 135px; /* Adjust based on your li height */
  overflow-y: hidden; /* Default: hide scroll */
}

ul.ota-price-list.enable-scroll {
  overflow-y: auto; /* Show scroll when JS adds the class */
}
ul.ota-price-list.enable-scroll {
  scroll-behavior: smooth;
  scrollbar-width: thin; /* Firefox */
}

ul.ota-price-list.enable-scroll::-webkit-scrollbar {
  width: 4px;
}

.ota-price-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: var(--ota-text-color);
}

.ota-price-list li > img {
  width: 18px;
}

.ota-price-list li strong {
  font-weight: 600;
  font-size: 16px;
  margin-left: auto;
}

.ota-content {
  padding-top: 15px;
  padding-bottom: 20px;
  position: relative;
}

.ota-content:after {
  content: "";
  display: block;
  background: var(--ota-border-color);
  position: absolute;
  top: 0;
  left: -20px;
  width: 200%;
  height: 1px;
}

.ota-sub-heading {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: var(--ota-text-color);
  padding-bottom: 10px;
}

.ota-sub-list ul{
  list-style: none;
  padding: unset;
  margin: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  line-height: 100%;
  text-align: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--ota-text-color);
}

.ota-booking-button {
  background: var(--ota-highlight-color);
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ota-white-color);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
      border-radius: 100px;
}

.ota-booking-button:hover {
  background: transparent;
  border: 1px solid var(--ota-highlight-color);
  color: var(--ota-highlight-color);
  transition: all 0.2s ease-in-out;
}

/* OTA Mobile CSS [START] */
@media screen and (max-width: 768px) {
  .ota-widget {
    top: var(--ota-header-top-mob);
    right: var(--ota-header-right-mob);
  }
}
/* OTA Mobile CSS [END] */

/* OTA Widget CSS [END] */