@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none;
}
.list {
  display: black;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box;
    text-decoration: none
}

button {
    padding: 0;
    border-radius: 0
}

input {
    border: 0
}

@font-face {
    font-family: ProximaNova;
    src: url(../../../marriott-master/assets/fonts/proxima-nova-light.eot?gf1av5);
    src: url(../../../marriott-master/assets/fonts/proxima-nova-light.eot?gf1av5#iefix) format("embedded-opentype"), url(../../../marriott-master/assets/fonts/proxima-nova-light.ttf?gf1av5) format("truetype"), url(../../../marriott-master/assets/fonts/proxima-nova-light.woff?gf1av5) format("woff"), url(../../../marriott-master/assets/fonts/proxima-nova-light.woff2?gf1av5) format("woff2"), url(../../../marriott-master/assets/fonts/proxima-nova-light.svg?gf1av5#proxima-nova-light) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.eot);
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.eot) format("embedded-opentype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.ttf) format("truetype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.woff) format("woff"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.woff2) format("woff2"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(../../../marriott-master/assets/fonts/proxima-nova-medium.eot?gf1av5);
    src: url(../../../marriott-master/assets/fonts/proxima-nova-medium.eot?gf1av5#iefix) format("embedded-opentype"), url(../../../marriott-master/assets/fonts/proxima-nova-medium.ttf?gf1av5) format("truetype"), url(../../../marriott-master/assets/fonts/proxima-nova-medium.woff?gf1av5) format("woff"), url(../../../marriott-master/assets/fonts/proxima-nova-medium.woff2?gf1av5) format("woff2"), url(../../../marriott-master/assets/fonts/proxima-nova-medium.svg?gf1av5#proxima-nova-medium) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.eot);
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.eot) format("embedded-opentype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.ttf) format("truetype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.woff) format("woff"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.woff2) format("woff2"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-semibold.svg) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: ProximaNova;
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.eot);
    src: url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.eot) format("embedded-opentype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.ttf) format("truetype"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.woff) format("woff"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.woff2) format("woff2"), url(https://cache.marriott.com/aka-fonts/MarriottDigital/proxima-nova-bold.svg) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Marriott-Brands;
    src: url(../../../marriott-master/assets/fonts/Marriott-Brands.eot?zncz48);
    src: url(../../../marriott-master/assets/fonts/Marriott-Brands.eot?zncz48#iefix) format("embedded-opentype"), url(../../../marriott-master/assets/fonts/Marriott-Brands.ttf?zncz48) format("truetype"), url(../../../marriott-master/assets/fonts/Marriott-Brands.woff?zncz48) format("woff"), url(../../../marriott-master/assets/fonts/Marriott-Brands.svg?zncz48#Marriott-Brands) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Swiss;
    src: url(../fonts/Swiss721BT-BoldCondensed.eot);
    src: url(../fonts/Swiss721BT-BoldCondensed.woff2) format("woff2"), url(../fonts/Swiss721BT-BoldCondensed.woff) format("woff"), url(../fonts/Swiss721BT-BoldCondensed.ttf) format("truetype");
    font-weight: 400;
    font-style: bold
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url(../fonts/ProximaNova-Regular.eot);
    src: url(../fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/ProximaNova-Regular.woff) format("woff"), url(../fonts/ProximaNova-Regular.ttf) format("truetype"), url(../fonts/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg");
    font-style: normal;
    font-weight: 400;
  }

.brand-icon-Delta_G:before {
    content: "\e900"
}

.brand-icon-Fairfield_G:before {
    content: "\e901"
}

.brand-icon-JWMarriott_G:before {
    content: "\e902"
}

.brand-icon-ResidenceInn_G:before {
    content: "\e903"
}

.brand-icon-SpringHillSuites_G:before {
    content: "\e904"
}

.brand-icon-Towneplace_G:before {
    content: "\e905"
}

.brand-icon-Tribute_G:before {
    content: "\e906"
}

.brand-icon-RitzCarltonRewards_G2:before {
    content: "\e907"
}

.brand-icon-RitzCarlton_G2:before {
    content: "\e908"
}

.brand-icon-Element_G:before {
    content: "\e909"
}

.brand-icon-FourPoints_G:before {
    content: "\e90a"
}

.brand-icon-Aloft_G:before {
    content: "\e90b"
}

.brand-icon-DesignHotels_G:before {
    content: "\e90c"
}

.brand-icon-LM_G:before {
    content: "\e90d"
}

.brand-icon-Sheraton_G:before {
    content: "\e90e"
}

.brand-icon-Westin_G:before {
    content: "\e90f"
}

.brand-icon-WHotels_G:before {
    content: "\e910"
}

.brand-icon-TLC_G:before {
    content: "\e911"
}

.brand-icon-StRegis_G:before {
    content: "\e912"
}

.brand-icon-SPG_G:before {
    content: "\e913"
}

.brand-icon-Moxy_G:before {
    content: "\e914"
}

.brand-icon-ProteaHotels_G:before {
    content: "\e915"
}

.brand-icon-CourtyardMarriott_G:before {
    content: "\e916"
}

.brand-icon-ACHotels_G:before {
    content: "\e917"
}

.brand-icon-GaylordHotels_G:before {
    content: "\e918"
}

.brand-icon-MarriottRewards_G:before {
    content: "\e919"
}

.brand-icon-MarriottVacation_G:before {
    content: "\e91a"
}

.brand-icon-MarriottApartments_G:before {
    content: "\e91b"
}

.brand-icon-Marriott_G:before {
    content: "\e91c"
}

.brand-icon-Reniassance_G:before {
    content: "\e91d"
}

.brand-icon-AutographCollection_G:before {
    content: "\e91e"
}

.brand-icon-EDITION_G:before {
    content: "\e920"
}

html.no-scroll,
html.no-scroll body {
    overflow: hidden;
    position: relative;
    height: 100%
}

.image img,
.image picture {
    display: block;
    width: 100%;
    max-width: 100%
}

.captioned.image {
    position: initial;
    bottom: -40px;
}

@media(min-width:1024px){
  .captioned.image {
      position: relative;
      bottom: auto;
  }
}

.captioned.image:after {
    content: "";
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;

    z-index: 2
}

.captioned.image img {
    z-index: 1
}

.captioned.image .caption {
    z-index: 3
}

.reversed-headings {
    display: flex;
    flex-direction: column
}

.reversed-headings .heading {
    order: 2
}

.reversed-headings .subheading {
    order: 1
}

.copy a[target=_blank]:not(.link):after {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='8' width='9'><path d='M7,2 L9,2 L9,8 L2,8 L2,6 L0,6 L0,0 L7,0 L7,2 Z M7,4 L7,6 L3,6 L3,7 L8,7 L8,4 L7,4 Z M1,2 L1,5 L6,5 L6,2 L1,2 Z'/></svg>");
    position: relative;
    margin: 0 5px;
    top: -3px
}

a svg {
    margin: 1px;
    width: 9px;
    height: 8px
}

a svg g,
a svg path {
    fill: currentColor
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

.site-content {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    z-index: 2
}

@media (min-width:1025px) {
    .guttered {
        padding: 0 130px
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .guttered {
        padding: 0 42px
    }
}

@media (min-width:601px) and (max-width:768px) {
    .guttered {
        padding: 0 54px
    }
}

@media (max-width:600px) {
    .guttered {
        padding: 0 20px
    }
}

@media (min-width:601px) and (max-width:768px) {
    .mobile-guttered {
        padding: 0 54px
    }
}

@media (max-width:600px) {
    .mobile-guttered {
        padding: 0 20px
    }
}

.accordion,
.booking-component,
.cards-component,
.carousel-component,
.copy-row-component,
.directory-component .directory-content,
.directory-component .directory-content .directory-content__list-view__inner,
.directory-component .directory-footer,
.escape-carousel-component,
.event-calendar-component .calendar-view,
.filter-bar,
.footer-component .bottom,
.footer-component .footer-meta,
.mrtt-booking-component,
.sample-component .component-name,
.sample-component .sample-variation .variation-name,
.strip-component,
.tabs-component,
.video-component {
    /* max-width: 1440px; */
    margin: 0 auto;

}

.mrtt-booking-component{
  display: none;
}

.flex {
    display: flex
}

@media (min-width:769px) {
    .mobile-only {
        display: none
    }
}

@media (max-width:768px) {
    .desktop-only {
        display: none
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

a {
    color: inherit;
    font-size: .inherit;
    font-weight: inherit;
    text-decoration: none
}
.learn {
  color: #B84C16;
  font-size: 14px;
  font-weight: bold;
}
@media(max-width:768px){
  .learn {
    font-size: 16px;
  }
}
h1,
h2,
h4,
h5,
h6 {
    font-family: Swiss-721,Helvetica,Arial,sans-serif;
    font-weight: 600;
}


sup {
    font-size: 50%;
    vertical-align: super
}

pre {
    padding: 20px 40px;
    background-color: #ecf0f1;
    border-radius: 10px;
    color: #2c3e50;
    font-family: sans-serif;
    line-height: 1.4
}

.header-component {
    width: 100%
}

@media (max-width:768px) {
    .header-component {
        position: fixed;
        padding: 0;
        max-height: 70px;
        top: 0;
        left: 0
    }
}

@media (max-width:768px) {
    .header-component.mobile-nav-open {
        max-height: none;
        height: 100%
    }
    .header-component.mobile-nav-open .nav-section {
        display: flex;
        flex-direction: column
    }
    .header-component.mobile-nav-open .settings-section .language-selector {
        display: block;
        position: absolute
    }
}

.header-component .header-content {
    display: flex;
    justify-content: space-between;
    position: relative
}

.header-component .open-mobile-nav-btn {
    display: none;
    cursor: pointer
}

@media (max-width:768px) {
    .header-component .open-mobile-nav-btn {
        display: block;
        height: 70px;
        width: 70px;
        float: left;
    }
}

.header-component .menu-section {
    flex-grow: 1;
    position: relative;
}

@media (min-width:769px) {
    .header-component .menu-section {
        width: 270px;
        height: 30px;
        right: 50px;
    }
}
@media (min-width:900px) {
    .header-component .menu-section {
        right: 0;
    }
}

/* .menu-container{
  position: absolute;
    width: 250px;
    right: 0;
} */


.header-component .settings-section {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 769px) {
  .header-component .settings-section {
    width: 100%;
  }
}
@media (max-width:768px) {
    .header-component .settings-section .language-selector {
        display: none
    }
}

@media (min-width:769px) {
    .header-component .language-selector:hover .current-language:after,
    .header-component .settings-section .header-sign-in:hover:after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -8px;
        height: 2px;
        background-color: currentColor
    }
}

@media (max-width:768px) {
    .header-component .language-selector.open {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3
    }
}

.header-component .language-selector.open .languages-container ul.language-list {
    position: absolute;
    display: block;
    z-index: 100
}

.header-component .language-selector.open .languages-container ul.language-list:before {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

@media (max-width:768px) {
    .header-component .language-selector.open .language-close {
        display: block;
        cursor: pointer
    }
}

.header-component .language-selector ul.language-list {
    display: none
}

@media (min-width:769px) {
    .header-component .language-selector ul.language-list a:hover {
        text-decoration: underline
    }
}

.header-component .language-selector .languages-container {
    position: relative
}

.header-component .language-selector .language-close {
    display: none
}

.header-component .nav-section {
    display: flex;
    justify-content: space-between
}

@media (max-width:768px) {
    .header-component .nav-section {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box
    }
}

@media (max-width:768px) {
    .header-component .nav-section .reserve.cta {
        order: 1
    }
}

.header-component .nav-section .nav-menu {
    display: flex
}

@media (max-width:768px) {
    .header-component .nav-section .nav-menu {
        display: block;
        order: 2
    }
}

.header-component .nav-section .nav-menu>li:hover>a {
    position: relative
}

@media (min-width:769px) {
    .header-component .nav-section .nav-menu>li:hover>a:after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -8px;
        height: 2px;
        background-color: currentColor
    }
}

.header-component .nav-section .nav-menu>li.current_page_item>a {
    position: relative
}

.header-component .nav-section .nav-menu>li.current_page_item>a:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: -8px;
    height: 2px;
    background-color: currentColor
}

.header-component .nav-section .nav-menu>li a {
    cursor: default
}

.header-component .nav-section .nav-menu>li a[href] {
    cursor: pointer
}

.header-component .nav-section .nav-menu>li>ul {
    display: none
}

@media (min-width:769px) {
    .header-component .nav-section .nav-menu>li:hover>ul {
        display: block
    }
}

.header-component .nav-section .nav-menu>li.hidden {
    display: none
}

@media (max-width:768px) {
    .header-component .nav-section .nav-menu .menu-item-has-children:after {
        position: absolute!important;
        right: 0!important;
        left: auto!important;
        transform: rotate(-45deg)!important
    }
}

@media (max-width:768px) {
    .header-component .nav-section .nav-menu .menu-item-has-children.expanded {
        padding-left: 20px
    }
}

.header-component .nav-section .nav-menu .menu-item-has-children.expanded:after {
    position: absolute;
    top: 4px
}

@media (min-width:769px) {
    .header-component .nav-section .nav-menu .menu-item-has-children.expanded:after {
        transform: rotate(135deg)!important
    }
}

@media (max-width:768px) {
    .header-component .nav-section .nav-menu .menu-item-has-children.expanded:after {
        right: auto;
        left: 3px!important;
        transform: rotate(135deg)!important
    }
}

.header-component .nav-section .nav-menu .menu-item-has-children.expanded .sub-menu {
    display: block
}

.hero-component {
    position: relative;
    max-width: 100%
}

.hero-component.home .slides .slide,
.hero-component.top-level .slides .slide {
height: 550px!important;
    position: relative
}

@media (max-width:768px) {
  .hero-component.home .slides .slide,
  .hero-component.top-level .slides .slide {
    width:100%!important;
  height: 550px!important;
      position: relative
  }
}


@media (max-width:768px) {
    .hero-component.home,
    .hero-component.top-level {
        height: auto
    }
}

.hero-component.home .slide-count-container,
.hero-component.top-level .slide-count-container {
    display: none
}

.hero-component .slick-list,
.hero-component .slick-track,
.hero-component .slides {
    height: 100%
}

.hero-component .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width:768px) {
    .hero-component .background {
        position: static
    }
}

.hero-component .background.show-video .image {
    display: none
}

@media (max-width:768px) {
    .hero-component .background.show-video .image {
        display: block
    }
}

.hero-component .background .video-js {
    width: 100%;
    height: 100%
}

.hero-component .background .video-js video {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width:768px) {
    .hero-component .background .video-js {
        display: none
    }
}

.hero-component.top-level .heading-wrapper {
    position: absolute
}

@media (max-width:768px) {
    .hero-component.top-level .heading-wrapper {
        position: relative
    }
}

.hero-component.internal .background {
    position: static
}

.hero-component.internal .heading-wrapper {
    position: absolute
}

.hero-component.carousel-component .background {
    position: static
}

.hero-component.carousel-component .slick-slide {
    position: relative
}

.booking-component {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    transition: all .3s
}

.booking-component input[readonly] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.booking-component .emdash {
    margin: 0 15px
}

@media (max-width:1440px) {
    .booking-component {
        margin: 0 130px
    }
}

@media (max-width:768px) {
    .booking-component {
        margin: 0 auto
    }
}

.booking-component .warning {
    display: none;
    color: red
}

.booking-component .warning.warning-booking-limit,
.booking-component .warning.warning-stay-limit {
    position: absolute;
    top: -45px;
    left: 0
}

.booking-component>div {
    width: 100%;
    display: flex
}

.booking-component+.bg-dimmer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none
}

.booking-component .header {
    padding: 34px 60px;
    overflow: hidden
}

@media (min-width:769px) {
    .booking-component .header {
        display: inline-block
    }
}

@media (max-width:768px) {
    .booking-component .header {
        display: none
    }
}

.booking-component .header>div {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%
}

@media (min-width:769px) {
    .booking-component .header>div {
        justify-content: space-between
    }
}

.booking-component .header .heading {
    margin: 12px 0;
    flex: 1
}

.booking-component .header .brand-logo {
    margin-bottom: 24px;
    display: none
}

.booking-component .header hr {
    margin: 0;
    display: none
}

.booking-component .booking-form {
    position: relative;
    float: right;
    display: flex;
    flex-direction: column
}

.booking-component .booking-form .form {
    width: 100%;
    position: relative;
    z-index: 2;
    align-self: center;
    display: flex;
    flex: 1
}

.booking-component .booking-form .icon-search {
    display: none
}

@media (max-width:768px) {
    .booking-component .booking-form .icon-search {
        font-size: 22px;
        position: absolute;
        right: 15px;
        bottom: 22px;
        display: block;
        color: #000
    }
}

.booking-component .booking-form .form-group {
    margin: 14px 2.12766% 14px 0;
    position: relative
}

@media (min-width:769px) {
    .booking-component .booking-form .form-group {
        flex-basis: 100%
    }
}

@media (max-width:768px) {
    .booking-component .booking-form .form-group.destination-form-group {
        flex-basis: 100%
    }
    .booking-component .booking-form .form-group.destination-form-group input {
        padding: 15px 14px 14px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.booking-component .booking-form .form-group.button-form-group {
    flex-basis: auto;
    min-width: 180px
}

.booking-component .booking-form .form-group:nth-child(4n) {
    margin-right: 0
}

@media (max-width:768px) {
    .booking-component .booking-form .destination-form-group .label {
        display: none
    }
}

.booking-component .booking-form .reset-rooms-guests,
.booking-component .booking-form .rooms-guests-select {
    display: none
}

@media (min-width:769px) {
    .booking-component .booking-form label {
        display: inline-block
    }
}

.booking-component .booking-form .label {
    text-transform: uppercase
}

.booking-component .booking-form .l-h-field,
.booking-component .booking-form input {
    width: 100%;
    padding: 14px;
    margin: 7px 0;
    border-radius: 2px;
    font-size: 14px
}

.booking-component .booking-form .l-h-field {
    display: block
}

.booking-component .booking-form .btn {
    width: 100%;
    min-height: 48px;
    cursor: pointer;
    bottom: 0;
    margin: 7px 0;
    position: absolute
}

.booking-component .booking-form .error-message {
    display: none;
    color: #fff;
    position: absolute;
    font-weight: 600
}

.booking-component .booking-form .error-message:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-size: contain;
    background: url(../../../marriott-master/assets/img/exclamation.png) no-repeat 50%
}

.booking-component .booking-form:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: opacity .75s cubic-bezier(.29, .13, .58, 1)
}

.booking-component.animate[class*=-panel] {
    transform: translateX(100vw)
}

@media (max-width:768px) {
    .booking-component.animate.expanding {
        animation: g .3s cubic-bezier(.29, .13, .58, 1) forwards
    }
}

@media (max-width:768px) {
    .booking-component.animate.collapsing {
        animation: g .3s .05s cubic-bezier(.29, .13, .58, 1) reverse forwards
    }
}

@media (min-width:769px) {
    .booking-component.animate.collapsing .heading {
        animation: d .5s cubic-bezier(.29, .13, .58, 1) .15s reverse forwards
    }
    .booking-component.animate.collapsing .booking-form {
        animation: b .6s cubic-bezier(.29, .13, .58, 1) reverse forwards
    }
}

.booking-component.animate.slide-out-left {
    transform: translateX(-100vw);
    transition-delay: 75ms
}

.booking-component.animate.slide-in-right {
    transform: translateX(0)
}

@media (max-width:768px) {
    .booking-component.collapsed {
        animation: a .25s linear
    }
}

.booking-component.expanded {
    z-index: 999999!important
}

@media (max-width:768px) {
    .booking-component.expanded {
        bottom: 0;
        top: 0!important;
        position: fixed!important;
        overflow-y: scroll
    }
}

.booking-component.expanded>div {
    display: inline-block
}

@media (max-width:768px) {
    .booking-component.expanded>div {
        display: inline-flex;
        flex-direction: column;
        height: auto
    }
}

.booking-component.expanded .header {
    width: 100%;
    padding: 34px 60px 0;
    background-image: none
}

@media (max-width:768px) {
    .booking-component.expanded .header {
        padding: 0 24px 0 0;
        display: block
    }
}

.booking-component.expanded .header .close-booking {
    height: 80px;
    max-width: 80px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin-right: 55px;
    padding: 25px 32px;
    align-self: flex-start
}

@media (max-width:768px) {
    .booking-component.expanded .header .close-booking {
        display: inherit
    }
}

.booking-component.expanded .header .close-booking:before {
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .booking-component.expanded .header .heading {
        flex: 3;
        max-width: 65%
    }
}

@media (min-width:769px) {
    .booking-component.expanded .header .heading {
        transform: translateY(100px);
        animation: d .5s cubic-bezier(.29, .13, .58, 1) .15s forwards
    }
}

.booking-component.expanded .header .brand-logo {
    display: inline-block;
    transform: translateY(100px);
    animation: d .5s cubic-bezier(.29, .13, .58, 1) .3s forwards
}

.booking-component.expanded hr {
    opacity: 1;
    height: 1px;
    border: none
}

@media (min-width:769px) {
    .booking-component.expanded hr {
        display: block
    }
}

.booking-component.expanded .booking-form {
    animation: b .6s cubic-bezier(.29, .13, .58, 1) forwards
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form {
        flex: 1
    }
}

@media (min-width:769px) {
    .booking-component.expanded .booking-form {
        display: block;
        width: 100%
    }
}

.booking-component.expanded .booking-form .form {
    padding: 34px 60px;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .form {
        padding: 34px 23px;
        flex-wrap: nowrap;
        flex-direction: column
    }
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .form .icon-search {
        display: none
    }
}

.booking-component.expanded .booking-form .rooms-guests-select {
    display: inline-block
}

.booking-component.expanded .booking-form .rooms-guests-panel .label,
.booking-component.expanded .booking-form .rooms-guests-panel label {
    width: 100%
}

.booking-component.expanded .booking-form .form-group {
    flex-basis: 48.93617%;
    margin: 14px 2.12766% 14px 0;
    position: relative
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .form-group {
        width: 100%;
        flex-basis: 0;
        margin-right: 0
    }
}

@media (min-width:769px) {
    .booking-component.expanded .booking-form .form-group:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .form-group.destination-form-group {
        flex-basis: 0
    }
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .date-select,
    .booking-component.expanded .booking-form .form-group.destination-form-group .label {
        display: block
    }
}

@media (max-width:768px) {
    .booking-component.expanded .booking-form .btn {
        position: relative
    }
}

.booking-component.expanded .booking-form:after {
    opacity: 0
}

.booking-component.expanded.dates-panel .form-group:not(.date-select),
.booking-component.expanded.destination-panel .form-group:not(.destination-form-group),
.booking-component.expanded.rooms-panel .form-group:not(.rooms-guests-select) {
    display: none
}

.booking-component.expanded[class*=-panel] .header .close-booking {
    margin-right: 15px
}

.booking-component.expanded[class*=-panel] .header .heading {
    padding: 0;
    border: none
}

@media (max-width:768px) {
    .booking-component.expanded[class*=-panel] .form-group.destination-form-group {
        flex-basis: 100%
    }
}

.booking-component.expanded.destination-panel .form {
    flex-direction: column
}

.booking-component.expanded.destination-panel .form-group {
    flex-basis: 100%;
    display: flex;
    flex-direction: column
}

.booking-component.expanded.destination-panel .dest-list {
    display: block;
    position: relative;
    box-shadow: none;
    flex: 1;
    overflow: scroll
}

.booking-component.expanded.destination-panel .dest-list .results {
    flex: 1;
    display: flex
}

.booking-component.expanded.destination-panel .dest-list .results ul {
    overflow-y: scroll;
    top: 0!important;
    display: block!important
}

.booking-component.expanded.rooms-panel .reset-rooms-guests {
    display: block;
    position: absolute;
    top: -94px;
    right: -20px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px;
    background-color: transparent;
    border: none
}

.booking-component.expanded.rooms-panel .form-group {
    margin: 0
}

.booking-component.expanded.rooms-panel .rooms-guests-select .rooms-guests-trigger-box,
.booking-component.expanded.rooms-panel .rooms-guests-select>.label,
.booking-component.expanded.rooms-panel .rooms-guests-select>label {
    display: none
}

.booking-component.expanded.rooms-panel .rooms-guests-panel {
    display: block
}

.booking-component.expanded.rooms-panel .stepper {
    padding: 0;
    text-transform: uppercase
}

.booking-component.expanded.rooms-panel .stepper>div {
    margin: 0 0 20px
}

@media (max-width:768px) {
    .booking-component:not(.expanded) .booking-form .form-group input {
        padding: 15px 50px 14px 14px
    }
    .booking-component:not(.expanded) .booking-form .form-group.button-form-group {
        display: none
    }
}

.booking-component.float {
    opacity: 0;
    z-index: -1;
    display: none;
    position: absolute
}

.booking-component.float .form {
    padding: 34px 60px;
    flex-wrap: wrap
}

.booking-component.float .header {
    width: 100%;
    padding-bottom: 0;
    background-image: none
}

.booking-component.float .header .brand-logo {
    display: inline-block
}

.booking-component.float .booking-form {
    width: 100%
}

.booking-component.float .booking-form:after {
    display: none
}

.booking-component.float .booking-form .rooms-guests-select {
    display: inline-block
}

.booking-component.float .booking-form .form-group:nth-child(2n) {
    margin-right: 0
}

.booking-component.float.expanded {
    display: block
}

@media (max-width:768px) {
    .booking-component.float.expanded {
        opacity: 1
    }
}

@media (min-width:769px) {
    .booking-component.float.expanded {
        animation: e .15s cubic-bezier(.29, .13, .58, 1) .15s forwards
    }
}

.booking-component.float.collapsed>div {
    display: inline-block
}

@media (min-width:769px) {
    .booking-component.float.collapsed {
        animation: f .2s cubic-bezier(.29, .13, .58, 1) forwards
    }
}

.booking-component .dropdown-trigger {
    width: 44px;
    height: 44px;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 3px;
    line-height: 40px;
    padding: 0 26px 0 20px;
    position: absolute;
    right: 0;
    top: 27px
}

.booking-component .dropdown-trigger:before {
    right: 23px;
    transform: rotate(45deg)
}

.booking-component .dropdown-trigger:after,
.booking-component .dropdown-trigger:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .3s ease, -webkit-transform .3s ease;
    -webkit-transition-delay: 0s, 0s;
    transition: width .3s ease 0s, transform .3s ease 0s;
    width: 9px;
    display: block
}

.booking-component .dropdown-trigger *,
.booking-component .dropdown-trigger:after {
    box-sizing: border-box
}

.booking-component .dropdown-trigger:after {
    right: 18px;
    transform: rotate(-45deg)
}

.booking-component .dropdown-trigger.dropdown-is-active:after,
.booking-component .dropdown-trigger.dropdown-is-active:before {
    width: 14px
}

.booking-component .dropdown-trigger.dropdown-is-active:before {
    transform: translateX(5px) rotate(-45deg)
}

.booking-component .dropdown-trigger.dropdown-is-active:after {
    transform: rotate(45deg)
}

.booking-component .js-rooms-guests-panel {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.booking-component .stepper {
    padding: 0 15px;
    display: block
}

.booking-component .stepper>div {
    margin: 20px 0;
    display: block
}

.booking-component .stepper .field-wrapper {
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap
}

.booking-component .stepper .expanded input,
.booking-component .stepper input {
    width: 48%;
    margin: 0;
    flex-grow: 2;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.booking-component .stepper .minus,
.booking-component .stepper .plus {
    margin: 6px;
    line-height: 20px;
    font-size: 25px;
    text-align: center;
    height: 30px;
    width: 30px;
    display: block;
    padding: 0;
    cursor: pointer;
    float: left;
    text-decoration: none;
    align-self: center
}

.booking-component .stepper .minus span,
.booking-component .stepper .plus span {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    flex-grow: 1
}

.booking-component .stepper .icon-minus:before {
    content: "-"
}

.booking-component .stepper .icon-plus:before {
    content: "+"
}

.booking-component .stepper .stepper-num {
    min-width: 15px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:769px) {
    .booking-component .l-rooms-guests-header {
        display: none
    }
    .booking-component .l-rooms-guests-panel .l-rooms-guests-footer {
        padding: .35em;
        margin: 0;
        cursor: pointer
    }
    .booking-component .l-rooms-guests-panel .l-rooms-guests-footer .rooms-guests-done {
        float: left;
        width: 45%
    }
    .booking-component .l-rooms-guests-panel .l-rooms-guests-footer .rooms-guests-clear {
        float: right;
        margin-right: 0;
        font-weight: 600
    }
}

.booking-component .dest-list {
    display: none;
    z-index: 20000;
    position: absolute;
    margin-top: -7px;
    width: 100%
}

.booking-component .dest-list .autosuggest {
    display: none
}

.booking-component .dest-list .autosuggest.show {
    display: flex;
    height: 100%;
    flex-direction: column
}

.booking-component .dest-list .cur-location,
.booking-component .dest-list .empty-message,
.booking-component .dest-list .pop-dest,
.booking-component .dest-list .results-toggle,
.booking-component .dest-list .ui-menu-item-wrapper,
.booking-component .dest-list .view-all {
    display: none;
    padding: 10px 15px
}

.booking-component .dest-list .regions .region-label {
    margin-top: 20px;
    padding: 10px 15px;
    text-transform: uppercase
}

.booking-component .dest-list .regions.ui-menu li .ui-menu-item-wrapper {
    padding-left: 30px
}

.booking-component .dest-list .cur-location,
.booking-component .dest-list .pop-dest {
    display: none
}

.booking-component .dest-list .pop-dest ul.pop-dest-list {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap
}

.booking-component .dest-list .pop-dest ul.pop-dest-list li {
    margin: 4px;
    display: flex;
    flex-basis: 30%;
    flex-grow: 1
}

.booking-component .dest-list .pop-dest ul.pop-dest-list li a {
    padding: 10px;
    text-align: center;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.booking-component .dest-list .results-toggle {
    margin: 10px -10px;
    display: flex;
    z-index: 1000
}

.booking-component .dest-list .results-toggle button {
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    flex-grow: 1;
    text-transform: uppercase
}

@media (min-width:769px) {
    .booking-component .dest-list .ui-autocomplete,
    .booking-component .dest-list .ui-menu {
        z-index: 20000;
        position: relative;
        top: 0!important;
        max-height: 350px;
        overflow-y: scroll
    }
}

.booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:active,
.booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:focus,
.booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:hover,
.booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:active,
.booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:focus,
.booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:hover {
    border-radius: 0
}

.booking-component .dest-list .ui-autocomplete .ui-menu-item-wrapper,
.booking-component .dest-list .ui-menu .ui-menu-item-wrapper {
    display: block;
    cursor: pointer
}

.booking-component .dest-list .view-all {
    margin-top: 20px;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    vertical-align: middle
}

.booking-component .dest-list .view-all [class*=" icon-"],
.booking-component .dest-list .view-all [class^=icon-] {
    font-size: .575rem;
    margin: 0 5px
}

.booking-component.simple.expanded .booking-form .form {
    justify-content: flex-end
}

.booking-component.simple.expanded .form-group.button-form-group {
    margin-right: 0
}

@media (max-width:768px) {
    .date-select {
        display: none
    }
}

.date-select>div {
    display: flex;
    border-radius: 2px
}

.date-select>div>label span {
    display: none
}

.date-select .stay-length-count {
    float: right;
    color: #fff;
    text-transform: uppercase;
    display: none;
    font-size: 12px
}

.date-select .ui-datepicker-clear {
    display: none
}

.date-select .picker {
    position: absolute;
    z-index: 100
}

@media (max-width:768px) {
    .date-select .picker {
        display: none
    }
}

.date-select input.date-from,
.date-select input.date-to {
    margin: 0
}

.date-select .ui-datepicker {
    display: none;
    z-index: 10001!important
}

@media (max-width:768px) {
    .date-select .ui-datepicker {
        box-shadow: none!important
    }
}

.date-select .ui-datepicker td a,
.date-select .ui-datepicker td span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.date-select .ui-datepicker .ui-datepicker-buttonpane {
    display: inline-block;
    width: 100%
}

.date-select .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-clear {
    display: block
}

.date-select .ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: left
}

.date-select .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    float: right
}

.date-select .ui-datepicker .ui-datepicker-header {
    text-align: center;
    padding: 10px 10px 20px
}

.date-select .ui-datepicker .ui-datepicker-header a {
    width: 30px;
    height: 27px;
    margin-top: -5px;
    position: absolute
}

.date-select .ui-datepicker .ui-datepicker-header .ui-icon {
    clip: rect(0 8px 16px 0);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 8px;
    height: 16px;
    margin: 5px 10px
}

.date-select .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 17px
}

.date-select .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    left: 0;
    transform: rotate(180deg)
}

