
: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:.1!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;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{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,.8) 100%)}.attractions-top-container-bg::before{opacity:10%;background-size:cover;background-position:center}}.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}}@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-component-mi-block .floating-booking{top:auto}
#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 .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}.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:0!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}}
.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*/