.date-select .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 17px
}

.date-select .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    right: 0
}

.date-select .ui-datepicker .ui-datepicker-today {
    display: flex
}

.date-select .ui-datepicker .ui-datepicker-calendar .ui-state-disabled.ui-datepicker-today {
    color: #fff
}

.expanded .date-select .stay-length-count {
    display: block
}

.dates-panel .emdash {
    display: none
}

.dates-panel .warning.warning-stay-limit {
    top: -30px
}

.dates-panel .date-select {
    margin: 0!important
}

.dates-panel .date-select>span.label {
    display: none
}

.dates-panel .date-select .stay-length-count {
    position: absolute;
    top: -49px;
    left: 73px;
    display: block
}

.dates-panel .date-select .ui-datepicker-clear {
    display: block;
    position: absolute;
    top: -94px;
    right: -20px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px
}

.dates-panel .date-select>div>label {
    flex: 1;
    margin-left: 0;
    margin-right: -20px;
    padding: 0 20px
}

.dates-panel .date-select>div>label:first-child {
    margin-right: 20px;
    margin-left: -20px
}

.dates-panel .date-select>div>label span {
    display: block
}

.dates-panel .date-select .js-toggle-date-picker {
    position: relative
}

.dates-panel .date-select .picker {
    height: 65vh
}

.dates-panel .date-select .ui-datepicker {
    width: auto!important;
    padding: 0;
    background-color: transparent
}

.dates-panel .date-select .ui-datepicker .ui-datepicker-calendar {
    margin: 30px auto;
    font-size: 1rem
}

@media (min-width:452px) {
    .dates-panel .date-select .ui-datepicker td a,
    .dates-panel .date-select .ui-datepicker td span {
        padding: 1.8rem
    }
}

.carousel-component,
.escape-carousel-component {
    position: relative
}

.carousel-component .carousel-arrow,
.escape-carousel-component .carousel-arrow {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.carousel-component .carousel-arrow-next,
.escape-carousel-component .carousel-arrow-next {
    right: 0
}

.carousel-component .carousel-arrow-prev,
.escape-carousel-component .carousel-arrow-prev {
    left: 0
}

.carousel-component .carousel-arrow-prev:before,
.escape-carousel-component .carousel-arrow-prev:before {
    transform: rotate(180deg)
}

.carousel-component .slide-count,
.escape-carousel-component .slide-count {
    position: absolute
}

@media (max-width:768px) {
    .carousel-component .slide-count,
    .escape-carousel-component .slide-count {
        position: static
    }
}

.carousel-component .slick-dots,
.escape-carousel-component .slick-dots {
    position: absolute;
    bottom: 32px;
    display: inline-block;
    padding: 0;
    list-style: none;
    text-align: center
}

.carousel-component .slick-dots li,
.escape-carousel-component .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.carousel-component .slick-dots li.slick-active button:before,
.escape-carousel-component .slick-dots li.slick-active button:before {
    color: #fff
}

.carousel-component .slick-dots li button,
.escape-carousel-component .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 25px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.carousel-component .slick-dots li button:before,
.escape-carousel-component .slick-dots li button:before {
    font-family: slick;
    font-size: 25px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.carousel-component .slide,
.escape-carousel-component .slide {
    display: none
}

.carousel-component .slick-initialized .slide,
.carousel-component .slide:first-child,
.escape-carousel-component .slick-initialized .slide,
.escape-carousel-component .slide:first-child {
    display: block;
    height: auto!important;
}

.carousel-mobile-component {
    position: relative
}

.carousel-mobile-component .carousel-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

.carousel-mobile-component .carousel-arrow-next {
    right: 0
}

.carousel-mobile-component .carousel-arrow-prev {
    left: 0
}

.carousel-mobile-component .carousel-arrow-prev:before {
    transform: rotate(180deg)
}

.carousel-mobile-component .slide-count {
    display: none;
    text-align: center
}

@media (max-width:768px) {
    .carousel-mobile-component .slide-count {
        display: block
    }
}

.footer-component {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto
}

.footer-component .logo svg {
    position: relative;
    right: -125px
}

@media (min-width:769px) {
    .footer-component .column a:hover {
        text-decoration: underline
    }
}

@media (min-width:769px) {
    .footer-component .column a.cta:hover {
        text-decoration: none
    }
}

@media (min-width:769px) {
    .footer-component .column a.icon:hover {
        opacity: .8;
        text-decoration: none
    }
}

@media (max-width:768px) {
    .footer-component .inner .column-3 {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 0 40px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }
}

.footer-component .inner .column-3 h2 {
    margin-bottom: 17px;
    text-transform: uppercase
}

@media (max-width:768px) {
    .footer-component .inner .column-3 h2 {
        position: absolute;
        top: 50%;
        left: 0;
        margin-bottom: 0;
        transform: translateY(-50%)
    }
}

.footer-component .inner .column-3>.col-item ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px
}

@media (max-width:768px) {
    .footer-component .inner .column-3>.col-item ul {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.footer-component .inner .column-3>.col-item ul li {
    margin: 0 15px 20px;
    font-size: 22px
}

@media (max-width:768px) {
    .footer-component .inner .column-3>.col-item ul li {
        margin: 0 11px 20px
    }
}

@media (max-width:768px) {
    .footer-component .inner .column-3>.col-item ul li a {
        font-size: 19px
    }
}

.footer-component .column-4 .left .cta {
    white-space: nowrap
}

.footer-component .column-4 .right .apple a {
    display: block;
    width: 120px;
    height: 35px;
    margin: 0 0 10px;
    background-image: url(../../../marriott-master/assets/img/footer/appstore-apple.png);
    background-size: cover
}

.footer-component .column-4 .right .android a {
    display: block;
    width: 120px;
    height: 35px;
    background-image: url(../../../marriott-master/assets/img/footer/appstore-googleplay.png);
    background-size: cover
}

.footer-component .top {
    position: relative;
    z-index: 1
}

@media (max-width:400px) {
    .footer-component .top .inner {
        width: 90%!important
    }
}

.footer-component .bottom {
    position: fixed;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    width: 100%;
    padding-bottom: 95px;
    padding-top: 40px;
    margin: 0 auto;
    background-color: #1b1a1a
}

@media (max-width:768px) {
    .footer-component .bottom {
        position: static;
        padding: 0 .5em
    }
}

.footer-component .footer-meta {
    position: fixed;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    padding: 0 9%;
    margin: 0 auto;
    background-color: #242323
}

@media (max-width:768px) {
    .footer-component .footer-meta {
        position: static;
        flex-direction: column;
        justify-content: center;
        height: auto;
        padding: 20px
    }
}

.footer-component .footer-meta .left {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-right: 57px
}

@media (max-width:768px) {
    .footer-component .footer-meta .left {
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center
    }
}

.footer-component .footer-meta .left span {
    color: #fff;
    font-size: 11px
}

.footer-component .footer-meta .left span:after {
    content: "";
    width: 3px;
    display: inline-block;
    height: 3px;
    margin: 0 5px;
    background-color: #fff;
    vertical-align: middle
}

@media (max-width:768px) {
    .footer-component .footer-meta .left span:first-child {
        display: block;
        padding-bottom: 20px
    }
}

@media (max-width:768px) {
    .footer-component .footer-meta .left span:first-child:after {
        display: none
    }
}

.footer-component .footer-meta .left span:last-child:after {
    display: none
}

.footer-component .footer-meta .right {
    color: #fff;
    font-size: 12px
}

@media (max-width:768px) {
    .footer-component .footer-meta .right {
        text-align: center
    }
}

.grid-component.animate-in .grid-block-component {
    transform: translate(0);
    opacity: 1
}

.grid-component .grid-sizer {
    width: 25%
}

.grid-block-component {
    position: relative
}

@media (min-width:769px) {
    .grid-block-component {
        opacity: 0;
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s;
        transform: translateY(20%)
    }
    .grid-block-component:nth-child(2) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) .4s, opacity .3s cubic-bezier(.08, .83, .36, .98) .4s
    }
    .grid-block-component:nth-child(3) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) .6s, opacity .3s cubic-bezier(.08, .83, .36, .98) .6s
    }
    .grid-block-component:nth-child(4) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) .8s, opacity .3s cubic-bezier(.08, .83, .36, .98) .8s
    }
    .grid-block-component:nth-child(5) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1s
    }
    .grid-block-component:nth-child(6) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.2s
    }
    .grid-block-component:nth-child(7) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.4s
    }
    .grid-block-component:nth-child(8) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.6s
    }
    .grid-block-component:nth-child(9) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.8s
    }
    .grid-block-component:nth-child(10) {
        transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2s
    }
}

.grid-block-component[data-dimensions="1x1"] {
    width: 25%
}

.grid-block-component[data-dimensions="2x1"],
.grid-block-component[data-dimensions="2x2"],
.grid-block-component[data-dimensions="3x2"] {
    width: 50%
}

.grid-block-component[data-dimensions="4x2"] {
    width: 100%
}

@media (max-width:768px) {
    .grid-block-component {
        max-height: none!important
    }
}

.grid-block-component.video .video-js {
    width: 100%
}

.grid-block-component .image {
    display: block;
    position: relative
}

.grid-block-component .image .attribution {
    position: absolute;
    z-index: 3
}

.grid-block-component .block-copy {
    position: absolute
}

.strip-component .strip-content {
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.strip-component.text.animate-in .strip-content {
    transform: translate(0);
    opacity: 1
}

.strip-component.text .strip-content {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s
}

.strip-component.text .strip-content .info {
    text-align: center
}

.strip-component.text .strip-content .info .copy {
    display: inline-block
}

.strip-component.centralized-text-and-image.animate-in .strip-content .image,
.strip-component.centralized-text-and-image.animate-in .strip-content .info {
    opacity: 1;
    transform: translate(0)
}

.strip-component.centralized-text-and-image .strip-content {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content {
        flex-direction: column
    }
}

.strip-component.centralized-text-and-image .strip-content .image {
    flex-shrink: 0;
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .image {
        order: 1
    }
}

.strip-component.centralized-text-and-image .strip-content .info {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .2s, opacity .3s cubic-bezier(.08, .83, .36, .98) .2s
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .info {
        order: 2
    }
}

.strip-component.centralized-text-and-background-image {
    background-size: cover;
    background-position: 50%
}

.strip-component.centralized-text-and-background-image .strip-content .info {
    text-align: center
}

.strip-component.centralized-text-and-background-image .strip-content .info .copy {
    display: inline-block
}

.strip-component.twin-blocks.animate-in .strip-content .info .copy,
.strip-component.twin-blocks.animate-in .strip-content .info .heading,
.strip-component.twin-blocks.animate-in .strip-content .info .links,
.strip-component.twin-blocks.animate-in .strip-content .info .subheading {
    transform: translate(0);
    opacity: 1
}

.strip-component.twin-blocks .strip-content {
    position: relative;
    width: 100%;
    display: flex
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content {
        justify-content: flex-end
    }
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content {
        flex-direction: column
    }
}

.strip-component.twin-blocks .strip-content .slides {
    width: 50%
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .slides {
        width: 100%
    }
}

.strip-component.twin-blocks .strip-content .slides .image {
    width: 100%
}

.strip-component.twin-blocks .strip-content .info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .info {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%
    }
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .info {
        width: 100%;
        order: 2
    }
}

.strip-component.twin-blocks .strip-content .info .links {
    display: flex;
    flex-direction: column
}

.strip-component.twin-blocks .strip-content .info .copy,
.strip-component.twin-blocks .strip-content .info .heading,
.strip-component.twin-blocks .strip-content .info .links,
.strip-component.twin-blocks .strip-content .info .subheading {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .6s cubic-bezier(.08, .83, .36, .98) .6s, opacity .6s cubic-bezier(.08, .83, .36, .98) .6s
}

.strip-component.twin-blocks .strip-content .image {
    opacity: 0;
    transition: opacity .6s cubic-bezier(.08, .83, .36, .98) 0s
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .image {
        width: 50%
    }
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .image {
        width: 100%;
        order: 1
    }
}

.strip-component.twin-blocks .strip-content .image img {
    width: 100%
}

.strip-component.twin-blocks.inverted .strip-content {
    justify-content: flex-start
}

.strip-component.twin-blocks.inverted .strip-content .info {
    left: auto;
    right: 0
}

.strip-component.call-out.animate-in .strip-content .image,
.strip-component.call-out.animate-in .strip-content .info {
    opacity: 1
}

.strip-component.call-out .strip-content {
    position: relative
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content {
        flex-direction: column
    }
}

.strip-component.call-out .strip-content .info {
    text-align: center;
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: opacity 1s cubic-bezier(.08, .83, .36, .98) .6s
}

@media (min-width:1025px) {
    .strip-component.call-out .strip-content .info {
        left: 130px
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .strip-component.call-out .strip-content .info {
        left: 42px
    }
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content .info {
        position: relative;
        order: 2
    }
}

.strip-component.call-out .strip-content .image {
    width: 100%;
    z-index: 5;
    opacity: 0;
    transition: opacity 1s linear 0s
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content .image {
        order: 1
    }
}

.strip-component.call-out .strip-content .image img {
    width: 100%
}

.strip-component.call-out .strip-content .links {
    display: flex;
    flex-direction: column
}

.strip-component.inverted.call-out .strip-content .image,
.strip-component.inverted.centralized-text-and-image .strip-content .image {
    order: 1
}

.strip-component.inverted.call-out .strip-content .info,
.strip-component.inverted.centralized-text-and-image .strip-content .info {
    order: 2
}

.strip-component.inverted.call-out .strip-content .info {
    left: auto
}

@media (min-width:1025px) {
    .strip-component.inverted.call-out .strip-content .info {
        right: 130px
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .strip-component.inverted.call-out .strip-content .info {
        right: 42px
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .strip-component.call-out .strip-content .info .links,
    .strip-component.twin-blocks .strip-content .info .links {
        margin-top: 0
    }
}

.strip-component.call-out .strip-content .image,
.strip-component.twin-blocks .strip-content .image {
    position: relative
}

.strip-component.call-out .strip-content .image .caption,
.strip-component.twin-blocks .strip-content .image .caption {
    position: absolute
}

:root {
    --btn-size: 65px;
    --btn-outline-offset: 17px;
    --btn-outline-size: calc(var(--btn-size) + var(--btn-outline-offset));
    --border-width: 2px
}

@media (min-width:769px) {
    .video-modal:not(.open) .vjs-control-bar {
        display: none!important
    }
}

.video-component {
    position: relative
}

@media (max-width:768px) {
    .video-component {
        margin-bottom: 10px;
        background-color: rgba(81, 85, 90, .9);
        border-bottom: 7px solid #ffff7d
    }
}

.video-component .video-js.bc-player-default_default.vjs-mouse .info-container,
.video-component .video-js .info-container {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 355px;
    height: auto;
    padding: 30px 60px;
    display: inline-block;
    background-color: rgba(81, 85, 90, .9);
    border-bottom: 7px solid #ffff7d
}

.video-component .video-js.bc-player-default_default.vjs-mouse .info-container .vjs-big-play-button,
.video-component .video-js .info-container .vjs-big-play-button {
    position: relative
}

.video-component .video-js.bc-player-default_default.vjs-mouse .info-container .vjs-big-play-button:after,
.video-component .video-js .info-container .vjs-big-play-button:after {
    margin-top: -42px;
    margin-left: -42px
}

@media (max-width:768px) {
    .video-component .logo {
        padding: 50px 50px 0
    }
}

.video-component .copy-container {
    position: relative;
    margin: 20px 0 50px
}

@media (max-width:768px) {
    .video-component .copy-container {
        padding: 0 50px;
        margin-top: 0;
    }
}

.video-component .copy-container .copy {
    margin: 20px 0;
    color: #fff
}

.video.grid-block-component .vjs-poster {
    background-size: cover
}

.video-js {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #000
}

@media (max-width:768px) {
    .video-js {
        height: 100vw
    }
    .video-js .vjs-poster {
        background-size: cover
    }
}

.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button,
.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button:focus,
.video-js .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    transition: all .1s ease-out;
    z-index: 100;
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 92%, .6);
    font-size: 4.55em;
    line-height: 0;
    height: var(--btn-size);
    width: var(--btn-size);
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button:before,
.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button:focus:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-big-play-button:focus:before {
    font-size: 35px;
    width: 30px;
    margin: 16px auto;
    color: #242323
}

.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button:after,
.video-js.bc-player-default_default.vjs-mouse .vjs-big-play-button:focus:after,
.video-js .vjs-big-play-button:after,
.video-js .vjs-big-play-button:focus:after {
    transition: all .15s ease-out;
    content: "";
    position: absolute;
    border: 1px solid hsla(0, 0%, 92%, .6);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    height: var(--btn-outline-size);
    width: var(--btn-outline-size);
    margin-left: calc(-1*(var(--btn-outline-size) / 2));
    margin-top: calc(-1*(var(--btn-outline-size) / 2))
}

.video-js .vjs-icon-placeholder {
    display: block
}

.video-js .vjs-icon-placeholder:before {
    display: block;
    position: relative!important
}

.video-js:hover .vjs-big-play-button {
    background: hsla(0, 0%, 100%, .25);
    width: calc(var(--btn-size) + var(--btn-outline-offset) - var(--border-width));
    height: calc(var(--btn-size) + var(--btn-outline-offset) - var(--border-width));
    border-radius: calc((var(--btn-size) + var(--btn-outline-offset)) / 2)
}

.video-js:hover .vjs-big-play-button:after {
    border: var(--border-width) solid #fff
}

.link {
    display: inline-block
}

@media (min-width:769px) {
    .link:not(.cta):hover {
        text-decoration: underline
    }
}

.link:not(.cta):after {
    font-family: icomoon;
    display: inline-block;
    content: "\e901";
    font-size: 9px;
    margin-left: 8px;
    position: relative;
    top: -1px
}

.copy-row-component.animate-in .copy-block,
.copy-row-component.animate-in>.heading {
    transform: translate(0);
    opacity: 1
}

.copy-row-component .copy-blocks {
    max-width: 960px;
    width: 66%;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

@media (max-width:768px) {
    .copy-row-component .copy-blocks {
        display: block
    }
}

.copy-row-component>.heading {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s
}

.copy-row-component>.heading:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px
}

.copy-row-component .copy-block {
    position: relative;
    width: 33.33333%;
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s
}

@media (max-width:768px) {
    .copy-row-component .copy-block {
        width: 100%;
        padding: 0
    }
}

.copy-row-component .copy-block:first-child {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .2s, opacity .3s cubic-bezier(.08, .83, .36, .98) .2s
}

.copy-row-component .copy-block:nth-child(2) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .4s, opacity .3s cubic-bezier(.08, .83, .36, .98) .4s
}

.copy-row-component .copy-block:nth-child(3) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .6s, opacity .3s cubic-bezier(.08, .83, .36, .98) .6s
}

.copy-row-component .copy-block:nth-child(4) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .8s, opacity .3s cubic-bezier(.08, .83, .36, .98) .8s
}

.copy-row-component .copy-block:nth-child(5) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1s
}

.copy-row-component .copy-block:nth-child(6) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.2s
}

.copy-row-component .copy-block:nth-child(7) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.4s
}

.copy-row-component .copy-block:nth-child(8) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.6s
}

.copy-row-component .copy-block:nth-child(9) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.8s
}

.copy-row-component .copy-block:nth-child(10) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2s
}

@media (min-width:769px) {
    .copy-row-component .copy-block a.link {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

.meatball-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding-top: 11px;
    z-index: 2
}

@media (max-width:480px) {
    .meatball-wrapper {
        padding-top: 0;
        position: relative
    }
    .meatball-wrapper:before {
        background: #8d8d8d;
        filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF8D8D8D", endColorstr="#FF8D8D8D");
        background: linear-gradient(90deg, #1b1a1a 0, #1b1a1a 10%, #8d8d8d 43%, #8d8d8d 57%, #1b1a1a 90%, #1b1a1a);
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        z-index: 1;
        top: 21px;
        left: 0
    }
}

.meatball-wrapper .meatball-inner {
    padding: 5px;
    height: 66px;
    width: 84px;
    background-color: #1b1a1a;
    margin: 0 auto
}

@media (max-width:960px) {
    .meatball-wrapper .meatball-inner {
        height: 62px;
        width: 70px
    }
}

@media (max-width:480px) {
    .meatball-wrapper .meatball-inner {
        width: 42px;
        height: 42px;
        z-index: 2;
        position: relative
    }
}

.meatball-wrapper .meatball {
    background: url(../../../marriott-master/assets/img/brandbar/meatball_light.png) 50% no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after,
.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF8D8D8D", endColorstr="#FF8D8D8D");
    background: linear-gradient(180deg, #8d8d8d 0, #1b1a1a 13%, #1b1a1a 19%, #8d8d8d 30%, #8d8d8d 36%, #1b1a1a 47%, #1b1a1a 53%, #8d8d8d 64%, #8d8d8d 70%, #1b1a1a 81%, #1b1a1a 87%, #8d8d8d)
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-sprite {
    background-color: #1b1a1a
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
    border-left: 2px solid #8d8d8d;
    border-right: 2px solid #8d8d8d
}

@media (max-width:768px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
        font-size: 32px
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .t-portfolio-spg {
    left: .0625rem
}

@media (max-width:480px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list {
        flex-direction: column
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list.is-hidden-xs {
        display: none
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-mb {
    font-size: 26px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-cy {
    font-size: 17px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ri {
    font-size: 12px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-sh {
    font-size: 24px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-fn {
    font-size: 19.7px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-tp {
    font-size: 21px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-pr {
    font-size: 26px
}

@media (max-width:480px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi .is-hidden-sm {
        display: flex;
        justify-content: space-around
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi .is-hidden-sm ul:last-child {
        margin-right: .5em
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-spg:before {
    background: #8d8d8d;
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FF8D8D8D", endColorstr="#FF8D8D8D");
    background: linear-gradient(180deg, #1b1a1a 0, #8d8d8d 43%, #8d8d8d 57%, #1b1a1a);
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    z-index: 1
}

@media (min-width:481px) {
    .m-brand-portfolio .l-portfolio-meatball-container {
        margin: 0 0 0 3.625rem;
        padding: 0
    }
    .m-brand-portfolio .l-portfolio-meatball-container .l-portfolio-meatball {
        width: 5.25rem
    }
    .m-brand-portfolio .l-portfolio-meatball-container .l-portfolio-meatball .t-portfolio-meatball {
        background-size: auto;
        height: 4rem;
        width: 5.25rem;
        position: absolute;
        bottom: -2rem
    }
    .m-brand-portfolio .l-portfolio-meatball-container:before {
        content: none
    }
    .m-brand-portfolio .m-porfolio-container {
        margin: 0 0 0 3.625rem;
        padding: 1.9375rem 0 .625rem .3125rem
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border {
        border: 0;
        border-left: 2px solid #8d8d8d;
        border-right: 2px solid #8d8d8d;
        position: relative
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after,
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        z-index: 1
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
        background: #8d8d8d;
        background: linear-gradient(90deg, #8d8d8d 0, #1b1a1a 15%, #1b1a1a 25%, #8d8d8d 45%, #8d8d8d 55%, #1b1a1a 75%, #1b1a1a 85%, #8d8d8d);
        top: 0;
        left: 0
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after {
        background: #8d8d8d;
        background: linear-gradient(90deg, #8d8d8d 0, #1b1a1a 13%, #1b1a1a 19%, #8d8d8d 30%, #8d8d8d 36%, #1b1a1a 47%, #1b1a1a 53%, #8d8d8d 64%, #8d8d8d 70%, #1b1a1a 81%, #1b1a1a 87%, #8d8d8d);
        bottom: 0;
        left: 0;
        top: inherit;
        right: inherit
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row {
        margin-left: 3.125rem;
        position: relative
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-sprite {
        background-size: auto;
        background-color: #1b1a1a;
        display: block;
        height: 3.125rem;
        width: 7.25rem;
        position: absolute
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-rz-r {
        left: -7.25rem;
        top: 0
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
        border: 0;
        left: -7.25rem;
        top: 3.125rem;
        font-size: 36px
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-spg {
        left: -7.25rem;
        top: .625rem
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li {
        padding: 0 20px;
        width: 92px
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li:first-child,
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li:nth-child(10) {
        padding-left: 0
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi {
        display: block;
        width: auto
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg {
        border: 0;
        display: block;
        margin-top: .625rem;
        width: auto
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg:before {
        background: #8d8d8d;
        background: linear-gradient(90deg, #1b1a1a 0, #8d8d8d 43%, #8d8d8d 57%, #1b1a1a);
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        z-index: 1
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg ul {
        padding-top: .9375rem
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg ul li {
        padding: 0;
        width: 74px
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg ul li a {
        margin-bottom: 0
    }
}

.tabs-component .foreground {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    margin: 0 auto
}

@media (max-width:768px) {
    .tabs-component .foreground {
        position: static;
        transform: translate(0)
    }
}

.tabs-component .tab-labels {
    display: flex;
    align-items: center;
    justify-content: center
}

.tabs-component .tab-labels .tab-label {
    cursor: pointer;
    position: relative
}

.tabs-component .tab-labels .tab-label:first-child {
    margin-left: 0
}

.tabs-component .tab-labels .tab-label:last-child {
    margin-right: 0
}

.tabs-component .tab-labels .tab-label:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    transform: scale(0);
    transition: transform .2s ease
}

.tabs-component .tab-labels .tab-label.active:after,
.tabs-component .tab-labels .tab-label:hover:after {
    transform: scale(1)
}

.tabs-component .tab-content-panel .copy {
    width: 68%;
    margin: 0 auto
}

.tabs-component .tab-content-panel .copy:before {
    content: "";
    display: block;
    width: 40px;
    height: 1px
}

.tabs-component .tab-content-panel .link {
    display: block
}

.tabs-component .tab-content-panel .play-button {
    cursor: pointer
}

.tabs-component .image-mobile,
.tabs-component .tab-label-mobile {
    display: none
}

@media (max-width:768px) {
    .tabs-component .image-mobile,
    .tabs-component .tab-label-mobile {
        display: block
    }
}

.tabs-component .tab-label-mobile {
    width: calc(100% - 40px);
    margin: 0 auto
}

.cards-component.animate-in .cards li.card {
    opacity: 1;
    transform: translate(0);
    margin-bottom: 20px;
}

.cards-component ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.cards-component li.card {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 0s, opacity .3s cubic-bezier(.08, .83, .36, .98) 0s
}

.cards-component li.card:first-child {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .2s, opacity .3s cubic-bezier(.08, .83, .36, .98) .2s
}

.cards-component li.card:nth-child(2) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .4s, opacity .3s cubic-bezier(.08, .83, .36, .98) .4s
}

.cards-component li.card:nth-child(3) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .6s, opacity .3s cubic-bezier(.08, .83, .36, .98) .6s
}

.cards-component li.card:nth-child(4) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) .8s, opacity .3s cubic-bezier(.08, .83, .36, .98) .8s
}

.cards-component li.card:nth-child(5) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1s
}

.cards-component li.card:nth-child(6) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.2s
}

.cards-component li.card:nth-child(7) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.4s
}

.cards-component li.card:nth-child(8) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.6s
}

.cards-component li.card:nth-child(9) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 1.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 1.8s
}

.cards-component li.card:nth-child(10) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2s
}

.cards-component li.card:nth-child(11) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2.2s
}

.cards-component li.card:nth-child(12) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2.4s
}

.cards-component li.card:nth-child(13) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2.6s
}

.cards-component li.card:nth-child(14) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 2.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 2.8s
}

.cards-component li.card:nth-child(15) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 3s, opacity .3s cubic-bezier(.08, .83, .36, .98) 3s
}

.cards-component li.card:nth-child(16) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 3.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 3.2s
}

.cards-component li.card:nth-child(17) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 3.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 3.4s
}

.cards-component li.card:nth-child(18) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 3.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 3.6s
}

.cards-component li.card:nth-child(19) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 3.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 3.8s
}

.cards-component li.card:nth-child(20) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 4s
}

.cards-component li.card:nth-child(21) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 4.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 4.2s
}

.cards-component li.card:nth-child(22) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 4.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 4.4s
}

.cards-component li.card:nth-child(23) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 4.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 4.6s
}

.cards-component li.card:nth-child(24) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 4.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 4.8s
}

.cards-component li.card:nth-child(25) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 5s, opacity .3s cubic-bezier(.08, .83, .36, .98) 5s
}

.cards-component li.card:nth-child(26) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 5.2s, opacity .3s cubic-bezier(.08, .83, .36, .98) 5.2s
}

.cards-component li.card:nth-child(27) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 5.4s, opacity .3s cubic-bezier(.08, .83, .36, .98) 5.4s
}

.cards-component li.card:nth-child(28) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 5.6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 5.6s
}

.cards-component li.card:nth-child(29) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 5.8s, opacity .3s cubic-bezier(.08, .83, .36, .98) 5.8s
}

.cards-component li.card:nth-child(30) {
    transition: transform .3s cubic-bezier(.08, .83, .36, .98) 6s, opacity .3s cubic-bezier(.08, .83, .36, .98) 6s
}

.cards-component.half-cards li.card {
    width: 100%
}

@media (min-width:1024px) {
  .cards-component.half-cards li.card {
      width: 49%
  }
}

.cards-title{
  font-family: ProximaNova;
  font-size: 15px;
  color: #1C1C1C;
  text-align: center;
}

@media (min-width:768px) {
  .cards-title{
    font-size: 20px;
    height: auto;
  }
}


.cards-component.third-cards li.card {
    width: 33.33%
}

.cards-component.fourth-cards li.card {

}

@media (min-width:1025px) {
  .cards-component.fourth-cards li.card {
      width: 24%;

  }
}


@media (max-width:768px) {
    .cards-component.half-cards li,
    .cards-component.third-cards li {
        width: 100%
    }
}

.directory-component .filter-bar {
    width: 70%;
    min-width: 768px
}

.directory-component .directory-content {
    height: 635px;
    position: relative
}

.directory-component .directory-content .caption {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #fff;
    font-family: ProximaNova;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .3px;
    text-transform: uppercase;
    z-index: 3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .directory-component .directory-content {
        height: auto
    }
}

.directory-component .directory-content .directory-content__list-view__inner {
    position: relative;
    height: 100%
}

.directory-component .directory-content .directory-content__map-view {
    display: block
}

.directory-component .directory-content .directory-content__map-view .hotel-count,
.directory-component .directory-content .directory-content__map-view.map-loaded {
    display: none
}

.directory-component.show-map .directory-content,
.directory-component.show-map .directory-content .directory-content__map-view.map-loaded {
    display: block
}

@media (max-width:768px) {
    .directory-component .directory-content {
        width: 100%;
        height: 100%
    }
    .directory-component.show-mini-map {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        overflow-y: scroll
    }
    .directory-component.show-mini-map.show-mini-map-property .directory-content {
        height: auto;
        position: absolute;
        top: 0;
        left: 0
    }
    .directory-component.show-mini-map.show-mini-map-property .directory-content__map-view {
        height: 0
    }
    .directory-component.show-mini-map.show-mini-map-property .directory-content__list-view {
        z-index: 3;
        height: auto;
        margin-top: 0
    }
    .directory-component.show-mini-map.show-mini-map-property .list-component {
        min-height: 100vh;
        padding-bottom: 100px
    }
    .directory-component.show-mini-map .directory-content {
        height: auto
    }
    .directory-component.show-mini-map .directory-content__map-view {
        position: relative;
        top: 0;
        left: -38px;
        width: calc(100% + 38px);
        height: 188px
    }
    .directory-component.show-mini-map .directory-content__map-view .hotel-count {
        position: absolute;
        top: 50%;
        left: 94px;
        display: block;
        width: auto;
        height: 47px;
        color: #000;
        background-color: #fff;
        z-index: 3;
        width: calc(100% - 150px);
        margin-top: -24px;
        text-align: center;
        padding: 15px 0 0
    }
    .directory-component.show-mini-map .directory-content__list-view {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: -22px;
        left: 0;
        background-color: #fff
    }
    .directory-component.show-mini-map .directory-content__list-view .directory-content__list-view__inner,
    .directory-component.show-mini-map .directory-content__list-view .list-component {
        height: auto
    }
    .directory-component.show-mini-map .directory-content__list-view .list-component .property-details h2 {
        padding: 0 10%
    }
    .directory-component.show-mini-map .directory-content__list-view .list-component ul {
        height: auto;
        min-height: calc(100vh - 166px)
    }
    .directory-component.show-mini-map .directory-content__list-view .property-details .property-image {
        height: 228px;
        margin-bottom: 20px
    }
    .directory-component.show-mini-map .directory-footer {
        display: none
    }
    .directory-component.show-fullscreen-map .directory-content {
        display: block
    }
    .directory-component.show-fullscreen-map .directory-content .directory-content__map-view {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999
    }
    .directory-component.show-fullscreen-map .directory-content .directory-content__map-view.map-loaded {
        display: block
    }
    .directory-component.show-fullscreen-map .directory-content .directory-content__map-view .close-full-screen-map {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        background-color: #fff;
        z-index: 5;
        text-align: center;
        padding-top: 14px
    }
    .directory-component.show-fullscreen-map .directory-content .list-component {
        position: static
    }
    .directory-component.show-fullscreen-map .directory-content .property-details {
        width: calc(100% - 40px);
        text-align: left;
        position: fixed;
        z-index: 999999999999;
        display: block;
        bottom: 20px;
        left: 20px;
        background: #fff;
        cursor: pointer
    }
    .directory-component.show-fullscreen-map .directory-content .property-details .property-address,
    .directory-component.show-fullscreen-map .directory-content .property-details h2 {
        padding: 0 90px 0 20px
    }
    .directory-component.show-fullscreen-map .directory-content .property-details .cta.link,
    .directory-component.show-fullscreen-map .directory-content .property-details .logo-container,
    .directory-component.show-fullscreen-map .directory-content .property-details .property-phone,
    .directory-component.show-fullscreen-map .directory-content .property-details hr {
        display: none
    }
    .directory-component.show-fullscreen-map .directory-content .property-details .property-image {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 50px;
        height: 50px
    }
    .directory-component.show-fullscreen-map .directory-content .property-details .list-header {
        display: none
    }
}

.directory-component .directory-background {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:769px) {
    .directory-component .directory-background.captioned:after {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 35%;
        content: "";
        background-image: linear-gradient(180deg, transparent, #000)
    }
}

.directory-component .directory-background .video-js {
    width: 100%;
    height: 100%
}

.directory-component .directory-background .video-js video {
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width:768px) {
    .directory-component .directory-background {
        display: none
    }
}

.directory-component .directory-background-image {
    background-size: cover;
    background-position: 50%
}

.directory-component .directory-background-carousel {
    background-color: #fff
}

.directory-component .directory-background-carousel .slides {
    width: 100%;
    height: 100%
}

.directory-component .directory-background-carousel .slide {
    position: relative
}

.directory-component .directory-background-carousel img {
    height: 635px;
    position: relative;
    z-index: 1
}

.directory-component .directory-background-carousel picture {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.directory-component .directory-background-carousel .carousel-play-pause {
    position: absolute;
    bottom: 47px;
    left: 20px;
    width: 40px;
    height: 40px;
    padding: 7px;
    box-sizing: border-box;
    border: none;
    outline: none;
    fill: #fff;
    background-color: #121617;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    cursor: pointer
}

.directory-component .directory-background-carousel .slide-count-container {
    position: absolute;
    bottom: 59px;
    left: 70px;
    z-index: 10;
    color: #fff;
    font-family: ProximaNova;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.directory-component .directory-content__list-view {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    .directory-component .directory-content__list-view {
        position: relative;
        top: auto;
        left: auto
    }
}

.directory-component .list-component {
    position: absolute;
    right: 30px;
    top: 60px;
    height: calc(100% - 120px);
    width: 30%;
    z-index: 3;
    font-size: 0;
    overflow: hidden;
    display: flex
}

@media (max-width:768px) {
    .directory-component .list-component {
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        width: 100%
    }
}

.directory-component .list-component .list-header {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 11px);
    height: 80px;
    background-color: #fff;
    display: flex;
    z-index: 1
}

.directory-component .list-component ul {
    overflow-y: scroll;
    height: 100%;
    width: 100%
}

@media (max-width:768px) {
    .directory-component .list-component ul {
        overflow: auto
    }
}

.directory-component .list-component ul::-webkit-scrollbar {
    display: block;
    width: 11px;
    height: 8px;
    background-color: #d8d8d8
}

.directory-component .list-component ul::-webkit-scrollbar-thumb {
    background: #565656;
    border-radius: 5px
}

.directory-component .list-component ul li:first-child {
    padding-top: 80px
}

.directory-component .list-component .heading-container {
    width: calc(100% - 80px);
    display: flex;
    height: 80px;
    align-items: center
}

.directory-component .list-component .heading-container h2 {
    display: block;
    height: auto
}

.directory-component .list-component .property-details {
    width: 100%;
    overflow: auto
}

@media (min-width:769px) {
    .directory-component .list-component .property-details>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%
    }
}

.directory-component .list-component .property-details .property-name {
    display: block;
    width: 100%
}

.directory-component .list-component .property-details .property-name .spa-name {
    display: block
}

.directory-component .list-component .property-details hr {
    width: 20%;
    margin: 20px auto
}

.directory-component .list-component .property-details .property-address,
.directory-component .list-component .property-details .property-phone {
    margin-bottom: 20px;
    padding: 0 10%
}

.directory-component .list-component .property-details .reserve-cta {
    margin-bottom: 20px
}

.directory-component .list-component .property-details .property-image {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 20px
}

.directory-component .list-component .property-details .logo-container {
    background-color: transparent;
    width: 100px;
    height: 60px;
    margin: 10px auto;
    position: relative;
    padding: 0
}

.directory-component .list-component .property-details .logo-container .svg-logo {
    filter: grayscale(100%) brightness(1.5) invert(0);
    padding: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width:769px) {
    .directory-component .list-component .property-details .reserve-container {
        display: flex;
        flex: 1 0 auto;
        align-items: flex-end
    }
}

.directory-component .directory-list-back,
.directory-component .directory-list-show-video {
    width: 80px;
    height: 80px;
    display: inline-block;
    background-color: #1b1a1a;
    position: relative
}

.directory-component .directory-content__map-view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media (max-width:768px) {
    .directory-component .directory-content__map-view {
        position: relative;
        top: auto;
        left: auto;
        height: 100%
    }
}

.directory-component .directory-content__map-view .close-full-screen-map {
    display: none
}

.directory-component .directory_map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.directory-component .directory_map.map-loaded {
    left: 0
}

.directory-component .directory_map.map-not-loaded {
    left: -99999px
}

.directory-component .directory-footer {
    width: 70%;
    height: auto;
    background-color: #eee;
    text-align: center
}

@media (max-width:768px) {
    .directory-component .directory-footer {
        width: 100%
    }
}

.directory-component .directory-footer a {
    padding: 50px;
    display: block
}

.directory-component .directory-footer a:after {
    transition: transform .5s ease
}

.directory-component .directory-footer a.open:after {
    transform: rotate(270deg)
}

.directory-component .region-components {
    display: none
}

.directory-component .directory-overview {
    display: none;
    padding: 40px
}

.directory-component.directory-component--spas .directory-content__map-view {
    display: none
}

@media (max-width:768px) {
    .directory-component.directory-component--spas.show-mini-map .directory-content__list-view {
        margin-top: 0
    }
    .directory-component.directory-component--spas.show-mini-map .list-component ul {
        min-height: 100vh
    }
}

.accordion dt {
    border-bottom: 1px solid #d4d4d4;
    position: relative
}

.accordion dt a {
    display: block;
    padding: 20px 0;
    text-transform: uppercase;
    font-weight: 700
}

.accordion dt:after {
    content: "\e901";
    font-family: icomoon;
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 20px;
    right: 40px;
    transform: rotate(90deg);
    transition: transform .5s ease;
    z-index: -1
}

.accordion dt.open:after {
    transform: rotate(270deg)
}

.accordion dd .country-name {
    margin: 20px 0 25px
}

.accordion dd .country-container {
    padding: 20px 0;
    column-gap: 50px;
    column-width: 200px!important
}

.accordion dd .city-name,
.accordion dd .state-name {
    display: block;
    margin-bottom: 10px;
    margin-right: 20px
}

.accordion dd .city-container,
.accordion dd .state-container {
    column-break-inside: avoid;
    display: block;
    vertical-align: top
}

.accordion dd .city-container .city-name,
.accordion dd .city-container .state-name,
.accordion dd .state-container .city-name,
.accordion dd .state-container .state-name {
    margin-bottom: 20px
}

.accordion dd .property {
    display: block;
    margin-bottom: 10px;
    margin-right: 20px
}

.accordion dd .opening-soon-date {
    margin-bottom: 20px;
    margin-top: -5px;
    display: block
}

.discoveries-map-component .map-content {
    position: relative;
    margin: 0 auto
}

.discoveries-map-component .map-content .map-view,
.discoveries-map-component .map-content .map-view .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.discoveries-map-component .map-content .overlay {
    position: absolute;
    overflow: hidden
}

@media (max-width:768px) {
    .discoveries-map-component .map-content .overlay {
        position: relative;
        overflow: auto
    }
}

.discoveries-map-component .map-content .detail-views-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    transition: transform .2s ease
}

@media (max-width:768px) {
    .discoveries-map-component .map-content .detail-views-container {
        position: fixed;
        z-index: 10000
    }
}

.discoveries-map-component .map-content .detail-views-container.slid-in {
    transform: translateZ(0)
}

.discoveries-map-component .map-content .detail-views-container .detail-view {
    display: none;
    height: 100%
}

.discoveries-map-component .map-content .detail-views-container .detail-view.shown {
    display: block
}

.discoveries-map-component .map-content .detail-views-container .detail-view .heading-container {
    display: flex
}

@media (max-width:768px) {
    .discoveries-map-component .map-content .detail-views-container .detail-view .detail-content {
        overflow-y: auto;
        height: calc(100% - 81px)
    }
}

.list-component {
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden
}

.list-component::-webkit-scrollbar {
    display: block;
    width: 11px;
    height: 8px;
    background-color: #d8d8d8
}

.list-component::-webkit-scrollbar-thumb {
    background: #565656;
    border-radius: 5px
}

.list-component h2 {
    padding: 20px
}

.list-component li {
    padding: 0 20px
}

.list-component li a {
    padding: 30px 0
}

.dropdown-component {
    display: inline-block;
    margin: 0 20px 0 0;
    text-align: left;
    position: relative
}

.dropdown-component label {
    display: block;
    transition: opacity .25s
}

.dropdown-component select {
    display: block;
    -moz-appearance: none;
    border: 1px solid #a6a6a6
}

.dropdown-component select::-ms-expand {
    display: none
}

.dropdown-component .select-container {
    margin-top: 10px
}

.dropdown-component.disabled label {
    opacity: .5
}

.dropdown-component.disabled .select-container:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .5);
    z-index: 5
}

.filter-bar {
    width: 100%;
    height: auto;
    padding: 50px;
    background-color: #eee;
    position: relative;
    text-align: center
}

@media (max-width:768px) {
    .filter-bar {
        display: none
    }
}

.click-shield {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.featured-events-component .card {
    display: none
}

.featured-events-component .card.match {
    display: block
}

.featured-events-component .cards-component__load-more-container {
    display: none
}

.featured-events-component .date-select {
    display: inline-block;
    position: relative
}

.featured-events-component .date-select .is-hidden,
.featured-events-component .date-select .js-toggle-date-picker>.emdash,
.featured-events-component .date-select .warning,
.featured-events-component .date-select>label {
    display: none
}

.featured-events-component .date-select .date-from,
.featured-events-component .date-select .date-to {
    padding: 10px 60px 10px 20px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #666;
    border-radius: 0;
    background-color: #e1e1e1;
    -webkit-appearance: none;
    border: 1px solid #a6a6a6;
    border-image: initial;
    margin-right: 20px
}

.event-calendar-component .calendar-view .clndr-controls {
    position: relative
}

.event-calendar-component .calendar-view .clndr-btn-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.event-calendar-component .calendar-view .clndr-btn-wrapper>div {
    cursor: pointer
}

.event-calendar-component .calendar-view .days,
.event-calendar-component .calendar-view .days-of-the-week {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.event-calendar-component .calendar-view .days-of-the-week {
    display: flex
}

@media (max-width:768px) {
    .event-calendar-component .calendar-view .days-of-the-week {
        display: none
    }
}

.event-calendar-component .calendar-view .cal-row {
    display: flex
}

@media (max-width:768px) {
    .event-calendar-component .calendar-view .cal-row {
        display: block
    }
}

.event-calendar-component .calendar-view .cal-block-wrapper {
    display: block;
    width: 14.342%;
    box-sizing: border-box
}

@media (max-width:768px) {
    .event-calendar-component .calendar-view .cal-block-wrapper {
        width: 100%
    }
}

.event-calendar-component .calendar-view .days .day {
    position: relative;
    min-height: 250px;
    height: 100%;
    box-sizing: border-box
}

@media (max-width:768px) {
    .event-calendar-component .calendar-view .days .day {
        min-height: auto
    }
}

.event-calendar-component .calendar-view .no-events {
    display: none
}

@media (max-width:768px) {
    .event-calendar-component .calendar-view .no-events.show {
        display: block
    }
}

.filterable-list-component .sublist:not(.current) {
    display: none
}

.filterable-list-component .button button.disabled {
    opacity: .2;
    cursor: default
}

body.modal-open {
    overflow-y: hidden
}

.modal-component {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    align-items: center;
    justify-content: center;
    display: flex;
    visibility: hidden
}

.modal-component:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .85)
}

.modal-component .modal {
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0
}

.modal-component .video-js {
    width: 1250px;
    max-width: 90vw;
    max-height: 50.7vw
}

.modal-component .close-modal {
    position: absolute;
    top: -70px;
    right: 0;
    margin-right: -20px;
    padding: 20px;
    cursor: pointer;
    color: #fff;
    background: none;
    border: none;
    z-index: 1000
}

.modal-component.open {
    z-index: 100;
    visibility: visible;
    opacity: 1
}

.modal-component.open .modal {
    opacity: 1
}

.modal-component.close {
    z-index: -1;
    visibility: hidden
}

.modal-component.close .modal {
    opacity: 0
}

.generic-modal .modal {
    max-width: 951px;
    width: 100%;
    max-height: 80vh;
    align-items: initial;
    padding: 0
}

@media (max-width:768px) {
    .generic-modal .modal {
        max-height: 100vh
    }
    .generic-modal .modal .close-modal {
        color: #000;
        top: 0;
        right: 0;
        margin: 0;
        font-size: 20px;
        font-weight: 100
    }
}

.generic-modal .modal-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow-y: auto;
    width: 100%
}

@media (max-width:768px) {
    .generic-modal .modal-content {
        height: 100vh;
        padding: 90px 20px 20px
    }
}

.generic-modal .modal-heading,
.generic-modal .modal-subheading,
.generic-modal p {
    width: 100%
}

.generic-modal img {
    width: 100%;
    height: auto
}

.generic-modal ul {
    list-style: disc
}

.generic-modal img,
.generic-modal p,
.generic-modal ul {
    margin: 0 0 20px
}

.sample-component {
    padding-bottom: 50px
}

.sample-component .component-name {
    font-size: 24px;
    font-weight: 700;
    padding: 10px 20px
}

.sample-component .sample-variation {
    padding-bottom: 50px
}

.sample-component .sample-variation .variation-name {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 40px
}

.hero-component.home h1 {
    font-family: Swiss;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #494949;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .hero-component.home h1 {
        font-size: 34px;
        line-height: 36px;
        letter-spacing: .59px
    }
}

.strip-component.text.quote .strip-content .info .heading {
    font-family: ProximaNova;
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0;
    color: #494949;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .strip-component.text.quote .strip-content .info .heading {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: .35px
    }
}

.cards-component .info .heading,
.strip-component .strip-content .info .heading {
    font-family: ProximaNova-Regular;
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #1C1C1C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .cards-component .info .heading,
    .strip-component .strip-content .info .heading {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .42px
    }
}

.cards-component .info .subheading,
.strip-component .strip-content .info .subheading {
    font-family: ProximaNova;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #1C1C1C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .cards-component .info .subheading,
    .strip-component .strip-content .info .subheading {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: .42px
    }
}



.carousel-component .slide-count {
    font-family: ProximaNova;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #494949;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .carousel-component .slide-count {
        font-size: 16px;
        line-height: 23px;
        letter-spacing: .32px
    }
}

.mrtt-booking-component .booking-form .label {
    font-family: ProximaNova;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #494949
}

.cards-component .info .copy,
.cards-component .info .subheading,
.hero-component.home h2,
.strip-component .strip-content .info .copy {
    font-family: ProximaNova;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #1C1C1C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .cards-component .info .copy,
    .cards-component .info .subheading,
    .hero-component.home h2,
    .strip-component .strip-content .info .copy {
        font-size: 14px;
        line-height: 24px
    }
}

.date-select .ui-datepicker .ui-datepicker-calendar {
    font-family: ProximaNova;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .date-select .ui-datepicker .ui-datepicker-calendar {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: .32px
    }
}

.hero-component.home .caption,
.strip-component.call-out .strip-content .image .caption,
.strip-component.twin-blocks .strip-content .image .caption {
    font-family: ProximaNova;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .3px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:768px) {
    .hero-component.home .caption,
    .strip-component.call-out .strip-content .image .caption,
    .strip-component.twin-blocks .strip-content .image .caption {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .25px
    }
}


@font-face {
    font-family: MarriottIcons;
    src: url(../fonts/marriott-brands/Marriott-Brand-Icons.eot);
    src: url(../fontsmarriott-brands/Marriott-Brand-Icons.eot) format("embedded-opentype"), url(../fonts/marriott-brands/Marriott-Brand-Icons.ttf) format("truetype"), url(../fonts/marriott-brands/Marriott-Brand-Icons.woff) format("woff"), url(../fonts/marriott-brands/Marriott-Brand-Icons.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=t-icon-]:before {
    display: inline-block;
    font-family: MarriottIcons;
    -webkit-font-smoothing: antialiased;
}

.t-icon-loyalty:before {
    content: "\e643";
}

.t-icon-trips:before {
    content: "\e601";
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?1sp0ne);
    src: url(../fonts/icomoon.eot?1sp0ne#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?1sp0ne) format("truetype"), url(../fonts/icomoon.woff?1sp0ne) format("woff"), url(../fonts/icomoon.svg?1sp0ne#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-],
[class^=ui-icon] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-help:before {
    content: "\e900";
    color: #494949
}

.icon-play:before {
    content: "\e901"
}

.icon-carret:before {
    content: "\e902"
}

.icon-close:before {
    content: "\e903"
}

.icon-facebook:before {
    content: "\e904"
}

.icon-instagram:before {
    content: "\e905"
}

.icon-pause:before {
    content: "\e906"
}

.icon-signin:before {
    content: "\e907"
}

.icon-twitter:before {
    content: "\e908"
}

.icon-worldicon:before {
    content: "\e909"
}

.icon-search:before {
    content: "\e910"
}

.icon-close-thick:before {
    content: "\e90a"
}


@font-face {
  font-family: "untitled-font-2";
  src:url("../fonts/untitled-font-2.eot");
  src:url("../fonts/untitled-font-2.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-2.woff") format("woff"),
    url("../fonts/untitled-font-2.ttf") format("truetype"),
    url("f../onts/untitled-font-2.svg#untitled-font-2") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icons-trips:before {
  content: "\61";
}
.icon-icons-loyalty:before {
  content: "\62";
}
.icon-icons-help:before {
  content: "\63";
}



body,
html {
    background: #fff;
    color: #000;
    overflow-x: hidden;
}

.btn,
.button,
body,
html {
    font-family: ProximaNova, Open Sans, Gill Sans MT, Gill Sans, Corbel, Arial, sans-serif !important
}

.btn,
.button {
    background-color: #0075d5;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 800;
    text-transform: none;
    font-size: 1rem
}

#skipnav,
.link {
    font-size: 16px;
    line-height: 19px;
    color: #b84c16;
    font-family: ProximaNova;
    font-weight: 700;
    text-decoration: none;
}

#skipnav.cta,
.link.cta {
    line-height: 19px;
    padding: 16px 40px;
    letter-spacing: 1px;
    background-color: #444054;
    color: #fff;
    font-weight: 400
}

@media (min-width:769px) {
    #skipnav.cta:hover,
    .link.cta:hover {
        color: #fff
    }
}

#skipnav.cta.white,
.link.cta.white {
    background-color: #fff;
    color: #494949
}

@media (min-width:769px) {
    #skipnav.cta.white:hover,
    .link.cta.white:hover {
        color: #0075d5
    }
}

#skipnav:not(.cta):after,
.link:not(.cta):after {
    font-family: icomoon;
    display: inline-block;
    content: "\e901";
    font-size: 9px;
    margin-left: 8px;
    position: relative;
    top: -1px;
    display: none;
}

.hero-component {
    width: 100%
}

.hero-component.hero-meetings-events {
    margin-bottom: 220px;
    padding-bottom: 0
}

@media (max-width:768px) {
    .hero-component.hero-meetings-events {
        margin-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

@media (max-width:768px) {
    .hero-component.home .slides {
        height: 100%
    }
    .hero-component.home .slides .slide {
        height: 100%!important
    }
}

.hero-component.home .heading-wrapper-parent {
    position: absolute;
    width: 100%;
    height: calc(100% - 103.5px);
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
}

@media (min-width:769px) {
    .hero-component.home .heading-wrapper-parent {
        position: relative;
        padding: 75px 0 200px
    }
}

@media (max-width:768px) {
    .hero-component.home .heading-wrapper-parent {
        height: 100%
    }
}

.hero-component.home .heading-wrapper {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 521px;
    padding: 50px 0;
    background-color: hsla(0, 0%, 100%, .9);
    display: none;
}

@media (max-width:1024px) {
    .hero-component.home .heading-wrapper {
        padding: 30px 0;
        width: 450px
    }
}

@media (max-width:768px) {
    .hero-component.home .heading-wrapper {
      position: absolute;
          padding: 35px 0;
          width: 90%;
          top: 50%;
          left: 50%;
          right: 0;
          transform: translate(-50%, -50%);
    }
}

.hero-component.home .heading-container {
    width: 400px;
    margin: 0 auto
}

@media (max-width:768px) {
    .hero-component.home .heading-container {
        width: 100%
    }
}

.hero-component.home h1,
.hero-component.home h2 {
    text-align: center;
    color: #1C1C1C;
}

.hero-component.home h1 {
    margin-bottom: 16px
}

@media (max-width:768px) {
    .hero-component.home h1 {
        padding: 0 50px
    }
}

.hero-component.home h2 {
    color: #1C1C1C;
}

@media (max-width:768px) {
    .hero-component.home h2 {
        padding: 0 50px
    }
}

.hero-component.home .image {
    height: 100%
}

@media (min-width:769px) {
    .hero-component.home .image {
        position: absolute;
        width: 100%;
        height: 100%;
        max-height: 607px
    }
}

@media (max-width:768px) {
    .hero-component.home .image {
        min-height: 607px
    }
}

@media (max-width:768px) {
    .hero-component.home .image picture {
        height: 100%;
        width: auto;
        max-width: none
    }
}

@media (min-width:769px) {
    .hero-component.home .image picture {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%
    }
}

@media (max-width:768px) {
    .hero-component.home .image picture img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        min-height: 607px
    }
}

@media (min-width:769px) {
    .hero-component.home .image picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.hero-component.home .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 87px;
    width: 82%;
    max-width: 1180px;
    margin: 0 auto
}

@media (max-width:768px) {
    .hero-component.home .caption {
        left: 20px;
        bottom: 10px;
        width: 100%
    }
}

.hero-component.home .mrtt-booking-component {
    width: 82%;
    max-width: 1180px;
    height: 154px;
    background-color: #fff;
    transform: translateY(-50%);
    z-index: 9998
}

.hero-component.home .mrtt-booking-component.mrtt-booking-meetings-events {
    height: auto;
    transform: translateY(-25%)
}

@media (max-width:768px) {
    .hero-component.home .mrtt-booking-component.mrtt-booking-meetings-events {
        transform: none
    }
}

@media (max-width:768px) {
    .hero-component.home .mrtt-booking-component {
        display: flex;
        position: relative;
        width: 100%;
        height: auto;
        transform: none;
        margin: 0;
        flex: 1 0 auto
    }
}

.no-scroll {
    overflow: hidden;
    position: relative
}

.close-booking {
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer
}

.acc-hidden,
.ui-helper-hidden-accessible {
    position: absolute!important;
    display: block;
    visibility: visible;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

.is-hidden,
label.is-hidden {
    display: none
}

.dropdown-panel {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-top: none;
    transform: translateY(-9px)
}

.dropdown-panel-content {
    padding: 10px 15px 20px
}

.dropdown-panel-select input[type=radio] {
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    margin: 0!important;
    padding: 0
}

.dropdown-panel-select input[type=radio]:checked+legend {
    color: #0075d5
}

.dropdown-panel-select .dropdown-panel-select-option,
.dropdown-panel-select .dropdown-panel-select-option legend {
    width: 100%
}

.dropdown-panel-select .dropdown-panel-select-option label {
    width: 100%;
    padding: 5px 0;
    display: block;
    cursor: pointer
}

.dropdown-panel-select .dropdown-panel-select-option .dropdown-panel-select-toggle {
    position: relative;
    width: 100%;
    display: block;
    font-size: 14px;
    color: #494949;
    cursor: pointer
}

.dropdown-panel-select .dropdown-panel-select-option .dropdown-panel-select-toggle:hover legend {
    color: #0075d5
}

.mrtt-booking-component {
    font-family: ProximaNova;
    padding: 38px 6%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    transition: all .3s
}

.mrtt-booking-component.mrtt-booking-meetings-events {
    height: auto
}

@media (max-width:768px) {
    .mrtt-booking-component.mrtt-booking-meetings-events {
        flex-direction: row
    }
}

.mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form {
    flex-wrap: wrap
}

@media (max-width:768px) {
    .mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form {
        flex-wrap: nowrap
    }
}

.mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form-group {
    flex-basis: 33%;
    margin: 14px 1% 14px 0
}

@media (max-width:768px) {
    .mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form-group {
        flex-basis: auto;
        margin: 4px 0
    }
}

.mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form-group:nth-child(3n+3) {
    flex-basis: 32%;
    margin-right: 0
}

@media (max-width:768px) {
    .mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form-group.button-form-group,
    .mrtt-booking-component.mrtt-booking-meetings-events .booking-form .form-group:nth-child(3n+3) {
        flex-basis: auto
    }
}

.mrtt-booking-component.mrtt-booking-meetings-events .booking-form label {
    width: 50%
}

.mrtt-booking-component input[readonly] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mrtt-booking-component .dropdown-trigger:after,
.mrtt-booking-component .dropdown-trigger:before {
    background-color: #000
}

.mrtt-booking-component .dropdown-trigger-box {
    height: 47px
}

.mrtt-booking-component .emdash {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    margin: 0;
    height: 47px;
    margin-top: 7px;
    display: inline-block;
    padding-top: 14px;
    color: #707070
}

@media (max-width:768px) {
    .mrtt-booking-component .emdash {
        height: 48px
    }
}

@media (max-width:768px) {
    .mrtt-booking-component {
        margin: 0;
        padding: 0 20px;
        width: 100%
    }
}

.mrtt-booking-component .warning {
    display: none;
    color: red
}

.mrtt-booking-component .warning.warning-booking-limit,
.mrtt-booking-component .warning.warning-stay-limit {
    position: absolute;
    top: -45px;
    left: 0
}

.mrtt-booking-component>div {
    width: 100%;
    display: flex
}

.mrtt-booking-component+.bg-dimmer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none
}

.mrtt-booking-component .header {
    padding: 34px 60px;
    overflow: hidden
}

@media (min-width:769px) {
    .mrtt-booking-component .header {
        display: inline-block
    }
}

@media (max-width:768px) {
    .mrtt-booking-component .header {
        display: none
    }
}

.mrtt-booking-component .header>div {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    justify-content: space-between
}

.mrtt-booking-component .header .heading {
    margin: 12px 0;
    flex: 1
}

.mrtt-booking-component .header .brand-logo {
    margin-bottom: 24px;
    display: none
}

.mrtt-booking-component .header hr {
    margin: 0;
    display: none
}

.mrtt-booking-component .booking-form {
    position: relative;
    float: right;
    display: block;
    flex-direction: column;
    display: none;
}

.mrtt-booking-component .booking-form .form {
    width: 100%;
    position: relative;
    z-index: 2;
    align-self: center;
    display: flex;
    flex: 1
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .form {
        flex-direction: column;
        padding-top: 25px;
        padding-bottom: 20px
    }
}

.mrtt-booking-component .booking-form .icon-search {
    display: block;
    position: absolute;
    color: #707070;
    left: 15px;
    bottom: 22px
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .icon-search {
        display: block
    }
}

.mrtt-booking-component .booking-form .form-group {
    margin: 0 2.12766% 14px 0;
    position: relative
}

@media (min-width:769px) {
    .mrtt-booking-component .booking-form .form-group {
        flex-basis: 100%
    }
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .form-group {
        margin: 0 2.12766% 5px 0
    }
}

.mrtt-booking-component .booking-form .form-group.destination-form-group input {
    padding-left: 35px
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .form-group.destination-form-group {
        flex-basis: auto
    }
    .mrtt-booking-component .booking-form .form-group.destination-form-group input {
        padding: 15px 14px 14px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .mrtt-booking-component .booking-form .form-group.destination-form-group input.destination {
        padding-left: 35px
    }
}

.mrtt-booking-component .booking-form .form-group.button-form-group {
    flex-basis: auto;
    min-width: 121px;
    margin-right: 0
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .form-group.button-form-group {
        margin-right: 2.12766%
    }
    .mrtt-booking-component .booking-form .form-group.button-form-group .btn {
        position: relative;
        margin: 0;
        border-top: 1px solid #0075d5;
        border-bottom: 1px solid #0075d5;
        padding-left: 12px;
        padding-right: 12px
    }
}

.mrtt-booking-component .booking-form .reset-rooms-guests,
.mrtt-booking-component .booking-form .rooms-guests-select {
    display: none
}

@media (min-width:769px) {
    .mrtt-booking-component .booking-form label {
        display: inline-block
    }
}

.mrtt-booking-component .booking-form .label {
    text-transform: uppercase
}

.mrtt-booking-component .booking-form .l-h-field,
.mrtt-booking-component .booking-form input {
    width: 100%;
    padding: 14px;
    margin: 7px 0;
    border: 1px solid #d2d2d2;
    color: #707070;
    font-size: 14px
}

.mrtt-booking-component .booking-form .l-h-field {
    display: block
}

.mrtt-booking-component .booking-form .btn {
    font-weight: 400;
    width: 100%;
    min-height: 46px;
    cursor: pointer;
    bottom: 0;
    margin: 24px 0 7px;
    position: relative;
    border: none
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .btn {
        min-height: 48px
    }
}

.mrtt-booking-component .booking-form .error-message {
    display: none;
    color: #fff;
    position: absolute;
    font-weight: 600
}

.mrtt-booking-component .booking-form .error-message:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-size: contain;
    background: url(../../../marriott-master/assets/img/exclamation.png) no-repeat 50%
}

.mrtt-booking-component .booking-form:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media (max-width:768px) {
    .mrtt-booking-component .booking-form .date-select label {
        width: 50%
    }
}

.mrtt-booking-component .booking-form .date-select input.date-from {
    border-right: none
}

.mrtt-booking-component .booking-form .date-select input.date-to {
    border-left: none
}

.mrtt-booking-component .booking-form .dropdown-panel-select label {
    width: 100%
}

.mrtt-booking-component.animate[class*=-panel] {
    transform: translateX(100vw)
}

@media (max-width:768px) {
    .mrtt-booking-component.animate.expanding {
        animation: g .3s cubic-bezier(.29, .13, .58, 1) forwards
    }
}

@media (max-width:768px) {
    .mrtt-booking-component.animate.collapsing {
        animation: g .3s .05s cubic-bezier(.29, .13, .58, 1) reverse forwards
    }
}

@media (min-width:769px) {
    .mrtt-booking-component.animate.collapsing .heading {
        animation: d .5s cubic-bezier(.29, .13, .58, 1) .15s reverse forwards
    }
    .mrtt-booking-component.animate.collapsing .booking-form {
        animation: b .6s cubic-bezier(.29, .13, .58, 1) reverse forwards
    }
}

.mrtt-booking-component.animate.slide-out-left {
    transform: translateX(-100vw);
    transition-delay: 75ms
}

.mrtt-booking-component.animate.slide-in-right {
    transform: translateX(0)
}

@media (max-width:768px) {
    .mrtt-booking-component.collapsed {
        animation: a .25s linear
    }
}

.mrtt-booking-component.expanded {
    z-index: 999999!important
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded {
        bottom: 0;
        top: 0!important;
        position: fixed!important;
        overflow-y: scroll
    }
}

.mrtt-booking-component.expanded>div {
    display: inline-block
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded>div {
        display: inline-flex;
        flex-direction: column;
        height: auto
    }
}

.mrtt-booking-component.expanded .header {
    width: 100%;
    padding: 34px 60px 0;
    background-image: none
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .header {
        padding: 0 24px 0 0;
        display: block
    }
}

.mrtt-booking-component.expanded .header .close-booking {
    height: 80px;
    max-width: 80px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin-right: 55px;
    padding: 25px 32px;
    align-self: flex-start
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .header .close-booking {
        display: inherit
    }
}

.mrtt-booking-component.expanded .header .close-booking:before {
    transform: rotate(180deg)
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .header .heading {
        flex: 3
    }
}

@media (min-width:769px) {
    .mrtt-booking-component.expanded .header .heading {
        transform: translateY(100px);
        animation: d .5s cubic-bezier(.29, .13, .58, 1) .15s forwards
    }
}

.mrtt-booking-component.expanded .header .brand-logo {
    display: inline-block;
    transform: translateY(100px);
    animation: d .5s cubic-bezier(.29, .13, .58, 1) .3s forwards
}

.mrtt-booking-component.expanded hr {
    opacity: 1;
    height: 1px;
    border: none
}

@media (min-width:769px) {
    .mrtt-booking-component.expanded hr {
        display: block
    }
}

.mrtt-booking-component.expanded .booking-form {
    animation: b .6s cubic-bezier(.29, .13, .58, 1) forwards
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form {
        flex: 1
    }
}

.mrtt-booking-component.expanded .booking-form .form {
    padding: 34px 60px;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form .form {
        padding: 34px 23px;
        flex-wrap: nowrap;
        flex-direction: column
    }
}

.mrtt-booking-component.expanded .booking-form .rooms-guests-select {
    display: inline-block
}

.mrtt-booking-component.expanded .booking-form .rooms-guests-panel .label,
.mrtt-booking-component.expanded .booking-form .rooms-guests-panel label {
    width: 100%
}

.mrtt-booking-component.expanded .booking-form .form-group {
    flex-basis: 48.93617%;
    margin: 14px 2.12766% 14px 0;
    position: relative
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form .form-group {
        width: 100%;
        flex-basis: 0;
        margin-right: 0
    }
}

@media (min-width:769px) {
    .mrtt-booking-component.expanded .booking-form .form-group:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form .form-group.destination-form-group {
        flex-basis: 0
    }
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form .date-select,
    .mrtt-booking-component.expanded .booking-form .form-group.destination-form-group .label {
        display: block
    }
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded .booking-form .btn {
        position: relative
    }
}

.mrtt-booking-component.expanded .booking-form:after {
    animation: c .75s cubic-bezier(.29, .13, .58, 1) forwards
}

.mrtt-booking-component.expanded[class*=-panel] .header .close-booking {
    margin-right: 15px
}

.mrtt-booking-component.expanded[class*=-panel] .header .heading {
    padding: 0;
    border: none
}

@media (max-width:768px) {
    .mrtt-booking-component.expanded[class*=-panel] .form-group.destination-form-group {
        flex-basis: auto
    }
}

.mrtt-booking-component.expanded.destination-panel .form {
    flex-direction: column
}

.mrtt-booking-component.expanded.destination-panel .form-group {
    flex-basis: 100%;
    display: flex;
    flex-direction: column
}

.mrtt-booking-component.expanded.destination-panel .dest-list {
    display: block;
    position: relative;
    box-shadow: none;
    flex: 1;
    overflow: scroll
}

.mrtt-booking-component.expanded.destination-panel .dest-list .results {
    flex: 1;
    display: flex
}

.mrtt-booking-component.expanded.destination-panel .dest-list .results ul {
    overflow-y: scroll;
    top: 0!important;
    display: block!important
}

.mrtt-booking-component.expanded.rooms-panel .reset-rooms-guests {
    display: block;
    position: absolute;
    top: -94px;
    right: -20px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px;
    background-color: transparent;
    border: none
}

.mrtt-booking-component.expanded.rooms-panel .form-group {
    margin: 0
}

.mrtt-booking-component.expanded.rooms-panel .rooms-guests-select .rooms-guests-trigger-box,
.mrtt-booking-component.expanded.rooms-panel .rooms-guests-select>.label,
.mrtt-booking-component.expanded.rooms-panel .rooms-guests-select>label {
    display: none
}

.mrtt-booking-component.expanded.rooms-panel .rooms-guests-panel {
    display: block
}

.mrtt-booking-component.expanded.rooms-panel .stepper {
    padding: 0
}

.mrtt-booking-component.expanded.rooms-panel .stepper>div {
    margin: 0 0 20px
}

.mrtt-booking-component .terms-open {
    font-size: 12px;
    position: absolute;
    bottom: -10px;
    right: 0;
    display: none
}

.mrtt-booking-component .terms-open:after {
    position: absolute
}

.mrtt-booking-component .terms-open.show {
    display: block
}

@media (max-width:768px) {
    .mrtt-booking-component .terms-open {
        position: relative;
        align-self: flex-end
    }
}

@media (max-width:768px) {
    .mrtt-booking-component:not(.expanded) .booking-form .form-group input {
        -webkit-appearance: none;
        border-radius: 0;
        padding: 15px 25px 14px 14px
    }
    .mrtt-booking-component:not(.expanded) .booking-form .form-group input.destination {
        padding-left: 35px
    }
}

.mrtt-booking-component.float {
    opacity: 0;
    z-index: -1;
    position: absolute
}

.mrtt-booking-component.float .form {
    padding: 34px 60px;
    flex-wrap: wrap
}

.mrtt-booking-component.float .header {
    width: 100%;
    padding-bottom: 0;
    background-image: none
}

.mrtt-booking-component.float .header .brand-logo {
    display: inline-block
}

.mrtt-booking-component.float .booking-form {
    width: 100%
}

.mrtt-booking-component.float .booking-form:after {
    display: none
}

.mrtt-booking-component.float .booking-form .rooms-guests-select {
    display: inline-block
}

.mrtt-booking-component.float .booking-form .form-group:nth-child(2n) {
    margin-right: 0
}

@media (max-width:768px) {
    .mrtt-booking-component.float.expanded {
        opacity: 1
    }
}

@media (min-width:769px) {
    .mrtt-booking-component.float.expanded {
        animation: e .15s cubic-bezier(.29, .13, .58, 1) .15s forwards
    }
}

.mrtt-booking-component.float.collapsed>div {
    display: inline-block
}

@media (min-width:769px) {
    .mrtt-booking-component.float.collapsed {
        animation: f .2s cubic-bezier(.29, .13, .58, 1) forwards
    }
}

.mrtt-booking-component .dropdown-trigger {
    width: 44px;
    height: 44px;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 3px;
    line-height: 40px;
    padding: 0 26px 0 20px;
    position: absolute;
    right: 0;
    top: 27px
}

.mrtt-booking-component .dropdown-trigger:before {
    right: 23px;
    transform: rotate(45deg)
}

.mrtt-booking-component .dropdown-trigger:after,
.mrtt-booking-component .dropdown-trigger:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .3s ease, -webkit-transform .3s ease;
    -webkit-transition-delay: 0s, 0s;
    transition: width .3s ease 0s, transform .3s ease 0s;
    width: 9px;
    display: block
}

.mrtt-booking-component .dropdown-trigger *,
.mrtt-booking-component .dropdown-trigger:after {
    box-sizing: border-box
}

.mrtt-booking-component .dropdown-trigger:after {
    right: 18px;
    transform: rotate(-45deg)
}

.mrtt-booking-component .dropdown-trigger.dropdown-is-active:after,
.mrtt-booking-component .dropdown-trigger.dropdown-is-active:before {
    width: 14px
}

.mrtt-booking-component .dropdown-trigger.dropdown-is-active:before {
    transform: translateX(5px) rotate(-45deg)
}

.mrtt-booking-component .dropdown-trigger.dropdown-is-active:after {
    transform: rotate(45deg)
}

.mrtt-booking-component .js-rooms-guests-panel {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.mrtt-booking-component .stepper {
    padding: 0 15px;
    display: block
}

.mrtt-booking-component .stepper>div {
    margin: 20px 0;
    display: block
}

.mrtt-booking-component .stepper .field-wrapper {
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap
}

.mrtt-booking-component .stepper .expanded input,
.mrtt-booking-component .stepper input {
    width: 48%;
    margin: 0;
    flex-grow: 2;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.mrtt-booking-component .stepper .minus,
.mrtt-booking-component .stepper .plus {
    margin: 6px;
    line-height: 20px;
    font-size: 25px;
    text-align: center;
    height: 30px;
    width: 30px;
    display: block;
    padding: 0;
    cursor: pointer;
    float: left;
    text-decoration: none;
    align-self: center
}

.mrtt-booking-component .stepper .minus span,
.mrtt-booking-component .stepper .plus span {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    flex-grow: 1
}

.mrtt-booking-component .stepper .icon-minus:before {
    content: "-"
}

.mrtt-booking-component .stepper .icon-plus:before {
    content: "+"
}

.mrtt-booking-component .stepper .stepper-num {
    min-width: 15px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:769px) {
    .mrtt-booking-component .l-rooms-guests-header {
        display: none
    }
    .mrtt-booking-component .l-rooms-guests-panel .l-rooms-guests-footer {
        padding: .35em;
        margin: 0;
        cursor: pointer
    }
    .mrtt-booking-component .l-rooms-guests-panel .l-rooms-guests-footer .rooms-guests-done {
        float: left;
        width: 45%
    }
    .mrtt-booking-component .l-rooms-guests-panel .l-rooms-guests-footer .rooms-guests-clear {
        float: right;
        margin-right: 0;
        font-weight: 600
    }
}

.mrtt-booking-component .dest-list {
    display: none;
    z-index: 20000;
    position: absolute;
    margin-top: -7px;
    width: 100%
}

.mrtt-booking-component .dest-list .autosuggest {
    display: none;
    background-color: #494949;
    color: #f4f4f4
}

.mrtt-booking-component .dest-list .autosuggest.show {
    display: flex;
    height: 100%;
    flex-direction: column
}

.mrtt-booking-component .dest-list .cur-location,
.mrtt-booking-component .dest-list .empty-message,
.mrtt-booking-component .dest-list .pop-dest,
.mrtt-booking-component .dest-list .results-toggle,
.mrtt-booking-component .dest-list .ui-menu-item-wrapper,
.mrtt-booking-component .dest-list .view-all {
    display: none;
    padding: 10px 15px
}

.mrtt-booking-component .dest-list .regions .region-label {
    margin-top: 20px;
    padding: 10px 15px;
    text-transform: uppercase
}

.mrtt-booking-component .dest-list .regions.ui-menu li .ui-menu-item-wrapper {
    padding-left: 30px
}

.mrtt-booking-component .dest-list .cur-location,
.mrtt-booking-component .dest-list .pop-dest {
    display: none
}

.mrtt-booking-component .dest-list .pop-dest ul.pop-dest-list {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap
}

.mrtt-booking-component .dest-list .pop-dest ul.pop-dest-list li {
    margin: 4px;
    display: flex;
    flex-basis: 30%;
    flex-grow: 1
}

.mrtt-booking-component .dest-list .pop-dest ul.pop-dest-list li a {
    padding: 10px;
    text-align: center;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.mrtt-booking-component .dest-list .results-toggle {
    margin: 10px -10px;
    display: flex;
    z-index: 1000
}

.mrtt-booking-component .dest-list .results-toggle button {
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    flex-grow: 1;
    text-transform: uppercase
}

@media (min-width:769px) {
    .mrtt-booking-component .dest-list .ui-autocomplete,
    .mrtt-booking-component .dest-list .ui-menu {
        z-index: 20000;
        position: relative;
        top: 0!important;
        max-height: 350px;
        overflow-y: scroll
    }
}

.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:active,
.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:focus,
.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item a.ui-corner-all:hover,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:active,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:focus,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item a.ui-corner-all:hover {
    background: #494949!important;
    color: #f4f4f4;
    border-radius: 0
}

.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item-wrapper,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item-wrapper {
    display: block;
    cursor: pointer;
    padding: 10px 15px
}

.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item .ui-state-active,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item .ui-state-active {
    background: #565656;
    color: #f4f4f4
}

.mrtt-booking-component .dest-list .ui-autocomplete .ui-menu-item .ui-state-active .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-autocomplete .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-autocomplete .ui-widget-content .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-autocomplete .ui-widget-header .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-menu .ui-menu-item .ui-state-active .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-menu .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-menu .ui-widget-content .ui-state-highlight,
.mrtt-booking-component .dest-list .ui-menu .ui-widget-header .ui-state-highlight {
    color: #fff;
    font-weight: 700
}

.mrtt-booking-component .dest-list .view-all {
    margin-top: 20px;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    vertical-align: middle
}

.mrtt-booking-component .dest-list .view-all [class*=" icon-"],
.mrtt-booking-component .dest-list .view-all [class^=icon-] {
    font-size: .575rem;
    margin: 0 5px
}

@keyframes a {
    0% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes b {
    51%,
    to {
        width: 100%
    }
}

@keyframes c {
    to {
        opacity: 0
    }
}

@keyframes d {
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(-10px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes e {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes f {
    0% {
        opacity: 1;
        z-index: 10001;
        transform: scale(1)
    }
    99% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        z-index: -1
    }
}

@keyframes g {
    0% {
        transform: translateX(100vw)
    }
    to {
        transform: translateX(0)
    }
}

@media (max-width:768px) {
    .date-select {
        display: block
    }
}

.date-select input {
    margin: 0;
    border: none
}

@media (max-width:768px) {
    .date-select .picker {
        width: 100%;
        height: 45vh;
        overflow: scroll
    }
    .date-select .picker.show {
        display: block!important
    }
}

@media (max-width:768px) {
    .date-select .ui-datepicker-buttonpane {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        width: 90%;
        margin: auto
    }
}

.date-select .ui-datepicker-buttonpane button {
    padding: 5px;
    background: transparent;
    border: 0;
    color: #fff
}

@media (max-width:768px) {
    .date-select .ui-datepicker-buttonpane .ui-datepicker-clear {
        display: inline-block
    }
}

@media (max-width:768px) {
    .date-select .ui-datepicker-buttonpane .ui-datepicker-close {
        float: right
    }
}

.date-select .ui-datepicker {
    padding: 15px;
    color: #fff;
    background-color: #494949
}

@media (max-width:768px) {
    .date-select .ui-datepicker {
        width: 100%!important;
        padding-top: 30px
    }
}

.date-select .ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    color: #707070
}

@media (max-width:768px) {
    .date-select .ui-datepicker .ui-datepicker-buttonpane {
        display: none
    }
}

.date-select .ui-datepicker .ui-datepicker-header .ui-icon:before {
    content: "\e901"
}

.date-select .ui-datepicker .ui-datepicker-today {
    border-radius: 50%;
    border: 1px solid #fff
}

.date-select .ui-datepicker .date-range-max-date,
.date-select .ui-datepicker .date-range-min-date,
.date-select .ui-datepicker .date-range-selected {
    background: #565656
}

.date-select .ui-datepicker .date-range-min-date {
    border-radius: 50% 0 0 50%
}

.date-select .ui-datepicker .date-range-max-date {
    border-radius: 0 50% 50% 0
}

.dates-panel .date-select input:focus {
    border-bottom: 5px solid #753c52
}

.dates-panel .date-select .picker {
    margin: 30px 0;
    width: 100%;
    overflow: scroll;
    display: block!important
}

.dates-panel .date-select .ui-datepicker .ui-datepicker-month,
.dates-panel .date-select .ui-datepicker .ui-datepicker-year {
    color: #fff
}

.strip-component {
    width: 100%
}

.strip-component .strip-content {
    justify-content: left;
    align-items: left
}

.strip-component .strip-content .info {
    text-align: left
}

.strip-component .strip-content .info .eyebrow {
    font-family: ProximaNova;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #707070;
    text-transform: uppercase;
    margin-bottom: 7px
}

.strip-component .strip-content .info .heading {
    margin-bottom: 20px
}

.strip-component .strip-content .info .subheading {
    margin-bottom: 10px
}

.strip-component .strip-content .info .logo {
    max-width: 150px
}

.strip-component .strip-content .info .copy ol,
.strip-component .strip-content .info .copy ul {
    display: inline-block;
    text-align: left;
    margin-left: 17px;
    padding: 0 20px
}

.strip-component .strip-content .info .copy ol li,
.strip-component .strip-content .info .copy ul li {
    display: list-item
}

.strip-component .strip-content .info .copy ul {
    list-style: disc
}

.strip-component .strip-content .info .copy ol {
    list-style: decimal
}

.strip-component .strip-content .info .copy blockquote {
    padding: 15px
}

.strip-component .strip-content .info .copy em {
    font-style: italic
}

.strip-component .strip-content .info .copy del {
    text-decoration: line-through
}

.strip-component .strip-content .info .copy a {
    color: #0075d5;
    font-family: ProximaNova;
    font-weight: 700
}

.strip-component .strip-content .info .copy b,
.strip-component .strip-content .info .copy strong {
    font-weight: 700
}

.strip-component .strip-content .info .links {
    margin-top: 40px
}

.strip-component .strip-content .info .links a {
    margin: 0 60px 0 0
}

.strip-component .strip-content .info .links a:last-child {
    margin: 0
}

.strip-component.text {
    padding-top: 60px;
    padding-bottom: 60px
}

.strip-component.text.quote .strip-content .info .heading {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 0
}

.strip-component.text.heading-strip {
    padding-top: 60px;
    padding-bottom: 0
}

@media (max-width:768px) {
    .strip-component.text.heading-strip {
        padding-top: 40px
    }
}

.strip-component.text.heading-strip .strip-content .info .copy,
.strip-component.text.heading-strip .strip-content .info .links {
    margin-top: 20px
}

.strip-component.text.bg-color {
    background-color: #f4f4f4
}

@media (max-width:768px) {
    .strip-component.text {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.strip-component.text .strip-content {
    max-width: 500px
}

@media (max-width:768px) {
    .strip-component.text .strip-content {
        max-width: 400px
    }
}

.strip-component.text .strip-content .info {
    width: 100%
}

@media (max-width:768px) {
    .strip-component.text .strip-content .info {
        padding: 0 10px
    }
}

.strip-component.text .strip-content .info .copy {
    margin: 0 auto
}

.strip-component.text .strip-content .info .copy.narrow {
    max-width: 300px
}

.strip-component.text .strip-content .info .copy.wide {
    max-width: 450px
}

.strip-component.centralized-text-and-image {
    padding-top: 60px;
    padding-bottom: 60px
}

.strip-component.centralized-text-and-image .strip-content {
    max-width: 780px
}

.strip-component.centralized-text-and-image .strip-content .image {
    transform: translateY(20%)
}

.strip-component.centralized-text-and-image .strip-content .info {
    padding: 30px 45px 0 0
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .info {
        padding: 20px 0 0!important;
        max-width: 400px;
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .info .heading {
        text-align: center
    }
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .info .copy {
        text-align: center;
        padding: 0 10px
    }
}

.strip-component.centralized-text-and-image .strip-content .info .links {
    margin-top: 30px
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .info .links {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.strip-component.centralized-text-and-image .strip-content .info .links a {
    margin: 0 30px 0 0
}

.strip-component.centralized-text-and-image .strip-content .info .links a:last-child {
    margin: 0
}

.strip-component.centralized-text-and-image .strip-content .image {
    width: 50%
}

@media (max-width:768px) {
    .strip-component.centralized-text-and-image .strip-content .image {
        width: 100%
    }
}

.strip-component.centralized-text-and-image.inverted .strip-content .info {
    padding: 30px 0 0 45px
}

.strip-component.twin-blocks {
    padding: 80px 0
}

.strip-component.twin-blocks.inverted .strip-content {
    justify-content: flex-end
}

@media (max-width:768px) {
    .strip-component.twin-blocks.inverted .strip-content {
        justify-content: flex-start
    }
}

.strip-component.twin-blocks.inverted .strip-content .image {
    right: auto;
    left: 0
}

.strip-component.twin-blocks.inverted .strip-content .logo-wrapper {
    right: auto;
    left: 7%
}

.strip-component.twin-blocks.animate-in .strip-content .image {
    opacity: 1
}

.strip-component.twin-blocks.animate-in .strip-content .info .copy,
.strip-component.twin-blocks.animate-in .strip-content .info .eyebrow,
.strip-component.twin-blocks.animate-in .strip-content .info .heading,
.strip-component.twin-blocks.animate-in .strip-content .info .links,
.strip-component.twin-blocks.animate-in .strip-content .info .subheading {
    transform: translate(0);
    opacity: 1
}

.strip-component.twin-blocks .strip-content {
    width: 82%;
    max-width: 1180px;
    background-color: #fff;
    justify-content: flex-start
}

@media (max-width:1024px) {
    .strip-component.twin-blocks .strip-content {
        width: 92%
    }
}

.strip-component.twin-blocks .strip-content .info {
    text-align: left;
    background-color: #fff;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .info {
        min-height: 38vw
    }
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .info {
        padding-top: 20px;
        padding-bottom: 40px;
        align-items: left;
        justify-content: left
    }
}

.strip-component.twin-blocks .strip-content .info .heading {
    padding-right: 116px
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .info .heading {
        width: 100%
    }
}

.strip-component.twin-blocks .strip-content .info .copy,
.strip-component.twin-blocks .strip-content .info .eyebrow,
.strip-component.twin-blocks .strip-content .info .heading,
.strip-component.twin-blocks .strip-content .info .links,
.strip-component.twin-blocks .strip-content .info .subheading {
    width: 476px;
    max-width: 81%
}

@media (max-width:768px) {
    .strip-component.twin-blocks .strip-content .info .copy,
    .strip-component.twin-blocks .strip-content .info .eyebrow,
    .strip-component.twin-blocks .strip-content .info .heading,
    .strip-component.twin-blocks .strip-content .info .links,
    .strip-component.twin-blocks .strip-content .info .subheading {
        width: 100%;
        max-width: 400px
    }
}

.strip-component.twin-blocks .strip-content .info .links {
    flex-direction: row
}

.strip-component.twin-blocks .strip-content .info .links a {
    margin: 20px 0 0
}

.strip-component.twin-blocks .strip-content .info .links a:first-child {
    margin: 0
}

.strip-component.twin-blocks .strip-content .info .copy,
.strip-component.twin-blocks .strip-content .info .eyebrow,
.strip-component.twin-blocks .strip-content .info .heading,
.strip-component.twin-blocks .strip-content .info .links,
.strip-component.twin-blocks .strip-content .info .subheading {
    transform: translateY(20%);
    opacity: 0;
    transition: transform .6s cubic-bezier(.08, .83, .36, .98) .6s, opacity .6s cubic-bezier(.08, .83, .36, .98) .6s
}

.strip-component.twin-blocks .strip-content .logo-wrapper {
    position: absolute;
    top: 0;
    right: 7%;
    background-color: #fff;
    padding: 22px;
    z-index: 9
}

.strip-component.twin-blocks .strip-content .logo {
    margin-bottom: 0
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .image {
        position: absolute;
        height: 100%;
        width: 50%;
        right: 0
    }
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .image picture {
        display: flex;
        align-items: center;
        height: 100%
    }
}

@media (min-width:769px) {
    .strip-component.twin-blocks .strip-content .image picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

@media (min-width:769px) {
    .strip-component.call-out.inverted .strip-content {
        justify-content: flex-end;
        align-items: flex-end
    }
}

@media (min-width:769px) {
    .strip-component.call-out .strip-content {
        padding-top: 7vw;
        padding-bottom: 7vw
    }
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content {
        background-color: #fff
    }
}

@media (min-width:769px) {
    .strip-component.call-out .strip-content .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (min-width:769px) {
    .strip-component.call-out .strip-content .image picture {
        display: flex;
        align-items: center;
        height: 100%
    }
}

@media (min-width:769px) {
    .strip-component.call-out .strip-content .image picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.strip-component.call-out .strip-content .image .caption {
    right: 0;
    width: 82%;
    text-align: right;
    max-width: 1180px;
    left: 0;
    margin: 0 auto
}

@media (max-width:1024px) {
    .strip-component.call-out .strip-content .image .caption {
        width: 92%
    }
}

.strip-component.call-out .strip-content .info {
    background-color: hsla(0, 0%, 100%, .95);
    width: 499px;
    left: 9%;
    position: relative
}

@media (max-width:1024px) {
    .strip-component.call-out .strip-content .info {
        left: 4%
    }
}

@media (min-width:769px) {
    .strip-component.call-out .strip-content .info {
        padding: 64px 39px 63px 49px
    }
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content .info {
        width: 100%;
        margin: 0 auto;
        padding-top: 35px;
        padding-bottom: 50px;
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }
}

.strip-component.call-out .strip-content .info .logo {
    margin-bottom: 10px
}

.strip-component.call-out .strip-content .info .links {
    flex-direction: row
}

.strip-component.call-out .strip-content .info .links .link {
    margin: 0 10 0 10px
}

.strip-component.call-out .strip-content .info .links .link:first-child {
    margin-left: 0
}

.strip-component.call-out .strip-content .info,
.strip-component.twin-blocks .strip-content .info {
    text-align: left
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content .info .copy,
    .strip-component.call-out .strip-content .info .heading,
    .strip-component.twin-blocks .strip-content .info .copy,
    .strip-component.twin-blocks .strip-content .info .heading {
        padding: 0
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .strip-component.call-out .strip-content .info .links,
    .strip-component.twin-blocks .strip-content .info .links {
        margin-top: 30px
    }
}

.strip-component.call-out .strip-content .image .caption,
.strip-component.twin-blocks .strip-content .image .caption {
    right: 20px;
    bottom: 18px
}

@media (max-width:768px) {
    .strip-component.call-out .strip-content .image .caption,
    .strip-component.twin-blocks .strip-content .image .caption {
        right: 0!important;
        left: auto!important;
        bottom: 10px;
        width: 100%;
        padding: 0 20px;
        text-align: left
    }
}

.mrrt-promo-modal {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    left: -99999999px;
    transition: opacity 1s
}

.mrrt-promo-modal.open {
    visibility: visible;
    opacity: 1;
    left: 0;
    transition: opacity 1s
}

.mrrt-promo-modal .modal-scroll-hide {
    position: absolute;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: scroll;
    left: 15px;
    top: 15px
}

@media (max-width:768px) {
    .mrrt-promo-modal .modal-scroll-hide {
        left: 0
    }
}

.mrrt-promo-modal .modal-content {
    background-color: #fff;
    position: absolute;
    width: 70%;
    max-width: 900px;
    margin-left: -7.5px;
    color: #707070;
    padding: 77px 90px;
    left: 0;
    right: 0;
    margin: 150px auto 110px
}

@media (max-width:768px) {
    .mrrt-promo-modal .modal-content {
        padding: 60px 40px;
        width: 90%;
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.mrrt-promo-modal .modal-content .close-modal {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 20px;
    color: #707372;
    border: none;
    background: none;
    cursor: pointer
}

@media (max-width:768px) {
    .mrrt-promo-modal .modal-content .close-modal {
        top: 20px;
        right: 20px
    }
}

.mrrt-promo-modal .modal-content li,
.mrrt-promo-modal .modal-content p {
    line-height: 24px
}

.mrrt-promo-modal .modal-content ol,
.mrrt-promo-modal .modal-content p,
.mrrt-promo-modal .modal-content ul {
    margin-bottom: 15px
}

.mrrt-promo-modal .modal-content ol {
    list-style-type: decimal
}

.mrrt-promo-modal .modal-content blockquote {
    padding: 15px
}

.mrrt-promo-modal .modal-content strong {
    font-weight: 700
}

.mrrt-promo-modal .modal-content em {
    font-style: italic
}

.mrrt-promo-modal .modal-content del {
    text-decoration: line-through
}

.mrrt-promo-modal .modal-content a {
    color: #0075d5;
    font-family: ProximaNova;
    font-weight: 700
}

.mrrt-promo-modal .terms ul {
    line-height: 30px;
    list-style-type: disc;
    margin-bottom: 30px
}

.mrrt-promo-modal .modal-heading {
    font-size: 48px;
    text-align: center;
    margin-bottom: 42px;
    font-weight: 700
}

@media (max-width:768px) {
    .mrrt-promo-modal .modal-heading {
        font-size: 32px;
        margin-bottom: 30px
    }
}

.mrrt-promo-modal .modal-contentarea {
    font-size: 14px
}

.cards-component {
    width: 100%;
    background-color: #f4f4f4
}

@media (min-width:769px) {
    .cards-component {
        /* padding: 30px 0 40px */
    }
}

@media (max-width:768px) {
    .cards-component {
        /* padding: 33px 0 70px */
    }
}

.cards-component .cards {
    width: 100%;
    padding: 0 25px;
    justify-content: space-between
}

@media (min-width:1024px) {
    .cards-component .cards {
        padding: 0 65px;
    }
}

@media (min-width:1400px) {
    .cards-component .cards {
        padding: 0 235px;
    }
}

@media (min-width:1450px) {
    .cards-component .cards {
        padding: 1px;
    }
}


.cards-component .cards .card.hide {
    display: none
}

.cards-component .cards li.card {
    text-align: center;
    margin-bottom: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .cards-component .cards li.card {
        margin: 0 20px;
        margin-bottom: 20px
    }
}

.cards-component .image {
    width: 100%;
    flex-grow: 0;
    -ms-flex: 0 0 auto
}

.cards-component .info {
    padding: 30px 5% 35px 5%;
    text-align: left;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.cards-component .info .heading {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 28px
}

.cards-component .info .subheading {
    margin-bottom: 20px;
    font-size: 20px;
}

@media (min-width:768px) {
    .cards-component .info .subheading {
        font-size: 22px;
    }
}


@media (min-width:1024px) {
    .cards-component .info .subheading {
        font-size: 24px;
    }
}

.cards-component .info .copy {
    padding-bottom: 30px
}

@media (max-width:768px) {
    .cards-component .info .copy {
        padding-bottom: 0
    }
}

.cards-component .info .copy ol,
.cards-component .info .copy ul {
    display: inline-block;
    text-align: left;
    margin-left: 17px
}

.cards-component .info .copy ol li,
.cards-component .info .copy ul li {
    display: list-item
}

.cards-component .info .copy ul {
    list-style: disc
}

.cards-component .info .copy ol {
    list-style: decimal
}

.cards-component .info .copy blockquote {
    padding: 15px
}

.cards-component .info .copy strong {
    font-weight: 700
}

.cards-component .info .copy em {
    font-style: italic
}

.cards-component .info .copy del {
    text-decoration: line-through
}

.cards-component .info .copy a {
    color: #b84c16;
    font-family: ProximaNova;
    font-weight: 700
}

.cards-component .info .links {
    display: flex;
    flex: 1 0 auto;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .cards-component .info .links {
        margin-top: 30px
    }
}

.cards-component .info .links a {
    display: block;
    margin: 0 60px 0 0
}

.cards-component .info .links a:last-child {
    margin: 0
}

.cards-component.half-cards li.card:nth-child(odd) {
    background-color: #eee
}

.cards-component.half-cards li.card:nth-child(2n) {
    background-color: #565656
}

.cards-component.half-cards li.card:nth-child(2n) .info .heading,
.cards-component.half-cards li.card:nth-child(2n) .info p {
    color: black;
}

@media (max-width:768px) {
    .cards-component.third-cards {
        width: 100%
    }
}

.cards-component.third-cards li.card {
    width: 32%
}

@media (max-width:768px) {
    .cards-component.third-cards li.card {
        width: 100%;
        margin-bottom: 20px
    }
}

.cards-component__load-more-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #f4f4f4;
    padding: 30px 0;
    margin-top: -10px
}

.carousel-component {
    width: 100%;
}


.carousel-component .slides .carousel-arrow {
    height: 30px;
    width: 15px;
    font-size: 30px;
    background: transparent;
    border: none
}

.carousel-component .slides .carousel-arrow:before {
    color: #004f8c;
    display: block
}

.carousel-component .slides .carousel-arrow.slick-disabled {
    display: none!important
}

.carousel-component .slides .carousel-arrow.carousel-arrow-prev {
    left: 5%
}

@media (max-width:1024px) {
    .carousel-component .slides .carousel-arrow.carousel-arrow-prev {
        left: 1%
    }
}

.carousel-component .slides .carousel-arrow.carousel-arrow-next {
    right: 5%
}

@media (max-width:1024px) {
    .carousel-component .slides .carousel-arrow.carousel-arrow-next {
        right: 1%
    }
}

.carousel-component .slide-count-container {
    display: none!important
}

@media (max-width:768px) {
    .carousel-component .slide-count-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        background-color: #eee
    }
}

.carousel-component .slide-count-container .carousel-arrow {
    position: static;
    width: 80px;
    height: 100%;
    transform: translate(0)
}

.carousel-component .slide-count {
    bottom: 40px;
    right: 0;
    background-color: #565656;
    color: #fff;
    padding: 10px
}

@media (max-width:768px) {
    .carousel-component .slide-count {
        margin-top: 0;
        margin-right: 0;
        position: static;
        background-color: transparent;
        color: #565656
    }
}

.carousel-component>.inverted.twin-blocks.strip-component .slide-count {
    left: 0
}

.carousel-component .slick-dots {
    bottom: 26px;
    left: 0;
    right: 0
}

.carousel-component .slick-dots li {
    width: 15px;
    height: 15px;
    border: 1px solid #707070;
    margin-left: 15px;
    border-radius: 50%
}

.carousel-component .slick-dots li:first-child {
    margin-left: 0
}

.carousel-component .slick-dots li.slick-active {
    border-color: #004f8c
}

.carousel-component .slick-dots li.slick-active button:before {
    color: #004f8c
}

.carousel-component .slick-dots li button {
    width: 15px;
    height: 15px
}

.carousel-component .slick-dots li button:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.carousel-component .slick-dots li button:before {
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    font-size: 20px;
    line-height: 15px;
    color: transparent
}

@media (max-width:768px) {
    .carousel-component .slick-dots li button:before {
        left: -1px
    }
}

.carousel-component .strip-component,
.carousel-component .strip-content {
    height: 100%
}

@media (max-width:768px) {
    .carousel-component .strip-component.text {
        padding-bottom: 66px
    }
}

@media (max-width:768px) {
    .carousel-mobile-component .slide-count-container {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #eee
    }
}

@media (max-width:768px) {
    .carousel-mobile-component .slide-count-container .carousel-arrow {
        position: static
    }
}

.carousel-mobile-component .carousel-arrow {
    width: 80px;
    height: 40px;
    bottom: -12px;
    background-color: #eee
}

.carousel-mobile-component .slide-count {
    margin-top: 40px;
    font-family: ProximaNova;
    font-size: 18px
}

@media (max-width:768px) {
    .carousel-mobile-component .slide-count {
        margin-top: 0
    }
}

.copy-container{
  text-align: center;
    background: white;
    position: relative;
    padding: 20px 10px;
    margin-bottom: 30px;
}

@media(min-width:768px){
  .copy-container{
    text-align: center;
      background: white;
      position: relative;
      padding: 50px 10px;
      margin-bottom: 40px;
        top: -20px;
  }
}

.header-copy{
  font-size: 40px;
  margin-bottom: 30px;
  font-family: Swiss;
}

@media(min-width:768px){
  .header-copy{
    font-size: 2.5rem;
  }
}

.body-copy{
  font-size: 13px;


}

@media(min-width:768px){
  .body-copy{
    font-size: 17px;


  }
}

.header-component {
    background-color: #fff;
    z-index: 9999;
    color: #494949;
    padding: 14px 0;
    box-sizing: border-box;
    overflow: visible;
    margin: 0 auto;
    border-top: 7px solid black;
}

@media (min-width:769px) {
    .header-component {
        height: 118px!important;
        padding: 0 100px;
    }
}

@media (min-width:1023px) {
    .header-component {
        height: 118px!important;
        padding: 1px 1px 1px 1px;
    }
}

@media (max-width:768px) {
    .header-component {
        padding: 0;
        border-bottom: none;
        height: 44px
    }
}

@media (max-width:769px) {
    .header-component.mobile-nav-open {
        background: #eee
    }
    .header-component.mobile-nav-open .settings-section .language-selector {
        bottom: 20px;
        left: 5.3%;
        display:none;
    }
    .header-component.mobile-nav-open .settings-section .language-selector.open {
        left: 0;
        bottom: auto;
        padding: 32px 5.3%;
        color: #494949;
        background-color: #eee
    }
    .header-component.mobile-nav-open .settings-section .help-link {
        display: block;
        margin-top: 8px;
            display: block;
            border-bottom: 1px solid black;
            padding-bottom: 5px;
    }

  .header-component.mobile-nav-open .settings-section .menu-top-menu-container{
      display: block;
    }
    .header-component.mobile-nav-open .header-content {
        background-color: #fff;

    }
}

.header-component.open {
    height: 100%
}

.header-component .open-mobile-nav-btn {
    width: 44px;
    height: 44px;
    z-index: 9999;
}

.header-component .brand-logo {
    display: block;
    width: 160px;
    height: 114px
}

@media (max-width:1023px) {
    .header-component .brand-logo {
        position: absolute;
        left: 0px;
        bottom: -14px;
    }
}

@media (min-width:1024px) {
    .header-component .brand-logo {
      left: 100px;
      position: absolute;
      botom: -14px;
    }
}
@media (max-width:768px) {
    .header-component .brand-logo {
        height: 80%;
        max-height: 35px;
        width: auto;
        top: 4px;
        position: absolute;
        left: -4%;
        transform: translateX(-50%)
    }
}

.header-component .brand-logo img {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:768px) {
    .header-component .brand-logo img {
        width: auto
    }
}

.header-component .header-content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-family: ProximaNova;
    font-size: 11px
}

@media (max-width:769px) {
    .header-component .header-content {
        position: static;
        max-width: 100%
    }
}

.header-component .settings-section {

    font-size: 14px
}

@media(min-width:769px){
  .header-component .settings-section {
      padding-right: 54px;
      font-size: 14px;
      padding-top: 10px;
  }
}

.header-component .language-selector {
    position: relative;
    margin-right: 25px;
    display: none;
}

@media (min-width:769px) {
    .header-component .language-selector:hover .current-language:after {
        bottom: -4px
    }
}

@media (max-width:768px) {
    .header-component .language-selector {
        text-transform: none;
        color: #494949
    }
}

.header-component .language-selector .languages-icon {
    font-size: 18px;
    position: absolute;
    left: -21px;
    top: -3px
}

@media (max-width:768px) {
    .header-component .language-selector .languages-icon {
        position: relative;
        font-size: 16px;
        top: 1px;
        left: -2px
    }
}

.header-component .language-selector .current-language {
    text-transform: none
}

@media (max-width:768px) {
    .header-component .language-selector .current-language {
        font-size: 16px
    }
}

.header-component .language-selector .icon-carret {
    display: inline-block;
    transform: rotate(90deg);
    font-size: 11px;
    position: absolute;
    right: -13px;
    top: 2px
}

@media (max-width:768px) {
    .header-component .language-selector .icon-carret {
        display: none
    }
}

.header-component .language-selector ul.language-list {
    position: relative;
    z-index: 20;
    background-color: #eee
}

.header-component .language-selector ul.language-list li a.active {
    color: #000
}

@media (max-width:768px) {
    .header-component .language-selector.open {
        background-color: #1b1a1a
    }
}

@media (min-width:769px) {
    .header-component .language-selector.open .languages-container ul.language-list {
        background-color: #f4f4f4;
        min-width: 100px;
        top: 10px;
        left: -20px
    }
}

@media (max-width:768px) {
    .header-component .language-selector.open .languages-container ul.language-list {
        padding-left: 0;
        font-weight: 500
    }
}

.header-component .language-selector.open .languages-container ul.language-list li {
    padding: 25px 20px 0
}

.header-component .language-selector.open .languages-container ul.language-list li:last-child {
    padding-bottom: 25px
}

@media (max-width:768px) {
    .header-component .language-selector.open .languages-container ul.language-list li {
        font-size: 22px
    }
}

@media (max-width:768px) {
    .header-component .language-selector.open .language-close {
        position: absolute;
        top: 26px;
        right: 5.3%;
        font-size: 20px
    }
}

.header-component .help-link {
    position: relative;
    margin-left: 30px

}

@media (max-width:769px) {
    .header-component .help-link {
        position: relative;
        left: -40px;
        font-size: 16px;
        display: none;
        top: 50px;
        width: 180px;
    }
}


.mobile-hero-header{
  display: block
}

@media (min-width:770px) {
  .mobile-hero-header{
    display: none;
  }
}

.header-component .help-link .help-icon {
    font-size: 18px;
    position: absolute;
    left: -21px;
    top: -3px
}

@media (max-width:768px) {
    .header-component .help-link .help-icon {
        position: relative;
        font-size: 16px;
        top: 1px;
        left: -2px
    }
}

.header-component .nav-section {
    padding-top: 33px;
    padding-left: 10px;
    margin-left: 52px;
    justify-content: flex-end
}

@media (max-width:768px) {
    .header-component .nav-section {
        border: 0;
        padding: 20px 5.3%;
        margin: 0
    }
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu {
        margin-top: 46px
    }
}

.header-component .nav-section ul.nav-menu li {
    text-transform: uppercase;
    letter-spacing: .096em;
    padding: 0 103px 0 0;
    box-sizing: border-box;
    position: relative
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu li {
        color: #004f8c;
        font-size: 20px;
        margin: 0 0 20px;
        text-transform: none;
        font-weight: 700
    }
}

.header-component .nav-section ul.nav-menu li.menu-item-has-children:after {
    position: absolute;
    top: .6px;
    right: 88px;
    display: inline-block;
    width: 0;
    padding: 2.6px;
    content: "";
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 .8px .8px 0
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.menu-item-has-children:after {
        display: none
    }
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.menu-item-has-children>a {
        display: inline-block;
        position: relative
    }
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.menu-item-has-children>a:after {
        position: absolute;
        top: 6.6px;
        right: -20px;
        display: inline-block;
        width: 0;
        padding: 2.9px;
        content: "";
        transform: rotate(-45deg);
        border: solid #004f8c;
        border-width: 0 2.2px 2.2px 0
    }
}

.header-component .nav-section ul.nav-menu li ul {
    display: none
}

@media (min-width:769px) {
    .header-component .nav-section ul.nav-menu li.expanded ul,
    .header-component .nav-section ul.nav-menu li:hover ul {
        display: block;
        max-height: none;
        max-width: none;
        overflow: visible;
        opacity: 1;
        position: absolute;
        top: 0;
        left: -20px;
        background-color: #004f8c;
        margin: 24px 0 0;
        padding: 20px 20px 12px;
        z-index: 8
    }
    .header-component .nav-section ul.nav-menu li.expanded ul li,
    .header-component .nav-section ul.nav-menu li:hover ul li {
        margin: 0 0 20px;
        white-space: nowrap
    }
}

@media (max-width:768px) and (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.expanded>a:after {
        display: none
    }
}

@media (max-width:768px) and (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.expanded>a:before {
        position: absolute;
        top: 5.6px;
        left: -14px;
        display: inline-block;
        width: 0;
        padding: 2.9px;
        content: "";
        transform: rotate(-224deg);
        border: solid #004f8c;
        border-width: 0 2.2px 2.2px 0
    }
}

@media (max-width:768px) {
    .header-component .nav-section ul.nav-menu li.expanded ul {
        max-height: 1000px;
        max-width: 110px;
        overflow: visible;
        padding: 26px 0 0;
        opacity: 1;
        transition: max-height .36s cubic-bezier(.32, .86, .55, .93) .16s, height .36s cubic-bezier(.32, .86, .55, .93) .16s, padding .36s cubic-bezier(.32, .86, .55, .93) .16s, opacity .36s ease-out .32s;
        position: relative;
        left: 16px
    }
    .header-component .nav-section ul.nav-menu li.expanded ul li {
        margin: 0 0 20px;
        white-space: nowrap
    }
}

.header-component a.reserve.cta {
    color: #004f8c;
    background-color: #f4f4f4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 90px;
    letter-spacing: .096em;
    align-self: flex-start;
    position: relative;
    top: -17px
}

@media (max-width:768px) {
    .header-component a.reserve.cta {
        width: 100%;
        text-align: center;
        border: 1px solid #004f8c;
        background-color: transparent;
        color: #004f8c;
        top: 0
    }
}

@media (min-width:769px) {
    .header-component a.reserve.cta:hover {
        color: #000
    }
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 20px;
    height: 12px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 20px;
    height: 2px;
    background-color: #494949;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -5px
}

.hamburger-inner:after {
    bottom: -5px
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-4px, 0, 0) rotate(-45deg) scaleX(.7);
    left: -1px
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-4px, 0, 0) rotate(45deg) scaleX(.7);
    left: -1px
}

.footer-component {
    font-family: ProximaNova;
    overflow: hidden
}

.footer-component .bottom,
.footer-component .footer-meta {
    background-color: #494949;
    position: relative
}

.footer-component .bottom {
    padding: 0;
    bottom: 0!important
}

@font-face {
    font-family: Marriott-Brands;
    src: url(../../assets/fonts/marriott-brands/Marriott-Brand-Icons.eot?65xkc1);
    src: url(../../assets/fonts/marriott-brands/Marriott-Brand-Icons.eot?65xkc1#iefix) format("embedded-opentype"), url(../../assets/fonts/marriott-brands/Marriott-Brand-Icons.ttf?65xkc1) format("truetype"), url(../../assets/fonts/marriott-brands/Marriott-Brand-Icons.woff?65xkc1) format("woff"), url(../../assets/fonts/marriott-brands/Marriott-Brand-Icons.svg?65xkc1#Marriott-Brand-Icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" brand-icon-"],
[class^=brand-icon-] {
    font-family: Marriott-Brands!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    -moz-osx-font-smoothing: grayscale
}

.brand-icon-Courtyard:before {
    content: "\e900"
}

.brand-icon-Delta:before {
    content: "\e901"
}

.brand-icon-Fairfield:before {
    content: "\e902"
}

.brand-icon-JW-Marriott:before {
    content: "\e903"
}

.brand-icon-Marriott-Vacation-Club:before {
    content: "\e904"
}

.brand-icon-Protea:before {
    content: "\e905"
}

.brand-icon-Residence-Inn:before {
    content: "\e906"
}

.brand-icon-SHS-Logo:before {
    content: "\e907"
}

.brand-icon-Townehouse-Suites:before {
    content: "\e908"
}

.brand-icon-Tribute:before {
    content: "\e909"
}

.brand-icon-RitzCarltonRewards_G2:before {
    content: "\e90a"
}

.brand-icon-RitzCarlton_G2:before {
    content: "\e90b"
}

.brand-icon-Element_G:before {
    content: "\e90c"
}

.brand-icon-FourPoints_G:before {
    content: "\e90d"
}

.brand-icon-Aloft_G:before {
    content: "\e90e"
}

.brand-icon-DesignHotels_G:before {
    content: "\e90f"
}

.brand-icon-Tribute_G:before {
    content: "\e910"
}

.brand-icon-LM_G:before {
    content: "\e911"
}

.brand-icon-Sheraton_G:before {
    content: "\e912"
}

.brand-icon-Westin_G:before {
    content: "\e913"
}

.brand-icon-WHotels_G:before {
    content: "\e914"
}

.brand-icon-TLC_G:before {
    content: "\e915"
}

.brand-icon-StRegisLogo-verticalblackonwhitebackground:before {
    content: "\e916"
}

.brand-icon-SPG_G:before {
    content: "\e917"
}

.brand-icon-Moxy_G:before {
    content: "\e918"
}

.brand-icon-ProteaHotels_G:before {
    content: "\e919"
}

.brand-icon-Towneplace_G:before {
    content: "\e91a"
}

.brand-icon-Fairfield_G:before {
    content: "\e91b"
}

.brand-icon-SpringHillSuites_G:before {
    content: "\e91c"
}

.brand-icon-ResidenceInn_G:before {
    content: "\e91d"
}

.brand-icon-CourtyardMarriott_G:before {
    content: "\e91e"
}

.brand-icon-ACHotels_G:before {
    content: "\e91f"
}

.brand-icon-GaylordHotels_G:before {
    content: "\e920"
}

.brand-icon-MarriottRewards_G:before {
    content: "\e921"
}

.brand-icon-MarriottVacation_G:before {
    content: "\e922"
}

.brand-icon-MarriottApartments_G:before {
    content: "\e923"
}

.brand-icon-Delta_G:before {
    content: "\e924"
}

.brand-icon-Marriott_G:before {
    content: "\e925"
}

.brand-icon-Reniassance_G:before {
    content: "\e926"
}

.brand-icon-AutographCollection_G:before {
    content: "\e927"
}

.brand-icon-JWMarriott_G:before {
    content: "\e928"
}

.brand-icon-EDITION_G:before {
    content: "\e929"
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.m-brand-portfolio {
    margin: 0;
    padding: 2rem 0 0;
    position: relative;
    max-width: 1008px;
    margin: 0 auto;
    color: #fff
}

@media (min-width:481px) {
    .m-brand-portfolio {
        padding: 40px .5em
    }
}

@media (max-width:480px) {
    .m-brand-portfolio {
        max-width: 310px;
        overflow: hidden
    }
}

.m-brand-portfolio [class*=" brand-icon-"],
.m-brand-portfolio [class^=brand-icon-] {
    color: inherit;
    text-align: center
}

.m-brand-portfolio .m-porfolio-container {
    padding: 1.9375rem 0 .625rem
}

.m-brand-portfolio .m-porfolio-container .t-portfolio-sprite:focus,
.m-brand-portfolio .m-porfolio-container .t-portfolio-sprite:hover {
    color: #bfbfbf
}

.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border {
    border: 0;
    border-top: 2px solid #8d8d8d;
    border-bottom: 2px solid #8d8d8d;
    position: relative
}

.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after,
.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    z-index: 1
}

.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
    background: #8d8d8d;
    top: 0;
    left: 0
}

.m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after {
    background: #8d8d8d;
    top: 0;
    right: 0
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row {
    position: relative
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-sprite {
    background-size: 414px;
    background-color: #494949;
    display: block;
    height: 2.5rem;
    width: 5.875rem;
    position: absolute;
    z-index: 1
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-rz-r {
    right: 5.625rem;
    top: -3.125rem;
    width: 6.125rem;
    font-size: 18px;
    padding-top: 10px
}

@media (max-width:480px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-rz-r {
        font-size: 14px;
        padding-top: 18px
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
    height: 2.3125rem;
    right: -.25rem;
    top: -3.125rem;
    font-size: 28px
}

@media (max-width:768px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
        font-size: 32px;
        border: none
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-row .t-portfolio-spg {
    top: -3.125rem;
    left: -.0375rem;
    padding-top: 15px;
    font-size: 21px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none
}

@media (min-width:481px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list {
        margin-left: 1rem
    }
}

@media (max-width:480px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list {
        flex-direction: column;
        justify-content: space-evenly
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list.is-hidden-xs {
        display: none
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list li {
    display: inline-block;
    vertical-align: text-top
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list li .t-portfolio-sprite {
    display: block;
    margin-bottom: 24px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-rz {
    font-size: 39px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-eb {
    font-size: 10px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ak,
.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-jw {
    font-size: 25px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-br {
    font-size: 32px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-mc {
    font-size: 34px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-de {
    font-size: 43px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-er {
    font-size: 25px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-mb {
    font-size: 31px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ge {
    font-size: 32px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ar {
    font-size: 29px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-cy {
    font-size: 7px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ri {
    font-size: 9px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-sh {
    font-size: 19px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-fn {
    font-size: 11px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-tp {
    font-size: 16px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-pr {
    font-size: 22px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ox {
    font-size: 18px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-spg {
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-st {
    font-size: 23px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-lc {
    font-size: 25px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-wh {
    font-size: 29px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-wi {
    font-size: 9px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-si {
    font-size: 22px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-md {
    font-size: 8px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-tx {
    font-size: 12px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-ds {
    font-size: 13px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-al {
    font-size: 12px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-4p {
    font-size: 15px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-list .t-portfolio-el {
    font-size: 29px
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-mi {
    display: inline-block;
    vertical-align: top;
    width: 63%
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-mi .is-hidden-sm {
    display: none
}

@media (max-width:480px) {
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi .is-hidden-sm {
        display: flex;
        justify-content: space-between
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi .is-hidden-sm ul:last-child {
        margin-right: .5em
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-spg {
    display: inline-block;
    width: 35%
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-spg li {
    padding: 0 .3125rem
}

@media (min-width:481px) {
    .m-brand-portfolio .l-portfolio-meatball-container {
        margin: 0 0 0 3.625rem;
        padding: 0
    }
    .m-brand-portfolio .l-portfolio-meatball-container .l-portfolio-meatball {
        width: 5.25rem
    }
    .m-brand-portfolio .l-portfolio-meatball-container .l-portfolio-meatball .t-portfolio-meatball {
        background-size: auto;
        height: 4rem;
        width: 5.25rem;
        position: absolute;
        bottom: -2rem
    }
    .m-brand-portfolio .l-portfolio-meatball-container:before {
        content: none
    }
    .m-brand-portfolio .m-porfolio-container {
        margin: 0 0 0 3.625rem;
        padding: 1.9375rem 0 .625rem .3125rem
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border {
        border: 0;
        border-left: 2px solid #8d8d8d;
        border-right: 2px solid #8d8d8d;
        position: relative
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after,
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        z-index: 1
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:before {
        background: #8d8d8d;
        top: 0;
        left: 0
    }
    .m-brand-portfolio .m-porfolio-container.t-linear-gradient-border:after {
        background: #8d8d8d;
        bottom: 0;
        left: 0;
        top: inherit;
        right: inherit
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row {
        margin-left: 3.125rem;
        position: relative
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-sprite {
        background-size: auto;
        background-color: #494949;
        display: block;
        height: 3.125rem;
        width: 7.25rem;
        position: absolute
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-rz-r {
        left: -7.25rem;
        top: 0
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-mi-r {
        border: 0;
        left: -7.25rem;
        top: 3.125rem;
        font-size: 36px;
        height: 5rem;
        padding-top: 1.1rem;
        padding-bottom: 1rem
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-row .l-portfolio-reward .t-portfolio-spg {
        left: -7.25rem;
        top: -.375rem
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li {
        padding: 0 20px;
        width: 92px
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li:first-child,
    .m-brand-portfolio .m-porfolio-container .l-portfolio-list li:nth-child(10) {
        padding-left: 0
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-mi {
        display: block;
        width: auto
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg {
        border: 0;
        display: block;
        margin-top: .625rem;
        width: auto
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg ul li {
        padding: 0;
        width: 74px
    }
    .m-brand-portfolio .m-porfolio-container .l-portfolio-spg ul li a {
        margin-bottom: 0
    }
}

.m-brand-portfolio .m-porfolio-container .l-portfolio-spg:before {
    display: none
}

.hidden-label,
.is-hidden-label,
.is-hidden-text,
.ui-icon {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px)
}

.is-hidden-sm {
    display: block
}

.is-visibile-sm {
    display: none
}

.is-hidden-xs {
    display: block
}

.l-center-align {
    text-align: center
}

.l-margin-right-none {
    margin-right: 0
}

.l-margin-left-half {
    margin-left: .5em
}

@media (min-width:481px) {
    .l-xs-col-2 {
        width: 46.66667%;
        float: left
    }
    .l-xs-last-col {
        float: right;
        margin-right: 0
    }
    .is-hidden-xs {
        display: none
    }
}

@media (min-width:481px) {
    .is-visible-sm,
    .is-visible-xs {
        display: block
    }
    .is-hidden-sm {
        display: none
    }
    .is-hide-block-pre-sm {
        display: block
    }
    .is-hide-block-post-sm {
        display: none
    }
}

body.IE .mrtt-booking-component .booking-form .btn {
    margin: 22px 0 7px
}

body.IE .mrtt-booking-component .emdash {
    height: 46px
}

body.IE .strip-component .strip-content {
    justify-content: flex-start
}

body.IE .custom-object-fit {
    background-size: cover;
    background-position: 50% 50%
}

body.IE .custom-object-fit picture {
    display: none!important
}

.page-container {
    max-width: 1600px;
    padding-left: 130px;
    padding-right: 130px;
    margin-left: auto;
    margin-right: auto
}

.site-container {
    font-family: ProximaNova, sans-serif;
    display: flex;
    flex-direction: column;
}

@media(max-width:768px) {
  .site-container {
    padding-top: 45px;
  }
}
#skipnav {
    position: absolute;
    top: -40px;
    left: 0
}

#skipnav:focus {
    top: 0;
    left: 0
}

.site-footer,
.site-header {
    flex: 0 0 auto;
    width: 100%
}

.site {
    margin-bottom: 0!important
}

.site-main {
    flex: 1 0 auto;
    width: 100%
}

@font-face {
    font-family: Brand-Logo-Icons;
    src: url(../fonts/brand-logo/brand-logo-icons.eot?zncz48);
    src: url(../fonts/brand-logo/brand-logo-icons.eot?zncz48#iefix) format("embedded-opentype"), url(../fonts/brand-logo/brand-logo-icons.ttf?zncz48) format("truetype"), url(../fonts/brand-logo/brand-logo-icons.woff?zncz48) format("woff"), url(../fonts/brand-logo/brand-logo-icons.svg?zncz48#Marriott-Brands) format("svg");
    font-weight: 400;
    font-style: normal
}

.brand-icon-marriottbonvoy {
    position: relative;
    color: #fff;
    font-size: 30px;
    padding: 0px 10px 5px 13px;
    display: inline-block;
    top: 3px;
    z-index: 9999;
    right: -127px;
    background-color: black;
    top: -4px;
}

.brand-icon-marriottbonvoy:after {
    font-family: Brand-Logo-Icons!important;
    content: "\e921";
    position: absolute;
    top: 4px;
    left: 13px;
    color: #ff9662
}

@media (min-width:770px) {
    .brand-icon-marriottbonvoy {
      font-size: 40px;
      padding: 68px 8px 44px 13px;
      position: relative;
      top: -14px;
      right: auto;
    }
    .brand-icon-marriottbonvoy:after {
      top: 70px;
  l   left: 14px;
    }
}

.brand-icon-marriottbonvoy:before {
    font-family: Brand-Logo-Icons!important;
    content: "\e920"
}

.menu-item {
  font-family: Swiss;
}

.menu-top-menu-container{
    display: none;
}

@media(min-width:770px){
  .menu-top-menu-container{
    position: relative;
      left: 170px;
      top: 60px;
      display: block;
  }
}

@media(min-width:1023px){
  .menu-top-menu-container{
    position: relative;
      left: 270px;
      display: block;
  }
}

#menu-top-menu{
  display: flex;
}
@media(min-width: 769px) {
  #menu-top-menu {
    min-width: 475px;
  }
}

@media(min-width: 769px) {
  #menu-top-menu {
    min-width: 500px;
  }
}
@media(min-width: 860px) {
  #menu-top-menu {
    min-width: 600px;
  }
}
.menu-item-type-custom{
  margin: 0 9px;
  font-size: 17px;
    font-weight: bold;
    font-family: ProximaNova!important;
}

@media(min-width:850px){
  .menu-item-type-custom{
    margin: 0 9px;
    font-size: 17px;
    font-weight: bold;
    padding-left: 20px;
  }
}

@media(min-width:1200px){
  .menu-item-type-custom{
    margin: 0 9px;
    font-size: 17px;
    font-weight: bold;
    padding-left: 40px;
  }
}

#ui-id-1{
  display: none;
  pointer-events: none;
}

#ui-id-2{
  display: block!important;
}

#ui-id-3{
  display: block!important;
}

#ui-id-4{
  display: block!important;
}

#ui-id-4, #ui-id-7, #ui-id-10 {
  border: .0625rem solid #d2d2d2;
  background: white;
  width: 67.5%;
  margin: 15px auto;
  padding: 15px;
}

@media(min-width:1024px){
#ui-id-4, #ui-id-7, #ui-id-10  {
    border: .0625rem solid #d2d2d2;
    background: white;
    width: 67.5%;
    margin: 15px auto;
    padding: 15px;
  }
}

@media(min-width:1450px){
#ui-id-4, #ui-id-7, #ui-id-10  {
    border: .0625rem solid #d2d2d2;
    background: white;
    width: 100%;
    margin: 15px auto;
    padding: 15px;
  }
}

#ui-id-6, #ui-id-9, #ui-id-12, #ui-id-13 {
  display: none;
}

/* #ui-id-4, #ui-id-6  {
  border: .5px solid black;
  background: white;
  width: 93.5%;
  margin: 15px auto;
  border-radius: 14px;
  margin-bottom: 2px;
  padding: 15px;
  margin-bottom: 20px;
}

@media(min-width:1024px){
  #ui-id-4, #ui-id-6 {
    border: .5px solid black;
    background: white;
    width: 93.5%;
    margin: 15px auto;
    border-radius: 14px;
    margin-bottom: 2px;
    padding: 15px;
    margin-bottom: 20px;
  }
} */

/* #ui-id-5, #ui-id-8, #ui-id-12{
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#ui-id-6, #ui-id-13, #ui-id-10{
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

#ui-id-9{
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
} */


.sub-heading-copy{
  padding: 0 30px;
}

@media(min-width:768px){
  .sub-heading-copy{
    padding: auto;
  }
}

.arrow-rotation-down{
  -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 display: inline-block;
 display: none;

}
.arrow-rotation-1, .arrow-rotation-2, .arrow-rotation-3, .arrow-rotation-4 {
  display: inline-block;
  position: relative;
float: right;
top: 8px;
}


@media(min-width:1430px){
  .tile-section-container{
    width: 1440px;
    margin: 0 auto;
  }
}

.cobrand-wrapper{
  background: white;
  padding: 20px 0;
  text-align: center;
}

.cobrand-container{
  margin: 0 auto;
  font-family: ProximaNova;
}

.cobrand-text-container{
  position: relative;
  top: 10px;
}

.cobrand-image{
  width: 300px;
}

.link{
  display: block;
}

.credit-text{
  font-size: 20px;
  font-weight: bold;
}
.benefits-text{
  display: block;
  margin: 20px 0;
  font-size: 18px;
}

@media(min-width:850px){
  .cobrand-wrapper{
    background: white;
    padding: 20px 0;
    text-align: left;
  }

  .cobrand-container{
    display: flex;
    width: 865px;
    margin: 0 auto;
    font-family: ProximaNova;
  }

  .cobrand-text-container{
    position: relative;
    margin-left: 30px;
    top: 50px;
  }

  .cobrand-image{
    width: 400px;
  }

  .link{
    display: block;
  }

  .credit-text{
    font-size: 25px;
  }
  .benefits-text{
    display: block;
    margin: 20px 0;
    font-size: 20px;
  }
}


.cobrand-link {
    font-size: 16px;
    line-height: 19px;
    color: #b84c16;
    font-family: ProximaNova;
    font-weight: 700;
    text-decoration: none;
}

.cn-copy-1{
  font-size: 16px;
  line-height: 22px;
  text-align:left !important;
  padding-left: 100px;
  padding-right: 100px;
  flex: 80%;
  padding-bottom: 30px;
}

@media(max-width:1023px){
  .cn-copy-1{
    padding-left: 20px;
    padding-right: 20px;
  }
}
.sidebar {
    flex: 20%;
    background-color: #f4f4f4;
    right: 0;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 22px;
}
.sidebar a:hover {
  font-weight: bold;
}

@media(max-width:1023px){
  .sidebar {
    flex: 100%;
    height: auto;
    padding-bottom: 45px;

  }
}

.details {
  display: flex;
  clear: both;
  content: "";
}
@media(max-width:699px){
  .details {
    display: grid;
  }
}
.information {
  width: 50%;
  float: left;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 40px;
}
@media(max-width:699px){
  .information {
    width: 100%;
    padding-top: 15px;
  }
}
@media(max-width:768px){
  .information {
    margin-top: 0;
  }
}

hr.hr {
  border: 1px solid lightgrey;
}

.sidebar-2 {

}

@media(max-width:1023px){
  .sidebar-2 {
  display: block;
  }
}

.info-copy {
font-size: 16px;
font-family: ProximaNova-Regular, sans-serif;
line-height: 20px;
  width: 90%;
  margin-top: 15px;
  margin-bottom: 20px;
}
.cover {
  font-size: 24px;
  font-family: ProximaNova semibold, sans-serif;
  line-height: 28px;
  width: 100%;
  padding-top: 10px;
}
.face-coverings {
  font-size: 16px;
  font-family: ProximaNova-Regular, sans-serif;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 98px;
  padding-right: 98px;
}
@media(max-width: 1080px) {
  .face-coverings {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media(max-width: 425px) {
  .face-coverings {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media(max-width:768px){
  .info-copy {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    padding-right: 15px;
    margin-top: 0;
  }
}

h1 {
  font-size: 3.5vw;
  font-family: swiss721BT-BoldCondensed, sans-serif;
  line-height: 3.25rem;
  padding-top: 25px;
  padding-bottom: 25px;
  text-shadow: 0 0 0.125rem #1C1C1C;
}

@media(max-width:768px){
  h1 {
    font-size: 32px;
    line-height: 39px;
    padding-top: 30px;
  }
}
@media(max-width:699px){
  h1 {
    font-size: 32px;
    line-height: 39px;
  }
}
.clean-logo {
  width: 20% !important;
  margin-left: auto;
  margin-right: auto;
}
@media(max-width:699px){
  .clean-logo {
    width: 50% !important;
  }
}
h2 {
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
  font-family: swiss721BT-BoldCondensed, sans-serif;
}
@media(max-width:768px){
  h2  {
    font-size: 28px;
    line-height: 32px;
  }
}
h3 {
  font-size: 24px;
  font-family: ProximaNova semibold, sans-serif;
  line-height: 28px;
  width: 90%;
}
@media(max-width:768px){
  h3  {
    font-size: 22px;
    line-height: 26px;
  }
}
@media(max-width:425px){
  h3  {
    font-size: 20px;
    line-height: 24px;
  }
}
h4 {
  font-size: 20px;
  font-family: ProximaNova, sans-serif;
  line-height: 24px;
}
@media(max-width:768px){
  h4  {
    font-size: 20px;
    line-height: 24px;
  }
}

.pacsys_icon {
  font-size: 10px !important;
}
.video {
  margin-bottom: 40px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

@media(max-width:699px){
  .video {
    width: 100%;
  }
}
@media(max-width:425px) {
  .video {
    margin-bottom: 0px !important;
  }
}
.intro {
  font-size: 18px;
  text-align: center;
}

.brightcove {
  width: 100%;
  height: 650px;
}
@media(max-width: 850px) {
  .brightcove {
    width: 100%;
    height: 300px;
  }
}

.vjs-big-play-button {
    background-color: #BA4C16 !important;
}
.hero-overlay{
text-align: center;
position: absolute;
color: white;
padding-left: 100px;
padding-right: 100px;
padding-top: 60px;
padding-bottom:100px;
z-index: 999;
bottom: 0;
}
@media(max-width:700px){
  .hero-overlay {
    padding-left: 27px;
    padding-right: 27px;
  }
}
@media(max-width:1024px){
  .hero-overlay {
    padding-bottom: 65px;
  }
}
@media(max-width:1023px){
  .hero-overlay {
    padding-bottom: 10px;
}
}
.herocopy {
  font-size: 1.5vw;
  font-family: ProximaNova semibold, sans-serif;
  line-height: 1.8vw;
}
@media(max-width:699px){
  .herocopy {
    font-size: 20px;
    line-height: 24px;
  }
}
@media(max-width:320px){
  .herocopy {
    font-size: 16px;
    line-height: 20px;
  }
}
@media(min-width:700px){
  .herocopy{
    font-size: 16px;
    line-height: 20px;
  }
}
@media(min-width:1024px){
  .herocopy{
    font-size: 1.5vw;
    line-height: 1.8vw;
  }
}
.downarrow {
  width: 30px !important;
  margin-right: auto;
  margin-left: auto;
}
@media(max-width:768px){
  .downarrow {
    margin-top: -20px;
  }
}
.row{
  padding-left: 100px;
  padding-right: 80px;
  padding-top: 25px;
  background-color: #f4f4f4;
  display: flex;
}
@media(max-width:768px){
  .row {
    padding-left: 62px;
    padding-right: 62px;
    padding-top: 30px;
    padding-bottom: 40px;
    display: block !important;
  }
}
@media(max-width:768px){
  .row::before {
    content:"";
    border-bottom: 1px solid #d2d2d2;
    display: block;
  }
}
@media(max-width:425px){
  .row::before {
    content:"";
    border-bottom: 1px solid #d2d2d2;
    display: block;
    margin-top: -60px;
    margin-right: 20px;
  }
}
@media(max-width:425px){
  .row {
    padding-left: 26px;
    padding-right: 12px;
    padding-top: 100px;
    padding-bottom: 40px;
    display: block !important;
  }
}
.row-2{
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 20px;
  background-color: #f4f4f4;
}
@media(max-width:768px){
  .row-2 {
    padding-right: 62px;
    padding-left: 62px;
  }
}
@media(max-width:768px){
  .seperator::before {
    content: "";
    display: block;
    border-bottom: 1px solid #d2d2d2;
    padding-top: 200px;
    margin-right: 62px;
    margin-left: 62px;
  }
}
@media(max-width:425px){
  .seperator::before {
    content: "";
    padding-top: 270px;
    margin-right: 26px;
    margin-left: 26px;
  }
}
@media(max-width:425px){
  .row-2 {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.row-3{
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 20px;
  background-color: #f4f4f4;
}
@media(max-width:768px){
  .row-3 {
    padding-left: 62px;
    padding-right: 62px;
  }
}
@media(max-width:425px){
  .row-3 {
    padding-left: 26px;
    padding-right: 26px;
  }
}
.tab {
  overflow: hidden;
  padding-left: 90px;
  padding-right: 90px;
  background-color: #f4f4f4;
  padding-top: 10px;
}
@media(max-width:768px){
  .tab {
    padding: 0;
    display: flex;
  }
}
@media(max-width:425px){
  .tab {
    padding: 0;
    display: block;
    width: 425px;
    height: auto;
    overflow: auto;
    white-space: nowrap;
    padding-left: 20px;
    background: linear-gradient(95deg, #f4f4f4 90%, #d4d4d4 99.9%);
  }
}
@media(max-width:320px){
  .tab {
    width: 320px !important;
  }
}
@media(max-width: 375px){
  .tab {
    width: 375px;
  }
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 1.25vw;
}
@media(max-width:768px){
  .tab button {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 28px;
  }
}
@media(max-width:425px){
  .tab button {
    float: inherit;
    padding-bottom: 14px;
    font-size: 18px;
  }
}
.tab button:hover {
}

.tab button.active {
  padding: 14px 16px;
}
.tab button.active::after {
  content: "";
  border-bottom: 4px solid #B84C16;
  text-align: center;
  height: 4px;
  display: block;
  margin: auto;
  padding-top:10px;
}

.tabcontent {
  display: none;
  position: relative;
  background-color: #f4f4f4;
}
.text-block {
  position: absolute;
  top: 70px;
  bottom: 20px;
  color: white;
  padding-left: 100px;
  padding-right: 20px;
  width: 55%;
  font-size: 20px;
  font-family: ProximaNova Semibold, sans-serif;
  line-height: 24px;
  height: 350px;
}
@media(max-width:1080px){
  .text-block {
    top: 20px;
    width: 55%;
    padding-left:80px;
  }
}
@media(max-width:768px){
  .text-block{
    position: relative;
    color: black;
    padding-left: 62px;
    padding-right: 62px;
    width: 100%;
    height: auto;
    top: 20px;
    padding-bottom: 10px;
  }
}
@media(max-width:425px){
  .text-block{
    position: relative;
    color: black;
    padding-left: 26px;
    padding-right: 26px;
    width: 100%;
    height: auto;
  }
}
.text-block-min {

}
p {
  line-height: 18px;
  font-family: proximanova, sans-serif;
  font-size: 14px;
  padding-top: 10px;
}
@media(max-width:768px){
  p {
    font-size: 20px;
    line-height: 24px;
  }
}
@media(min-width:1081px){
  p {
    font-size: 20px;
    line-height: 24px;
  }
}
html {
  scroll-behavior: smooth;
}
.column-3 {
  padding-right: 30px;
  width: 33%;
}
@media(max-width:768px){
  .column-3 {
    width: 100%;
    padding-bottom: 35px;
  }
}
@media(max-width:425px){
  .column-3 {
    padding-right: 0px;
  }
}
.bestrate {
  font-family: ProximaNova Regular;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  width: 100%;
  padding-bottom: 35px;
}
@media(max-width:768px){
  .bestrate {
    display: block;
  }
}
.bestrateheader {
  width: 100%;
  background-color: #f4f4f4;
  padding-left: 100px;
  padding-top: 25px;
}
@media(max-width:768px){
  .bestrateheader {
    padding-left: 62px;
  }
}
@media(max-width:425px){
  .bestrateheader {
    padding-left: 26px;
  }
}
.numeral  {
  font-size: 48px;
  line-height: 55px;
  font-family: ProximaNova Semibold, sans-serif;
  color: #707070;
}
@media(max-width:768px){
  .numeral {
    font-size: 50px;
    line-height: 55px;
  }
}
.text-block-right {
  position: absolute;
  top: 70px;
  bottom: 20px;
  color: white;
  padding-right: 80px;
  width: 45%;
  font-size: 20px;
  font-family: ProximaNova Semibold, sans-serif;
  line-height: 24px;
  float: right;
  right: 0;
  height: 350px;
}
@media(max-width:1080px){
  .text-block-right {
    top: 20px;
  }
}
@media(max-width:768px){
  .text-block-right{
    position: relative;
    color: black;
    padding-left: 62px;
    padding-right: 62px;
    width: 100%;
    top: 20px;
    height: auto;
  }
}
@media(max-width:425px){
  .text-block-right{
    padding-left: 26px;
    padding-right: 26px;
  }
}
.row-center {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 100px;
  font-weight: bold;
  font-family: ProximaNova;
  background-color: #f4f4f4;
}
@media(max-width:768px){
  .row-center {
    padding-top: 1px;
  }
}
.flexcancel {
  background color: #f4f4f4;
}
@media(max-width:768px){
  .flexcancel {
    padding-top: 170px;
  }
}
@media(max-width:425px){
  .flexcancel {
    padding-top: 250px;
  }
}
@media(max-width:768px){
  .flexcancel::before {
    content: "";
    display: block;
    border-bottom: 1px solid #d2d2d2;
    margin-right: 62px;
    margin-left: 62px;
  }
}
@media(max-width:425px){
  .flexcancel::before {
    content: "";
    margin-right: 26px;
    margin-left: 26px;
  }
}
@media(max-width:768px){
  .inourcommunity {
    padding-top: 25px;
    padding-right: 26px;
    text-align: left !important;
  }
}
li {
  font-family: proximanova, sans-serif;
  font-size: 16px;
  line-height: 20px;
}
@media(max-width: 768px) {
  li {
    font-size: 16px;
    line-height: 20px;
  }
}
.column {
  width: 25% !important;
  background-color: #f4f4f4;
}
@media(max-width: 768px){
  .column {
    float: left;
    width: 49% !important;
    display: block !important;
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}
@media(max-width: 425px){
  .column {
    width: 100% !important;
    height: auto;
  }
}
@media(min-width: 464px){
  .column {
    height: 415px;
  }
}
@media(min-width: 465px){
  .column {
    height: 415px;
  }
}
.more {
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid black;
  background-color: white;
  font-size: 16px;
}
@media(max-width:768px){
  .more {
    font-size: 16px;
  }
}
@media(max-width:768px){
  .tab-container {
  background-color: #f4f4f4;
  display: table;
  width: 100%;
  }
}
.mobile {
  width: 144px;
  height: 46px;
}
@media(max-width:768px){
  .mobile {
    width: 144px;
  }
}
@media(max-width:425px){
  .mobile {
    width: 144px;
  }
}
div#image {order: 2;}
@media(max-width:768px){
  div#image {order:1;}
}
div#text  {order: 1;}
@media(max-width:768px){
  div#text {order:2;}
}
.body-image {
  width: 90%
}
@media(max-width:699px){
  .body-image {
    width: 100%;
  }
}
.hero-image {
  width: 100%
}
@media(max-width:400px) {
  .hero-image {
    display: none;
  }
}
.mobile-hero {
  width: 100%;
}
@media(min-width:399px) {
  .mobile-hero {
    display: none;
  }
}
.coverings {
  background: #f4f4f4;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ctajoin {
  font-size: 16px;
  font-family: ProximaNova-Regular, sans-serif;
  line-height: 20px;
  width: 90%;
  margin-bottom: 20px;
  padding-top: 0px !important;
}
@media(max-width: 768px) {
  .ctajoin {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    padding-right: 15px;
  }
}