@charset "UTF-8";
.inputContainer {
    position: relative;
    float: left
}
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    line-height: 18px;
    cursor: pointer;
    z-index: 5000
}
.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}
.formError .formErrorContent {
    background: #b31919;
    position: relative;
    z-index: 5001;
    color: #fff;
    width: 150px;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}
.greenPopup .formErrorContent {
    background: #33be40
}
.blackPopup .formErrorContent {
    background: #393939;
    color: #fff
}
body.rtl .formError .formErrorArrow,
body[dir=rtl] .formError .formErrorArrow {
    margin: -2px 13px 0 0
}
.ui-datepicker {
    display: none;
    padding: 10px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .09), 0 6px 6px rgba(0, 0, 0, .12);
    color: #262323;
    z-index: 10
}
body>.ui-datepicker {
    z-index: 30
}
@media only screen and (max-width: 767px) {
    .ui-datepicker {
        width: calc(100% - 20px)
    }
}
.ui-datepicker .ui-datepicker-row-break {
    display: none
}
.ui-datepicker-header {
    position: relative;
    margin-bottom: 11px;
    font-size: 14px;
    line-height: 1.286em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}
.ui-datepicker-next,
.ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 20
}
.ui-datepicker-next:after,
.ui-datepicker-prev:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 10px;
    height: 10px;
    border: 1px solid #282828;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    transition: border-color .35s ease-in-out
}
.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-prev.ui-state-disabled {
    opacity: .3
}
.ui-datepicker-prev {
    left: 5px
}
.ui-datepicker-prev:after {
    left: 10px;
    border-right: 0;
    border-top: 0;
    border-left: 1px solid #282828;
    border-bottom: 1px solid #282828
}
.ui-datepicker-prev:not(.ui-state-disabled):hover:after {
    border-bottom-color: #6d6e71;
    border-left-color: #6d6e71
}
.ui-datepicker-next {
    right: 5px
}
.ui-datepicker-next:not(.ui-state-disabled):hover:after {
    border-top-color: #6d6e71;
    border-right-color: #6d6e71
}
.ui-datepicker-calendar {
    cursor: default;
    margin: 0 auto;
    width: 252px;
    table-layout: fixed
}
@media only screen and (max-width: 767px) {
    .ui-datepicker-calendar {
        width: 100%
    }
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    text-align: center;
    vertical-align: middle
}
.ui-datepicker-calendar th {
    padding-bottom: 9px;
    border-bottom: 1px solid #b2b2ae;
    font-size: 11px;
    line-height: 1.273em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.05px
}
.ui-datepicker-calendar tbody>tr:first-child td {
    padding-top: 15px
}
.ui-datepicker-calendar td {
    line-height: 32px;
    font-size: 14px;
    letter-spacing: -.06px
}
.ui-datepicker-calendar td.ui-datepicker-other-month,
.ui-datepicker-calendar td.ui-state-disabled {
    color: #a4a4a4;
    opacity: .5
}
.ui-datepicker-calendar td.ui-datepicker-other-month span:hover,
.ui-datepicker-calendar td.ui-state-disabled span:hover {
    color: inherit;
    background: none;
    box-shadow: none
}
.ui-datepicker-calendar a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    font-weight: 300;
    text-decoration: none;
    color: inherit;
    transition: none
}
.ui-datepicker-calendar .ui-datepicker-today a {
    background: #eee
}
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-datepicker-highlight a,
.ui-datepicker-calendar .ui-state-default:hover {
    background: #5b517b;
    box-shadow: -1px 0 0 #5b517b, 1px 0 0 #5b517b;
    color: #fff
}
.ui-datepicker-trigger {
    float: left;
    margin: 13px 0 0 8px;
    width: 17px;
    height: 15px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/sprite.html) 0 0 no-repeat
}
.ui-datepicker-trigger:hover {
    background-position: -37px 0
}
.ui-selectmenu-button {
    position: relative;
    display: block;
    width: auto!important;
    height: 40px;
    line-height: 40px;
    border: thin solid #d1d1d1;
    font-size: 14px;
    text-align: left;
    color: #53565a;
    background: #fff;
    transition: all .2s
}
.ui-selectmenu-button::-moz-placeholder {
    color: #292c2d
}
.ui-selectmenu-button:-ms-input-placeholder {
    color: #292c2d
}
.ui-selectmenu-button::placeholder {
    color: #292c2d
}
.ui-selectmenu-button .ui-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #292c2d
}
.ui-selectmenu-button:hover .ui-icon {
    border-top-color: #54baba
}
.ui-selectmenu-button .ui-selectmenu-text {
    display: block;
    height: 100%;
    padding: 0 30px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ui-selectmenu-button .ui-selectmenu-text strong {
    font-weight: 700
}
.ui-selectmenu-menu {
    position: absolute;
    z-index: 9999999;
    display: none;
    max-height: 258px;
    overflow: auto;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
.ui-selectmenu-menu.ui-selectmenu-open {
    display: block
}
.ui-selectmenu-menu li .ui-menu-item-wrapper {
    padding: 10px 20px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    color: #000
}
.ui-selectmenu-menu li .ui-state-active {
    background: #eee;
    cursor: pointer
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}
.swiper-invisible-blank-slide {
    visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}
@font-face {
    font-family: HeBS-Icons;
    src: url(../fonts/HeBS-Iconseaf7.html?8uvq96) format("woff2"), url(../fonts/HeBS-Iconseaf7-2.html?8uvq96) format("woff");
    font-weight: 400;
    font-style: normal
}
[class*=" rooms-icon-"],
[class^=rooms-icon-] {
    font-family: HeBS-Icons!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
}
.rooms-icon-theatre-set-up:before {
    content: "\E937"
}
.rooms-icon-classroom-set-up:before {
    content: "\E938"
}
.rooms-icon-cabaret-set-up:before {
    content: "\E939"
}
.rooms-icon-boardroom-set-up:before {
    content: "\E93A"
}
.rooms-icon-u-shaped-set-up:before {
    content: "\E93B"
}
.rooms-icon-banquet-set-up:before {
    content: "\E93C"
}
.rooms-icon-dinner-dance-set-up:before {
    content: "\E93D"
}
.rooms-icon-reception-set-up:before {
    content: "\E93E"
}
.rooms-icon-ceremony-set-up:before {
    content: "\E93F"
}
.rooms-icon-natural-daylight:before {
    content: "\E940"
}
.rooms-icon-outlets-sockets:before {
    content: "\E941"
}
.rooms-icon-direct-dial-point:before {
    content: "\E942"
}
.rooms-icon-video-conferencing:before {
    content: "\E943"
}
.rooms-icon-air-conditioning:before {
    content: "\E944"
}
.rooms-icon-wi-fi:before {
    content: "\E945"
}
.rooms-icon-blackout-shades:before {
    content: "\E946"
}
.rooms-icon-visual-equipment:before {
    content: "\E947"
}
.rooms-icon-audio-equipment:before {
    content: "\E948"
}
.rooms-icon-flipchart-presentation-equipment:before {
    content: "\E949"
}
.rooms-icon-tv-point:before {
    content: "\E94A"
}
.rooms-icon-overhead-projector:before {
    content: "\E94B"
}
.rooms-icon-data-projector:before {
    content: "\E94C"
}
.rooms-icon-balcony:before {
    content: "\E900"
}
.rooms-icon-city-view:before {
    content: "\E901"
}
.rooms-icon-beds:before {
    content: "\E902"
}
.rooms-icon-flat-screen-tv:before {
    content: "\E903"
}
.rooms-icon-hair-dryer:before {
    content: "\E904"
}
.rooms-icon-iron:before {
    content: "\E905"
}
.rooms-icon-ac:before {
    content: "\E906"
}
.rooms-icon-king-bed:before {
    content: "\E907"
}
.rooms-icon-kitchen:before {
    content: "\E908"
}
.rooms-icon-minibar:before {
    content: "\E909"
}
.rooms-icon-smoke-free:before {
    content: "\E90A"
}
.rooms-icon-occupancy:before {
    content: "\E90B"
}
.rooms-icon-ocean-view:before {
    content: "\E90C"
}
.rooms-icon-personal_items:before {
    content: "\E90D"
}
.rooms-icon-pool-view:before {
    content: "\E90E"
}
.rooms-icon-room-service:before {
    content: "\E90F"
}
.rooms-icon-safe:before {
    content: "\E910"
}
.rooms-icon-single-room:before {
    content: "\E911"
}
.rooms-icon-smoking:before {
    content: "\E912"
}
.rooms-icon-size:before {
    content: "\E913"
}
.rooms-icon-pulloutsofa:before {
    content: "\E914"
}
.rooms-icon-twin-room:before {
    content: "\E915"
}
.rooms-icon-wifi:before {
    content: "\E916"
}
.rooms-icon-adaroom:before {
    content: "\E917"
}
.rooms-icon-airport-shuttle-paid:before {
    content: "\E918"
}
.rooms-icon-amusement-park:before {
    content: "\E919"
}
.rooms-icon-bar:before {
    content: "\E91A"
}
.rooms-icon-beach:before {
    content: "\E91B"
}
.rooms-icon-business-center:before {
    content: "\E91C"
}
.rooms-icon-elevator:before {
    content: "\E91D"
}
.rooms-icon-environmentally-friendly:before {
    content: "\E91E"
}
.rooms-icon-fitness:before {
    content: "\E91F"
}
.rooms-icon-golf:before {
    content: "\E921"
}
.rooms-icon-indoor-pool:before {
    content: "\E922"
}
.rooms-icon-landmark:before {
    content: "\E923"
}
.rooms-icon-outdoor-pool:before {
    content: "\E924"
}
.rooms-icon-pet-friendly:before {
    content: "\E926"
}
.rooms-icon-pool:before {
    content: "\E927"
}
.rooms-icon-restaurant:before {
    content: "\E928"
}
.rooms-icon-shuttle:before {
    content: "\E92A"
}
.rooms-icon-spa:before {
    content: "\E92B"
}
.rooms-icon-ticket-services:before {
    content: "\E92C"
}
.rooms-icon-valet:before {
    content: "\E92D"
}
.rooms-icon-water-park:before {
    content: "\E92E"
}
.rooms-icon-coffeemaker:before {
    content: "\E92F"
}
.rooms-icon-highfloor:before {
    content: "\E930"
}
.rooms-icon-airport-shuttle-free:before {
    content: "\E931"
}
.rooms-icon-view:before {
    content: "\E932"
}
.rooms-icon-tv:before {
    content: "\E933"
}
.rooms-icon-minifridge:before {
    content: "\E934"
}
.rooms-icon-pets:before {
    content: "\E935"
}
.rooms-icon-valet-only:before {
    content: "\E936"
}
.rooms-icon-accessibility-features:before {
    content: "\E917"
}
.rooms-icon-parking:before {
    content: "\E94D"
}
.destinations-map-visible .main-header .buttons-wrapper {
    transition: background .35s ease-in-out, color .35s ease-in-out, height .35s ease-in-out, z-index 0ms;
    z-index: 30
}
@media only screen and (max-width: 767px) {
    .hamburger-navigation-visible .main-header .buttons-wrapper {
        background: none;
        color: #282828
    }
}
.booking-lightbox-visible .main-header .buttons-wrapper,
.destinations-map-visible .main-header .buttons-wrapper,
.main-header .buttons-wrapper:hover {
    opacity: .8
}
.main-header .map-trigger .x {
    display: none;
    margin: 1px auto;
    position: relative;
    width: 20px;
    height: 20px
}
.destinations-map-visible .main-header .map-trigger .x {
    display: block
}
.main-header .map-trigger .x:after,
.main-header .map-trigger .x:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 25px;
    background: #000;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: background .35s ease-in-out
}
.main-header .map-trigger .x:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
@media only screen and (max-width: 767px) {
    .hamburger-navigation-visible .main-header .map-trigger .x {
        display: block
    }
}
.hamburger-navigation-visible .main-header .booking-trigger {
    display: none
}
#skip-to-content {
    left: 50%;
    padding: 20px 30px;
    transform: translate(-50%);
    background: #282828;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 30
}
.keyboard-navigation #skip-to-content:focus {
    top: 5px
}
#hamburger-navigation-trigger:hover .smart-icon span {
    transform: none
}
#hamburger-navigation-trigger:hover .smart-icon span:first-child {
    transform: translateY(-2px)
}
#hamburger-navigation-trigger:hover .smart-icon span:nth-child(3n) {
    transform: translateY(2px)
}
#hamburger-navigation-trigger:active .smart-icon span,
#hamburger-navigation-trigger:active .smart-icon span:first-child,
#hamburger-navigation-trigger:active .smart-icon span:last-child {
    transition: transform .1s;
    transform: none
}
.language-selector .submenu {
    display: block;
    overflow: hidden;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
    z-index: 1
}
.language-selector .submenu li {
    margin-right: 0;
    padding: 8px 5px;
    display: block
}
.language-selector .submenu li a {
    color: #282828;
    text-decoration: none
}
.language-selector .submenu li a:hover {
    text-decoration: underline
}
.language-selector.visible .submenu,
.language-selector li:hover .submenu {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    opacity: 1;
    visibility: visible;
    text-shadow: none
}
.global-loyalty-menu-trigger:hover,
.header-tel-number:hover {
    text-decoration: underline
}
.global-loyalty-menu .submenu {
    display: block;
    position: absolute;
    left: calc(50% - 5px);
    top: calc(100% + 5px);
    transform: translateX(-50%);
    padding: 13px 8px 10px;
    transition: opacity .2s, visibility .2s;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4)
}
@media only screen and (max-width: 767px) {
    .global-loyalty-menu .submenu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .32);
        transform: none;
        box-shadow: none
    }
    .global-loyalty-menu .submenu>.wrapper {
        position: absolute;
        left: 60px;
        right: 60px;
        bottom: 60px;
        padding: 22px 0;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .4)
    }
}
.global-loyalty-menu .submenu .common-close-button {
    display: none
}
@media only screen and (max-width: 767px) {
    .global-loyalty-menu .submenu .common-close-button {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }
}
.global-loyalty-menu .submenu a,
.global-loyalty-menu .submenu button:not(.common-close-button) {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 29px;
    white-space: nowrap;
    font-weight: 400;
    color: #282828;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center
}
.global-loyalty-menu .submenu a:hover,
.global-loyalty-menu .submenu button:not(.common-close-button):hover {
    text-decoration: underline
}
html:not(.booking-lightbox-visible) .global-loyalty-menu.expanded .submenu {
    opacity: 1;
    visibility: visible
}
@media only screen and (min-width: 768px) {
    html:not(.booking-lightbox-visible) .global-loyalty-menu:hover .submenu {
        opacity: 1;
        visibility: visible
    }
}
.booking-lightbox-visible .main-header,
.brand-resorts-visible .main-header,
.destinations-map-visible .main-header,
.fixed-header .main-header,
.fixed-header .property-header,
.hamburger-navigation-visible .main-header,
.main-header:hover {
    background-color: #fff;
    background-image: none
}
.booking-lightbox-visible .main-header:after,
.brand-resorts-visible .main-header:after,
.destinations-map-visible .main-header:after,
.fixed-header .main-header:after,
.fixed-header .property-header:after,
.hamburger-navigation-visible .main-header:after,
.main-header:hover:after {
    background: rgba(40, 40, 40, .3);
    box-shadow: none
}
.booking-lightbox-visible .main-header .header-bottom-bar,
.brand-resorts-visible .main-header .header-bottom-bar,
.destinations-map-visible .main-header .header-bottom-bar,
.fixed-header .main-header .header-bottom-bar,
.fixed-header .property-header .header-bottom-bar,
.hamburger-navigation-visible .main-header .header-bottom-bar,
.main-header:hover .header-bottom-bar {
    border-bottom-color: rgba(40, 40, 40, .3)
}
.booking-lightbox-visible .main-header .logo img.init,
.brand-resorts-visible .main-header .logo img.init,
.destinations-map-visible .main-header .logo img.init,
.fixed-header .main-header .logo img.init,
.fixed-header .property-header .logo img.init,
.hamburger-navigation-visible .main-header .logo img.init,
.main-header:hover .logo img.init {
    display: none;
    opacity: 0;
    visibility: hidden
}
.booking-lightbox-visible .main-header .logo img.scrolled,
.brand-resorts-visible .main-header .logo img.scrolled,
.destinations-map-visible .main-header .logo img.scrolled,
.fixed-header .main-header .logo img.scrolled,
.fixed-header .property-header .logo img.scrolled,
.hamburger-navigation-visible .main-header .logo img.scrolled,
.main-header:hover .logo img.scrolled {
    display: block;
    opacity: 1;
    visibility: visible
}
.booking-lightbox-visible .main-header #hamburger-navigation-trigger .smart-icon span,
.brand-resorts-visible .main-header #hamburger-navigation-trigger .smart-icon span,
.destinations-map-visible .main-header #hamburger-navigation-trigger .smart-icon span,
.fixed-header .main-header #hamburger-navigation-trigger .smart-icon span,
.fixed-header .property-header #hamburger-navigation-trigger .smart-icon span,
.hamburger-navigation-visible .main-header #hamburger-navigation-trigger .smart-icon span,
.main-header:hover #hamburger-navigation-trigger .smart-icon span {
    background: #282828
}
.booking-lightbox-visible .main-header .language-selector button,
.brand-resorts-visible .main-header .language-selector button,
.destinations-map-visible .main-header .language-selector button,
.fixed-header .main-header .language-selector button,
.fixed-header .property-header .language-selector button,
.hamburger-navigation-visible .main-header .language-selector button,
.main-header:hover .language-selector button {
    color: #282828;
    text-shadow: none
}
.booking-lightbox-visible .main-header .language-selector button:after,
.brand-resorts-visible .main-header .language-selector button:after,
.destinations-map-visible .main-header .language-selector button:after,
.fixed-header .main-header .language-selector button:after,
.fixed-header .property-header .language-selector button:after,
.hamburger-navigation-visible .main-header .language-selector button:after,
.main-header:hover .language-selector button:after {
    border-top-color: #282828
}
.booking-lightbox-visible .main-header .global-loyalty-menu-trigger,
.booking-lightbox-visible .main-header .header-tel-number,
.brand-resorts-visible .main-header .global-loyalty-menu-trigger,
.brand-resorts-visible .main-header .header-tel-number,
.destinations-map-visible .main-header .global-loyalty-menu-trigger,
.destinations-map-visible .main-header .header-tel-number,
.fixed-header .main-header .global-loyalty-menu-trigger,
.fixed-header .main-header .header-tel-number,
.fixed-header .property-header .global-loyalty-menu-trigger,
.fixed-header .property-header .header-tel-number,
.hamburger-navigation-visible .main-header .global-loyalty-menu-trigger,
.hamburger-navigation-visible .main-header .header-tel-number,
.main-header:hover .global-loyalty-menu-trigger,
.main-header:hover .header-tel-number {
    color: #282828;
    text-shadow: none
}
.booking-lightbox-visible .main-header .global-loyalty-menu-trigger:after,
.brand-resorts-visible .main-header .global-loyalty-menu-trigger:after,
.destinations-map-visible .main-header .global-loyalty-menu-trigger:after,
.fixed-header .main-header .global-loyalty-menu-trigger:after,
.fixed-header .property-header .global-loyalty-menu-trigger:after,
.hamburger-navigation-visible .main-header .global-loyalty-menu-trigger:after,
.main-header:hover .global-loyalty-menu-trigger:after {
    border-top-color: #282828
}
.booking-lightbox-visible .main-header .buttons-wrapper,
.brand-resorts-visible .main-header .buttons-wrapper,
.destinations-map-visible .main-header .buttons-wrapper,
.fixed-header .main-header .buttons-wrapper,
.fixed-header .property-header .buttons-wrapper,
.hamburger-navigation-visible .main-header .buttons-wrapper,
.main-header:hover .buttons-wrapper {
    background: #37314f;
    color: #fff;
    box-shadow: none
}
.booking-lightbox-visible .main-header .buttons-wrapper:hover,
.brand-resorts-visible .main-header .buttons-wrapper:hover,
.destinations-map-visible .main-header .buttons-wrapper:hover,
.fixed-header .main-header .buttons-wrapper:hover,
.fixed-header .property-header .buttons-wrapper:hover,
.hamburger-navigation-visible .main-header .buttons-wrapper:hover,
.main-header:hover .buttons-wrapper:hover {
    background: #45396a;
    opacity: 1
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible .main-header .buttons-wrapper,
    .brand-resorts-visible .main-header .buttons-wrapper,
    .destinations-map-visible .main-header .buttons-wrapper,
    .fixed-header .main-header .buttons-wrapper,
    .fixed-header .property-header .buttons-wrapper,
    .hamburger-navigation-visible .main-header .buttons-wrapper,
    .main-header:hover .buttons-wrapper {
        background: none
    }
}
.booking-lightbox-visible .main-header .map-trigger,
.brand-resorts-visible .main-header .map-trigger,
.destinations-map-visible .main-header .map-trigger,
.fixed-header .main-header .map-trigger,
.fixed-header .property-header .map-trigger,
.hamburger-navigation-visible .main-header .map-trigger,
.main-header:hover .map-trigger {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible .main-header .map-trigger,
    .brand-resorts-visible .main-header .map-trigger,
    .destinations-map-visible .main-header .map-trigger,
    .fixed-header .main-header .map-trigger,
    .fixed-header .property-header .map-trigger,
    .hamburger-navigation-visible .main-header .map-trigger,
    .main-header:hover .map-trigger {
        color: #282828
    }
}
.booking-lightbox-visible .main-header .map-trigger svg,
.brand-resorts-visible .main-header .map-trigger svg,
.destinations-map-visible .main-header .map-trigger svg,
.fixed-header .main-header .map-trigger svg,
.fixed-header .property-header .map-trigger svg,
.hamburger-navigation-visible .main-header .map-trigger svg,
.main-header:hover .map-trigger svg {
    fill: #fff
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible .main-header .map-trigger svg,
    .brand-resorts-visible .main-header .map-trigger svg,
    .destinations-map-visible .main-header .map-trigger svg,
    .fixed-header .main-header .map-trigger svg,
    .fixed-header .property-header .map-trigger svg,
    .hamburger-navigation-visible .main-header .map-trigger svg,
    .main-header:hover .map-trigger svg {
        fill: #282828
    }
}
.booking-lightbox-visible .main-header .map-trigger .x:after,
.booking-lightbox-visible .main-header .map-trigger .x:before,
.brand-resorts-visible .main-header .map-trigger .x:after,
.brand-resorts-visible .main-header .map-trigger .x:before,
.destinations-map-visible .main-header .map-trigger .x:after,
.destinations-map-visible .main-header .map-trigger .x:before,
.fixed-header .main-header .map-trigger .x:after,
.fixed-header .main-header .map-trigger .x:before,
.fixed-header .property-header .map-trigger .x:after,
.fixed-header .property-header .map-trigger .x:before,
.hamburger-navigation-visible .main-header .map-trigger .x:after,
.hamburger-navigation-visible .main-header .map-trigger .x:before,
.main-header:hover .map-trigger .x:after,
.main-header:hover .map-trigger .x:before {
    background: #fff
}
.booking-lightbox-visible .main-header .booking-trigger,
.brand-resorts-visible .main-header .booking-trigger,
.destinations-map-visible .main-header .booking-trigger,
.fixed-header .main-header .booking-trigger,
.fixed-header .property-header .booking-trigger,
.hamburger-navigation-visible .main-header .booking-trigger,
.main-header:hover .booking-trigger {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible .main-header .booking-trigger,
    .brand-resorts-visible .main-header .booking-trigger,
    .destinations-map-visible .main-header .booking-trigger,
    .fixed-header .main-header .booking-trigger,
    .fixed-header .property-header .booking-trigger,
    .hamburger-navigation-visible .main-header .booking-trigger,
    .main-header:hover .booking-trigger {
        background: #37314f;
        color: #fff
    }
}
.brand-resorts-visible .property-header .global-loyalty-menu-trigger,
.brand-resorts-visible .property-header .header-tel-number,
.fixed-header .property-header .global-loyalty-menu-trigger,
.fixed-header .property-header .header-tel-number {
    color: #fff;
    text-shadow: none
}
.brand-resorts-visible .property-header .global-loyalty-menu-trigger:after,
.fixed-header .property-header .global-loyalty-menu-trigger:after {
    border-top-color: #fff
}
.brand-resorts-visible .property-header #brand-resorts .brand-resort-item .links .button,
.fixed-header .property-header #brand-resorts .brand-resort-item .links .button {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .brand-resorts-visible .property-header #brand-resorts .brand-resort-item .links .button,
    .fixed-header .property-header #brand-resorts .brand-resort-item .links .button {
        color: #282828
    }
}
.brand-resorts-visible #header.property-header .property-top-menu>button,
.brand-resorts-visible #header.property-header .property-top-menu a,
.brand-resorts-visible .main-header .under-header-menu>button,
.brand-resorts-visible .main-header .under-header-menu a,
.fixed-header #header.property-header .property-top-menu>button,
.fixed-header #header.property-header .property-top-menu a,
.fixed-header .main-header .under-header-menu>button,
.fixed-header .main-header .under-header-menu a,
.hamburger-navigation-visible .main-header .under-header-menu>button,
.hamburger-navigation-visible .main-header .under-header-menu a,
.main-header:hover .under-header-menu>button,
.main-header:hover .under-header-menu a {
    color: #282828
}
#brand-resorts,
#our-resorts {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 14px;
    padding: 35px 30px;
    background-color: hsla(0, 0%, 100%, .9)
}
.brand-resorts-visible #brand-resorts,
.brand-resorts-visible #brand-resorts:after,
.brand-resorts-visible #our-resorts,
.brand-resorts-visible #our-resorts:after,
.resorts-menu-visible #brand-resorts,
.resorts-menu-visible #brand-resorts:after,
.resorts-menu-visible #our-resorts,
.resorts-menu-visible #our-resorts:after {
    display: block
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts,
    #our-resorts {
        height: calc(100vh - 150px);
        overflow: auto
    }
}
#brand-resorts .resorts-wrapper,
#our-resorts .resorts-wrapper {
    display: flex;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto
}
#brand-resorts .locations,
#our-resorts .locations {
    display: flex;
    flex: 0 1 100%;
    text-align: left
}
#brand-resorts .locations>li,
#our-resorts .locations>li {
    flex: 0 1 50%;
    position: relative;
    margin-left: 25px
}
#brand-resorts .locations>li:first-child,
#our-resorts .locations>li:first-child {
    flex: 0 1 100%;
    margin-left: 0
}
#brand-resorts .columns,
#our-resorts .columns {
    display: flex
}
#brand-resorts .columns>div,
#our-resorts .columns>div {
    flex: 0 1 100%;
    margin-left: 20px
}
#brand-resorts .columns>div:first-child,
#our-resorts .columns>div:first-child {
    margin-left: 0
}
#brand-resorts h4,
#our-resorts h4 {
    font: 600 16px/18px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    display: flex;
    margin-bottom: 10px;
    margin-top: 35px
}
#brand-resorts h4:first-child,
#our-resorts h4:first-child {
    margin-top: 0
}
#brand-resorts h4:after,
#our-resorts h4:after {
    content: " ";
    height: 1px;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto;
    margin: .9em 0 0 10px;
    flex-grow: 1;
    border-radius: 2px;
    background: #d7d7d6
}
#brand-resorts h5,
#our-resorts h5 {
    font: 600 14px/18px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px
}
#brand-resorts h5+ul,
#our-resorts h5+ul {
    margin-bottom: 20px
}
#brand-resorts a,
#our-resorts a {
    font-weight: 400;
    text-transform: none;
    margin-bottom: 15px;
    display: block;
    font-size: 15px
}
#brand-resorts a span,
#our-resorts a span {
    display: block;
    line-height: 1
}
#brand-resorts a span.price,
#our-resorts a span.price {
    font-style: italic;
    font-size: 12px;
    margin-top: 5px
}
#brand-resorts a:hover:after,
#our-resorts a:hover:after {
    display: none
}
#brands {
    position: absolute;
    top: 100%;
    width: 100%;
    font-size: 14px;
    padding: 35px 30px;
    background-color: hsla(0, 0%, 100%, .9)
}
.brands-menu-visible #brands,
.brands-menu-visible #brands:after {
    display: block
}
#brands .brands-wrapper {
    width: 100%;
    max-width: 1800px;
    padding: 0 50px;
    margin: 0 auto
}
#brands .brands-wrapper>.column:first-child {
    flex: 0 1 auto
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #brands .brands-wrapper>.column:first-child {
        flex: 0 1 100%
    }
}
#brands .column-wrapper {
    display: flex
}
#brands .column {
    flex: 0 1 100%;
    margin-left: 80px
}
#brands .column:first-child {
    margin-left: 0
}
#brands .column .column-wrapper {
    margin-top: 40px
}
#brands .brand-logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}
#brands .brand-logos:after {
    clear: both;
    content: "";
    display: table
}
#brands .brand-logos>li {
    width: 25%;
    padding: 10px 40px 40px 0
}
@media only screen and (max-width: 1023px) {
    #brands .brand-logos>li {
        width: 50%;
        padding: 20px 20px 20px 0
    }
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #brands .brand-logos>li {
        max-width: 175px
    }
}
#brands .brand-logos.three li {
    width: 33.33333%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brands .brand-logos.three li {
        width: 50%
    }
}
#brands .brand-logos.two li {
    width: 50%
}
#brands .brand-logos.two li:nth-child(2) {
    padding-left: 40px
}
#brands .brand-logos.one li {
    width: 100%
}
#brands .brand-logos a {
    position: relative
}
#brands .brand-logos a:after {
    content: none
}
#brands .brand-logos a .brand-category {
    position: absolute;
    display: block;
    width: 100%;
    top: calc(100% + 10px);
    text-align: center;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .1px;
    color: #282828;
    text-transform: uppercase;
    opacity: 0;
    transition: opacity .35s ease-in-out
}
#brands .brand-logos a:hover {
    text-decoration: none
}
#brands .brand-logos a:hover .brand-category {
    opacity: 1
}
#brands .brand-logos img {
    display: block;
    max-width: 100%;
    min-width: 100px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain
}
@media only screen and (max-width: 1023px) {
    #brands .brand-logos img {
        height: auto
    }
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #brands .brand-logos img {
        height: auto
    }
}
#brands a {
    display: inline-block
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #brands a {
        width: 100%
    }
}
#brands h4 {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 14px;
    line-height: 29px;
    font-weight: 600;
    letter-spacing: .1px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    position: relative;
    margin-top: 35px;
    margin-bottom: 20px
}
#brands h4:first-child {
    margin-top: 0
}
#brands h4:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #d7d7d6
}
#brands .occasions {
    text-align: left
}
#brands .occasions .occasion {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}
#brands .occasions .occasion img {
    flex: 0;
    max-width: 84px;
    max-height: 58px
}
#brands .occasions .occasion .title {
    margin-left: 20px;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: .1px;
    font-weight: 400
}
#global-offers {
    position: absolute;
    top: 100%;
    width: 100%;
    font-size: 14px;
    padding: 35px 30px;
    text-align: left;
    background-color: #fff
}
#global-offers .global-offers-wrapper {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto
}
#global-offers .column-wrapper {
    display: flex
}
#global-offers .column {
    width: 30%;
    margin-right: 50px
}
#global-offers .column:last-child {
    margin-right: 0
}
#global-offers .column.double-width {
    width: 60%;
    flex: 0 1 100%
}
.global-offers-menu-visible #global-offers,
.global-offers-menu-visible #global-offers:after {
    display: block
}
#global-offers h4 {
    margin-bottom: 20px;
    color: #5b517b;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 29px;
    text-transform: uppercase;
    border-bottom: 1px solid #979797
}
#global-offers .offers-global-link {
    display: block;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}
#global-offers .brands {
    display: flex;
    flex-wrap: wrap
}
#global-offers .brands li {
    width: calc(50% - 15px);
    margin-right: 15px
}
#global-offers .brands .offers-global-link {
    font-weight: 600
}
#brands:after,
#global-offers:after,
#our-resorts:after {
    display: none;
    content: "";
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 100vh;
    left: 0;
    background: rgba(0, 0, 0, .6)
}
#brands .close-mega-menu,
#global-offers .close-mega-menu,
#our-resorts .close-mega-menu {
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 100vh;
    left: 0;
    z-index: 1;
    cursor: pointer
}
#brands .close-mega-menu span,
#global-offers .close-mega-menu span,
#our-resorts .close-mega-menu span {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    text-align: center;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: .1px;
    color: #fff;
    transition: font-size .35s ease-in-out
}
#brands .close-mega-menu:hover span,
#global-offers .close-mega-menu:hover span,
#our-resorts .close-mega-menu:hover span {
    font-size: 18px
}
#menu-tile {
    flex: 0 0 292px;
    height: 430px;
    margin-left: 25px;
    color: #fff;
    position: relative;
    text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #menu-tile {
        display: none
    }
}
.property #menu-tile {
    display: none
}
@media only screen and (min-width: 1440px) {
    .property #menu-tile {
        display: block
    }
}
#menu-tile h3 {
    text-transform: uppercase;
    margin: 0 39px 5px;
    font-weight: 600;
    font-size: 24px;
    line-height: .85
}
#menu-tile p {
    font-size: 13px;
    letter-spacing: .16px;
    font-weight: 400;
    margin: 0 20px;
    line-height: 1.4
}
#menu-tile .logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 110px
}
#menu-tile .logo img {
    display: block;
    width: 100%;
    height: auto
}
#menu-tile .content {
    position: relative;
    width: 100%;
    height: 100%
}
#menu-tile .content:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, transparent 48%, rgba(20, 63, 66, .63));
    height: 100%;
    bottom: 0
}
#menu-tile .content-wrapper {
    z-index: 1;
    position: absolute;
    bottom: 0
}
#menu-tile a {
    color: #fff!important;
    letter-spacing: 1.86px;
    text-transform: uppercase;
    text-decoration: underline;
    line-height: 1;
    margin: 20px 0
}
.under-header-menu>button:after,
.under-header-menu a:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: -11px;
    border-bottom: 2px solid #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out
}
.fixed-header .under-header-menu>button:after,
.fixed-header .under-header-menu a:after {
    border-bottom-color: #000
}
.brand-resorts-visible .under-header-menu>button.resorts:after,
.brand-resorts-visible .under-header-menu a.resorts:after,
.brands-menu-visible .under-header-menu>button.experiences:after,
.brands-menu-visible .under-header-menu a.experiences:after,
.global-offers-menu-visible .under-header-menu>button.global-offers:after,
.global-offers-menu-visible .under-header-menu a.global-offers:after,
.resorts-menu-visible .under-header-menu>button.resorts:after,
.resorts-menu-visible .under-header-menu a.resorts:after,
.under-header-menu>button:hover:after,
.under-header-menu a:hover:after {
    opacity: 1;
    visibility: visible
}
.main-menu .parent {
    position: relative
}
.main-menu .parent .submenu {
    position: absolute;
    min-width: 185px;
    top: 200%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff
}
.main-menu .parent .submenu li {
    margin: 0
}
.main-menu .parent .submenu a {
    display: block;
    padding: 15px 20px;
    color: #282828
}
.main-menu .parent .submenu a:after {
    content: none
}
.main-menu .parent .submenu a.active,
.main-menu .parent .submenu a:hover {
    color: #45396a
}
.main-menu .parent:hover a:after {
    opacity: 1;
    visibility: visible
}
.main-menu .parent:hover .submenu {
    display: block;
    opacity: 1;
    visibility: visible
}
@media only screen and (max-width: 767px) {
    html.hamburger-navigation-visible {
        overflow: hidden
    }
}
#overlay {
    position: fixed;
    width: 0;
    height: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
    transition: opacity .8s
}
.hamburger-navigation-visible #overlay {
    width: 100%;
    height: 100%;
    visibility: visible;
    opacity: .8
}
#hamburger-navigation {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    transition: left .8s, visibility .8s;
    text-align: left;
    z-index: 999;
    visibility: hidden
}
.hamburger-navigation-visible #hamburger-navigation {
    left: 0;
    visibility: visible
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation {
        top: 0;
        width: 91%;
        overflow: auto
    }
}
#hamburger-navigation .header {
    position: relative;
    height: 65px;
    z-index: 1;
    display: none
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .header {
        display: block
    }
}
#hamburger-navigation .header .logo {
    position: absolute;
    height: 60px;
    width: 158px;
    top: 17px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .header .logo {
        top: 13px;
        left: 18px;
        height: 43px;
        width: 125px;
        transform: none
    }
}
#hamburger-navigation .header .logo img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out
}
#hamburger-navigation .common-close-button {
    position: fixed;
    left: 274px;
    top: 21px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out
}
#hamburger-navigation .common-close-button:hover:after,
#hamburger-navigation .common-close-button:hover:before {
    background: #6d6e71
}
.hamburger-navigation-visible #hamburger-navigation .common-close-button {
    opacity: 1;
    visibility: visible
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .common-close-button {
        position: absolute;
        top: 10px;
        left: auto;
        right: 10px;
        z-index: 2
    }
}
#hamburger-navigation .sidebar {
    position: absolute;
    top: 82px;
    bottom: 100px;
    left: 35px;
    width: 275px;
    max-height: calc(100% - 182px);
    overflow: auto
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .sidebar {
        width: auto;
        height: auto;
        bottom: auto;
        left: auto;
        top: auto;
        margin: 13px 24px 0;
        position: relative
    }
}
#hamburger-navigation .top-menu>ul>li>a,
#hamburger-navigation .top-menu>ul>li>button.item {
    display: block;
    font: 700 16px/28px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 35px 5px 0;
    color: #282828;
    width: 100%;
    text-align: left;
    position: relative
}
#hamburger-navigation .top-menu>ul>li>a:hover,
#hamburger-navigation .top-menu>ul>li>button.item:hover {
    text-decoration: underline
}
#hamburger-navigation .top-menu .plus {
    top: 10px
}
#hamburger-navigation .top-menu .menu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height 222ms cubic-bezier(0, 1, 0, 1), padding 333ms, visibility .3s;
    visibility: hidden
}
#hamburger-navigation .top-menu .parent.expanded>.menu {
    max-height: 2000px;
    transition: max-height 222ms cubic-bezier(1, 0, 1, 0), padding 333ms;
    visibility: visible;
    margin: 7px 0
}
#hamburger-navigation .top-menu .parent.expanded .plus {
    transform: rotate(-45deg);
    top: 18px
}
#hamburger-navigation .top-menu .parent.expanded>.brand:after,
#hamburger-navigation .top-menu .parent.expanded>.brand:before,
#hamburger-navigation .top-menu .parent.expanded>a:after,
#hamburger-navigation .top-menu .parent.expanded>a:before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    background: #000;
    transform-origin: center center;
    right: 13px;
    top: 15px
}
#hamburger-navigation .top-menu .parent.expanded>.brand:before,
#hamburger-navigation .top-menu .parent.expanded>a:before {
    transform: rotate(45deg)
}
#hamburger-navigation .top-menu .parent.expanded>.brand:after,
#hamburger-navigation .top-menu .parent.expanded>a:after {
    transform: rotate(-45deg)
}
.property #hamburger-navigation .top-menu a {
    display: block;
    font: 600 23px/28px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 35px 5px 0;
    margin: 0 35px 0 0;
    color: #282828;
    width: 100%;
    text-align: left;
    position: relative
}
.property #hamburger-navigation .top-menu a:hover {
    text-decoration: underline
}
#hamburger-navigation .destinations {
    display: none
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .destinations {
        display: block
    }
}
#hamburger-navigation .destinations .region-list {
    padding-left: 16px
}
#hamburger-navigation .destinations .region {
    border-bottom: 1px solid #979797;
    font-weight: 600!important;
    display: block;
    padding-left: 23px;
    padding-top: 5px;
    padding-bottom: 5px
}
#hamburger-navigation .destinations a {
    display: block;
    padding: 10px 35px 10px 16px;
    position: relative
}
#hamburger-navigation .destinations a:hover {
    background: rgba(43, 70, 133, .14)
}
#hamburger-navigation .destinations .country-list>li {
    margin-bottom: 4px
}
#hamburger-navigation .destinations .resorts {
    margin-bottom: 10px
}
#hamburger-navigation .destinations .resorts a {
    text-transform: none;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 16px;
    padding-left: 23px
}
#hamburger-navigation .destinations .resorts li {
    border-bottom: 1px solid #979797
}
#hamburger-navigation .destinations .resorts span {
    display: inline-block;
    width: 100%
}
#hamburger-navigation .destinations .price {
    font-style: italic;
    font-weight: 300;
    font-size: 12px
}
#hamburger-navigation .destinations .count {
    display: none
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .destinations .count {
        display: inline
    }
}
#hamburger-navigation .brands {
    display: none
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .brands {
        display: block
    }
}
#hamburger-navigation .brands .parent>button {
    display: block;
    padding: 10px 35px 10px 16px;
    position: relative;
    width: 100%;
    text-align: left
}
#hamburger-navigation .brands .brand-logos {
    display: flex;
    flex-wrap: wrap
}
#hamburger-navigation .brands .brand-logos li {
    flex: 0 0 50%;
    padding: 5px 20px
}
#hamburger-navigation .brands .brand-logos a {
    display: block
}
#hamburger-navigation .brands .brand-logos img {
    width: 100%;
    height: auto
}
#hamburger-navigation .brands .brand,
#hamburger-navigation .destinations .region,
#hamburger-navigation .destinations a {
    font: 500 14px/21px Source Sans Pro, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #282828
}
#hamburger-navigation .plus {
    display: block;
    position: absolute;
    right: 9px;
    cursor: pointer;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(135deg);
    transition: all .35s ease-in-out
}
#hamburger-navigation .language-selector-mobile,
#hamburger-navigation .main-menu,
#hamburger-navigation .rewards-menu {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(28, 28, 28, .5)
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .language-selector-mobile,
    #hamburger-navigation .main-menu,
    #hamburger-navigation .rewards-menu {
        padding-bottom: 17px
    }
}
#hamburger-navigation .language-selector-mobile .menu li,
#hamburger-navigation .main-menu .menu li,
#hamburger-navigation .rewards-menu .menu li {
    position: relative
}
#hamburger-navigation .language-selector-mobile .menu a,
#hamburger-navigation .main-menu .menu a,
#hamburger-navigation .rewards-menu .menu a {
    display: block;
    padding: 5px 35px 5px 0;
    margin: 0 35px 0 0
}
#hamburger-navigation .language-selector-mobile .menu.level-1>li>a,
#hamburger-navigation .main-menu .menu.level-1>li>a,
#hamburger-navigation .rewards-menu .menu.level-1>li>a {
    font: 700 16px/28px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #282828
}
#hamburger-navigation .language-selector-mobile .menu.level-1>li>a.active,
#hamburger-navigation .language-selector-mobile .menu.level-1>li>a:hover,
#hamburger-navigation .main-menu .menu.level-1>li>a.active,
#hamburger-navigation .main-menu .menu.level-1>li>a:hover,
#hamburger-navigation .rewards-menu .menu.level-1>li>a.active,
#hamburger-navigation .rewards-menu .menu.level-1>li>a:hover {
    color: #282828
}
#hamburger-navigation .language-selector-mobile .menu.level-1>li>a:hover,
#hamburger-navigation .main-menu .menu.level-1>li>a:hover,
#hamburger-navigation .rewards-menu .menu.level-1>li>a:hover {
    text-decoration: underline
}
#hamburger-navigation .language-selector-mobile .menu.level-1>li>.plus,
#hamburger-navigation .main-menu .menu.level-1>li>.plus,
#hamburger-navigation .rewards-menu .menu.level-1>li>.plus {
    top: 14px
}
#hamburger-navigation .language-selector-mobile .menu.submenu,
#hamburger-navigation .main-menu .menu.submenu,
#hamburger-navigation .rewards-menu .menu.submenu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height 222ms cubic-bezier(0, 1, 0, 1), padding 333ms, visibility .3s;
    visibility: hidden
}
#hamburger-navigation .language-selector-mobile .menu.submenu li,
#hamburger-navigation .main-menu .menu.submenu li,
#hamburger-navigation .rewards-menu .menu.submenu li {
    margin-bottom: 4px
}
#hamburger-navigation .language-selector-mobile .menu.submenu a,
#hamburger-navigation .main-menu .menu.submenu a,
#hamburger-navigation .rewards-menu .menu.submenu a {
    font: 500 14px/21px Source Sans Pro, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #282828;
    padding: 2px 35px 2px 16px
}
#hamburger-navigation .language-selector-mobile .menu.submenu a.active,
#hamburger-navigation .language-selector-mobile .menu.submenu a:hover,
#hamburger-navigation .main-menu .menu.submenu a.active,
#hamburger-navigation .main-menu .menu.submenu a:hover,
#hamburger-navigation .rewards-menu .menu.submenu a.active,
#hamburger-navigation .rewards-menu .menu.submenu a:hover {
    color: #282828;
    background: rgba(43, 70, 133, .14)
}
#hamburger-navigation .language-selector-mobile .parent.expanded>.submenu,
#hamburger-navigation .main-menu .parent.expanded>.submenu,
#hamburger-navigation .rewards-menu .parent.expanded>.submenu {
    max-height: 800px;
    background-color: transparent;
    transition: max-height 222ms cubic-bezier(1, 0, 1, 0), padding 333ms;
    visibility: visible;
    margin: 7px 0
}
#hamburger-navigation .language-selector-mobile .parent.expanded>.submenu.level-3,
#hamburger-navigation .main-menu .parent.expanded>.submenu.level-3,
#hamburger-navigation .rewards-menu .parent.expanded>.submenu.level-3 {
    margin-left: 20px
}
#hamburger-navigation .language-selector-mobile .menu.level-1 .parent.expanded>.plus,
#hamburger-navigation .main-menu .menu.level-1 .parent.expanded>.plus,
#hamburger-navigation .rewards-menu .menu.level-1 .parent.expanded>.plus {
    transform: rotate(-45deg);
    top: 34px
}
#hamburger-navigation .language-selector-mobile .menu.submenu .plus,
#hamburger-navigation .main-menu .menu.submenu .plus,
#hamburger-navigation .rewards-menu .menu.submenu .plus {
    top: 6px
}
#hamburger-navigation .language-selector-mobile .menu.submenu .parent.expanded>.plus,
#hamburger-navigation .main-menu .menu.submenu .parent.expanded>.plus,
#hamburger-navigation .rewards-menu .menu.submenu .parent.expanded>.plus {
    top: 10px
}
.property #hamburger-navigation .language-selector-mobile,
.property #hamburger-navigation .main-menu,
.property #hamburger-navigation .rewards-menu {
    border-bottom: 0
}
.property #hamburger-navigation .language-selector-mobile .menu.level-1>li>a,
.property #hamburger-navigation .main-menu .menu.level-1>li>a,
.property #hamburger-navigation .rewards-menu .menu.level-1>li>a {
    font: 600 23px/28px Source Sans Pro, Arial, sans-serif
}
#hamburger-navigation .main-menu.top-menu-like-main-menu {
    padding-bottom: 0
}
#hamburger-navigation .rewards-menu {
    display: none
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .rewards-menu {
        display: block;
        border: 0;
        margin-top: 12px;
        padding-bottom: 0
    }
}
#hamburger-navigation .language-selector-mobile,
#hamburger-navigation .map-trigger,
#hamburger-navigation .mobile-res-number {
    font: 700 16px/28px Source Sans Pro, Arial, sans-serif;
    display: none;
    text-transform: uppercase;
    border-bottom: none;
    color: #282828;
    text-decoration: none;
    padding-bottom: 0
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .language-selector-mobile,
    #hamburger-navigation .map-trigger,
    #hamburger-navigation .mobile-res-number {
        display: block
    }
}
#hamburger-navigation .language-selector-mobile span {
    display: block;
    padding: 5px 35px 5px 0
}
#hamburger-navigation .mobile-res-number {
    padding: 5px 35px 5px 0
}
#hamburger-navigation .map-trigger {
    padding: 5px 35px 5px 0;
    margin-bottom: 130px
}
#hamburger-navigation .mobile-footer-menu {
    display: none;
    border-bottom: 1px solid rgba(28, 28, 28, .5)
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .mobile-footer-menu {
        display: block
    }
}
#hamburger-navigation .mobile-footer-menu ul {
    overflow: hidden;
    padding-bottom: 5px
}
#hamburger-navigation .mobile-footer-menu ul li {
    width: 50%;
    margin-bottom: 19px;
    display: block;
    float: left
}
#hamburger-navigation .mobile-footer-menu ul li:nth-child(2n) {
    width: calc(50% - 20px);
    margin-left: 20px
}
#hamburger-navigation .mobile-footer-menu ul li a {
    font: 400 11px/13px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #262323;
    text-decoration: none;
    display: block
}
#hamburger-navigation .lower-menu {
    font: 400 12px/16px Source Sans Pro, Arial, sans-serif;
    position: absolute;
    left: 35px;
    bottom: 23px
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .lower-menu {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 24px;
        font-size: 10px;
        line-height: 10px
    }
}
#hamburger-navigation .lower-menu a {
    color: #282828;
    text-decoration: none;
    font: 600 12px/16px Source Sans Pro, Arial, sans-serif;
    display: block;
    margin-bottom: 9px
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .lower-menu a {
        display: block;
        float: left;
        margin: 0 10px;
        font-size: 10px;
        line-height: 10px
    }
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .lower-menu a:first-child {
        margin-left: 0;
        padding-right: 8px;
        margin-right: 0;
        border-right: 1px solid #282828
    }
}
@media only screen and (max-width: 767px) {
    #hamburger-navigation .lower-menu small {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-top: 8px
    }
}
@media only screen and (min-width: 768px) {
    #hamburger-navigation.hamburger-with-overlay {
        background-color: transparent;
        background-image: linear-gradient(90deg, #000, transparent 50%)
    }
    #hamburger-navigation.hamburger-with-overlay .common-close-button {
        position: absolute;
        left: auto;
        right: 40px;
        z-index: 1
    }
    #hamburger-navigation.hamburger-with-overlay .wrapper {
        position: relative;
        height: 100%;
        width: 375px;
        padding: 25px 40px 150px 30px;
        background-color: #fff
    }
    #hamburger-navigation.hamburger-with-overlay .sidebar {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        margin-top: 50px
    }
}
@media only screen and (max-width: 767px) {
    html.global-navigation-visible {
        overflow: hidden
    }
}
#global-navigation {
    position: fixed;
    left: 0;
    top: 30px;
    display: block;
    height: auto;
    width: 235px;
    -webkit-overflow-scrolling: touch;
    background: #262323;
    transition: opacity .2s, visibility .2s;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}
.global-navigation-visible #global-navigation {
    left: 0;
    opacity: 1;
    visibility: visible
}
#global-navigation .menu-column-wrapper {
    padding: 10px 10px 0 35px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #global-navigation .menu-column-wrapper {
        padding: 10px 10px 0 25px
    }
}
@media only screen and (max-width: 767px) {
    #global-navigation .menu-column-wrapper {
        padding: 10px 10px 0 20px
    }
}
#global-navigation .global-top-menu {
    padding-bottom: 10px;
    position: relative
}
#global-navigation .global-top-menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 25px;
    background-color: #979797;
    height: 1px
}
#global-navigation .global-top-menu a {
    display: block;
    font: normal 16px/28px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 35px 0 0;
    color: #fff;
    width: 100%;
    text-align: left;
    position: relative
}
#global-navigation .global-top-menu a:hover {
    text-decoration: underline
}
#global-navigation .global-top-menu .menu {
    position: relative;
    overflow: hidden;
    padding: 0
}
#global-navigation .plus {
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #fff;
    border-bottom: 0;
    transition: all .35s ease-in-out
}
#global-navigation .global-main-menu {
    padding: 7px 0 20px
}
#global-navigation .global-main-menu .menu li {
    position: relative
}
#global-navigation .global-main-menu .menu a {
    display: block;
    padding: 5px 20px 5px 0
}
#global-navigation .global-main-menu .menu.level-1>li>a {
    font: normal 12px/1.5 Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff
}
#global-navigation .global-main-menu .menu.level-1>li>a.active,
#global-navigation .global-main-menu .menu.level-1>li>a:hover {
    text-decoration: underline
}
#global-navigation .global-main-menu .menu.level-1>li>.plus {
    top: 10px
}
#global-navigation .global-main-menu .menu.submenu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height 222ms cubic-bezier(0, 1, 0, 1), padding 333ms, visibility .3s;
    visibility: hidden
}
#global-navigation .global-main-menu .menu.submenu li {
    margin-bottom: 4px
}
#global-navigation .global-main-menu .menu.submenu a {
    font: 400 12px/1.2 Source Sans Pro, Arial, sans-serif;
    text-decoration: none;
    text-transform: none;
    font-style: italic;
    color: #fff;
    padding: 2px 20px 2px 30px
}
#global-navigation .global-main-menu .menu.submenu a.active,
#global-navigation .global-main-menu .menu.submenu a:hover {
    color: #fff;
    text-decoration: underline
}
#global-navigation .global-main-menu .parent.expanded>.submenu {
    max-height: 800px;
    transition: max-height 222ms cubic-bezier(1, 0, 1, 0), padding 333ms;
    visibility: visible;
    margin: 7px 0
}
#global-navigation .global-main-menu .menu.level-1 .parent.expanded>.plus {
    transform: rotate(-180deg);
    top: 10px
}
#global-navigation .global-main-menu .menu.submenu .plus {
    top: 6px
}
#global-navigation .global-main-menu .menu.submenu .parent.expanded>.plus {
    top: 10px
}
.booking-lightbox,
.cyber-sale-booking {
    display: block;
    position: fixed;
    left: 0;
    top: -9999px;
    width: 100%;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, transform .3s, visibility 0ms .3s, top 0ms .3s;
    background: #fff;
    z-index: 80
}
@media only screen and (max-width: 767px) {
    .booking-lightbox,
    .cyber-sale-booking {
        height: 100%
    }
}
.booking-lightbox-visible .booking-lightbox,
.booking-lightbox-visible .cyber-sale-booking {
    top: 85px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: opacity .3s, transform .3s, visibility 0ms, top 0ms
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible .booking-lightbox,
    .booking-lightbox-visible .cyber-sale-booking {
        top: 0
    }
}
.booking-lightbox-visible.property .booking-lightbox,
.booking-lightbox-visible.property .cyber-sale-booking {
    top: 100px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox-visible.property .booking-lightbox,
    .booking-lightbox-visible.property .cyber-sale-booking {
        top: 0
    }
}
.booking-lightbox .common-close-button,
.cyber-sale-booking .common-close-button {
    position: absolute;
    top: 21px;
    right: 35px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .common-close-button,
    .cyber-sale-booking .common-close-button {
        top: 7px;
        right: 10px
    }
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .heading,
    .cyber-sale-booking .heading {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px
    }
}
.booking-lightbox .heading .logo,
.cyber-sale-booking .heading .logo {
    display: none
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .heading .logo,
    .cyber-sale-booking .heading .logo {
        display: block;
        height: 29px
    }
}
.booking-lightbox>.wrapper,
.cyber-sale-booking>.wrapper {
    max-width: 1232px;
    padding: 26px 24px 28px;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .booking-lightbox>.wrapper,
    .cyber-sale-booking>.wrapper {
        height: calc(100% - 130px);
        padding-bottom: 10px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}
.booking-lightbox .title,
.cyber-sale-booking .title {
    margin-bottom: 40px;
    font-size: 27px;
    line-height: 1.259em;
    font-weight: 400;
    color: #262323;
    letter-spacing: -.07px;
    text-align: center;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .title,
    .cyber-sale-booking .title {
        font-size: 20px
    }
}
.booking-lightbox form,
.cyber-sale-booking form {
    margin-bottom: 35px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox form,
    .cyber-sale-booking form {
        margin-bottom: 10px
    }
}
.booking-lightbox .input-columns,
.cyber-sale-booking .input-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.booking-lightbox .input-columns .column,
.cyber-sale-booking .input-columns .column {
    width: calc(33.33% - 18.66667px);
    margin-bottom: 28px;
    position: relative
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .booking-lightbox .input-columns .column,
    .cyber-sale-booking .input-columns .column {
        width: calc(50% - 14px)
    }
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .input-columns .column,
    .cyber-sale-booking .input-columns .column {
        width: 100%;
        transition: opacity .2s
    }
}
@media only screen and (max-width: 1023px) {
    .booking-lightbox .input-columns .column.flight-packages-column,
    .cyber-sale-booking .input-columns .column.flight-packages-column {
        display: none
    }
}
.booking-lightbox .input-columns .column.controls-column,
.cyber-sale-booking .input-columns .column.controls-column {
    padding-top: 25px;
    margin: 0 auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .booking-lightbox .input-columns .column.controls-column,
    .cyber-sale-booking .input-columns .column.controls-column {
        margin: 0
    }
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .input-columns .column.controls-column,
    .cyber-sale-booking .input-columns .column.controls-column {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 10px 24px;
        background: #fff
    }
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .input-columns.dim-collapsed .column:not(.controls-column),
    .cyber-sale-booking .input-columns.dim-collapsed .column:not(.controls-column) {
        opacity: .4
    }
    .booking-lightbox .input-columns.dim-collapsed .column:not(.controls-column).expanded,
    .cyber-sale-booking .input-columns.dim-collapsed .column:not(.controls-column).expanded {
        opacity: 1
    }
}
.booking-lightbox .label,
.cyber-sale-booking .label {
    position: relative;
    display: flex;
    margin-bottom: 7px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.286em;
    color: #262323;
    letter-spacing: -.05px
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .label,
    .cyber-sale-booking .label {
        padding: 0 12px
    }
}
.booking-lightbox .label button,
.cyber-sale-booking .label button {
    font: inherit;
    font-weight: 400;
    transition: opacity .3s
}
.booking-lightbox .label button[aria-selected=true],
.cyber-sale-booking .label button[aria-selected=true] {
    font-weight: 700
}
.booking-lightbox .label button:hover,
.cyber-sale-booking .label button:hover {
    opacity: .6
}
.booking-lightbox .label .asterisk,
.cyber-sale-booking .label .asterisk {
    position: absolute;
    left: 2px;
    top: 3px;
    font-weight: 400;
    color: #b61a1a
}
.booking-lightbox .label .details,
.cyber-sale-booking .label .details {
    margin-left: auto;
    font-size: 12px;
    font-weight: 400
}
.booking-lightbox .tab-buttons>*,
.cyber-sale-booking .tab-buttons>* {
    margin-left: 22px
}
.booking-lightbox .tab-buttons>:first-child,
.cyber-sale-booking .tab-buttons>:first-child {
    margin-left: 0
}
.booking-lightbox .tab-contents [role=tabpanel][aria-hidden=true],
.cyber-sale-booking .tab-contents [role=tabpanel][aria-hidden=true] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: hidden
}
.booking-lightbox .trigger-button,
.booking-lightbox .trigger-buttons-group,
.cyber-sale-booking .trigger-button,
.cyber-sale-booking .trigger-buttons-group {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fbfbfb;
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    color: #262323;
    letter-spacing: -.05px
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .trigger-button,
    .booking-lightbox .trigger-buttons-group,
    .cyber-sale-booking .trigger-button,
    .cyber-sale-booking .trigger-buttons-group {
        padding: 0 12px;
        font-size: 16px
    }
}
.booking-lightbox .tab-contents.error #booking-select-brand,
.booking-lightbox .tab-contents.error #booking-select-destination,
.booking-lightbox .tab-contents.error #booking-select-property,
.cyber-sale-booking .tab-contents.error #booking-select-brand,
.cyber-sale-booking .tab-contents.error #booking-select-destination,
.cyber-sale-booking .tab-contents.error #booking-select-property {
    box-shadow: inset 0 0 0 2px #45396a
}
.booking-lightbox .tab-contents.error .errorMessage,
.cyber-sale-booking .tab-contents.error .errorMessage {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -10px;
    padding: 4px 10px;
    width: 150px;
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 5px;
    border-bottom-left-radius: inherit;
    background-color: #b31919;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    z-index: 5001
}
.booking-lightbox .trigger-button,
.cyber-sale-booking .trigger-button {
    padding-right: 40px
}
.booking-lightbox .trigger-button:not(.datepicker-trigger)[aria-expanded=true],
.cyber-sale-booking .trigger-button:not(.datepicker-trigger)[aria-expanded=true] {
    font-weight: 400
}
.booking-lightbox .trigger-button:not(.datepicker-trigger):before,
.cyber-sale-booking .trigger-button:not(.datepicker-trigger):before {
    content: "";
    position: absolute;
    right: 13px;
    top: 19px;
    width: 8px;
    height: 8px;
    border: 1px solid #262323;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    transition: border 186ms
}
.booking-lightbox .trigger-button:not(.datepicker-trigger)[aria-expanded=true]:before,
.cyber-sale-booking .trigger-button:not(.datepicker-trigger)[aria-expanded=true]:before {
    top: 24px;
    transform: rotate(135deg)
}
.booking-lightbox .trigger-button>span,
.cyber-sale-booking .trigger-button>span {
    pointer-events: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.booking-lightbox .trigger-buttons-group,
.cyber-sale-booking .trigger-buttons-group {
    display: flex
}
.booking-lightbox .select-list,
.cyber-sale-booking .select-list {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    max-height: 146px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #fbfbfb;
    z-index: 10
}
.booking-lightbox .select-list.visible,
.cyber-sale-booking .select-list.visible {
    display: block
}
.booking-lightbox .select-list button,
.cyber-sale-booking .select-list button {
    display: block;
    width: 100%;
    padding: 4px 12px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #262323;
    letter-spacing: -.05px;
    text-align: left;
    transition: background .3s
}
.booking-lightbox .select-list button:hover,
.cyber-sale-booking .select-list button:hover {
    background: rgba(43, 70, 133, .07)
}
.booking-lightbox .select-list button[aria-selected=true],
.cyber-sale-booking .select-list button[aria-selected=true] {
    background: rgba(43, 70, 133, .14)
}
.booking-lightbox .select-list .group button,
.cyber-sale-booking .select-list .group button {
    padding-left: 24px
}
.booking-lightbox .select-list .group-title,
.cyber-sale-booking .select-list .group-title {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #262323;
    letter-spacing: -.05px;
    pointer-events: none
}
.booking-lightbox .date-column,
.cyber-sale-booking .date-column {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%
}
.booking-lightbox .date-column:first-child,
.cyber-sale-booking .date-column:first-child {
    padding-right: 13px
}
.booking-lightbox .date-column:first-child:before,
.cyber-sale-booking .date-column:first-child:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 30px;
    margin-top: -15px;
    background: #b2b2ae
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .date-column:first-child,
    .cyber-sale-booking .date-column:first-child {
        padding-right: 21px
    }
}
.booking-lightbox .date-column:last-child,
.cyber-sale-booking .date-column:last-child {
    padding-left: 12px
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .date-column:last-child,
    .cyber-sale-booking .date-column:last-child {
        padding-right: 20px
    }
}
.booking-lightbox .datepicker-trigger,
.cyber-sale-booking .datepicker-trigger {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .datepicker-trigger,
    .cyber-sale-booking .datepicker-trigger {
        font-size: 16px
    }
}
.booking-lightbox .datepicker-trigger.active,
.cyber-sale-booking .datepicker-trigger.active {
    font-weight: 400
}
.booking-lightbox .adjust-date-button,
.cyber-sale-booking .adjust-date-button {
    position: relative;
    font-size: 0;
    width: 20px;
    height: 30px;
    transition: opacity .2s
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .adjust-date-button,
    .cyber-sale-booking .adjust-date-button {
        width: 26px
    }
}
.booking-lightbox .adjust-date-button.disabled,
.cyber-sale-booking .adjust-date-button.disabled {
    cursor: default;
    opacity: .4
}
.booking-lightbox .adjust-date-button:before,
.cyber-sale-booking .adjust-date-button:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 10px;
    width: 10px;
    height: 10px;
    border: 1px solid #262323;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    transition: border 186ms
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .adjust-date-button:before,
    .cyber-sale-booking .adjust-date-button:before {
        left: 11px
    }
}
.booking-lightbox .adjust-date-button[data-action=increase]:before,
.cyber-sale-booking .adjust-date-button[data-action=increase]:before {
    left: 3px;
    transform: rotate(225deg)
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .adjust-date-button[data-action=increase]:before,
    .cyber-sale-booking .adjust-date-button[data-action=increase]:before {
        left: 5px
    }
}
.booking-lightbox .rooms-guests-options,
.cyber-sale-booking .rooms-guests-options {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    padding: 4px 7px 9px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #fbfbfb;
    z-index: 10
}
@media only screen and (min-width: 1280px) {
    .booking-lightbox .rooms-guests-options,
    .cyber-sale-booking .rooms-guests-options {
        padding: 5px 9px 11px
    }
}
.booking-lightbox .rooms-guests-options.visible,
.cyber-sale-booking .rooms-guests-options.visible {
    display: block
}
.booking-lightbox .rooms-guests-options .option,
.cyber-sale-booking .rooms-guests-options .option {
    margin-bottom: 19px
}
.booking-lightbox .rooms-guests-options .option:last-child,
.cyber-sale-booking .rooms-guests-options .option:last-child {
    margin-bottom: 0
}
.booking-lightbox .rooms-guests-options .option-label,
.cyber-sale-booking .rooms-guests-options .option-label {
    display: block;
    margin: 0 0 7px 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.286em;
    color: #000
}
.booking-lightbox .rooms-guests-options .option-label .details,
.cyber-sale-booking .rooms-guests-options .option-label .details {
    font-size: 12px;
    font-weight: 400
}
.booking-lightbox .rooms-guests-options .wrapper,
.cyber-sale-booking .rooms-guests-options .wrapper {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0 17px;
    line-height: 38px;
    font-size: 16px;
    font-weight: 400
}
.booking-lightbox .rooms-guests-options .counter,
.cyber-sale-booking .rooms-guests-options .counter {
    margin-right: auto
}
.booking-lightbox .rooms-guests-options button,
.cyber-sale-booking .rooms-guests-options button {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #b2b2ae;
    border-radius: 50%;
    margin-left: 14px;
    font-size: 0
}
.booking-lightbox .rooms-guests-options button[data-action=decrease]:before,
.booking-lightbox .rooms-guests-options button[data-action=increase]:before,
.cyber-sale-booking .rooms-guests-options button[data-action=decrease]:before,
.cyber-sale-booking .rooms-guests-options button[data-action=increase]:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 12px;
    background: #262323;
    transition: opacity .2s
}
.booking-lightbox .rooms-guests-options button[data-action=increase]:after,
.cyber-sale-booking .rooms-guests-options button[data-action=increase]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 12px;
    width: 2px;
    background: #262323;
    transition: opacity .2s
}
.booking-lightbox .rooms-guests-options button.disabled,
.cyber-sale-booking .rooms-guests-options button.disabled {
    cursor: default
}
.booking-lightbox .rooms-guests-options button.disabled:after,
.booking-lightbox .rooms-guests-options button.disabled:before,
.cyber-sale-booking .rooms-guests-options button.disabled:after,
.cyber-sale-booking .rooms-guests-options button.disabled:before {
    opacity: .5
}
.booking-lightbox button[type=submit],
.cyber-sale-booking button[type=submit] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #45396a;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -.04px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .35s ease-in-out
}
.booking-lightbox button[type=submit]:disabled,
.booking-lightbox button[type=submit]:disabled:hover,
.cyber-sale-booking button[type=submit]:disabled,
.cyber-sale-booking button[type=submit]:disabled:hover {
    background-color: #c2c6c7
}
.booking-lightbox button[type=submit]:hover,
.cyber-sale-booking button[type=submit]:hover {
    background: #282828
}
.booking-lightbox .booking-links,
.cyber-sale-booking .booking-links {
    max-width: 800px;
    margin-bottom: 16px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .booking-links,
    .cyber-sale-booking .booking-links {
        display: none
    }
}
.booking-lightbox .booking-links ul,
.cyber-sale-booking .booking-links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.booking-lightbox .booking-links li,
.cyber-sale-booking .booking-links li {
    width: calc(33.33% - 30px)
}
.booking-lightbox .booking-links a,
.cyber-sale-booking .booking-links a {
    display: block;
    padding: 3px 0;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #262323
}
.booking-lightbox .booking-links a:hover,
.cyber-sale-booking .booking-links a:hover {
    text-decoration: underline
}
.booking-lightbox .brg-block,
.cyber-sale-booking .brg-block {
    display: flex;
    align-items: center;
    border-top: 1px solid #b2b2ae;
    padding: 25px 0 0;
    font-size: 14px;
    line-height: 1.643em;
    font-weight: 400
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .brg-block,
    .cyber-sale-booking .brg-block {
        border-top: none;
        padding-top: 0
    }
}
.booking-lightbox .brg-block .column,
.cyber-sale-booking .brg-block .column {
    margin-right: 55px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .brg-block .column:first-child,
    .cyber-sale-booking .brg-block .column:first-child {
        margin-right: 0;
        margin-left: auto
    }
    .booking-lightbox .brg-block .column:last-child,
    .cyber-sale-booking .brg-block .column:last-child {
        display: none
    }
}
.booking-lightbox .brg-block img,
.cyber-sale-booking .brg-block img {
    display: block;
    width: 139px
}
@media only screen and (max-width: 767px) {
    .booking-lightbox .brg-block img,
    .cyber-sale-booking .brg-block img {
        width: 98px
    }
}
.booking-lightbox .brg-block a,
.cyber-sale-booking .brg-block a {
    font-weight: 600;
    color: inherit;
    text-decoration: underline
}
.booking-lightbox .brg-block a:hover,
.cyber-sale-booking .brg-block a:hover {
    text-decoration: none
}
.booking-datepicker {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 13px);
    width: calc(300% + 56px);
    padding: 26px 46px 16px;
    border: 1px solid #b2b2ae;
    background: #fff;
    z-index: 10
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .booking-datepicker {
        left: calc(-100% - 28px);
        transform: none;
        width: calc(200% + 28px)
    }
}
@media only screen and (max-width: 767px) {
    .booking-datepicker {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: none;
        transform: none;
        padding: 65px 0 0;
        background: rgba(40, 40, 40, .89)
    }
}
.booking-datepicker.visible {
    display: block
}
.booking-datepicker .mobile-header {
    display: none
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .mobile-header {
        position: relative;
        display: block;
        background: #fff
    }
    .booking-datepicker .mobile-header .header-title {
        height: 55px;
        padding: 0 19px;
        line-height: 55px;
        font-size: 21px;
        text-transform: uppercase;
        font-weight: 400;
        text-align: left
    }
    .booking-datepicker .mobile-header .datepicker-close-button {
        position: absolute;
        top: 6px;
        right: 25px;
        height: 44px;
        line-height: 42px;
        font-size: 12px;
        text-transform: uppercase;
        padding-right: 23px
    }
    .booking-datepicker .mobile-header .datepicker-close-button:after,
    .booking-datepicker .mobile-header .datepicker-close-button:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 6px;
        width: 1px;
        height: 16px;
        background: #262323;
        transform: translateY(-50%) rotate(45deg)
    }
    .booking-datepicker .mobile-header .datepicker-close-button:after {
        transform: translateY(-50%) rotate(-45deg)
    }
    .booking-datepicker .mobile-header .status {
        display: flex;
        height: 65px
    }
    .booking-datepicker .mobile-header .status .status-column {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border-top: 1px solid #cacbcb
    }
    .booking-datepicker .mobile-header .status .status-column:first-child {
        border-right: 1px solid #cacbcb
    }
    .booking-datepicker .mobile-header .status .status-label {
        font-size: 14px;
        line-height: 1.5em;
        font-weight: 400
    }
    .booking-datepicker .mobile-header .status .status-date {
        font-size: 18px;
        line-height: 1em;
        font-weight: 600
    }
    .booking-datepicker .mobile-header .status .status-date[data-type=checkout] {
        font-weight: 400
    }
    .booking-datepicker .mobile-header .week-days {
        display: flex;
        justify-content: space-around;
        padding: 0 23px;
        background: #2c2523
    }
    .booking-datepicker .mobile-header .week-days .week-day {
        margin: 0 10px;
        font-size: 8px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff
    }
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .booking-datepicker-widget {
        background: #fff;
        height: calc(100% - 203px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 23px
    }
}
.booking-datepicker .ui-datepicker {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%!important;
    white-space: nowrap;
    background: none;
    box-shadow: none;
    padding: 0
}
.booking-datepicker .ui-datepicker-group {
    width: calc(33.33% - 32px)
}
@media only screen and (min-width: 1024px) {
    .booking-datepicker .ui-datepicker-group:nth-child(n+4) {
        display: none
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .booking-datepicker .ui-datepicker-group {
        width: calc(50% - 24px)
    }
    .booking-datepicker .ui-datepicker-group.ui-datepicker-group-last {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .ui-datepicker-group {
        width: 100%;
        margin-bottom: 30px
    }
}
.booking-datepicker .ui-datepicker-header {
    margin-bottom: 15px
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .ui-datepicker-header {
        position: relative
    }
}
.booking-datepicker .ui-datepicker-header .ui-datepicker-next,
.booking-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: none
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .ui-datepicker-header .ui-datepicker-next,
    .booking-datepicker .ui-datepicker-header .ui-datepicker-prev {
        display: block;
        top: -4px
    }
    .booking-datepicker .ui-datepicker-header .ui-datepicker-next:after,
    .booking-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
        width: 12px;
        height: 12px;
        border-width: 2px
    }
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .ui-datepicker-header .ui-datepicker-prev {
        left: 12px
    }
    .booking-datepicker .ui-datepicker-header .ui-datepicker-next {
        right: 12px
    }
}
.booking-datepicker .ui-datepicker-next,
.booking-datepicker .ui-datepicker-prev {
    top: 22px
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .ui-datepicker-next,
    .booking-datepicker .ui-datepicker-prev {
        display: none
    }
}
.booking-datepicker .ui-datepicker-prev {
    left: 20px
}
.booking-datepicker .ui-datepicker-next {
    right: 20px
}
.booking-datepicker .ui-datepicker-calendar {
    width: 100%
}
.booking-datepicker .datepicker-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 30px
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .datepicker-buttons {
        display: none
    }
}
.booking-datepicker .datepicker-buttons button {
    font-size: 14px;
    line-height: 1.286em;
    font-weight: 600
}
.booking-datepicker .datepicker-buttons .separator {
    width: 1px;
    height: 14px;
    background: #b2b2ae;
    margin: 0 15px
}
.booking-datepicker .datepicker-mobile-buttons {
    display: none
}
@media only screen and (max-width: 767px) {
    .booking-datepicker .datepicker-mobile-buttons {
        display: block
    }
}
.booking-datepicker .datepicker-mobile-buttons button {
    display: block;
    width: 100%;
    height: 50px;
    background: #2b4685;
    font-size: 16px;
    font-weight: 600;
    color: #fff
}
#horizontal-booking-form .booking-datepicker {
    position: absolute;
    top: auto;
    right: 50px;
    bottom: calc(100% + 10px);
    left: 50px;
    transform: none;
    width: auto;
    max-width: 1182px;
    margin: 0 auto;
    border: none;
    background: #fff;
    box-shadow: 0 20px 33px -20px rgba(0, 0, 0, .5);
    z-index: 10
}
@media only screen and (min-width: 1280px) {
    #horizontal-booking-form .booking-datepicker {
        left: 92px;
        right: 92px
    }
}
#horizontal-booking-form .booking-datepicker.visible {
    display: block
}
#horizontal-booking-form .booking-datepicker .common-close-button {
    position: absolute;
    right: 5px;
    top: 5px
}
#horizontal-booking-form .booking-datepicker .ui-datepicker-next,
#horizontal-booking-form .booking-datepicker .ui-datepicker-prev {
    top: 50%
}
#horizontal-booking-form .booking-datepicker .ui-datepicker-next:after,
#horizontal-booking-form .booking-datepicker .ui-datepicker-prev:after {
    top: 6px;
    left: 3px;
    border-width: 2px;
    width: 14px;
    height: 14px
}
#horizontal-booking-form .booking-datepicker .ui-datepicker-prev {
    left: 14px
}
#horizontal-booking-form .booking-datepicker .ui-datepicker-prev:after {
    left: 10px
}
#horizontal-booking-form .booking-datepicker .ui-datepicker-next {
    right: 14px
}
#horizontal-booking-form .booking-datepicker .datepicker-buttons button {
    font-family: Source Sans Pro, Arial, sans-serif
}
#horizontal-booking-form .rooms-guests-options {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 20px 33px -20px rgba(0, 0, 0, .5);
    padding: 17px 16px;
    z-index: 10
}
#horizontal-booking-form .rooms-guests-options.visible {
    display: block
}
#horizontal-booking-form .rooms-guests-options .common-close-button {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px
}
#horizontal-booking-form .rooms-guests-options .option {
    display: flex;
    justify-content: space-between;
    align-items: center
}
#horizontal-booking-form .rooms-guests-options .option:first-of-type {
    padding-bottom: 20px;
    border-bottom: 1px solid #c7bbb6;
    margin-bottom: 25px
}
#horizontal-booking-form .rooms-guests-options .option-label {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.308em;
    text-transform: uppercase
}
#horizontal-booking-form .rooms-guests-options .option-label .details {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.091em;
    font-weight: 300;
    text-transform: none
}
#horizontal-booking-form .rooms-guests-options .buttons {
    display: flex;
    align-items: center
}
#horizontal-booking-form .rooms-guests-options .buttons .number {
    margin: 0 8px;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.231em
}
#horizontal-booking-form .rooms-guests-options .buttons button {
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0
}
#horizontal-booking-form .rooms-guests-options .buttons button[data-action=decrease]:before,
#horizontal-booking-form .rooms-guests-options .buttons button[data-action=increase]:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 12px;
    background: #262323;
    transition: opacity .2s
}
#horizontal-booking-form .rooms-guests-options .buttons button[data-action=increase]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 12px;
    width: 2px;
    background: #262323;
    transition: opacity .2s
}
#horizontal-booking-form .rooms-guests-options .children-option.hide {
    display: none
}
#horizontal-booking-form .popup-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #cacaca
}
#horizontal-booking-form .booking-links {
    max-width: 380px
}
#horizontal-booking-form .booking-links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#horizontal-booking-form .booking-links a {
    text-decoration: underline;
    display: block;
    font-size: 12px;
    line-height: 2em;
    color: #000;
    font-weight: 600
}
#horizontal-booking-form .booking-links a:hover {
    text-decoration: none
}
#horizontal-booking-form .brg-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 12px;
    line-height: 2em;
    font-weight: 400;
    color: #000
}
#horizontal-booking-form .brg-block .column {
    width: auto;
    margin-bottom: 10px
}
#horizontal-booking-form .brg-block .column:last-child {
    margin-bottom: 0
}
#horizontal-booking-form .brg-block a {
    text-decoration: underline;
    color: inherit
}
#horizontal-booking-form .brg-block a:hover {
    text-decoration: none
}
#horizontal-booking-form .promo-code {
    display: none
}
.cyber-sale-booking {
    position: absolute;
    width: 208.3%;
    top: calc(100% + 10px);
    border: 1px solid #b2b2ae;
    box-shadow: 0 11px 20px 0 #d6d6d6;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking {
        width: 100%;
        height: auto;
        top: 100%
    }
}
.cyber-sale-booking>.wrapper {
    height: auto;
    overflow: visible
}
.cyber-sale-booking form {
    margin: 0
}
.cyber-sale-booking:before {
    content: "";
    display: block;
    position: absolute;
    left: 260px;
    top: -26px;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 0;
    border-bottom: 25px solid #b2b2ae;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking:before {
        display: none
    }
}
.cyber-sale-booking:after {
    content: "";
    display: block;
    position: absolute;
    left: 260px;
    top: -25px;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    border-top: 0;
    border-bottom: 25px solid #fff;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking:after {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .heading {
        height: 30px
    }
}
.cyber-sale-booking.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: opacity .3s, transform .3s, visibility 0ms, top 0ms
}
.booking-lightbox-visible .cyber-sale-booking {
    opacity: 0;
    visibility: hidden
}
.cyber-sale-booking.adults-only {
    left: auto;
    right: 0
}
.cyber-sale-booking.adults-only:after,
.cyber-sale-booking.adults-only:before {
    left: auto;
    right: 260px
}
.cyber-sale-booking .input-columns {
    justify-content: center
}
.cyber-sale-booking .input-columns .column {
    margin: 0 20px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cyber-sale-booking .input-columns .column {
        width: 40%
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .input-columns .column {
        margin: 0
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .trigger-buttons-group {
        margin-bottom: 10px
    }
}
.cyber-sale-booking .booking-datepicker {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    padding: 30px 20px;
    border: 0;
    z-index: 5
}
@media only screen and (min-width: 768px) {
    .cyber-sale-booking .booking-datepicker {
        display: block
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cyber-sale-booking .booking-datepicker {
        left: 0;
        padding: 20px 0
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .booking-datepicker {
        position: absolute;
        height: 475px;
        left: 0;
        top: 0;
        background: #fff;
        padding-top: 0
    }
}
.cyber-sale-booking .booking-datepicker .datepicker-buttons {
    display: block;
    position: absolute;
    width: 100px;
    bottom: -40px;
    right: 440px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cyber-sale-booking .booking-datepicker .datepicker-buttons {
        right: 310px
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .booking-datepicker .ui-datepicker-header {
        margin-top: 10px
    }
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td {
    line-height: 36px
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title] {
    position: relative
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title] a,
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title] span {
    display: block;
    font-size: 10px;
    line-height: 18px;
    padding-bottom: 18px
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title]:after {
    content: attr(title);
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    pointer-events: none
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title].ui-datepicker-current-day:after,
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title].ui-datepicker-highlight:after,
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title]:hover:after {
    color: #fff
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-calendar td[title].ui-datepicker-unselectable:after {
    content: ""
}
.cyber-sale-booking .booking-datepicker .ui-datepicker-next,
.cyber-sale-booking .booking-datepicker .ui-datepicker-prev {
    top: 25px
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .booking-datepicker .ui-datepicker-next,
    .cyber-sale-booking .booking-datepicker .ui-datepicker-prev {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .booking-datepicker .booking-datepicker-widget {
        padding-top: 0
    }
}
.cyber-sale-booking .controls {
    display: flex;
    justify-content: flex-end
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking .controls {
        margin-top: 30px
    }
}
.cyber-sale-booking button[type=submit] {
    height: 45px;
    width: 377px;
    background: #ffdd2f;
    color: #282828;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: all .35s ease-in-out
}
.cyber-sale-booking button[type=submit]:hover {
    background: #45396a;
    color: #fff
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cyber-sale-booking button[type=submit] {
        width: 275px
    }
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking button[type=submit] {
        width: 100%;
        font-size: 14px
    }
}
.cyber-sale-booking .datepicker-mobile-buttons button {
    height: 40px;
    background: #ffdd2f;
    color: #282828
}
.cyber-sale-booking .ui-datepicker {
    display: flex
}
.cyber-sale-booking .common-close-button {
    right: 10px
}
.homepage-additional-content {
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 10
}
.homepage-additional-content .subpage {
    position: relative;
    overflow: hidden;
    margin: 10px;
    color: #fff;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-color: #000
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage {
        min-height: 500px
    }
}
.homepage-additional-content .subpage>.button {
    position: absolute;
    bottom: 40px;
    left: 40px;
    display: none;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage>.button {
        display: block
    }
}
.homepage-additional-content .subpage .thumb {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: 50% 50%;
    opacity: .75
}
.homepage-additional-content .subpage .headings {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 3;
    max-width: 50%
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage .headings {
        max-width: none;
        right: 40px
    }
}
.homepage-additional-content .subpage .headings h2 {
    font: 36px/47px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage .headings h2 {
        font-size: 30px;
        line-height: 36px
    }
}
.homepage-additional-content .subpage .headings h3 {
    font-size: 24px;
    line-height: 33px
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage .headings h3 {
        font-size: 20px;
        line-height: 26px
    }
}
.homepage-additional-content .subpage .content-wrapper {
    float: right;
    width: 280px;
    padding: 75px 30px 70px;
    min-height: 470px;
    position: relative;
    background: rgba(0, 0, 0, .5);
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage .content-wrapper {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        min-height: 0;
        padding: 20px
    }
}
.homepage-additional-content .subpage .content-wrapper .copy {
    position: relative;
    font-size: 14px;
    line-height: 1.7;
    min-height: 240px;
    margin-bottom: 40px
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage .content-wrapper .copy {
        font-size: 12px;
        margin-bottom: 20px;
        min-height: 0
    }
}
.homepage-additional-content .subpage.even {
    background-position: 75% 50%
}
.homepage-additional-content .subpage.even>.button {
    right: 40px;
    left: auto
}
.homepage-additional-content .subpage.even .headings {
    left: auto;
    right: 40px;
    text-align: right
}
@media only screen and (max-width: 767px) {
    .homepage-additional-content .subpage.even .headings {
        left: 40px
    }
}
.homepage-additional-content .subpage.even .content-wrapper {
    float: left
}
@-webkit-keyframes float {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
    to {
        transform: translatey(0)
    }
}
@keyframes float {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-20px)
    }
    to {
        transform: translatey(0)
    }
}
@-webkit-keyframes drip {
    0% {
        transform: translateY(-50%) scale(1);
        opacity: 1
    }
    15% {
        transform: translateY(20%) scaleY(1.4);
        opacity: 1
    }
    17% {
        transform: translateY(50%) scaleY(1.5);
        opacity: 1
    }
    30% {
        transform: translateY(50%) scaleY(1.1);
        opacity: 1
    }
    40% {
        transform: translateY(300%) scale(.5);
        opacity: 0
    }
    to {
        opacity: 0
    }
}
@keyframes drip {
    0% {
        transform: translateY(-50%) scale(1);
        opacity: 1
    }
    15% {
        transform: translateY(20%) scaleY(1.4);
        opacity: 1
    }
    17% {
        transform: translateY(50%) scaleY(1.5);
        opacity: 1
    }
    30% {
        transform: translateY(50%) scaleY(1.1);
        opacity: 1
    }
    40% {
        transform: translateY(300%) scale(.5);
        opacity: 0
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes nick-blimp {
    0% {
        opacity: 0;
        transform: translate(100%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}
@keyframes nick-blimp {
    0% {
        opacity: 0;
        transform: translate(100%)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}
#top-banner,
#top-banner-countdown {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box;
    background-color: #37314f;
    transition: top .3s ease-out, opacity .4s ease
}
#top-banner-countdown.green-promo,
#top-banner.green-promo {
    background: #90c858 url(../images/nick-gray-bg.html);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .29)
}
#top-banner-countdown.green-promo:after,
#top-banner.green-promo:after {
    content: "";
    display: block;
    width: 105px;
    height: 45px;
    background: url(../images/banner-green-slime.html);
    background-size: cover;
    position: absolute;
    top: 100%;
    right: 10px;
    z-index: -1;
    pointer-events: none
}
#top-banner-countdown.green-promo:before,
#top-banner.green-promo:before {
    content: "";
    display: none;
    position: absolute;
    top: 118%;
    right: 32px;
    width: 20px;
    height: 20px;
    transform-origin: center center;
    border-radius: 100%;
    background-color: #90c858;
    -webkit-animation: drip 3s ease-in infinite;
    animation: drip 3s ease-in infinite
}
.top-banner-enabled #top-banner-countdown.green-promo:before,
.top-banner-enabled #top-banner.green-promo:before {
    display: block
}
#top-banner-countdown.green-promo .center-column,
#top-banner.green-promo .center-column {
    position: relative;
    z-index: 2
}
#top-banner-countdown.green-promo .inner-wrapper,
#top-banner.green-promo .inner-wrapper {
    justify-content: center
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-promo .inner-wrapper,
    #top-banner.green-promo .inner-wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between
    }
}
#top-banner-countdown.green-promo .image-block,
#top-banner.green-promo .image-block {
    max-height: 73px;
    margin: 0 15px;
    top: 45px;
    width: 145px;
    position: relative;
    transform: translateY(-50%)
}
#top-banner-countdown.green-promo .image-block .image,
#top-banner.green-promo .image-block .image {
    background-repeat: no-repeat;
    background-size: contain
}
#top-banner-countdown.green-promo .description,
#top-banner.green-promo .description {
    color: #ff6d2d
}
#top-banner-countdown.green-promo .description h2,
#top-banner-countdown.green-promo .description p,
#top-banner.green-promo .description h2,
#top-banner.green-promo .description p {
    text-shadow: 0 0 4px rgba(0, 0, 0, .29)
}
#top-banner-countdown.green-promo .description p,
#top-banner.green-promo .description p {
    font: 500 16px/16px Futura
}
.admin .preview-item #top-banner-countdown.green-promo .info,
.admin .preview-item #top-banner.green-promo .info {
    margin: 0
}
#top-banner-countdown.green-promo .info .link a,
#top-banner.green-promo .info .link a {
    color: #ff6d2d;
    text-shadow: 0 0 4px rgba(0, 0, 0, .29);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.89px
}
#top-banner-countdown.green-promo .close,
#top-banner.green-promo .close {
    background: transparent
}
#top-banner-countdown.green-promo .close:hover,
#top-banner.green-promo .close:hover {
    background: #fff
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-promo .promo-counter .counter,
    #top-banner.green-promo .promo-counter .counter {
        width: 100%
    }
}
#top-banner-countdown.green-promo .promo-counter .counter>div,
#top-banner.green-promo .promo-counter .counter>div {
    background: none;
    width: 100px;
    padding: 0 10px;
    position: relative;
    margin-left: 0
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.green-promo .promo-counter .counter>div,
    #top-banner.green-promo .promo-counter .counter>div {
        padding: 0;
        width: 80px
    }
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-promo .promo-counter .counter>div,
    #top-banner.green-promo .promo-counter .counter>div {
        width: 25%
    }
}
#top-banner-countdown.green-promo .promo-counter .counter>div:before,
#top-banner.green-promo .promo-counter .counter>div:before {
    content: "";
    display: block;
    width: 1px;
    height: 55px;
    background: #288309;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}
#top-banner-countdown.green-promo .promo-counter .counter>div:first-of-type:before,
#top-banner.green-promo .promo-counter .counter>div:first-of-type:before {
    display: none
}
#top-banner-countdown.green-promo .promo-counter .counter>div .value,
#top-banner.green-promo .promo-counter .counter>div .value {
    font: 400 30px/34px Source Sans Pro, Arial, sans-serif;
    color: #ff6d2d;
    height: auto
}
#top-banner-countdown.green-promo .promo-counter .counter>div .text,
#top-banner.green-promo .promo-counter .counter>div .text {
    font: 400 16px/20px Source Sans Pro, Arial, sans-serif;
    color: #ff6d2d;
    background: none;
    text-transform: capitalize
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-promo .promo-counter,
    #top-banner.green-promo .promo-counter {
        order: 2
    }
}
#top-banner-countdown.palm-promo,
#top-banner.palm-promo {
    background-color: #5e995d;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}
.admin .preview-item #top-banner-countdown.palm-promo,
.admin .preview-item #top-banner.palm-promo {
    position: relative
}
.admin .preview-item #top-banner-countdown.palm-promo .center-column,
.admin .preview-item #top-banner.palm-promo .center-column {
    position: relative;
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px
}
.admin .preview-item #top-banner-countdown.palm-promo .center-column:after,
.admin .preview-item #top-banner.palm-promo .center-column:after {
    clear: both;
    content: "";
    display: table
}
@media only screen and (max-width: 767px) {
    .admin .preview-item #top-banner-countdown.palm-promo .center-column,
    .admin .preview-item #top-banner.palm-promo .center-column {
        padding: 0 13px
    }
}
#top-banner-countdown.palm-promo .inner-wrapper,
#top-banner.palm-promo .inner-wrapper {
    padding: 10px 0
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .inner-wrapper,
    #top-banner.palm-promo .inner-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
}
#top-banner-countdown.palm-promo .inner-wrapper>*,
#top-banner.palm-promo .inner-wrapper>* {
    margin-right: 20px
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .inner-wrapper>*,
    #top-banner.palm-promo .inner-wrapper>* {
        margin-right: 15px
    }
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .inner-wrapper>*,
    #top-banner.palm-promo .inner-wrapper>* {
        margin: 0 0 15px
    }
}
#top-banner-countdown.palm-promo .inner-wrapper>:last-child,
#top-banner.palm-promo .inner-wrapper>:last-child {
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .inner-wrapper>:last-child,
    #top-banner.palm-promo .inner-wrapper>:last-child {
        margin: 0
    }
}
#top-banner-countdown.palm-promo .image-block,
#top-banner.palm-promo .image-block {
    flex-grow: 1;
    flex-shrink: 0;
    position: relative;
    max-height: 73px;
    width: 145px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .image-block,
    #top-banner.palm-promo .image-block {
        display: none
    }
}
#top-banner-countdown.palm-promo .image-block .image,
#top-banner.palm-promo .image-block .image {
    align-self: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}
#top-banner-countdown.palm-promo .promo-counter,
#top-banner.palm-promo .promo-counter {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 2px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .promo-counter,
    #top-banner.palm-promo .promo-counter {
        order: 2
    }
}
#top-banner-countdown.palm-promo .promo-counter .counter,
#top-banner.palm-promo .promo-counter .counter {
    display: flex;
    justify-content: stretch;
    align-items: baseline
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .promo-counter .counter,
    #top-banner.palm-promo .promo-counter .counter {
        width: 100%
    }
}
#top-banner-countdown.palm-promo .promo-counter .counter .days,
#top-banner-countdown.palm-promo .promo-counter .counter .hours,
#top-banner-countdown.palm-promo .promo-counter .counter .minutes,
#top-banner-countdown.palm-promo .promo-counter .counter .seconds,
#top-banner.palm-promo .promo-counter .counter .days,
#top-banner.palm-promo .promo-counter .counter .hours,
#top-banner.palm-promo .promo-counter .counter .minutes,
#top-banner.palm-promo .promo-counter .counter .seconds {
    position: relative;
    min-width: 60px;
    margin: 0;
    background: none;
    vertical-align: baseline
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .promo-counter .counter .days,
    #top-banner-countdown.palm-promo .promo-counter .counter .hours,
    #top-banner-countdown.palm-promo .promo-counter .counter .minutes,
    #top-banner-countdown.palm-promo .promo-counter .counter .seconds,
    #top-banner.palm-promo .promo-counter .counter .days,
    #top-banner.palm-promo .promo-counter .counter .hours,
    #top-banner.palm-promo .promo-counter .counter .minutes,
    #top-banner.palm-promo .promo-counter .counter .seconds {
        min-width: 50px
    }
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .promo-counter .counter .days,
    #top-banner-countdown.palm-promo .promo-counter .counter .hours,
    #top-banner-countdown.palm-promo .promo-counter .counter .minutes,
    #top-banner-countdown.palm-promo .promo-counter .counter .seconds,
    #top-banner.palm-promo .promo-counter .counter .days,
    #top-banner.palm-promo .promo-counter .counter .hours,
    #top-banner.palm-promo .promo-counter .counter .minutes,
    #top-banner.palm-promo .promo-counter .counter .seconds {
        width: 25%
    }
}
#top-banner-countdown.palm-promo .promo-counter .counter>span,
#top-banner.palm-promo .promo-counter .counter>span {
    float: left;
    font: 700 28px/1.2 Source Sans Pro, Arial, sans-serif;
    color: #fff;
    vertical-align: baseline
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .promo-counter .counter>span,
    #top-banner.palm-promo .promo-counter .counter>span {
        font-size: 24px
    }
}
#top-banner-countdown.palm-promo .promo-counter .counter .value,
#top-banner.palm-promo .promo-counter .counter .value {
    font: 700 28px/1.2 Source Sans Pro, Arial, sans-serif;
    color: #fff;
    height: auto
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .promo-counter .counter .value,
    #top-banner.palm-promo .promo-counter .counter .value {
        font-size: 24px
    }
}
#top-banner-countdown.palm-promo .promo-counter .counter .text,
#top-banner.palm-promo .promo-counter .counter .text {
    font: 300 14px/1.2 Source Sans Pro, Arial, sans-serif;
    color: #fff;
    background: none;
    text-transform: uppercase
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .promo-counter .counter .text,
    #top-banner.palm-promo .promo-counter .counter .text {
        font-size: 12px
    }
}
#top-banner-countdown.palm-promo .promo-content,
#top-banner.palm-promo .promo-content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .promo-content,
    #top-banner.palm-promo .promo-content {
        order: 1
    }
}
#top-banner-countdown.palm-promo .description,
#top-banner.palm-promo .description {
    flex-grow: 1;
    padding: 0;
    text-align: left;
    color: #fff
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .description,
    #top-banner.palm-promo .description {
        text-align: center
    }
}
#top-banner-countdown.palm-promo .description h2,
#top-banner.palm-promo .description h2 {
    font: 600 16px/1.2 Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .description h2,
    #top-banner.palm-promo .description h2 {
        font-size: 14px
    }
}
.admin .preview-item #top-banner-countdown.palm-promo .description h2,
.admin .preview-item #top-banner.palm-promo .description h2 {
    margin: 0 0 5px;
    color: #fff
}
#top-banner-countdown.palm-promo .description p,
#top-banner.palm-promo .description p {
    font: 600 20px/1.2 Futura
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .description p,
    #top-banner.palm-promo .description p {
        font-size: 16px
    }
}
#top-banner-countdown.palm-promo .info,
#top-banner.palm-promo .info {
    flex-shrink: 0;
    align-self: auto;
    display: block
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .info,
    #top-banner.palm-promo .info {
        margin-right: 0
    }
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.palm-promo .info,
    #top-banner.palm-promo .info {
        order: 3;
        padding: 0;
        margin-bottom: 0
    }
}
#top-banner-countdown.palm-promo .info .link,
#top-banner.palm-promo .info .link {
    margin: 0
}
#top-banner-countdown.palm-promo .info .link a,
#top-banner.palm-promo .info .link a {
    box-sizing: border-box;
    height: auto;
    padding: 10px 15px;
    font: 600 16px/1.2 Source Sans Pro, Arial, sans-serif;
    color: #5e995d;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    transition: background-color .35s ease-in-out, color .35s ease-in-out
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .info .link a,
    #top-banner.palm-promo .info .link a {
        font-size: 14px
    }
}
#top-banner-countdown.palm-promo .info .link a:hover,
#top-banner.palm-promo .info .link a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent
}
#top-banner-countdown.palm-promo .close,
#top-banner.palm-promo .close {
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    right: auto;
    top: auto;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: background-color .35s ease-in-out, opacity .35s ease-in-out
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .close,
    #top-banner.palm-promo .close {
        position: absolute;
        top: 2px;
        right: 2px;
        border: none;
        border-radius: 0;
        transition: none
    }
}
#top-banner-countdown.palm-promo .close:after,
#top-banner-countdown.palm-promo .close:before,
#top-banner.palm-promo .close:after,
#top-banner.palm-promo .close:before {
    background-color: #fff
}
@media only screen and (min-width: 1024px) {
    #top-banner-countdown.palm-promo .close:hover,
    #top-banner.palm-promo .close:hover {
        background-color: #fff
    }
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.palm-promo .close:hover,
    #top-banner.palm-promo .close:hover {
        opacity: .7
    }
}
@media only screen and (min-width: 1024px) {
    #top-banner-countdown.palm-promo .close:hover:after,
    #top-banner-countdown.palm-promo .close:hover:before,
    #top-banner.palm-promo .close:hover:after,
    #top-banner.palm-promo .close:hover:before {
        background-color: #5e995d
    }
}
#top-banner-countdown.green-big-promo,
#top-banner.green-big-promo {
    top: -200%;
    background: #f7f7f7 url(../images/nick-gray-bg.html);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .29);
    transition: top 1s ease-out;
    opacity: 1!important;
    z-index: 9999
}
.top-banner-enabled #top-banner-countdown.green-big-promo,
.top-banner-enabled #top-banner.green-big-promo {
    top: 0
}
.admin .preview-item #top-banner-countdown.green-big-promo,
.admin .preview-item #top-banner.green-big-promo {
    height: 800px
}
#top-banner-countdown.green-big-promo:after,
#top-banner.green-big-promo:after {
    content: "";
    display: block;
    width: 162px;
    height: 90px;
    background: url(../images/banner-green-slime.html);
    background-size: cover;
    position: absolute;
    top: 100%;
    right: 100px;
    z-index: -1;
    pointer-events: none
}
#top-banner-countdown.green-big-promo:before,
#top-banner.green-big-promo:before {
    content: "";
    display: none;
    position: absolute;
    top: 105%;
    right: 132px;
    width: 30px;
    height: 30px;
    transform-origin: center center;
    border-radius: 100%;
    background-color: #90c858;
    -webkit-animation: drip 3s ease-in infinite;
    animation: drip 3s ease-in infinite
}
.top-banner-enabled #top-banner-countdown.green-big-promo:before,
.top-banner-enabled #top-banner.green-big-promo:before {
    display: block
}
#top-banner-countdown.green-big-promo .close,
#top-banner.green-big-promo .close {
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    padding: 12px;
    background-color: #ff6d2d;
    border-radius: 100%
}
#top-banner-countdown.green-big-promo .close:after,
#top-banner-countdown.green-big-promo .close:before,
#top-banner.green-big-promo .close:after,
#top-banner.green-big-promo .close:before {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    background: none;
    transform: translate(-50%, -50%) rotate(-45deg)
}
#top-banner-countdown.green-big-promo .close:after,
#top-banner.green-big-promo .close:after {
    transform: translate(-50%, 10%) rotate(-45deg)
}
#top-banner-countdown.green-big-promo .inner-wrapper,
#top-banner.green-big-promo .inner-wrapper {
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}
#top-banner-countdown.green-big-promo .inner-wrapper .description,
#top-banner.green-big-promo .inner-wrapper .description {
    margin-bottom: 2vh;
    padding: 0;
    color: #ff6d2d
}
#top-banner-countdown.green-big-promo .inner-wrapper .description p,
#top-banner.green-big-promo .inner-wrapper .description p {
    font-size: 26px;
    line-height: 26px
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.green-big-promo .inner-wrapper .description p,
    #top-banner.green-big-promo .inner-wrapper .description p {
        font-size: 20px;
        line-height: 20px
    }
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special {
    padding: 10px 0;
    width: 400px;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special,
    #top-banner.green-big-promo .inner-wrapper .promo-counter.special {
        width: 100%
    }
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter .days,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter .days {
    width: 100%
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter .days .value,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter .days .value {
    margin-right: 10px
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter .days .text,
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter .days .value,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter .days .text,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter .days .value {
    font-weight: 400
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter>div,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter>div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    float: none;
    width: auto;
    background: none;
    font: 400 30px/35px Source Sans Pro, Arial, sans-serif;
    color: #ff6d2d
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter>div .value,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter>div .value {
    margin-right: 5px
}
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter>div .text,
#top-banner-countdown.green-big-promo .inner-wrapper .promo-counter.special .counter>div .value,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter>div .text,
#top-banner.green-big-promo .inner-wrapper .promo-counter.special .counter>div .value {
    font: 700 35px/40px Source Sans Pro, Arial, sans-serif;
    height: auto;
    color: #ff6d2d;
    background: none
}
#top-banner-countdown.green-big-promo .inner-wrapper .link,
#top-banner.green-big-promo .inner-wrapper .link {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.green-big-promo .inner-wrapper .link,
    #top-banner.green-big-promo .inner-wrapper .link {
        bottom: 30px
    }
}
@media only screen and (max-height: 580px) {
    #top-banner-countdown.green-big-promo .inner-wrapper .link,
    #top-banner.green-big-promo .inner-wrapper .link {
        bottom: 30px
    }
}
#top-banner-countdown.green-big-promo .inner-wrapper .link .close,
#top-banner-countdown.green-big-promo .inner-wrapper .link a,
#top-banner.green-big-promo .inner-wrapper .link .close,
#top-banner.green-big-promo .inner-wrapper .link a {
    color: #ff6d2d;
    height: 65px;
    padding: 0 40px;
    font-size: 26px;
    text-transform: uppercase;
    border: 1px solid #ff6d2d;
    border-radius: 8px;
    line-height: 65px;
    display: inline-block;
    background: none!important;
    position: relative;
    width: auto;
    font-weight: 400
}
@media only screen and (max-width: 1023px) {
    #top-banner-countdown.green-big-promo .inner-wrapper .link .close,
    #top-banner-countdown.green-big-promo .inner-wrapper .link a,
    #top-banner.green-big-promo .inner-wrapper .link .close,
    #top-banner.green-big-promo .inner-wrapper .link a {
        height: 50px;
        line-height: 50px;
        font-size: 22px
    }
}
#top-banner-countdown.green-big-promo .inner-wrapper .link .close:hover,
#top-banner-countdown.green-big-promo .inner-wrapper .link a:hover,
#top-banner.green-big-promo .inner-wrapper .link .close:hover,
#top-banner.green-big-promo .inner-wrapper .link a:hover {
    background: #fff!important;
    color: #90c858;
    text-decoration: none
}
#top-banner-countdown.green-big-promo .inner-wrapper .link .close:after,
#top-banner-countdown.green-big-promo .inner-wrapper .link .close:before,
#top-banner-countdown.green-big-promo .inner-wrapper .link a:after,
#top-banner-countdown.green-big-promo .inner-wrapper .link a:before,
#top-banner.green-big-promo .inner-wrapper .link .close:after,
#top-banner.green-big-promo .inner-wrapper .link .close:before,
#top-banner.green-big-promo .inner-wrapper .link a:after,
#top-banner.green-big-promo .inner-wrapper .link a:before {
    display: none
}
#top-banner-countdown.green-big-promo .centered,
#top-banner.green-big-promo .centered {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    transform: translate(-50%, -50%)
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .centered,
    #top-banner.green-big-promo .centered {
        top: 120px;
        width: 80%;
        transform: translateX(-50%)
    }
}
#top-banner-countdown.green-big-promo .logo-and-title,
#top-banner.green-big-promo .logo-and-title {
    position: relative;
    border: 2px solid #ff6d2d;
    -webkit-animation: nick-blimp 2.5s ease-out forwards;
    animation: nick-blimp 2.5s ease-out forwards;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 5px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .logo-and-title,
    #top-banner.green-big-promo .logo-and-title {
        -webkit-animation: none;
        animation: none
    }
}
#top-banner-countdown.green-big-promo .logo-and-title:before,
#top-banner.green-big-promo .logo-and-title:before {
    content: "";
    display: block;
    width: 200px;
    height: 90px;
    position: absolute;
    top: 0;
    left: -225px;
    background: url(../images/balloon-orange.html) 50% no-repeat;
    background-size: cover;
    pointer-events: none;
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .logo-and-title:before,
    #top-banner.green-big-promo .logo-and-title:before {
        top: -100px;
        left: 40%
    }
}
#top-banner-countdown.green-big-promo .logo-and-title:after,
#top-banner.green-big-promo .logo-and-title:after {
    content: "";
    border-bottom: 3px solid #ff6701;
    width: 100px;
    position: absolute;
    top: 40px;
    left: -100px;
    border-radius: 100%;
    height: 50px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .logo-and-title:after,
    #top-banner.green-big-promo .logo-and-title:after {
        display: none
    }
}
#top-banner-countdown.green-big-promo .logo-and-title .image-block,
#top-banner.green-big-promo .logo-and-title .image-block {
    margin: 0 auto 2vh;
    max-height: 94px;
    display: block
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .logo-and-title .image-block,
    #top-banner.green-big-promo .logo-and-title .image-block {
        display: block!important
    }
}
#top-banner-countdown.green-big-promo .logo-and-title .image-block .image,
#top-banner.green-big-promo .logo-and-title .image-block .image {
    height: 100%;
    max-height: 94px;
    width: auto
}
#top-banner-countdown.green-big-promo .logo-and-title h2,
#top-banner.green-big-promo .logo-and-title h2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    color: #ff6d2d;
    text-transform: uppercase;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.green-big-promo .logo-and-title h2,
    #top-banner.green-big-promo .logo-and-title h2 {
        font-size: 24px;
        line-height: 24px
    }
}
#top-banner-countdown.green-big-promo .links,
#top-banner.green-big-promo .links {
    margin-top: 20px
}
#top-banner-countdown.green-big-promo .links .button,
#top-banner.green-big-promo .links .button {
    padding: 20px;
    border-radius: 50px;
    height: auto;
    line-height: 1;
    margin-bottom: 10px
}
#top-banner-countdown.green-big-promo .links .button.book,
#top-banner.green-big-promo .links .button.book {
    color: #fff;
    background-color: #ff6d2d
}
#top-banner-countdown.green-big-promo .links .button.white,
#top-banner.green-big-promo .links .button.white {
    color: #ff6d2d;
    border: 1px solid #ff6d2d
}
#top-banner-countdown.green-big-promo .links .button.white:hover,
#top-banner.green-big-promo .links .button.white:hover {
    color: #fff;
    background-color: #ff6d2d;
    text-decoration: none
}
.admin .preview-item #top-banner-countdown:not(.palm-promo),
.admin .preview-item #top-banner:not(.palm-promo) {
    height: 110px;
    padding: 0;
    position: relative
}
.admin .preview-item #top-banner-countdown:not(.palm-promo) .info,
.admin .preview-item #top-banner-countdown:not(.palm-promo) .promo-counter,
.admin .preview-item #top-banner:not(.palm-promo) .info,
.admin .preview-item #top-banner:not(.palm-promo) .promo-counter {
    position: relative;
    margin: 12px auto 0
}
.admin .preview-item #top-banner-countdown:not(.palm-promo) .promo-counter,
.admin .preview-item #top-banner:not(.palm-promo) .promo-counter {
    height: auto
}
.admin .preview-item #top-banner-countdown:not(.palm-promo) .close,
.admin .preview-item #top-banner:not(.palm-promo) .close {
    border: none
}
#top-banner-countdown .inner-wrapper,
#top-banner .inner-wrapper {
    width: 100%;
    min-height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .inner-wrapper,
    #top-banner .inner-wrapper {
        display: block;
        min-height: 165px
    }
}
#top-banner-countdown .promo-counter,
#top-banner .promo-counter {
    font-family: Source Sans Pro, Arial, sans-serif;
    flex-shrink: 0;
    padding: 5px 15px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .promo-counter,
    #top-banner .promo-counter {
        text-align: center;
        padding: 10px 20px
    }
}
#top-banner-countdown .promo-counter .counter,
#top-banner .promo-counter .counter {
    display: inline-block;
    vertical-align: middle
}
#top-banner-countdown .promo-counter .counter:after,
#top-banner .promo-counter .counter:after {
    clear: both;
    content: "";
    display: table
}
#top-banner-countdown .promo-counter .counter>div,
#top-banner .promo-counter .counter>div {
    float: left;
    width: 58px;
    margin-left: 10px;
    background: #45396a;
    text-align: center
}
#top-banner-countdown .promo-counter .counter>div:first-child,
#top-banner .promo-counter .counter>div:first-child {
    margin: 0
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .promo-counter .counter>div,
    #top-banner .promo-counter .counter>div {
        width: 55px;
        margin-left: 5px
    }
}
#top-banner-countdown .promo-counter .counter>div .text,
#top-banner .promo-counter .counter>div .text {
    line-height: 20px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    background: #5b517b;
    text-transform: uppercase
}
#top-banner-countdown .promo-counter .counter>div .value,
#top-banner .promo-counter .counter>div .value {
    position: relative;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    font-weight: 400;
    color: #fff
}
#top-banner-countdown .description,
#top-banner .description {
    padding: 10px;
    color: #fff;
    text-align: center;
    font-family: Source Sans Pro, Arial, sans-serif
}
#top-banner-countdown .description h2,
#top-banner .description h2 {
    margin-bottom: 5px;
    font-size: 23px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
#top-banner-countdown .description p,
#top-banner .description p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .description h2,
    #top-banner .description h2 {
        text-overflow: clip;
        display: block;
        font-size: 16px;
        line-height: 1.2
    }
    #top-banner-countdown .description p,
    #top-banner .description p {
        text-overflow: clip;
        display: block
    }
}
#top-banner-countdown .info,
#top-banner .info {
    height: auto;
    align-self: stretch;
    display: flex;
    align-items: center
}
#top-banner-countdown .info .link,
#top-banner .info .link {
    margin-right: 24px
}
#top-banner-countdown .info .link a,
#top-banner .info .link a {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    margin: 0;
    padding: 0 15px;
    overflow: visible;
    font: 400 20px/40px Source Sans Pro, Arial, sans-serif;
    color: #ffdd2f;
    text-transform: uppercase;
    -moz-text-align-last: auto;
    text-align-last: auto;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    transition: color .1s, background-color .1s
}
#top-banner-countdown .info .link a:hover,
#top-banner .info .link a:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .info,
    #top-banner .info {
        padding: 10px;
        justify-content: center
    }
    #top-banner-countdown .info .link a,
    #top-banner .info .link a {
        font: 400 16px/36px Source Sans Pro, Arial, sans-serif;
        height: 36px
    }
}
#top-banner-countdown .image-block,
#top-banner .image-block {
    height: auto;
    align-self: stretch;
    display: flex;
    align-items: center
}
#top-banner-countdown .image-block .image,
#top-banner .image-block .image {
    display: inline-block;
    width: 235px;
    height: auto;
    align-self: stretch;
    background-size: cover;
    background-position: 50% 50%
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .image-block,
    #top-banner .image-block {
        display: none
    }
}
#top-banner-countdown .close,
#top-banner .close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-color: #fff;
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
    text-align: center;
    transition: opacity .3s
}
#top-banner-countdown .close:after,
#top-banner-countdown .close:before,
#top-banner .close:after,
#top-banner .close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #262323;
    transform: translate(-50%, -50%) rotate(45deg)
}
#top-banner-countdown .close:after,
#top-banner .close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
#top-banner-countdown.countdown-show .info .link,
#top-banner.countdown-show .info .link {
    margin-right: 20px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown.countdown-show .info .link,
    #top-banner.countdown-show .info .link {
        margin-right: 0
    }
}
html.top-banner-enabled #top-banner {
    z-index: 9999;
    opacity: 1
}
html.top-banner-enabled #header,
html.top-banner-enabled body {
    top: 90px;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled #header,
    html.top-banner-enabled body {
        top: 165px
    }
}
html.top-banner-enabled #hamburger-navigation {
    top: 90px
}
html.top-banner-enabled #hamburger-navigation .common-close-button {
    top: 110px
}
@media only screen and (min-width: 768px) {
    html.top-banner-enabled #hamburger-navigation.hamburger-with-overlay .common-close-button {
        top: auto
    }
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled #hamburger-navigation {
        top: 166px
    }
    html.top-banner-enabled #hamburger-navigation .common-close-button {
        top: 10px
    }
}
html.top-banner-enabled #inner-body>div:first-child {
    height: calc(100% - 90px);
    transition: height .3s ease-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled #inner-body>div:first-child {
        height: calc(100% - 270px)
    }
}
html.top-banner-enabled #inner-body #content {
    height: auto
}
html.top-banner-enabled.top-banner-closed #header,
html.top-banner-enabled.top-banner-closed body {
    top: 0
}
html.top-banner-enabled.top-banner-closed #top-banner {
    top: -90px;
    opacity: 0
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled.top-banner-closed #top-banner {
        top: -270px
    }
}
html.top-banner-enabled.top-banner-closed #hamburger-navigation {
    top: 0
}
html.top-banner-enabled.top-banner-closed #hamburger-navigation .common-close-button {
    top: 40px
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled.top-banner-closed #hamburger-navigation {
        top: 0
    }
    html.top-banner-enabled.top-banner-closed #hamburger-navigation .common-close-button {
        top: 10px
    }
}
html.top-banner-enabled.top-banner-closed #inner-body>div:first-child {
    height: 100%
}
html.top-banner-countdown-enabled #top-banner-countdown {
    z-index: 9999;
    opacity: 1
}
html.top-banner-countdown-enabled #header,
html.top-banner-countdown-enabled body {
    top: 90px;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled #header,
    html.top-banner-countdown-enabled body {
        top: 165px
    }
}
html.top-banner-countdown-enabled #hamburger-navigation {
    top: 90px
}
html.top-banner-countdown-enabled #hamburger-navigation .common-close-button {
    top: 110px
}
@media only screen and (min-width: 768px) {
    html.top-banner-countdown-enabled #hamburger-navigation.hamburger-with-overlay .common-close-button {
        top: auto
    }
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled #hamburger-navigation {
        top: 166px
    }
    html.top-banner-countdown-enabled #hamburger-navigation .common-close-button {
        top: 10px
    }
}
html.top-banner-countdown-enabled #inner-body>div:first-child {
    height: calc(100% - 90px);
    transition: height .3s ease-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled #inner-body>div:first-child {
        height: calc(100% - 270px)
    }
}
html.top-banner-countdown-enabled #inner-body #content {
    height: auto
}
html.top-banner-countdown-enabled.top-banner-countdown-closed #header,
html.top-banner-countdown-enabled.top-banner-countdown-closed body {
    top: 0
}
html.top-banner-countdown-enabled.top-banner-countdown-closed #top-banner-countdown {
    top: -90px;
    opacity: 0
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled.top-banner-countdown-closed #top-banner-countdown {
        top: -270px
    }
}
html.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation {
    top: 0
}
html.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation .common-close-button {
    top: 40px
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation {
        top: 0
    }
    html.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation .common-close-button {
        top: 10px
    }
}
html.top-banner-countdown-enabled.top-banner-countdown-closed #inner-body>div:first-child {
    height: 100%
}
html.property.top-banner-countdown-enabled #global-navigation,
html.property.top-banner-enabled #global-navigation {
    top: 120px
}
@media only screen and (max-width: 767px) {
    html.property.top-banner-countdown-enabled #global-navigation,
    html.property.top-banner-enabled #global-navigation {
        top: 195px
    }
}
html.property.top-banner-countdown-enabled #hamburger-navigation,
html.property.top-banner-enabled #hamburger-navigation {
    top: 90px
}
html.property.top-banner-countdown-enabled #hamburger-navigation .common-close-button,
html.property.top-banner-enabled #hamburger-navigation .common-close-button {
    top: 110px
}
@media only screen and (min-width: 768px) {
    html.property.top-banner-countdown-enabled #hamburger-navigation.hamburger-with-overlay .common-close-button,
    html.property.top-banner-enabled #hamburger-navigation.hamburger-with-overlay .common-close-button {
        top: auto
    }
}
@media only screen and (max-width: 767px) {
    html.property.top-banner-countdown-enabled #hamburger-navigation,
    html.property.top-banner-enabled #hamburger-navigation {
        top: 166px
    }
    html.property.top-banner-countdown-enabled #hamburger-navigation .common-close-button,
    html.property.top-banner-enabled #hamburger-navigation .common-close-button {
        top: 10px
    }
}
html.property.top-banner-countdown-enabled.top-banner-closed #global-navigation,
html.property.top-banner-countdown-enabled.top-banner-countdown-closed #global-navigation,
html.property.top-banner-enabled.top-banner-closed #global-navigation,
html.property.top-banner-enabled.top-banner-countdown-closed #global-navigation {
    top: 30px
}
html.property.top-banner-countdown-enabled.top-banner-closed #hamburger-navigation,
html.property.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation,
html.property.top-banner-enabled.top-banner-closed #hamburger-navigation,
html.property.top-banner-enabled.top-banner-countdown-closed #hamburger-navigation {
    top: 0
}
html.property.top-banner-countdown-enabled.top-banner-closed #hamburger-navigation .common-close-button,
html.property.top-banner-countdown-enabled.top-banner-countdown-closed #hamburger-navigation .common-close-button,
html.property.top-banner-enabled.top-banner-closed #hamburger-navigation .common-close-button,
html.property.top-banner-enabled.top-banner-countdown-closed #hamburger-navigation .common-close-button {
    top: 20px
}
@media only screen and (max-width: 767px) {
    #top-banner-countdown .inner-wrapper {
        min-height: 208px
    }
}
@media screen and (max-width: 574px) {
    #top-banner-countdown .inner-wrapper {
        min-height: 226px
    }
}
html.top-banner-enabled.countdown-show-timer #header,
html.top-banner-enabled.countdown-show-timer body {
    top: 90px;
    transition: top .3s ease-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled.countdown-show-timer #header,
    html.top-banner-enabled.countdown-show-timer body {
        top: 165px
    }
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled.countdown-show-timer #header {
        top: 43px
    }
}
@media screen and (max-width: 574px) {
    html.top-banner-enabled.countdown-show-timer #header {
        top: 61px
    }
}
html.top-banner-enabled.countdown-show-timer.top-banner-closed #header,
html.top-banner-enabled.countdown-show-timer.top-banner-closed body {
    top: 0
}
html.top-banner-enabled.countdown-show-timer.top-banner-closed #top-banner-countdown {
    top: -90px
}
@media only screen and (max-width: 767px) {
    html.top-banner-enabled.countdown-show-timer.top-banner-closed #top-banner-countdown {
        top: -270px
    }
}
html.top-banner-enabled.countdown-show-timer.top-banner-closed #top-banner-countdown.green-big-promo {
    top: -200%;
    opacity: 0
}
html.top-banner-enabled.countdown-show-timer.top-banner-closed #inner-body>div:first-child {
    height: 100%
}
html.top-banner-countdown-enabled.countdown-show-timer #header,
html.top-banner-countdown-enabled.countdown-show-timer body {
    top: 90px;
    transition: top .3s ease-out
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled.countdown-show-timer #header,
    html.top-banner-countdown-enabled.countdown-show-timer body {
        top: 165px
    }
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled.countdown-show-timer #header {
        top: 43px
    }
}
@media screen and (max-width: 574px) {
    html.top-banner-countdown-enabled.countdown-show-timer #header {
        top: 61px
    }
}
html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed #header,
html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed body {
    top: 0
}
html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed #top-banner-countdown {
    top: -90px
}
@media only screen and (max-width: 767px) {
    html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed #top-banner-countdown {
        top: -270px
    }
}
html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed #top-banner-countdown.green-big-promo {
    top: -200%;
    opacity: 0
}
html.top-banner-countdown-enabled.countdown-show-timer.top-banner-countdown-closed #inner-body>div:first-child {
    height: 100%
}
html.top-banner-countdown-enabled.top-banner-enabled.top-banner-countdown-closed #header,
html.top-banner-countdown-enabled.top-banner-enabled.top-banner-countdown-closed body {
    top: 90px
}
html.top-banner-countdown-enabled.top-banner-enabled.top-banner-countdown-closed.top-banner-closed #header,
html.top-banner-countdown-enabled.top-banner-enabled.top-banner-countdown-closed.top-banner-closed body {
    top: 0
}
html.top-banner-enabled.cyber-sale #top-banner,
html.top-banner-enabled.cyber-sale #top-banner-countdown,
html.top-banner-enabled.single-special #top-banner,
html.top-banner-enabled.single-special #top-banner-countdown {
    display: none
}
html.top-banner-enabled.cyber-sale #hamburger-navigation,
html.top-banner-enabled.cyber-sale #header,
html.top-banner-enabled.single-special #hamburger-navigation,
html.top-banner-enabled.single-special #header {
    top: 0
}
html.top-banner-enabled.cyber-sale #hamburger-navigation .common-close-button,
html.top-banner-enabled.single-special #hamburger-navigation .common-close-button {
    top: 21px
}
html.top-banner-enabled.cyber-sale body,
html.top-banner-enabled.single-special body {
    top: 0
}
#events {
    position: relative;
    background: #f0f0f0;
    overflow: hidden;
    text-align: center
}
#events h2 {
    font: 200 36px/1.2 Source Sans Pro, Arial, sans-serif;
    margin: 15px;
    color: #54baba;
    text-transform: uppercase
}
#events h2 a {
    text-decoration: none
}
#events .slideshow {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden
}
#events .slideshow-wrapper {
    font-size: 0;
    white-space: nowrap
}
#events .event {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 10px);
    height: 666px;
    overflow: hidden;
    vertical-align: top;
    white-space: normal;
    margin: 0 5px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #events .event {
        width: calc(50% - 10px)
    }
}
@media only screen and (max-width: 767px) {
    #events .event {
        width: 100vw;
        height: 580px;
        margin: 0
    }
}
#events .event .thumbnail {
    position: relative;
    width: 100%;
    height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    #events .event .thumbnail {
        height: 266px
    }
}
#events .event .thumbnail.no-thumbnail {
    background: #dbdbdb
}
#events .event .thumbnail .loading:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border-color: #282828 transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    -webkit-animation: loading-icon-spin 1.2s linear infinite;
    animation: loading-icon-spin 1.2s linear infinite
}
@-webkit-keyframes loading-icon-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
#events .event .date {
    display: block;
    position: relative;
    margin: 34px 0 37px;
    color: #525252;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    #events .event .date {
        margin: 20px 0
    }
}
#events .event .date a {
    color: inherit;
    text-decoration: none
}
#events .event .date a:hover {
    text-decoration: underline
}
#events .event .date:after {
    content: "";
    display: block;
    width: 180px;
    height: 1px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #e0e0e0
}
@media only screen and (max-width: 767px) {
    #events .event .date:after {
        bottom: -8px
    }
}
#events .event h3 {
    font: 200 24px/1.33 Source Sans Pro, Arial, sans-serif;
    color: #54baba;
    margin-bottom: 16px;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    #events .event h3 {
        font-size: 20px
    }
}
#events .event p {
    font-size: 15px;
    line-height: 1.33;
    color: #525252
}
@media only screen and (max-width: 767px) {
    #events .event p {
        font-size: 14px
    }
}
#events .event .copy {
    padding: 0 20px
}
@media only screen and (max-width: 767px) {
    #events .event .copy {
        padding: 0 10px
    }
}
#events .event .button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}
#events .slideshow-pagination {
    margin: 20px 0;
    text-align: center;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    #events .slideshow-pagination {
        display: none
    }
}
#events .slideshow-pagination>* {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    text-indent: -9999px;
    overflow: hidden;
    background: #327d7d;
    border-radius: 50%;
    transition: background .35s ease-in-out;
    cursor: pointer
}
#events .slideshow-pagination>.active,
#events .slideshow-pagination>:hover {
    background: #54baba
}
.rooms-specials-layout #content {
    padding-bottom: 37px
}
.rooms-specials-layout #content #main-content {
    display: block;
    margin-top: -134px;
    background: #fff;
    text-align: center;
    max-width: 1300px;
    padding-top: 37px;
    margin-bottom: 0
}
@media only screen and (max-width: 1023px) {
    .rooms-specials-layout #content #main-content {
        margin-top: 0;
        padding-top: 0
    }
}
.rooms-specials-layout #content #main-content h1 {
    font: 300 24px/31px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 1px;
    color: #6d6e71;
    text-transform: uppercase;
    margin-bottom: 0
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout #content #main-content h1 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0
    }
}
.rooms-specials-layout #content #main-content h2 {
    font: 300 60px/60px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    text-transform: none
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout #content #main-content h2 {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 20px
    }
}
.rooms-specials-layout .items-wrapper .items-categories-selector,
.rooms-specials-layout .specials-wrapper .items-categories-selector {
    text-align: center;
    font-size: 0;
    margin: 0 0 20px;
    position: relative
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector,
    .rooms-specials-layout .specials-wrapper .items-categories-selector {
        padding-top: 38px;
        margin: 0 15px 20px;
        position: relative
    }
    .rooms-specials-layout .items-wrapper .items-categories-selector:after,
    .rooms-specials-layout .specials-wrapper .items-categories-selector:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 0;
        position: absolute;
        top: 10px;
        right: 20px;
        transform: rotate(45deg)
    }
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper,
    .rooms-specials-layout .specials-wrapper .items-categories-selector .items-categories-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 1
    }
    .rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper:after,
    .rooms-specials-layout .specials-wrapper .items-categories-selector .items-categories-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -40px;
        box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .2);
        z-index: -1
    }
}
.rooms-specials-layout .items-wrapper .items-categories-selector button,
.rooms-specials-layout .specials-wrapper .items-categories-selector button {
    font: 400 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    color: #282828;
    position: relative;
    margin: 0 24px;
    text-transform: uppercase;
    transition: font-weight 268ms;
    padding: 0;
    border: 0;
    height: auto
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector button,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button {
        width: 100%;
        text-align: center;
        line-height: 38px;
        margin: 0;
        transform: translateY(40px);
        background: #fff;
        display: none
    }
    .rooms-specials-layout .items-wrapper .items-categories-selector button.active,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button.active {
        display: block
    }
}
.rooms-specials-layout .items-wrapper .items-categories-selector button:before,
.rooms-specials-layout .specials-wrapper .items-categories-selector button:before {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden
}
.rooms-specials-layout .items-wrapper .items-categories-selector button:after,
.rooms-specials-layout .specials-wrapper .items-categories-selector button:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -7px;
    height: 2px;
    width: 100%;
    background: #282828;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: visibility 268ms, opacity 268ms, transform 268ms
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector button:after,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button:after {
        display: none
    }
}
@media only screen and (min-width: 1024px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector button:hover,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button:hover {
        background: none;
        font-weight: 700
    }
    .rooms-specials-layout .items-wrapper .items-categories-selector button:hover:after,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button:hover:after {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector button:hover,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button:hover {
        background: none;
        font-weight: 700
    }
    .rooms-specials-layout .items-wrapper .items-categories-selector button:hover:after,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button:hover:after {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}
.rooms-specials-layout .items-wrapper .items-categories-selector button.active,
.rooms-specials-layout .specials-wrapper .items-categories-selector button.active {
    background: none;
    font-weight: 700
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .items-categories-selector button.active,
    .rooms-specials-layout .specials-wrapper .items-categories-selector button.active {
        transform: translateY(0);
        border: 1px solid #000;
        position: absolute;
        top: 0;
        font-weight: 400
    }
}
.rooms-specials-layout .items-wrapper .items-categories-selector button.active:after,
.rooms-specials-layout .specials-wrapper .items-categories-selector button.active:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.rooms-specials-layout .items-wrapper .items-categories-selector.open button,
.rooms-specials-layout .specials-wrapper .items-categories-selector.open button {
    display: block
}
.rooms-specials-layout .items-wrapper .hide,
.rooms-specials-layout .specials-wrapper .hide {
    display: none!important
}
@media only screen and (min-width: 1200px) {
    .rooms-specials-layout .items-wrapper .swiper-wrapper.center-slides,
    .rooms-specials-layout .specials-wrapper .swiper-wrapper.center-slides {
        justify-content: center;
        transform: none!important;
        margin-left: 7px
    }
    .rooms-specials-layout .items-wrapper .swiper-wrapper.center-slides .swiper-slide-active,
    .rooms-specials-layout .specials-wrapper .swiper-wrapper.center-slides .swiper-slide-active {
        transform: scale(.97);
        box-shadow: none
    }
}
@media only screen and (min-width: 1200px) {
    .rooms-specials-layout .items-wrapper .swiper-wrapper.center-slides+.center-column,
    .rooms-specials-layout .specials-wrapper .swiper-wrapper.center-slides+.center-column {
        display: none
    }
}
.rooms-specials-layout .items-wrapper .swiper-wrapper.slides-count-1,
.rooms-specials-layout .specials-wrapper .swiper-wrapper.slides-count-1 {
    justify-content: center;
    transform: none!important;
    margin-left: 7px
}
.rooms-specials-layout .items-wrapper .swiper-wrapper.slides-count-1+.center-column,
.rooms-specials-layout .specials-wrapper .swiper-wrapper.slides-count-1+.center-column {
    display: none
}
.rooms-specials-layout .items-wrapper .slider-container,
.rooms-specials-layout .specials-wrapper .slider-container {
    overflow: hidden;
    padding: 0 0 50px;
    width: 100%
}
.rooms-specials-layout .items-wrapper .slider-container .pagination,
.rooms-specials-layout .specials-wrapper .slider-container .pagination {
    position: absolute;
    right: 20px;
    top: 10px
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .slider-container .pagination,
    .rooms-specials-layout .specials-wrapper .slider-container .pagination {
        position: relative;
        top: 50px;
        width: 130px;
        right: auto;
        margin: 0 auto
    }
}
.rooms-specials-layout .items-wrapper .slider-container .pagination button:hover,
.rooms-specials-layout .specials-wrapper .slider-container .pagination button:hover {
    border-color: #b2b2ae
}
.rooms-specials-layout .items-wrapper .slider-container .pagination .next,
.rooms-specials-layout .items-wrapper .slider-container .pagination .prev,
.rooms-specials-layout .specials-wrapper .slider-container .pagination .next,
.rooms-specials-layout .specials-wrapper .slider-container .pagination .prev {
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 0;
    position: absolute;
    top: 6px
}
.rooms-specials-layout .items-wrapper .slider-container .pagination .prev,
.rooms-specials-layout .specials-wrapper .slider-container .pagination .prev {
    left: 0;
    transform: rotate(-45deg);
    transform-origin: center
}
.rooms-specials-layout .items-wrapper .slider-container .pagination .next,
.rooms-specials-layout .specials-wrapper .slider-container .pagination .next {
    right: 0;
    transform: rotate(135deg);
    transform-origin: center
}
.rooms-specials-layout .items-wrapper .slider-container .pagination .progress,
.rooms-specials-layout .specials-wrapper .slider-container .pagination .progress {
    padding: 0 20px;
    font: 700 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center
}
.rooms-specials-layout .items-wrapper .item,
.rooms-specials-layout .specials-wrapper .item {
    width: 404px;
    height: 568px;
    overflow: hidden;
    transform: scale(.97);
    display: inline-block;
    transition: transform 268ms;
    position: relative
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item,
    .rooms-specials-layout .specials-wrapper .item {
        width: 80vw;
        height: 460px
    }
}
.rooms-specials-layout .items-wrapper .item .thumb,
.rooms-specials-layout .specials-wrapper .item .thumb {
    height: 245px;
    position: relative;
    background: #ccc
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .thumb,
    .rooms-specials-layout .specials-wrapper .item .thumb {
        height: 145px
    }
}
.rooms-specials-layout .items-wrapper .item .item-info,
.rooms-specials-layout .specials-wrapper .item .item-info {
    height: 323px;
    overflow: hidden;
    padding: 36px 0;
    text-align: center;
    position: relative;
    border: 1px solid #d7d7d6;
    border-top: none
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .item-info,
    .rooms-specials-layout .specials-wrapper .item .item-info {
        height: 315px;
        padding: 20px 0
    }
}
.rooms-specials-layout .items-wrapper .item .item-info h3,
.rooms-specials-layout .specials-wrapper .item .item-info h3 {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 20px 14px
}
.rooms-specials-layout .items-wrapper .item .item-info p,
.rooms-specials-layout .specials-wrapper .item .item-info p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .2px;
    margin: 0 20px;
    height: 85px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .item-info p,
    .rooms-specials-layout .specials-wrapper .item .item-info p {
        margin: 0 15px
    }
}
.rooms-specials-layout .items-wrapper .item .links,
.rooms-specials-layout .specials-wrapper .item .links {
    display: flex;
    padding: 0 28px;
    position: absolute;
    bottom: 30px;
    width: 100%;
    flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .links,
    .rooms-specials-layout .specials-wrapper .item .links {
        padding: 0 15px;
        bottom: 20px
    }
}
.rooms-specials-layout .items-wrapper .item .links a,
.rooms-specials-layout .specials-wrapper .item .links a {
    color: #282828;
    border: 0;
    flex: 1;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    text-decoration: none;
    height: 36px;
    line-height: 34px;
    text-align: center;
    transition: all .35s ease-in-out;
    white-space: nowrap
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .links a,
    .rooms-specials-layout .specials-wrapper .item .links a {
        font-size: 14px
    }
}
.rooms-specials-layout .items-wrapper .item .links a:hover,
.rooms-specials-layout .specials-wrapper .item .links a:hover {
    color: #6d6e71;
    text-decoration: underline
}
.rooms-specials-layout .items-wrapper .item .links .button,
.rooms-specials-layout .specials-wrapper .item .links .button {
    font-weight: 600;
    letter-spacing: 0;
    background: #5b517b;
    color: #fff
}
@media only screen and (max-width: 767px) {
    .rooms-specials-layout .items-wrapper .item .links .button,
    .rooms-specials-layout .specials-wrapper .item .links .button {
        padding: 0
    }
}
.rooms-specials-layout .items-wrapper .item .links .button:hover,
.rooms-specials-layout .specials-wrapper .item .links .button:hover {
    color: #fff;
    text-decoration: none;
    background: #6d6e71
}
.rooms-specials-layout .items-wrapper .item.swiper-slide-active,
.rooms-specials-layout .specials-wrapper .item.swiper-slide-active {
    transform: scale(1);
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
.property-rooms-descr {
    max-width: 1300px;
    padding: 0 45px;
    font-size: 0;
    margin: 37px 0 170px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-rooms-descr {
        padding: 0 13px;
        margin-bottom: 70px
    }
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr {
        padding: 0 13px;
        margin: 20px 0;
        display: flex;
        flex-flow: column
    }
}
.property-rooms-descr .content,
.property-rooms-descr .thumbnail {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr .content,
    .property-rooms-descr .thumbnail {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr .thumbnail {
        order: 1;
        margin-bottom: 20px
    }
}
.property-rooms-descr .content {
    width: calc(50% - 65px);
    margin-right: 65px;
    font-size: 15px;
    line-height: 34px;
    color: #212529
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-rooms-descr .content {
        width: calc(50% - 30px);
        margin-right: 30px
    }
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr .content {
        width: 100%;
        order: 2;
        line-height: 33px
    }
}
.property-rooms-descr h3 {
    font: 300 20px/25px Source Sans Pro, Arial, sans-serif;
    color: #6d6e71;
    text-transform: uppercase;
    margin-bottom: 2px
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr h3 {
        font-size: 18px;
        line-height: 22px
    }
}
.property-rooms-descr h4 {
    font: 600 28px/39px "Source Serif Pro", Times New Roman, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 43px;
    color: #212529;
    position: relative
}
@media only screen and (max-width: 767px) {
    .property-rooms-descr h4 {
        font-size: 22px;
        line-height: 32px
    }
}
.property-rooms-descr h4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -19px;
    width: 98px;
    height: 2px;
    background: #000
}
.single-room-special #content {
    padding: 0
}
.single-room-special .items-gallery-slideshow {
    position: absolute;
    height: 100vh;
    width: 50%;
    overflow: hidden
}
@media only screen and (min-width: 1280px) {
    .single-room-special .items-gallery-slideshow {
        width: 60%
    }
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow {
        height: auto;
        padding-bottom: 0;
        width: 100%;
        position: relative;
        margin-top: 65px
    }
}
.single-room-special .items-gallery-slideshow .slideshow {
    height: 100%;
    width: 100%
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .slide-image {
        height: 0;
        padding-bottom: 50%
    }
}
.single-room-special .items-gallery-slideshow .marketing {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .marketing {
        bottom: 20px;
        left: 40px;
        right: 40px
    }
}
.single-room-special .items-gallery-slideshow .marketing span {
    font: 600 19px/24px Source Sans Pro, Arial, sans-serif;
    display: block;
    color: #fff;
    margin-bottom: 4px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .marketing span {
        font-size: 17px;
        line-height: 19px
    }
}
.single-room-special .items-gallery-slideshow .marketing span.message {
    margin-bottom: 0;
    font-weight: 700
}
.single-room-special .items-gallery-slideshow .slideshow-button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 55px;
    height: 55px;
    margin-top: -28px;
    background: #000;
    z-index: 1;
    text-indent: -9999em;
    font-size: 0;
    transition: background-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .slideshow-button {
        width: 30px;
        height: 30px;
        margin-top: -15px
    }
}
.single-room-special .items-gallery-slideshow .slideshow-button:after {
    content: "";
    display: block;
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -1px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    height: 21px;
    width: 21px;
    transform: translateY(-50%) rotate(-45deg);
    transition: border-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .slideshow-button:after {
        right: 12px;
        width: 10px;
        height: 10px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        margin-top: 0
    }
}
.single-room-special .items-gallery-slideshow .slideshow-button.next {
    left: auto;
    right: 0
}
.single-room-special .items-gallery-slideshow .slideshow-button.previous:after {
    transform: translateY(-50%) rotate(135deg);
    right: auto;
    left: 22px
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-gallery-slideshow .slideshow-button.previous:after {
        left: 12px
    }
}
.single-room-special .items-gallery-slideshow .slideshow-button:hover {
    background: #fff
}
.single-room-special .items-gallery-slideshow .slideshow-button:hover:after {
    border-right-color: #000;
    border-bottom-color: #000
}
.single-room-special .titles-for-slider {
    position: absolute;
    left: 30px;
    bottom: 25px;
    z-index: 1;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .09px;
    line-height: 27px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5);
    text-transform: uppercase
}
.single-room-special .titles-for-slider span {
    display: block;
    text-transform: none
}
.single-room-special .items-content {
    width: 50%;
    position: relative;
    float: right;
    height: 100vh;
    overflow: auto;
    background: #fff
}
@media only screen and (min-width: 1280px) {
    .single-room-special .items-content {
        width: 40%
    }
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content {
        width: 100%;
        height: auto
    }
}
.single-room-special .items-content .controls {
    position: fixed;
    height: 86px;
    border-bottom: 1px solid #dcdcdc;
    top: 0;
    background: #fff;
    width: 50%;
    z-index: 1
}
@media only screen and (min-width: 1280px) {
    .single-room-special .items-content .controls {
        width: 40%
    }
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .controls {
        width: 100%;
        left: 0;
        height: 65px
    }
}
.single-room-special .items-content .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block
}
.single-room-special .items-content .logo img {
    display: block;
    height: 52px
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .logo img {
        height: 43px
    }
}
.single-room-special .items-content .content-wrapper {
    padding: 32px 15px 20px 55px;
    position: absolute;
    top: 86px;
    bottom: 100px;
    width: 100%;
    height: calc(100% - 190px);
    font: 300 15px/34px Source Sans Pro, Arial, sans-serif;
    overflow: auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .single-room-special .items-content .content-wrapper {
        padding: 32px 20px 20px
    }
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .content-wrapper {
        top: auto;
        bottom: auto;
        position: relative;
        padding: 10px 20px
    }
}
.single-room-special .items-content .content-wrapper .amenities h4 {
    margin-bottom: 10px
}
.single-room-special .items-content .content-wrapper .amenities ul {
    margin: 0 0 20px
}
.single-room-special .items-content .content-wrapper .amenities ul li {
    margin-bottom: 0
}
.single-room-special .items-content .share {
    position: absolute;
    bottom: 24px;
    right: 0;
    color: #6d6e71;
    font: 400 12px/15px Source Sans Pro, Arial, sans-serif
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .share {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 25px
    }
}
.single-room-special .items-content .share svg {
    display: inline-block;
    fill: #6d6e71;
    vertical-align: middle;
    margin-left: 5px
}
.single-room-special .items-content .socials {
    position: absolute;
    right: 0;
    bottom: 24px;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin-bottom: 0;
    height: 40px;
    padding-right: 38px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .socials {
        right: auto;
        left: 0
    }
}
.single-room-special .items-content .socials.visible {
    opacity: 1;
    visibility: visible
}
.single-room-special .items-content .socials .common-close-button {
    right: 0;
    top: 0
}
.single-room-special .items-content .socials .share-this-site {
    font-size: 0;
    margin: 0
}
.single-room-special .items-content .socials .share-this-site li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    line-height: 35px;
    margin: 0 0 0 10px
}
.single-room-special .items-content .socials .share-this-site li:before {
    display: none
}
.single-room-special .items-content .socials .share-this-site li.twitter {
    margin-left: 0
}
.single-room-special .items-content .socials .share-this-site li.mail {
    margin-left: 0;
    margin-right: 15px
}
.single-room-special .items-content .socials .share-this-site iframe {
    vertical-align: middle;
    margin: 0
}
.single-room-special .items-content .socials .share-this-site a {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative
}
.single-room-special .items-content .socials .share-this-site a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    fill: #282828;
    transition: fill .35s ease-in-out
}
.single-room-special .items-content .socials .share-this-site a:hover svg {
    fill: #6d6e71
}
.single-room-special .items-content .headings {
    padding-right: 80px;
    position: relative;
    padding-bottom: 24px
}
.single-room-special .items-content h1 {
    font: 600 28px/39px "Source Serif Pro", Times New Roman, sans-serif;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 2px
}
.single-room-special .items-content h2 {
    font: 300 13px/17px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #6d6e71;
    position: relative;
    margin-bottom: 24px
}
.single-room-special .items-content h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 98px;
    height: 2px;
    background: #000
}
.single-room-special .items-content .price {
    display: block;
    margin: 20px 0
}
.single-room-special .items-content .links {
    position: fixed;
    background: #fff;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 104px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 55px
}
@media only screen and (min-width: 1280px) {
    .single-room-special .items-content .links {
        width: 40%
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .single-room-special .items-content .links {
        padding: 0 20px
    }
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .links {
        width: 100%;
        padding: 40px 20px 20px;
        position: relative;
        right: auto;
        bottom: auto;
        height: auto;
        display: block;
        justify-content: unset;
        align-items: unset;
        text-align: center;
        border-top: 1px solid #dcdcdc
    }
}
.single-room-special .items-content .links a {
    text-decoration: none;
    margin-top: 7px
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .links a {
        display: block;
        margin-top: 0
    }
}
.single-room-special .items-content .links a:hover {
    text-decoration: underline
}
.single-room-special .items-content .links a.phone {
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .single-room-special .items-content .links a.phone {
        line-height: 40px
    }
}
.single-room-special .items-content .links .button {
    height: 40px;
    line-height: 36px;
    padding: 0 20px
}
.single-room-special .items-content .links .button:hover {
    text-decoration: none
}
.single-room-special .share {
    position: absolute;
    bottom: 24px;
    right: 0;
    color: #6d6e71;
    font: 400 12px/15px Source Sans Pro, Arial, sans-serif
}
@media only screen and (max-width: 767px) {
    .single-room-special .share {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 25px
    }
}
.single-room-special .share svg {
    display: inline-block;
    fill: #6d6e71;
    vertical-align: middle;
    margin-left: 5px
}
.single-room-special .socials {
    position: absolute;
    right: 0;
    bottom: 24px;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin-bottom: 0;
    height: 40px;
    padding-right: 38px;
    padding-left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .single-room-special .socials {
        right: auto;
        left: 0
    }
}
.single-room-special .socials.visible {
    opacity: 1;
    visibility: visible
}
.single-room-special .socials .common-close-button {
    right: 0;
    top: 0
}
.single-room-special .socials iframe {
    vertical-align: middle
}
.single-room-special .socials .share-this-site {
    font-size: 0;
    margin: 0
}
.single-room-special .socials .share-this-site li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    line-height: 35px;
    margin: 0 0 0 10px
}
.single-room-special .socials .share-this-site li:before {
    display: none
}
.single-room-special .socials .share-this-site li.twitter {
    margin-left: 0
}
.single-room-special .socials .share-this-site li.mail {
    margin-left: 0;
    margin-right: 15px
}
.single-room-special .socials .share-this-site iframe {
    vertical-align: middle;
    margin: 0
}
.single-room-special .socials .share-this-site a {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative
}
.single-room-special .socials .share-this-site a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    fill: #282828;
    transition: fill .35s ease-in-out
}
.single-room-special .socials .share-this-site a:hover svg {
    fill: #6d6e71
}
.single-room-special .socials .common-close-button {
    position: absolute;
    top: 19px;
    right: 17px;
    background: #000;
    transition: background-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .single-room-special .socials .common-close-button {
        top: 0;
        right: 0
    }
}
.single-room-special .socials .common-close-button:after,
.single-room-special .socials .common-close-button:before {
    background: #fff;
    transition: background .35s ease-in-out
}
.single-room-special .socials .common-close-button:hover {
    background: #fff;
    opacity: 1
}
.single-room-special .socials .common-close-button:hover:after,
.single-room-special .socials .common-close-button:hover:before {
    background: #000
}
.property-rooms-widget {
    margin: 37px 0 170px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-rooms-widget {
        margin-bottom: 70px
    }
}
@media only screen and (max-width: 767px) {
    .property-rooms-widget {
        margin: 20px 0
    }
}
@media only screen and (min-width: 768px) {
    .top-banner-enabled.single-room-special:not(.top-banner-closed) .items-gallery-slideshow,
    .top-banner-enabled.single-room-special:not(.top-banner-closed).rooms-layout .items-content {
        height: calc(100vh - 90px)
    }
    .top-banner-enabled.single-room-special:not(.top-banner-closed) .items-content .controls {
        position: absolute;
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .top-banner-enabled.single-room-special:not(.top-banner-closed).rooms-layout .items-content {
        position: static
    }
    .top-banner-enabled.single-room-special:not(.top-banner-closed) .items-content .controls {
        position: absolute
    }
}
#home-gallery {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-bottom: 10px;
    text-align: center;
    z-index: 10
}
#home-gallery h2 {
    display: none;
    font: 200 36px/1.2 Source Sans Pro, Arial, sans-serif;
    margin: 40px 0;
    color: #54baba;
    text-transform: uppercase;
    text-align: center
}
@media only screen and (max-width: 767px) {
    #home-gallery h2 {
        display: block
    }
}
#home-gallery div.gallery-wrapper {
    overflow: hidden
}
#home-gallery .photo {
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    width: calc((100% - 60px)/5);
    height: 0;
    padding-top: calc((100% - 60px)/5);
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    font-size: 0
}
#home-gallery .photo:hover {
    opacity: .8
}
#home-gallery .photo:nth-child(4),
#home-gallery .photo:nth-child(5),
#home-gallery .photo:nth-child(11) {
    width: calc((100% - 60px)/5*2 + 10px)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #home-gallery .photo {
        padding-top: calc((100% - 50px)/4)
    }
    #home-gallery .photo,
    #home-gallery .photo:nth-child(4),
    #home-gallery .photo:nth-child(5),
    #home-gallery .photo:nth-child(11) {
        width: calc((100% - 50px)/4)
    }
}
@media only screen and (max-width: 767px) {
    #home-gallery .photo {
        padding-top: calc((100% - 30px)/2)
    }
    #home-gallery .photo,
    #home-gallery .photo:nth-child(4),
    #home-gallery .photo:nth-child(5),
    #home-gallery .photo:nth-child(11) {
        width: calc((100% - 30px)/2)
    }
}
@media only screen and (max-width: 767px) {
    #home-gallery .photo:nth-child(n+8),
    #home-gallery span.photo {
        display: none
    }
}
#home-gallery span.photo:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 1
}
#home-gallery span.photo .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: 25px/25px Source Sans Pro, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    z-index: 2
}
#home-gallery span.photo .text a {
    margin-top: 6px;
    padding: 0 20px
}
#home-gallery .all-photos {
    display: none
}
@media only screen and (max-width: 767px) {
    #home-gallery .all-photos {
        display: block;
        margin-top: 40px
    }
}
.venues .categories-descr .category-descr {
    display: none
}
.venues .categories-descr .category-descr.active {
    display: block
}
.single-venue .venue-thumb img {
    display: block;
    width: 100%
}
.single-venue .layouts {
    margin: 0 0 15px
}
.single-venue .layouts span {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 35px;
    position: relative;
    cursor: pointer;
    border-left: 1px solid #ebebeb
}
.single-venue .layouts span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #898989
}
.single-venue .layouts span:hover {
    background: #e57c00
}
.single-venue .layouts span:hover:before {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .single-venue .layouts span:hover {
        background: none
    }
    .single-venue .layouts span:hover:before {
        color: #898989
    }
}
.single-venue .layouts span:after {
    content: attr(data-name);
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(0, 0, 0, .6);
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    white-space: nowrap;
    padding: 0 20px;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity .2s ease-in-out 0s, height 0s ease-in-out .2s;
    text-transform: uppercase
}
.single-venue .layouts span:hover:after {
    opacity: 1;
    height: 60px;
    transition: opacity .2s ease-in-out 0s, height 0s ease-in-out 0s
}
@media only screen and (max-width: 767px) {
    .single-venue .layouts span:hover:after {
        display: none
    }
}
.venue.template1 {
    width: 100%;
    margin-bottom: 60px;
    position: relative;
    border: 1px solid #ebebeb
}
.venue.template1 .background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 390px
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .background {
        position: relative;
        height: 300px;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto
    }
}
.venue.template1 .background .venue-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.venue.template1 .background .venue-thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template1 .background .amenities-sliders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden
}
.venue.template1 .background .amenities-sliders .room-layout-gallery {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    transition: top 0s linear .1s, opacity .1s linear 0s
}
.venue.template1 .background .amenities-sliders .room-layout-gallery.active {
    opacity: 1;
    top: 0;
    transition: top 0s linear 0s, opacity .1s linear 0s
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .caption {
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 42px;
    overflow: hidden;
    text-transform: uppercase;
    max-width: 80%;
    z-index: 2
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container figure {
    width: 100%;
    height: 100%
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container figure img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container .bullets {
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 10px;
    z-index: 4;
    white-space: nowrap
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container .bullets {
        right: auto;
        left: 20px
    }
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container .bullets .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: #fff;
    cursor: pointer
}
.venue.template1 .background .amenities-sliders .room-layout-gallery .swiper-container .bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: red
}
.venue.template1 .buttons {
    position: absolute;
    bottom: 0;
    left: calc(100% + 60px);
    z-index: 3;
    white-space: nowrap;
    font-size: 0
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .buttons {
        position: static;
        margin-top: 10px
    }
}
.venue.template1 .buttons a {
    display: inline-block
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .buttons a {
        width: auto
    }
}
.venue.template1 .buttons a+a {
    margin-left: 1px
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .buttons a+a {
        margin-left: 0
    }
}
.venue.template1 .buttons a+a:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: -1px;
    bottom: 0
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .buttons a+a:before {
        display: none
    }
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .buttons a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }
    .venue.template1 .buttons a+a {
        margin-left: 10px
    }
}
.venue.template1 .content {
    width: 390px;
    padding: 40px 25px 15px 30px;
    color: #524a48;
    font-size: 16px;
    line-height: 22px;
    background: #fff;
    font-weight: 200;
    position: relative
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .content {
        width: auto;
        background: transparent;
        z-index: 5;
        position: relative;
        box-sizing: border-box;
        padding-top: 60px
    }
}
.venue.template1 .content h3 {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}
.venue.template1 .content h3 a {
    text-decoration: none;
    color: inherit
}
.venue.template1 .content h3 a:hover {
    color: #4b494c
}
.venue.template1 .content h4 {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 20px 0
}
.venue.template1 .content .links {
    margin-top: 15px;
    height: 30px;
    width: 360px;
    overflow: hidden
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .content .links {
        position: static;
        width: 100%;
        height: auto
    }
}
.venue.template1 .content .links a {
    display: block;
    float: left;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 17px
}
.venue.template1 .content .links a:first-child {
    padding-left: 0
}
.venue.template1 .content .links a:last-child {
    padding-right: 0
}
.venue.template1 .content .links a+a {
    margin-left: 1px
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .content .links a {
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        margin-top: 20px;
        font-size: 14px
    }
}
.venue.template1 .layouts {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    font-size: 0;
    z-index: 4;
    height: 100%
}
.venue.template1 .layouts.multiline {
    text-align: left
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .layouts {
        right: 0;
        left: auto
    }
}
.venue.template1 .layouts .main-list {
    width: 60px;
    height: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    float: left;
    background: #fff
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .layouts .main-list {
        float: right
    }
}
.venue.template1 .layouts .additional-list {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 120px;
    opacity: 0;
    line-height: 0;
    padding: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s ease .2s;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 1
}
.venue.template1 .layouts .additional-list span {
    float: left
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .layouts .additional-list {
        left: auto;
        right: 0
    }
}
.venue.template1 .layouts .toggle {
    display: none;
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    text-align: center;
    z-index: 4;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb
}
.venue.template1 .layouts .toggle div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}
.venue.template1 .layouts .toggle div:before {
    content: "\2022\2022\2022";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #4b494c;
    transform: rotate(90deg);
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .layouts .toggle {
        right: 0
    }
}
.venue.template1 .layouts.multiline .toggle {
    display: block
}
.venue.template1 .layouts.multiline.expand .toggle div:before {
    background: #4b494c;
    transform: translate(-50%, -50%) rotate(0deg);
    height: 2px;
    margin-top: 1px;
    margin-left: 0;
    color: #898989
}
.venue.template1 .layouts span {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 35px;
    cursor: pointer;
    text-align: center
}
.venue.template1 .layouts span:before {
    line-height: 60px
}
.venue.template1 .layouts span.active:before,
.venue.template1 .layouts span:hover:before {
    color: #0033b4
}
.venue.template1 .layouts span.rooms-icon {
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb
}
.venue.template1 .layouts.expand .additional-list {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    transition: opacity .2s, visibility 0s ease 0s
}
.venue.template1 .layouts.expand .toggle div {
    transform: rotate(45deg)
}
.venue.template1 .layouts.expand .toggle div:after,
.venue.template1 .layouts.expand .toggle div:before {
    content: "";
    display: block;
    background: #4b494c;
    position: absolute
}
.venue.template1 .layouts.expand .toggle div:before {
    width: 30px;
    height: 2px;
    top: 29px;
    right: 15px
}
.venue.template1 .layouts.expand .toggle div:after {
    width: 2px;
    height: 30px;
    top: 15px;
    right: 29px
}
@media only screen and (max-width: 1023px) {
    .venue.template1 .layouts.expand span>.rooms-icon-text {
        right: 120px
    }
}
.venue.template2 {
    overflow: hidden;
    margin: 45px 0
}
.venue.template2 .tab-buttons {
    overflow: hidden
}
.venue.template2 .tab-buttons span {
    display: block;
    float: left;
    width: 120px;
    height: 45px;
    line-height: 45px;
    color: #aa9b7c;
    font-size: 16px;
    font-weight: 700;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
    background: #f6f6f3;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .venue.template2 .tab-buttons span {
        width: 33.3%
    }
}
.venue.template2 .tab-buttons span.active,
.venue.template2 .tab-buttons span:hover {
    background: #fff
}
@media only screen and (max-width: 767px) {
    .venue.template2 .tab-buttons span .hide-on-mobile {
        display: none
    }
}
.venue.template2 .content {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 10px 10px 10px 25px
}
@media only screen and (max-width: 767px) {
    .venue.template2 .content {
        padding-left: 10px
    }
}
.venue.template2 .content .tabs {
    float: left;
    min-height: 350px;
    width: 435px;
    padding-top: 25px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .venue.template2 .content .tabs {
        width: 47%
    }
}
@media only screen and (max-width: 767px) {
    .venue.template2 .content .tabs {
        float: none;
        width: 100%;
        min-height: 0;
        margin-bottom: 20px;
        padding-left: 10px
    }
}
.venue.template2 .content .tabs .tab {
    display: none
}
.venue.template2 .content .tabs .tab.active {
    display: block
}
.venue.template2 .content .tabs h3 {
    font-size: 24px;
    margin: 0 0 15px
}
.venue.template2 .content .tabs h3 a {
    color: inherit;
    text-decoration: none
}
.venue.template2 .content .tabs h3 a:hover {
    text-decoration: underline
}
.venue.template2 .content .tabs h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0 10px
}
.venue.template2 .content .tabs p {
    font-size: 13px;
    line-height: 22px;
    color: #7d7d7d
}
.venue.template2 .content .tabs .layouts {
    overflow: hidden
}
.venue.template2 .content .tabs .layouts span {
    width: 50%;
    float: left;
    font-size: 13px;
    color: #7d7d7d;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase
}
.venue.template2 .content .tabs .layouts span:before {
    vertical-align: middle;
    margin-right: 20px;
    font-size: 40px;
    color: #aa9b7c
}
@media only screen and (max-width: 1023px) {
    .venue.template2 .content .tabs .layouts span:before {
        font-size: 30px
    }
}
.venue.template2 .content .background {
    position: absolute;
    top: 10px;
    left: 465px;
    right: 10px;
    bottom: 10px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .venue.template2 .content .background {
        left: 53%
    }
}
@media only screen and (max-width: 767px) {
    .venue.template2 .content .background {
        position: static;
        height: 200px;
        width: 100%
    }
}
.venue.template2 .content .background img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template2 .buttons {
    background: #013668;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .venue.template2 .buttons {
        padding: 8px 0
    }
}
.venue.template2 .buttons .inner-wrapper {
    float: right;
    overflow: hidden;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .venue.template2 .buttons .inner-wrapper {
        float: none
    }
}
.venue.template2 .buttons .inner-wrapper a {
    display: block;
    float: left;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 0 30px
}
.venue.template2 .buttons .inner-wrapper a+a {
    border-left: 1px solid #26537b
}
@media only screen and (max-width: 767px) {
    .venue.template2 .buttons .inner-wrapper a {
        padding: 0 10px;
        float: none;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        margin: 10px 0
    }
    .venue.template2 .buttons .inner-wrapper a:last-child {
        border-right: 1px solid #26537b
    }
}
.venue.template2 .buttons .inner-wrapper a:hover {
    text-decoration: underline
}
.venue.template3 {
    margin: 40px 0;
    overflow: hidden
}
.venue.template3 .venue-phone {
    display: block;
    float: right;
    width: 290px;
    height: 50px;
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    position: relative;
    background: #f8f8f8
}
.venue.template3 .venue-phone:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    width: 23px;
    background: url(images/phone.html) no-repeat 0 0;
    margin-right: 13px
}
.venue.template3 .inquiry {
    display: block;
    float: right;
    width: 290px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    position: relative;
    background: #e57c00;
    color: #fff
}
@media only screen and (max-width: 1023px) {
    .venue.template3 .inquiry {
        float: none;
        margin: 0 auto
    }
}
.venue.template3 .content-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}
.venue.template3 .content-wrapper .venue-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 290px
}
@media only screen and (max-width: 1023px) {
    .venue.template3 .content-wrapper .venue-thumb {
        position: static;
        height: 200px;
        width: 100%
    }
}
.venue.template3 .content-wrapper .venue-thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template3 .content-wrapper .content {
    width: 290px;
    padding: 15px 40px 120px 20px;
    float: right;
    font-size: 14px;
    line-height: 22px;
    color: #a8a8a7;
    position: relative
}
@media only screen and (max-width: 1023px) {
    .venue.template3 .content-wrapper .content {
        width: 100%;
        padding-bottom: 20px
    }
}
.venue.template3 .content-wrapper .content h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: 400
}
.venue.template3 .content-wrapper .content h3 a {
    text-decoration: none;
    color: inherit
}
.venue.template3 .content-wrapper .content h3 a:hover {
    text-decoration: underline
}
@media only screen and (max-width: 1023px) {
    .venue.template3 .content-wrapper .content .amenities {
        text-align: center
    }
}
.venue.template3 .content-wrapper .content .amenities span {
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    font-size: 25px;
    position: relative;
    margin: 0 13px 13px 0
}
.venue.template3 .content-wrapper .content .amenities span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.venue.template3 .content-wrapper .content .links {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}
@media only screen and (max-width: 1023px) {
    .venue.template3 .content-wrapper .content .links {
        position: static
    }
}
.venue.template3 .content-wrapper .content .links a {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none
}
.venue.template3 .content-wrapper .content .links a+a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #979797
}
.venue.template3:nth-child(2n) .venue-phone {
    float: left
}
@media only screen and (max-width: 1023px) {
    .venue.template3:nth-child(2n) .venue-phone {
        float: none;
        margin: 0 auto
    }
}
.venue.template3:nth-child(2n) .content-wrapper .venue-thumb {
    left: 290px;
    right: 0
}
.venue.template3:nth-child(2n) .content-wrapper .content {
    padding: 15px 20px 120px;
    float: left
}
.venue.template3:nth-child(2n) .inquiry {
    float: left
}
@media only screen and (max-width: 1023px) {
    .venue.template3:nth-child(2n) .inquiry {
        float: none;
        margin: 0 auto
    }
}
.venue.template4 {
    width: 100%;
    margin-bottom: 40px
}
.venue.template4 .background {
    overflow: hidden;
    position: relative
}
.venue.template4 .background .venue-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.venue.template4 .background .venue-thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template4 .background .content {
    float: left;
    width: 390px;
    padding: 30px 40px 40px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    background: rgba(0, 0, 0, .6);
    font-weight: 200;
    z-index: 2;
    position: relative
}
@media only screen and (max-width: 767px) {
    .venue.template4 .background .content {
        float: none;
        width: 100%;
        padding-bottom: 100px
    }
}
.venue.template4 .background .content h3 {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}
.venue.template4 .background .content h3 a {
    text-decoration: none;
    color: inherit
}
.venue.template4 .background .content h4 {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 20px 0;
    color: #fff
}
.venue.template4 .background .buttons {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .venue.template4 .background .buttons {
        bottom: 10px;
        top: auto;
        left: 0;
        width: 100%
    }
}
.venue.template4 .background .buttons a {
    float: left;
    border-radius: 0
}
.venue.template4 .background .buttons a+a {
    margin-left: 1px
}
@media only screen and (max-width: 767px) {
    .venue.template4 .background .buttons a {
        display: inline-block;
        float: none
    }
    .venue.template4 .background .buttons a+a {
        margin-left: 10px
    }
}
.venue.template4 .bottom {
    position: relative;
    height: 62px;
    background: #fff;
    border: 1px solid #ebebeb;
    z-index: 3
}
@media only screen and (max-width: 767px) {
    .venue.template4 .bottom {
        height: auto
    }
}
.venue.template4 .bottom .links {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 360px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .venue.template4 .bottom .links {
        position: static;
        width: 100%;
        border-bottom: 1px solid #ebebeb
    }
}
.venue.template4 .bottom .links a {
    display: block;
    float: left;
    height: 60px;
    width: 33%;
    font-size: 15px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase
}
.venue.template4 .bottom .links a+a {
    border-left: 1px solid #ebebeb
}
@media only screen and (max-width: 767px) {
    .venue.template4 .bottom .links a {
        display: inline-block;
        width: auto;
        float: none;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        margin-top: 20px
    }
}
.venue.template4 .layouts {
    position: absolute;
    top: 0;
    right: 0;
    left: 390px;
    height: 60px;
    text-align: right;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .venue.template4 .layouts {
        position: relative;
        top: 0;
        left: 0;
        right: 0
    }
}
.venue.template4 .layouts.multiline {
    right: 60px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .venue.template4 .layouts.multiline {
        margin-right: 60px
    }
}
.venue.template4 .layouts .main-list {
    width: 100%;
    height: 100%;
    position: relative;
    white-space: nowrap
}
.venue.template4 .layouts .additional-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 0;
    padding: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s ease .2s;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    z-index: 1
}
.venue.template4 .layouts .toggle {
    display: none;
    position: absolute;
    right: -60px;
    bottom: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    text-align: center;
    z-index: 4;
    cursor: pointer;
    background: #fff
}
.venue.template4 .layouts .toggle div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}
.venue.template4 .layouts .toggle div:before {
    content: "\2022\2022\2022";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.venue.template4 .layouts.multiline .toggle {
    display: block
}
.venue.template4 .layouts span {
    display: inline-block;
    width: 60px;
    height: 60px;
    font-size: 35px;
    position: relative;
    cursor: pointer
}
.venue.template4 .layouts span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #898989
}
.venue.template4 .layouts span:hover {
    background: #e57c00
}
.venue.template4 .layouts span:hover:before {
    color: #fff
}
@media only screen and (max-width: 767px) {
    .venue.template4 .layouts span:hover {
        background: none
    }
    .venue.template4 .layouts span:hover:before {
        color: #898989
    }
}
.venue.template4 .layouts span+span {
    border-left: 1px solid #ebebeb
}
.venue.template4 .layouts span:after {
    content: attr(data-name);
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    background: rgba(0, 0, 0, .6);
    font-size: 20px;
    font-weight: 700;
    font-family: Source Sans Pro, Arial, sans-serif;
    color: #fff;
    line-height: 60px;
    white-space: nowrap;
    padding: 0 20px;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity .2s ease-in-out 0s, height 0s ease-in-out .2s;
    text-transform: uppercase
}
.venue.template4 .layouts span:hover:after {
    opacity: 1;
    height: 60px;
    transition: opacity .2s ease-in-out 0s, height 0s ease-in-out 0s
}
@media only screen and (max-width: 767px) {
    .venue.template4 .layouts span:hover:after {
        display: none
    }
}
.venue.template4 .layouts.expand .additional-list {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    transition: opacity .2s, visibility 0s ease 0s
}
.venue.template4 .layouts.expand .toggle div {
    transform: rotate(45deg)
}
.venue.template4 .layouts.expand .toggle div:after,
.venue.template4 .layouts.expand .toggle div:before {
    content: "";
    display: block;
    background: #ebebeb;
    position: absolute
}
.venue.template4 .layouts.expand .toggle div:before {
    width: 30px;
    height: 2px;
    top: 29px;
    right: 15px
}
.venue.template4 .layouts.expand .toggle div:after {
    width: 2px;
    height: 30px;
    top: 15px;
    right: 29px
}
.venue.template5 {
    margin: 80px 0
}
.venue.template5 .venue-thumb {
    width: 100%;
    height: 300px
}
@media only screen and (max-width: 767px) {
    .venue.template5 .venue-thumb {
        height: 200px
    }
}
.venue.template5 .venue-thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
.venue.template5 .inner-wrapper {
    height: 140px;
    width: 100%;
    position: relative
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper {
        height: auto
    }
}
.venue.template5 .inner-wrapper .layouts {
    width: 280px;
    height: 140px;
    float: left;
    position: relative
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .layouts {
        width: 100%;
        height: auto;
        float: none
    }
}
.venue.template5 .inner-wrapper .layouts .main-list {
    position: relative;
    z-index: 2;
    height: 140px;
    width: 280px;
    overflow: hidden;
    background: #ebebeb
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .layouts .main-list {
        height: auto;
        width: 100%;
        background: #f6f6f6
    }
}
.venue.template5 .inner-wrapper .layouts .additional-list {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}
.venue.template5 .inner-wrapper .layouts .additional-list span {
    border-right: 1px solid #ebebeb;
    border-left: 0
}
.venue.template5 .inner-wrapper .layouts .toggle {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 70px;
    margin: 0;
    text-align: center;
    z-index: 4;
    cursor: pointer;
    background: #ebebeb
}
.venue.template5 .inner-wrapper .layouts .toggle div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}
.venue.template5 .inner-wrapper .layouts .toggle div:before {
    content: "\2022\2022\2022";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ae9c58
}
.venue.template5 .inner-wrapper .layouts .toggle div:hover:before {
    color: #000
}
.venue.template5 .inner-wrapper .layouts.multiline .toggle {
    display: block
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .layouts.multiline .toggle {
        display: none
    }
}
.venue.template5 .inner-wrapper .layouts span {
    display: block;
    width: 56px;
    height: 70px;
    float: left;
    border-left: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    line-height: 69px;
    text-align: center
}
.venue.template5 .inner-wrapper .layouts span:last-child {
    border-right: 1px solid #f6f6f6;
    width: 57px
}
.venue.template5 .inner-wrapper .layouts span:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    color: #8b8b8b
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .layouts span {
        height: 50px;
        line-height: 50px
    }
}
.venue.template5 .inner-wrapper .layouts.multiline.expand .additional-list {
    display: block;
    background: #f6f6f6
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .layouts.multiline.expand .additional-list {
        display: none
    }
}
.venue.template5 .inner-wrapper .layouts.multiline.expand .toggle {
    bottom: 1px;
    height: 69px
}
.venue.template5 .inner-wrapper .content {
    position: absolute;
    left: 280px;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 15px 20px 20px
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .content {
        position: static
    }
}
.venue.template5 .inner-wrapper .content h3 {
    color: #ae9c58;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px
}
.venue.template5 .inner-wrapper .content h3 a {
    text-decoration: none;
    color: inherit
}
.venue.template5 .inner-wrapper .content h3 a a:hover {
    text-decoration: underline
}
.venue.template5 .inner-wrapper .content p {
    font-size: 14px;
    line-height: 22px;
    color: #a8a8a7;
    margin: 10px 0
}
.venue.template5 .inner-wrapper .content .links {
    overflow: hidden;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .content .links {
        text-align: center
    }
}
.venue.template5 .inner-wrapper .content .links>a {
    float: left;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #ae9c58;
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .content .links>a {
        float: none;
        display: inline-block
    }
}
.venue.template5 .inner-wrapper .content .links>a+a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ae9c58
}
.venue.template5 .inner-wrapper .content .amenities {
    margin-right: 180px
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .content .amenities {
        margin-right: 0;
        text-align: center
    }
}
.venue.template5 .inner-wrapper .content .amenities span {
    display: inline-block;
    height: 36px;
    width: 36px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 9px 9px 0;
    color: #151515
}
.venue.template5 .inner-wrapper .content .amenities span:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.venue.template5 .inner-wrapper .content .buttons {
    float: right
}
@media only screen and (max-width: 767px) {
    .venue.template5 .inner-wrapper .content .buttons {
        float: none;
        margin: 20px 0;
        text-align: center
    }
}
.venue.template5 .inner-wrapper .content .buttons a {
    color: #ae9c58;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 25px;
    border-radius: 3px;
    border: 1px solid #ae9c58;
    background: none
}
.venue.template5 .inner-wrapper .content .buttons a:hover {
    background: #ae9c58;
    color: #fff
}
.footer {
    background: #282828;
    position: relative;
    padding: 0 70px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    z-index: 1
}
@media only screen and (max-width: 1023px) {
    .footer {
        padding: 0 10px
    }
}
.footer .center-column {
    max-width: 1304px;
    padding: 60px 0 20px;
    margin: 0 auto;
    text-align: left
}
@media only screen and (max-width: 1023px) {
    .footer .center-column {
        padding: 47px 0 0
    }
}
.footer h3 {
    font: 300 29px/37px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 28px
}
@media only screen and (max-width: 767px) {
    .footer h3 {
        margin-bottom: 40px
    }
}
.footer h4 {
    font: 600 18px/23px Source Sans Pro, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 22px
}
@media only screen and (max-width: 767px) {
    .footer h4 {
        text-align: center
    }
}
.footer .tagline {
    max-width: 450px;
    margin: 0 auto 35px
}
@media only screen and (max-width: 767px) {
    .footer .tagline {
        margin-top: 30px;
        padding: 0 20px
    }
}
.footer .tagline img {
    width: 100%
}
.footer .logos {
    text-align: center
}
.footer .hotel-icons {
    position: relative;
    font-size: 0;
    text-align: center;
    border-bottom: thin solid rgba(215, 215, 214, .5);
    margin-bottom: 24px
}
@media only screen and (max-width: 767px) {
    .footer .hotel-icons {
        border-bottom: 0;
        margin-bottom: 26px
    }
}
@media only screen and (max-width: 767px) {
    .footer .hotel-icons.expanded {
        padding-bottom: 20px;
        border-bottom: thin solid rgba(215, 215, 214, .5)
    }
    .footer .hotel-icons.expanded .see-more {
        padding-bottom: 40px
    }
}
.footer .hotel-icons .hotel-icon {
    display: flex;
    margin: 0 1vw 40px;
    max-width: 130px;
    max-height: 80px
}
@media only screen and (max-width: 1023px) {
    .footer .hotel-icons .hotel-icon {
        margin-left: 2vw;
        margin-right: 2vw
    }
}
@media only screen and (max-width: 767px) {
    .footer .hotel-icons .hotel-icon {
        margin-bottom: 30px
    }
}
.footer .hotel-icons .hotel-icon.hide {
    display: none
}
.footer .hotel-icons .hotel-icon img {
    margin: 0
}
.footer .hotel-icons .hotel-icon.additional {
    max-width: 120px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .hotel-icons .hotel-icon.additional {
        max-width: 100px
    }
}
.footer .hotel-icons .hotel-icon.additional img {
    max-width: 120px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer .hotel-icons .hotel-icon.additional img {
        max-width: 100px
    }
}
.footer .hotel-icons img {
    max-width: 130px;
    max-height: 80px
}
.footer .logos-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around
}
@media only screen and (max-width: 767px) {
    .footer .logos-row {
        flex-wrap: wrap
    }
}
.footer .logos-row.second {
    flex-wrap: wrap
}
.footer .logos-row.second .hotel-icon {
    margin-left: 0;
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    .footer .logos-row.second .hotel-icon {
        margin-left: 3vw;
        margin-right: 3vw
    }
}
.footer .see-more {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-left: thin solid rgba(215, 215, 214, .5);
    width: 10vw;
    padding: 20px 0 40px;
    margin-bottom: 40px;
    font: 600 14px/1 Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    min-width: 100px
}
@media only screen and (max-width: 1023px) {
    .footer .see-more {
        padding-left: 2vw;
        padding-right: 2vw
    }
}
@media only screen and (max-width: 767px) {
    .footer .see-more {
        width: 100%;
        border: 0;
        padding: 0;
        margin-bottom: 14px
    }
}
.footer .see-more:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(215, 215, 214, .5);
    z-index: 1;
    display: none
}
@media only screen and (max-width: 767px) {
    .footer .see-more:before {
        display: block
    }
}
.footer .see-more span {
    position: relative;
    white-space: nowrap;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .footer .see-more span {
        padding: 5px 10px;
        background: #282828
    }
}
.footer .see-more em {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    transition: transform .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .footer .see-more em {
        display: none
    }
}
.footer .see-more em:after,
.footer .see-more em:before {
    content: "";
    position: absolute;
    background: #fff
}
.footer .see-more em:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}
.footer .see-more em:after {
    width: 100%;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}
.footer .see-more.active em {
    transform: translateX(-50%) rotate(45deg)
}
@media only screen and (max-width: 767px) {
    .footer .see-more.active em {
        display: block
    }
}
.footer .sides-wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px
}
.footer .sides-wrapper:after {
    clear: both;
    display: table;
    content: "";
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 1px;
    background: rgba(215, 215, 214, .5)
}
@media only screen and (max-width: 767px) {
    .footer .sides-wrapper:after {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .footer .sides-wrapper {
        margin-bottom: 18px;
        border-bottom: thin solid rgba(215, 215, 214, .5)
    }
}
.footer .left-side,
.footer .right-side {
    width: 50%;
    float: left
}
@media only screen and (max-width: 767px) {
    .footer .left-side,
    .footer .right-side {
        width: 100%
    }
}
.footer .left-side {
    position: relative;
    padding: 0 70px 60px 60px;
    min-height: 320px;
    background-size: 76%;
    background-position: 8px 32px;
    background-repeat: no-repeat
}
@media only screen and (max-width: 767px) {
    .footer .left-side {
        min-height: 335px;
        background-size: 100%;
        background-position: 50% 50%;
        padding: 0 12px 76px
    }
    .footer .left-side:after {
        content: "";
        position: absolute;
        bottom: 56px;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(215, 215, 214, .5)
    }
}
.footer .left-side p {
    margin-bottom: 11px
}
@media only screen and (max-width: 767px) {
    .footer .left-side p {
        margin-bottom: 22px
    }
}
.footer .left-side .regions ul {
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .footer .left-side .regions ul {
        text-align: center
    }
}
.footer .left-side .regions ul li {
    display: inline-block;
    vertical-align: top;
    width: 50%
}
@media only screen and (max-width: 767px) {
    .footer .left-side .regions ul li {
        padding: 0 5px
    }
}
.footer .left-side .regions ul li a {
    font: 600 14px/32px Source Sans Pro, Arial, sans-serif;
    display: block;
    float: left
}
@media only screen and (max-width: 767px) {
    .footer .left-side .regions ul li a {
        float: none;
        line-height: 37px
    }
}
.footer .right-side {
    padding: 0 0 32px 38px;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .footer .right-side {
        padding: 0;
        margin-bottom: 0
    }
}
.footer .right-side h4 {
    margin-bottom: 16px
}
.footer .right-side .footer-menu {
    font-size: 0;
    margin-bottom: 20px
}
.footer .right-side .footer-menu li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: left
}
@media only screen and (min-width: 1440px) {
    .footer .right-side .footer-menu li {
        width: 33.3%
    }
}
@media only screen and (max-width: 767px) {
    .footer .right-side .footer-menu li {
        text-align: center;
        padding: 0 5px
    }
}
.footer .right-side .footer-menu li a {
    font: 600 14px/32px Source Sans Pro, Arial, sans-serif
}
.footer a {
    color: #fff;
    text-decoration: none
}
.footer a:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .footer .socials-list {
        width: 100%;
        text-align: center;
        float: none;
        border-top: 1px solid rgba(215, 215, 214, .5);
        margin: 45px 0 0;
        padding: 25px 0 11px;
        overflow: hidden
    }
}
@media only screen and (max-width: 767px) {
    .footer .socials-list li {
        display: inline-block;
        vertical-align: top
    }
}
.footer .socials-list a {
    font-size: 0;
    text-indent: -9999em;
    display: block;
    float: left;
    margin-right: 10px
}
@media only screen and (max-width: 767px) {
    .footer .socials-list a {
        margin: 0 12px
    }
}
.footer .socials-list a svg {
    fill: #fff
}
@media only screen and (max-width: 767px) {
    .footer .socials-list a svg {
        width: 26px;
        height: 29px
    }
}
.footer .copyright {
    float: left;
    margin: 65px 0 0 27px
}
@media only screen and (max-width: 1023px) {
    .footer .copyright {
        font-size: 12px;
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
        width: 100%;
        margin: 28px 0 13px
    }
}
@media only screen and (max-width: 767px) {
    .footer .copyright {
        margin: 28px 0 80px
    }
}
.footer .credits {
    display: block
}
.footer .credits sup {
    vertical-align: super
}
.footer .logos-wrapper {
    display: block;
    float: right;
    margin: 0
}
@media only screen and (max-width: 1023px) {
    .footer .logos-wrapper {
        text-align: center;
        font-size: 0;
        float: none
    }
}
.footer .logos-wrapper img {
    height: 100%;
    width: 100%
}
@media only screen and (max-width: 767px) {
    .footer .logos-wrapper img {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 10px
    }
}
.footer .logos-wrapper a {
    text-indent: -9999em;
    font-size: 0;
    display: inline-block;
    vertical-align: top
}
@media only screen and (max-width: 767px) {
    .footer .logos-wrapper a {
        width: 50%
    }
}
@media only screen and (max-width: 767px) {
    .footer .logos-wrapper a img {
        width: 100%;
        padding: 0 10px 0 34px
    }
}
.footer .logos-wrapper .corp-logo {
    width: 169px;
    margin-right: 7px;
    margin-top: 28px
}
@media only screen and (max-width: 767px) {
    .footer .logos-wrapper .corp-logo {
        width: 50%;
        margin-right: 0
    }
}
.footer .logos-wrapper .best-price-guarantee {
    width: 164px;
    margin-right: 50px;
    margin-top: 3px
}
@media only screen and (max-width: 767px) {
    .footer .logos-wrapper .best-price-guarantee {
        width: 50%;
        margin-right: 0
    }
}
#footer-menu {
    margin-bottom: 30px;
    font-size: 0
}
#footer-menu li {
    display: inline-block
}
#footer-menu a {
    display: block;
    margin: 0 15px;
    font: 15px/26px Source Sans Pro, Arial, sans-serif;
    text-decoration: none;
    color: #327d7d
}
#footer-menu a.active,
#footer-menu a:hover {
    color: #54baba
}
#hebs-gallery {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .95)
}
#hebs-gallery .galleria {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}
#hebs-gallery .close-button {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    background: url(../img/common.html) 0 0 no-repeat
}
#hebs-gallery .close-button:hover {
    background-position: -37px 0
}
#hebs-gallery .close-button:active {
    background-position: -74px 0
}
#hebs-gallery .galleria-container {
    position: relative;
    overflow: hidden;
    width: 100%!important;
    height: 100%!important
}
#hebs-gallery .select-wrapper {
    position: relative;
    float: left;
    margin: 5px 0 0 20px;
    z-index: 2
}
#hebs-gallery .category-selector {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    background: #ddf0f0;
    font-size: 14px;
    color: #132929
}
#hebs-gallery .galleria-stage {
    position: absolute;
    top: 40px;
    bottom: 120px;
    left: 0;
    right: 0;
    padding: 20px 72px;
    overflow: hidden
}
@media only screen and (max-width: 1023px) {
    #hebs-gallery .galleria-stage {
        padding: 0
    }
}
@media only screen and (max-width: 1023px) and (orientation: landscape) {
    #hebs-gallery .galleria-stage {
        bottom: 0
    }
}
#hebs-gallery .galleria-stage .galleria-image img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}
#hebs-gallery .galleria-container.touch .galleria-stage {
    padding: 0
}
#hebs-gallery.no-controls .galleria-stage {
    bottom: 0;
    padding: 20px
}
#hebs-gallery.no-controls .galleria-image-nav {
    display: none
}
@media only screen and (max-width: 1023px) {
    #hebs-gallery .galleria-image-nav {
        display: none
    }
}
#hebs-gallery .galleria-image-nav-left,
#hebs-gallery .galleria-image-nav-right {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 31px;
    height: 61px;
    margin-top: -30px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/common.html) 0 0 no-repeat
}
#hebs-gallery .galleria-image-nav-left {
    left: 20px;
    background-position: 0 -37px
}
#hebs-gallery .galleria-image-nav-left:hover {
    background-position: -51px -37px
}
#hebs-gallery .galleria-image-nav-left:active {
    background-position: -102px -37px
}
#hebs-gallery .galleria-image-nav-right {
    right: 20px;
    background-position: 0 -118px
}
#hebs-gallery .galleria-image-nav-right:hover {
    background-position: -51px -118px
}
#hebs-gallery .galleria-image-nav-right:active {
    background-position: -102px -118px
}
#hebs-gallery .galleria-loader {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px
}
#hebs-gallery .galleria-loader:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border-color: #282828 transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    -webkit-animation: loading-icon-spin 1.2s linear infinite;
    animation: loading-icon-spin 1.2s linear infinite
}
#hebs-gallery.no-controls .galleria-thumbnails-container {
    display: none
}
#hebs-gallery .galleria-thumbnails-container {
    height: 120px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    background: #000
}
@media only screen and (max-width: 1023px) and (orientation: landscape) {
    #hebs-gallery .galleria-thumbnails-container {
        display: none
    }
}
#hebs-gallery .galleria-carousel .galleria-thumbnails-list {
    margin-left: 52px;
    margin-right: 52px
}
#hebs-gallery .galleria-thumbnails {
    margin: 20px auto 0
}
#hebs-gallery .galleria-thumbnails .galleria-image {
    height: 80px!important;
    width: 80px!important;
    background: #000;
    margin: 0 6px 0 0;
    float: left;
    cursor: pointer
}
#hebs-gallery .galleria-thumbnails .galleria-image.active {
    border: 3px solid #fff
}
#hebs-gallery .galleria-thumbnails .galleria-image.active img {
    margin: -3px 0 0 -3px
}
#hebs-gallery .galleria-thumb-nav-left,
#hebs-gallery .galleria-thumb-nav-right {
    display: none;
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 21px;
    height: 21px;
    margin-top: -10px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/common.html) 0 0 no-repeat
}
#hebs-gallery .galleria-carousel .galleria-thumb-nav-left,
#hebs-gallery .galleria-carousel .galleria-thumb-nav-right {
    display: block
}
#hebs-gallery .galleria-thumb-nav-left.disabled,
#hebs-gallery .galleria-thumb-nav-right.disabled {
    opacity: .5;
    cursor: default
}
#hebs-gallery .galleria-thumb-nav-left {
    left: 15px;
    background-position: 5px -199px
}
#hebs-gallery .galleria-thumb-nav-left:hover {
    background-position: -26px -199px
}
#hebs-gallery .galleria-thumb-nav-left:active {
    background-position: -57px -199px
}
#hebs-gallery .galleria-thumb-nav-left.disabled {
    background-position: 5px -199px
}
#hebs-gallery .galleria-thumb-nav-right {
    right: 15px;
    background-position: 5px -240px
}
#hebs-gallery .galleria-thumb-nav-right:hover {
    background-position: -26px -240px
}
#hebs-gallery .galleria-thumb-nav-right:active {
    background-position: -57px -240px
}
#hebs-gallery .galleria-thumb-nav-right.disabled {
    background-position: 5px -240px
}
#hebs-gallery .galleria-info {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 40px
}
#hebs-gallery .galleria-info .galleria-info-description {
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    left: 300px;
    right: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.exotic-travelers-login-lightbox {
    display: block;
    position: fixed;
    left: 0;
    top: -9999px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0ms .3s, top 0ms .3s;
    z-index: 1000
}
.exotic-travelers-login-lightbox.visible {
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility 0ms, top 0ms
}
.exotic-travelers-login-lightbox .wrapper {
    width: 100%;
    height: 100%;
    padding: 30px;
    transform: translateY(20px);
    overflow-y: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    transition: transform .3s;
    font-size: 0;
    text-align: center
}
.exotic-travelers-login-lightbox .wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exotic-travelers-login-lightbox .wrapper {
        padding: 20px
    }
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .wrapper {
        padding: 0
    }
}
.exotic-travelers-login-lightbox.visible .wrapper {
    transform: translateY(0)
}
.exotic-travelers-login-lightbox .container {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    max-width: 1440px;
    white-space: normal;
    background: #fff
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .container {
        max-width: none;
        min-height: 100%
    }
}
.exotic-travelers-login-lightbox .common-close-button {
    position: absolute;
    top: 20px;
    left: 24px
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .common-close-button {
        left: auto;
        right: 24px
    }
}
.exotic-travelers-login-lightbox .columns {
    display: flex;
    width: 100%;
    min-height: 500px
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .columns {
        min-height: auto
    }
}
.exotic-travelers-login-lightbox .columns .column.login {
    width: 460px;
    flex-shrink: 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exotic-travelers-login-lightbox .columns .column.login {
        width: 320px
    }
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .columns .column.login {
        width: 100%
    }
}
.exotic-travelers-login-lightbox .columns .column.promo {
    flex-grow: 1
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .columns .column.promo {
        display: none
    }
}
.exotic-travelers-login-lightbox .login {
    padding: 100px 78px 30px 66px;
    color: #282828;
    text-align: center
}
@media only screen and (max-width: 1023px) {
    .exotic-travelers-login-lightbox .login {
        padding: 95px 30px 30px
    }
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login {
        padding-bottom: 148px
    }
}
.exotic-travelers-login-lightbox .login .logo {
    margin-bottom: 5px;
    max-width: 100%
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login .logo {
        width: 182px
    }
}
.exotic-travelers-login-lightbox .login .title {
    margin-bottom: 32px;
    font-size: 34px;
    line-height: 1.765em;
    font-weight: 300;
    color: #4a5996;
    text-align: center;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login .title {
        margin-bottom: 56px;
        font-size: 20px;
        font-weight: 400
    }
}
.exotic-travelers-login-lightbox .login form input[type=password],
.exotic-travelers-login-lightbox .login form input[type=text] {
    margin-bottom: 20px;
    padding: 0 13px;
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #282828;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: inherit;
    background: #fff
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login form input[type=password],
    .exotic-travelers-login-lightbox .login form input[type=text] {
        height: 48px;
        line-height: 46px
    }
}
.exotic-travelers-login-lightbox .login form input[type=password]::-moz-placeholder,
.exotic-travelers-login-lightbox .login form input[type=text]::-moz-placeholder {
    color: inherit;
    opacity: 1
}
.exotic-travelers-login-lightbox .login form input[type=password]:-ms-input-placeholder,
.exotic-travelers-login-lightbox .login form input[type=text]:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}
.exotic-travelers-login-lightbox .login form input[type=password]::placeholder,
.exotic-travelers-login-lightbox .login form input[type=text]::placeholder {
    color: inherit;
    opacity: 1
}
.exotic-travelers-login-lightbox .login form input[type=submit] {
    margin-top: 10px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    background: #282828;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    transition: opacity .2s
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login form input[type=submit] {
        margin-top: 0
    }
}
.exotic-travelers-login-lightbox .login form input[type=submit]:hover {
    opacity: .7
}
.exotic-travelers-login-lightbox .login .forgot-password {
    display: block;
    margin-top: 20px;
    font-size: 13px;
    line-height: 2em;
    font-weight: 400;
    color: #6d6e71;
    text-decoration: none;
    text-align: right
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login .forgot-password {
        margin-top: 14px
    }
}
.exotic-travelers-login-lightbox .login .forgot-password:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .exotic-travelers-login-lightbox .login .buttons {
        position: absolute;
        right: 30px;
        bottom: 55px;
        left: 30px
    }
}
.exotic-travelers-login-lightbox .promo {
    position: relative;
    color: #282828
}
.exotic-travelers-login-lightbox .promo:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 82%
}
.exotic-travelers-login-lightbox .promo .background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}
.exotic-travelers-login-lightbox .promo .promo-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 35px 48px;
    text-align: left
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exotic-travelers-login-lightbox .promo .promo-content {
        padding: 20px 30px
    }
}
.exotic-travelers-login-lightbox .promo .heading {
    margin-bottom: 6px;
    font-size: 22px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase
}
.exotic-travelers-login-lightbox .promo .sub-heading {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase
}
.exotic-travelers-login-lightbox .promo .content {
    margin-bottom: 28px;
    max-width: 78%;
    font-size: 16px;
    line-height: 1.563em;
    font-weight: 300
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .exotic-travelers-login-lightbox .promo .content {
        max-width: none;
        margin-bottom: 10px
    }
}
.exotic-travelers-login-lightbox .promo .link {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: inherit
}
.exotic-travelers-login-lightbox .promo .link:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #282828;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    transition: margin .2s
}
.exotic-travelers-login-lightbox .promo .link:hover:after {
    margin-left: 25px
}
#our-locations {
    text-align: center;
    margin-bottom: 90px
}
#our-locations .location-categories-selector {
    text-align: center;
    font-size: 0;
    margin: 0 0 20px;
    position: relative
}
@media only screen and (max-width: 767px) {
    #our-locations .location-categories-selector {
        padding-top: 38px;
        margin: 0 15px 20px;
        position: relative
    }
    #our-locations .location-categories-selector:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        font-size: 0;
        position: absolute;
        top: 10px;
        right: 20px;
        transform: rotate(45deg)
    }
}
@media only screen and (max-width: 767px) {
    #our-locations .location-categories-selector .location-categories-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 1
    }
    #our-locations .location-categories-selector .location-categories-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -40px;
        box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .2);
        z-index: -1
    }
}
#our-locations .location-categories-selector button {
    font: 400 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    color: #282828;
    position: relative;
    margin: 0 24px;
    text-transform: uppercase;
    transition: font-weight 268ms;
    padding: 0;
    border: 0;
    height: auto;
    text-decoration: none
}
#our-locations .location-categories-selector button:hover {
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    #our-locations .location-categories-selector button {
        width: 100%;
        text-align: center;
        line-height: 38px;
        margin: 0;
        transform: translateY(40px);
        background: #fff;
        display: none
    }
    #our-locations .location-categories-selector button.active {
        display: block
    }
}
#our-locations .location-categories-selector button:before {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden
}
#our-locations .location-categories-selector button:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -7px;
    height: 2px;
    width: 100%;
    background: #282828;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: visibility 268ms, opacity 268ms, transform 268ms
}
@media only screen and (max-width: 767px) {
    #our-locations .location-categories-selector button:after {
        display: none
    }
}
#our-locations .location-categories-selector button.active,
.desktop #our-locations .location-categories-selector button:hover,
.tablet #our-locations .location-categories-selector button:hover {
    background: none;
    font-weight: 700
}
@media only screen and (max-width: 767px) {
    #our-locations .location-categories-selector button.active,
    .desktop #our-locations .location-categories-selector button:hover,
    .tablet #our-locations .location-categories-selector button:hover {
        transform: translateY(0);
        border: 1px solid #000;
        position: absolute;
        top: 0;
        font-weight: 400
    }
}
#our-locations .location-categories-selector button.active:after,
.desktop #our-locations .location-categories-selector button:hover:after,
.tablet #our-locations .location-categories-selector button:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
#our-locations .location-categories-selector.open button {
    display: block
}
#our-locations .hide {
    display: none!important
}
@media only screen and (min-width: 1200px) {
    #our-locations .swiper-wrapper.center-slides {
        justify-content: center;
        transform: none!important;
        margin-left: 7px
    }
    #our-locations .swiper-wrapper.center-slides .swiper-slide-active {
        transform: scale(.94);
        box-shadow: none
    }
}
@media only screen and (min-width: 1200px) {
    #our-locations .swiper-wrapper.center-slides+.center-column {
        display: none
    }
}
#our-locations .swiper-wrapper.slides-count-1 {
    justify-content: center;
    transform: none!important;
    margin-left: 7px
}
#our-locations .swiper-wrapper.slides-count-1+.center-column {
    display: none
}
#our-locations .slider-container {
    overflow: hidden;
    padding: 0 0 50px;
    width: 100%
}
#our-locations .property-item {
    width: 390px;
    height: 560px;
    overflow: hidden;
    transform: scale(.94);
    display: inline-block;
    transition: transform 268ms
}
@media only screen and (max-width: 767px) {
    #our-locations .property-item {
        width: 80vw;
        height: 460px
    }
}
#our-locations .swiper-slide-active {
    transform: scale(1);
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
#our-locations .logo {
    max-width: 210px;
    max-height: 68px;
    margin: 0 auto 15px;
    display: block;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    #our-locations .logo {
        max-width: 150px;
        margin-bottom: 5px
    }
}
#our-locations .logo img {
    display: block;
    max-height: 68px;
    margin: 0 auto;
    width: auto;
    max-width: 100%
}
#our-locations .thumb {
    height: 237px;
    position: relative;
    background: #ccc
}
@media only screen and (max-width: 767px) {
    #our-locations .thumb {
        height: 145px
    }
}
#our-locations .property-info {
    height: 323px;
    overflow: hidden;
    padding: 30px 0;
    text-align: center;
    position: relative;
    border: 1px solid #979797;
    border-top: none
}
@media only screen and (max-width: 767px) {
    #our-locations .property-info {
        height: 315px;
        padding-top: 20px
    }
}
#our-locations .price {
    position: absolute;
    right: 25px;
    top: 20px;
    line-height: 1;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 600;
    color: #000
}
@media only screen and (max-width: 767px) {
    #our-locations .price {
        top: 10px;
        right: 15px
    }
}
#our-locations .top-heading {
    color: #6d6e71;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase
}
#our-locations h4 {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .2px;
    font-weight: 600;
    margin: 0 20px 5px
}
@media only screen and (max-width: 767px) {
    #our-locations h4 {
        margin: 0 13px 5px;
        font-size: 15px
    }
}
#our-locations .description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .2px;
    margin: 0 20px;
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis
}
#our-locations nav.links {
    display: flex;
    padding: 0 36px;
    position: absolute;
    bottom: 20px;
    width: 100%
}
@media only screen and (max-width: 767px) {
    #our-locations nav.links {
        padding: 0 15px
    }
}
#our-locations nav.links a {
    flex: 0 1 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    letter-spacing: 2px;
    text-decoration: none;
    transition: background-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    #our-locations nav.links a {
        top: 10px;
        right: 15px;
        font-size: 14px
    }
}
#our-locations nav.links a:hover {
    text-decoration: underline;
    color: #6d6e71
}
#our-locations nav.links a.book {
    background: #5b517b;
    color: #fff
}
#our-locations nav.links a.book:hover {
    text-decoration: none;
    background: #45396a
}
#our-locations .pagination {
    position: absolute;
    right: 20px;
    top: 10px
}
@media only screen and (max-width: 767px) {
    #our-locations .pagination {
        position: relative;
        top: 50px;
        width: 130px;
        right: auto;
        margin: 0 auto
    }
}
#our-locations .pagination .next,
#our-locations .pagination .prev {
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 0;
    position: absolute;
    top: 6px
}
#our-locations .pagination .prev {
    left: 0;
    transform: rotate(-45deg);
    transform-origin: center
}
#our-locations .pagination .next {
    right: 0;
    transform: rotate(135deg);
    transform-origin: center
}
#our-locations .pagination .progress {
    padding: 0 20px;
    font: 700 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase
}
#brand-resorts {
    background-color: #fff
}
.brand-resorts-visible #brand-resorts,
.brand-resorts-visible #brand-resorts:after {
    display: block
}
#brand-resorts .resorts-wrapper,
#brand-resorts .tile-container {
    justify-content: space-between
}
#brand-resorts #menu-tile {
    margin-left: 40px
}
#brand-resorts .tile-container {
    width: 100%;
    display: flex
}
#brand-resorts .brand-resort-item {
    position: relative;
    flex: 0 1 100%;
    margin: 0 0 0 20px;
    border: 1px solid #d7d7d6
}
#brand-resorts .brand-resort-item:first-child {
    margin: 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .brand-resort-item {
        width: calc(50% - 2vw);
        margin: 0 0 0 2vw
    }
}
#brand-resorts .brand-resort-item .thumbnail {
    height: 212px;
    position: relative
}
#brand-resorts .brand-resort-item .content-wrapper {
    padding: 27px 20px 0;
    min-height: 217px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .brand-resort-item .content-wrapper {
        padding: 27px 10px 0
    }
}
#brand-resorts .brand-resort-item .content-inner {
    text-align: center;
    position: relative;
    padding-bottom: 70px
}
#brand-resorts .brand-resort-item .content-inner h3 {
    font-size: 20px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 1px;
    text-transform: none;
    color: #000
}
#brand-resorts .brand-resort-item .content-inner .property-location-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 16px
}
#brand-resorts .brand-resort-item .content-inner .description {
    font-size: 14px;
    line-height: 19px;
    margin-top: 0;
    font-weight: 400;
    display: inline-block;
    vertical-align: top
}
#brand-resorts .brand-resort-item .content-inner .description p {
    margin-bottom: 0
}
#brand-resorts .brand-resort-item .content-inner .description strong {
    font-weight: 600;
    font-size: 18px;
    display: block
}
#brand-resorts .brand-resort-item .content-inner .description .content-button {
    display: inline-block
}
#brand-resorts .brand-resort-item .content-inner .description .content-button:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    #brand-resorts .brand-resort-item .content-inner .description {
        font-size: 15px
    }
}
@media only screen and (max-width: 767px) {
    #brand-resorts .brand-resort-item .content-inner {
        padding-bottom: 20px
    }
    #brand-resorts .brand-resort-item .content-inner .property-location-title,
    #brand-resorts .brand-resort-item .content-inner h3 {
        font-size: 16px;
        line-height: 1.2
    }
    #brand-resorts .brand-resort-item .content-inner .description {
        font-size: 15px;
        display: none
    }
}
#brand-resorts .brand-resort-item .content-inner .logo {
    text-align: center
}
#brand-resorts .brand-resort-item .content-inner .logo img {
    display: inline-block;
    vertical-align: top;
    max-width: 226px
}
#brand-resorts .brand-resort-item .map-button {
    position: absolute;
    right: -15px;
    top: -25px;
    text-align: left;
    font-size: 10px;
    width: 43px;
    line-height: 1;
    text-transform: uppercase;
    height: 30px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .brand-resort-item .map-button {
        right: -5px
    }
}
#brand-resorts .brand-resort-item .map-button svg {
    width: 20px;
    position: absolute;
    top: 4px;
    right: 0
}
#brand-resorts .brand-resort-item .links {
    position: absolute;
    bottom: 18px;
    left: 20px;
    right: 20px;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    flex-direction: row
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .brand-resort-item .links {
        left: 10px;
        right: 10px;
        bottom: 10px
    }
}
#brand-resorts .brand-resort-item .links .text-button {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0
}
#brand-resorts .brand-resort-item .links .text-button:hover {
    text-decoration: none
}
#brand-resorts .brand-resort-item .links .button,
#brand-resorts .brand-resort-item .links .text-button {
    vertical-align: top;
    height: 40px;
    line-height: 42px;
    padding: 0 10px;
    width: 50%;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .brand-resort-item .links .button,
    #brand-resorts .brand-resort-item .links .text-button {
        font-size: 14px;
        letter-spacing: 0;
        padding: 0 5px
    }
}
#brand-resorts .brand-resort-item .links .text-button {
    text-transform: none;
    text-decoration: underline
}
#brand-resorts .brand-resort-item .links .button:after,
#brand-resorts .brand-resort-item .links a:after {
    display: none
}
#brand-resorts .tile-max-6 {
    flex-wrap: wrap
}
#brand-resorts .tile-max-6 .brand-resort-item {
    flex: 0 1 calc(50% - 10px);
    margin: 0 0 17px;
    padding-left: 150px;
    background-color: #f7f7f7
}
#brand-resorts .tile-max-6 .brand-resort-item .button {
    padding: 0 25px
}
#brand-resorts .tile-max-6 .brand-resort-item .text-button+.button {
    margin-left: 10px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .brand-resort-item .text-button+.button {
        margin-left: 0
    }
}
#brand-resorts .tile-max-6 .brand-resort-item .text-button {
    font-size: 14px
}
#brand-resorts .tile-max-6 .brand-resort-item .button,
#brand-resorts .tile-max-6 .brand-resort-item .text-button {
    width: auto;
    height: 35px;
    line-height: 32px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .brand-resort-item .button,
    #brand-resorts .tile-max-6 .brand-resort-item .text-button {
        padding: 0 10px
    }
}
#brand-resorts .tile-max-6 .map-button {
    top: -8px;
    right: -12px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .map-button {
        top: -38px;
        right: -8px
    }
}
#brand-resorts .tile-max-6 .thumbnail {
    position: absolute;
    height: 100%;
    width: 150px;
    left: 0;
    top: 0
}
#brand-resorts .tile-max-6 .content-inner {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 43px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .content-inner {
        padding-bottom: 85px
    }
}
#brand-resorts .tile-max-6 .content-inner>* {
    flex: 0 0 100%
}
#brand-resorts .tile-max-6 .content-inner .property-location-title {
    order: -1;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: -1px
}
#brand-resorts .tile-max-6 .content-inner .description {
    margin: 0;
    line-height: 1.4
}
#brand-resorts .tile-max-6 .content-inner h3 {
    text-transform: none;
    font-size: 18px;
    margin-bottom: 3px
}
#brand-resorts .tile-max-6 .content-wrapper {
    padding: 12px 20px 0 14px;
    min-height: 128px;
    position: relative;
    height: 100%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .content-wrapper {
        padding: 40px 14px 0
    }
}
#brand-resorts .tile-max-6 .links {
    bottom: 5px;
    justify-content: flex-end;
    left: 8px;
    right: 8px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max-6 .links {
        position: absolute;
        left: 10px;
        top: auto;
        right: 10px;
        bottom: 10px;
        display: block
    }
}
#brand-resorts .tile-max-6+#menu-tile {
    margin-left: 20px
}
#brand-resorts .tile-max {
    flex-wrap: wrap
}
#brand-resorts .tile-max .brand-resort-item {
    flex: 0 1 calc(25% - 20px);
    margin: 0 0 40px;
    padding-left: 0;
    height: 130px;
    background-color: #f7f7f7
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #brand-resorts .tile-max .brand-resort-item {
        flex: 0 1 calc(33% - 20px)
    }
}
#brand-resorts .tile-max .brand-resort-item .button {
    padding: 0 25px;
    line-height: 21px;
    height: 23px
}
#brand-resorts .tile-max .brand-resort-item .text-button+.button {
    margin-left: 1vw
}
#brand-resorts .tile-max .brand-resort-item .button,
#brand-resorts .tile-max .brand-resort-item .text-button {
    font-size: 12px
}
#brand-resorts .tile-max .map-button {
    top: 3px;
    right: 3px;
    height: 25px;
    width: 37px
}
#brand-resorts .tile-max .map-button svg {
    transform: scale(.8);
    top: 2px
}
#brand-resorts .tile-max .thumbnail {
    display: none
}
#brand-resorts .tile-max .content-inner {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px
}
#brand-resorts .tile-max .content-inner>* {
    flex: 0 0 100%
}
#brand-resorts .tile-max .content-inner .property-location-title {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 5px
}
#brand-resorts .tile-max .content-inner .description {
    margin: 0;
    line-height: 1.2;
    font-size: 12px
}
#brand-resorts .tile-max .content-inner h3 {
    text-transform: none;
    font-size: 14px;
    margin-bottom: 2px
}
#brand-resorts .tile-max .content-wrapper {
    padding: 10px 20px 110px 10px;
    min-height: 128px
}
#brand-resorts .tile-max .links {
    bottom: 10px
}
.destinations-map {
    display: none;
    position: fixed;
    right: 0;
    top: -9999px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0ms .3s, top 0ms .3s;
    background: #fff;
    z-index: 71
}
.destinations-map-visible .destinations-map {
    display: block;
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility 0ms, top 0ms
}
.destinations-map>.wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 53px 75px;
    transform: translateY(20px);
    transition: transform .3s;
    z-index: 2
}
.destinations-map-visible .destinations-map>.wrapper {
    transform: translateY(0)
}
@media only screen and (max-width: 767px) {
    .destinations-map>.wrapper {
        padding: 0
    }
}
.destinations-map>.wrapper>img {
    width: auto;
    max-width: 220px;
    margin-right: 48px;
    margin-bottom: 16px
}
@media only screen and (max-width: 767px) {
    .destinations-map>.wrapper>img {
        margin: 10px 0 0 10px;
        max-height: 70px
    }
}
.destinations-map .common-close-button.lightbox-close {
    position: absolute;
    top: 22px;
    right: 22px;
    transition: opacity .35s ease-in-out, background-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .destinations-map .common-close-button.lightbox-close {
        display: block;
        right: 13px;
        top: 12px
    }
}
@media only screen and (max-width: 767px) {
    .destinations-map .texts {
        display: none
    }
}
.destinations-map .title {
    margin-left: 4px;
    font-size: 24px;
    line-height: 1.292em;
    font-weight: 300;
    text-transform: uppercase;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .destinations-map .title {
        margin-left: 0;
        padding-left: 27px;
        height: 69px;
        line-height: 69px;
        font-size: 20px;
        background: #fff
    }
}
.destinations-map .sub-title {
    margin-bottom: 16px;
    font-size: 60px;
    line-height: 1
}
@media only screen and (max-width: 767px) {
    .destinations-map .sub-title {
        display: none
    }
}
.destinations-map .break {
    width: 100%;
    height: 0
}
.destinations-map .categories {
    display: flex;
    width: 100%;
    border-top: 1px solid #898989;
    max-width: 1062px;
    padding-top: 23px
}
@media only screen and (max-width: 767px) {
    .destinations-map .categories {
        border: none;
        padding: 0;
        margin: 10px 10px 0
    }
}
.destinations-map .categories button {
    position: relative;
    margin-right: 40px;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 400;
    text-transform: uppercase;
    color: #282828
}
@media only screen and (max-width: 767px) {
    .destinations-map .categories button {
        display: none
    }
}
.destinations-map .categories button:after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    height: 2px;
    background: #282828;
    opacity: 0;
    visibility: hidden;
    transform: translateY(3px);
    transition: opacity .2s, transform .2s, visibility .2s
}
.destinations-map .categories button.active:after,
.destinations-map .categories button:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
.destinations-map .categories .select-wrapper {
    display: none
}
@media only screen and (max-width: 767px) {
    .destinations-map .categories .select-wrapper {
        display: block;
        width: 100%
    }
    .destinations-map .categories .select-wrapper select {
        width: 100%;
        height: 40px;
        line-height: 38px;
        border: 1px solid #6d6e71;
        background: #fff;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        color: #6d6e71
    }
}
.destinations-map .google-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.destinations-map .regions {
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 2
}
.destinations-map .poi-zoom {
    position: absolute;
    right: 40px;
    bottom: 30px;
    z-index: 3
}
.destinations-map .cluster-point {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}
.destinations-map .cluster-point img {
    width: 100%;
    height: 100%
}
.destinations-map .label {
    padding: 6px 15px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    line-height: 21px;
    font-weight: 500;
    background: #fff;
    font-size: 13px;
    color: #6d6e71;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .destinations-map .label {
        font-size: 10px;
        max-width: 120px
    }
}
.destinations-map .label .distance {
    display: block;
    font-weight: 400;
    font-size: 12px
}
.destinations-map .label .distance img {
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
    height: 12px
}
.destinations-map .infoBox {
    position: relative;
    display: flex;
    background: #fff;
    border: 1px solid #d7d7d6;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .destinations-map .infoBox:not(.mobile-infobox) {
        display: none!important
    }
}
.destinations-map .infoBox:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
    transform: translateX(-50%)
}
.destinations-map .infoBox>img {
    position: absolute!important;
    right: 8px;
    top: 8px;
    margin: 0
}
.destinations-map .infoBox .thumbnail {
    width: 166px;
    background-position: 50% 50%;
    background-size: cover
}
.destinations-map .infoBox .content {
    width: 274px;
    padding: 14px 14px 10px
}
.destinations-map .infoBox .infobox-address {
    margin-bottom: 1px;
    padding-right: 24px;
    font-size: 11px;
    line-height: 1.364em;
    text-transform: uppercase;
    font-weight: 300
}
.destinations-map .infoBox .infobox-title {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 600
}
.destinations-map .infoBox .infobox-description {
    margin-bottom: 17px;
    font-size: 13px;
    line-height: 1.615em;
    font-weight: 400
}
.destinations-map .infoBox .infobox-link {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.417em;
    text-decoration: underline
}
.destinations-map .infoBox .infobox-link:hover {
    text-decoration: none
}
.destinations-map .infoBox .footer-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 35px
}
.destinations-map .infoBox .infobox-button {
    display: block;
    padding: 0 25px;
    height: 31px;
    line-height: 31px;
    background: #37314f;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}
.destinations-map .mobile-infobox {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, .81);
    z-index: 4
}
@media only screen and (min-width: 768px) {
    .destinations-map .mobile-infobox {
        display: none!important
    }
}
.destinations-map .mobile-infobox>.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    overflow-y: auto
}
.destinations-map .mobile-infobox .common-close-button.infobox-close {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff
}
.destinations-map .mobile-infobox .infobox-content {
    padding: 10px 10px 24px
}
.destinations-map .mobile-infobox .thumbnail {
    width: 100%;
    margin-bottom: 24px
}
.destinations-map .mobile-infobox .thumbnail:before {
    content: "";
    display: block;
    padding-top: 55%
}
.destinations-map .mobile-infobox .content {
    margin-top: 14px;
    width: 100%;
    padding: 0;
    text-align: center
}
.destinations-map .mobile-infobox .thumbnail+.content {
    margin-top: 0
}
.destinations-map .mobile-infobox .infobox-address {
    margin-bottom: 3px;
    padding-right: 0;
    font-size: 12px
}
.destinations-map .mobile-infobox .infobox-title {
    margin-bottom: 15px;
    padding: 0 40px;
    font-size: 21px
}
.destinations-map .mobile-infobox .infobox-button {
    height: 40px;
    line-height: 40px
}
.destinations-map-custom {
    display: none;
    position: fixed;
    right: 0;
    top: -9999px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0ms .3s, top 0ms .3s;
    background: #fff;
    z-index: 71
}
.destinations-map-visible .destinations-map-custom {
    display: block;
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility 0ms, top 0ms
}
.destinations-map-custom .common-close-button.lightbox-close {
    display: block;
    position: absolute;
    top: 22px;
    right: 22px;
    transition: opacity .35s ease-in-out, background-color .35s ease-in-out;
    z-index: 3
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .common-close-button.lightbox-close {
        right: 13px;
        top: 12px;
        z-index: 4
    }
}
.destinations-map-custom .sidebar {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 335px;
    padding: 20px;
    border: 1px solid #cacaca;
    background-color: #fff;
    z-index: 3
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .destinations-map-custom .sidebar {
        width: 255px
    }
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .sidebar {
        width: 100%;
        left: 0;
        top: 0;
        padding: 0;
        border: none;
        background-color: transparent
    }
}
.destinations-map-custom .logo-wrapper {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d8d8d8
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .logo-wrapper {
        margin: 10px 10px 20px;
        padding-bottom: 0;
        border: none
    }
}
.destinations-map-custom .logo-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 175px;
    height: auto
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .logo-wrapper img {
        margin: 0;
        max-height: 75px
    }
}
.destinations-map-custom .categories {
    max-height: 440px;
    overflow-y: auto
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .categories {
        margin: 0 10px
    }
}
.destinations-map-custom .categories-button {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 5px 15px 0;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .9px;
    color: #262323;
    text-transform: capitalize
}
.destinations-map-custom .categories-button:last-child {
    margin-bottom: 0
}
.destinations-map-custom .categories-button.active,
.destinations-map-custom .categories-button:hover {
    font-weight: 600
}
.destinations-map-custom .categories-button.active .svg-wrapper:before,
.destinations-map-custom .categories-button:hover .svg-wrapper:before {
    transform: scale(1)
}
.destinations-map-custom .categories-button.active .svg-wrapper.getting-there svg,
.destinations-map-custom .categories-button.active .svg-wrapper.our-hotels svg,
.destinations-map-custom .categories-button:hover .svg-wrapper.getting-there svg,
.destinations-map-custom .categories-button:hover .svg-wrapper.our-hotels svg {
    fill: #45396a;
    color: #fff
}
.destinations-map-custom .categories-button.active .svg-wrapper .property-letter,
.destinations-map-custom .categories-button:hover .svg-wrapper .property-letter {
    color: #fff
}
.destinations-map-custom .categories-button .svg-wrapper {
    position: relative;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    margin-right: 25px
}
.destinations-map-custom .categories-button .svg-wrapper svg {
    position: relative;
    transition: fill .35s ease-in-out
}
.destinations-map-custom .categories-button .svg-wrapper:before {
    content: "";
    position: absolute;
    top: 5px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f99e29;
    border-radius: 100%;
    z-index: -1;
    transform: scale(0);
    transition: transform .35s ease-in-out
}
.destinations-map-custom .categories-button .svg-wrapper.getting-there:before,
.destinations-map-custom .categories-button .svg-wrapper.our-hotels:before {
    content: none
}
.destinations-map-custom .categories-button .svg-wrapper.getting-there svg,
.destinations-map-custom .categories-button .svg-wrapper.our-hotels svg {
    fill: transparent;
    color: #262323
}
.destinations-map-custom .categories-button .svg-wrapper .property-letter {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    z-index: 1;
    color: #000
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .categories-button {
        display: none!important
    }
}
.destinations-map-custom .select-wrapper {
    display: none
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .select-wrapper {
        display: block;
        width: 100%
    }
    .destinations-map-custom .select-wrapper select {
        width: 100%;
        height: 40px;
        line-height: 38px;
        border: 1px solid #6d6e71;
        background: #fff;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        color: #6d6e71
    }
}
.destinations-map-custom .google-map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.destinations-map-custom .regions {
    position: absolute;
    left: 0;
    top: 200px;
    z-index: 2
}
.destinations-map-custom .poi-zoom {
    position: absolute;
    right: 40px;
    bottom: 30px;
    z-index: 3
}
.destinations-map-custom .cluster-point {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}
.destinations-map-custom .cluster-point img {
    width: 100%;
    height: 100%
}
.destinations-map-custom .label {
    padding: 6px 15px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    line-height: 21px;
    font-weight: 500;
    background: #fff;
    font-size: 13px;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .label {
        font-size: 10px;
        max-width: 120px
    }
}
.destinations-map-custom .label .distance {
    display: block;
    font-weight: 400;
    font-size: 12px
}
.destinations-map-custom .label .distance img {
    display: inline-block;
    vertical-align: top;
    margin: 3px 3px 0 0;
    height: 12px
}
.destinations-map-custom .infoBox {
    position: relative;
    display: flex;
    background: #fff;
    border: 1px solid #d7d7d6;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .destinations-map-custom .infoBox:not(.mobile-infobox) {
        display: none!important
    }
}
.destinations-map-custom .infoBox:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
    transform: translateX(-50%)
}
.destinations-map-custom .infoBox>img {
    position: absolute!important;
    right: 8px;
    top: 8px;
    margin: 0
}
.destinations-map-custom .infoBox .thumbnail {
    width: 166px;
    background-position: 50% 50%;
    background-size: cover
}
.destinations-map-custom .infoBox .content {
    width: 274px;
    padding: 14px 14px 10px
}
.destinations-map-custom .infoBox .infobox-title {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 1.375em;
    font-weight: 600
}
.destinations-map-custom .infoBox .infobox-address,
.destinations-map-custom .infoBox .infobox-phone {
    margin-bottom: 1px;
    padding-right: 24px;
    font-size: 11px;
    line-height: 1.364em;
    font-weight: 300
}
.destinations-map-custom .infoBox .infobox-phone {
    margin-bottom: 14px
}
.destinations-map-custom .infoBox .infobox-phone a {
    font-size: 11px;
    line-height: 1.364em;
    font-weight: 300;
    text-decoration: underline
}
.destinations-map-custom .infoBox .infobox-description {
    margin-bottom: 17px;
    font-size: 13px;
    line-height: 1.615em;
    font-weight: 400
}
.destinations-map-custom .infoBox .infobox-link {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.417em;
    text-decoration: underline
}
.destinations-map-custom .infoBox .infobox-link:hover {
    text-decoration: none
}
.destinations-map-custom .infoBox .footer-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px
}
.destinations-map-custom .infoBox .footer-wrapper a:first-child {
    margin-right: 20px
}
.destinations-map-custom .infoBox .infobox-button {
    display: block;
    padding: 0 25px;
    height: 31px;
    line-height: 31px;
    background: #37314f;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}
.destinations-map-custom .mobile-infobox {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(40, 40, 40, .81);
    z-index: 4
}
@media only screen and (min-width: 768px) {
    .destinations-map-custom .mobile-infobox {
        display: none!important
    }
}
.destinations-map-custom .mobile-infobox>.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    overflow-y: auto
}
.destinations-map-custom .mobile-infobox .common-close-button.infobox-close {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff
}
.destinations-map-custom .mobile-infobox .infobox-content {
    padding: 10px 10px 24px
}
.destinations-map-custom .mobile-infobox .thumbnail {
    width: 100%;
    margin-bottom: 24px
}
.destinations-map-custom .mobile-infobox .thumbnail:before {
    content: "";
    display: block;
    padding-top: 55%
}
.destinations-map-custom .mobile-infobox .content {
    margin-top: 14px;
    width: 100%;
    padding: 0;
    text-align: center
}
.destinations-map-custom .mobile-infobox .thumbnail+.content {
    margin-top: 0
}
.destinations-map-custom .mobile-infobox .infobox-address {
    margin-bottom: 3px;
    padding-right: 0;
    font-size: 12px
}
.destinations-map-custom .mobile-infobox .infobox-title {
    margin-bottom: 15px;
    padding: 0 40px;
    font-size: 21px
}
.destinations-map-custom .mobile-infobox .infobox-button {
    height: 40px;
    line-height: 40px
}
#brand-resorts-burger .resorts-trigger.plus {
    position: relative;
    right: auto;
    width: 100%;
    height: auto;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    border: none;
    transform: none
}
#brand-resorts-burger .resorts-trigger.plus:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 9px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(135deg);
    transition: all .35s ease-in-out
}
#brand-resorts-burger .resorts-wrapper.submenu {
    position: relative;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    transition: max-height 222ms cubic-bezier(0, 1, 0, 1), padding 333ms, visibility .3s;
    visibility: hidden
}
#brand-resorts-burger .parent.expanded .resorts-trigger.plus:before {
    transform: rotate(-45deg);
    top: 18px
}
#brand-resorts-burger .brand-resort-item-wrapper {
    display: flex;
    align-items: center;
    padding: 0
}
#brand-resorts-burger .brand-resort-item {
    padding: 5px 0;
    border-bottom: 1px solid #767d81
}
#brand-resorts-burger .thumbnail {
    position: relative;
    display: block;
    width: 31px;
    height: 35px;
    margin-right: 8px
}
#brand-resorts-burger h3 {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600
}
#brand-resorts-burger .property-location-title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #392f2c
}
.offers-menu-tile {
    min-width: 260px;
    text-align: left
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .offers-menu-tile {
        display: none
    }
}
.offers-menu-tile .image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 20px;
    height: 254px
}
.offers-menu-tile h3 {
    margin-bottom: 10px;
    color: #282828;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize
}
.offers-menu-tile p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 19px;
    color: #262323
}
.offers-menu-tile a.offers-menu-tile-link {
    position: relative;
    display: block;
    margin-left: auto;
    padding-right: 20px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 18px;
    color: #262323;
    text-transform: uppercase
}
.offers-menu-tile a.offers-menu-tile-link:after {
    content: "";
    position: absolute;
    display: block;
    width: auto;
    top: 2px;
    right: -5px;
    bottom: auto;
    opacity: 1;
    visibility: visible;
    border: 7px solid transparent;
    border-left-color: #282828
}
.featured-offer-in-masthead {
    position: absolute;
    right: 115px;
    transform: translateY(calc(-100% + 170px));
    width: 415px;
    border: 1px solid #d7d7d6;
    background-color: #fff;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    z-index: 10
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead {
        top: 120px;
        right: 0;
        left: 0;
        width: 95%;
        margin: 20px auto;
        transform: none;
        max-height: 60%;
        overflow: auto
    }
}
.featured-offer-in-masthead .black-heading {
    padding: 6px 0;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background-color: #282828;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}
.featured-offer-in-masthead .content-wrapper {
    padding: 37px 38px 20px;
    text-align: center;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
    color: #262323;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper {
        padding: 20px 0;
        line-height: 22px
    }
}
.featured-offer-in-masthead .content-wrapper .logo {
    display: block;
    max-width: 60%;
    margin: 0 auto 20px
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper .logo {
        margin-bottom: 10px;
        height: 40px
    }
}
.featured-offer-in-masthead .content-wrapper h3 {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #282828
}
.featured-offer-in-masthead .content-wrapper h4 {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #262323;
    margin: 0 0 17px
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper h4 {
        line-height: 22px;
        margin-top: -2px;
        margin-bottom: 6px
    }
}
.featured-offer-in-masthead .content-wrapper p {
    margin-bottom: 55px;
    padding: 0 20px
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper p {
        padding: 0 10px
    }
}
.featured-offer-in-masthead .content-wrapper .links {
    background: #fff;
    height: 40px;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper .links {
        padding: 0 13px
    }
}
.featured-offer-in-masthead .content-wrapper .links .button {
    height: 40px;
    line-height: 38px;
    border: none;
    width: 50%;
    background: #5b517b;
    color: #fff
}
.featured-offer-in-masthead .content-wrapper .links .button.white {
    background: none;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .featured-offer-in-masthead .content-wrapper .links .button.white {
        font-size: 14px
    }
}
.featured-offer-in-masthead .content-wrapper .links .button.white:hover {
    text-decoration: underline;
    color: #6d6e71;
    background: none
}
.featured-offer-in-masthead .content-wrapper .links .button:hover {
    background: #45396a
}
.page-content:after {
    clear: both;
    content: "";
    display: table
}
.page-content hr {
    display: block;
    height: 1px;
    margin: 20px auto;
    border: none;
    background: #b2b2ae;
    color: #b2b2ae
}
.page-content h1 {
    font: 200 63px/73px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    margin-bottom: 14px
}
@media only screen and (max-width: 767px) {
    .page-content h1 {
        font-size: 45px;
        line-height: 55px;
        margin-bottom: 10px
    }
}
.page-content .h1-like {
    font: 300 60px/75px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    margin-bottom: 14px;
    text-transform: none
}
@media only screen and (max-width: 767px) {
    .page-content .h1-like {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 20px
    }
}
.page-content .breadcrumb+h1 {
    margin-top: -5px
}
@media only screen and (max-width: 767px) {
    .page-content .breadcrumb+h1 {
        margin-top: 7px
    }
}
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    color: #6d6e71;
    text-transform: uppercase
}
.page-content h2 {
    font: 400 24px/24px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: #282828
}
.page-content h3 {
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase
}
.page-content h4,
.page-content h5,
.page-content h6 {
    font-weight: 700
}
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content ol,
.page-content p,
.page-content table,
.page-content ul {
    margin-bottom: 26px
}
.page-content strong {
    font-weight: 700
}
.page-content em {
    font-style: italic
}
.page-content u {
    text-decoration: underline
}
.page-content sub,
.page-content sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}
.page-content sup {
    top: -.5em
}
.page-content sub {
    bottom: -.25em
}
.page-content p,
.page-content table {
    overflow: visible
}
.page-content ol {
    list-style: decimal inside
}
.page-content ul {
    list-style: none
}
.page-content ol,
.page-content ul {
    margin: 11px 0 18px 10px;
    display: inline-block
}
@media only screen and (max-width: 767px) {
    .page-content ol,
    .page-content ul {
        margin: 0 14px 17px 12px
    }
}
.page-content ol ol,
.page-content ol ul,
.page-content ul ol,
.page-content ul ul {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}
.page-content ol li,
.page-content ul li {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 31px;
    padding-left: 24px;
    margin-bottom: 15px
}
@media only screen and (max-width: 767px) {
    .page-content ol li,
    .page-content ul li {
        font-size: 14px;
        line-height: 31px;
        margin-left: 12px
    }
}
.page-content ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    background: #282828;
    border-radius: 100%
}
@media only screen and (max-width: 767px) {
    .page-content ul>li:before {
        top: 14px;
        width: 3px;
        height: 3px
    }
}
.page-content ul>li:hover:before {
    background-color: #5b517b
}
@media only screen and (max-width: 767px) {
    .page-content ol,
    .page-content ul {
        margin-left: 0
    }
    .page-content .sitemap ol,
    .page-content .sitemap ul {
        margin-left: 20px
    }
    .page-content ol ol,
    .page-content ol ul,
    .page-content ul ol,
    .page-content ul ul {
        font-size: 90%
    }
}
.page-content caption,
.page-content td,
.page-content th {
    padding: 10px 15px;
    text-align: left;
    vertical-align: middle
}
.page-content caption,
.page-content th {
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 20px;
    font: 22px/1 Source Sans Pro, Arial, sans-serif;
    color: #282828
}
.page-content td {
    border-top: 1px solid #b2b2ae;
    background: rgba(215, 215, 214, .2)
}
.page-content .even td {
    background: rgba(215, 215, 214, .1)
}
.page-content table p {
    margin: 10px 0
}
@media only screen and (max-width: 1023px) {
    .page-content .table-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}
.page-content .thumbnail {
    float: right;
    margin: 0 0 20px 30px
}
.page-content .thumbnail a,
.page-content .thumbnail img {
    display: block
}
.page-content .socials {
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .page-content .socials {
        text-align: center
    }
}
.page-content .socials iframe {
    display: inline-block;
    width: 90px;
    height: 21px;
    margin: 0 10px 0 0
}
.page-content a.pdf {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding-left: 23px;
    position: relative
}
.page-content a.pdf:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 13px;
    height: 16px;
    vertical-align: top;
    margin-right: 10px;
    background: url(../img/common.html) -600px 0 no-repeat
}
.page-content a.pdf:hover:before {
    background-position: -633px 0
}
.page-content a.pdf:active:before {
    background-position: -666px 0
}
.page-content a.pdf+.size {
    color: #aaa;
    font-size: 10px
}
.page-content .hotel-location-map {
    margin-bottom: 20px
}
.page-content .sitemap-description {
    opacity: .8;
    font-size: 86%
}
.page-content table.two-column-table td {
    background: transparent;
    border-top: none;
    vertical-align: top
}
@media only screen and (max-width: 767px) {
    .page-content table.two-column-table td {
        width: 100%;
        display: block
    }
}
#content {
    padding: 38px 0 100px
}
.home #content {
    padding: 100px 0
}
@media only screen and (max-width: 767px) {
    .home #content {
        padding: 48px 0 80px
    }
}
.home #content.no-content {
    padding: 0;
    margin: 50px 0
}
@media only screen and (max-width: 767px) {
    .home #content.no-content {
        margin-bottom: 30px
    }
}
#content:after {
    clear: both;
    content: "";
    display: table
}
@media only screen and (max-width: 767px) {
    #content {
        padding: 30px 0
    }
}
#content:focus {
    outline: none
}
#content .center-column+.additional-content {
    margin-top: 50px
}
#main-content {
    display: flex;
    margin-bottom: 0
}
#main-content+.rooms {
    margin-top: 128px
}
@media only screen and (max-width: 767px) {
    #main-content {
        margin-bottom: 0;
        display: block
    }
}
#main-content #content-submenu {
    flex-shrink: 0
}
#main-content>.page-content {
    width: 100%
}
#sidebar {
    flex: 0 1 550px;
    margin-left: 40px;
    position: relative
}
@media only screen and (max-width: 767px) {
    #sidebar {
        margin: 60px 0
    }
}
#sidebar .sticky-content {
    transition: transform .6s cubic-bezier(.46, .01, 0, 1)
}
#sidebar .sidebar-thumb {
    height: 700px;
    position: relative
}
@media only screen and (max-width: 767px) {
    #sidebar .sidebar-thumb {
        height: 275px
    }
}
#sidebar .sidebar-thumb .play {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #000;
    border-radius: 100%;
    height: 36px;
    width: 36px
}
@media only screen and (max-width: 767px) {
    #sidebar .sidebar-thumb .play {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}
#sidebar .sidebar-thumb .play svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
#sidebar .sidebar-thumb button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
    padding: 0 60px 0 20px
}
@media only screen and (max-width: 767px) {
    #sidebar .sidebar-thumb button {
        background-color: transparent;
        font-size: 0;
        position: static;
        height: 100%;
        width: 100%;
        padding: 0
    }
    #sidebar .sidebar-thumb button:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0
    }
}
.breadcrumb {
    position: relative;
    margin: 0 auto
}
.breadcrumb a {
    font: 600 18px/23px Source Sans Pro, Arial, sans-serif;
    color: #6d6e71;
    text-decoration: none;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .breadcrumb a {
        font-size: 14px;
        line-height: 22px
    }
}
.breadcrumb a.active,
.breadcrumb a:hover {
    color: #282828
}
.breadcrumb .separator,
.breadcrumb a,
.breadcrumb div {
    display: inline-block;
    vertical-align: top
}
.breadcrumb .separator {
    margin: 7px 14px;
    border-right: 1px solid #282828;
    border-bottom: 1px solid #282828;
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    transition: border-color .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .breadcrumb .separator {
        margin: 8px 9px;
        height: 8px;
        width: 8px
    }
}
#video-container {
    display: none;
    right: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    background: rgba(0, 0, 0, .9)
}
#video-container #video {
    width: 80vw;
    height: 0;
    padding-bottom: 45vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translateY(-50%, -50%)
}
#video-container iframe,
#video-container video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
#video-container iframe *,
#video-container video * {
    background-color: transparent!important
}
#video-container #header-video {
    display: none;
    position: absolute;
    top: 50%;
    min-width: 100%;
    width: auto;
    height: auto;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}
#video-container #header-video.visible {
    display: block
}
#video-container .video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0
}
#video-container .close-video {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 5
}
@media only screen and (max-width: 767px) {
    #video-container .close-video {
        top: 10px;
        right: 10px
    }
}
#video-container .close-video:after,
#video-container .close-video:before {
    content: "";
    width: 24px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 1px;
    transform-origin: center center;
    opacity: 1;
    transition: opacity .35s ease-in-out
}
#video-container .close-video:before {
    transform: rotate(45deg)
}
#video-container .close-video:after {
    transform: rotate(-45deg)
}
#video-container .close-video:hover:after,
#video-container .close-video:hover:before {
    opacity: .6
}
.acm-block .top-heading {
    color: #6d6e71;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font: 300 24px/31px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .acm-block .top-heading {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0
    }
}
.acm-block .top-heading+.h1-like {
    margin-top: -20px
}
@media only screen and (max-width: 767px) {
    .acm-block .top-heading+.h1-like {
        margin-top: -3px
    }
}
.acm-block.double-underlined .double-underlined-separator {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1168px;
    margin: 0 auto;
    height: 1px;
    background: #d7d7d6
}
@media only screen and (max-width: 767px) {
    .acm-block.double-underlined .double-underlined-separator {
        max-width: 138px
    }
}
.acm-block.double-underlined .double-underlined-separator:before {
    content: "";
    height: 1px;
    width: 100%;
    background: #d7d7d6;
    position: absolute;
    top: 7px;
    left: 0
}
.headings-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 135px;
    height: 120px;
    background-repeat: no-repeat;
    background-size: contain
}
@media only screen and (max-width: 767px) {
    .headings-icon {
        top: -20px;
        left: 50%;
        background-position: 50%;
        transform: translateX(-50%)
    }
}
.headings-icon.big {
    left: -20px;
    width: 190px;
    height: 180px
}
@media only screen and (max-width: 767px) {
    .headings-icon.big {
        left: 50%;
        width: 150px;
        height: 150px;
        background-position: 50%;
        transform: translateX(-50%)
    }
}
.headings-icon.center {
    left: 50%;
    background-position: 50%;
    transform: translateX(-50%)
}
.specials:after {
    clear: both;
    content: "";
    display: table
}
.specials .image-list-item {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: left;
    font-size: 14px;
    line-height: 18px
}
@media only screen and (max-width: 767px) {
    .specials .image-list-item {
        height: auto
    }
}
.specials .image-list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #e2e2e2;
    z-index: -1
}
.specials .image-list-item .background {
    position: relative;
    width: 350px;
    height: 300px;
    margin-left: 40px;
    display: block;
    float: right;
    overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .specials .image-list-item .background {
        width: 300px
    }
}
@media only screen and (max-width: 767px) {
    .specials .image-list-item .background {
        width: 100%;
        margin: 0 0 10px
    }
}
.specials .image-list-item .description {
    width: 100%;
    display: block;
    padding: 25px
}
@media only screen and (max-width: 767px) {
    .specials .image-list-item .description {
        padding: 20px 20px 10px;
        text-align: center
    }
}
.specials .image-list-item .description h3 {
    margin-bottom: 15px
}
.specials .image-list-item .description nav {
    position: absolute;
    bottom: 30px;
    left: 25px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .specials .image-list-item .description nav {
        bottom: 25px
    }
}
@media only screen and (max-width: 767px) {
    .specials .image-list-item .description nav {
        text-align: center;
        width: 100%;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}
.specials .accordions-acm {
    margin: 20px auto;
    max-width: 1390px;
    padding: 0 35px
}
@media only screen and (max-width: 767px) {
    .specials .accordions-acm {
        padding: 0 10px
    }
}
.single-special .background {
    float: right;
    width: 300px;
    height: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .single-special .background {
        width: 100%;
        float: none;
        margin-left: 0
    }
}
.specials-wrapper .items-categories-selector {
    margin-bottom: 0!important
}
.specials-wrapper .specials-container {
    max-width: 1435px;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .specials-wrapper .specials-container {
        padding: 0 15px
    }
}
.specials-wrapper .specials-container .item {
    display: inline-block;
    vertical-align: top;
    margin: 25px;
    transform: scale(1);
    transition: transform .35s ease-in-out, box-shadow .35s ease-in-out
}
.specials-wrapper .specials-container .item.filtered {
    display: none!important
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .specials-wrapper .specials-container .item {
        width: 44vw;
        height: 460px;
        margin: 10px
    }
}
@media only screen and (max-width: 767px) {
    .specials-wrapper .specials-container .item {
        width: 100%;
        height: 440px;
        margin: 10px 0
    }
}
.specials-wrapper .specials-container .item:hover {
    box-shadow: 0 0 20px 0 #bfbfbf;
    transform: scale(.99)
}
@media only screen and (max-width: 767px) {
    .specials-wrapper .specials-container .item .thumb {
        height: 200px
    }
}
@media only screen and (max-width: 1023px) {
    .specials-wrapper .specials-container .item .item-info {
        height: 240px
    }
}
.specials-wrapper .specials-container .controls {
    display: block;
    text-align: right
}
.specials-wrapper .specials-container .load-more {
    border: none;
    background: none;
    color: #282828;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 0;
    margin-right: 65px
}
@media only screen and (max-width: 767px) {
    .specials-wrapper .specials-container .load-more {
        margin-right: 0
    }
}
.specials-with-categories-split #content #main-content {
    margin-top: 0
}
.specials-with-categories-split .page-content {
    text-align: left
}
.specials-with-categories-split .specials-wrapper {
    max-width: 1300px;
    display: flex
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .specials-wrapper {
        display: block
    }
}
.specials-with-categories-split .specials-wrapper .specials-container {
    max-width: 100%;
    width: 100%;
    text-align: left
}
.specials-with-categories-split .category-wrapper {
    margin-bottom: 30px;
    width: 100%
}
.specials-with-categories-split .category-card {
    margin: 0 0 20px
}
.specials-with-categories-split .category-title {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 50px;
    color: #5d507c;
    text-transform: uppercase;
    margin: 0 10px
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .category-title {
        font-size: 30px;
        line-height: 1.2;
        text-align: center
    }
}
.specials-with-categories-split .specials-items-wrapper {
    display: flex;
    flex-wrap: wrap
}
.specials-with-categories-split .special-card {
    display: flex;
    flex-direction: column;
    margin: 0 10px 20px;
    width: calc(33.33333% - 20px);
    border: 1px solid #d7d7d6;
    background-color: #fff;
    transition: transform .35s ease-in-out, box-shadow .35s ease-in-out
}
.specials-with-categories-split .special-card.width-100 {
    width: calc(100% - 20px)
}
.specials-with-categories-split .special-card.width-50 {
    width: calc(50% - 20px)
}
.specials-with-categories-split .special-card:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 40px -15px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 1023px) {
    .specials-with-categories-split .special-card {
        width: calc(50% - 20px)
    }
    .specials-with-categories-split .special-card.width-100 {
        width: calc(100% - 20px)
    }
}
@media only screen and (max-width: 1023px) {
    .specials-with-categories-split .special-card {
        flex-grow: 1
    }
}
@media only screen and (max-width: 449px) {
    .specials-with-categories-split .special-card {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .specials-with-categories-split .special-card.width-50,
    .specials-with-categories-split .special-card.width-100 {
        width: 100%
    }
}
.specials-with-categories-split .special-card .links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto 15px 20px;
    overflow: hidden
}
.specials-with-categories-split .special-card .links .button {
    margin: 0 5px;
    font-size: 14px
}
.specials-with-categories-split .special-card .links .button.white {
    position: relative;
    padding-right: 15px;
    color: #262323
}
.specials-with-categories-split .special-card .links .button.white:before {
    content: "";
    position: absolute;
    top: 14px;
    right: 0;
    display: block;
    border: 5px solid transparent;
    border-left-color: #262323
}
@media only screen and (max-width: 1023px) {
    .specials-with-categories-split .special-card .links .button.book {
        flex-grow: 1
    }
}
.specials-with-categories-split .thumb {
    height: 153px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
.specials-with-categories-split .item-info {
    margin: 0 30px 20px;
    text-align: center
}
.specials-with-categories-split .item-info .logo {
    max-height: 68px;
    max-width: 100%
}
.specials-with-categories-split .item-info .country {
    font-size: 13px;
    line-height: 16px;
    color: #5d507c
}
.specials-with-categories-split .item-info h4 {
    color: #262323;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}
.specials-with-categories-split .item-info p {
    color: #262323;
    font-size: 13px;
    letter-spacing: -.04px;
    line-height: 23px
}
.specials-with-categories-split .filters-wrapper {
    margin-right: 45px;
    max-width: 275px;
    width: 25%
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .filters-wrapper {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 15px;
        margin: 0 0 20px
    }
}
.specials-with-categories-split .filters-wrapper .sticky {
    top: 130px!important
}
.specials-with-categories-split .filters-wrapper .sticky-special-filters {
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .filters-wrapper .sticky-special-filters {
        width: 100%
    }
}
.specials-with-categories-split .filter-item {
    margin-bottom: 25px;
    flex-grow: 1
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .filter-item {
        margin-bottom: 0;
        margin-right: 10px;
        width: 100%;
        min-width: 100px
    }
    .specials-with-categories-split .filter-item:last-child {
        margin-right: 0
    }
}
.specials-with-categories-split .main-filter-title {
    position: relative;
    display: block;
    padding: 0 5px 5px 0;
    width: 100%;
    text-align: left;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 27px;
    color: #282828;
    text-transform: uppercase;
    border-bottom: 1px solid #cacaca
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .main-filter-title {
        margin-top: 5px
    }
}
.specials-with-categories-split .main-filter-title:before {
    content: "";
    position: absolute;
    top: 14px;
    right: 5px;
    display: block;
    border: 4px solid transparent;
    border-top-color: #282828;
    transition: transform .35s ease-in-out
}
.specials-with-categories-split .main-filter-title.open:before {
    top: 10px;
    transform: rotate(180deg)
}
.specials-with-categories-split .main-filter-title.open~.filter-unvisible {
    max-height: 235px
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .main-filter-title.open~.filter-unvisible {
        padding: 10px;
        background-color: #fff;
        z-index: 1;
        opacity: 1;
        box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .4)
    }
}
.specials-with-categories-split .filter-unvisible {
    max-height: 0;
    overflow-y: auto;
    transition: max-height .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .specials-with-categories-split .filter-unvisible {
        position: absolute;
        left: 0;
        width: 100%;
        opacity: 0
    }
}
.specials-with-categories-split .filter-label {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    color: #282828;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 20px
}
.specials-with-categories-split .filter-label:before {
    content: "";
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: #f5f5f5;
    border: 1px solid #b2b2ae
}
.specials-with-categories-split .filter-label:after {
    content: "";
    position: absolute;
    top: 43%;
    left: 6px;
    display: block;
    width: 10px;
    height: 5px;
    opacity: 0;
    box-shadow: -2px 2px #282828;
    transition: opacity .35s ease-in-out;
    transform: translateY(-43%) rotate(-45deg)
}
.specials-with-categories-split .filter-checkbox:focus~.filter-label:before {
    outline: 1px solid
}
.specials-with-categories-split .filter-checkbox:checked~.filter-label {
    font-weight: 600
}
.specials-with-categories-split .filter-checkbox:checked~.filter-label:after {
    opacity: 1
}
.page-content .careers .narrow {
    width: 20%
}
.google-map {
    position: relative
}
.google-map:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border-color: #282828 transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    -webkit-animation: loading-icon-spin 1.2s linear infinite;
    animation: loading-icon-spin 1.2s linear infinite
}
.google-map.loaded:before {
    content: none
}
.hotel-location-map,
.poi-map-canvas {
    height: 444px;
    background: #fff
}
.hotel-location-map h4,
.poi-map-canvas h4 {
    font: 600 18px/22px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    text-transform: none;
    margin-bottom: 10px
}
.hotel-location-map p,
.poi-map-canvas p {
    font: 13px/21px Source Sans Pro, Arial, sans-serif;
    margin: 0 0 5px
}
.hotel-location-map .button,
.poi-map-canvas .button {
    display: inline-block;
    border: none;
    font: 600 12px/31px Source Sans Pro, Arial, sans-serif;
    height: 31px;
    background: #282828;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0;
    margin-top: 5px
}
.hotel-location-map .button:hover,
.poi-map-canvas .button:hover {
    background: #6d6e71
}
.hotel-location-map .infoBox img,
.poi-map-canvas .infoBox img {
    z-index: 1
}
.map-content {
    font: 13px/21px Source Sans Pro, Arial, sans-serif;
    padding: 14px;
    position: relative;
    background: #fff;
    color: #282828;
    width: 300px;
    border: 1px solid #d7d7d6;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .2)
}
.map-content:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
    transform: translateX(-50%)
}
.map-content p {
    margin-bottom: 5px
}
.map-content h3 {
    font: 600 18px/22px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    text-transform: none;
    margin-bottom: 10px
}
.map-content a {
    font-weight: 600;
    text-decoration: underline;
    color: #282828
}
.map-content a:hover {
    text-decoration: none
}
.map-content .button {
    display: inline-block;
    border: none;
    font: 600 12px/31px Source Sans Pro, Arial, sans-serif;
    height: 31px;
    background: #282828;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0;
    margin-top: 5px
}
.map-content .button:hover {
    background: #6d6e71
}
.pressroom-wrapper {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px
}
@media only screen and (max-width: 767px) {
    .pressroom-wrapper {
        padding: 0
    }
}
.pressroom {
    text-align: center;
    font-size: 0
}
.pressroom .time {
    font-weight: 400
}
.pressroom .pressroom-item {
    width: calc(33.3% - 10px);
    height: 400px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    padding: 20px 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pressroom .pressroom-item {
        width: calc(50% - 10px)
    }
}
@media only screen and (max-width: 767px) {
    .pressroom .pressroom-item {
        width: calc(100% - 10px)
    }
}
.pressroom .pressroom-item h4 {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #fff
}
.pressroom .pressroom-item time {
    color: #fff;
    display: block;
    margin: 5px 0
}
.pressroom .pressroom-item .description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    padding: 10px 20px 20px
}
.pressroom .pressroom-item .description .centered time {
    margin: 10px 0;
    display: block;
    font-weight: 700
}
.pressroom .pressroom-item .description p {
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 0
}
.pressroom .pressroom-item .description .button {
    border-color: #fff;
    color: #fff
}
.pressroom .pressroom-item .description .button:hover {
    border-color: #6d6e71
}
.pressroom .pressroom-item .pdf {
    color: #fff;
    margin: 10px 0 0;
    display: block;
    position: relative;
    line-height: 16px;
    padding-left: 0!important
}
.pressroom .pressroom-item .pdf:hover {
    color: #fff
}
.pressroom .pressroom-item .view-gallery {
    margin-top: 20px
}
.pressroom-item {
    position: relative;
    max-width: 1340px;
    margin: 0 auto 70px;
    padding: 0 20px
}
.time {
    font-weight: 500
}
.press-content p {
    width: 60%;
    display: inline-block;
    margin: 0 30px 30px 0;
    vertical-align: top
}
.press-content img {
    display: inline-block;
    width: 35%
}
@media only screen and (max-width: 767px) {
    .press-content img,
    .press-content p {
        width: 100%
    }
}
.galleries {
    text-align: center;
    font-size: 0
}
.galleries .gallery {
    padding-bottom: calc(33.3% - 10px);
    width: calc(33.3% - 10px);
    height: 0;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 14px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .galleries .gallery {
        width: calc(50% - 10px);
        padding-bottom: calc(50% - 10px)
    }
}
@media only screen and (max-width: 767px) {
    .galleries .gallery {
        width: calc(100% - 10px);
        padding-bottom: calc(100% - 10px)
    }
}
.galleries .gallery h2,
.galleries .gallery h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: 26px/30px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0 10px;
    transition: all .3s ease-in-out;
    color: inherit;
    z-index: 1
}
.galleries .gallery h3 {
    top: auto;
    bottom: 10px;
    font-size: 14px;
    opacity: 1;
    line-height: 1;
    text-align: center
}
.galleries .gallery:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -1px
}
.galleries .gallery:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .25);
    transition: background .3s ease-in-out;
    z-index: 0
}
.galleries .gallery:hover h2,
.galleries .gallery:hover h3 {
    transform: translate(-50%, -50%) scale(.6);
    opacity: 0
}
.galleries .gallery:hover .description {
    right: 0
}
.galleries .gallery:hover:after {
    background: rgba(0, 0, 0, .5)
}
.galleries .gallery .description {
    position: absolute;
    right: -100%;
    top: 0;
    color: inherit;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    z-index: 1
}
@media only screen and (max-width: 1023px) {
    .galleries .gallery .description {
        font-size: 16px;
        line-height: 20px
    }
}
.galleries .gallery .description:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -1px
}
.galleries .gallery .description .centered {
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 4px)
}
.galleries .gallery .description .centered .button {
    border-color: #fff;
    color: #fff
}
.galleries .gallery .description .centered .button:hover {
    border-color: #6d6e71
}
#form_module_container_errors,
#form_module_container_success {
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .3)
}
#form_module_container_errors {
    color: #b31919
}
#form_module_container_errors .goTo {
    color: #00f;
    text-decoration: underline;
    cursor: pointer
}
#form_module_container_errors .goTo:hover {
    filter: grayscale(100%)
}
#form_module_container_success {
    color: green
}
[id*=form_form_] {
    display: block;
    margin-bottom: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] {
        text-align: left
    }
}
[id*=form_form_] fieldset+fieldset {
    margin-top: 20px
}
[id*=form_form_] h3 {
    text-align: left;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2
}
[id*=form_form_] em {
    color: #b31919;
    font-size: 16px;
    font-weight: 400;
    line-height: 10px;
    padding-right: 5px
}
[id*=form_form_] label {
    width: 40%;
    line-height: 1.2;
    margin: 12px 20px 0 0;
    float: left;
    text-align: right
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] label {
        display: block;
        float: none;
        margin: 0 0 10px;
        text-align: left;
        width: auto
    }
}
[id*=form_form_] p {
    margin-bottom: 10px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] p {
        margin-bottom: 20px
    }
}
[id*=form_form_] p:after {
    clear: both;
    content: "";
    display: table
}
[id*=form_form_] p span {
    float: left;
    margin: 0 10px 0 0
}
[id*=form_form_] p span.checkbox-group {
    margin-bottom: 10px
}
[id*=form_form_] p span input {
    display: inline;
    float: none;
    margin: 0
}
[id*=form_form_] p span label {
    display: inline;
    float: none;
    width: auto;
    text-align: left
}
[id*=form_form_] p span.group {
    margin-top: 12px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] p span.group {
        margin-top: 0
    }
}
[id*=form_form_] p span.group label {
    display: block;
    margin-bottom: 10px!important;
    margin-top: 0
}
[id*=form_form_] p span.group label input {
    margin-right: .4em
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .select-wrapper {
        width: 100%
    }
}
[id*=form_form_] .input-overlay,
[id*=form_form_] input[type=datepicker],
[id*=form_form_] input[type=email],
[id*=form_form_] input[type=number],
[id*=form_form_] input[type=phone],
[id*=form_form_] input[type=text],
[id*=form_form_] input[type=url],
[id*=form_form_] select,
[id*=form_form_] textarea {
    background: #fff;
    color: #53565a;
    height: 40px;
    padding: 0 10px;
    resize: none;
    width: 250px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    line-height: 40px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .input-overlay,
    [id*=form_form_] input[type=datepicker],
    [id*=form_form_] input[type=email],
    [id*=form_form_] input[type=number],
    [id*=form_form_] input[type=phone],
    [id*=form_form_] input[type=text],
    [id*=form_form_] input[type=url],
    [id*=form_form_] select,
    [id*=form_form_] textarea {
        padding: 0 20px;
        width: 100%;
        text-align: left
    }
}
[id*=form_form_] .input-overlay.form_module_field_error,
[id*=form_form_] input[type=datepicker].form_module_field_error,
[id*=form_form_] input[type=email].form_module_field_error,
[id*=form_form_] input[type=number].form_module_field_error,
[id*=form_form_] input[type=phone].form_module_field_error,
[id*=form_form_] input[type=text].form_module_field_error,
[id*=form_form_] input[type=url].form_module_field_error,
[id*=form_form_] select.form_module_field_error,
[id*=form_form_] textarea.form_module_field_error {
    border-color: #b31919
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .input-overlay,
    [id*=form_form_] input[type=datepicker],
    [id*=form_form_] input[type=email],
    [id*=form_form_] input[type=number],
    [id*=form_form_] input[type=phone],
    [id*=form_form_] input[type=text],
    [id*=form_form_] input[type=url],
    [id*=form_form_] select,
    [id*=form_form_] textarea {
        text-align: left
    }
}
[id*=form_form_] textarea {
    float: left;
    height: 100px;
    overflow: auto;
    line-height: 20px;
    padding: 10px
}
[id*=form_form_] input[type=checkbox],
[id*=form_form_] input[type=radio] {
    width: 14px;
    height: 14px;
    padding: 0;
    vertical-align: top
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] input[type=checkbox],
    [id*=form_form_] input[type=radio] {
        margin-right: 5px;
        width: 14px!important
    }
}
[id*=form_form_] .datepicker-input-wrapper {
    float: left
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .datepicker-input-wrapper {
        float: none
    }
}
[id*=form_form_] .input-overlay,
[id*=form_form_] input[type=datepicker] {
    float: left;
    width: 100px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .input-overlay,
    [id*=form_form_] input[type=datepicker] {
        float: none;
        width: 100%
    }
}
[id*=form_form_] .input-overlay {
    width: 100px;
    float: left;
    clear: both;
    opacity: 0;
    margin-top: -40px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .input-overlay {
        float: none;
        display: block;
        width: 100%
    }
}
[id*=form_form_] .ui-datepicker-trigger {
    float: left;
    position: static;
    margin: 13px 0 0 6px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .ui-datepicker-trigger {
        display: none
    }
}
[id*=form_form_] input[type=submit] {
    display: block;
    margin: 0 auto
}
[id*=form_form_]>input[type=submit] {
    margin-top: 20px
}
[id*=form_form_] .g-recaptcha {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}
[id*=form_form_] .form-builder-field {
    position: relative;
    width: 100%;
    text-align: left;
    clear: both
}
[id*=form_form_] .form-builder-field[class*=textarea] label {
    margin-bottom: 10px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=textarea] label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-field[class*=inputhidden] {
    display: none
}
[id*=form_form_] .form-builder-field[class*=checkboxgroup]>label,
[id*=form_form_] .form-builder-field[class*=inputcheckbox]>label,
[id*=form_form_] .form-builder-field[class*=radiogroup]>label {
    margin-bottom: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=checkboxgroup]>label,
    [id*=form_form_] .form-builder-field[class*=inputcheckbox]>label,
    [id*=form_form_] .form-builder-field[class*=radiogroup]>label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-field[class*=checkboxgroup] .checkbox-label,
[id*=form_form_] .form-builder-field[class*=checkboxgroup] .radio-label,
[id*=form_form_] .form-builder-field[class*=inputcheckbox] .checkbox-label,
[id*=form_form_] .form-builder-field[class*=inputcheckbox] .radio-label,
[id*=form_form_] .form-builder-field[class*=radiogroup] .checkbox-label,
[id*=form_form_] .form-builder-field[class*=radiogroup] .radio-label {
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=checkboxgroup] .checkbox-label,
    [id*=form_form_] .form-builder-field[class*=checkboxgroup] .radio-label,
    [id*=form_form_] .form-builder-field[class*=inputcheckbox] .checkbox-label,
    [id*=form_form_] .form-builder-field[class*=inputcheckbox] .radio-label,
    [id*=form_form_] .form-builder-field[class*=radiogroup] .checkbox-label,
    [id*=form_form_] .form-builder-field[class*=radiogroup] .radio-label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-field[class*=inputcheckbox] label {
    width: 60%;
    margin-left: calc(40% + 20px);
    text-align: left
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=inputcheckbox] label {
        margin-left: 0;
        width: 100%
    }
}
[id*=form_form_] .form-builder-field[class*=inputsubmit] {
    margin-left: 20px;
    padding: 20px 0 0 40%;
    width: auto;
    background: none
}
[id*=form_form_] .form-builder-field .compliance {
    display: flex;
    justify-content: center;
    align-items: flex-start
}
[id*=form_form_] .form-builder-field .compliance em {
    padding: 12px 10px 0 0
}
[id*=form_form_] .form-builder-field .compliance input[type=checkbox] {
    margin: 10px 5px 0 0
}
[id*=form_form_] .form-builder-field .compliance>label {
    width: auto;
    text-transform: none;
    color: #000;
    font-size: 20px;
    line-height: 1.8;
    font-weight: 400
}
[id*=form_form_] .form-builder-field[class*=paragraph] {
    width: 60%;
    margin-left: calc(40% + 20px);
    margin-bottom: 10px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=paragraph] {
        margin-left: 0;
        width: 100%
    }
}
[id*=form_form_] .form-builder-field[class*=inputfile] {
    line-height: 1
}
[id*=form_form_] .form-builder-field[class*=inputfile] input[type=file] {
    margin-top: 10px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-field[class*=inputfile] label {
        margin-right: 20px
    }
}
[id*=form_form_] .form-builder-field[class*=inputfile] .fake-input {
    font: 500 16px/1.2 Source Sans Pro, Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    width: 50%
}
[id*=form_form_] .form-builder-field[class*=inputfile] .fake-input:before {
    content: "";
    background: url(../images/paperclip.html) no-repeat;
    background-size: contain;
    width: 16px;
    height: 17px;
    display: block;
    position: relative;
    float: left;
    margin-right: 10px
}
[id*=form_form_] .form-builder-group {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field {
    width: calc(50% - 10px)
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field:not(:first-child) {
    margin-left: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field:not(:first-child) {
        margin-left: 0
    }
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field {
        width: 100%
    }
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field>p label {
    width: auto;
    text-align: left;
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field input[type=email],
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field input[type=number],
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field input[type=text] {
    width: 100%
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=checkboxgroup] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=radiogroup] label {
    width: 100%;
    margin-bottom: 0;
    text-align: left
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=checkboxgroup] label,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] label,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] label,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] label,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=radiogroup] label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] label {
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] input,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] select,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] input,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] select,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] input,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] select {
    width: 100%
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] .datepicker-input-wrapper,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] .datepicker-input-wrapper,
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] .datepicker-input-wrapper {
    width: calc(100% - 30px)
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=country] .datepicker-input-wrapper,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputdatepicker] .datepicker-input-wrapper,
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field[class*=inputurl] .datepicker-input-wrapper {
        width: 100%
    }
}
[id*=form_form_] .form-builder-group.columns-2 .form-builder-field .group {
    margin-right: 0;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-2 .form-builder-field .group {
        -moz-column-gap: 0;
        column-gap: 0;
        -moz-column-count: 1;
        column-count: 1
    }
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field {
    width: calc(33.33% - 20px)
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field:not(:first-child) {
    margin-left: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field:not(:first-child) {
        margin-left: 0
    }
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field {
        width: 100%
    }
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field>p label {
    width: auto;
    text-align: left;
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field input[type=email],
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field input[type=number],
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field input[type=text] {
    width: 100%
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=checkboxgroup] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=radiogroup] label {
    width: 100%;
    margin-bottom: 0;
    text-align: left
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=checkboxgroup] label,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] label,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] label,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] label,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=radiogroup] label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] label {
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] input,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] select,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] input,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] select,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] input,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] select {
    width: 100%
}
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] .datepicker-input-wrapper,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] .datepicker-input-wrapper,
[id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] .datepicker-input-wrapper {
    width: calc(100% - 30px)
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=country] .datepicker-input-wrapper,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputdatepicker] .datepicker-input-wrapper,
    [id*=form_form_] .form-builder-group.columns-3 .form-builder-field[class*=inputurl] .datepicker-input-wrapper {
        width: 100%
    }
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field {
    width: calc(25% - 15px)
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field:not(:first-child) {
    margin-left: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field:not(:first-child) {
        margin-left: 0
    }
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field {
        width: 100%
    }
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field>p label {
    width: auto;
    text-align: left;
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field input[type=email],
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field input[type=number],
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field input[type=text] {
    width: 100%
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=checkboxgroup] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=radiogroup] label {
    width: 100%;
    margin-bottom: 0;
    text-align: left
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=checkboxgroup] label,
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] label,
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] label,
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] label,
    [id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=radiogroup] label {
        margin-bottom: 10px
    }
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] label,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] label {
    margin-bottom: 10px
}
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] input,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=country] select,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] input,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputdatepicker] select,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] .select-wrapper,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] input,
[id*=form_form_] .form-builder-group.columns-4 .form-builder-field[class*=inputurl] select {
    width: 100%
}
[id*=form_form_] .form-builder-group.prop-2-to-1 .form-builder-field {
    width: calc(66.66% - 20px)
}
[id*=form_form_] .form-builder-group.prop-2-to-1 .form-builder-field:nth-child(2n) {
    width: calc(33.33% - 20px);
    margin-left: 20px
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.prop-2-to-1 .form-builder-field:nth-child(2n) {
        margin-left: 0
    }
}
@media only screen and (max-width: 1023px) {
    [id*=form_form_] .form-builder-group.prop-2-to-1 .form-builder-field {
        width: 100%
    }
}
[id*=form_form_] .custom-checkbox,
[id*=form_form_] .custom-radio {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 2em;
    line-height: 1.4em
}
[id*=form_form_] .custom-checkbox:before,
[id*=form_form_] .custom-radio:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 14px;
    background: #fff;
    transition: transform .35s ease-in-out, 2;
    border: 1px solid #000
}
@media only screen and (min-width: 1024px) {
    [id*=form_form_] .custom-checkbox:hover:before,
    [id*=form_form_] .custom-radio:hover:before {
        transform: scale(1.1)
    }
    [id*=form_form_] .custom-checkbox:active:before,
    [id*=form_form_] .custom-radio:active:before {
        transform: scale(1)
    }
}
[id*=form_form_] .custom-checkbox:after,
[id*=form_form_] .custom-radio:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 13px;
    height: 8px;
    border-bottom: 2px solid #b31919;
    border-left: 2px solid #b31919;
    transform: rotate(-45deg) scale(2);
    opacity: 0;
    visibility: hidden;
    transition: transform .35s ease-in-out, 2 ease-in-out .35s, 3, opacity .35s ease-in-out, 2, visibility .35s ease-in-out, 2;
    pointer-events: none
}
[id*=form_form_] .custom-checkbox.checked:after,
[id*=form_form_] .custom-radio.checked:after {
    transform: rotate(-45deg) scale(1);
    opacity: 1;
    visibility: visible;
    transition: transform .35s ease-in-out, 3, opacity .35s ease-in-out, 3, visibility .35s ease-in-out, 3
}
[id*=form_form_] .custom-checkbox input,
[id*=form_form_] .custom-radio input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}
[id*=form_form_] .custom-checkbox.active,
[id*=form_form_] .custom-radio.active {
    color: #000
}
[id*=form_form_] .custom-radio:before {
    border-radius: 50%
}
[id*=form_form_] .custom-radio:after {
    border: none;
    width: 8px;
    height: 8px;
    top: 9px;
    left: 3px;
    border-radius: 50%;
    transform: scale(2);
    background: #b31919
}
[id*=form_form_] .custom-radio.checked:after {
    transform: scale(1)
}
@media only screen and (max-width: 767px) {
    [id*=form_form_] input[type=file] {
        width: 100%
    }
}
[id*=form_form_] .clear-file-input {
    font-size: 12px;
    transition: opacity .35s ease-in-out
}
[id*=form_form_] .clear-file-input.inactive {
    opacity: 0;
    visibility: hidden
}
.form,
[data-element=form],
[id*=form_form_] {
    display: block;
    margin: 0 auto 20px
}
.form.limited-width,
[data-element=form].limited-width,
[id*=form_form_].limited-width {
    max-width: 1140px
}
@media screen and (max-width: 992px) {
    .form.limited-width,
    [data-element=form].limited-width,
    [id*=form_form_].limited-width {
        max-width: 960px
    }
}
@media only screen and (max-width: 767px) {
    .form.limited-width,
    [data-element=form].limited-width,
    [id*=form_form_].limited-width {
        max-width: 720px;
        text-align: left
    }
}
@media screen and (max-width: 576px) {
    .form.limited-width,
    [data-element=form].limited-width,
    [id*=form_form_].limited-width {
        max-width: 540px
    }
}
.form.limited-width label,
[data-element=form].limited-width label,
[id*=form_form_].limited-width label {
    text-align: left;
    width: 100%;
    display: block;
    margin: 0 0 8px;
    font-weight: 600;
    font-size: 14px
}
.form.limited-width .datepicker-input-wrapper,
.form.limited-width .input-overlay,
.form.limited-width .select-wrapper,
.form.limited-width input[type=date],
.form.limited-width input[type=text],
.form.limited-width select,
.form.limited-width textarea,
[data-element=form].limited-width .datepicker-input-wrapper,
[data-element=form].limited-width .input-overlay,
[data-element=form].limited-width .select-wrapper,
[data-element=form].limited-width input[type=date],
[data-element=form].limited-width input[type=text],
[data-element=form].limited-width select,
[data-element=form].limited-width textarea,
[id*=form_form_].limited-width .datepicker-input-wrapper,
[id*=form_form_].limited-width .input-overlay,
[id*=form_form_].limited-width .select-wrapper,
[id*=form_form_].limited-width input[type=date],
[id*=form_form_].limited-width input[type=text],
[id*=form_form_].limited-width select,
[id*=form_form_].limited-width textarea {
    width: 100%
}
.form.limited-width .ui-datepicker-trigger,
[data-element=form].limited-width .ui-datepicker-trigger,
[id*=form_form_].limited-width .ui-datepicker-trigger {
    display: none
}
.form.limited-width p.column-2 .group,
[data-element=form].limited-width p.column-2 .group,
[id*=form_form_].limited-width p.column-2 .group {
    margin-right: 0;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px
}
@media only screen and (max-width: 767px) {
    .form.limited-width p.column-2 .group,
    [data-element=form].limited-width p.column-2 .group,
    [id*=form_form_].limited-width p.column-2 .group {
        -moz-column-count: 1;
        column-count: 1
    }
}
.form.limited-width fieldset.row-2 p,
[data-element=form].limited-width fieldset.row-2 p,
[id*=form_form_].limited-width fieldset.row-2 p {
    float: left;
    width: calc(50% - 15px)
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-2 p,
    [data-element=form].limited-width fieldset.row-2 p,
    [id*=form_form_].limited-width fieldset.row-2 p {
        float: none;
        width: 100%
    }
}
.form.limited-width fieldset.row-2 p+p,
[data-element=form].limited-width fieldset.row-2 p+p,
[id*=form_form_].limited-width fieldset.row-2 p+p {
    margin-left: 30px
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-2 p+p,
    [data-element=form].limited-width fieldset.row-2 p+p,
    [id*=form_form_].limited-width fieldset.row-2 p+p {
        margin-left: 0
    }
}
.form.limited-width fieldset.row-3 p,
[data-element=form].limited-width fieldset.row-3 p,
[id*=form_form_].limited-width fieldset.row-3 p {
    float: left;
    width: calc(25% - 23px)
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-3 p,
    [data-element=form].limited-width fieldset.row-3 p,
    [id*=form_form_].limited-width fieldset.row-3 p {
        float: none;
        width: 100%
    }
}
.form.limited-width fieldset.row-3 p:first-of-type,
[data-element=form].limited-width fieldset.row-3 p:first-of-type,
[id*=form_form_].limited-width fieldset.row-3 p:first-of-type {
    width: calc(50% - 15px)
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-3 p:first-of-type,
    [data-element=form].limited-width fieldset.row-3 p:first-of-type,
    [id*=form_form_].limited-width fieldset.row-3 p:first-of-type {
        float: none;
        width: 100%
    }
}
.form.limited-width fieldset.row-3 p+p,
[data-element=form].limited-width fieldset.row-3 p+p,
[id*=form_form_].limited-width fieldset.row-3 p+p {
    margin-left: 30px
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-3 p+p,
    [data-element=form].limited-width fieldset.row-3 p+p,
    [id*=form_form_].limited-width fieldset.row-3 p+p {
        margin-left: 0
    }
}
.form.limited-width fieldset.row-3-equal p,
[data-element=form].limited-width fieldset.row-3-equal p,
[id*=form_form_].limited-width fieldset.row-3-equal p {
    float: left;
    width: calc(33.33333% - 20px)
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-3-equal p,
    [data-element=form].limited-width fieldset.row-3-equal p,
    [id*=form_form_].limited-width fieldset.row-3-equal p {
        float: none;
        width: 100%
    }
}
.form.limited-width fieldset.row-3-equal p+p,
[data-element=form].limited-width fieldset.row-3-equal p+p,
[id*=form_form_].limited-width fieldset.row-3-equal p+p {
    margin-left: 30px
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-3-equal p+p,
    [data-element=form].limited-width fieldset.row-3-equal p+p,
    [id*=form_form_].limited-width fieldset.row-3-equal p+p {
        margin-left: 0
    }
}
.form.limited-width fieldset.row-4 p,
[data-element=form].limited-width fieldset.row-4 p,
[id*=form_form_].limited-width fieldset.row-4 p {
    float: left;
    width: calc(25% - 23px)
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-4 p,
    [data-element=form].limited-width fieldset.row-4 p,
    [id*=form_form_].limited-width fieldset.row-4 p {
        float: none;
        width: 100%
    }
}
.form.limited-width fieldset.row-4 p+p,
[data-element=form].limited-width fieldset.row-4 p+p,
[id*=form_form_].limited-width fieldset.row-4 p+p {
    margin-left: 30px
}
@media only screen and (max-width: 767px) {
    .form.limited-width fieldset.row-4 p+p,
    [data-element=form].limited-width fieldset.row-4 p+p,
    [id*=form_form_].limited-width fieldset.row-4 p+p {
        margin-left: 0
    }
}
.form.limited-width [type=submit],
[data-element=form].limited-width [type=submit],
[id*=form_form_].limited-width [type=submit] {
    display: block
}
.form fieldset:after,
[data-element=form] fieldset:after,
[id*=form_form_] fieldset:after {
    clear: both;
    content: "";
    display: table
}
.form .ui-menu-item a,
[data-element=form] .ui-menu-item a,
[id*=form_form_] .ui-menu-item a {
    text-align: left
}
.form h3,
[data-element=form] h3,
[id*=form_form_] h3 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: thin solid #d7d7d6
}
.form label,
[data-element=form] label,
[id*=form_form_] label {
    line-height: 20px;
    margin: 6px 20px 10px 0
}
@media only screen and (max-width: 767px) {
    .form label,
    [data-element=form] label,
    [id*=form_form_] label {
        display: block;
        float: none;
        margin: 0 0 20px;
        text-align: left;
        width: auto
    }
}
.form label em,
[data-element=form] label em,
[id*=form_form_] label em {
    color: #b31919;
    font-size: 16px;
    font-weight: 400;
    line-height: 10px;
    padding-right: 5px
}
.form p,
[data-element=form] p,
[id*=form_form_] p {
    margin-bottom: 10px
}
@media only screen and (max-width: 767px) {
    .form p,
    [data-element=form] p,
    [id*=form_form_] p {
        margin-bottom: 20px
    }
}
.form p:after,
[data-element=form] p:after,
[id*=form_form_] p:after {
    clear: both;
    content: "";
    display: table
}
.form p.type_recaptcha,
[data-element=form] p.type_recaptcha,
[id*=form_form_] p.type_recaptcha {
    float: none!important;
    width: 100%!important;
    margin-left: 0!important
}
.form p span,
[data-element=form] p span,
[id*=form_form_] p span {
    float: left;
    margin: 0 10px 0 0
}
.form p span.checkbox-group,
[data-element=form] p span.checkbox-group,
[id*=form_form_] p span.checkbox-group {
    margin-bottom: 10px
}
.form p span input,
[data-element=form] p span input,
[id*=form_form_] p span input {
    display: inline;
    float: none;
    margin: 0
}
.form p span label,
[data-element=form] p span label,
[id*=form_form_] p span label {
    display: inline;
    float: none;
    width: auto;
    text-align: left
}
.form p span.group label,
[data-element=form] p span.group label,
[id*=form_form_] p span.group label {
    display: block;
    margin-bottom: 10px
}
.form p span.group label input,
[data-element=form] p span.group label input,
[id*=form_form_] p span.group label input {
    margin-right: .4em
}
.form .input-overlay,
.form input[type=date],
.form input[type=datepicker],
.form input[type=email],
.form input[type=number],
.form input[type=phone],
.form input[type=tel],
.form input[type=text],
.form select,
.form textarea,
[data-element=form] .input-overlay,
[data-element=form] input[type=date],
[data-element=form] input[type=datepicker],
[data-element=form] input[type=email],
[data-element=form] input[type=number],
[data-element=form] input[type=phone],
[data-element=form] input[type=tel],
[data-element=form] input[type=text],
[data-element=form] select,
[data-element=form] textarea,
[id*=form_form_] .input-overlay,
[id*=form_form_] input[type=date],
[id*=form_form_] input[type=datepicker],
[id*=form_form_] input[type=email],
[id*=form_form_] input[type=number],
[id*=form_form_] input[type=phone],
[id*=form_form_] input[type=tel],
[id*=form_form_] input[type=text],
[id*=form_form_] select,
[id*=form_form_] textarea {
    background: #f7f7f7;
    color: #262323;
    line-height: 50px;
    height: 51px;
    padding: 0 10px;
    resize: none;
    width: 250px;
    font-weight: 400;
    border: thin solid #b2b2ae;
    font-size: 16px
}
@media only screen and (max-width: 767px) {
    .form .input-overlay,
    .form input[type=date],
    .form input[type=datepicker],
    .form input[type=email],
    .form input[type=number],
    .form input[type=phone],
    .form input[type=tel],
    .form input[type=text],
    .form select,
    .form textarea,
    [data-element=form] .input-overlay,
    [data-element=form] input[type=date],
    [data-element=form] input[type=datepicker],
    [data-element=form] input[type=email],
    [data-element=form] input[type=number],
    [data-element=form] input[type=phone],
    [data-element=form] input[type=tel],
    [data-element=form] input[type=text],
    [data-element=form] select,
    [data-element=form] textarea,
    [id*=form_form_] .input-overlay,
    [id*=form_form_] input[type=date],
    [id*=form_form_] input[type=datepicker],
    [id*=form_form_] input[type=email],
    [id*=form_form_] input[type=number],
    [id*=form_form_] input[type=phone],
    [id*=form_form_] input[type=tel],
    [id*=form_form_] input[type=text],
    [id*=form_form_] select,
    [id*=form_form_] textarea {
        padding: 0 20px;
        width: 100%;
        text-align: left
    }
}
.form select,
[data-element=form] select,
[id*=form_form_] select {
    width: 100%;
    padding-right: 36px
}
.form .input-overlay,
[data-element=form] .input-overlay,
[id*=form_form_] .input-overlay {
    opacity: 0;
    margin-top: -40px
}
@media only screen and (max-width: 767px) {
    .form .select-wrapper,
    [data-element=form] .select-wrapper,
    [id*=form_form_] .select-wrapper {
        width: 100%
    }
}
.form textarea,
[data-element=form] textarea,
[id*=form_form_] textarea {
    height: 100px;
    overflow: auto;
    line-height: 20px;
    padding: 10px
}
.form input[type=checkbox],
.form input[type=radio],
[data-element=form] input[type=checkbox],
[data-element=form] input[type=radio],
[id*=form_form_] input[type=checkbox],
[id*=form_form_] input[type=radio] {
    width: 14px;
    height: 14px;
    padding: 0;
    vertical-align: top
}
.form input[type=radio],
[data-element=form] input[type=radio],
[id*=form_form_] input[type=radio] {
    margin-top: 12px
}
@media only screen and (max-width: 767px) {
    .form input[type=radio],
    [data-element=form] input[type=radio],
    [id*=form_form_] input[type=radio] {
        margin-top: 0
    }
}
.form .group input[type=radio],
[data-element=form] .group input[type=radio],
[id*=form_form_] .group input[type=radio] {
    margin-top: 4px
}
.form .datepicker-input-wrapper,
[data-element=form] .datepicker-input-wrapper,
[id*=form_form_] .datepicker-input-wrapper {
    float: left
}
@media only screen and (max-width: 767px) {
    .form .datepicker-input-wrapper,
    [data-element=form] .datepicker-input-wrapper,
    [id*=form_form_] .datepicker-input-wrapper {
        float: none
    }
}
.form .input-overlay,
.form input.date-pick,
[data-element=form] .input-overlay,
[data-element=form] input.date-pick,
[id*=form_form_] .input-overlay,
[id*=form_form_] input.date-pick {
    width: 100px;
    float: left
}
@media only screen and (max-width: 767px) {
    .form .input-overlay,
    .form input.date-pick,
    [data-element=form] .input-overlay,
    [data-element=form] input.date-pick,
    [id*=form_form_] .input-overlay,
    [id*=form_form_] input.date-pick {
        float: none;
        display: block;
        width: 100%
    }
}
.form .input-overlay,
[data-element=form] .input-overlay,
[id*=form_form_] .input-overlay {
    clear: both
}
.form .ui-datepicker-trigger,
[data-element=form] .ui-datepicker-trigger,
[id*=form_form_] .ui-datepicker-trigger {
    float: left;
    position: static;
    margin: 13px 0 0 6px
}
@media only screen and (max-width: 767px) {
    .form .ui-datepicker-trigger,
    [data-element=form] .ui-datepicker-trigger,
    [id*=form_form_] .ui-datepicker-trigger {
        display: none
    }
}
.form .controls p,
[data-element=form] .controls p,
[id*=form_form_] .controls p {
    text-align: right;
    padding: 20px 0 0;
    width: auto;
    background: none
}
@media only screen and (max-width: 767px) {
    .form .controls p,
    [data-element=form] .controls p,
    [id*=form_form_] .controls p {
        padding: 0;
        text-align: center
    }
}
.form .controls .button,
[data-element=form] .controls .button,
[id*=form_form_] .controls .button {
    display: inline-block;
    width: auto;
    background: #5b517b;
    color: #fff;
    border: none;
    letter-spacing: 0;
    padding: 0 20px
}
.form .controls .button:hover,
[data-element=form] .controls .button:hover,
[id*=form_form_] .controls .button:hover {
    background: #45396a
}
@media only screen and (max-width: 767px) {
    .form .controls .button,
    [data-element=form] .controls .button,
    [id*=form_form_] .controls .button {
        display: inline-block;
        margin: 0
    }
}
.form.invisible-legend fieldset:first-child h3,
[data-element=form].invisible-legend fieldset:first-child h3,
[id*=form_form_].invisible-legend fieldset:first-child h3 {
    display: none
}
.form.invisible-legend h3,
[data-element=form].invisible-legend h3,
[id*=form_form_].invisible-legend h3 {
    font-size: 0;
    margin-top: 0;
    padding: 0;
    height: 0
}
@media only screen and (max-width: 767px) {
    .form .form-builder-field,
    [data-element=form] .form-builder-field,
    [id*=form_form_] .form-builder-field {
        width: 100%!important
    }
    .form-builder-group .form .form-builder-field button,
    .form-builder-group .form .form-builder-field input:not([type=file]),
    .form-builder-group .form .form-builder-field select,
    .form-builder-group .form .form-builder-field textarea,
    .form-builder-group [data-element=form] .form-builder-field button,
    .form-builder-group [data-element=form] .form-builder-field input:not([type=file]),
    .form-builder-group [data-element=form] .form-builder-field select,
    .form-builder-group [data-element=form] .form-builder-field textarea,
    .form-builder-group [id*=form_form_] .form-builder-field button,
    .form-builder-group [id*=form_form_] .form-builder-field input:not([type=file]),
    .form-builder-group [id*=form_form_] .form-builder-field select,
    .form-builder-group [id*=form_form_] .form-builder-field textarea {
        width: 100%
    }
}
html [data-element=form] .form-builder-group .form-builder-field select {
    width: 100%
}
@media only screen and (max-width: 767px) {
    html [data-element=form] .form-builder-group .form-builder-field button,
    html [data-element=form] .form-builder-group .form-builder-field input:not([type=file]),
    html [data-element=form] .form-builder-group .form-builder-field textarea {
        width: 100%
    }
}
html [data-element=form] .ui-datepicker-trigger {
    display: none
}
html [data-element=form] [type=submit] {
    display: inline-block;
    width: auto;
    background: #5b517b;
    color: #fff;
    border: none;
    letter-spacing: 0;
    padding: 0 20px
}
html [data-element=form] [type=submit]:hover {
    background: #45396a;
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    html [data-element=form] [type=submit] {
        display: inline-block;
        margin: 0
    }
}
#home-poi {
    position: relative;
    padding-top: 50px;
    z-index: 10
}
#home-poi h2 {
    font: 200 36px/1.2 Source Sans Pro, Arial, sans-serif;
    margin-bottom: 30px;
    color: #54baba;
    text-transform: uppercase;
    text-align: center
}
.poi {
    overflow: hidden
}
.poi-controls-wrapper {
    text-align: center
}
.content-map {
    position: relative
}
.poi-zoom {
    position: absolute;
    bottom: 53px;
    right: 58px
}
@media only screen and (max-width: 767px) {
    .poi-zoom {
        right: 15px;
        bottom: 20px
    }
}
.poi-zoom .poi-zoom-button {
    border: 1px solid #6d6e71;
    display: block;
    position: relative;
    background: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 0;
    opacity: 1;
    transition: opacity .35s ease-in-out
}
.poi-zoom .poi-zoom-button:hover {
    opacity: .7
}
.poi-zoom .poi-zoom-button:after {
    content: "";
    background: #6d6e71;
    display: block;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.poi-zoom .poi-zoom-button.zoom-in {
    margin-bottom: 10px
}
.poi-zoom .poi-zoom-button.zoom-in:before {
    content: "";
    background: #6d6e71;
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.poi-map {
    height: 800px
}
.poi-overlay {
    text-align: center;
    position: relative
}
.poi-overlay .category-selector {
    margin: 0
}
.poi-overlay .category-selector .button {
    padding-left: 45px
}
.poi-overlay .category-selector .button:before {
    background: url(images/poi/icons.html) no-repeat -40px -40px;
    content: "";
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0
}
.poi-overlay .category-selector .button.icon-dining:before,
.poi-overlay .category-selector .button.icon-restaurants-bars:before {
    background-position: -10px -10px
}
.poi-overlay .category-selector .button.icon-shopping:before {
    background-position: -70px -10px
}
.poi-overlay .category-selector .button.icon-zoo:before {
    background-position: -130px -10px
}
.poi-overlay .category-selector .button.icon-theme-parks:before {
    background-position: -190px -10px
}
.poi-overlay .category-selector .button.icon-wineries:before {
    background-position: -250px -10px
}
.poi-overlay .category-selector .button.icon-breakfast:before {
    background-position: -310px -10px
}
.poi-overlay .category-selector .button.icon-attractions:before {
    background-position: -370px -10px
}
.poi-overlay .category-selector .button.icon-places-for-children:before {
    background-position: -430px -10px
}
.poi-overlay .category-selector .button.icon-museums:before {
    background-position: -490px -10px
}
.poi-overlay .category-selector .button.icon-national-monuments:before {
    background-position: -550px -10px
}
.poi-overlay .category-selector .button.icon-farmer-markets:before {
    background-position: -610px -10px
}
.poi-overlay .category-selector .button.icon-bars-lounges:before {
    background-position: -670px -10px
}
.poi-overlay .category-selector .button.icon-arts:before {
    background-position: -730px -10px
}
.poi-overlay .category-selector .button.icon-hospitals:before {
    background-position: -790px -10px
}
.poi-overlay .category-selector .button.icon-banks:before {
    background-position: -850px -10px
}
.poi-overlay .category-selector .button.icon-spas:before {
    background-position: -910px -10px
}
.poi-overlay .category-selector .button.icon-gardens:before {
    background-position: -970px -10px
}
.poi-overlay .category-selector .button.icon-cafes:before {
    background-position: -1030px -10px
}
.poi-overlay .category-selector .button.icon-theaters:before {
    background-position: -1090px -10px
}
.poi-overlay .category-selector .button.icon-golf:before {
    background-position: -1150px -10px
}
.poi-overlay .category-selector .button.icon-romantic-spots:before {
    background-position: -1210px -10px
}
.poi-overlay .category-selector .button.icon-hidden-gems:before {
    background-position: -1270px -10px
}
.poi-overlay .category-selector .button.icon-corporate-offices:before {
    background-position: -1330px -10px
}
.poi-overlay .category-selector .button.icon-public-parks:before {
    background-position: -1390px -10px
}
.poi-overlay .category-selector .button.icon-lakes:before {
    background-position: -1450px -10px
}
.poi-overlay .category-selector .button.icon-rivers:before {
    background-position: -1510px -10px
}
.poi-overlay .category-selector .button.icon-beaches:before {
    background-position: -1570px -10px
}
.poi-overlay .category-selector .button.icon-hiking:before {
    background-position: -1630px -10px
}
.poi-overlay .category-selector .button.icon-places-of-worship:before {
    background-position: -1690px -10px
}
.poi-overlay .category-selector .button.icon-sports:before {
    background-position: -1750px -10px
}
.poi-overlay .category-selector .button.icon-universities:before {
    background-position: -1810px -10px
}
.poi-overlay .category-selector .button.icon-transportation:before {
    background-position: -1870px -10px
}
.poi-overlay .category-selector .button.icon-airport:before {
    background-position: -1930px -10px
}
.poi-overlay .category-selector .button.icon-local-businesses:before {
    background-position: -1990px -10px
}
.poi-overlay .category-selector .button.icon-family:before {
    background-position: -2050px -10px
}
.poi-overlay .category-selector .button.icon-sport-concert-venues:before {
    background-position: -2110px -10px
}
.poi-overlay .category-selector .button.icon-biking:before {
    background-position: -2170px -10px
}
#calendar-header {
    margin-bottom: 20px
}
#calendar-header:after {
    clear: both;
    content: "";
    display: table
}
#calendar-links {
    float: left
}
#calendar-links:after {
    clear: both;
    content: "";
    display: table
}
@media only screen and (max-width: 767px) {
    #calendar-links {
        margin-top: 0;
        float: none;
        width: 100%;
        text-align: center
    }
}
#calendar-links li {
    float: left
}
@media only screen and (max-width: 767px) {
    #calendar-links li {
        display: inline-block;
        float: none
    }
    #calendar-links li:first-child a {
        margin-left: 0
    }
}
#calendar-links a {
    display: block;
    height: 20px;
    width: 20px;
    margin: 0 20px 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/common.html) 0 0 no-repeat
}
#calendar-links a.ical {
    background-position: -200px -76px
}
#calendar-links a.ical:hover {
    background-position: -240px -76px
}
#calendar-links a.ical:active {
    background-position: -280px -76px
}
#calendar-links a.print {
    background-position: -200px -116px
}
#calendar-links a.print:hover {
    background-position: -240px -116px
}
#calendar-links a.print:active {
    background-position: -280px -116px
}
#calendar-links a.rss {
    background-position: -200px -156px
}
#calendar-links a.rss:hover {
    background-position: -240px -156px
}
#calendar-links a.rss:active {
    background-position: -280px -156px
}
@media only screen and (max-width: 767px) {
    #calendar-links a {
        display: inline-block;
        margin: 0 0 0 20px
    }
}
#calendar-filter {
    float: right
}
@media only screen and (max-width: 767px) {
    #calendar-filter {
        float: none;
        margin-top: 10px;
        text-align: center
    }
}
#calendar-views {
    float: left
}
#calendar-views:after {
    clear: both;
    content: "";
    display: table
}
@media only screen and (max-width: 767px) {
    #calendar-views {
        float: none;
        text-align: center;
        margin-bottom: 30px
    }
}
#calendar-views li {
    float: left
}
@media only screen and (max-width: 767px) {
    #calendar-views li {
        display: inline-block;
        float: none
    }
}
#calendar-views a {
    position: relative;
    display: block;
    margin-right: 20px;
    padding-left: 30px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: #282828
}
@media only screen and (max-width: 767px) {
    #calendar-views a {
        margin-right: 0;
        margin-left: 20px
    }
    #calendar-views a.grid {
        margin-left: 0
    }
}
#calendar-views a.active,
#calendar-views a:hover {
    color: #6d6e71
}
#calendar-views a:before {
    background: url(../img/common.html) 0 0 no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0
}
#calendar-views a.grid:before {
    background-position: -200px 0
}
#calendar-views a.grid.active:before,
#calendar-views a.grid:hover:before {
    background-position: -240px 0
}
#calendar-views a.grid:active:before {
    background-position: -280px 0
}
#calendar-views a.list:before {
    background-position: -200px -38px
}
#calendar-views a.list.active:before,
#calendar-views a.list:hover:before {
    background-position: -240px -38px
}
#calendar-views a.list:active:before {
    background-position: -280px -38px
}
#calendar-breadcrumb {
    padding: 10px 0;
    margin-bottom: 20px
}
#calendar-breadcrumb:after {
    clear: both;
    content: "";
    display: table
}
#calendar-breadcrumb dd,
#calendar-breadcrumb dt {
    float: left;
    margin-right: 10px;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    #calendar-breadcrumb dd,
    #calendar-breadcrumb dt {
        float: none;
        display: inline-block
    }
}
#calendar-year {
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    #calendar-year {
        display: none
    }
}
#calendar-year:after {
    clear: both;
    content: "";
    display: table
}
#calendar-year li {
    float: left
}
#calendar-year a {
    display: block;
    padding: 5px 0;
    margin-right: 1px;
    text-decoration: none;
    border-bottom: 1px solid #b7b7b7;
    color: #b7b7b7
}
#calendar-year a:hover {
    border-color: #343841;
    color: #343841
}
#calendar-year .active a {
    border-color: #6d6e71;
    color: #6d6e71
}
#calendar-year .active a:hover {
    border-color: #282828;
    color: #282828
}
#calendar-month {
    height: 40px;
    margin-bottom: 20px;
    position: relative;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: newspaper
}
@media only screen and (max-width: 767px) {
    #calendar-month {
        -moz-text-align-last: auto;
        text-align-last: auto
    }
}
#calendar-month:after {
    clear: both;
    display: table;
    content: "";
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0
}
#calendar-month li {
    display: inline
}
#calendar-month a {
    display: inline-block;
    vertical-align: top;
    padding: 0 9px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #282828
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #calendar-month a {
        padding: 0 5px;
        font-size: 10px
    }
}
@media only screen and (max-width: 767px) {
    #calendar-month a {
        padding: 0 7px;
        font-size: 11px;
        text-align: center
    }
}
#calendar-month a.active,
#calendar-month a:hover {
    background: #6d6e71;
    color: #fff
}
#calendar-month a.active:hover {
    background: #282828;
    color: #fff
}
@media only screen and (max-width: 767px) {
    #calendar-month {
        -moz-text-align-last: auto;
        text-align-last: auto
    }
    #calendar-month li {
        display: none
    }
    #calendar-month li.current,
    #calendar-month li.next,
    #calendar-month li.prev {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 30%
    }
    #calendar-month li.current a {
        font-size: 12px;
        padding: 0 10px;
        display: block
    }
    #calendar-month li.next a,
    #calendar-month li.prev a {
        display: block;
        font-size: 12px;
        padding-right: 0;
        padding-left: 30px
    }
    #calendar-month li.next a:after,
    #calendar-month li.prev a:after {
        background: url(../img/common.html) -200px -196px no-repeat;
        content: "";
        display: block;
        position: absolute;
        left: 5px;
        top: 11px;
        width: 11px;
        height: 18px
    }
    #calendar-month li.next a:hover,
    #calendar-month li.prev a:hover {
        background-color: transparent;
        color: #6d6e71
    }
    #calendar-month li.next a:hover:after,
    #calendar-month li.prev a:hover:after {
        background-position: -231px -196px
    }
    #calendar-month li.next a:active,
    #calendar-month li.prev a:active {
        top: auto
    }
    #calendar-month li.next a {
        padding-left: 0;
        padding-right: 30px
    }
    #calendar-month li.next a:after {
        background-position: -200px -234px;
        left: auto;
        right: 5px
    }
    #calendar-month li.next a:hover:after {
        background-position: -231px -234px
    }
}
#calendar-navigation {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    position: relative;
    text-align: center
}
#calendar-navigation .current-event {
    padding: 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    background-color: #eee
}
#calendar-navigation a.next,
#calendar-navigation a.prev {
    position: absolute;
    top: 11px;
    width: 11px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    margin: 0 10px;
    background: url(../img/common.html) 0 0 no-repeat
}
#calendar-navigation a.next {
    right: 0;
    background-position: -200px -234px
}
#calendar-navigation a.next:hover {
    background-position: -231px -234px
}
#calendar-navigation a.next:active {
    background-position: -262px -234px
}
#calendar-navigation a.prev {
    left: 0;
    background-position: -200px -196px
}
#calendar-navigation a.prev:hover {
    background-position: -231px -196px
}
#calendar-navigation a.prev:active {
    background-position: -262px -196px
}
#calendar-days,
#calendar-week {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
#calendar-days li,
#calendar-week li {
    display: inline-block;
    width: 13%
}
#calendar-week {
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    #calendar-week {
        display: none
    }
}
#calendar-week li {
    color: #595756;
    text-align: center;
    font-weight: 700
}
#calendar-week li .short {
    display: none
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #calendar-week li .full {
        display: none
    }
    #calendar-week li .short {
        display: inline
    }
}
@media only screen and (max-width: 767px) {
    #calendar-week li .full {
        display: none
    }
    #calendar-week li .short {
        display: inline
    }
}
#calendar-days {
    position: relative
}
#calendar-days li {
    margin: 0 0 1em;
    min-height: 8em;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    vertical-align: top;
    position: static;
    background: rgba(0, 0, 0, .06)
}
@media only screen and (max-width: 767px) {
    #calendar-days li {
        display: block;
        float: none;
        width: 100%;
        min-height: auto!important;
        height: auto!important
    }
    #calendar-days li dl {
        margin-top: auto!important;
        height: auto
    }
    #calendar-days li dl dt {
        width: 100%!important;
        padding-bottom: 10px
    }
}
#calendar-days li time a {
    text-align: center;
    color: #132929;
    display: block;
    padding: .5em 1em;
    text-decoration: none
}
#calendar-days li time a:hover {
    background: #e2e2e2
}
#calendar-days li.next_month,
#calendar-days li.prev_month {
    background: rgba(0, 0, 0, .02)
}
#calendar-days li.next_month time a,
#calendar-days li.prev_month time a {
    color: #595756
}
#calendar-days li.next_month time a:hover,
#calendar-days li.prev_month time a:hover {
    background: #f1f1f1
}
#calendar-days li.day_items3 {
    height: 9em
}
#calendar-days li.day_items4 {
    height: 11em
}
#calendar-days li.day_items5 {
    height: 13em
}
#calendar-days li.day_items6 {
    height: 15em
}
#calendar-days li.day_items7 {
    height: 17em
}
#calendar-days li.day_items8 {
    height: 19em
}
#calendar-days li.day_items9 {
    height: 21em
}
#calendar-days li.day_items10 {
    height: 23em
}
#calendar-days li.day_items11 {
    height: 25em
}
#calendar-days li.day_items12 {
    height: 27em
}
#calendar-days li.day_items13 {
    height: 29em
}
#calendar-days li.day_items14 {
    height: 31em
}
#calendar-days li.day_items15 {
    height: 33em
}
#calendar-days li.day_items16 {
    height: 35em
}
#calendar-days li.day_items17 {
    height: 37em
}
#calendar-days li.day_items18 {
    height: 39em
}
#calendar-days li.day_items19 {
    height: 41em
}
#calendar-days li.day_items20 {
    height: 43em
}
#calendar-days dl {
    display: block;
    height: 2em
}
#calendar-days dl:hover {
    position: relative
}
#calendar-days dl.hide {
    display: none
}
@media only screen and (max-width: 767px) {
    #calendar-days dl.hide {
        display: block
    }
}
#calendar-days dt {
    position: relative
}
#calendar-days dt a {
    display: block;
    height: 1.8em;
    width: auto;
    line-height: 1.8em;
    padding: 0 .5em 0 1em;
    text-decoration: none;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .7em;
    background: #327d7d;
    color: #fff
}
@media only screen and (max-width: 767px) {
    #calendar-days dt a {
        height: 2.8em;
        line-height: 2.8em
    }
}
#calendar-days dl.w1 dt {
    width: 100%
}
#calendar-days dl.w2 dt {
    width: 211.538%
}
#calendar-days dl.w3 dt {
    width: 323.076%
}
#calendar-days dl.w4 dt {
    width: 434.614%
}
#calendar-days dl.w5 dt {
    width: 546.152%
}
#calendar-days dl.w6 dt {
    width: 657.69%
}
#calendar-days dl.w7 dt {
    width: 769.228%
}
#calendar-days dl.c1 dt a {
    background-color: #8db294
}
#calendar-days dl.c2 dt a {
    background-color: #ada39a
}
#calendar-days dl.c3 dt a {
    background-color: #85a9b7
}
#calendar-days dl.c4 dt a {
    background-color: #bc8e8f
}
#calendar-days dl.c5 dt a {
    background-color: #ac9bc1
}
#calendar-days dl.c6 dt a {
    background-color: #87b6c7
}
#calendar-days dl.c7 dt a {
    background-color: #bb85aa
}
#calendar-days dl.c8 dt a {
    background-color: #a4a4a4
}
#calendar-days dl dd {
    position: absolute;
    left: 0;
    bottom: 28px;
    background: #fff;
    color: #717272;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    visibility: hidden;
    width: 200px;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border-radius: 4px;
    transform: translateZ(0)
}
@media only screen and (max-width: 767px) {
    #calendar-days dl dd {
        display: none!important
    }
}
#calendar-days dl dd .triangle {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%
}
#calendar-days dl dd .triangle span {
    display: block;
    width: 0;
    margin: 0 auto;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 14px solid #fff
}
#calendar-days dl dd h3 {
    color: #717272;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase
}
#calendar-days dl dd img {
    height: auto;
    width: 100%
}
#calendar-days dl dd p {
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px;
    width: 100%
}
#calendar-days dl:hover dd {
    visibility: visible
}
#calendar-days dl.t1 {
    margin-top: 2em
}
#calendar-days dl.t2 {
    margin-top: 4em
}
#calendar-days dl.t3 {
    margin-top: 6em
}
#calendar-days dl.t4 {
    margin-top: 8em
}
#calendar-days dl.t5 {
    margin-top: 10em
}
#calendar-days dl.t6 {
    margin-top: 12em
}
#calendar-days dl.t7 {
    margin-top: 14em
}
#calendar-days dl.t8 {
    margin-top: 16em
}
#calendar-days dl.t9 {
    margin-top: 18em
}
#calendar-days dl.t10 {
    margin-top: 20em
}
#calendar-days dl.t11 {
    margin-top: 22em
}
#calendar-days dl.t12 {
    margin-top: 24em
}
#calendar-days dl.t13 {
    margin-top: 26em
}
#calendar-days dl.t14 {
    margin-top: 28em
}
#calendar-days dl.t15 {
    margin-top: 30em
}
#calendar-days dl.t16 {
    margin-top: 32em
}
#calendar-days dl.t17 {
    margin-top: 34em
}
#calendar-days dl.t18 {
    margin-top: 36em
}
#calendar-days dl.t19 {
    margin-top: 38em
}
#calendar-days dl.t20 {
    margin-top: 40em
}
#calendar.list-view h2 a:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    #calendar.list-view #calendar-month {
        display: none
    }
}
#calendar.list-view .image-list {
    position: relative;
    overflow: hidden;
    padding: 20px 0
}
#calendar.list-view .image-list h2 a {
    text-decoration: none
}
#calendar.list-view .image-list h2 a:hover {
    text-decoration: underline
}
#calendar.list-view .image-list h3 a {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none
}
#calendar .no-events {
    margin: 40px 0;
    padding: 40px 0;
    height: auto;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 120%
}
#calendar .single-event .background {
    float: right;
    width: 300px;
    height: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    #calendar .single-event .background {
        width: 100%;
        float: none;
        margin-left: 0
    }
}
#calendar .attachment,
#calendar .dates {
    display: block;
    margin: 0 0 20px
}
#calendar .dates>small {
    display: block
}
.calendar .image-list-item {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: left;
    font-size: 14px;
    line-height: 18px
}
@media only screen and (max-width: 767px) {
    .calendar .image-list-item {
        height: auto
    }
}
.calendar .image-list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #e2e2e2;
    z-index: -1
}
.calendar .image-list-item .background {
    position: relative;
    width: 350px;
    height: 300px;
    margin-left: 40px;
    display: block;
    float: right;
    overflow: hidden;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar .image-list-item .background {
        width: 300px
    }
}
@media only screen and (max-width: 767px) {
    .calendar .image-list-item .background {
        width: 100%;
        margin: 0 0 10px
    }
}
.calendar .image-list-item .description {
    width: 100%;
    display: block;
    padding: 25px
}
@media only screen and (max-width: 767px) {
    .calendar .image-list-item .description {
        padding: 20px 20px 10px;
        text-align: center
    }
}
.calendar .image-list-item .description h3 {
    font: 24px/30px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    margin-bottom: 15px
}
.calendar .image-list-item .description h3 a {
    text-decoration: none
}
.calendar .image-list-item .description h3 a:hover {
    color: #6d6e71
}
.calendar .image-list-item .description .button {
    position: absolute;
    bottom: 30px;
    left: 25px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar .image-list-item .description .button {
        bottom: 25px
    }
}
@media only screen and (max-width: 767px) {
    .calendar .image-list-item .description .button {
        text-align: center;
        width: auto;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}
.main-menu-promo {
    width: calc(100% - 354px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (max-width: 767px) {
    .main-menu-promo {
        display: none
    }
}
.main-menu-promo:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 400px;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .74));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#bd000000", GradientType=0)
}
.main-menu-promo .content {
    position: absolute;
    left: 42px;
    bottom: 32px;
    right: 35px;
    max-width: 828px;
    padding-right: 128px;
    color: #fff;
    font: 300 16px/25px Source Sans Pro, Arial, sans-serif;
    z-index: 1
}
.main-menu-promo .content h3 {
    font: 600 22px/22px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px
}
.main-menu-promo .content .primary-logo {
    display: block;
    height: 100%;
    margin-bottom: 15px
}
.main-menu-promo .content p {
    margin-bottom: 20px
}
.main-menu-promo .content a {
    color: #fff;
    text-decoration: none;
    position: relative;
    font: 600 15px/15px Source Sans Pro, Arial, sans-serif
}
.main-menu-promo .content a:after {
    display: inline-block;
    margin-left: 15px;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 11px solid #fff;
    border-bottom: 6px solid transparent;
    transition: all .35s ease-in-out
}
.main-menu-promo .content a:hover:after {
    margin-left: 17px
}
.main-menu-promo .secondary-logo {
    position: absolute;
    right: 35px;
    bottom: 22px;
    z-index: 1
}
.newsletter {
    position: relative;
    margin-bottom: 126px;
    font-size: 0;
    text-align: center
}
.newsletter .center-column {
    max-width: 1168px;
    padding: 0
}
.newsletter .page-content {
    max-width: 1052px;
    padding: 0 20px;
    margin: 45px auto
}
@media only screen and (max-width: 767px) {
    .newsletter .page-content {
        margin: 52px auto 59px;
        padding: 0 12px
    }
}
.newsletter p {
    font: 400 16px/29px Source Sans Pro, Arial, sans-serif;
    margin-bottom: 27px
}
@media only screen and (max-width: 767px) {
    .newsletter p {
        font-size: 14px;
        line-height: 32px;
        padding: 0 10px
    }
}
.newsletter input[type=text] {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 52px;
    padding: 0 20px;
    font: 400 16px/52px Source Sans Pro, Arial, sans-serif;
    background: #f7f7f7;
    border: 1px solid #b2b2ae;
    border-right: none;
    color: #262323
}
@media only screen and (max-width: 767px) {
    .newsletter input[type=text] {
        width: 100%;
        padding: 0 23px;
        margin-bottom: 23px;
        border-right: 1px solid #b2b2ae
    }
}
.newsletter input[type=text]::-webkit-input-placeholder {
    color: #262323
}
.newsletter input[type=text]:-moz-placeholder,
.newsletter input[type=text]::-moz-placeholder {
    color: #262323
}
.newsletter input[type=text]:-ms-input-placeholder {
    color: #262323
}
.newsletter input[type=text]:focus::-webkit-input-placeholder {
    color: #d7d7d6
}
.newsletter input[type=text]:focus:-moz-placeholder,
.newsletter input[type=text]:focus::-moz-placeholder {
    color: #d7d7d6
}
.newsletter input[type=text]:focus:-ms-input-placeholder {
    color: #d7d7d6
}
.newsletter input[type=submit].button {
    width: 188px;
    height: 52px;
    line-height: 52px;
    font-weight: 600;
    letter-spacing: 0;
    background: #5b517b;
    color: #fff;
    border: none;
    display: inline-block;
    vertical-align: top
}
@media only screen and (max-width: 767px) {
    .newsletter input[type=submit].button {
        width: 100%;
        height: 50px;
        line-height: 50px
    }
}
.newsletter input[type=submit].button:hover {
    background: #45396a
}
.experiences.acm-block {
    text-align: center;
    margin-bottom: 150px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block {
        margin-bottom: 70px
    }
}
.experiences.acm-block .center-column {
    max-width: 1420px;
    padding: 0 30px
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .center-column {
        padding: 0 10px
    }
}
.experiences.acm-block a {
    text-decoration: none
}
.experiences.acm-block a:hover span {
    text-decoration: underline
}
.experiences.acm-block .h1-like {
    margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .h1-like {
        margin-bottom: 19px
    }
}
.experiences.acm-block .blocks-wrapper {
    margin-top: 30px
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper {
        margin-top: 19px
    }
}
.experiences.acm-block .blocks-wrapper .content-block {
    width: 100%;
    font-size: 0;
    text-align: center;
    height: 0;
    position: relative;
    padding-bottom: calc(50% - 24px);
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block {
        padding-bottom: 0;
        height: auto;
        overflow: hidden;
        margin-bottom: 0
    }
}
.experiences.acm-block .blocks-wrapper .content-block .block {
    position: absolute;
    width: calc(25% - 60px);
    margin: 0 30px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .block {
        width: calc(50% - 20px);
        margin: 0 10px 4px;
        display: block;
        float: left;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block .block .thumb {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 100%;
    background-color: grey
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .block .thumb {
        width: 100%;
        padding-bottom: 75%
    }
}
.experiences.acm-block .blocks-wrapper .content-block .block span {
    font: 400 16px/16px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    text-transform: uppercase;
    margin: 20px 0 0;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .block span {
        font-size: 12px;
        margin: 5px 0 0;
        letter-spacing: 2px;
        width: 100%
    }
}
.experiences.acm-block .blocks-wrapper .content-block .block:hover a {
    text-decoration: underline
}
.experiences.acm-block .blocks-wrapper .content-block .item-1 {
    left: 0;
    top: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .item-1 {
        float: none;
        left: auto;
        top: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block .item-2 {
    left: 25%;
    top: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .item-2 {
        float: none;
        left: auto;
        top: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block .item-3 {
    left: 50%;
    top: 0;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .item-3 {
        position: absolute;
        top: 0;
        right: 0
    }
    .experiences.acm-block .blocks-wrapper .content-block .item-3 .thumb {
        padding-bottom: calc(150% + 37px)
    }
}
.experiences.acm-block .blocks-wrapper .content-block .item-4 {
    right: 0;
    top: 0
}
.experiences.acm-block .blocks-wrapper .content-block .item-5 {
    left: 0;
    bottom: 0
}
.experiences.acm-block .blocks-wrapper .content-block .item-6 {
    left: 25%;
    bottom: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block .item-6 {
        width: calc(100% - 20px)
    }
    .experiences.acm-block .blocks-wrapper .content-block .item-6 .thumb {
        padding-bottom: calc(50% - 10px)
    }
}
.experiences.acm-block .blocks-wrapper .content-block .item-7 {
    left: 50%;
    bottom: 0
}
.experiences.acm-block .blocks-wrapper .content-block .item-8 {
    right: 0;
    bottom: 0
}
.experiences.acm-block .blocks-wrapper .content-block.count-2,
.experiences.acm-block .blocks-wrapper .content-block.count-3,
.experiences.acm-block .blocks-wrapper .content-block.count-4 {
    padding-bottom: 25%
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-2,
    .experiences.acm-block .blocks-wrapper .content-block.count-3,
    .experiences.acm-block .blocks-wrapper .content-block.count-4 {
        padding-bottom: 0
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-1 .item-1 {
    width: calc(50% - 60px);
    left: 50%;
    margin: 0;
    transform: translateX(-50%)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-1 .item-1 {
        width: calc(100% - 20px);
        left: auto;
        margin: 0 10px 4px;
        position: relative;
        transform: none;
        top: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-1 .item-1 .thumb {
    width: 100%;
    padding-bottom: 50%
}
.experiences.acm-block .blocks-wrapper .content-block.count-2 .item-1,
.experiences.acm-block .blocks-wrapper .content-block.count-2 .item-2 {
    width: calc(50% - 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-2 .item-1,
    .experiences.acm-block .blocks-wrapper .content-block.count-2 .item-2 {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% - 20px);
        display: block
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-2 .item-1 .thumb,
.experiences.acm-block .blocks-wrapper .content-block.count-2 .item-2 .thumb {
    width: 100%;
    padding-bottom: 50%
}
.experiences.acm-block .blocks-wrapper .content-block.count-2 .item-2 {
    left: 50%
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-2 .item-2 {
        left: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-3 .item-2 {
    left: 25%
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-3 .item-2 {
        left: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-3 .item-2 .thumb {
    width: calc(200% + 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-3 .item-2 .thumb {
        width: 100%
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-3 .item-3 {
    left: auto;
    right: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-4 .item-4 {
        width: calc(100% - 20px)
    }
    .experiences.acm-block .blocks-wrapper .content-block.count-4 .item-4 .thumb {
        padding-bottom: calc(50% - 10px)
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-1 .thumb {
    width: calc(200% + 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-1 .thumb {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-1 {
        float: left
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-2 {
    left: 50%
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-2 {
        left: auto;
        float: left
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-2 .thumb {
    width: calc(200% + 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-2 .thumb {
        width: 100%
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-3 {
    left: 0;
    top: auto;
    bottom: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-3 {
        left: auto;
        bottom: auto;
        position: relative
    }
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-3 .thumb {
        padding-bottom: 75%
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-4 {
    right: auto;
    top: auto;
    bottom: 0;
    left: 25%
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-4 {
        left: auto;
        bottom: auto
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-4 .thumb {
    width: calc(200% + 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-4 .thumb {
        width: 100%
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-5 .item-5 {
    left: auto;
    right: 0
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-5 {
        right: auto;
        bottom: auto;
        width: calc(100% - 20px)
    }
    .experiences.acm-block .blocks-wrapper .content-block.count-5 .item-5 .thumb {
        padding-bottom: calc(50% - 10px)
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-6 .item-3 .thumb {
    padding-bottom: calc(200% + 58px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-6 .item-3 .thumb {
        padding-bottom: calc(150% + 37px)
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-6 .item-5 .thumb {
    width: calc(200% + 60px)
}
@media only screen and (max-width: 767px) {
    .experiences.acm-block .blocks-wrapper .content-block.count-6 .item-5 .thumb {
        width: 100%
    }
}
.experiences.acm-block .blocks-wrapper .content-block.count-6 .item-6 {
    left: auto;
    right: 0
}
.categories-plus-slider {
    overflow: visible;
    margin-bottom: 136px
}
.categories-plus-slider .slideshow-wrapper {
    display: flex
}
.categories-plus-slider .arrows-wrapper {
    max-width: 1078px;
    margin: 0 auto;
    width: 80%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}
.categories-plus-slider .arrows-wrapper .slideshow-button {
    position: absolute;
    left: 0;
    top: 0;
    height: 615px;
    width: 100%;
    font-size: 0;
    text-indent: -9999em;
    background: transparent
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .arrows-wrapper .slideshow-button {
        height: 340px
    }
}
.categories-plus-slider .arrows-wrapper .slideshow-button.previous {
    left: calc(-100% - 30px)
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .arrows-wrapper .slideshow-button.previous {
        left: -100%
    }
}
.categories-plus-slider .arrows-wrapper .slideshow-button.next {
    left: auto;
    right: calc(-100% - 30px)
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .arrows-wrapper .slideshow-button.next {
        left: auto;
        right: -100%
    }
}
.categories-plus-slider .pagination {
    display: none
}
.categories-plus-slider .slideshow {
    position: relative
}
.categories-plus-slider .page-content .h1-like {
    margin-bottom: 12px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .page-content .h1-like {
        margin-bottom: 17px
    }
}
.categories-plus-slider .header {
    text-align: center
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .header-wrapper {
        margin-bottom: 20px
    }
}
.categories-plus-slider .category-buttons {
    margin-bottom: 22px;
    padding: 0 13px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .category-buttons {
        position: absolute;
        display: flex;
        flex-direction: column;
        width: 100%;
        left: 0;
        z-index: 1
    }
    .categories-plus-slider .category-buttons.open .button {
        display: block
    }
}
.categories-plus-slider .category-buttons button {
    font: 400 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    position: relative;
    margin: 0 24px;
    text-transform: uppercase;
    transition: font-weight 268ms;
    color: #282828;
    padding: 0;
    border: 0;
    height: auto
}
.categories-plus-slider .category-buttons button.active,
.categories-plus-slider .category-buttons button:hover {
    background: none;
    font-weight: 700;
    text-decoration: none
}
.categories-plus-slider .category-buttons button:before {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden
}
.categories-plus-slider .category-buttons button:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -7px;
    height: 2px;
    width: 100%;
    background: #282828;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: visibility 268ms, opacity 268ms, transform 268ms
}
@media only screen and (max-width: 1023px) {
    .categories-plus-slider .category-buttons button:after {
        bottom: -2px
    }
}
.categories-plus-slider .category-buttons button.active:after,
.categories-plus-slider .category-buttons button:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
@media only screen and (max-width: 1023px) {
    .categories-plus-slider .category-buttons button {
        margin: 0 12px;
        font-size: 14px;
        line-height: 28px
    }
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .category-buttons button {
        display: none;
        margin: 0;
        padding: 12px;
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        border: 1px solid #45396a;
        border-top: none;
        background-color: #fff;
        transition: transform .35s ease-in-out
    }
    .categories-plus-slider .category-buttons button.active {
        display: block;
        color: #45396a;
        border-top: 1px solid #45396a;
        background-color: #fff;
        order: -1
    }
    .categories-plus-slider .category-buttons button.active:after {
        content: "";
        display: block;
        position: absolute;
        top: 18px;
        left: auto;
        right: 15px;
        width: auto;
        height: auto;
        border: 5px solid transparent;
        border-top-color: #45396a;
        background: none
    }
}
.categories-plus-slider .categories {
    position: relative
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .categories {
        padding-top: 60px
    }
}
.categories-plus-slider .categories .category {
    position: absolute;
    top: -9999px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out
}
.categories-plus-slider .categories .category.active {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible
}
.categories-plus-slider .slideshow {
    overflow: hidden
}
.categories-plus-slider .swiper-wrapper .tile:before {
    content: "";
    background: hsla(0, 0%, 100%, .6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    visibility: visible;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .swiper-wrapper .tile:before {
        display: none
    }
}
.categories-plus-slider .tile {
    position: relative;
    width: 80%;
    height: 615px;
    max-width: 1078px;
    margin: 0 auto;
    overflow: hidden;
    transform: scale(.94);
    transition: transform .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile {
        height: 340px;
        width: 74%;
        transform: scale(.92)
    }
}
.categories-plus-slider .tile.swiper-slide-active,
.categories-plus-slider .tile.swiper-slide-duplicate-active {
    transform: scale(1)
}
.categories-plus-slider .tile.swiper-slide-active:before,
.categories-plus-slider .tile.swiper-slide-duplicate-active:before {
    visibility: hidden;
    opacity: 0
}
.categories-plus-slider .tile .image {
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.categories-plus-slider .tile .image:after {
    display: none;
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .87));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#de000000", GradientType=0);
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .image:after {
        display: block
    }
}
.categories-plus-slider .tile .content-image {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 50%
}
.categories-plus-slider .tile .content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 16px 40px 20px;
    background: #282828;
    color: #fff;
    font: 300 15px/20px Source Sans Pro, Arial, sans-serif;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content {
        background: none;
        padding: 10px 20px
    }
}
.categories-plus-slider .tile .content.opened {
    width: 50%;
    right: 0;
    height: 100%;
    overflow: auto;
    padding: 0
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened {
        width: 100%;
        background: #282828
    }
}
.categories-plus-slider .tile .content.opened .additional-info,
.categories-plus-slider .tile .content.opened .common-close-button,
.categories-plus-slider .tile .content.opened .content-image,
.categories-plus-slider .tile .content.opened .links,
.categories-plus-slider .tile .content.opened h4 {
    display: block
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened .content-image {
        display: none
    }
}
.categories-plus-slider .tile .content.opened h3 {
    margin-bottom: 18px
}
.categories-plus-slider .tile .content.opened h3,
.categories-plus-slider .tile .content.opened h4 {
    padding-right: 50px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened h3,
    .categories-plus-slider .tile .content.opened h4 {
        padding-right: 20px
    }
}
.categories-plus-slider .tile .content.opened .description {
    line-height: 29px;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened .description {
        display: block
    }
}
.categories-plus-slider .tile .content.opened .no-link {
    display: none
}
.categories-plus-slider .tile .content.opened .content-wrapper {
    position: absolute;
    bottom: 90px;
    top: 39px;
    right: 0;
    left: 34px;
    overflow: auto;
    padding-right: 25px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened .content-wrapper {
        top: 20px;
        left: 20px;
        bottom: 36px
    }
}
.categories-plus-slider .tile .content.opened .content-wrapper.no-links {
    bottom: 0
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened .content-wrapper.no-links {
        bottom: 0
    }
}
@media only screen and (max-width: 1023px) {
    .categories-plus-slider .tile .content.opened .links {
        text-align: center
    }
    .categories-plus-slider .tile .content.opened .links .button {
        width: 50%;
        letter-spacing: 0;
        padding: 0 10px
    }
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content.opened .links {
        padding: 0
    }
}
.categories-plus-slider .tile .content .content-wrapper {
    max-width: 650px;
    padding-right: 150px
}
.categories-plus-slider .tile .content .content-wrapper.no-additional-info {
    max-width: 100%;
    padding-right: 0
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content .content-wrapper {
        max-width: 100%;
        padding-right: 0
    }
}
.categories-plus-slider .tile .content h3 {
    text-transform: uppercase;
    font: 400 30px/34px Source Sans Pro, Arial, sans-serif;
    margin-bottom: 8px;
    letter-spacing: 2px;
    color: #fff
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 4px
    }
}
.categories-plus-slider .tile .content h4 {
    display: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 19px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content .description {
        display: none
    }
}
.categories-plus-slider .tile .content .additional-info {
    display: none
}
.categories-plus-slider .tile .content .links {
    display: none;
    font-size: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50%;
    background: #282828;
    text-align: right;
    padding: 10px 31px 33px 10px
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content .links {
        width: 100%
    }
}
.categories-plus-slider .tile .content .links .button {
    position: relative;
    bottom: auto;
    right: auto;
    display: inline-block;
    width: 50%;
    height: 36px;
    line-height: 36px;
    padding: 0;
    border: none
}
.categories-plus-slider .tile .content .links .button:hover {
    text-decoration: underline
}
.categories-plus-slider .tile .content .links .button.book {
    padding: 0 33px;
    color: #282828;
    letter-spacing: 0;
    background: #fff;
    text-decoration: none;
    border: 1px solid #282828;
    transition: all .35s ease-in-out
}
.categories-plus-slider .tile .content .links .button.book:hover {
    color: #fff;
    background: #282828;
    border-color: #fff
}
.categories-plus-slider .tile .content .button {
    position: absolute;
    right: 33px;
    bottom: 5px;
    color: #fff;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    letter-spacing: 3px
}
.categories-plus-slider .tile .content .button:hover {
    background: none;
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .content .button {
        position: relative;
        right: auto;
        bottom: auto;
        font-size: 13px;
        height: 17px;
        line-height: 17px
    }
}
.categories-plus-slider .tile .common-close-button {
    position: fixed;
    display: none;
    background: #282828;
    top: 16px;
    right: 20px;
    transition: background-color .35s ease-in-out;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .categories-plus-slider .tile .common-close-button {
        top: 0;
        right: 0
    }
}
.categories-plus-slider .tile .common-close-button:after,
.categories-plus-slider .tile .common-close-button:before {
    background: #fff;
    transition: background .35s ease-in-out
}
.categories-plus-slider .tile .common-close-button:hover {
    background: #fff;
    opacity: 1
}
.categories-plus-slider .tile .common-close-button:hover:after,
.categories-plus-slider .tile .common-close-button:hover:before {
    background: #282828
}
.property-categorized-rooms {
    margin-bottom: 116px
}
.property-categorized-rooms .tile {
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .property-categorized-rooms .tile {
        margin: 0 5px
    }
}
.property-categorized-rooms .room-content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 30px;
    width: 100%;
    opacity: 0;
    transition: opacity .35s ease-in-out;
    z-index: 2
}
.property-categorized-rooms .room-content .title-wrapper {
    display: flex;
    justify-content: space-between
}
@media only screen and (max-width: 767px) {
    .property-categorized-rooms .room-content .title-wrapper {
        flex-wrap: wrap
    }
}
.property-categorized-rooms .room-content .title {
    color: #fff;
    font-size: 51px;
    line-height: 1.294em;
    letter-spacing: -.12px;
    font-weight: 400
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-categorized-rooms .room-content .title {
        font-size: 44px
    }
}
@media only screen and (max-width: 767px) {
    .property-categorized-rooms .room-content .title {
        width: 100%;
        margin-bottom: 20px;
        font-size: 32px
    }
}
.property-categorized-rooms .room-content .button {
    align-self: flex-end;
    margin-bottom: 10px
}
.property-categorized-rooms .price {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase
}
.property-categorized-rooms .swiper-slide-active .room-content,
.property-categorized-rooms .swiper-slide-duplicate-active .room-content {
    opacity: 1
}
.property-categorized-rooms .pagination {
    display: none
}
@media only screen and (max-width: 767px) {
    .property-categorized-rooms .category-buttons button {
        display: none;
        margin: 0;
        padding: 12px;
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        border: 1px solid #45396a;
        border-top: none;
        background-color: #fff;
        transition: transform .35s ease-in-out
    }
    .property-categorized-rooms .category-buttons button.active {
        display: block;
        color: #45396a;
        border-top: 1px solid #45396a;
        background-color: #fff;
        order: -1
    }
    .property-categorized-rooms .category-buttons button.active:after {
        content: "";
        display: block;
        position: absolute;
        top: 18px;
        left: auto;
        right: 15px;
        width: auto;
        height: auto;
        border: 5px solid transparent;
        border-top-color: #45396a;
        background: none
    }
    .property-categorized-rooms .slideshow {
        margin-top: 60px
    }
}
.page-content.video-sidebar .content-wrapper h1 {
    font: 300 24px/31px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 6px;
        text-align: center
    }
}
.featured-properties {
    text-align: center;
    margin-bottom: 150px
}
@media only screen and (max-width: 767px) {
    .featured-properties {
        margin-bottom: 70px
    }
}
.featured-properties a {
    text-decoration: none
}
.featured-properties .featured-properties-slideshow {
    position: relative;
    overflow: hidden;
    height: 760px;
    z-index: 10
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-properties-slideshow {
        height: 60vh
    }
}
.featured-properties .featured-properties-slideshow .slideshow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.featured-properties .featured-properties-slideshow .slideshow-button-wrapper {
    position: absolute;
    right: 44px;
    bottom: 0;
    background-color: #fff;
    width: 167px;
    height: 34px
}
.featured-properties .featured-properties-slideshow .slideshow-button-wrapper .slideshow-button {
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 0;
    position: absolute;
    top: auto;
    bottom: 4px
}
.featured-properties .featured-properties-slideshow .slideshow-button-wrapper .slideshow-button.previous {
    left: 25px;
    transform: rotate(-45deg);
    transform-origin: center
}
.featured-properties .featured-properties-slideshow .slideshow-button-wrapper .slideshow-button.next {
    right: 25px;
    transform: rotate(135deg);
    transform-origin: center
}
.featured-properties .featured-properties-slideshow .slideshow-button-wrapper .slideshow-pagination {
    font: 700 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 14px 22px 0
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-properties-slideshow {
        min-height: 560px;
        overflow: visible
    }
    .featured-properties .featured-properties-slideshow .slideshow-button-wrapper {
        background-color: transparent;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center
    }
}
.featured-properties .featured-property-item {
    position: relative;
    display: inline-block;
    width: 100%
}
.featured-properties .featured-property-item .center-column {
    height: 100%
}
.featured-properties .featured-property-item .thumb-wrapper {
    width: 100%;
    background-color: #ccc;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.featured-properties .featured-property-item .thumb {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-property-item .center-column {
        position: unset
    }
    .featured-properties .featured-property-item .thumb-wrapper {
        max-height: 385px
    }
}
.featured-properties .featured-property-item .featured-property-info {
    position: absolute;
    top: 35px;
    bottom: auto;
    left: 20px;
    text-align: left;
    width: 213px;
    min-height: 99px;
    max-height: 99px;
    background: #fff;
    padding: 27px 33px 20px;
    border: 1px solid #d7d7d6;
    overflow: hidden;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    transition: all .35s ease-in-out
}
.featured-properties .featured-property-item .featured-property-info .featured-property-trigger {
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 20px;
    height: 20px
}
.featured-properties .featured-property-item .featured-property-info .featured-property-trigger:after,
.featured-properties .featured-property-item .featured-property-info .featured-property-trigger:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 18px;
    background: #262323;
    transform: translate(-50%, -50%) rotate(0)
}
.featured-properties .featured-property-item .featured-property-info .featured-property-trigger:after {
    transform: translate(-50%, -50%) rotate(-90deg)
}
.featured-properties .featured-property-item .featured-property-info .featured-property-trigger span {
    display: none
}
.featured-properties .featured-property-item .featured-property-info .logo {
    position: relative;
    border-bottom: 1px solid #979797;
    margin-bottom: 36px;
    width: 100%
}
.featured-properties .featured-property-item .featured-property-info .logo img {
    display: block;
    height: 52px;
    margin: 0 auto 33px;
    width: 100%;
    transition: all .35s ease-in-out
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper {
    text-align: center;
    visibility: hidden;
    opacity: 0
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .property-location-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 200
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .description {
    font-size: 16px;
    margin-top: 30px;
    display: inline-block
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .description p {
    margin-bottom: 0;
    display: inline
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .description strong {
    font-weight: 600;
    font-size: 18px;
    display: block
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .description .content-button {
    display: inline-block
}
.featured-properties .featured-property-item .featured-property-info .content-wrapper .description .content-button:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-property-item .featured-property-info .content-wrapper .description {
        display: none
    }
}
.featured-properties .featured-property-item .featured-property-info .links {
    position: absolute;
    bottom: 33px;
    left: 0;
    right: 0;
    display: inline-block;
    font-size: 0;
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .35s ease-in-out
}
.featured-properties .featured-property-item .featured-property-info .links .price {
    font-weight: 400;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase
}
.featured-properties .featured-property-item .featured-property-info .links .content-button {
    display: none
}
.featured-properties .featured-property-item .featured-property-info .links .price+.button {
    margin-left: 45px
}
.featured-properties .featured-property-item .featured-property-info .links .button {
    padding: 0 50px
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible {
    width: 476px;
    min-height: 685px;
    max-height: 0;
    bottom: 35px;
    padding: 50px 33px 33px
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-property-item .featured-property-info.featured-property-visible {
        min-height: 230px;
        width: auto;
        top: auto;
        bottom: 55px;
        left: 10px;
        right: 10px;
        padding: 22px 20px 15px
    }
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger {
    top: 14px;
    right: 24px;
    width: 53px
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger:after,
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger:before {
    left: auto;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    margin: 1px 1px 0 0
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger:after {
    transform: rotate(-45deg);
    top: 0
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger span {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #6d6e71;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: top;
    margin: -2px 35px 0 0
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .featured-property-trigger:hover span {
    color: #282828
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .logo img {
    height: 90px;
    margin: 0 auto 40px
}
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .content-wrapper,
.featured-properties .featured-property-item .featured-property-info.featured-property-visible .links {
    visibility: visible;
    opacity: 1
}
@media only screen and (max-width: 767px) {
    .featured-properties .featured-property-item .featured-property-info {
        min-height: 230px;
        width: auto;
        top: auto;
        bottom: 55px;
        left: 10px;
        right: 10px;
        padding: 22px 20px 15px
    }
    .featured-properties .featured-property-item .featured-property-info .featured-property-trigger {
        display: none
    }
    .featured-properties .featured-property-item .featured-property-info .logo {
        border: 0;
        margin-bottom: 10px
    }
    .featured-properties .featured-property-item .featured-property-info .logo img {
        height: 45px;
        margin: 0 auto
    }
    .featured-properties .featured-property-item .featured-property-info .content-wrapper {
        visibility: visible;
        opacity: 1
    }
    .featured-properties .featured-property-item .featured-property-info .content-wrapper h3 {
        font-size: 16px;
        line-height: 1.2
    }
    .featured-properties .featured-property-item .featured-property-info .content-wrapper .property-location-title {
        font-size: 16px
    }
    .featured-properties .featured-property-item .featured-property-info .content-wrapper .description {
        display: none
    }
    .featured-properties .featured-property-item .featured-property-info .links {
        visibility: visible;
        opacity: 1;
        left: 10px;
        right: 10px;
        bottom: 15px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row
    }
    .featured-properties .featured-property-item .featured-property-info .links .button {
        vertical-align: top;
        padding: 0 5vw
    }
    .featured-properties .featured-property-item .featured-property-info .links .content-button {
        display: inline-block;
        border: 0;
        color: #282828
    }
    .featured-properties .featured-property-item .featured-property-info .links .price {
        display: none
    }
    .featured-properties .featured-property-item .featured-property-info .links .price+.button {
        margin-left: 0
    }
}
.featured-properties .featured-properties-slideshow .featured-property-item.allure-brand-color .property-location-title {
    color: #522d1e
}
.featured-properties .featured-properties-slideshow .featured-property-item.allure-brand-color .book-now-button {
    background: #522d1e;
    border-color: #522d1e;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.allure-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.azul-brand-color .property-location-title {
    color: #002f87
}
.featured-properties .featured-properties-slideshow .featured-property-item.azul-brand-color .book-now-button {
    background: #002f87;
    border-color: #002f87;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.azul-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-cielo-brand-color .property-location-title {
    color: #8f6a26
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-cielo-brand-color .book-now-button {
    background: #8f6a26;
    border-color: #8f6a26;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-cielo-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-dorado-brand-color .property-location-title {
    color: #af2666
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-dorado-brand-color .book-now-button {
    background: #af2666;
    border-color: #af2666;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.el-dorado-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.generations-reviera-maya-brand-color .property-location-title {
    color: #f99e29
}
.featured-properties .featured-properties-slideshow .featured-property-item.generations-reviera-maya-brand-color .book-now-button {
    background: #f99e29;
    border-color: #f99e29;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.generations-reviera-maya-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.hidden-beach-brand-color .property-location-title {
    color: #b88a2d
}
.featured-properties .featured-properties-slideshow .featured-property-item.hidden-beach-brand-color .book-now-button {
    background: #b88a2d;
    border-color: #b88a2d;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.hidden-beach-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.holiday-villages-brand-color .property-location-title {
    color: #9c1981
}
.featured-properties .featured-properties-slideshow .featured-property-item.holiday-villages-brand-color .book-now-button {
    background: #9c1981;
    border-color: #9c1981;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.holiday-villages-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.karisma-villas-brand-color .property-location-title {
    color: #727272
}
.featured-properties .featured-properties-slideshow .featured-property-item.karisma-villas-brand-color .book-now-button {
    background: #727272;
    border-color: #727272;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.karisma-villas-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.margaritaville-brand-color .property-location-title {
    color: #007ca5
}
.featured-properties .featured-properties-slideshow .featured-property-item.margaritaville-brand-color .book-now-button {
    background: #007ca5;
    border-color: #007ca5;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.margaritaville-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.sensatori-brand-color .property-location-title {
    color: #dab884
}
.featured-properties .featured-properties-slideshow .featured-property-item.sensatori-brand-color .book-now-button {
    background: #dab884;
    border-color: #dab884;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.sensatori-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.xolumnado-brand-color .property-location-title {
    color: #3f5b1a
}
.featured-properties .featured-properties-slideshow .featured-property-item.xolumnado-brand-color .book-now-button {
    background: #3f5b1a;
    border-color: #3f5b1a;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.xolumnado-brand-color .book-now-button:hover {
    background: #282828;
    border-color: #282828;
    color: #fff
}
.featured-properties .featured-properties-slideshow .featured-property-item.nickelodeon-brand-color .property-location-title {
    color: #ff6d2d
}
.featured-properties .featured-properties-slideshow .featured-property-item.nickelodeon-brand-color .book-now-button {
    background: #ff6d2d;
    border-color: #ff6d2d;
    color: #282828
}
.featured-properties .featured-properties-slideshow .featured-property-item.nickelodeon-brand-color .book-now-button:hover {
    background: #6d6e71;
    border-color: #6d6e71;
    color: #ff6d2d
}
.brand-properties-blocks {
    text-align: center;
    margin-bottom: 150px;
    position: relative
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks {
        margin-bottom: 70px
    }
}
.brand-properties-blocks a {
    text-decoration: none
}
.brand-properties-blocks .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
.brand-properties-blocks .thumbnail:after {
    content: "";
    display: block;
    height: 30%;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .thumbnail {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: 0;
        padding-bottom: 56%
    }
}
.brand-properties-blocks .brand-properties-slideshow {
    position: relative;
    overflow: hidden;
    min-height: 760px;
    z-index: 10
}
.brand-properties-blocks .brand-properties-slideshow .slideshow {
    margin: 35px auto 62px;
    width: 80vw;
    max-width: 1340px;
    overflow: hidden;
    position: relative;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-properties-slideshow .slideshow {
        margin: -52px 13px 0;
        width: auto
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-properties-slideshow {
        min-height: 0;
        padding: 0;
        overflow: visible
    }
}
.brand-properties-blocks .brand-properties-slideshow .swiper-pagination {
    top: auto;
    bottom: 22px;
    right: 0;
    left: 0;
    width: 100%;
    transform: translate(0);
    margin: 0;
    height: 14px
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-properties-slideshow .swiper-pagination {
        bottom: auto;
        top: 20px
    }
}
.brand-properties-blocks .brand-properties-slideshow .swiper-pagination .swiper-pagination-bullet {
    overflow: hidden;
    text-indent: -10000px;
    display: inline-block;
    margin: 0 6px;
    width: 12px;
    height: 12px;
    white-space: nowrap
}
.brand-properties-blocks .brand-properties-slideshow .prev-next-wrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    max-width: 1510px;
    left: 50%;
    transform: translateX(-50%);
    display: none
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-properties-slideshow .prev-next-wrapper {
        display: none!important
    }
}
.brand-properties-blocks .brand-properties-slideshow .prev-next-wrapper.visible {
    display: block
}
.brand-properties-blocks .brand-properties-slideshow .slideshow-button {
    position: absolute;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: none;
    font-size: 0;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out
}
.brand-properties-blocks .brand-properties-slideshow .slideshow-button svg {
    fill: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}
.brand-properties-blocks .brand-properties-slideshow .slideshow-button.previous {
    left: 20px
}
.brand-properties-blocks .brand-properties-slideshow .slideshow-button.next {
    right: 20px
}
.brand-properties-blocks .brand-properties-slideshow .slideshow-button.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks .center-slides .swiper-wrapper {
        justify-content: center;
        transform: none!important;
        margin-left: 7px
    }
}
@media only screen and (min-width: 1024px) {
    .brand-properties-blocks .center-slides .swiper-wrapper {
        justify-content: center;
        transform: none!important;
        margin-left: 30px
    }
}
.brand-properties-blocks .center-slides .prev-next-wrapper,
.brand-properties-blocks .center-slides .prev-next-wrapper.visible,
.brand-properties-blocks .center-slides .swiper-pagination {
    display: none
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .center-slides .swiper-pagination {
        display: block
    }
}
.brand-properties-blocks .slides-count-1 .swiper-wrapper {
    justify-content: center;
    transform: none!important;
    margin-left: 30px
}
.brand-properties-blocks .slides-count-1 .prev-next-wrapper,
.brand-properties-blocks .slides-count-1 .prev-next-wrapper.visible,
.brand-properties-blocks .slides-count-1 .swiper-pagination {
    display: none
}
.brand-properties-blocks .brand-property-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    height: 625px;
    margin: 0;
    text-align: center;
    padding: 50px 40px 35px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d7d7d6;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks .brand-property-item {
        padding: 40px 30px 30px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item {
        width: 100%;
        height: auto;
        padding: 20px;
        margin: 0;
        box-shadow: none
    }
}
.brand-properties-blocks .brand-property-item .logo {
    position: relative;
    margin: 0 55px 36px;
    border-bottom: 1px solid #979797
}
.brand-properties-blocks .brand-property-item .logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 87px;
    margin: 0 auto 40px;
    transition: all .35s ease-in-out
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks .brand-property-item .logo img {
        height: 52px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item .logo {
        margin: 0 20px 20px
    }
    .brand-properties-blocks .brand-property-item .logo img {
        height: 45px;
        margin-bottom: 20px
    }
}
.brand-properties-blocks .brand-property-item .content-wrapper {
    text-align: center
}
.brand-properties-blocks .brand-property-item .content-wrapper h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}
.brand-properties-blocks .brand-property-item .content-wrapper .property-location-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400
}
.brand-properties-blocks .brand-property-item .content-wrapper .description {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 30px;
    display: inline-block
}
.brand-properties-blocks .brand-property-item .content-wrapper .description p {
    margin-bottom: 0
}
.brand-properties-blocks .brand-property-item .content-wrapper .description strong {
    font-weight: 600;
    font-size: 18px;
    display: block
}
.brand-properties-blocks .brand-property-item .content-wrapper .description .content-button {
    display: inline-block
}
.brand-properties-blocks .brand-property-item .content-wrapper .description .content-button:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item .content-wrapper .description {
        font-size: 15px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item .content-wrapper {
        padding-bottom: 20px
    }
    .brand-properties-blocks .brand-property-item .content-wrapper .property-location-title,
    .brand-properties-blocks .brand-property-item .content-wrapper h3 {
        font-size: 16px;
        line-height: 1.2
    }
    .brand-properties-blocks .brand-property-item .content-wrapper .description {
        font-size: 15px;
        display: none
    }
}
.brand-properties-blocks .brand-property-item .links {
    position: absolute;
    bottom: 120px;
    left: 0;
    right: 0;
    display: inline-block;
    font-size: 0;
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    transition: all .35s ease-in-out
}
.brand-properties-blocks .brand-property-item .links a {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline
}
.brand-properties-blocks .brand-property-item .links a:hover {
    text-decoration: none
}
.brand-properties-blocks .brand-property-item .links a+a {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #979797
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks .brand-property-item .links {
        bottom: 100px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item .links {
        bottom: auto;
        position: relative
    }
    .brand-properties-blocks .brand-property-item .links a {
        font-size: 16px
    }
}
.brand-properties-blocks .brand-property-item .button-links {
    position: absolute;
    bottom: 36px;
    left: 53px;
    right: 53px
}
.brand-properties-blocks .brand-property-item .button-links .button {
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    line-height: 48px;
    max-width: 480px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks .brand-property-item .button-links {
        bottom: 30px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks .brand-property-item .button-links {
        bottom: auto;
        position: relative;
        left: auto;
        right: auto
    }
    .brand-properties-blocks .brand-property-item .button-links .button {
        height: 40px;
        line-height: 38px
    }
}
.brand-properties-blocks.v2 .brand-property-item {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: auto;
    min-height: 610px;
    border: none
}
@media only screen and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item {
        min-height: auto
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks.v2 .brand-property-item {
        border: 1px solid #d7d7d6;
        box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
    }
}
.brand-properties-blocks.v2 .brand-property-item .location {
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 55px;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center
}
@media only screen and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item .location {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px
    }
}
.brand-properties-blocks.v2 .brand-property-item .logo {
    margin-bottom: 40px;
    border: none
}
@media only screen and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item .logo {
        margin-bottom: 25px
    }
}
.brand-properties-blocks.v2 .brand-property-item .logo img {
    height: 130px;
    margin: 0 auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item .logo img {
        height: 70px
    }
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks.v2 .brand-property-item .logo img {
        height: 70px
    }
}
.brand-properties-blocks.v2 .brand-property-item .content-wrapper {
    margin: 0 25px
}
.brand-properties-blocks.v2 .brand-property-item .map-button {
    display: flex;
    justify-content: flex-end;
    text-align: left;
    margin: 50px 25px 15px auto;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase
}
.brand-properties-blocks.v2 .brand-property-item .map-button svg {
    position: relative;
    top: -5px;
    width: 20px;
    margin-left: 5px
}
@media only screen and (max-width: 767px) {
    .brand-properties-blocks.v2 .brand-property-item .map-button {
        margin-bottom: 5px;
        margin-top: 25px
    }
}
.brand-properties-blocks.v2 .brand-property-item .button-links {
    position: static;
    margin: auto 25px 30px
}
.brand-properties-blocks.v2 .brand-property-item .button-links a {
    display: block;
    width: 50%;
    max-width: 100%
}
@media only screen and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item .button-links a {
        width: 100%
    }
}
.brand-properties-blocks.v2 .brand-property-item .button-links-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}
@media only screen and (max-width: 1023px) {
    .brand-properties-blocks.v2 .brand-property-item .button-links-wrapper {
        display: block
    }
}
#photos .promo-popup {
    right: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    overflow: auto;
    background: rgba(0, 0, 0, .9)
}
#photos .promo-popup .promo-popup-wrapper {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 57px 70px
}
@media screen and (max-width: 1200px) {
    #photos .promo-popup .promo-popup-wrapper {
        padding: 50px 30px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #photos .promo-popup .promo-popup-wrapper {
        padding: 20px
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .promo-popup-wrapper {
        padding: 0
    }
}
#photos .promo-popup .promo-popup-wrapper .promo-popup-content {
    position: relative;
    overflow: auto;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    min-height: 669px;
    background: #fff;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .top-logo {
        display: none
    }
}
#photos .promo-popup .video-thumb {
    position: absolute;
    min-height: 668px;
    height: 100%;
    width: 497px;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}
@media screen and (max-width: 1200px) {
    #photos .promo-popup .video-thumb {
        width: 50%
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .video-thumb {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding-bottom: 60%;
        min-height: 100%;
        margin-bottom: 17px
    }
}
#photos .promo-popup .video-thumb .play-video {
    position: absolute;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    bottom: 20px;
    right: 25px;
    text-indent: -9999em;
    font-size: 0;
    opacity: 1;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .video-thumb .play-video {
        border-color: #fff;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 50%;
        width: 47px;
        height: 47px;
        margin-top: 10px;
        transform: translate(-50%, -50%)
    }
}
#photos .promo-popup .video-thumb .play-video svg {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -1px;
    transform: translate(-50%, -50%);
    fill: #fff;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .video-thumb .play-video svg {
        width: 47px;
        height: 47px
    }
}
#photos .promo-popup .video-thumb .play-video:hover {
    opacity: .7
}
#photos .promo-popup .video-thumb .play-video:hover svg {
    opacity: .8
}
#photos .promo-popup .content {
    float: right;
    width: calc(100% - 497px);
    padding: 0 50px 0 42px;
    max-height: 558px;
    overflow: auto;
    margin-top: 29px
}
@media screen and (max-width: 1200px) {
    #photos .promo-popup .content {
        width: 50%
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #photos .promo-popup .content {
        padding: 0 40px 0 20px
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content {
        width: 100%;
        padding: 0 27px 40px;
        margin-top: 0;
        max-height: 100%
    }
}
#photos .promo-popup .content .page-content .top-heading+.h1-like {
    margin-top: -8px
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .page-content .top-heading+.h1-like {
        margin-top: -4px
    }
}
#photos .promo-popup .content .page-content .top-heading {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0
}
#photos .promo-popup .content .page-content .h1-like {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .page-content .h1-like {
        margin-bottom: 26px
    }
}
#photos .promo-popup .content .page-content p {
    font-size: 14px;
    line-height: 25px
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .page-content p {
        font-size: 16px;
        line-height: 29px
    }
}
#photos .promo-popup .content .logos {
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: 1px solid #979797;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .logos {
        text-align: center;
        font-size: 0
    }
}
#photos .promo-popup .content .logos a {
    display: block;
    float: left;
    margin: 0 10px 20px 0
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .logos a {
        display: inline-block;
        float: none;
        margin: 0 3px 5px
    }
}
#photos .promo-popup .content .logos a img {
    display: block;
    height: 100%;
    width: 100%
}
#photos .promo-popup .content .img-rows-wrapper .img-row {
    display: block;
    overflow: hidden;
    margin-bottom: 8px
}
#photos .promo-popup .content .img-rows-wrapper .img-row img {
    display: block;
    float: left;
    margin-right: 20px
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .img-rows-wrapper .img-row img {
        float: none;
        margin: 0 auto 10px
    }
}
#photos .promo-popup .content .img-rows-wrapper .img-row .page-content {
    float: right;
    width: calc(100% - 151px)
}
@media only screen and (max-width: 1023px) {
    #photos .promo-popup .content .img-rows-wrapper .img-row .page-content {
        float: none;
        width: 100%
    }
}
#photos .promo-popup .content .img-rows-wrapper .img-row .page-content h3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .content .img-rows-wrapper .img-row .page-content h3 {
        line-height: 28px
    }
}
#photos .promo-popup .buttons-wrapper {
    position: absolute;
    bottom: 20px;
    right: 48px;
    font-size: 0;
    text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #photos .promo-popup .buttons-wrapper {
        right: 20px
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .buttons-wrapper {
        position: relative;
        bottom: auto;
        right: auto;
        width: calc(100% - 50px);
        margin: 0 25px 15px;
        overflow: hidden
    }
}
#photos .promo-popup .buttons-wrapper .button {
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
    border: none;
    transition: all .35s ease-in-out;
    background: #5b517b;
    color: #fff
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #photos .promo-popup .buttons-wrapper .button {
        padding: 0 15px
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .buttons-wrapper .button {
        height: 36px;
        line-height: 34px;
        margin: 0;
        width: 50%;
        font-weight: 600;
        letter-spacing: 0;
        padding: 0 10px
    }
}
#photos .promo-popup .buttons-wrapper .button.white {
    background: none;
    color: #282828
}
#photos .promo-popup .buttons-wrapper .button.white:hover {
    color: #282828;
    background: none;
    text-decoration: underline
}
#photos .promo-popup .buttons-wrapper .button:hover {
    background: #6d6e71;
    color: #fff
}
#photos .promo-popup .close-popup {
    position: absolute;
    top: 24px;
    right: 27px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 5;
    background: #fff;
    border-radius: 50%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #photos .promo-popup .close-popup {
        right: 10px;
        top: 10px
    }
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .close-popup {
        position: fixed;
        width: 42px;
        height: 42px;
        top: 12px;
        right: 12px
    }
}
#photos .promo-popup .close-popup:after,
#photos .promo-popup .close-popup:before {
    content: "";
    width: 23px;
    height: 2px;
    background: #282828;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 1px;
    transform-origin: center center;
    opacity: 1;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    #photos .promo-popup .close-popup:after,
    #photos .promo-popup .close-popup:before {
        left: 50%;
        margin-left: -12px
    }
}
#photos .promo-popup .close-popup:before {
    transform: rotate(45deg)
}
#photos .promo-popup .close-popup:after {
    transform: rotate(-45deg)
}
#photos .promo-popup .close-popup:hover:after,
#photos .promo-popup .close-popup:hover:before {
    opacity: .6
}
@media only screen and (min-width: 768px) {
    .top-banner-enabled #photos .promo-popup {
        top: 90px;
        height: calc(100% - 90px)
    }
}
@media only screen and (max-width: 767px) {
    .top-banner-enabled #photos .promo-popup {
        z-index: 10000
    }
}
#feeds {
    position: relative;
    padding: 50px 0;
    z-index: 10;
    text-align: center;
    margin-bottom: 150px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #feeds {
        margin-bottom: 100px
    }
}
@media only screen and (max-width: 767px) {
    #feeds {
        margin-bottom: 50px
    }
}
#feeds .h1-like {
    margin-bottom: 0
}
#feeds .sub-heading {
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 400
}
#feeds .sub-heading,
#feeds a.sub-heading:hover {
    text-decoration: none
}
#feeds .feeds-wrapper {
    max-width: 1340px;
    margin: 0 auto 27px;
    padding: 20px;
    overflow: hidden;
    transition: height .35s ease-in-out, transform .75s ease, opacity .75s ease
}
@media only screen and (max-width: 767px) {
    #feeds .feeds-wrapper {
        margin-top: 18px;
        margin-bottom: 15px
    }
}
#feeds .feed-controls {
    display: block;
    text-align: right
}
#feeds .feed-controls .load-more {
    border: none;
    background: none;
    color: #282828;
    font-weight: 600;
    letter-spacing: 3px;
    padding: 0
}
@media only screen and (max-width: 767px) {
    #feeds .feed-controls .load-more {
        font-weight: 700;
        line-height: 17px;
        height: 17px;
        padding: 0;
        font-size: 15px;
        vertical-align: top
    }
}
#feeds .feed-controls .load-more:hover {
    text-decoration: underline
}
#feeds #twine-js-feeds .twine-item {
    position: relative;
    overflow: hidden;
    transition: opacity .35s ease-in-out, box-shadow .22s, transform .22s;
    transform: translateZ(0)
}
#feeds #twine-js-feeds .twine-item:hover {
    transform: translateZ(0) scale(1.026);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .5)
}
#feeds #twine-js-feeds .twine-item.invisible {
    opacity: 0
}
#feeds #twine-js-feeds .twine-item-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}
#feeds #twine-js-feeds img,
#feeds #twine-js-feeds video {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%
}
#feeds #twine-js-feeds .feed-icon {
    position: absolute;
    right: 19px;
    top: 16px;
    width: 24px;
    height: 24px;
    fill: #fff;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))
}
#feeds #twine-js-feeds .twine-date,
#feeds #twine-js-feeds .twine-item-description,
#feeds #twine-js-feeds .twine-item-fullname,
#feeds #twine-js-feeds .twine-item-username {
    display: none
}
#feeds[data-type=type-1] #twine-js-feeds:after {
    clear: both;
    content: "";
    display: table
}
#feeds[data-type=type-1] #twine-js-feeds .twine-item {
    position: relative;
    width: calc(30% - 30px);
    height: auto;
    float: left;
    font: italic 14px/18px Source Sans Pro, Arial, sans-serif;
    text-align: left;
    background: #ebebeb;
    color: #6f6f6f;
    margin: 32px 20px 0;
    padding-bottom: calc(30% - 20px)
}
#feeds[data-type=type-1] #twine-js-feeds .twine-item .feed-icon {
    display: none
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item {
        width: calc(50% - 7px);
        padding-bottom: calc(44% - 9px);
        margin: 14px 0 0
    }
}
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+1),
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+5),
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+7) {
    width: calc(40% - 20px)
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+1),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+5),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+7) {
        width: calc(50% - 7px)
    }
}
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+2),
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+4),
#feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+8) {
    width: calc(30% - 70px)
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+2),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+4),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(9n+8) {
        width: calc(50% - 7px)
    }
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+1),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+3) {
        float: none
    }
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+2) {
        padding-bottom: calc(88% - 4px);
        float: right;
        margin-top: calc(-44% + 9px);
        margin-left: 14px
    }
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+4) {
        padding-bottom: calc(88% - 4px);
        float: left;
        margin-right: 14px
    }
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+5),
    #feeds[data-type=type-1] #twine-js-feeds .twine-item:nth-child(6n+6) {
        float: none
    }
}
#feeds[data-type=type-2] #twine-js-feeds {
    display: flex;
    justify-content: space-between
}
#feeds[data-type=type-2] #twine-js-feeds .column {
    width: calc(25% - 7.5px)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #feeds[data-type=type-2] #twine-js-feeds .column {
        width: calc(33.33% - 6.66667px)
    }
    #feeds[data-type=type-2] #twine-js-feeds .column.column-4 {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-2] #twine-js-feeds .column {
        width: 100%
    }
    #feeds[data-type=type-2] #twine-js-feeds .column.column-2,
    #feeds[data-type=type-2] #twine-js-feeds .column.column-3,
    #feeds[data-type=type-2] #twine-js-feeds .column.column-4 {
        display: none
    }
}
#feeds[data-type=type-2] #twine-js-feeds .twine-item {
    width: 100%;
    margin-bottom: 10px;
    min-height: 100px
}
#feeds[data-type=type-2] #twine-js-feeds .twine-item.twine-item-video-container:before {
    content: "";
    display: block;
    padding-top: 100%
}
#feeds[data-type=type-2] #twine-js-feeds .twine-item-photo {
    position: relative;
    height: auto
}
#feeds[data-type=type-2] #twine-js-feeds img {
    display: block;
    position: relative;
    -o-object-fit: fill;
    object-fit: fill;
    height: auto
}
#feeds[data-type=type-3] #twine-js-feeds {
    display: flex;
    flex-wrap: wrap;
    margin: -5px
}
#feeds[data-type=type-3] #twine-js-feeds .twine-item {
    width: calc(25% - 10px);
    margin: 5px
}
@media only screen and (max-width: 767px) {
    #feeds[data-type=type-3] #twine-js-feeds .twine-item {
        width: calc(50% - 10px)
    }
}
#feeds[data-type=type-3] #twine-js-feeds .twine-item:before {
    content: "";
    display: block;
    padding-top: 100%
}
#form-section {
    text-align: center;
    margin-bottom: 90px
}
#form-section:after,
#form-section:before {
    content: "";
    height: 10px;
    width: 100%;
    max-width: 1200px;
    border-top: 1px solid #d7d7d6;
    border-bottom: 1px solid #d7d7d6;
    margin: 0 auto;
    display: block
}
#form-section:before {
    margin-bottom: 50px
}
#form-section:after {
    margin-top: 50px
}
#form-section .top-heading {
    color: #6d6e71;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase
}
#form-section h4 {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: .2px;
    font-weight: 600;
    margin-bottom: 5px
}
#form-section .description {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .2px;
    margin: 0 20px;
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis
}
@media only screen and (min-width: 768px) {
    #form-section .form {
        text-align: left;
        padding-left: 50px
    }
    #form-section .form label {
        text-align: left;
        width: 100%;
        display: block;
        margin: 0 0 8px;
        font-weight: 600;
        font-size: 14px
    }
    #form-section .form [id*=row1],
    #form-section .form [id*=row2] {
        margin-bottom: 10px
    }
    #form-section .form [id*=row1]:after,
    #form-section .form [id*=row2]:after {
        clear: both;
        content: "";
        display: table
    }
    #form-section .form [id*=row1] p,
    #form-section .form [id*=row2] p {
        display: block;
        width: calc(33.33333% - 50px);
        float: left;
        margin-left: 50px
    }
    #form-section .form [id*=row1] p:first-of-type,
    #form-section .form [id*=row2] p:first-of-type {
        margin-left: 0
    }
    #form-section .form [id*=row1] .select-wrapper,
    #form-section .form [id*=row1] input,
    #form-section .form [id*=row1] select,
    #form-section .form [id*=row2] .select-wrapper,
    #form-section .form [id*=row2] input,
    #form-section .form [id*=row2] select {
        width: 100%
    }
    #form-section .form [id*=row1] input[type=date],
    #form-section .form [id*=row1] input[type=text],
    #form-section .form [id*=row1] select,
    #form-section .form [id*=row1] textarea,
    #form-section .form [id*=row2] input[type=date],
    #form-section .form [id*=row2] input[type=text],
    #form-section .form [id*=row2] select,
    #form-section .form [id*=row2] textarea {
        line-height: 1.2;
        height: 50px
    }
    #form-section .form [id*=row3] .type_textarea {
        display: block;
        width: calc(66.66667% - 50px)
    }
    #form-section .form [id*=row3] .type_checkbox {
        margin: 30px 0 0 50px;
        width: calc(33.33333% - 50px)
    }
    #form-section .form [id*=row3] .type_checkbox>label {
        display: none
    }
    #form-section .form [id*=row3] span.checkbox-group {
        margin: 0
    }
    #form-section .form [id*=row3] span.checkbox-group label {
        padding-left: 40px;
        position: relative;
        font-weight: 400
    }
    #form-section .form [id*=row3] .is-checked:after {
        content: "";
        position: absolute;
        top: 9px;
        left: 9px;
        width: 14px;
        height: 6px;
        border-bottom: .125em solid #000;
        border-left: .125em solid #000;
        transform: rotate(-45deg);
        pointer-events: none
    }
    #form-section .form [id*=row3] input[type=checkbox] {
        padding-left: 28px;
        height: 30px;
        border-radius: 0;
        background: #f7f7f7;
        border: 1px solid #b2b2ae;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        left: 0
    }
    #form-section .form [id*=row3] textarea {
        width: 100%;
        height: 260px
    }
    #form-section .form [id*=row3] p {
        float: left
    }
    #form-section .form .controls {
        width: calc(33.33333% - 70px)
    }
    #form-section .form .controls p {
        padding: 0
    }
    #form-section .form .controls .button {
        margin: 0;
        width: 100%
    }
}
.acm-block.two-button-bar {
    margin-bottom: 100px
}
#content+.acm-block.two-button-bar {
    margin-top: -100px
}
@media only screen and (max-width: 767px) {
    #content+.acm-block.two-button-bar {
        margin-top: 0
    }
}
.acm-block.two-button-bar a {
    margin-left: 20px;
    min-width: 200px
}
@media only screen and (max-width: 767px) {
    .acm-block.two-button-bar a {
        min-width: 100%;
        margin-top: 20px;
        margin-left: 0
    }
}
.acm-block.two-button-bar a:first-child {
    margin-left: 0
}
@media only screen and (max-width: 767px) {
    .acm-block.two-button-bar a:first-child {
        margin-top: 0
    }
}
.acm-block.two-button-bar a.main {
    background: #6d6e71;
    color: #fff
}
.acm-block.two-button-bar a.main:after {
    content: "";
    position: relative;
    display: inline-block;
    right: 0;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;
    left: 10px
}
.acm-block.two-button-bar a.main:hover {
    color: #6d6e71;
    background: none
}
.alternating-blocks {
    background-color: #fff;
    overflow: hidden
}
.alternating-blocks,
.alternating-blocks .alternate-block-item {
    position: relative;
    margin-bottom: 50px
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper {
    position: relative;
    min-height: 400px
}
@media only screen and (max-width: 767px) {
    .alternating-blocks .alternate-block-item .alternate-item-wrapper {
        min-height: 0
    }
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper .page-content ol li,
.alternating-blocks .alternate-block-item .alternate-item-wrapper .page-content ul li {
    margin-bottom: 5px
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper:after {
    clear: both;
    content: "";
    display: table
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper.logos {
    display: flex;
    flex-direction: row
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-item-wrapper.logos {
        flex-direction: column
    }
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper.logos .thumbnail {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    justify-content: center;
    align-items: center
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-item-wrapper.logos .thumbnail {
        height: auto;
        min-height: auto;
        margin-bottom: 20px
    }
}
.alternating-blocks .alternate-block-item .alternate-item-wrapper.logos .thumbnail img {
    display: block;
    max-width: 60%;
    height: auto
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-item-wrapper.logos .thumbnail img {
        max-width: 70%
    }
}
.alternating-blocks .alternate-block-item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 2
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .thumbnail {
        width: 100%;
        height: 60vw;
        min-height: 0;
        position: relative
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .thumbnail {
        min-height: 400px;
        height: 40vw
    }
}
.alternating-blocks .alternate-block-item .alternate-content {
    float: right;
    width: 50%;
    padding: 0 5vw;
    margin: 0;
    text-align: left;
    position: relative;
    background: transparent;
    border-radius: 4px;
    z-index: 3
}
@media screen and (min-width: 1340px) {
    .alternating-blocks .alternate-block-item .alternate-content {
        padding: 0 40px 0 70px
    }
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-content {
        float: none;
        width: 100%;
        padding: 20px 10px 0;
        text-align: center;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}
.alternating-blocks .alternate-block-item .alternate-content .caption {
    margin-bottom: 30px
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-content .caption {
        text-align: center;
        margin-bottom: 15px
    }
}
.alternating-blocks .alternate-block-item .alternate-content h2 {
    line-height: 1;
    margin-bottom: 25px
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-content h2 {
        text-align: center;
        margin-bottom: 15px
    }
}
.alternating-blocks .alternate-block-item .alternate-content .main-text {
    margin-bottom: 25px;
    font-size: 18px
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-content .main-text {
        margin-bottom: 15px
    }
}
.alternating-blocks .alternate-block-item .alternate-content ul li:last-child {
    margin-bottom: 0
}
.alternating-blocks .alternate-block-item .alternate-content nav {
    padding-top: 10px;
    font-size: 0
}
.alternating-blocks .alternate-block-item .alternate-content nav .button:last-child {
    margin-right: 0
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item .alternate-content nav {
        padding-top: 0;
        text-align: center
    }
    .alternating-blocks .alternate-block-item .alternate-content nav .button {
        padding: 0 20px
    }
}
.alternating-blocks .alternate-block-item.right .thumbnail {
    left: auto;
    right: 0
}
.alternating-blocks .alternate-block-item.right .alternate-content {
    float: left;
    text-align: left
}
@media screen and (min-width: 1340px) {
    .alternating-blocks .alternate-block-item.right .alternate-content {
        padding: 0 60px 0 80px
    }
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item.right .alternate-content {
        text-align: center;
        float: none
    }
}
.alternating-blocks .alternate-block-item.right .alternate-item-wrapper.logos .alternate-content {
    order: 1
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item.right .alternate-item-wrapper.logos .alternate-content {
        order: 2
    }
}
.alternating-blocks .alternate-block-item.right .alternate-item-wrapper.logos .thumbnail {
    order: 2
}
@media only screen and (max-width: 1023px) {
    .alternating-blocks .alternate-block-item.right .alternate-item-wrapper.logos .thumbnail {
        order: 1
    }
}
.image-chart-blocks {
    position: relative;
    margin-bottom: 120px;
    background-color: #fff
}
.image-chart-blocks .block-item {
    position: relative;
    margin-bottom: 40px;
    border-bottom: 1px solid #979797
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item {
        margin-bottom: 20px
    }
}
.image-chart-blocks .block-item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}
.image-chart-blocks .block-item .block-wrapper {
    position: relative;
    min-height: 350px;
    margin-bottom: 40px
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item .block-wrapper {
        min-height: 0;
        margin-bottom: 20px
    }
}
.image-chart-blocks .block-item .block-wrapper:after {
    clear: both;
    content: "";
    display: table
}
.image-chart-blocks .block-item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 2
}
@media only screen and (max-width: 1023px) {
    .image-chart-blocks .block-item .thumbnail {
        width: 100%;
        height: 60vw;
        min-height: 0;
        position: relative
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-chart-blocks .block-item .thumbnail {
        min-height: 400px;
        height: 40vw
    }
}
.image-chart-blocks .block-item .block-content-wrapper {
    float: right;
    width: 60%;
    padding: 0 3vw;
    margin: 0;
    text-align: left;
    position: relative;
    background: transparent;
    border-radius: 4px;
    z-index: 3
}
@media screen and (min-width: 1340px) {
    .image-chart-blocks .block-item .block-content-wrapper {
        padding: 0 40px
    }
}
@media only screen and (max-width: 1023px) {
    .image-chart-blocks .block-item .block-content-wrapper {
        float: none;
        width: 100%;
        padding: 20px 10px 30px;
        text-align: center;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item .block-content-wrapper {
        padding: 20px 10px 0
    }
}
.image-chart-blocks .block-item .block-content-wrapper .block-top-section {
    font-size: 0;
    vertical-align: top;
    position: relative;
    display: flex;
    justify-content: space-between
}
.image-chart-blocks .block-item .block-content-wrapper .block-top-section h3 {
    line-height: 1;
    margin-bottom: 25px;
    font-weight: 600;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    text-align: left
}
@media only screen and (max-width: 1023px) {
    .image-chart-blocks .block-item .block-content-wrapper .block-top-section h3 {
        text-align: center;
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item .block-content-wrapper .block-top-section h3 {
        display: block
    }
}
.image-chart-blocks .block-item .block-content-wrapper .block-top-section nav {
    font-size: 0;
    display: inline-block;
    float: right;
    vertical-align: top
}
.image-chart-blocks .block-item .block-content-wrapper .block-top-section nav .button {
    padding: 0 15px
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item .block-content-wrapper .block-top-section {
        display: block;
        justify-content: unset;
        margin-bottom: 20px
    }
    .image-chart-blocks .block-item .block-content-wrapper .block-top-section nav {
        float: none;
        text-align: center
    }
}
.image-chart-blocks .block-item .block-content-wrapper .block-content {
    margin-bottom: 25px
}
@media only screen and (max-width: 1023px) {
    .image-chart-blocks .block-item .block-content-wrapper .block-content {
        margin-bottom: 15px
    }
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table caption {
    padding: 0 0 20px
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table em {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table strong {
    font-size: 26px;
    font-weight: 700
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table sub {
    bottom: 0;
    font-size: 12px
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table td {
    border-top: 1px solid #fff;
    background: #fff
}
.image-chart-blocks .block-item .block-content-wrapper .block-content table .even td {
    background: rgba(215, 215, 214, .2)
}
@media only screen and (max-width: 767px) {
    .image-chart-blocks .block-item .block-content-wrapper .block-content table {
        font-size: 14px;
        margin-bottom: 0
    }
    .image-chart-blocks .block-item .block-content-wrapper .block-content table caption {
        font-size: 16px
    }
    .image-chart-blocks .block-item .block-content-wrapper .block-content table strong {
        font-size: 20px
    }
    .image-chart-blocks .block-item .block-content-wrapper .block-content table em {
        font-size: 12px
    }
    .image-chart-blocks .block-item .block-content-wrapper .block-content table sub {
        font-size: 10px
    }
}
.testimonials {
    text-align: center;
    margin-bottom: 150px
}
@media only screen and (max-width: 767px) {
    .testimonials {
        margin-bottom: 70px
    }
}
.testimonials a {
    text-decoration: none
}
.testimonials .testimonials-slideshow {
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 10
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonials-slideshow {
        min-height: 300px
    }
}
.testimonials .testimonials-slideshow .slideshow {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonials-slideshow .slideshow {
        position: relative
    }
}
.testimonials .testimonials-slideshow .slideshow .center-column {
    max-width: 1240px
}
.testimonials .testimonials-slideshow .slideshow-wrapper {
    height: 100%
}
.testimonials .testimonials-slideshow .slideshow-pagination {
    position: absolute;
    right: 50px;
    bottom: 80px;
    text-align: center;
    font-size: 0;
    height: 12px;
    display: block;
    top: auto;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonials-slideshow .slideshow-pagination {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }
}
.testimonials .testimonials-slideshow .slideshow-pagination button {
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #979797;
    transition: opacity .35s ease-in-out
}
.testimonials .testimonials-slideshow .slideshow-pagination button:last-child {
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonials-slideshow .slideshow-pagination button:last-child {
        margin-right: 7px
    }
}
.testimonials .testimonials-slideshow .slideshow-pagination button.active,
.testimonials .testimonials-slideshow .slideshow-pagination button:hover {
    background: #282828;
    border: 1px solid #282828
}
.testimonials .testimonial-item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item {
        height: auto
    }
}
.testimonials .testimonial-item .center-column {
    max-width: 1240px;
    height: 100%;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .center-column {
        height: auto
    }
}
.testimonials .testimonial-item .image-captions-block {
    position: absolute;
    bottom: 45px;
    left: 20px;
    text-align: left;
    width: 30%
}
.testimonials .testimonial-item .image-captions-block span {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}
.testimonials .testimonial-item .image-captions-block span.image-caption-line-one {
    margin-bottom: 5px
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .image-captions-block {
        display: none
    }
}
.testimonials .testimonial-item .testimonial-info {
    position: absolute;
    top: 50px;
    right: 20px;
    text-align: left;
    width: 483px;
    min-height: 548px;
    background: #fff;
    padding: 25px 45px 50px 27px;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    transition: all .35s ease-in-out;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .testimonial-info {
        min-height: 0;
        width: auto;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 20px;
        position: relative;
        margin: -52px 0 40px
    }
}
.testimonials .testimonial-item .testimonial-info .content-wrapper h3 {
    position: relative;
    font-size: 23px;
    line-height: 1.2;
    font-weight: 300;
    color: #212529;
    padding-bottom: 20px;
    margin-bottom: 22px
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .testimonial-info .content-wrapper h3 {
        font-size: 16px
    }
}
.testimonials .testimonial-item .testimonial-info .content-wrapper h3:after {
    content: "";
    background-color: #212529;
    height: 2px;
    width: 97px;
    position: absolute;
    bottom: 0;
    left: 0
}
.testimonials .testimonial-item .testimonial-info .content-wrapper h4 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 400;
    color: #212529;
    text-transform: none;
    margin-bottom: 15px
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .testimonial-info .content-wrapper h4 {
        font-size: 20px
    }
}
.testimonials .testimonial-item .testimonial-info .content-wrapper .description {
    display: block;
    font-size: 15px;
    line-height: 2.3
}
.testimonials .testimonial-item .testimonial-info .author-info {
    position: relative;
    padding-top: 40px;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .testimonials .testimonial-item .testimonial-info .author-info {
        padding-top: 20px;
        margin-bottom: 10px
    }
}
.testimonials .testimonial-item .testimonial-info .author-info .avatar {
    display: inline-block;
    vertical-align: middle;
    background-color: #ccc;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: 12px
}
.testimonials .testimonial-item .testimonial-info .author-info .author-info-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 0
}
.testimonials .testimonial-item .testimonial-info .author-info .author-info-wrapper span {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400
}
.testimonials .testimonial-item .testimonial-info .author-info .author-info-wrapper span.author-name {
    font-weight: 400;
    margin: 0 0 2px
}
.testimonials .testimonial-item .testimonial-info .author-info .author-info-wrapper span.author-location {
    font-weight: 200
}
.testimonials .thumbnail {
    background-color: #ccc;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .testimonials .thumbnail {
        position: relative;
        height: 0;
        padding-bottom: 56%;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}
.testimonials .thumbnail:after {
    content: "";
    display: block;
    height: 30%;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
    z-index: 1
}
.testimonials .travel-logo-wrapper {
    position: relative;
    display: block;
    width: 50px;
    height: 50px
}
.property-rooms-acm {
    text-align: center;
    margin-bottom: 150px
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm {
        margin-bottom: 70px
    }
}
.property-rooms-acm a {
    text-decoration: none
}
.property-rooms-acm .rooms-slideshow {
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 10
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .rooms-slideshow {
        min-height: 300px
    }
}
.property-rooms-acm .rooms-slideshow .slideshow {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .rooms-slideshow .slideshow {
        position: relative
    }
}
.property-rooms-acm .rooms-slideshow .slideshow .center-column {
    max-width: 1240px
}
.property-rooms-acm .rooms-slideshow .slideshow-wrapper {
    display: flex;
    height: 100%
}
.property-rooms-acm .rooms-slideshow .slideshow-pagination {
    position: absolute;
    right: 50px;
    bottom: 80px;
    text-align: center;
    font-size: 0;
    height: 12px;
    display: block;
    top: auto;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .rooms-slideshow .slideshow-pagination {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }
}
.property-rooms-acm .rooms-slideshow .slideshow-pagination button {
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #979797;
    transition: opacity .35s ease-in-out
}
.property-rooms-acm .rooms-slideshow .slideshow-pagination button:last-child {
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .rooms-slideshow .slideshow-pagination button:last-child {
        margin-right: 7px
    }
}
.property-rooms-acm .rooms-slideshow .slideshow-pagination button.active,
.property-rooms-acm .rooms-slideshow .slideshow-pagination button:hover {
    background: #282828;
    border: 1px solid #282828
}
.property-rooms-acm .room-slide-item {
    position: relative;
    display: inline-block;
    width: 100%
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item {
        height: auto
    }
}
.property-rooms-acm .room-slide-item .center-column {
    max-width: 1240px;
    height: 100%;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .center-column {
        height: auto
    }
}
.property-rooms-acm .room-slide-item .thumbnail {
    background-color: #ccc;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .thumbnail {
        position: relative;
        height: 0;
        padding-bottom: 56%;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto
    }
}
.property-rooms-acm .room-slide-item .thumbnail:after {
    content: "";
    display: block;
    height: 30%;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
    z-index: 1
}
.property-rooms-acm .room-slide-item .image-captions-block {
    position: absolute;
    bottom: 45px;
    left: 20px;
    text-align: left;
    width: 30%;
    z-index: 2
}
.property-rooms-acm .room-slide-item .image-captions-block span {
    display: block;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}
.property-rooms-acm .room-slide-item .image-captions-block span.image-caption-line-one {
    margin-bottom: 5px
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .image-captions-block {
        display: none
    }
}
.property-rooms-acm .room-slide-item .room-info {
    position: absolute;
    top: 50px;
    right: 20px;
    text-align: left;
    width: 483px;
    min-height: 548px;
    background: #fff;
    padding: 17px 45px 50px 27px;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    transition: all .35s ease-in-out;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .room-info {
        min-height: 0;
        width: auto;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 20px;
        position: relative;
        margin: -52px 0 40px
    }
}
.property-rooms-acm .room-slide-item .room-info .content-wrapper h3 {
    font: 300 23px/49px Source Sans Pro, Arial, sans-serif;
    position: relative;
    color: #212529;
    padding-bottom: 13px;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .room-info .content-wrapper h3 {
        font-size: 16px
    }
}
.property-rooms-acm .room-slide-item .room-info .content-wrapper h3:after {
    content: "";
    background-color: #212529;
    height: 2px;
    width: 97px;
    position: absolute;
    bottom: 0;
    left: 0
}
.property-rooms-acm .room-slide-item .room-info .content-wrapper h4 {
    font: 600 28px/39px "Source Serif Pro", Times New Roman, sans-serif;
    color: #212529;
    text-transform: none;
    margin-bottom: 15px;
    letter-spacing: 1px
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .room-info .content-wrapper h4 {
        font-size: 20px
    }
}
.property-rooms-acm .room-slide-item .room-info .content-wrapper .description {
    display: block;
    font-size: 15px;
    line-height: 2.3
}
.property-rooms-acm .room-slide-item .room-info .links {
    font-size: 0;
    position: absolute;
    background: #fff;
    left: 20px;
    right: 33px;
    bottom: 63px;
    display: flex
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .room-info .links {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto
    }
}
.property-rooms-acm .room-slide-item .room-info .links .button {
    width: 50%;
    line-height: 38px;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .property-rooms-acm .room-slide-item .room-info .links .button {
        width: 100%
    }
}
.property-rooms-acm .room-slide-item .room-info .links .button.white {
    color: #6d6e71;
    border: none;
    background: none
}
.property-rooms-acm .room-slide-item .room-info .links .button.white:hover {
    color: #282828;
    text-decoration: underline
}
.single-room-special .accordions-acm .center-column {
    padding: 0
}
.single-room-special .accordions-acm h3 button {
    font-size: 20px
}
.single-room-special .accordions-acm h3 button:before {
    top: 20px
}
.single-room-special .accordions-acm h3 button[aria-expanded=true]:before {
    top: 26px
}
.cyber-sale .accordions-acm {
    margin-bottom: 20px
}
.cyber-sale .accordions-acm .center-column {
    padding: 0 14px
}
.accordions-acm .row {
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .accordions-acm .row {
        margin-bottom: 15px
    }
}
.accordions-acm .form h3 {
    margin-bottom: 20px
}
.accordions-acm h3 {
    margin-bottom: 0
}
.accordions-acm h3 button {
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 30px;
    background: #282828;
    font-size: 26px;
    line-height: 1.2em;
    font-weight: 400;
    text-align: left;
    color: #fff
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .accordions-acm h3 button {
        font-size: 24px;
        padding: 16px 30px
    }
}
@media only screen and (max-width: 767px) {
    .accordions-acm h3 button {
        font-size: 18px;
        padding: 16px 20px
    }
}
.accordions-acm h3 button:before {
    content: "";
    position: absolute;
    right: 30px;
    top: 23px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    transition: transform 186ms, top 186ms
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .accordions-acm h3 button:before {
        right: 30px;
        top: 22px
    }
}
@media only screen and (max-width: 767px) {
    .accordions-acm h3 button:before {
        right: 20px;
        top: 19px
    }
}
.accordions-acm h3 button[aria-expanded=true]:before {
    top: 28px;
    transform: rotate(135deg)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .accordions-acm h3 button[aria-expanded=true]:before {
        top: 27px
    }
}
@media only screen and (max-width: 767px) {
    .accordions-acm h3 button[aria-expanded=true]:before {
        top: 24px
    }
}
.cyber-sale .accordions-acm h3 button {
    font-size: 17px
}
.cyber-sale .accordions-acm h3 button:before {
    top: 17px
}
.accordions-acm .content {
    display: none;
    border: 1px solid #282828;
    border-top: none;
    padding: 30px 40px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .accordions-acm .content {
        padding: 20px 30px
    }
}
@media only screen and (max-width: 767px) {
    .accordions-acm .content {
        padding: 16px 20px
    }
}
.accordions-acm .columns {
    display: flex
}
@media only screen and (max-width: 767px) {
    .accordions-acm .columns {
        flex-wrap: wrap
    }
}
.accordions-acm .columns .column {
    flex-basis: 100%;
    flex-grow: 1;
    margin-left: 40px
}
@media only screen and (max-width: 767px) {
    .accordions-acm .columns .column {
        margin-left: 0
    }
}
.accordions-acm .columns .column:first-child {
    margin-left: 0
}
.accordions-acm .page-content {
    font-size: 18px;
    line-height: 1.9em
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .accordions-acm .page-content {
        font-size: 16px
    }
}
@media only screen and (max-width: 767px) {
    .accordions-acm .page-content {
        font-size: 18px
    }
}
.featured-offers {
    margin: 0 0 150px;
    text-align: center;
    overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers {
        margin-bottom: 100px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers {
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 1023px) {
    .featured-offers .center-column {
        padding: 0
    }
}
@media only screen and (max-width: 1023px) {
    .featured-offers .h1-like,
    .featured-offers .top-heading {
        padding: 0 13px
    }
}
.featured-offers h4.block-heading {
    font: 300 29px/37px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    margin: 23px 0 15px 26px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .featured-offers h4.block-heading {
        font-size: 17px;
        line-height: 24px;
        margin: 23px 13px 6px
    }
}
.featured-offers .featured-offer {
    text-align: left
}
.featured-offers .offer-wrapper {
    position: relative;
    padding: 25px;
    min-height: 433px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .offer-wrapper {
        padding: 20px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper {
        padding: 52.25% 0 0;
        min-height: auto
    }
}
.featured-offers .offer-wrapper .thumb {
    max-width: 1055px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .offer-wrapper .thumb {
        padding-right: 60px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .thumb {
        height: 310px
    }
}
.featured-offers .offer-wrapper .content-wrapper {
    margin-left: auto;
    width: 477px;
    background: #fff;
    padding: 37px 38px 20px;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    border: 1px solid #d7d7d6;
    text-align: center;
    font: 300 14px/23px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper {
        width: calc(100% - 26px);
        margin: -52px auto 0;
        padding: 20px 0;
        line-height: 22px
    }
}
.featured-offers .offer-wrapper .content-wrapper .logo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    max-height: 75px
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper .logo {
        margin-bottom: 4px;
        height: 55px
    }
}
.featured-offers .offer-wrapper .content-wrapper h3 {
    font: 300 36px/45px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    margin-bottom: 2px
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper h3 {
        font-size: 27px;
        line-height: 34px;
        margin-bottom: 0
    }
}
.featured-offers .offer-wrapper .content-wrapper h4 {
    font: 600 14px/23px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    margin: 0 0 17px
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper h4 {
        line-height: 22px;
        margin-top: -2px;
        margin-bottom: 6px
    }
}
.featured-offers .offer-wrapper .content-wrapper p {
    padding: 0 20px
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper p {
        padding: 0 10px
    }
}
.featured-offers .offer-wrapper .content-wrapper .links {
    background: #fff;
    position: relative;
    height: 40px;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper .links {
        position: relative;
        padding: 0 13px
    }
}
.featured-offers .offer-wrapper .content-wrapper .links .button {
    height: 40px;
    line-height: 38px;
    border: none;
    width: 50%;
    background: #5b517b;
    color: #fff
}
.featured-offers .offer-wrapper .content-wrapper .links .button.white {
    background: none;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .featured-offers .offer-wrapper .content-wrapper .links .button.white {
        font-size: 14px
    }
}
.featured-offers .offer-wrapper .content-wrapper .links .button.white:hover {
    text-decoration: underline;
    color: #6d6e71;
    background: none
}
.featured-offers .offer-wrapper .content-wrapper .links .button:hover {
    background: #45396a
}
.featured-offers .other-offers {
    margin-top: 42px;
    overflow: hidden;
    position: relative
}
@media only screen and (max-width: 1023px) {
    .featured-offers .other-offers {
        padding: 0 13px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers {
        padding: 0 13px 27px;
        margin-top: 21px
    }
}
.featured-offers .other-offers h4.block-heading {
    display: block;
    float: left;
    margin-top: 12px
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers h4.block-heading {
        margin-left: 0
    }
}
.specials-layout .featured-offers .other-offers h4.block-heading {
    display: none
}
.featured-offers .all-specials {
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    font: 700 16px/16px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    text-decoration: none;
    letter-spacing: 3px
}
@media only screen and (max-width: 1023px) {
    .featured-offers .all-specials {
        right: 13px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .all-specials {
        letter-spacing: 2px
    }
}
.featured-offers .all-specials:hover {
    text-decoration: underline
}
.featured-offers .search-wrapper {
    max-width: 628px;
    margin-left: 50px;
    height: 53px;
    float: left;
    text-align: left;
    position: relative;
    width: 100%
}
@media only screen and (min-width: 1280px) {
    .featured-offers .search-wrapper {
        float: none;
        margin: 0 auto
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .search-wrapper {
        max-width: 490px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .search-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 4px 0 0
    }
}
.featured-offers .search-wrapper legend {
    display: none
}
.featured-offers .search-wrapper label {
    display: block;
    font: 400 14px/18px Source Sans Pro, Arial, sans-serif;
    color: #262323
}
@media only screen and (max-width: 767px) {
    .featured-offers .search-wrapper label {
        margin-bottom: 3px
    }
}
.featured-offers .search-wrapper input[type=text] {
    width: 100%;
    padding-right: 40px;
    display: block;
    font-size: 22px;
    line-height: 31px;
    padding-bottom: 3px;
    border-bottom: 1px solid #979797
}
@media only screen and (max-width: 767px) {
    .featured-offers .search-wrapper input[type=text] {
        font-size: 17px;
        line-height: 28px
    }
}
.featured-offers .search-wrapper svg {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 8px
}
@media only screen and (max-width: 767px) {
    .featured-offers .search-wrapper svg {
        right: 2px
    }
}
.featured-offers .other-offers-wrapper {
    display: inline-block;
    font-size: 0;
    margin: 25px 0 0 -25px;
    text-align: center;
    width: calc(100% + 50px)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .other-offers-wrapper {
        width: calc(100% + 30px);
        margin: 15px 0 0 -15px;
        padding-bottom: 15px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers-wrapper {
        width: 100%;
        margin: 25px 0 0;
        padding: 0
    }
}
.featured-offers .other-offers-wrapper .item-infocard {
    width: calc(25% - 50px);
    padding-bottom: calc(23% - 3px);
    margin: 0 25px 50px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    background-color: #000
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .other-offers-wrapper .item-infocard {
        width: calc(25% - 30px);
        margin: 0 15px 30px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers-wrapper .item-infocard {
        width: 100%;
        padding-bottom: 56%;
        margin: 0 0 15px
    }
}
.featured-offers .other-offers-wrapper .item-infocard.hidden {
    display: none
}
.featured-offers .other-offers-wrapper .item-infocard:hover .thumb {
    transform: scale(1.1)
}
.featured-offers .other-offers-wrapper .item-infocard .thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(1);
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: transform .35s ease-in-out
}
.featured-offers .other-offers-wrapper .item-infocard .thumb:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, .72), transparent 38%, transparent);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#b8000000", endColorstr="#00000000", GradientType=1)
}
.featured-offers .other-offers-wrapper .item-infocard .thumb:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 150px;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .75) 70%, #000);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0)
}
.featured-offers .other-offers-wrapper .item-infocard img {
    top: 23px;
    left: 14px;
    position: absolute;
    height: 38px;
    max-width: 110px
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers-wrapper .item-infocard img {
        top: 13px;
        left: 12px
    }
}
.featured-offers .other-offers-wrapper .item-infocard .open-popup {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 0;
    text-indent: -9999em
}
.featured-offers .other-offers-wrapper .item-infocard .headings {
    position: absolute;
    bottom: 11px;
    left: 20px;
    right: 20px;
    text-align: left;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .featured-offers .other-offers-wrapper .item-infocard .headings {
        left: 15px;
        right: 15px;
        bottom: 9px
    }
}
.featured-offers .other-offers-wrapper .item-infocard .headings .heading-top {
    display: block;
    font: 400 14px/18px Source Sans Pro, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase
}
.featured-offers .other-offers-wrapper .item-infocard .headings h3 {
    display: block;
    font: 600 18px/21px Source Sans Pro, Arial, sans-serif;
    color: #fff;
    margin: 0;
    text-transform: none
}
.featured-offers .simple-list-wrapper {
    padding-bottom: 30px
}
.featured-offers .simple-list-wrapper .offers {
    position: relative
}
.featured-offers .simple-list-wrapper .offers>.wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px
}
.featured-offers .simple-list-wrapper .offers>.wrapper>* {
    margin: 0 10px 20px;
    width: calc(25% - 20px)
}
@media only screen and (min-width: 1280px) {
    .featured-offers .simple-list-wrapper .offers>.wrapper {
        margin: 0 -20px -20px
    }
    .featured-offers .simple-list-wrapper .offers>.wrapper>* {
        margin: 0 20px 40px;
        width: calc(25% - 40px)
    }
}
@media only screen and (min-width: 1440px) {
    .featured-offers .simple-list-wrapper .offers>.wrapper {
        margin: 0 -25px -25px
    }
    .featured-offers .simple-list-wrapper .offers>.wrapper>* {
        margin: 0 25px 50px;
        width: calc(25% - 50px)
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers .simple-list-wrapper .offers>.wrapper>* {
        width: calc(33.33% - 20px)
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers .simple-list-wrapper .offers>.wrapper>* {
        width: 100%
    }
}
.featured-offers .simple-list-wrapper .offer {
    position: relative;
    display: flex;
    min-height: 240px;
    text-align: left;
    z-index: 1
}
.featured-offers .simple-list-wrapper .offer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 58%, rgba(45, 41, 41, .73) 80%, #473939);
    z-index: 2
}
.featured-offers .simple-list-wrapper .offer.no-image {
    background: #000
}
.featured-offers .simple-list-wrapper .image {
    z-index: 1
}
.featured-offers .simple-list-wrapper .titles {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 20px;
    opacity: 1;
    z-index: 4
}
.featured-offers .simple-list-wrapper .top-title {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    line-height: 1.429em;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}
.featured-offers .simple-list-wrapper .title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.167em;
    color: #fff;
    letter-spacing: .07px;
    font-weight: 700
}
.featured-offers .simple-list-wrapper .popup {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 20px 15px;
    background: rgba(45, 41, 41, .9);
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
    z-index: 5
}
@media only screen and (min-width: 1280px) {
    .featured-offers .simple-list-wrapper .popup {
        padding: 30px 20px 15px
    }
}
.featured-offers .simple-list-wrapper .offer:focus-within .popup,
.featured-offers .simple-list-wrapper .offer:focus .popup,
.featured-offers .simple-list-wrapper .offer:hover .popup {
    opacity: 1;
    visibility: visible
}
.featured-offers .simple-list-wrapper .offer:hover .titles {
    opacity: 0
}
.featured-offers .simple-list-wrapper .popup .title {
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    margin-bottom: 12px
}
@media only screen and (min-width: 1280px) {
    .featured-offers .simple-list-wrapper .popup .title {
        padding-bottom: 18px;
        margin-bottom: 18px
    }
}
.featured-offers .simple-list-wrapper .content {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.75em;
    font-weight: 400;
    color: #fff
}
.featured-offers .simple-list-wrapper .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    white-space: nowrap
}
.featured-offers .simple-list-wrapper .learn-more {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}
@media only screen and (max-width: 1023px) {
    .featured-offers .simple-list-wrapper .learn-more {
        font-size: 14px
    }
}
.featured-offers .simple-list-wrapper .learn-more:hover {
    text-decoration: underline
}
.featured-offers .simple-list-wrapper .book-now {
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    color: #282828;
    text-transform: uppercase;
    text-decoration: none
}
@media only screen and (min-width: 1280px) {
    .featured-offers .simple-list-wrapper .book-now {
        height: 42px;
        line-height: 42px;
        padding: 0 20px
    }
}
@media only screen and (max-width: 1023px) {
    .featured-offers .simple-list-wrapper .book-now {
        font-size: 14px
    }
}
.featured-offers .simple-list-wrapper .book-now:hover {
    background: hsla(0, 0%, 100%, .7)
}
.featured-offers .simple-list-wrapper .footer-button {
    margin-top: 35px;
    display: flex;
    justify-content: flex-end
}
.featured-properties-in-popup {
    display: block
}
.featured-properties-in-popup .featured-offer.popup {
    display: none;
    right: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
    background: rgba(0, 0, 0, .9)
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 57px 70px
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper {
        padding: 0
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .popup-content {
    position: relative;
    display: flex;
    overflow: auto;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    height: 518px;
    background: #fff
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .popup-content {
        height: auto;
        min-height: 100%;
        flex-direction: column
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .thumb {
    position: relative;
    width: calc(50% - 51px);
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .thumb {
        width: 100%;
        height: auto;
        padding-bottom: 60%;
        min-height: 100%;
        margin-bottom: 17px
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .content {
    width: calc(50% + 51px);
    overflow: auto;
    max-height: 440px;
    padding: 39px 35px 0 25px;
    font-weight: 300;
    font-size: 16px;
    line-height: 29px
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .content {
        width: 100%;
        padding: 0 27px 66px;
        margin-top: 0;
        max-height: 100%
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .content h2 {
    font: 400 30px/34px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 2px;
    color: #282828;
    margin-bottom: 24px;
    text-transform: uppercase;
    padding-right: 40px
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .content h2 {
        font-size: 20px;
        line-height: 24px;
        padding-right: 0
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .content h3 {
    font: 600 16px/24px Source Sans Pro, Arial, sans-serif;
    color: #282828;
    margin-bottom: 17px;
    text-transform: uppercase
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .common-close-button {
    position: absolute;
    top: 16px;
    right: 12px;
    z-index: 1;
    background: #fff;
    border-radius: 50%
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper {
    position: absolute;
    bottom: 23px;
    right: 33px;
    font-size: 0;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 15px 25px;
        overflow: hidden;
        background: #fff
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button {
    letter-spacing: 0;
    font-weight: 600;
    height: 36px;
    line-height: 34px;
    padding: 0 27px;
    display: inline-block;
    vertical-align: top;
    border: none;
    background: none;
    transition: all .35s ease-in-out;
    background: #5b517b;
    color: #fff
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button:hover {
    background: #45396a
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button.white {
    background: none;
    color: #282828;
    letter-spacing: 3px;
    font-weight: 400;
    padding: 0 33px
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button.white {
        letter-spacing: 0;
        padding: 0 10px
    }
}
.featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button.white:hover {
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .featured-properties-in-popup .featured-offer.popup .popup-wrapper .buttons-wrapper .button {
        height: 36px;
        line-height: 34px;
        margin: 0;
        width: 50%;
        font-weight: 600;
        letter-spacing: 0;
        padding: 0 10px
    }
}
.additional-content {
    margin-bottom: 100px
}
@media only screen and (max-width: 767px) {
    .additional-content {
        margin-bottom: 30px
    }
}
.acm-block.membership-benefits {
    margin-bottom: 118px
}
.acm-block.membership-benefits .benefits-block {
    border: 1px solid #d7d7d6;
    background: #f7f7f7;
    border-radius: 3px
}
.acm-block.membership-benefits .benefits-block .intro {
    position: relative;
    padding: 25px calc(60% + 40px) 20px 40px;
    border-bottom: 1px solid #d7d7d6
}
@media only screen and (max-width: 1023px) {
    .acm-block.membership-benefits .benefits-block .intro {
        padding: 20px 20px 0
    }
}
.acm-block.membership-benefits .benefits-block .intro h2 {
    font: 600 24px/24px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #282828;
    margin-bottom: 12px
}
.acm-block.membership-benefits .benefits-block .intro .copy {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.8
}
.acm-block.membership-benefits .benefits-block .intro nav {
    margin-top: 22px
}
.acm-block.membership-benefits .benefits-block .intro nav .button {
    background: #6d6e71;
    color: #fff
}
.acm-block.membership-benefits .benefits-block .intro nav .button:hover {
    color: #6d6e71;
    background: none
}
.acm-block.membership-benefits .benefits-block .intro .category-buttons {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 60%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-right: 20px;
    cursor: pointer
}
@media only screen and (max-width: 1023px) {
    .acm-block.membership-benefits .benefits-block .intro .category-buttons {
        position: relative;
        width: 100%;
        margin-top: 40px;
        padding-right: 0;
        justify-content: center
    }
}
.acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button {
    display: flex;
    flex-direction: column;
    padding: 25px 20px 20px 25px;
    min-width: 20%;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 0;
    transition: background .35s ease-in-out, border-color .35s ease-in-out
}
@media only screen and (max-width: 1023px) {
    .acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button {
        padding: 10px
    }
}
@media only screen and (max-width: 767px) {
    .acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button {
        padding: 10px 5px
    }
}
.acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button.active {
    background: #fff;
    border-color: #d7d7d6
}
.acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button img {
    display: block;
    margin: 0 auto 17px;
    flex: 1;
    max-width: 100%
}
.acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button h3 {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
@media only screen and (max-width: 1023px) {
    .acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button h3 {
        letter-spacing: 0;
        font-size: 14px
    }
}
@media only screen and (max-width: 767px) {
    .acm-block.membership-benefits .benefits-block .intro .category-buttons .category-button h3 {
        font-size: 12px
    }
}
.acm-block.membership-benefits .benefits-block .slideshows {
    padding: 30px 38px;
    background: #fff
}
@media only screen and (max-width: 1023px) {
    .acm-block.membership-benefits .benefits-block .slideshows {
        padding: 20px
    }
}
.acm-block.membership-benefits .benefits-block .slideshows h4 {
    padding-left: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    display: none
}
.acm-block.membership-benefits .benefits-block .slideshows h4.active {
    display: block
}
.acm-block.membership-benefits .benefits-block .slideshows .pagination {
    display: block;
    position: relative;
    text-align: center;
    float: right;
    margin: 15px 0 0
}
.acm-block.membership-benefits .benefits-block .slideshows .pagination .next,
.acm-block.membership-benefits .benefits-block .slideshows .pagination .prev {
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 0;
    position: absolute;
    top: 6px
}
.acm-block.membership-benefits .benefits-block .slideshows .pagination .prev {
    left: 2px;
    transform: rotate(-45deg);
    transform-origin: center
}
.acm-block.membership-benefits .benefits-block .slideshows .pagination .next {
    right: 2px;
    transform: rotate(135deg);
    transform-origin: center
}
.acm-block.membership-benefits .benefits-block .slideshows .pagination .progress {
    padding: 0 20px;
    font: 700 16px/20px Source Sans Pro, Arial, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase
}
.acm-block.membership-benefits .benefits-block .slideshow {
    overflow: hidden;
    display: none
}
.acm-block.membership-benefits .benefits-block .slideshow.active {
    display: block
}
.acm-block.membership-benefits .benefits-block .slideshow .slide {
    border: 1px solid #d7d7d6
}
.acm-block.membership-benefits .benefits-block .slideshow .slide .image {
    height: 198px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.acm-block.membership-benefits .benefits-block .slideshow .slide .info {
    position: relative;
    padding: 20px 18px 60px;
    font-size: 14px;
    line-height: 1.5
}
.acm-block.membership-benefits .benefits-block .slideshow .slide .info h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2px
}
.acm-block.membership-benefits .benefits-block .slideshow .slide .info .link {
    position: absolute;
    font-size: 13px;
    font-weight: 400;
    bottom: 20px;
    left: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 14px
}
.acm-block.membership-benefits .benefits-block .slideshow .slide .info .link:after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #979797
}
#main-content .category-list {
    width: 45%;
    padding-left: 78px;
    margin-left: 68px;
    margin-top: 55px;
    box-sizing: content-box;
    border-left: thin solid #979797;
    display: flex;
    flex-flow: column;
    justify-content: center;
    position: relative
}
@media only screen and (max-width: 767px) {
    #main-content .category-list {
        display: none
    }
}
#main-content .category-list:before {
    content: "";
    width: 30px;
    height: 30px;
    background: #fff;
    border-top: 1px solid #979797;
    border-right: 1px solid #979797;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%) rotate(45deg)
}
#main-content .category-list .category-name {
    display: block;
    font-size: 24px;
    line-height: 31px;
    font-weight: 600;
    margin: 12px 0;
    text-transform: uppercase
}
@media only screen and (max-width: 1023px) {
    #main-content .category-list .category-name {
        letter-spacing: 0
    }
}
.acm-block.select-form {
    margin-bottom: 20px
}
.acm-block.select-form ul.selector {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    max-width: 1140px;
    margin: 0 auto 40px;
    border: thin solid #d7d7d6
}
@media screen and (max-width: 992px) {
    .acm-block.select-form ul.selector {
        max-width: 960px
    }
}
@media only screen and (max-width: 767px) {
    .acm-block.select-form ul.selector {
        max-width: 100%;
        flex-direction: column;
        border: 0
    }
}
.acm-block.select-form ul.selector li.button {
    flex-grow: 1;
    text-align: center;
    background: none;
    color: #282828;
    border: 0;
    letter-spacing: 0
}
@media only screen and (max-width: 767px) {
    .acm-block.select-form ul.selector li.button {
        border: thin solid #d7d7d6!important
    }
}
.acm-block.select-form ul.selector li.button+li {
    border-left: thin solid #d7d7d6
}
@media only screen and (max-width: 767px) {
    .acm-block.select-form ul.selector li.button+li {
        margin-top: 10px
    }
}
.acm-block.select-form ul.selector li.button.active {
    background: #5b517b;
    color: #fff
}
@media only screen and (max-width: 767px) {
    .acm-block.select-form ul.selector li.button.active {
        border-color: !important
    }
}
.acm-block.select-form ul.selector li.button.active+li {
    border-left: 0
}
.acm-block.select-form .form-container .form-wrapper {
    display: none
}
.acm-block.select-form .form-container .form-wrapper.active {
    display: block
}
.awards-acm {
    margin-bottom: 40px
}
.awards-acm .page-content {
    text-align: center
}
.awards-acm .rewards-wrapper {
    display: flex;
    align-items: center;
    margin: 20px auto
}
@media only screen and (max-width: 767px) {
    .awards-acm .rewards-wrapper {
        display: block
    }
}
.awards-acm .single-award {
    margin: 0 40px
}
.awards-acm .single-award_no-margin {
    margin: 0
}
.awards-acm .single-award img {
    margin: auto;
    display: block
}
.awards-acm .single-award.tripadvisor a,
.awards-acm .single-award.tripadvisor img {
    display: block;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .awards-acm .single-award {
        margin: 10px auto
    }
}
.awards-acm #widgetContainerBox>div {
    margin: 0 40px!important
}
@media only screen and (max-width: 767px) {
    .awards-acm #widgetContainerBox>div {
        margin: 10px auto!important
    }
}
@media only screen and (max-width: 767px) {
    .awards-acm #widgetContainerBox {
        display: flex;
        flex-flow: column;
        align-items: center
    }
}
.awards-acm.other-rewards .rewards-wrapper {
    flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
    .awards-acm.other-rewards .rewards-wrapper {
        display: flex
    }
}
.awards-acm.other-rewards .single-award.tripadvisor a,
.awards-acm.other-rewards .single-award.tripadvisor img {
    width: 81px;
    height: 100px;
    float: left
}
@media only screen and (max-width: 767px) {
    .awards-acm.other-rewards .single-award.tripadvisor a,
    .awards-acm.other-rewards .single-award.tripadvisor img {
        display: flex;
        float: none
    }
}
.awards-acm.other-rewards .single-award.tripadvisor a {
    text-indent: -9999em;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .awards-acm.other-rewards .single-award.tripadvisor {
        margin: 10px auto
    }
}
.awards-acm .reward {
    margin: 0 40px
}
@media only screen and (max-width: 767px) {
    .awards-acm .reward {
        margin: 10px 40px
    }
}
.awards-acm .with-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
.awards-acm .with-text .page-content {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #d7d7d6
}
@media only screen and (min-width: 768px) {
    .awards-acm .with-text .page-content * {
        text-align: left
    }
}
.awards-acm .with-text .awards-content {
    width: 35%;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: .09px;
    color: #000
}
@media only screen and (max-width: 1023px) {
    .awards-acm .with-text .awards-content {
        width: 100%
    }
}
.awards-acm .awards-slideshow {
    position: relative;
    margin: 0 auto;
    width: 50%
}
@media only screen and (max-width: 1023px) {
    .awards-acm .awards-slideshow {
        width: calc(100% - 128px);
        margin: 40px auto
    }
    .awards-acm .awards-slideshow.no-slider {
        width: 90%
    }
}
.awards-acm .awards-slideshow .rewards-wrapper {
    flex-wrap: nowrap
}
.awards-acm .awards-slideshow.no-slider .rewards-wrapper {
    justify-content: center;
    flex-wrap: wrap
}
.awards-acm .awards-slideshow .slideshow {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto
}
.awards-acm .awards-slideshow .slideshow .slideshow-wrapper .slide {
    width: 20%;
    position: relative;
    margin: 0 2.5%;
    text-align: center;
    display: block
}
@media only screen and (max-width: 767px) {
    .awards-acm .awards-slideshow .slideshow .slideshow-wrapper .slide {
        width: 45%;
        margin: 0 2.5%
    }
}
.awards-acm .awards-slideshow .slideshow .slideshow-wrapper .slide a {
    display: block;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .awards-acm .awards-slideshow .slideshow .slideshow-wrapper.three-items .slide {
        width: calc(33.33333% - 20px);
        margin: 0 10px
    }
}
.awards-acm .awards-slideshow .buttons-wrapper {
    display: block
}
.awards-acm .awards-slideshow.no-slider .buttons-wrapper {
    display: none
}
.awards-acm .awards-slideshow .slideshow-button {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    bottom: 0;
    margin: auto
}
.awards-acm .awards-slideshow .slideshow-button:before {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all .35s ease-in-out
}
.awards-acm .awards-slideshow .slideshow-button.previous {
    left: -64px
}
.awards-acm .awards-slideshow .slideshow-button.next {
    right: -64px
}
.awards-acm .awards-slideshow .slideshow-button.next:before {
    transform: rotate(135deg)
}
.awards-acm .awards-slideshow .slideshow-button:hover:before {
    width: 60%;
    height: 60%
}
.background-with-tabs-content-acm {
    margin-bottom: 160px;
    position: relative;
    overflow: hidden;
    min-height: 700px;
    z-index: 10
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm {
        min-height: auto;
        margin-bottom: 80px
    }
}
.background-with-tabs-content-acm .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .thumbnail {
        height: 355px
    }
}
.background-with-tabs-content-acm .tab-wrapper {
    display: flex;
    width: 460px;
    margin-top: 55px;
    margin-bottom: 50px;
    background-color: #fff;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .tab-wrapper {
        align-items: flex-start;
        margin-top: 170px;
        margin-bottom: 30px;
        width: 100%
    }
}
.background-with-tabs-content-acm .top-heading-small {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .8px
}
.background-with-tabs-content-acm .heading {
    margin-bottom: 25px;
    font-size: 41px;
    line-height: 45px;
    color: #292929;
    text-transform: capitalize
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .heading {
        font-size: 20px;
        line-height: 25px;
        margin-right: 110px
    }
}
.background-with-tabs-content-acm .tabs {
    position: relative;
    display: flex;
    margin-bottom: 25px;
    border-top: 2px solid #dedede
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .tabs {
        margin-bottom: 15px
    }
}
.background-with-tabs-content-acm .tabs li {
    margin-right: 35px
}
.background-with-tabs-content-acm .tabs li:last-child {
    margin-right: 0
}
.background-with-tabs-content-acm .tabs .line {
    position: absolute;
    top: -3px;
    left: 0;
    width: 33%;
    display: block;
    height: 3px;
    background-color: #292929;
    transition: all .35s ease-in-out
}
.background-with-tabs-content-acm .tab {
    position: relative;
    display: block;
    padding-top: 5px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    color: #ddd;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .tab {
        font-size: 12px;
        line-height: 18px
    }
}
.background-with-tabs-content-acm .tab.active {
    color: #292929
}
.background-with-tabs-content-acm .tab-content {
    display: none
}
.background-with-tabs-content-acm .tab-content.active {
    display: block
}
.background-with-tabs-content-acm .tab-content .text {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .2px
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .tab-content .text {
        font-size: 14px;
        line-height: 22px
    }
}
.background-with-tabs-content-acm .tab-content .button {
    position: relative;
    display: inline-block;
    height: auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -.04px;
    border: none
}
.background-with-tabs-content-acm .tab-content .button:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    border: 6px solid transparent;
    border-left-color: #45396a;
    transform: translateY(-50%)
}
.background-with-tabs-content-acm .tab-content .button.close {
    position: absolute;
    top: 0;
    right: 20px;
    width: 55px;
    height: 55px;
    font-size: 0;
    background-color: #45396a
}
.background-with-tabs-content-acm .tab-content .button.close:after,
.background-with-tabs-content-acm .tab-content .button.close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 2px;
    width: 25px;
    background-color: #fff;
    border: none
}
.background-with-tabs-content-acm .tab-content .button.close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}
.background-with-tabs-content-acm .tab-content .button.close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
.background-with-tabs-content-acm .visible-content {
    padding: 35px 13px 35px 35px;
    max-width: 460px
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .visible-content {
        max-width: 100%;
        min-height: 300px;
        padding: 10px 20px 20px;
        border: 1px solid #d7d7d7
    }
}
@media only screen and (max-width: 449px) {
    .background-with-tabs-content-acm .visible-content {
        min-height: 380px
    }
}
.background-with-tabs-content-acm .hide-content {
    display: none;
    margin-left: 13px;
    padding: 35px 85px 50px 30px;
    max-width: 830px;
    background-color: #fff
}
@media only screen and (max-width: 1023px) {
    .background-with-tabs-content-acm .hide-content {
        width: 50%
    }
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .hide-content {
        width: 100%;
        padding: 55px 20px 20px;
        margin: 0
    }
}
.background-with-tabs-content-acm .hide-content.active {
    display: block
}
.background-with-tabs-content-acm .hide-content h4 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase
}
.background-with-tabs-content-acm .hide-content .subheading {
    margin-bottom: 15px;
    margin-right: 30px;
    font-weight: 400;
    font-size: 23px;
    line-height: 31px
}
.background-with-tabs-content-acm .hide-content .content p {
    font-size: 16px;
    line-height: 30px
}
.background-with-tabs-content-acm .hide-content .content p:last-child {
    margin-bottom: 30px
}
.background-with-tabs-content-acm .hide-content .content ol,
.background-with-tabs-content-acm .hide-content .content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 16px;
    line-height: 20px
}
.background-with-tabs-content-acm .hide-content .content ol li,
.background-with-tabs-content-acm .hide-content .content ul li {
    margin-bottom: 15px;
    width: 310px
}
.background-with-tabs-content-acm .tab-wrapper.hide-content-show {
    width: auto
}
@media only screen and (max-width: 1023px) {
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .tabs {
        z-index: -1
    }
}
@media only screen and (max-width: 1023px) {
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content {
        width: 50%
    }
}
@media only screen and (max-width: 767px) {
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content {
        width: 0;
        height: 0;
        padding: 0
    }
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content .button.close {
        right: 10px
    }
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content .heading,
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content .text,
    .background-with-tabs-content-acm .tab-wrapper.hide-content-show .visible-content .top-heading-small {
        font-size: 0
    }
}
.text-with-location-and-images {
    margin-bottom: 115px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images {
        margin-top: 23px;
        margin-bottom: 90px
    }
}
.text-with-location-and-images .column-wrapper {
    display: flex
}
.text-with-location-and-images .left {
    margin-top: -20px;
    width: 32%
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .left {
        margin-top: -5px
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .left {
        display: none
    }
}
.text-with-location-and-images .right {
    padding-top: 55px;
    padding-left: 45px;
    width: 68%
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .right {
        padding-top: 25px;
        padding-left: 25px
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .right {
        padding: 0;
        width: 100%
    }
}
.text-with-location-and-images .right p {
    font-size: 16px;
    line-height: 35px;
    margin: 0
}
.text-with-location-and-images .main-image {
    position: relative;
    width: 100%;
    height: 628px;
    box-shadow: 0 8px 18px -5px rgba(0, 0, 0, .2)
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .main-image {
        height: 565px
    }
}
.text-with-location-and-images .main-image .hovered-content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    background-color: #fff;
    z-index: 3;
    opacity: 0;
    transition: opacity .35s ease-in-out;
    background-size: auto 100%;
    background-repeat: no-repeat
}
.text-with-location-and-images .main-image .hovered-content .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    padding: 50px 40px 20px;
    font-size: 15px;
    line-height: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}
.text-with-location-and-images .main-image .hovered-content .wrapper .title {
    position: relative;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: currentColor
}
.text-with-location-and-images .main-image .hovered-content .wrapper .title:after {
    content: "";
    position: absolute;
    display: block;
    width: 75%;
    height: 1px;
    background-color: currentColor;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.text-with-location-and-images .main-image .hovered-content .wrapper .text-wrapper {
    height: 100%;
    overflow: auto
}
.text-with-location-and-images .main-image .hovered-content .wrapper nav {
    text-align: right;
    margin-top: 30px
}
.text-with-location-and-images .main-image .hovered-content .wrapper nav .learn-more {
    float: none;
    margin-right: -10px
}
.text-with-location-and-images .main-image:hover .hovered-content {
    opacity: 1
}
.text-with-location-and-images .main-image__title {
    position: absolute;
    z-index: 2;
    width: 70%;
    overflow: hidden;
    right: 0;
    bottom: 30px;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .47px;
    text-align: center
}
.text-with-location-and-images .main-image__wrapper {
    position: relative;
    width: 100%;
    height: 100%
}
.text-with-location-and-images .main-image__wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 40%
}
.text-with-location-and-images .text-wrapper {
    display: flex
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .text-wrapper {
        flex-direction: column
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .text-wrapper {
        padding-top: 20px;
        border-top: 1px solid #dedede
    }
}
.text-with-location-and-images .text-wrapper .main-text {
    padding-right: 20px;
    width: 50%;
    border-right: 1px solid #dedede;
    font-size: 16px;
    line-height: 37px;
    letter-spacing: .36px
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .text-wrapper .main-text {
        width: 100%;
        padding-right: 0;
        border: none;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .text-wrapper .main-text {
        display: none
    }
}
.text-with-location-and-images .text-wrapper .small-blocks {
    width: 50%;
    max-width: 330px
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .text-wrapper .small-blocks {
        width: 100%;
        max-width: 100%
    }
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block {
    padding-left: 80px
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .text-wrapper .small-blocks .small-block {
        padding-left: 45px
    }
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block+.small-block {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dedede
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block a,
.text-with-location-and-images .text-wrapper .small-blocks .small-block p {
    margin: 0;
    font-size: 14px;
    line-height: 23px;
    color: #292929;
    text-shadow: none;
    text-transform: none
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block .more-info {
    -moz-column-count: 2;
    column-count: 2
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .text-wrapper .small-blocks .header-tel-number {
        width: auto;
        display: block
    }
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block-title {
    position: relative;
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #292929
}
.text-with-location-and-images .text-wrapper .small-blocks .small-block-title svg {
    position: absolute;
    top: 2px;
    left: -35px;
    min-width: 19px;
    fill: #9fb861;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .4))
}
.text-with-location-and-images .text-wrapper .small-blocks .social-icons {
    clear: both;
    margin-top: 50px
}
.text-with-location-and-images .text-wrapper .small-blocks .social-icons .social-icon {
    display: inline-block;
    margin-right: 21px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    transition: all .35s ease-in-out
}
.text-with-location-and-images .text-wrapper .small-blocks .social-icons .social-icon svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.text-with-location-and-images .text-wrapper .small-blocks .social-icons .social-icon:hover {
    border-color: transparent
}
.text-with-location-and-images .text-wrapper .small-blocks .social-icons .social-icon:hover svg {
    fill: #fff
}
.text-with-location-and-images .images-wrapper {
    display: flex;
    margin-bottom: 40px
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .images-wrapper {
        margin-bottom: 10px
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .images-wrapper {
        margin-bottom: 30px;
        overflow-x: scroll;
        -ms-overflow-style: none
    }
    .text-with-location-and-images .images-wrapper::-webkit-scrollbar {
        width: 0
    }
}
.text-with-location-and-images .images-wrapper .image-wrapper {
    position: relative;
    margin-right: 40px;
    width: 253px;
    height: 203px;
    box-shadow: 0 8px 18px -5px rgba(0, 0, 0, .2);
    overflow: hidden
}
.text-with-location-and-images .images-wrapper .image-wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}
.text-with-location-and-images .images-wrapper .image-wrapper:last-child {
    margin-right: 0
}
@media only screen and (max-width: 1023px) {
    .text-with-location-and-images .images-wrapper .image-wrapper {
        margin-right: 15px;
        width: 230px;
        height: 180px
    }
    .text-with-location-and-images .images-wrapper .image-wrapper:last-child {
        margin-right: 0
    }
}
@media only screen and (max-width: 767px) {
    .text-with-location-and-images .images-wrapper .image-wrapper {
        min-width: 206px
    }
}
.text-with-location-and-images .images-wrapper .image-wrapper .image__title {
    position: absolute;
    width: 70%;
    z-index: 2;
    right: 0;
    bottom: 18px;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 28px;
    line-height: 27px;
    letter-spacing: .47px;
    text-align: center
}
.text-with-location-and-images .learn-more {
    position: relative;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 18px;
    text-transform: uppercase;
    float: right;
    margin-right: 30px
}
.text-with-location-and-images .learn-more:after {
    content: "";
    position: absolute;
    height: 6px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 6px solid transparent;
    border-left-color: currentcolor
}
.explore-your-interest-no-slider .column-wrapper {
    position: relative;
    padding: 0 10px 0 20px
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .column-wrapper {
        padding-top: 10px
    }
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .column-wrapper {
        padding: 40px 10px 0;
        display: flex;
        flex-direction: column
    }
}
.explore-your-interest-no-slider .headings {
    display: inline-block;
    width: calc(50% - 30px);
    padding-top: 60px
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .headings {
        padding-top: 0;
        width: calc(40% - 15px)
    }
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .headings {
        width: 100%
    }
}
.explore-your-interest-no-slider .headings .headings-icon {
    top: 60px
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .headings .headings-icon {
        top: 0
    }
}
.explore-your-interest-no-slider .headings .top-heading+.h1-like {
    margin-bottom: 25px
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .headings .top-heading+.h1-like {
        margin-bottom: 15px
    }
}
.explore-your-interest-no-slider .left {
    display: inline-block;
    width: calc(50% - 45px);
    padding-top: 35px
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .left {
        width: calc(40% - 15px)
    }
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .left {
        width: calc(100% - 25px);
        padding-top: 15px
    }
}
.explore-your-interest-no-slider .right {
    display: inline-block;
    width: 50%;
    float: right
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .right {
        width: 60%
    }
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .right {
        float: none;
        width: calc(100% + 10px);
        margin-right: -10px
    }
}
.explore-your-interest-no-slider .right .slideshow {
    overflow: hidden;
    position: relative
}
.explore-your-interest-no-slider .right .slideshow .slideshow-navigation {
    display: none
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .right .slideshow .slideshow-navigation {
        display: block;
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        width: 20%
    }
    .explore-your-interest-no-slider .right .slideshow .slideshow-navigation .slideshow-button {
        font-size: 0;
        width: 100%;
        height: 100%
    }
}
.explore-your-interest-no-slider .category-buttons {
    position: relative;
    margin-bottom: 35px;
    display: flex
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .category-buttons {
        margin-bottom: 15px
    }
}
.explore-your-interest-no-slider .category-buttons:before {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
    width: 100%;
    background-color: #dedede
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .category-buttons:before {
        display: none
    }
}
.explore-your-interest-no-slider .category-buttons .category {
    position: relative;
    display: block;
    padding: 5px 0;
    margin: 0 35px 0 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    color: #292929;
    background-color: transparent;
    width: auto;
    height: auto;
    letter-spacing: normal;
    text-transform: uppercase;
    white-space: normal
}
.explore-your-interest-no-slider .category-buttons .category:hover {
    text-decoration: none
}
@media only screen and (min-width: 1280px) {
    .explore-your-interest-no-slider .category-buttons .category {
        white-space: nowrap
    }
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .category-buttons .category {
        width: auto;
        margin-right: 15px;
        font-size: 10px;
        line-height: 18px;
        text-align: left
    }
    .explore-your-interest-no-slider .category-buttons .category.active {
        font-size: 16px
    }
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .category-buttons .category {
        display: none;
        margin-right: auto;
        padding: 0
    }
    .explore-your-interest-no-slider .category-buttons .category.active {
        display: block
    }
}
.explore-your-interest-no-slider .category-buttons .line {
    position: absolute;
    top: -1px;
    left: 0;
    width: 50%;
    display: block;
    height: 3px;
    background-color: #292929;
    transition: all .35s ease-in-out
}
@media only screen and (max-width: 1023px) {
    .explore-your-interest-no-slider .category-buttons .line {
        display: none
    }
}
.explore-your-interest-no-slider .text-wrapper {
    display: none
}
.explore-your-interest-no-slider .text-wrapper.active,
.explore-your-interest-no-slider .text-wrapper .content-full {
    display: block
}
.explore-your-interest-no-slider .text-wrapper .content-cut {
    display: none
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .text-wrapper .content-cut,
    .explore-your-interest-no-slider .text-wrapper .content-full:not(.only) {
        display: none
    }
    .explore-your-interest-no-slider .text-wrapper .content-cut.show,
    .explore-your-interest-no-slider .text-wrapper .content-full.show {
        display: block
    }
}
.explore-your-interest-no-slider .image-wrapper {
    position: relative;
    width: 100%;
    height: 800px;
    box-shadow: 0 8px 18px -5px rgba(0, 0, 0, .2)
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .image-wrapper {
        height: 205px;
        width: 90%;
        box-shadow: none
    }
}
.explore-your-interest-no-slider .buttons-wrapper {
    position: relative;
    padding-top: 23px
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .buttons-wrapper {
        padding-top: 0
    }
}
.explore-your-interest-no-slider .buttons-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    background-color: #dedede
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .buttons-wrapper:before {
        display: none
    }
}
.explore-your-interest-no-slider .buttons-wrapper .button {
    display: inline-block;
    margin-left: auto;
    width: 175px;
    height: auto;
    line-height: 22px;
    padding: 10px;
    color: #007ca5;
    background: none;
    white-space: normal
}
.explore-your-interest-no-slider .buttons-wrapper .button:hover {
    text-decoration: underline;
    background: none
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .buttons-wrapper .button {
        width: 100%
    }
}
.explore-your-interest-no-slider .buttons-wrapper .button.read-less,
.explore-your-interest-no-slider .buttons-wrapper .button.read-more {
    display: none
}
@media only screen and (max-width: 767px) {
    .explore-your-interest-no-slider .buttons-wrapper .button.read-less,
    .explore-your-interest-no-slider .buttons-wrapper .button.read-more {
        display: inline-block
    }
}
.explore-your-interest-no-slider .buttons-wrapper .button.read-less .read-more-caption,
.explore-your-interest-no-slider .buttons-wrapper .button.read-more .read-less-caption {
    display: none
}
.categories-plus-rooms {
    position: relative;
    padding-bottom: 160px
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms {
        padding-bottom: 50px
    }
}
.categories-plus-rooms .header {
    text-align: center
}
.categories-plus-rooms .header .top-heading+.h1-like {
    margin-bottom: 0
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .header {
        margin-bottom: 10px
    }
}
.categories-plus-rooms .content {
    font-size: 16px;
    letter-spacing: .36px;
    line-height: 37px;
    text-align: center
}
.categories-plus-rooms .items-wrapper {
    position: relative
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper {
        padding-top: 40px
    }
}
.categories-plus-rooms .items-wrapper .items-categories-selector {
    display: block;
    width: auto;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .items-categories-selector {
        position: absolute;
        width: calc(100% - 26px);
        top: 0;
        left: 13px;
        padding: 0
    }
    .categories-plus-rooms .items-wrapper .items-categories-selector:after {
        top: 16px;
        z-index: 1
    }
}
.categories-plus-rooms .items-wrapper .items-categories-selector button:after {
    top: -14px;
    bottom: auto
}
.categories-plus-rooms .items-wrapper .slider-container {
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container {
        overflow: visible
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item {
    position: relative;
    display: block;
    width: 80%;
    max-width: 1078px;
    height: 554px;
    transform: scale(.97, .94);
    transition: transform .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 90%;
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #d7d7d6;
        box-shadow: 0 13px 35px -15px rgba(0, 0, 0, .5);
        background-color: #fff
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item:before {
    content: "";
    background: hsla(0, 0%, 100%, .6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    visibility: visible;
    transition: all .35s ease-in-out
}
.categories-plus-rooms .items-wrapper .slider-container .item.swiper-slide-active {
    box-shadow: none;
    transform: none
}
.categories-plus-rooms .items-wrapper .slider-container .item.swiper-slide-active:before {
    visibility: hidden;
    opacity: 0
}
.categories-plus-rooms .items-wrapper .slider-container .item.swiper-slide-active .item-info {
    opacity: 1
}
.categories-plus-rooms .items-wrapper .slider-container .item .thumb {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #706d5e;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .thumb {
        height: 180px
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info {
    position: absolute;
    top: 50px;
    left: 30px;
    height: auto;
    width: 330px;
    padding: 18px;
    text-align: left;
    background-color: #fff;
    opacity: 0;
    box-shadow: 0 10px 13px -2px rgba(0, 0, 0, .5);
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info {
        position: relative;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        top: auto;
        left: auto;
        width: 100%;
        box-shadow: none;
        border: none;
        padding: 12px;
        text-align: center;
        opacity: 1
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .top-heading {
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 13px;
    line-height: 26px
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info .top-heading {
        margin-right: 0
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info h3 {
    position: relative;
    padding-bottom: 10px;
    margin: 0 0 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    max-width: 275px;
    text-transform: capitalize
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info h3 {
        margin: 0 auto 5px;
        padding: 0
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #979797
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info h3:before {
        display: none
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info p {
    margin: 0 0 15px;
    height: auto;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info p {
        display: none
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper {
    margin-top: 35px;
    margin-bottom: 90px
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper {
        margin-top: 0;
        margin-bottom: 25px
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper .play-video {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .3px;
    position: relative;
    padding-left: 28px;
    margin-right: 30px
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper .play-video:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #282828;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper .play-video:after {
    content: "";
    position: absolute;
    border: 4px solid transparent;
    border-left: 6px solid #282828;
    top: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
    height: 7px
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .media-buttons-wrapper .show-gallery-button {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .3px;
    padding-left: 28px;
    background-image: url(../images/photo.html);
    background-repeat: no-repeat;
    background-position: 0
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info .buttons-wrapper {
        margin-top: auto;
        justify-content: center
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .buttons-wrapper .read-more {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 10px
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .buttons-wrapper .read-more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    border: 5px solid transparent;
    border-left-color: #212529;
    transform: translateY(-50%)
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .buttons-wrapper .button {
    font-weight: 600
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .price-wrapper {
    display: block;
    font-size: 11px;
    color: #292929;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: right;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .item .item-info .price-wrapper {
        margin: 0 auto 22px;
        text-align: center
    }
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .price-wrapper .price {
    margin-right: 3px;
    margin-left: 10px;
    font-size: 29px;
    color: #231f20
}
.categories-plus-rooms .items-wrapper .slider-container .item .item-info .price-wrapper .suffix {
    display: inline-block;
    max-width: 30px;
    line-height: 15px
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper {
    max-width: 1078px;
    margin: 0 auto;
    width: 80%;
    position: absolute;
    left: 50%;
    right: auto;
    top: 0;
    transform: translateX(-50%)
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button {
    position: absolute;
    left: 0;
    top: 0;
    height: 615px;
    width: 100%;
    font-size: 0;
    text-indent: -9999em;
    background: transparent;
    border: none
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button {
        display: none
    }
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button:before {
    content: url(../images/arrow-white.html);
    position: absolute;
    top: 50%;
    right: 50px;
    display: block;
    transform: translateY(-50%)
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button.next {
    transform: scaleX(-1)
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button.previous {
    left: -100%;
    transform: none
}
.categories-plus-rooms .items-wrapper .slider-container .arrows-wrapper .slideshow-button.next {
    left: auto;
    right: -100%
}
.categories-plus-rooms.rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 13px 0
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms.rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper {
        position: relative;
        margin: 0;
        padding: 0;
        display: block
    }
    .categories-plus-rooms.rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper:after {
        display: none
    }
}
.categories-plus-rooms.rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #dedede
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms.rooms-specials-layout .items-wrapper .items-categories-selector .items-categories-wrapper:before {
        display: none
    }
}
.categories-plus-rooms .room-gallery {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 60px 90px 200px;
    background-color: #fff;
    z-index: 100;
    transition: top .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .room-gallery {
        padding: 20px
    }
}
.categories-plus-rooms .room-gallery.active {
    display: block
}
.top-banner-enabled .categories-plus-rooms .room-gallery {
    top: 90px
}
@media only screen and (max-width: 767px) {
    .top-banner-enabled .categories-plus-rooms .room-gallery {
        top: 165px
    }
}
.top-banner-closed .categories-plus-rooms .room-gallery {
    top: 0
}
@media only screen and (max-width: 767px) {
    .top-banner-closed .categories-plus-rooms .room-gallery {
        top: 0
    }
}
.categories-plus-rooms .room-gallery .button-close {
    position: absolute;
    top: 60px;
    right: 90px;
    width: 46px;
    height: 46px;
    background-color: #fff;
    z-index: 1;
    cursor: pointer
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .room-gallery .button-close {
        top: 20px;
        right: 20px
    }
}
.categories-plus-rooms .room-gallery .button-close:after,
.categories-plus-rooms .room-gallery .button-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    width: 30px;
    background-color: #292929
}
.categories-plus-rooms .room-gallery .button-close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}
.categories-plus-rooms .room-gallery .button-close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
.categories-plus-rooms .room-gallery .slider-container {
    width: 100%;
    height: 100%
}
.categories-plus-rooms .room-gallery .slider-container .slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    transition-property: transform
}
.categories-plus-rooms .room-gallery .slider-container .slider-wrapper .slide-wrapper {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}
@media only screen and (max-width: 767px) {
    .categories-plus-rooms .room-gallery .slider-container .slider-wrapper .slide-wrapper {
        max-height: 419px
    }
}
@media only screen and (max-width: 449px) {
    .categories-plus-rooms .room-gallery .slider-container .slider-wrapper .slide-wrapper {
        max-height: 300px
    }
}
.categories-plus-rooms .room-gallery .slider-container .slider-wrapper .slide-wrapper .photo-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #776453;
    box-shadow: 0 8px 18px -5px rgba(0, 0, 0, .2)
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 10px
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper .slideshow-button {
    font-size: 0;
    display: flex;
    align-items: center
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper .slideshow-button svg {
    fill: #5d507c
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper .slideshow-button.swiper-button-disabled svg {
    opacity: .5
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper .slideshow-button.previous {
    transform: scale(-1)
}
.categories-plus-rooms .room-gallery .slider-container .arrows-wrapper .pagination {
    margin: 0 20px;
    font-style: italic;
    font-size: 18px;
    line-height: 22px;
    color: #2d2929
}
.video-with-content {
    padding: 0;
    margin: 100px 0;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .video-with-content {
        margin: 48px 0
    }
}
.page-content.video-sidebar {
    position: relative
}
.page-content.video-sidebar .video-thumb {
    position: absolute;
    min-height: 668px;
    height: 100%;
    width: 61%;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .page-content.video-sidebar .video-thumb {
        width: 50%
    }
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .video-thumb {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding-bottom: 70%;
        min-height: 100%;
        margin-bottom: 24px
    }
}
.page-content.video-sidebar .video-thumb .play-video {
    position: absolute;
    border: 2px solid #282828;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    bottom: 25px;
    right: 28px;
    text-indent: -9999em;
    font-size: 0;
    opacity: 1;
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .video-thumb .play-video {
        border-color: #fff;
        right: auto;
        bottom: auto;
        left: 50%;
        top: 50%;
        width: 47px;
        height: 47px;
        margin-top: 10px;
        transform: translate(-50%, -50%)
    }
}
.page-content.video-sidebar .video-thumb .play-video svg {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -1px;
    transform: translate(-50%, -50%);
    transition: opacity .35s ease-in-out
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .video-thumb .play-video svg {
        fill: #fff;
        width: 47px;
        height: 47px
    }
}
.page-content.video-sidebar .video-thumb .play-video:hover {
    opacity: .7
}
.page-content.video-sidebar .video-thumb .play-video:hover svg {
    opacity: .8
}
.page-content.video-sidebar .content-wrapper {
    float: right;
    width: 39%;
    padding: 10px 30px 10px 60px;
    min-height: 668px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .page-content.video-sidebar .content-wrapper {
        width: 50%;
        padding: 10px 20px
    }
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper {
        width: 100%;
        padding: 0
    }
}
.page-content.video-sidebar .content-wrapper .like-h1 {
    font: 300 24px/31px Source Sans Pro, Arial, sans-serif;
    text-transform: uppercase;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper .like-h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 6px;
        text-align: center
    }
}
.page-content.video-sidebar .content-wrapper h2 {
    font: 300 84px/74px Source Sans Pro, Arial, sans-serif;
    text-transform: none;
    color: #282828;
    margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper h2 {
        font-size: 50px;
        line-height: 57px;
        margin-bottom: 22px;
        text-align: center
    }
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper p {
        font-size: 16px;
        line-height: 38px
    }
}
@media only screen and (max-width: 767px) {
    .page-content.video-sidebar .content-wrapper .button {
        width: 100%
    }
}
.feedback-block {
    position: relative;
    background-color: #2b4685;
    padding: 160px 160px 110px
}
@media only screen and (max-width: 1023px) {
    .feedback-block {
        padding: 100px 100px 70px
    }
}
@media only screen and (max-width: 767px) {
    .feedback-block {
        padding: 35px 20px 30px
    }
}
.feedback-block:before {
    content: url(../images/quote.html);
    position: relative;
    display: block;
    margin: 0 auto 60px;
    width: 65px;
    height: 53px
}
@media only screen and (max-width: 767px) {
    .feedback-block:before {
        transform: scale(.56);
        margin-bottom: 0
    }
}
.feedback-block .page-content {
    max-width: 1045px;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    .feedback-block .page-content {
        margin-top: 20px
    }
}
.feedback-block .comment {
    transition: opacity .35s ease-in-out
}
.feedback-block .comment-text {
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 45px;
    color: #fff;
    letter-spacing: .5px;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .feedback-block .comment-text {
        margin-bottom: 50px;
        font-size: 21px;
        line-height: 30px
    }
}
.feedback-block .comment-author {
    margin-bottom: 25px;
    font-size: 29px;
    line-height: 41px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .9px;
    text-align: center;
    font-style: italic
}
@media only screen and (max-width: 767px) {
    .feedback-block .comment-author {
        margin: 0 55px 15px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}
.feedback-block .travel-logo-wrapper {
    position: relative;
    display: block;
    margin: 0 auto 65px;
    width: 100px;
    height: 100px
}
@media only screen and (max-width: 767px) {
    .feedback-block .travel-logo-wrapper {
        width: 50px;
        height: 50px
    }
}
.feedback-block .comments-slider-pagination {
    position: static;
    margin: 0;
    transform: none
}
.feedback-block .comments-slider-pagination .swiper-pagination-bullet {
    display: inline-block;
    margin-right: 15px
}
.property-special-offers .background-wrapper {
    padding-top: 70px;
    padding-bottom: 95px;
    margin-bottom: 135px
}
@media only screen and (max-width: 1023px) {
    .property-special-offers .background-wrapper {
        padding-top: 50px;
        padding-bottom: 60px;
        margin-bottom: 80px
    }
}
@media only screen and (max-width: 767px) {
    .property-special-offers .background-wrapper {
        padding-top: 30px;
        padding-bottom: 0
    }
}
.property-special-offers .property-special-offers-wrapper {
    overflow: hidden
}
.property-special-offers .top-heading {
    text-align: center
}
.property-special-offers.acm-block .top-heading+.h1-like {
    margin-bottom: 15px;
    text-align: center
}
.property-special-offers .special-offers {
    position: relative
}
@media only screen and (max-width: 767px) {
    .property-special-offers .special-offers {
        padding-bottom: 70px
    }
}
.property-special-offers .all-specials {
    position: absolute;
    right: 0;
    top: -35px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .property-special-offers .all-specials {
        top: auto;
        bottom: 20px;
        font-size: 12px
    }
}
.property-special-offers .all-specials:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    border: 7px solid transparent;
    border-left-color: inherit;
    transform: translateY(-50%)
}
@media only screen and (max-width: 767px) {
    .property-special-offers .all-specials:before {
        border-width: 5px
    }
}
.property-special-offers .slider-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}
.property-special-offers .offer {
    display: flex;
    flex-direction: column;
    width: 310px;
    height: 400px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 13px 35px -15px rgba(0, 0, 0, .5)
}
.property-special-offers .offer:nth-child(4n) {
    margin-right: 0
}
.property-special-offers .offer.featured .page-content h2 {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 23px;
    text-transform: uppercase;
    text-align: center;
    color: #282828
}
.property-special-offers .offer.featured .page-content h3 {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    color: #282828;
    text-transform: capitalize
}
.property-special-offers .offer.featured .page-content h4 {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #282828;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .property-special-offers .offer {
        width: 100%;
        margin-right: 0
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-special-offers .offer.one-slide .page-content,
    .property-special-offers .offer.one-slide .thumb {
        width: 50%
    }
}
@media only screen and (min-width: 1024px) {
    .property-special-offers .offer.one-slide .thumb {
        width: 65%
    }
    .property-special-offers .offer.one-slide .page-content {
        width: 35%
    }
}
@media only screen and (min-width: 768px) {
    .property-special-offers .offer.one-slide {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 0 auto
    }
    .property-special-offers .offer.one-slide .thumb {
        height: 100%;
        margin: 0;
        background-repeat: no-repeat;
        background-size: cover
    }
    .property-special-offers .offer.one-slide .page-content {
        display: block;
        margin: 0;
        padding: 25px 15px 110px 25px;
        background-color: #fff;
        text-align: left
    }
    .property-special-offers .offer.one-slide .page-content .heading {
        text-align: center;
        font-size: 32px;
        line-height: 37px
    }
    .property-special-offers .offer.one-slide .buttons-wrapper {
        position: absolute;
        right: 20px;
        bottom: 20px;
        max-width: calc(35% - 35px)
    }
    .property-special-offers .offer.one-slide .buttons-wrapper .learn-more {
        flex-grow: unset
    }
    .property-special-offers .offer.one-slide .buttons-wrapper .book-now {
        padding: 10px 40px
    }
    .property-special-offers .offer.one-slide .price-wrapper {
        position: absolute;
        right: 20px;
        bottom: 60px;
        margin-top: 20px;
        margin-bottom: 10px
    }
    .property-special-offers .offer.two-slides {
        width: calc(50% - 20px)
    }
    .property-special-offers .offer.featured {
        margin-bottom: 20px
    }
    .property-special-offers .offer.featured:last-child {
        margin-bottom: 0
    }
    .property-special-offers .offer.featured .thumb {
        height: auto;
        min-height: 183px
    }
    .property-special-offers .offer.featured .page-content h2 {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 27px
    }
    .property-special-offers .offer.featured .page-content h3 {
        font-size: 32px;
        line-height: 27px
    }
    .property-special-offers .offer.featured .page-content h4 {
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        color: #282828;
        text-align: center
    }
}
.property-special-offers .thumb {
    position: relative;
    width: 100%;
    height: 183px;
    margin-bottom: 15px
}
.property-special-offers .heading {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #292929;
    text-transform: capitalize
}
.property-special-offers .content {
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 300
}
.property-special-offers .buttons-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
    flex-wrap: wrap
}
.property-special-offers .learn-more {
    display: block;
    position: relative;
    text-align: right;
    width: auto;
    padding: 10px 25px 10px 10px;
    margin-right: auto;
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: -.04px;
    text-transform: uppercase;
    flex-grow: 1
}
.property-special-offers .learn-more:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    border: 5px solid transparent;
    border-left-color: inherit;
    transform: translateY(-50%)
}
.property-special-offers .book-now {
    display: block;
    width: auto;
    padding: 10px 30px;
    color: #fff;
    background-color: #000;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    flex-grow: 1
}
.property-special-offers .arrows-wrapper {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}
.property-special-offers .slideshow-button {
    font-size: 0;
    display: flex;
    align-items: center
}
@media only screen and (max-width: 767px) {
    .property-special-offers .slideshow-button {
        display: none
    }
}
.property-special-offers .slideshow-button.previous {
    margin-right: 30px
}
.property-special-offers .slideshow-button.next {
    transform: scaleX(-1)
}
.property-special-offers .slideshow-button.swiper-button-disabled {
    opacity: .5
}
.property-special-offers .pagination {
    position: relative;
    width: 100%;
    display: none;
    justify-content: center
}
@media only screen and (max-width: 767px) {
    .property-special-offers .pagination {
        display: flex
    }
}
.property-special-offers .pagination .swiper-pagination-bullet {
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    margin: 0 15px 0 0;
    font-size: 0;
    border: 1px solid #767d81
}
.property-special-offers .pagination .swiper-pagination-bullet.active {
    background-color: #767d81
}
.property-special-offers .pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}
.property-special-offers .swiper-container-initialized .arrows-wrapper {
    display: flex
}
.property-special-offers .swiper-container-initialized .slider-wrapper {
    flex-wrap: nowrap;
    justify-content: normal
}
.property-special-offers .price-wrapper {
    position: relative;
    text-align: right
}
.property-special-offers .price-wrapper sup {
    font-size: 12px;
    letter-spacing: .84px;
    line-height: 18px;
    display: inline-block;
    padding-top: 6px;
    vertical-align: top
}
.property-special-offers .price-wrapper .price-copy {
    font-size: 33px;
    line-height: 48px;
    letter-spacing: .84px;
    font-weight: 700
}
.property-special-offers .price-wrapper .currency-copy {
    position: absolute;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .84px;
    text-transform: uppercase;
    padding: 13px 3px 3px
}
.property-special-offers .price-wrapper .currency-copy_append {
    top: 10px;
    transform: translateX(-100%)
}
.property-special-offers .price-wrapper .price-suffix {
    display: inline-block;
    min-width: 20px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: .84px;
    text-transform: uppercase
}
.property-rooms-widget.v2 {
    padding-bottom: 50px;
    margin: 0
}
.property-rooms-widget.v2 .items-wrapper .slider-container {
    padding: 0 40px
}
@media only screen and (max-width: 1023px) {
    .property-rooms-widget.v2 .items-wrapper .slider-container {
        padding: 0 0 20px
    }
}
.property-rooms-widget.v2 .items-wrapper .item {
    position: relative;
    margin-right: 30px;
    margin-top: 60px;
    margin-bottom: 95px;
    height: auto;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}
@media only screen and (max-width: 1023px) {
    .property-rooms-widget.v2 .items-wrapper .item {
        margin-top: 20px;
        margin-bottom: 10px
    }
}
.property-rooms-widget.v2 .items-wrapper .item:before {
    display: none
}
.property-rooms-widget.v2 .items-wrapper .item.swiper-slide-active {
    margin: 0;
    height: 100%
}
@media only screen and (max-width: 1023px) {
    .property-rooms-widget.v2 .items-wrapper .item.swiper-slide-active {
        height: 100%
    }
}
.property-rooms-widget.v2 .items-wrapper .item.swiper-slide-active p {
    display: block
}
.property-rooms-widget.v2 .items-wrapper .item .thumb {
    height: 225px
}
.property-rooms-widget.v2 .items-wrapper .item .item-info {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 18px 30px 30px;
    border: none;
    box-shadow: none
}
@media only screen and (max-width: 1023px) {
    .property-rooms-widget.v2 .items-wrapper .item .item-info {
        padding: 20px
    }
    .property-rooms-widget.v2 .items-wrapper .item .item-info .button {
        padding: 0
    }
}
.property-rooms-widget.v2 .items-wrapper .item .item-info h3 {
    text-transform: capitalize
}
.property-rooms-widget.v2 .items-wrapper .item .item-info .read-more-and-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}
.property-rooms-widget.v2 .items-wrapper .item .item-info .price-wrapper {
    text-align: right
}
.property-rooms-widget.v2 .items-wrapper .item p {
    display: none
}
.property-rooms-widget.v2 .items-wrapper .slider-container .arrows-wrapper .slideshow-button {
    width: 30px;
    background-color: #fff
}
.property-rooms-widget.v2 .items-wrapper .slider-container .arrows-wrapper .slideshow-button:before {
    content: url(../images/arrow-green.html);
    right: 0
}
.property-rooms-widget.v2 .items-wrapper .slider-container .arrows-wrapper .slideshow-button.previous {
    left: -133px
}
.property-rooms-widget.v2 .items-wrapper .slider-container .arrows-wrapper .slideshow-button.next {
    right: -133px
}
.property-rooms-widget.v2 .items-categories-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 13px 0
}
@media only screen and (max-width: 767px) {
    .property-rooms-widget.v2 .items-categories-wrapper {
        position: relative;
        margin: 0;
        padding: 0;
        display: block
    }
    .property-rooms-widget.v2 .items-categories-wrapper:after {
        display: none
    }
}
.property-rooms-widget.v2 .items-categories-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #dedede
}
@media only screen and (max-width: 767px) {
    .property-rooms-widget.v2 .items-categories-wrapper:before {
        display: none
    }
}
.property-rooms-widget.v2 .items-wrapper .items-categories-selector:after {
    top: 14px;
    bottom: auto
}
.property-rooms-widget.v2 .items-categories-selector button,
.property-rooms-widget.v2 .items-categories-selector button.active {
    border: none
}
.big-video {
    margin-bottom: 116px
}
.big-video .video {
    position: relative
}
.big-video .video:before {
    content: "";
    display: block;
    padding-top: 44.22%
}
.big-video .play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 11px solid #fff;
    width: 110px;
    height: 110px;
    font-size: 0;
    line-height: 0;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5));
    transition: transform .35s ease-in-out
}
.big-video .play-video:hover {
    transform: translate(-50%, -50%) scale(1.2)
}
.big-video .play-video svg {
    width: 100%;
    height: 100%;
    fill: #fff
}
.property-specials-slideshow {
    margin-bottom: 74px
}
.property-specials-slideshow .page-content {
    margin-bottom: 30px;
    text-align: center
}
.property-specials-slideshow .h1-like {
    margin-bottom: 13px
}
.property-specials-slideshow .specials {
    position: relative
}
.property-specials-slideshow .slideshow {
    overflow: hidden
}
.property-specials-slideshow .slideshow-wrapper {
    display: flex
}
.property-specials-slideshow .price-and-buttons {
    margin-top: auto;
    padding: 0 20px 20px
}
.property-specials-slideshow .slide {
    min-height: 462px;
    height: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid #d7d7d6;
    position: relative
}
.property-specials-slideshow .slide .thumbnail {
    margin-bottom: 15px;
    height: 224px;
    position: relative
}
.property-specials-slideshow .slide .content {
    margin-bottom: 25px;
    padding: 0 20px;
    position: relative
}
.property-specials-slideshow .slide h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1.292em;
    font-weight: 600
}
.property-specials-slideshow .slide p {
    font-size: 16px;
    line-height: 1.5em
}
.property-specials-slideshow .slide .buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.property-specials-slideshow .slide .buttons a {
    min-width: calc(50% - 10px);
    line-height: 25px;
    border: 1px solid #5b517b;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    text-decoration: none;
    color: #5b517b;
    flex-grow: 1
}
@media only screen and (max-width: 767px) {
    .property-specials-slideshow .slide .buttons a {
        width: 100%;
        margin-bottom: 10px
    }
    .property-specials-slideshow .slide .buttons a:last-child {
        margin-bottom: 0
    }
}
.property-specials-slideshow .slide .buttons a.book-now,
.property-specials-slideshow .slide .buttons a.learn-more:hover {
    background: #5b517b;
    color: #fff
}
.property-specials-slideshow .slide .buttons a.book-now:hover {
    background: transparent;
    color: #5b517b
}
.property-specials-slideshow .slideshow-button {
    display: none;
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
    font-size: 0
}
@media only screen and (min-width: 1440px) {
    .property-specials-slideshow .slideshow-button {
        display: block
    }
}
.property-specials-slideshow .slideshow-button:after {
    content: "";
    position: absolute;
    left: 17px;
    top: 7px;
    width: 30px;
    height: 30px;
    border: 1px solid #262323;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    transition: border 186ms
}
.property-specials-slideshow .slideshow-button.previous {
    right: calc(100% + 20px)
}
.property-specials-slideshow .slideshow-button.next {
    left: calc(100% + 20px)
}
.property-specials-slideshow .slideshow-button.next:after {
    left: -1px;
    transform: rotate(225deg)
}
.property-specials-slideshow .pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px
}
@media only screen and (min-width: 1440px) {
    .property-specials-slideshow .pagination {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .property-specials-slideshow .pagination {
        display: none
    }
}
.property-specials-slideshow .pagination .progress {
    margin: 0 8px
}
.property-specials-slideshow .pagination-button {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0
}
.property-specials-slideshow .pagination-button:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #262323;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    transition: border 186ms
}
.property-specials-slideshow .pagination-button.next:after {
    left: 2px;
    transform: rotate(225deg)
}
.property-specials-slideshow .price {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: 10px;
    font-size: 33px;
    font-weight: 700;
    line-height: 33px;
    text-align: left
}
.property-specials-slideshow .price span {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    margin: 5px 5px 0
}
.property-specials-slideshow .price span:first-child {
    text-transform: lowercase
}
.filterable-offers {
    position: relative;
    margin-bottom: 106px;
    z-index: 5
}
@media only screen and (max-width: 767px) {
    .filterable-offers {
        margin-bottom: 50px
    }
}
.filterable-offers .page-content {
    width: 50%
}
@media only screen and (max-width: 1023px) {
    .filterable-offers .page-content {
        width: 100%;
        text-align: center
    }
}
.filterable-offers .offers {
    position: relative
}
.filterable-offers .offers>.wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px
}
.filterable-offers .offers>.wrapper>* {
    margin: 0 10px 20px;
    width: calc(25% - 20px)
}
@media only screen and (min-width: 1280px) {
    .filterable-offers .offers>.wrapper {
        margin: 0 -20px -20px
    }
    .filterable-offers .offers>.wrapper>* {
        margin: 0 20px 40px;
        width: calc(25% - 40px)
    }
}
@media only screen and (min-width: 1440px) {
    .filterable-offers .offers>.wrapper {
        margin: 0 -25px -25px
    }
    .filterable-offers .offers>.wrapper>* {
        margin: 0 25px 50px;
        width: calc(25% - 50px)
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .filterable-offers .offers>.wrapper>* {
        width: calc(33.33% - 20px)
    }
}
@media only screen and (max-width: 767px) {
    .filterable-offers .offers>.wrapper>* {
        width: 100%
    }
}
.filterable-offers .filter {
    position: absolute;
    right: 0;
    bottom: calc(100% + 35px);
    width: calc(50% - 10px);
    margin: 0;
    z-index: 5
}
@media only screen and (min-width: 1280px) {
    .filterable-offers .filter {
        width: calc(50% - 20px)
    }
}
@media only screen and (min-width: 1440px) {
    .filterable-offers .filter {
        width: calc(50% - 25px)
    }
}
@media only screen and (max-width: 1023px) {
    .filterable-offers .filter {
        position: relative;
        right: auto;
        bottom: auto;
        width: 50%;
        margin: 0 auto 40px
    }
}
@media only screen and (max-width: 767px) {
    .filterable-offers .filter {
        width: 100%
    }
}
.filterable-offers .filter label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 1.5em;
    color: #2d2929;
    text-transform: uppercase
}
.filterable-offers .filter select {
    display: block;
    width: 100%
}
.filterable-offers .select2-container {
    width: 100%!important
}
.filterable-offers .select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}
.filterable-offers .select2 {
    display: block
}
.filterable-offers .select2-selection {
    position: relative;
    display: block;
    min-height: 45px;
    padding-right: 40px;
    border-bottom: 1px solid #767d81
}
.filterable-offers .select2-selection ul {
    display: inline
}
.filterable-offers .select2-selection ul li {
    display: inline-block;
    vertical-align: top
}
.filterable-offers .select2-selection:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 14px;
    width: 0;
    height: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 7px 5px 0
}
.filterable-offers .select2-selection__choice {
    position: relative;
    background: hsla(0, 0%, 84.7%, .48);
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 0 38px 0 8px;
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    font-size: 14px
}
.filterable-offers .select2-selection__choice__display {
    vertical-align: middle
}
.filterable-offers .select2-selection__choice__remove {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 22px;
    height: 22px;
    background: #d8d8d8;
    border-radius: 50%
}
.filterable-offers .select2-selection__choice__remove:after,
.filterable-offers .select2-selection__choice__remove:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 13px;
    background: #262323;
    transform: translate(-50%, -50%) rotate(45deg)
}
.filterable-offers .select2-selection__choice__remove:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
.filterable-offers .select2-selection__choice__remove span {
    font-size: 0
}
.filterable-offers .select2-search__field {
    line-height: 34px
}
.filterable-offers .select2-dropdown {
    background-color: #fff;
    border: 1px solid #767d81;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    margin-top: 10px;
    position: absolute;
    left: -100000px;
    width: 100%
}
.filterable-offers .select2-container--open .select2-dropdown {
    left: 0
}
.filterable-offers .select2-results__options {
    padding: 8px
}
.filterable-offers .select2-results__option {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 24px;
    padding: 5px 8px;
    cursor: pointer
}
.filterable-offers .select2-results__option:last-child {
    margin-bottom: 0
}
.filterable-offers .select2-results__option--highlighted,
.filterable-offers .select2-results__option--selected {
    background: rgba(0, 0, 0, .05);
    border-radius: 4px
}
.filterable-offers .select2-results__option--highlighted {
    background: rgba(0, 0, 0, .08)
}
.filterable-offers .offer {
    position: relative;
    display: flex;
    min-height: 240px;
    z-index: 1
}
.filterable-offers .offer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 58%, rgba(45, 41, 41, .73) 80%, #473939);
    z-index: 2
}
.filterable-offers .offer.no-image {
    background: #000
}
.filterable-offers .image {
    z-index: 1
}
.filterable-offers .titles {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 20px;
    opacity: 1;
    z-index: 4
}
.filterable-offers .top-title {
    display: block;
    font-size: 14px;
    line-height: 1.429em;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}
.filterable-offers .title {
    font-size: 18px;
    line-height: 1.167em;
    color: #fff;
    letter-spacing: .07px;
    font-weight: 700
}
.filterable-offers .popup {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 20px 15px;
    background: rgba(45, 41, 41, .9);
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
    z-index: 5
}
@media only screen and (min-width: 1280px) {
    .filterable-offers .popup {
        padding: 30px 20px 15px
    }
}
.filterable-offers .offer:focus-within .popup,
.filterable-offers .offer:focus .popup,
.filterable-offers .offer:hover .popup {
    opacity: 1;
    visibility: visible
}
.filterable-offers .offer:hover .titles {
    opacity: 0
}
.filterable-offers .popup .title {
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    margin-bottom: 12px
}
@media only screen and (min-width: 1280px) {
    .filterable-offers .popup .title {
        padding-bottom: 18px;
        margin-bottom: 18px
    }
}
.filterable-offers .content {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.75em;
    font-weight: 400;
    color: #fff
}
.filterable-offers .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    white-space: nowrap
}
.filterable-offers .learn-more {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}
@media only screen and (max-width: 1023px) {
    .filterable-offers .learn-more {
        font-size: 14px
    }
}
.filterable-offers .learn-more:hover {
    text-decoration: underline
}
.filterable-offers .book-now {
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    color: #282828;
    text-transform: uppercase;
    text-decoration: none
}
@media only screen and (min-width: 1280px) {
    .filterable-offers .book-now {
        height: 42px;
        line-height: 42px;
        padding: 0 20px
    }
}
@media only screen and (max-width: 1023px) {
    .filterable-offers .book-now {
        font-size: 14px
    }
}
.filterable-offers .book-now:hover {
    background: hsla(0, 0%, 100%, .7)
}
.filterable-offers .footer-button {
    margin-top: 35px;
    display: flex;
    justify-content: flex-end
}
.filterable-offers .more-offers {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #282828;
    text-decoration: none;
    letter-spacing: 3px
}
.main-menu-feedback {
    position: absolute;
    width: calc(100% - 354px);
    height: 100%;
    right: 0;
    top: 0;
    background-color: #382a1c;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (max-width: 767px) {
    .main-menu-feedback {
        display: none
    }
}
.main-menu-feedback .content {
    margin-top: 125px;
    margin-left: 95px;
    max-width: 540px
}
@media only screen and (max-width: 1023px) {
    .main-menu-feedback .content {
        margin-top: 100px;
        margin-left: 25px
    }
}
.main-menu-feedback .feedback {
    position: relative
}
.main-menu-feedback .feedback:before {
    content: "\201C";
    position: absolute;
    top: -10px;
    left: -20px;
    font-family: "Source Serif Pro", Arial, sans-serif;
    font-size: 42px;
    line-height: 53px;
    color: #fff
}
.main-menu-feedback .blockquote-text {
    font-size: 45px;
    line-height: 57px;
    font-weight: 500;
    color: #fff
}
.main-menu-feedback .feedback-footer {
    display: flex;
    align-items: center
}
.main-menu-feedback .author-image-wrapper {
    width: 47px;
    height: 47px;
    margin-right: 12px
}
.main-menu-feedback .author-image {
    border-radius: 50%;
    width: 47px;
    height: 47px;
    overflow: hidden
}
.main-menu-feedback .author,
.main-menu-feedback .city {
    font-size: 17px;
    letter-spacing: .8px;
    line-height: 21px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 0 11px rgba(0, 0, 0, .72)
}
.main-menu-feedback .author {
    font-weight: 500
}
.property-main-content {
    display: flex;
    margin-bottom: 128px
}
@media only screen and (max-width: 1023px) {
    .property-main-content {
        flex-wrap: wrap
    }
}
@media only screen and (max-width: 767px) {
    .property-main-content {
        margin-bottom: 80px
    }
}
.property-main-content .content {
    width: 520px;
    order: 2;
    flex-shrink: 0;
    padding: 0 36px
}
@media only screen and (max-width: 1023px) {
    .property-main-content .content {
        order: 1;
        width: 100%;
        margin-bottom: 80px
    }
}
@media only screen and (max-width: 767px) {
    .property-main-content .content {
        padding: 0 10px;
        margin-bottom: 50px
    }
}
.property-main-content .content h1 {
    margin-bottom: 9px;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 400;
    color: #392f2c;
    letter-spacing: .84px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-main-content .content h1 {
        font-size: 18px
    }
}
@media only screen and (max-width: 767px) {
    .property-main-content .content h1 {
        font-size: 16px
    }
}
.property-main-content .content h2 {
    position: relative;
    margin-bottom: 29px;
    padding-bottom: 26px;
    font-size: 42px;
    line-height: 1.238em;
    font-weight: 700;
    color: #5d507c
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-main-content .content h2 {
        font-size: 36px
    }
}
@media only screen and (max-width: 767px) {
    .property-main-content .content h2 {
        font-size: 32px
    }
}
.property-main-content .content h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 115px;
    height: 3px;
    background: #c7bbb6
}
.property-main-content .page-content {
    font-size: 16px;
    line-height: 1.75em
}
.property-main-content .page-content h3,
.property-main-content .page-content h4,
.property-main-content .page-content h5,
.property-main-content .page-content h6 {
    margin-bottom: 17px;
    font: inherit;
    font-weight: 400;
    text-transform: uppercase
}
.property-main-content .button {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0
}
.property-main-content .images {
    display: flex;
    order: 1;
    flex-grow: 1;
    padding-left: 40px
}
@media only screen and (max-width: 1023px) {
    .property-main-content .images {
        order: 2;
        width: 100%
    }
}
@media only screen and (min-width: 1280px) {
    .property-main-content .images {
        padding-left: 100px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-main-content .images {
        padding-left: 90px
    }
}
.property-main-content .images>.wrapper {
    width: 100%;
    position: relative
}
.property-main-content .images>.wrapper:before {
    content: "";
    display: block;
    padding-top: 94.7%
}
.property-main-content .slideshow {
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    height: 100%;
    overflow: hidden
}
.property-main-content .slideshow-wrapper {
    height: 100%;
    display: flex
}
.property-main-content .slide {
    position: relative;
    width: 50%;
    transform: scale(.8) translateX(30px);
    transition: transform .3s;
    z-index: 1
}
.property-main-content .slide:before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    right: -1px;
    height: 45px;
    background: url(../images/themes/nickelodeon/slime-mask.html) -30px 100% no-repeat;
    background-size: 186% 100%;
    z-index: 2
}
@media only screen and (max-width: 767px) {
    .property-main-content .slide:before {
        content: none
    }
}
.property-main-content .slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(93, 80, 124, .8);
    transition: opacity .3s;
    z-index: 1
}
.property-main-content .slide.swiper-slide-duplicate-next,
.property-main-content .slide.swiper-slide-next {
    transform: none
}
.property-main-content .slide.swiper-slide-duplicate-next:after,
.property-main-content .slide.swiper-slide-next:after {
    opacity: 0
}
.property-main-content .slideshow-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    font-size: 0
}
.property-main-content .slideshow-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url(img/arrow.html) 0 100% no-repeat;
    background-size: 100% 100%
}
@media only screen and (min-width: 1280px) {
    .property-main-content .slideshow-button:after {
        right: 80px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-main-content .slideshow-button:after {
        right: 60px
    }
}
@media only screen and (max-width: 767px) {
    .property-main-content .slideshow-button:after {
        right: 20px
    }
}
.property-main-content .slideshow-button.next,
.property-main-content .slideshow-pagination {
    display: none
}
.gourmet-experience {
    overflow: hidden;
    margin-bottom: 159px
}
@media only screen and (max-width: 767px) {
    .gourmet-experience {
        margin-bottom: 80px
    }
}
.gourmet-experience>.wrapper {
    display: flex
}
@media only screen and (max-width: 1023px) {
    .gourmet-experience>.wrapper {
        flex-wrap: wrap
    }
}
.gourmet-experience .content {
    width: 426px;
    flex-shrink: 0;
    padding: 0 20px 0 40px
}
@media only screen and (max-width: 1023px) {
    .gourmet-experience .content {
        order: 1;
        width: 100%;
        margin-bottom: 60px
    }
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .content {
        padding: 0 10px;
        margin-bottom: 50px
    }
}
.gourmet-experience .content h2 {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 35px;
    font-size: 38px;
    line-height: 1.368em;
    font-weight: 700
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gourmet-experience .content h2 {
        font-size: 36px
    }
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .content h2 {
        font-size: 32px
    }
}
.gourmet-experience .content h2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 115px;
    height: 3px;
    background: #c7bbb6
}
.gourmet-experience .page-content {
    font-size: 16px;
    line-height: 1.75em
}
.gourmet-experience .page-content h3,
.gourmet-experience .page-content h4,
.gourmet-experience .page-content h5,
.gourmet-experience .page-content h6 {
    margin-bottom: 17px;
    font: inherit;
    font-weight: 400;
    text-transform: uppercase
}
.gourmet-experience .slides {
    position: relative;
    flex-grow: 1;
    max-width: calc(100% - 426px)
}
@media only screen and (max-width: 1023px) {
    .gourmet-experience .slides {
        order: 2;
        max-width: none;
        width: 100%;
        margin-bottom: 80px
    }
}
.gourmet-experience .slideshow {
    position: relative;
    overflow: hidden;
    width: 132%
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .slideshow {
        width: 100%
    }
}
.gourmet-experience .slideshow-wrapper {
    display: flex
}
.gourmet-experience .slide {
    position: relative;
    display: flex;
    width: 33.33%;
    height: auto;
    min-height: 576px;
    transform: scale(.8);
    transition: transform .3s;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .slide {
        transform: none;
        min-height: 400px
    }
}
.gourmet-experience .slide.swiper-slide-duplicate-next,
.gourmet-experience .slide.swiper-slide-next {
    transform: none
}
.gourmet-experience .slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 63%, rgba(0, 0, 0, .76));
    z-index: 2
}
.gourmet-experience .slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(93, 80, 124, .8);
    transition: opacity .3s;
    opacity: 0;
    z-index: 3
}
.gourmet-experience .slide.swiper-slide-active+.swiper-slide+.swiper-slide:after,
.gourmet-experience .slide.swiper-slide-duplicate-active+.swiper-slide+.swiper-slide:after {
    opacity: 1
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .slide.swiper-slide-duplicate-next:after,
    .gourmet-experience .slide.swiper-slide-next:after {
        opacity: 1
    }
}
.gourmet-experience .image {
    z-index: 1
}
.gourmet-experience .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    font-size: 19px;
    line-height: 1.316em;
    color: #fff;
    letter-spacing: .07px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    z-index: 4
}
.gourmet-experience .popup {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 34px 20px 26px;
    background: rgba(57, 47, 44, .9);
    font-size: 16px;
    line-height: 1.813em;
    font-weight: 400;
    color: #000;
    opacity: 0;
    transition: opacity .35s ease-in-out;
    z-index: 5
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup {
        font-size: 14px
    }
}
.gourmet-experience .slide:hover .title {
    display: none
}
.gourmet-experience .slide:hover .popup {
    opacity: 1
}
.gourmet-experience .popup-title {
    margin-bottom: 16px;
    font-size: 19px;
    line-height: 1.316em;
    letter-spacing: .07px;
    font-weight: 600;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup-title {
        margin-bottom: 15px;
        font-size: 17px
    }
}
.gourmet-experience .popup-content {
    margin-bottom: 24px;
    font-size: 16px
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup-content {
        margin-bottom: 18px;
        font-size: 14px
    }
}
.gourmet-experience .popup-content p,
.gourmet-experience .popup-content ul {
    margin-bottom: 23px
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup-content p,
    .gourmet-experience .popup-content ul {
        margin-bottom: 18px
    }
}
.gourmet-experience .popup-content li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    font-style: italic
}
.gourmet-experience .popup-content li>p {
    margin: 0
}
.gourmet-experience .popup-content li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    margin-right: 8px;
    background: #000;
    border-radius: 100%
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup-content li:before {
        top: 14px;
        width: 3px;
        height: 3px
    }
}
.gourmet-experience .popup-button {
    display: block;
    margin-top: auto;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #4f4636;
    text-transform: uppercase;
    text-align: center
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .popup-button {
        font-size: 15px
    }
}
.gourmet-experience .popup-button:hover {
    background: #5d507c;
    text-decoration: none
}
.gourmet-experience .slideshow-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 33.33%;
    height: 100%;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .slideshow-button {
        width: 15%
    }
}
.gourmet-experience .slideshow-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 60px;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    background: url(img/arrow.html) 0 100% no-repeat;
    transform: rotate(180deg);
    background-size: 100% 100%
}
@media only screen and (min-width: 1280px) {
    .gourmet-experience .slideshow-button:after {
        left: 80px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gourmet-experience .slideshow-button:after {
        left: 60px
    }
}
@media only screen and (max-width: 767px) {
    .gourmet-experience .slideshow-button:after {
        left: 20px
    }
}
.gourmet-experience .slideshow-button.previous {
    display: none
}
.hamburger-links {
    display: block;
    padding-top: 35px;
    margin-bottom: 20px;
    border-top: 1px solid #c7bbb6
}
@media only screen and (max-width: 767px) {
    .hamburger-links {
        margin-left: 24px;
        margin-right: 24px
    }
}
.hamburger-links a {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 16px;
    line-height: 38px;
    letter-spacing: .09px;
    font-weight: 500;
    color: #282828
}
#cyber-sale-tiles {
    text-align: center;
    margin-bottom: 70px
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles {
        margin-bottom: 30px
    }
}
#cyber-sale-tiles .center-column {
    padding: 0 14px
}
#cyber-sale-tiles .tagline {
    max-width: 450px;
    margin: 0 auto
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tagline {
        margin: 0
    }
}
#cyber-sale-tiles .tagline img {
    width: 100%
}
#cyber-sale-tiles .section-content {
    margin-top: 30px;
    margin-bottom: 60px
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-tiles .section-content {
        margin-bottom: 40px
    }
}
#cyber-sale-tiles .section-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .section-blocks {
        flex-direction: column
    }
}
#cyber-sale-tiles .section-blocks h2 {
    width: 100%;
    margin-bottom: 15px;
    font-size: 44px;
    line-height: 1.659em;
    font-weight: 900
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .section-blocks h2 {
        font-size: 36px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .section-blocks h2 {
        font-size: 32px;
        margin-bottom: 30px
    }
}
#cyber-sale-tiles .section-blocks .section-block {
    width: calc(50% - 84px);
    font-size: 14px;
    line-height: 2em;
    font-weight: 400
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .section-blocks .section-block {
        width: 100%
    }
}
#cyber-sale-tiles .section-blocks .section-block img {
    margin-bottom: 15px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .section-blocks .section-block img {
        margin-bottom: 10px
    }
}
#cyber-sale-tiles .section-blocks h3 {
    margin-bottom: 14px;
    font-size: 33px;
    line-height: 1.152em;
    font-weight: 700
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .section-blocks h3 {
        font-size: 28px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .section-blocks h3 {
        font-size: 24px
    }
}
#cyber-sale-tiles .section-blocks .separator {
    position: relative;
    width: 128px;
    height: 264px;
    background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), #979797 50%, transparent calc(50% + 1px));
    pointer-events: none
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #cyber-sale-tiles .section-blocks .separator {
        background: none
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .section-blocks .separator {
        width: 86px;
        height: 172px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .section-blocks .separator {
        width: 240px;
        height: 100px;
        margin: 30px 0
    }
}
@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #cyber-sale-tiles .section-blocks .separator:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
        background-color: #979797;
        transform: rotate(26deg)
    }
}
#cyber-sale-tiles .section-blocks .separator:after {
    position: absolute;
    content: attr(data-word);
    width: 66px;
    height: 66px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(148deg, #3a3c63, #9d6c7f 53%, #fbdba2);
    border-radius: 50%;
    font-size: 30px;
    line-height: 66px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}
#cyber-sale-tiles .tile-wrapper {
    border: 1px solid #282828;
    background-color: #f7f7f7;
    margin-top: 73px;
    margin-bottom: 0;
    padding: 30px 65px;
    transition: margin-bottom .5s ease-in
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-tiles .tile-wrapper {
        margin-top: 50px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile-wrapper {
        padding: 20px
    }
}
.cyber-sale-booking-opened #cyber-sale-tiles .tile-wrapper {
    margin-bottom: 440px
}
@media only screen and (max-width: 767px) {
    .cyber-sale-booking-opened #cyber-sale-tiles .tile-wrapper {
        margin-bottom: 220px
    }
}
#cyber-sale-tiles .tile-wrapper h3 {
    display: flex;
    align-items: center;
    color: #282828;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 49px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: .44px;
    margin-bottom: 20px;
    line-height: 1
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile-wrapper h3 {
        font-size: 34px;
        display: block
    }
}
#cyber-sale-tiles .tile-wrapper h3 img {
    width: 72px;
    margin-right: 20px
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile-wrapper h3 img {
        display: block;
        width: 56px;
        margin: 0 auto 20px
    }
}
#cyber-sale-tiles .tile-wrapper .tile-wrapper-content {
    margin-bottom: 30px;
    text-align: left
}
#cyber-sale-tiles .tile-wrapper:after {
    clear: both;
    content: "";
    display: table
}
#cyber-sale-tiles .tile {
    position: relative;
    width: 48%;
    padding: 4px;
    background: rgba(64, 63, 101, .8);
    background: linear-gradient(135deg, rgba(64, 63, 101, .8) 22%, #9b6b7f 50%, #fbdba2);
    color: #282828;
    font-family: Source Sans Pro, Arial, sans-serif;
    float: left
}
#cyber-sale-tiles .tile:last-child {
    float: right
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile {
        width: 100%;
        margin-bottom: 20px
    }
}
#cyber-sale-tiles .tile .wrapper {
    padding: 25px;
    background: #fff
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .tile .wrapper {
        padding: 15px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile .wrapper {
        padding: 15px
    }
}
#cyber-sale-tiles .tile h4 {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: .27px;
    line-height: 73px
}
@media only screen and (min-width: 1280px) {
    #cyber-sale-tiles .tile h4 {
        font-size: 40px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .tile h4 {
        line-height: 40px;
        font-size: 23px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile h4 {
        font-size: 25px;
        line-height: 1
    }
}
#cyber-sale-tiles .tile .price {
    font-size: 100px;
    font-weight: 900;
    letter-spacing: 5.38px;
    line-height: 1
}
@media only screen and (min-width: 1280px) {
    #cyber-sale-tiles .tile .price {
        font-size: 129px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .tile .price {
        font-size: 55px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile .price {
        font-size: 55px
    }
}
#cyber-sale-tiles .tile .currency {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 2.5px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-tiles .tile .currency {
        margin-top: 10px;
        font-size: 40px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-tiles .tile .currency {
        margin-top: 10px;
        font-size: 40px
    }
}
#cyber-sale-tiles .tile .price-prefix,
#cyber-sale-tiles .tile .price-suffix {
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .23px
}
#cyber-sale-tiles .tile .price-prefix {
    vertical-align: top;
    margin-top: 15px
}
#cyber-sale-tiles .tile .price-suffix {
    vertical-align: bottom;
    margin-bottom: 5px;
    margin-left: -5px
}
#cyber-sale-tiles .cyber-sale-booking-trigger {
    height: 45px;
    width: 100%;
    margin-top: 30px;
    background: #ffdd2f;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: all .35s ease-in-out
}
#cyber-sale-tiles .cyber-sale-booking-trigger:hover {
    background: #45396a;
    color: #fff
}
@media only screen and (min-width: 1280px) {
    #cyber-sale-tiles .cyber-sale-booking-trigger {
        width: 410px
    }
}
#cyber-sale-offers {
    position: relative;
    color: #282828;
    font-family: Source Sans Pro, Arial, sans-serif;
    margin-top: 30px;
    padding-top: 60px;
    margin-bottom: 40px
}
#cyber-sale-offers:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    max-width: 1312px;
    top: 0;
    height: 8px;
    width: 100%;
    border-top: 1px solid #d7d7d6;
    border-bottom: 1px solid #d7d7d6
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-offers .specials-wrapper {
        margin-top: 30px
    }
}
#cyber-sale-offers .specials-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1435px;
    text-align: center
}
#cyber-sale-offers h2 {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-offers h2 {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-offers h2 {
        font-size: 22px;
        display: block;
        text-align: center;
        margin-bottom: 30px
    }
}
#cyber-sale-offers h2 img {
    width: 124px;
    margin-right: 20px
}
@media only screen and (max-width: 767px) {
    #cyber-sale-offers h2 img {
        display: block;
        width: 64px;
        margin: 0 auto 15px
    }
}
#cyber-sale-offers .select-nav {
    position: absolute;
    right: 15px;
    top: -60px
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-offers .select-nav {
        position: relative;
        right: auto;
        top: auto;
        text-align: center
    }
}
#cyber-sale-offers .select-nav .select-wrapper {
    margin-left: 15px;
    font-size: 0;
    z-index: 1
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-offers .select-nav .select-wrapper {
        width: 100%;
        margin-bottom: 10px;
        margin-left: auto
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-offers .select-nav .select-wrapper {
        width: calc(50% - 34px);
        margin: 0 10px
    }
}
#cyber-sale-offers .select-nav select {
    position: relative;
    width: 100%;
    height: 50px;
    min-width: 200px;
    line-height: 48px;
    padding: 0 30px 0 15px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fbfbfb;
    font-size: 18px;
    letter-spacing: -.04px;
    text-align: left;
    font-weight: 300;
    color: #262323
}
#cyber-sale-offers .select-nav .select-icon {
    right: 15px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #282828;
    border-bottom: 0;
    margin: 0;
    transform: none
}
#cyber-sale-offers .item {
    display: inline-flex;
    flex-direction: column;
    width: 415px;
    height: auto;
    margin: 15px;
    overflow: hidden;
    position: relative
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-offers .item {
        width: 45%
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-offers .item {
        width: 100%;
        margin: 15px 0
    }
}
#cyber-sale-offers .item:hover {
    transform: scale(1.01);
    box-shadow: 0 11px 20px 0 #d6d6d6
}
#cyber-sale-offers .item .thumb {
    height: 218px;
    position: relative;
    background-color: #ccc;
    background-size: cover;
    background-position: 50% 50%
}
#cyber-sale-offers .item .logo {
    max-width: 210px;
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden
}
#cyber-sale-offers .item .logo img {
    display: block;
    width: 100%
}
#cyber-sale-offers .item .item-info {
    flex-grow: 1;
    height: auto;
    padding: 0 3px 3px;
    text-align: center;
    background: rgba(155, 107, 127, .85);
    background: linear-gradient(150deg, rgba(155, 107, 127, .85) 1%, rgba(155, 107, 127, .85) 30%, rgba(251, 219, 162, .9))
}
#cyber-sale-offers .item .item-info .wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding-top: 20px
}
#cyber-sale-offers .item .item-info h3 {
    text-transform: uppercase;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    margin: 15px 20px 14px
}
#cyber-sale-offers .item .item-info p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .2px;
    margin: 0 20px 10px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    #cyber-sale-offers .item .item-info p {
        margin: 0 15px
    }
}
#cyber-sale-offers .item .item-info .discount {
    display: block;
    height: 40px;
    width: 190px;
    margin: 0 auto;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    background: #282828;
    color: #fff;
    line-height: 40px
}
@media only screen and (max-width: 767px) {
    #cyber-sale-offers .item .item-info .discount {
        margin-top: 10px
    }
}
#cyber-sale-offers .item .item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: 15px
}
#cyber-sale-offers .item .price-wrapper {
    margin-right: 10px;
    white-space: nowrap
}
#cyber-sale-offers .item .price-wrapper .price {
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-offers .item .price-wrapper .price {
        font-size: 40px
    }
}
#cyber-sale-offers .item .price-wrapper .price-prefix,
#cyber-sale-offers .item .price-wrapper .price-suffix {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .23px
}
#cyber-sale-offers .item .price-wrapper .price-prefix {
    vertical-align: top
}
#cyber-sale-offers .item .price-wrapper .price-suffix {
    vertical-align: bottom
}
#cyber-sale-offers .item .button {
    margin-left: auto;
    height: 40px;
    width: 187px;
    background: #ffdd2f;
    color: #282828;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    border: 0;
    line-height: 40px;
    text-decoration: none
}
@media only screen and (max-width: 1023px) {
    #cyber-sale-offers .item .button {
        width: 120px;
        padding: 0
    }
}
#cyber-sale-offers .item .button:hover {
    background: #45396a;
    color: #fff
}
#cyber-sale-offers .item.swiper-slide-active {
    transform: scale(1);
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5)
}
#cyber-sale-featured-offers {
    color: #282828;
    font-family: Source Sans Pro, Arial, sans-serif
}
#cyber-sale-featured-offers .center-column {
    padding: 0 14px
}
#cyber-sale-featured-offers h3 {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase
}
#cyber-sale-featured-offers .item {
    position: relative;
    height: 290px;
    margin-bottom: 40px;
    overflow: hidden;
    box-shadow: 0 11px 20px 0 #d6d6d6
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-featured-offers .item {
        height: 340px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .item {
        height: auto
    }
}
#cyber-sale-featured-offers .item:after {
    clear: both;
    content: "";
    display: table
}
#cyber-sale-featured-offers .thumbnail {
    position: relative;
    float: left;
    width: 32%;
    height: 100%
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .thumbnail {
        width: 100%
    }
}
#cyber-sale-featured-offers .thumbnail img {
    width: 100%;
    height: 100%
}
#cyber-sale-featured-offers .logo {
    margin-bottom: 10px
}
#cyber-sale-featured-offers .wrapper {
    width: 68%;
    height: 100%;
    float: right;
    padding: 30px;
    border: 3px solid;
    border-left: none;
    border-image-slice: 1;
    border-image-source: linear-gradient(270deg, rgba(251, 219, 162, .9), #785d86)
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .wrapper {
        width: 100%;
        padding: 20px;
        border: 0
    }
}
#cyber-sale-featured-offers .wrapper h3 {
    margin-bottom: 7px;
    font-size: 24px;
    line-height: 1;
    max-width: 420px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-featured-offers .wrapper h3 {
        margin-top: 35px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .wrapper h3 {
        max-width: 100%
    }
}
#cyber-sale-featured-offers .wrapper h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}
#cyber-sale-featured-offers .wrapper .copy {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    max-width: 69%
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .wrapper .copy {
        max-width: 100%
    }
}
#cyber-sale-featured-offers .property-logo {
    width: 190px;
    margin-bottom: 10px
}
#cyber-sale-featured-offers .property-logo img {
    display: block;
    max-width: 100%
}
#cyber-sale-featured-offers .price-wrapper {
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: right
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .price-wrapper {
        position: relative;
        top: auto;
        right: auto;
        margin: 20px 0
    }
}
#cyber-sale-featured-offers .price-wrapper .price {
    font-size: 46px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1
}
#cyber-sale-featured-offers .price-wrapper .price-prefix,
#cyber-sale-featured-offers .price-wrapper .price-suffix {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .23px
}
#cyber-sale-featured-offers .price-wrapper .price-prefix {
    vertical-align: top
}
#cyber-sale-featured-offers .price-wrapper .price-suffix {
    vertical-align: bottom
}
#cyber-sale-featured-offers .discount {
    display: block;
    margin-left: auto
}
#cyber-sale-featured-offers .discount span {
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    min-width: 180px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #282828
}
#cyber-sale-featured-offers .button {
    position: absolute;
    height: 40px;
    width: 190px;
    bottom: 30px;
    right: 30px;
    background: #ffdd2f;
    color: #282828;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    border: 0;
    line-height: 40px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #cyber-sale-featured-offers .button {
        width: 140px;
        bottom: 20px;
        right: 10px
    }
}
@media only screen and (max-width: 767px) {
    #cyber-sale-featured-offers .button {
        position: relative;
        bottom: auto;
        width: 100%;
        right: auto
    }
}
#cyber-sale-featured-offers .button:hover {
    background: #45396a;
    color: #fff
}
.featured-offers-slider {
    margin: 0 0 150px;
    text-align: center;
    overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .featured-offers-slider {
        margin-bottom: 100px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider {
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 1023px) {
    .featured-offers-slider .center-column {
        padding: 0
    }
}
@media only screen and (max-width: 1023px) {
    .featured-offers-slider .h1-like,
    .featured-offers-slider .top-heading {
        padding: 0 13px
    }
}
.featured-offers-slider h4.block-heading {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 29px;
    line-height: 37px;
    font-weight: 300;
    color: #262323;
    margin: 23px 0 15px 26px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider h4.block-heading {
        font-size: 17px;
        line-height: 24px;
        margin: 23px 13px 6px
    }
}
.featured-offers-slider .featured-offer {
    margin-bottom: 85px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .featured-offer {
        margin-bottom: 30px
    }
}
.featured-offers-slider .offer-wrapper {
    position: relative
}
.featured-offers-slider .offer-wrapper .thumb {
    height: 433px;
    background-size: cover
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .thumb {
        height: 200px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper {
    position: absolute;
    right: 26px;
    top: 26px;
    width: 415px;
    height: 384px;
    background: #fff;
    padding: 37px 38px 20px;
    box-shadow: 0 13px 35px -16px rgba(0, 0, 0, .5);
    border: 1px solid #d7d7d6;
    text-align: center;
    font: 300 14px/23px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        width: calc(100% - 26px);
        margin: -60px auto 0;
        padding: 20px 0;
        line-height: 22px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper .logo {
    display: block;
    max-width: 60%;
    margin: 0 auto 20px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper .logo {
        margin-bottom: 10px;
        height: 40px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper h3 {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #282828
}
.featured-offers-slider .offer-wrapper .content-wrapper h4 {
    font: 600 14px/23px Source Sans Pro, Arial, sans-serif;
    color: #262323;
    margin: 0 0 17px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper h4 {
        line-height: 22px;
        margin-top: -2px;
        margin-bottom: 6px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper p {
    padding: 0 20px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper p {
        padding: 0 10px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper .links {
    background: #fff;
    position: absolute;
    bottom: 20px;
    left: 38px;
    right: 38px;
    height: 40px;
    font-size: 0
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper .links {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 0 13px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper .links .button {
    height: 40px;
    line-height: 38px;
    border: none;
    width: 50%;
    background: #5b517b;
    color: #fff
}
.featured-offers-slider .offer-wrapper .content-wrapper .links .button.white {
    background: none;
    color: #6d6e71
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .offer-wrapper .content-wrapper .links .button.white {
        font-size: 14px
    }
}
.featured-offers-slider .offer-wrapper .content-wrapper .links .button.white:hover {
    text-decoration: underline;
    color: #6d6e71;
    background: none
}
.featured-offers-slider .offer-wrapper .content-wrapper .links .button:hover {
    background: #45396a
}
.featured-offers-slider .slideshow {
    overflow: hidden
}
@media only screen and (max-width: 1023px) {
    .featured-offers-slider .slideshow {
        margin: 0 20px;
        padding-top: 50px
    }
}
.featured-offers-slider .slideshow-wrapper {
    padding-bottom: 80px
}
.featured-offers-slider .slideshow-wrapper.swiper-wrapper {
    padding-bottom: 0
}
.featured-offers-slider .slideshow-wrapper .slide {
    display: flex;
    height: 650px;
    border-bottom: 1px solid #282828
}
@media only screen and (max-width: 1023px) {
    .featured-offers-slider .slideshow-wrapper .slide {
        height: auto
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .slide {
        flex-direction: column-reverse;
        justify-content: flex-end;
        width: 90%;
        margin-right: 20px;
        border: 1px solid #979797;
        opacity: .5
    }
    .featured-offers-slider .slideshow-wrapper .slide.swiper-slide-active {
        opacity: 1
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper {
    width: 50%;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper {
        width: 100%;
        padding: 10px;
        border: none
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .content {
    max-height: 500px;
    overflow: auto;
    margin-bottom: 20px;
    padding-right: 20px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper .content {
        margin-bottom: 0;
        padding-right: 0;
        overflow: unset;
        max-height: none
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper h2 {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1.14px;
    line-height: 31px;
    color: #6d6e71;
    margin-bottom: 0
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper h2 {
        position: absolute;
        top: -30px;
        font-size: 18px;
        line-height: 20px;
        text-align: center
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper h3 {
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 60px;
    color: #282828;
    text-transform: capitalize
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper h3 {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 35px;
        text-align: center
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 38px;
    color: #282828
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
        text-align: center
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper p {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 38px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper p {
        text-align: center;
        font-size: 14px;
        line-height: 18px
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .buttons {
    display: flex;
    align-items: center
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper .buttons {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .learn-more {
    position: relative;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 18px;
    text-transform: uppercase
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .learn-more:after {
    content: "";
    position: absolute;
    top: 2px;
    right: -5px;
    border: 7px solid transparent;
    border-left-color: #282828
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .book-now {
    display: inline-block;
    padding: 0 40px;
    margin-left: 43px;
    width: auto;
    height: 36px;
    line-height: 34px;
    border: none;
    background-color: #5d507c;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Source Sans Pro, Arial, sans-serif;
    transition: background-color .35s ease-in-out
}
@media only screen and (max-width: 1023px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper .book-now {
        margin-left: 20px
    }
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .content-wrapper .book-now {
        margin-left: 0;
        margin-top: 10px
    }
}
.featured-offers-slider .slideshow-wrapper .content-wrapper .book-now:hover {
    text-decoration: none;
    background-color: #37314f
}
.featured-offers-slider .slideshow-wrapper .thumbnail {
    position: relative;
    float: none;
    margin: 0 40px 0 0;
    width: 50%;
    height: auto
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .thumbnail {
        width: 100%;
        height: 200px
    }
}
.featured-offers-slider .slideshow-wrapper .thumbnail .object-fit {
    height: calc(100% + 80px)
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-wrapper .thumbnail .object-fit {
        height: 100%
    }
}
.featured-offers-slider .slideshow-buttons-wrapper {
    width: 50%;
    height: 80px;
    display: none;
    align-items: center;
    justify-content: flex-end;
    padding-right: 50px
}
@media only screen and (max-width: 767px) {
    .featured-offers-slider .slideshow-buttons-wrapper {
        width: 90%;
        padding-right: 30px
    }
}
.featured-offers-slider .slideshow-buttons-wrapper .slideshow-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    width: 30px;
    height: 30px
}
.featured-offers-slider .slideshow-buttons-wrapper .slideshow-button:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-color: transparent transparent #282828 #282828;
    border-style: solid;
    border-width: 1px;
    transform: rotate(45deg)
}
.featured-offers-slider .slideshow-buttons-wrapper .slideshow-button.next {
    transform: scaleX(-1)
}
.featured-offers-slider .slideshow-buttons-wrapper .pagination {
    height: auto;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}
.featured-offers-slider .swiper-container-initialized .slideshow-buttons-wrapper {
    position: relative;
    display: flex;
    z-index: -1
}
.property-information {
    margin: 100px 0
}
.property-information .heading {
    font-family: Source Sans Pro, Arial, sans-serif;
    line-height: 1.2;
    text-align: center
}
.property-information .columns-wrapper {
    display: flex
}
@media only screen and (max-width: 767px) {
    .property-information .columns-wrapper {
        display: block
    }
}
.property-information .main-image {
    position: relative;
    width: 50%;
    min-height: 360px;
    margin-right: 40px
}
@media only screen and (max-width: 767px) {
    .property-information .main-image {
        width: 100%;
        margin-bottom: 20px;
        min-height: 200px
    }
}
.property-information .content {
    width: calc(50% - 40px);
    align-self: flex-start
}
@media only screen and (max-width: 767px) {
    .property-information .content {
        width: 100%;
        text-align: center
    }
}
.property-information .content .h1-like {
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 1
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-information .content .h1-like {
        font-size: 35px
    }
}
@media only screen and (max-width: 767px) {
    .property-information .content .h1-like {
        font-size: 24px
    }
}
.property-information h3 {
    margin-bottom: 10px;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #45396a;
    text-transform: none
}
.property-information .subtitle-and-location {
    display: flex;
    align-items: center;
    text-align: left
}
@media only screen and (max-width: 767px) {
    .property-information .subtitle-and-location {
        justify-content: center
    }
}
.property-information .subtitle-and-location h3 {
    position: relative;
    margin-bottom: 0;
    padding-right: 30px
}
.property-information .subtitle-and-location h3:after {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #282828
}
.property-information .subtitle-and-location .button-location {
    display: flex;
    align-items: center;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #45396a;
    letter-spacing: 0;
    font-style: italic;
    text-transform: none;
    text-decoration: underline
}
.property-information .subtitle-and-location .button-location svg {
    width: 15px;
    margin-right: 5px;
    fill: #45396a
}
.property-information .information-columns {
    display: flex;
    flex-wrap: wrap
}
@media only screen and (max-width: 767px) {
    .property-information .information-columns {
        justify-content: center
    }
}
.property-information .column {
    margin-right: 10px;
    margin-bottom: 10px
}
.property-information .amount {
    color: #45396a;
    font-size: 32px;
    line-height: 1
}
.property-information .amount,
.property-information .title {
    display: block;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-weight: 400;
    text-align: center
}
.property-information .title {
    color: #282828;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase
}
.property-details {
    margin: 100px 0
}
@media only screen and (max-width: 767px) {
    .property-details {
        margin: 50px 0
    }
}
.property-details .page-content {
    text-align: center
}
.property-details .information-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}
.property-details .column {
    flex: 1 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
    border-right: 1px solid #ccc
}
.property-details .column:last-child {
    border-right: none
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .property-details .column {
        min-width: 33.3%;
        max-width: 33.3%
    }
}
@media only screen and (max-width: 767px) {
    .property-details .column {
        min-width: 50%;
        max-width: 50%
    }
}
@media only screen and (max-width: 449px) {
    .property-details .column {
        flex-direction: column
    }
}
.property-details a,
.property-details a:hover {
    text-decoration: none
}
.property-details a:hover .title {
    text-decoration: underline
}
.property-details .amount {
    display: block;
    font-family: Source Sans Pro, Arial, sans-serif;
    color: #45396a;
    font-size: 42px;
    line-height: 1;
    font-weight: 200;
    text-align: center
}
.property-details .detail-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 .5rem
}
.property-details .title {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-family: Source Sans Pro, Arial, sans-serif;
    color: #282828;
    font-size: 20px;
    line-height: 1.2rem;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center
}
.alternating-blocks-v2 {
    position: relative
}
.alternating-blocks-v2 .alternate-block-item.from-right {
    margin: 43px 30px
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item,
    .alternating-blocks-v2 .alternate-block-item.from-right {
        margin: 20px 10px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 65px
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .center-column.right .alternate-content {
    margin-left: auto
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content {
    max-width: 495px;
    background-size: cover;
    padding: 20px 19px
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content {
        max-width: unset;
        background: none;
        padding: 0
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 595px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .2px;
    background-color: #fff;
    padding: 35px 33px 40px;
    box-shadow: 0 2px 26px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper {
        display: inline-block;
        min-height: unset;
        text-align: center;
        padding: 20px;
        line-height: 25px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .caption {
    line-height: 32px;
    letter-spacing: .8px;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .caption {
        line-height: 25px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .h1-like {
    font-size: 41px;
    line-height: 45px
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .h1-like:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #dedede
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .h1-like {
        font-size: 30px;
        line-height: 37px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video {
    position: relative;
    padding-left: 28px;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: .3px
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #282828;
    border-radius: 50%;
    margin: auto;
    transition: all .35s ease-in-out
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    border: 4px solid transparent;
    border-left: 7px solid #282828;
    height: 7px;
    margin: auto
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video:hover:before {
    background-color: #282828
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video:hover:after {
    border-left-color: #fff
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper .play-video {
        margin-right: 20px;
        margin-bottom: 15px
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper nav {
    align-self: flex-end;
    margin-top: auto;
    text-align: right
}
@media only screen and (max-width: 767px) {
    .alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper nav {
        margin-top: 0;
        text-align: center
    }
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper nav .button:last-child {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.04px
}
.alternating-blocks-v2 .alternate-block-item .alternate-item-wrapper .alternate-content .alternate-content-wrapper nav .button:last-child:after {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-left: 7px solid;
    margin-left: 7px
}
.dining-acm {
    margin-bottom: 220px
}
.dining-acm .categories-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 100px
}
@media only screen and (max-width: 767px) {
    .dining-acm .categories-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        flex-direction: column;
        z-index: 1
    }
    .dining-acm .categories-wrapper.open {
        background-color: #fff
    }
    .dining-acm .categories-wrapper.open .category-button {
        display: block
    }
    .dining-acm .categories-wrapper.open .category-button.active:before {
        transform: translateY(-50%) rotate(180deg)
    }
}
.dining-acm .category-button {
    position: relative;
    padding: 0 15px;
    min-width: 235px;
    font-size: 15px;
    font-weight: 500;
    color: #45396a;
    letter-spacing: 0;
    background-color: #ececec;
    border: 1px solid #fff;
    transition: background-color .35s ease-in-out
}
.dining-acm .category-button.active,
.dining-acm .category-button:hover {
    color: #fff;
    background-color: #45396a;
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    .dining-acm .category-button {
        display: none;
        width: 100%;
        margin: 0 auto
    }
    .dining-acm .category-button.active {
        display: block;
        order: -1
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tiles-wrapper {
        padding-top: 80px
    }
}
.dining-acm .tile {
    display: flex;
    margin-bottom: 95px
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile {
        flex-direction: column-reverse;
        margin-bottom: 60px
    }
}
.dining-acm .tile.right {
    flex-direction: row-reverse
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile.right {
        flex-direction: column-reverse
    }
}
.dining-acm .tile.right .tile-information {
    border-right: 1px solid #cacaca;
    border-left: none
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile.right .tile-information {
        border: 1px solid #cacaca;
        border-top: none
    }
}
.dining-acm .tile-information {
    width: 45%;
    margin: 30px 0;
    padding: 0 40px 20px 30px;
    border: 1px solid #cacaca;
    border-right: none
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-information {
        margin: 0;
        width: 100%;
        padding: 20px;
        border: 1px solid #cacaca;
        border-top: none
    }
}
.dining-acm .tile-header {
    display: flex;
    margin-left: -30px;
    align-items: center;
    margin-bottom: 15px
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-header {
        display: block;
        margin-left: 0
    }
}
.dining-acm .tile-header .logo {
    display: block
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-header .logo {
        margin: 0 auto
    }
}
.dining-acm .tile-header .titles-wrapper {
    padding-left: 20px;
    margin: 5px;
    border-left: 1px solid #cacaca
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-header .titles-wrapper {
        padding: 0 0 10px;
        text-align: center;
        border: none;
        border-bottom: 1px solid #cacaca
    }
}
.dining-acm .tile-header.no-logo .titles-wrapper {
    border-left: none;
    margin-top: 35px
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-header.no-logo .titles-wrapper {
        border: none;
        margin-top: 5px
    }
}
.dining-acm .tile-header h3 {
    color: #262323;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase
}
.dining-acm .tile-header h4 {
    color: #262323;
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase
}
.dining-acm .tile-content {
    margin-right: 10px
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-content {
        margin: 0;
        text-align: center
    }
}
.dining-acm .tile-footer {
    display: flex;
    align-items: center
}
@media only screen and (max-width: 1023px) {
    .dining-acm .tile-footer {
        display: block
    }
}
.dining-acm .tile-footer .links-wrapper {
    margin-left: auto
}
@media only screen and (max-width: 1023px) {
    .dining-acm .tile-footer .links-wrapper {
        text-align: center
    }
}
.dining-acm .tile-footer .button {
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
    height: auto;
    color: #45396a;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    text-decoration: underline
}
.dining-acm .tile-footer .button:hover {
    text-decoration: none
}
.dining-acm .tile-footer .button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 20px;
    background-color: #cacaca
}
.dining-acm .tile-footer .button:first-child {
    margin-left: 0;
    padding-left: 0
}
.dining-acm .tile-footer .button:first-child:before {
    content: none
}
.dining-acm .categories-of-tile {
    display: flex
}
@media only screen and (max-width: 1023px) {
    .dining-acm .categories-of-tile {
        justify-content: center;
        margin-bottom: 10px
    }
}
.dining-acm .category-of-tile {
    position: relative;
    margin-right: 25px;
    color: #000;
    font-size: 9px;
    line-height: 11px;
    text-align: center
}
.dining-acm .category-of-tile:last-child {
    margin-right: 0
}
.dining-acm .category-of-tile:before {
    position: relative;
    display: block
}
.dining-acm .category-of-tile.vegan:before {
    content: url(../images/icons-for-categories/vegan.html)
}
.dining-acm .category-of-tile.vegetarian:before {
    content: url(../images/icons-for-categories/vegetarian.html)
}
.dining-acm .category-of-tile.gluten-free:before {
    content: url(../images/icons-for-categories/gluten-free.html)
}
.dining-acm .tile-slider {
    width: 55%;
    box-shadow: 0 15px 35px -15px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-slider {
        width: 100%;
        height: 200px;
        box-shadow: none
    }
}
.dining-acm .slideshow {
    position: relative;
    overflow: hidden
}
.dining-acm .slide,
.dining-acm .slide-wrapper,
.dining-acm .slideshow,
.dining-acm .slideshow-wrapper {
    height: 100%
}
.dining-acm .slide {
    background-repeat: no-repeat;
    background-size: cover
}
.dining-acm .tile-popup-wrapper {
    display: none
}
.dining-acm .tile-popup-wrapper.open {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #45396a;
    z-index: 100
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper.open {
        display: block
    }
}
.dining-acm .tile-popup-wrapper .tile-popup-container {
    position: relative;
    max-height: 660px;
    max-width: 930px;
    background-color: #fff;
    box-shadow: 0 -7px 35px -15px rgba(0, 0, 0, .5);
    overflow: hidden
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dining-acm .tile-popup-wrapper .tile-popup-container {
        width: 90%
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-popup-container {
        width: 100%;
        max-height: 100%
    }
}
.dining-acm .tile-popup-wrapper .close-popup {
    position: absolute;
    top: 20px;
    right: 15px;
    display: block;
    width: 38px;
    height: 38px
}
.dining-acm .tile-popup-wrapper .close-popup:after,
.dining-acm .tile-popup-wrapper .close-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 25px;
    background-color: #282828;
    transform: translate(-50%, -50%) rotate(45deg)
}
.dining-acm .tile-popup-wrapper .close-popup:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}
.dining-acm .tile-popup-wrapper .tile-popup {
    display: flex
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-popup {
        display: block
    }
}
.dining-acm .tile-popup-wrapper .tile-image {
    width: 45%
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-image {
        width: 100%;
        height: 200px
    }
}
.dining-acm .tile-popup-wrapper .image-for-popup {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}
.dining-acm .tile-popup-wrapper .tile-information {
    margin: 0;
    padding-bottom: 20px;
    width: 100%;
    border: none
}
.dining-acm .tile-popup-wrapper .tile-information.right {
    width: 55%
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-information.right {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .logo {
        display: none
    }
}
.dining-acm .tile-popup-wrapper .tile-content {
    max-height: 388px;
    overflow: auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dining-acm .tile-popup-wrapper .tile-content {
        max-height: 300px
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-content {
        max-height: 200px
    }
}
.dining-acm .tile-popup-wrapper .tile-footer {
    align-items: flex-end;
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #cacaca;
    background-color: #fff;
    box-shadow: 0 -25px 20px -30px rgba(0, 0, 0, .5)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dining-acm .tile-popup-wrapper .tile-footer {
        display: flex;
        align-items: center
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .tile-footer {
        text-align: center
    }
}
.dining-acm .tile-popup-wrapper .categories-of-tile-wrapper span {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dining-acm .tile-popup-wrapper .categories-of-tile {
        justify-content: flex-start
    }
}
@media only screen and (max-width: 767px) {
    .dining-acm .tile-popup-wrapper .categories-of-tile {
        justify-content: center
    }
}
.dining-acm .tile-popup-wrapper .button {
    margin-bottom: 15px;
    margin-left: auto
}
@media only screen and (max-width: 1023px) {
    .dining-acm .tile-popup-wrapper .button {
        padding: 0;
        margin-bottom: 0
    }
    .dining-acm .tile-popup-wrapper .button:before {
        content: none
    }
}
.testimonials-alternate {
    position: relative;
    margin-bottom: 110px;
    padding-top: 55px;
    padding-bottom: 50px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .testimonials-alternate {
        margin-bottom: 25px;
        padding-bottom: 35px
    }
}
.testimonials-alternate .thumbnail {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .testimonials-alternate .thumbnail {
        height: 400px
    }
}
.testimonials-alternate .testimonial-info {
    position: relative;
    max-width: 457px;
    padding-top: 35px;
    padding-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .testimonials-alternate .testimonial-info {
        margin: 0 auto
    }
}
.testimonials-alternate .testimonial-info:before {
    content: url(../images/quote-blue.html);
    display: block;
    position: absolute;
    width: 53px;
    height: 64px;
    top: -25px;
    left: -15px;
    z-index: 1
}
@media only screen and (max-width: 767px) {
    .testimonials-alternate .testimonial-info:before {
        content: ""
    }
}
.testimonials-alternate .testimonial-item {
    margin-right: 30px
}
.testimonials-alternate .content-wrapper h3 {
    margin: 0 30px 10px;
    padding: 0;
    color: #767d81;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .8px;
    line-height: 23px
}
.testimonials-alternate .content-wrapper h3:after {
    content: none
}
.testimonials-alternate .content-wrapper h4 {
    color: #45396a;
    font-size: 31px;
    letter-spacing: 0;
    line-height: 43px;
    font-weight: 400;
    text-transform: none
}
.testimonials-alternate .content-wrapper .description {
    color: #2d2929;
    font-size: 18px;
    letter-spacing: .2px;
    line-height: 33px
}
.testimonials-alternate .author-info {
    display: block;
    text-align: right;
    position: relative;
    padding-top: 40px;
    margin-bottom: 15px;
    font-size: 0
}
.testimonials-alternate .author-info .author-info-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 0
}
.testimonials-alternate .author-info .author-info-wrapper span {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400
}
.testimonials-alternate .author-info .author-info-wrapper span.author-name {
    font-weight: 600;
    margin: 0 0 2px
}
.testimonials-alternate .testimonials-slideshow {
    overflow: hidden;
    margin: 0 30px
}
.testimonials-alternate .slideshow-pagination {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 25px
}
.testimonials-alternate .slideshow-pagination button {
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #979797;
    transition: opacity .35s ease-in-out
}
.testimonials-alternate .slideshow-pagination button:last-child {
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    .testimonials-alternate .slideshow-pagination button:last-child {
        margin-right: 7px
    }
}
.testimonials-alternate .slideshow-pagination button.active,
.testimonials-alternate .slideshow-pagination button:hover {
    background: #282828;
    border: 1px solid #282828
}
.experiences-details {
    overflow: hidden
}
.experiences-details,
.experiences-details__item {
    position: relative;
    margin-bottom: 50px
}
.experiences-details__item-wrapper {
    position: relative;
    min-height: 400px
}
@media only screen and (max-width: 767px) {
    .experiences-details__item-wrapper {
        min-height: 0
    }
}
.experiences-details__item-wrapper .page-content ol li,
.experiences-details__item-wrapper .page-content ul li {
    margin-bottom: 5px
}
.experiences-details__item-wrapper:after {
    clear: both;
    content: "";
    display: table
}
.experiences-details__item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    max-height: 455px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 2
}
@media only screen and (max-width: 1023px) {
    .experiences-details__item .thumbnail {
        width: 100%;
        height: 60vw;
        min-height: 0;
        position: relative
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .experiences-details__item .thumbnail {
        min-height: 400px;
        height: 40vw
    }
}
.experiences-details__item .details-content {
    float: right;
    width: 50%;
    padding: 0 5vw;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 3
}
@media screen and (min-width: 1340px) {
    .experiences-details__item .details-content {
        padding: 0 40px 0 70px
    }
}
@media only screen and (max-width: 1023px) {
    .experiences-details__item .details-content {
        float: none;
        width: 100%;
        padding: 20px 10px 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}
.experiences-details__item .details-content .top-heading {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .8px
}
.experiences-details__item .details-content .like-h1 {
    position: relative;
    line-height: 45px;
    margin-bottom: 25px;
    font-size: 40px;
    padding-bottom: 25px
}
@media only screen and (max-width: 1023px) {
    .experiences-details__item .details-content .like-h1 {
        text-align: center;
        margin-bottom: 15px
    }
}
.experiences-details__item .details-content .like-h1:after {
    content: "";
    position: absolute;
    display: block;
    width: 30%;
    height: 1px;
    background-color: currentColor;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.experiences-details__item .details-content .main-text {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .2px;
    text-align: center
}
@media only screen and (max-width: 1023px) {
    .experiences-details__item .details-content .main-text {
        margin-bottom: 15px
    }
}
.experiences-details__item .details-content ul li:last-child {
    margin-bottom: 0
}
.experiences-details__item .details-content nav {
    padding-top: 10px;
    font-size: 0;
    text-align: center
}
.experiences-details__item .details-content nav a {
    display: inline-block
}
.experiences-details__item .details-content nav a+a {
    margin-left: 50px
}
@media only screen and (max-width: 449px) {
    .experiences-details__item .details-content nav a+a {
        margin-left: 5px
    }
}
.experiences-details__item .details-content nav a.learn-more {
    position: relative;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 18px;
    text-transform: uppercase
}
.experiences-details__item .details-content nav a.learn-more:after {
    content: "";
    position: absolute;
    height: 6px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 6px solid transparent;
    border-left-color: currentcolor
}
.experiences-details__item .details-content nav a.book-now {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 10px 40px;
    text-transform: uppercase
}
@media only screen and (max-width: 1023px) {
    .experiences-details__item .details-content nav {
        padding-top: 0
    }
    .experiences-details__item .details-content nav a {
        padding: 0 20px
    }
}
.experiences-details__item.right .thumbnail,
.experiences-details__item.right .video-wrapper {
    left: auto;
    right: 0
}
.experiences-details__item.right .details-content {
    float: left
}
@media screen and (min-width: 1340px) {
    .experiences-details__item.right .details-content {
        padding: 0 60px 0 80px
    }
}
.experiences-details .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    min-height: 400px;
    height: 100%;
    background: transparent
}
@media only screen and (max-width: 1023px) {
    .experiences-details .video-wrapper {
        width: 100%;
        height: 60vw;
        min-height: 0;
        position: relative
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .experiences-details .video-wrapper {
        min-height: 400px;
        height: 40vw
    }
}
.experiences-details .video-wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translate(-50%, -50%)
}
.experiences-details .video-wrapper .video-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 400px;
    background-position: 50% 50%;
    cursor: pointer;
    overflow: hidden
}
@media only screen and (max-width: 1023px) {
    .experiences-details .video-wrapper .video-thumb {
        width: 100%;
        height: 60vw;
        min-height: 0;
        position: relative
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .experiences-details .video-wrapper .video-thumb {
        min-height: 400px;
        height: 40vw
    }
}
.experiences-details .video-wrapper .video-thumb .play-button {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 93px;
    width: 80px;
    transition: opacity .1s
}
.experiences-details .video-wrapper .video-thumb .play-button svg {
    position: absolute;
    left: 0;
    top: 0;
    height: 93px;
    width: 80px;
    fill: #fff;
    transition: fill .35s ease-in-out
}
.experiences-details .video-wrapper .video-thumb:hover .play-button {
    opacity: .8
}
.experiences-details .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.experiences-grid {
    margin-bottom: 115px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .experiences-grid {
        margin-top: 23px;
        margin-bottom: 90px
    }
}
.experiences-grid-group {
    display: flex;
    flex-wrap: wrap
}
.experiences-grid__item {
    display: inline-block;
    width: calc(33% - 20px);
    position: relative;
    height: 492px;
    box-shadow: 0 8px 18px -5px rgba(0, 0, 0, .2);
    margin: 10px
}
.experiences-grid__item.wide-item {
    width: calc(66% - 20px)
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item {
        height: 400px
    }
    .experiences-grid__item,
    .experiences-grid__item.wide-item {
        width: calc(100% - 20px)
    }
}
.experiences-grid__item .hovered-content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    opacity: 0;
    transition: opacity .35s ease-in-out
}
.experiences-grid__item .hovered-content .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    padding: 30px 40px 20px;
    font-size: 15px;
    line-height: 40px;
    display: flex;
    flex-direction: column
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item .hovered-content .wrapper {
        padding: 20px 20px 10px
    }
}
.experiences-grid__item .hovered-content .wrapper .top-heading {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .8px
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item .hovered-content .wrapper .top-heading {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 14px
    }
}
.experiences-grid__item .hovered-content .wrapper .h1-like {
    position: relative;
    font-size: 43px;
    line-height: 45px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: currentColor;
    text-transform: none
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item .hovered-content .wrapper .h1-like {
        font-size: 33px;
        line-height: 25px;
        margin-bottom: 15px;
        padding-bottom: 15px
    }
}
.experiences-grid__item .hovered-content .wrapper .h1-like:after {
    content: "";
    position: absolute;
    display: block;
    width: 75%;
    height: 1px;
    background-color: currentColor;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0
}
.experiences-grid__item .hovered-content .wrapper .content-wrapper {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .2px;
    height: 100%;
    overflow-y: auto
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item .hovered-content .wrapper .content-wrapper {
        padding-bottom: 40px
    }
}
.experiences-grid__item .hovered-content .wrapper nav {
    text-align: right;
    position: relative
}
@media only screen and (max-width: 1023px) {
    .experiences-grid__item .hovered-content .wrapper nav {
        text-align: center
    }
    .experiences-grid__item .hovered-content .wrapper nav:before {
        content: "";
        background-image: linear-gradient(transparent, #fff);
        position: absolute;
        width: 100%;
        height: 40px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }
}
.experiences-grid__item .hovered-content .wrapper nav a {
    position: relative;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.04px;
    padding-right: 20px;
    text-transform: uppercase
}
.experiences-grid__item .hovered-content .wrapper nav a+a {
    margin-left: 20px
}
@media only screen and (max-width: 767px) {
    .experiences-grid__item .hovered-content .wrapper nav a+a {
        margin-left: 10px
    }
}
.experiences-grid__item .hovered-content .wrapper nav a.video-link:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid;
    border-radius: 50%
}
.experiences-grid__item .hovered-content .wrapper nav a.video-link:after {
    content: "";
    position: absolute;
    height: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-color: transparent transparent transparent currentcolor;
    border-style: solid;
    border-width: 4px 5px
}
.experiences-grid__item .hovered-content .wrapper nav a.learn-more:after {
    content: "";
    position: absolute;
    height: 6px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-color: transparent transparent transparent currentcolor;
    border-style: solid;
    border-width: 5px 6px
}
.experiences-grid__item:hover .hovered-content {
    opacity: 1
}
.experiences-grid__item-title {
    position: absolute;
    z-index: 2;
    width: 70%;
    right: 0;
    bottom: 30px;
    left: 0;
    margin: auto;
    color: #fff;
    font-size: 43px;
    line-height: 42px;
    letter-spacing: .63px;
    text-align: center
}
.experiences-grid__item-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}
.experiences-grid__item-image-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 40%
}
.experiences-grid__item-image-wrapper .thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}
.experiences-slider {
    margin-bottom: 150px
}
@media only screen and (max-width: 767px) {
    .experiences-slider {
        margin-bottom: 70px
    }
}
.experiences-slider .tile {
    display: flex;
    margin-bottom: 80px
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile {
        flex-direction: column-reverse;
        margin-bottom: 60px
    }
}
.experiences-slider .tile.right {
    flex-direction: row-reverse
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile.right {
        flex-direction: column-reverse
    }
}
.experiences-slider .tile.right .tile-information {
    border-right: 1px solid #cacaca;
    border-left: none
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile.right .tile-information {
        border: 1px solid #cacaca;
        border-top: none
    }
}
.experiences-slider .tile-information {
    width: 45%;
    min-height: 430px;
    margin: 30px 0;
    padding: 20px 30px 25px 35px;
    border: 1px solid #cacaca;
    border-right: none
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-information {
        margin: 0;
        width: 100%;
        min-height: 100%;
        padding: 20px;
        border: 1px solid #cacaca;
        border-top: none
    }
}
.experiences-slider .tile-header {
    margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-header {
        text-align: center
    }
}
.experiences-slider .tile-header span {
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    text-transform: uppercase
}
.experiences-slider .tile-header h3 {
    color: #000;
    font-size: 28px;
    line-height: 37px;
    letter-spacing: .5px;
    font-weight: 700
}
.experiences-slider .tile-header h4 {
    color: #000;
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    text-transform: uppercase
}
.experiences-slider .tile-content {
    margin-bottom: 75px
}
.experiences-slider .tile-content p {
    font-size: 16px;
    line-height: 34px
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-content {
        margin-bottom: 20px;
        text-align: center
    }
}
.experiences-slider .tile-footer {
    display: flex;
    align-items: center;
    justify-content: center
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-footer {
        display: block
    }
}
.experiences-slider .tile-footer .button {
    width: 50%;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 1px
}
.experiences-slider .tile-footer .button.book {
    font-size: 15px;
    font-weight: 700
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-footer .button {
        width: 100%
    }
}
.experiences-slider .tile-slider {
    width: 55%;
    box-shadow: 0 15px 35px -15px rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .experiences-slider .tile-slider {
        width: 100%;
        height: 200px;
        box-shadow: none
    }
}
.experiences-slider .slideshow {
    position: relative;
    overflow: hidden
}
.experiences-slider .slide,
.experiences-slider .slide-wrapper,
.experiences-slider .slideshow,
.experiences-slider .slideshow-wrapper {
    height: 100%
}
.experiences-slider .slide {
    background-repeat: no-repeat;
    background-size: cover
}
.experiences-slider .slideshow-navigation {
    display: none;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}
.experiences-slider .slideshow-navigation .slideshow-button {
    display: block;
    width: 55px;
    height: 100%;
    font-size: 0
}
.experiences-slider .slideshow-navigation .slideshow-button:before {
    content: "";
    position: relative;
    left: 25px;
    display: block;
    width: 35px;
    height: 35px;
    font-size: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .5))
}
.experiences-slider .slideshow-navigation .slideshow-button.next:before {
    left: auto;
    right: 5px;
    transform: rotate(45deg) scaleX(-1)
}
.experiences-slider .swiper-container-initialized .slideshow-navigation {
    display: flex
}
.top-10 {
    margin-bottom: 115px;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .top-10 {
        margin-top: 23px;
        margin-bottom: 90px
    }
}
.top-10 .top-heading {
    font-size: 38px;
    line-height: 52px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none
}
.top-10 .heading {
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: .44px;
    text-transform: uppercase
}
.top-10 .bg-wrapper {
    margin-top: 100px;
    background-size: cover;
    background-repeat: no-repeat
}
@media only screen and (max-width: 1023px) {
    .top-10 .bg-wrapper {
        margin-top: 40px;
        padding-top: 20px
    }
}
.top-10__grid {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}
.top-10__item {
    display: inline-block;
    width: calc((100% - 68px)/3);
    position: relative;
    height: 381px;
    margin: 13px 0 13px 34px;
    overflow: hidden
}
.top-10__item:first-child,
.top-10__item:nth-child(2) {
    width: calc((100% - 34px)/2);
    height: 485px;
    margin-top: -63px
}
.top-10__item:nth-child(3) {
    width: calc(40% - 17px)
}
.top-10__item:nth-child(4) {
    width: calc(60% - 17px)
}
.top-10__item:first-child,
.top-10__item:nth-child(3),
.top-10__item:nth-child(3n-1) {
    margin-left: 0
}
.top-10__item:nth-child(2) {
    margin-left: 34px
}
@media only screen and (max-width: 1023px) {
    .top-10__item {
        height: 400px
    }
    .top-10__item:nth-child(n) {
        width: 100%;
        margin-top: 13px;
        margin-left: 0
    }
}
.top-10__item .hovered-content {
    position: absolute;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    margin: -7px;
    padding: 15px 10px;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3;
    opacity: 0;
    transition: opacity .35s ease-in-out
}
.top-10__item .hovered-content .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
    text-align: center;
    padding: 30px 40px 20px;
    font-size: 15px;
    line-height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center
}
@media only screen and (max-width: 1023px) {
    .top-10__item .hovered-content .wrapper {
        padding: 20px 20px 10px
    }
    .top-10__item .hovered-content .wrapper:before {
        content: "";
        position: absolute;
        width: calc(100% + 14px);
        height: 100px;
        left: -7px;
        bottom: -14px
    }
}
.top-10__item .hovered-content .wrapper .title {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 1.48px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    font-weight: 700;
    margin-bottom: 20px
}
@media only screen and (max-width: 767px) {
    .top-10__item .hovered-content .wrapper .title {
        font-size: 20px;
        line-height: 25px
    }
}
.top-10__item .hovered-content .wrapper .content-wrapper {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .09px;
    overflow-y: auto;
    padding-right: 20px;
    margin-right: -20px;
    color: #fff;
    font-weight: 400
}
.top-10__item .hovered-content .wrapper .content-wrapper .button {
    color: currentColor
}
.top-10__item:hover .hovered-content {
    opacity: 1
}
.top-10__item-title {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 50%;
    left: 0;
    margin: auto;
    transform: translateY(50%);
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    letter-spacing: 1px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    text-transform: uppercase;
    font-weight: 700;
    transition: opacity .35s ease-in-out
}
.top-10__item:first-child .top-10__item-title,
.top-10__item:nth-child(2) .top-10__item-title {
    width: 80%;
    font-size: 59px;
    line-height: 64px;
    letter-spacing: 1.98px
}
@media only screen and (max-width: 1023px) {
    .top-10__item-title,
    .top-10__item:first-child .top-10__item-title,
    .top-10__item:nth-child(2) .top-10__item-title {
        font-size: 32px;
        line-height: 32px
    }
}
.top-10__item:hover .top-10__item-title {
    opacity: 0
}
.top-10__item-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 7px;
    background-color: #fff;
    transition: all .35s ease-in-out
}
.top-10__item-image-wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .43));
    transition: all .35s ease-in-out
}
.top-10__item-image-wrapper .thumbnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}
.top-10__item:hover .top-10__item-image-wrapper {
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    padding: 0;
    margin: -7px
}
.top-10__item:hover .top-10__item-image-wrapper:before {
    width: 100%;
    height: 100%
}
.video-social-feed {
    margin-bottom: 115px;
    background-size: cover;
    background-repeat: no-repeat
}
.video-social-feed .background-wrapper {
    padding-top: 70px;
    padding-bottom: 80px
}
.video-social-feed .background-wrapper .center-column {
    position: relative
}
.video-social-feed .background-wrapper .center-column .wrapper .top-heading {
    width: 100%;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: .84px;
    color: #fff;
    text-align: center;
    margin: 0
}
.video-social-feed .background-wrapper .center-column .wrapper .h1-like {
    width: 100%;
    font-size: 53px;
    line-height: 74px;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    margin: 0
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .all-offers-link {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.04px;
    color: #fff;
    text-transform: uppercase;
    top: -45px;
    right: 0;
    padding-right: 20px
}
@media only screen and (max-width: 767px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .all-offers-link {
        position: relative;
        display: inline-block;
        top: unset;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .all-offers-link:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    border: 6px solid transparent;
    border-left-color: currentcolor;
    transform: translateY(-50%)
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow {
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    margin-top: 10px
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper {
    display: flex
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile {
    position: relative;
    width: calc(25% - 20px);
    height: 388px;
    margin: auto 10px;
    padding: 10px;
    background-color: #fff
}
@media only screen and (max-width: 1023px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile {
        width: calc(33.33333% - 20px)
    }
}
@media only screen and (max-width: 767px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile {
        width: calc(100% - 20px)
    }
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .tile-bg-wrapper {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .tile-bg-wrapper:before {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px)
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper {
    position: absolute;
    width: 90%;
    bottom: 70px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0
}
@media only screen and (max-width: 767px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper {
        top: 50%;
        transform: translateY(-50%)
    }
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-top-heading {
    font-size: 29px;
    line-height: 40px;
    letter-spacing: normal;
    color: #fff
}
@media only screen and (max-width: 767px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-top-heading {
        font-size: 35px;
        line-height: 45px
    }
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-heading {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: normal;
    color: #fff;
    font-weight: 700
}
@media only screen and (max-width: 767px) {
    .video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-heading {
        font-size: 21px;
        line-height: 25px
    }
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-video-link {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.04px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-right: 20px;
    transform: translateX(-50%);
    bottom: -45px
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-video-link:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid;
    border-radius: 50%;
    transition: all .35s ease-in-out
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .slideshow-wrapper .tile .content-wrapper .tile-video-link:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    right: 1px;
    bottom: 0;
    margin: auto;
    height: 8px;
    border: 4px solid transparent;
    border-left: 7px solid
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .arrows-wrapper {
    margin-top: 26px;
    text-align: center
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .arrows-wrapper .slideshow-button {
    font-size: 0;
    line-height: 0;
    margin: 0 18px
}
.video-social-feed .background-wrapper .center-column .wrapper .video-social-feed__slideshow .slideshow .arrows-wrapper .slideshow-button.next {
    transform: rotate(180deg)
}
.newsletter-popup {
    font-family: Source Sans Pro, Arial, sans-serif
}
.newsletter-popup .form-popup {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: #5b517b;
    color: #fff;
    border: none;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 30px
}
.newsletter-popup .form-popup:hover {
    background-color: #45396a
}
@media only screen and (min-width: 768px) {
    .newsletter-popup .form-popup {
        width: 450px
    }
}
.newsletter-popup .description {
    font-size: 22px;
    font-weight: 300;
    line-height: 29px
}
.newsletter-popup .description p {
    all: inherit
}
.newsletter-popup .description * {
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    line-height: inherit
}
.nl-popup-form {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6);
    font-family: Source Sans Pro, Arial, sans-serif;
    display: none
}
.nl-popup-form .nl-popup-form-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-height: 95%;
    overflow: auto;
    max-width: 930px;
    color: #282828;
    text-align: left;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex-flow: row
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner {
        flex-flow: column
    }
}
.nl-popup-form .nl-popup-form-inner .close-popup {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
    overflow: hidden;
    text-indent: -1000px;
    transition: opacity .2s;
    border: 0;
    background: none;
    box-shadow: 0 0
}
.nl-popup-form .nl-popup-form-inner .close-popup:hover {
    opacity: .7
}
.nl-popup-form .nl-popup-form-inner .close-popup:after,
.nl-popup-form .nl-popup-form-inner .close-popup:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #000;
    transform: translate(-50%, -50%) rotate(45deg)
}
.nl-popup-form .nl-popup-form-inner .close-popup:after {
    width: 24px;
    height: 2px
}
.nl-popup-form .nl-popup-form-inner .close-popup:before {
    width: 2px;
    height: 24px
}
.nl-popup-form .nl-popup-form-inner .thumbnail {
    display: block;
    position: relative;
    width: 40%;
    max-width: 415px;
    min-height: 520px;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0
}
.nl-popup-form .nl-popup-form-inner .thumbnail:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 30%;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .37))
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner .thumbnail {
        width: 100%;
        padding-top: 35vh;
        max-width: 100%;
        height: auto;
        min-height: 0
    }
}
.nl-popup-form .nl-popup-form-inner.background-thumbnail {
    color: #fff;
    background: #000
}
.nl-popup-form .nl-popup-form-inner.background-thumbnail .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    opacity: .2;
    margin: 0
}
.nl-popup-form .nl-popup-form-inner .content {
    min-width: 60%;
    padding: 35px 25px 25px;
    font-size: 17px;
    line-height: 1.65;
    display: flex;
    flex-direction: column
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner .content {
        font-size: 15px;
        width: 100%;
        padding: 25px
    }
}
.nl-popup-form .nl-popup-form-inner .content .step-1,
.nl-popup-form .nl-popup-form-inner .content .step-2 {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative
}
.nl-popup-form .nl-popup-form-inner .content .step-1 .loader {
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, .5);
    width: 100%;
    height: 100%;
    z-index: 1
}
.nl-popup-form .nl-popup-form-inner .content .step-1 .loader:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border-color: #282828 transparent;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    -webkit-animation: loading-icon-spin 1.2s linear infinite;
    animation: loading-icon-spin 1.2s linear infinite
}
@keyframes loading-icon-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
.nl-popup-form .nl-popup-form-inner .content .step-2 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d7d7d6;
    font-size: 16px;
    display: none
}
.nl-popup-form .nl-popup-form-inner .content .step-2.show {
    display: flex
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .description {
    flex: 1
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .description b,
.nl-popup-form .nl-popup-form-inner .content .step-2 .description strong {
    font-weight: 600
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .description a {
    color: #5b517b;
    text-decoration: underline;
    font-weight: 600
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .description a:hover {
    text-decoration: none
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .links-section {
    -moz-column-count: 2;
    column-count: 2
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .links-section a {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: .6px;
    color: #5b517b;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner .content .step-2 .links-section {
        -moz-column-count: unset;
        column-count: unset
    }
    .nl-popup-form .nl-popup-form-inner .content .step-2 .links-section a {
        display: block;
        margin: 10px 0
    }
}
.nl-popup-form .nl-popup-form-inner .content .step-2 .close-btn {
    width: 225px;
    margin-left: auto
}
.nl-popup-form .nl-popup-form-inner .content .headings {
    margin-bottom: 10px
}
.nl-popup-form .nl-popup-form-inner .content .headings h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    color: #6d6e71;
    margin-bottom: 0;
    text-transform: uppercase
}
.nl-popup-form .nl-popup-form-inner .content .headings h4 {
    font-size: 39px;
    font-weight: 300;
    line-height: 39px;
    letter-spacing: 2px;
    color: #282828
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner .content .headings h4 {
        font-size: 17px
    }
}
.nl-popup-form .nl-popup-form-inner .content .description {
    line-height: 1.8;
    margin-bottom: 10px
}
.nl-popup-form .nl-popup-form-inner .content .description * {
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    line-height: inherit
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .required-sign {
    display: inline-block;
    color: red;
    line-height: 0;
    margin-right: 5px;
    font-weight: bolder
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form fieldset {
    height: 100%;
    display: flex;
    flex-wrap: wrap
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .required-caption {
    width: 100%;
    font-size: 12px;
    text-align: right
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0
}
@media only screen and (min-width: 768px) {
    .nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item.first_name,
    .nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item.language-control {
        width: calc(50% - 10px);
        margin-right: 10px
    }
    .nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item.last_name,
    .nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item.salutation-control {
        width: calc(50% - 10px);
        margin-left: 10px
    }
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form label {
    width: unset;
    float: none;
    text-align: left;
    cursor: pointer;
    margin: unset
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form input[type=text],
.nl-popup-form .nl-popup-form-inner .content .newsletter-form select {
    width: 100%;
    background-color: #f7f7f7;
    color: #262323;
    line-height: 50px;
    height: 51px;
    resize: none;
    font-weight: 400;
    border: thin solid #b2b2ae;
    font-size: 14px;
    padding: 20px 10px 10px
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form select {
    padding: 5px 36px 10px 10px
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .select-wrapper {
    width: 100%
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox {
    margin: 30px auto;
    position: relative
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox input {
    display: none
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox label {
    font-size: 14px;
    line-height: 29px;
    color: #282828;
    padding-left: 45px
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 31px;
    height: 31px;
    border: thin solid #b2b2ae;
    background-color: #f7f7f7
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox label:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 13px;
    height: 7px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    opacity: 0;
    transition: opacity .35s ease-in-out
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .form-item--checkbox input[type=checkbox]:checked~label:after {
    opacity: 1
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .label-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    transition: all .35s ease-in-out;
    font-size: 14px;
    line-height: 51px;
    z-index: 1;
    pointer-events: none
}
.nl-popup-form .nl-popup-form-inner .content .newsletter-form .label-placeholder.no-overlay {
    font-size: 12px;
    line-height: 15px
}
.nl-popup-form .nl-popup-form-inner .content .btn-submit,
.nl-popup-form .nl-popup-form-inner .content .close-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: #5b517b;
    color: #fff;
    border: none;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 30px
}
.nl-popup-form .nl-popup-form-inner .content .btn-submit:hover,
.nl-popup-form .nl-popup-form-inner .content .close-btn:hover {
    background-color: #45396a;
    text-decoration: none
}
.nl-popup-form .nl-popup-form-inner .buttons {
    margin-top: 0;
    position: absolute;
    bottom: 40px;
    right: 35px
}
.nl-popup-form .nl-popup-form-inner .buttons a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px
}
@media only screen and (max-width: 767px) {
    .nl-popup-form .nl-popup-form-inner .buttons {
        position: relative;
        margin-top: 30px;
        bottom: auto;
        right: auto;
        left: 0
    }
}
.nl-popup-form .nl-popup-form-inner.top-thumbnail .close-popup:after,
.nl-popup-form .nl-popup-form-inner.top-thumbnail .close-popup:before {
    background-color: #000
}
.nl-popup-form .nl-popup-form-inner.top-thumbnail .content {
    padding-top: 0
}
.grecaptcha-badge.hidden {
    visibility: hidden
}
.our-locations-dropdown {
    margin-bottom: 155px;
    padding: 50px 70px 70px;
    overflow: hidden;
    position: relative
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown {
        margin-bottom: 100px;
        padding: 25px 10px 10px
    }
}
.our-locations-dropdown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(146, 165, 205, .47), #5b517b);
    z-index: 1
}
.our-locations-dropdown .section-background {
    z-index: 0
}
.our-locations-dropdown .center-column {
    padding: 0;
    z-index: 2
}
.our-locations-dropdown .page-content {
    text-align: center
}
.our-locations-dropdown .top-heading {
    text-transform: uppercase
}
.our-locations-dropdown .h1-like,
.our-locations-dropdown .top-heading {
    color: #fff
}
.our-locations-dropdown .location-categories-selector {
    position: relative;
    text-align: center;
    margin-bottom: 30px
}
.our-locations-dropdown .location-categories-selector button {
    position: relative;
    margin: 0 24px;
    padding: 0;
    height: auto;
    font-family: Source Sans Pro, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    transition: font-weight 268ms
}
.our-locations-dropdown .location-categories-selector button:hover {
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .location-categories-selector button {
        width: 100%;
        text-align: center;
        line-height: 38px;
        display: none;
        margin: 0;
        transform: translateY(40px);
        color: #282828;
        background: #fff
    }
    .our-locations-dropdown .location-categories-selector button.active {
        display: block
    }
}
.our-locations-dropdown .location-categories-selector button:before {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden
}
.our-locations-dropdown .location-categories-selector button:after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: -7px;
    height: 2px;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: visibility 268ms, opacity 268ms, transform 268ms
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .location-categories-selector button:after {
        display: none
    }
}
.desktop .our-locations-dropdown .location-categories-selector button:hover,
.our-locations-dropdown .location-categories-selector button.active,
.tablet .our-locations-dropdown .location-categories-selector button:hover {
    background: none;
    font-weight: 700
}
@media only screen and (max-width: 767px) {
    .desktop .our-locations-dropdown .location-categories-selector button:hover,
    .our-locations-dropdown .location-categories-selector button.active,
    .tablet .our-locations-dropdown .location-categories-selector button:hover {
        transform: translateY(0);
        color: #fff;
        border-bottom: 1px solid #fff;
        position: absolute;
        top: 0;
        font-weight: 600;
        text-align: left
    }
}
.desktop .our-locations-dropdown .location-categories-selector button:hover:after,
.our-locations-dropdown .location-categories-selector button.active:after,
.tablet .our-locations-dropdown .location-categories-selector button:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .location-categories-selector {
        padding-top: 38px;
        margin: 0 15px 20px;
        position: relative
    }
    .our-locations-dropdown .location-categories-selector:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        font-size: 0;
        position: absolute;
        top: 10px;
        right: 20px;
        transform: rotate(45deg)
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .location-categories-selector .location-categories-wrapper {
        position: absolute;
        width: 100%;
        top: 0;
        z-index: 1
    }
    .our-locations-dropdown .location-categories-selector .location-categories-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: -40px;
        box-shadow: 0 7px 8px 0 rgba(0, 0, 0, .2);
        z-index: -1
    }
}
.our-locations-dropdown .location-categories-selector.open button {
    display: block
}
.our-locations-dropdown .properties-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}
.our-locations-dropdown .property-wrapper {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    width: calc(25% - 20px)
}
.our-locations-dropdown .property-wrapper.hide {
    display: none
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-wrapper {
        width: calc(33.33333% - 20px)
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-wrapper {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        width: calc(50% - 10px)
    }
}
.our-locations-dropdown .property-item-parent {
    width: 100%;
    height: 100%
}
.our-locations-dropdown .logo {
    width: 100%;
    max-width: 210px;
    max-height: 68px;
    margin: 0 auto 15px;
    display: block;
    overflow: hidden
}
.our-locations-dropdown .logo img {
    display: block;
    max-height: 68px;
    margin: 0 auto;
    width: auto;
    max-width: 100%
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .logo img {
        height: 100%
    }
}
.our-locations-dropdown .parent-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 40px 10px 30px;
    width: 100%;
    height: 220px;
    background-color: #fff;
    transition: box-shadow .35s ease-in-out, filter .35s ease-in-out
}
.our-locations-dropdown .parent-wrapper:hover {
    cursor: pointer;
    box-shadow: 0 6px 27px -2px rgba(0, 0, 0, .5)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .parent-wrapper {
        padding: 35px 30px 30px;
        height: 180px
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .parent-wrapper {
        padding: 40px 20px 20px;
        height: 150px
    }
}
.our-locations-dropdown .parent-wrapper.open {
    margin-bottom: 35px;
    box-shadow: none;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .5))
}
.our-locations-dropdown .parent-wrapper.open:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: translateX(-50%) rotate(45deg)
}
.our-locations-dropdown .parent-wrapper.open.nickelodeon-brand:before {
    left: 0;
    bottom: -50px;
    width: 100px;
    height: 50px;
    background-color: transparent;
    background-image: url(../images/themes/nickelodeon/slime-white.html);
    transform: scaleX(-1);
    background-size: contain;
    background-repeat: no-repeat
}
.our-locations-dropdown .parent-wrapper.open .learn-more {
    display: none
}
.our-locations-dropdown .parent-wrapper.open .close-properties {
    display: block
}
.our-locations-dropdown .parent-wrapper.open .close-properties:after,
.our-locations-dropdown .parent-wrapper.open .close-properties:before {
    opacity: 1;
    background-color: #262323
}
.our-locations-dropdown .parent-wrapper.open .close-properties:before {
    transform: rotate(45deg)
}
.our-locations-dropdown .parent-wrapper.open .close-properties:after {
    transform: rotate(-45deg)
}
.our-locations-dropdown .close-properties {
    display: none;
    position: relative;
    font-size: 0;
    width: 30px;
    height: 30px
}
.our-locations-dropdown .close-properties:after,
.our-locations-dropdown .close-properties:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    display: block;
    height: 20px;
    width: 1px;
    background-color: transparent;
    opacity: 0;
    transition: transform .35s ease-in-out
}
.our-locations-dropdown .learn-more {
    display: block;
    padding: 0;
    height: auto;
    color: #282828;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0
}
.our-locations-dropdown .learn-more:hover {
    background-color: transparent;
    text-decoration: underline
}
.our-locations-dropdown .logo-for-mobile {
    display: none
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .logo-for-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px;
        background-color: #fff;
        z-index: 100
    }
    .our-locations-dropdown .logo-for-mobile img {
        display: block;
        margin: 0 auto;
        max-width: 200px
    }
}
.our-locations-dropdown .property-items {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 0
}
.our-locations-dropdown .property-items.open {
    position: absolute;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    max-height: 100%
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-items.open {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        padding: 150px 10px 0;
        height: 100%;
        width: 100%;
        z-index: 100;
        background-color: #fff;
        overflow: auto
    }
}
.our-locations-dropdown .property-item {
    display: block;
    width: calc(33.33333% - 20px);
    min-height: 487px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    transition: transform .35s ease-in-out, box-shadow .35s ease-in-out
}
.our-locations-dropdown .property-item:hover {
    box-shadow: 0 6px 27px -3px rgba(0, 0, 0, .5);
    transform: scale(1.04)
}
@media only screen and (max-width: 1023px) {
    .our-locations-dropdown .property-item {
        min-height: auto
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-item {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
        width: calc(33.33333% - 10px)
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-item {
        display: flex;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        border: 1px solid #979797
    }
    .our-locations-dropdown .property-item:hover {
        box-shadow: none;
        transform: none
    }
}
.our-locations-dropdown .property-item.two-items {
    width: calc(50% - 20px)
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-item.two-items {
        width: calc(50% - 20px)
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-item.two-items {
        width: 100%
    }
}
.our-locations-dropdown .property-item.one-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 487px
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-item.one-item {
        align-items: stretch;
        min-height: auto
    }
}
.our-locations-dropdown .property-item.one-item .thumb {
    width: 60%;
    height: 100%
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-item.one-item .thumb {
        height: auto;
        max-width: 30%;
        min-width: 30%
    }
}
.our-locations-dropdown .property-item.one-item .property-info {
    height: 475px;
    padding-top: 78px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-item.one-item .property-info {
        height: auto
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-item.one-item .property-info {
        padding: 10px;
        height: auto
    }
}
.our-locations-dropdown .text-button-wrapper {
    display: block;
    margin-right: 20px;
    width: 100%
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .text-button-wrapper {
        position: fixed;
        top: 10px;
        margin: 0;
        right: 10px;
        z-index: 100
    }
}
.our-locations-dropdown .close-properties-text {
    display: block;
    margin-left: auto;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline
}
.our-locations-dropdown .close-properties-text:hover {
    text-decoration: none
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .close-properties-text {
        position: relative;
        font-size: 0;
        width: 30px;
        height: 30px
    }
    .our-locations-dropdown .close-properties-text:after,
    .our-locations-dropdown .close-properties-text:before {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        left: 50%;
        height: 20px;
        width: 1px;
        background-color: #282828;
        opacity: 1;
        transition: transform .35s ease-in-out
    }
    .our-locations-dropdown .close-properties-text:before {
        transform: rotate(45deg)
    }
    .our-locations-dropdown .close-properties-text:after {
        transform: rotate(-45deg)
    }
}
.our-locations-dropdown .thumb {
    position: relative;
    height: 212px;
    background: #ccc
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .thumb {
        height: 150px
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .thumb {
        height: auto;
        max-width: 30%;
        min-width: 30%
    }
}
.our-locations-dropdown .property-info {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 25px 35px;
    height: 275px;
    text-align: center
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-info {
        padding: 15px 20px;
        height: 335px
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-info {
        padding: 10px;
        height: auto;
        text-align: left
    }
}
.our-locations-dropdown .property-info h4 {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: .88px;
    line-height: 29px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-info h4 {
        font-size: 22px;
        line-height: 25px
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-info h4 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 22px
    }
}
.our-locations-dropdown .property-info h5 {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: .88px;
    line-height: 29px;
    text-transform: uppercase
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .property-info h5 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 20px
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-info h5 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 18px
    }
}
.our-locations-dropdown .property-info .description {
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 24px
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .property-info .description {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 18px
    }
}
.our-locations-dropdown .links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .links {
        flex-direction: column
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .links {
        justify-content: flex-end
    }
}
.our-locations-dropdown .links a {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase
}
.our-locations-dropdown .links a:hover {
    text-decoration: underline
}
.our-locations-dropdown .links .book {
    margin-left: 25px;
    font-size: 16px;
    padding: 0 26px;
    letter-spacing: 2px;
    line-height: 40px;
    color: #fff;
    border: none;
    background-color: #45396a;
    transition: background-color .35s ease-in-out
}
.our-locations-dropdown .links .book:hover {
    background-color: #37314f;
    text-decoration: none
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .our-locations-dropdown .links .book {
        margin-left: 0
    }
}
@media only screen and (max-width: 767px) {
    .our-locations-dropdown .links .book {
        margin-left: 15px;
        padding: 0 10px
    }
}
.our-locations-dropdown .property-items.azul-brand .thumb:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 95%;
    height: 95%;
    border: 1px solid #fff;
    z-index: 1;
    transform: translate(-50%, -50%)
}
.our-locations-dropdown .property-items.azul-brand .property-info h4,
.our-locations-dropdown .property-items.azul-brand .property-info h5 {
    color: #213e7b
}
.our-locations-dropdown .property-items.azul-brand .links a:hover {
    color: #002f87
}
.our-locations-dropdown .property-items.azul-brand .links .book {
    background-color: #002f87
}
.our-locations-dropdown .property-items.azul-brand .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.nickelodeon-brand .links a:hover,
.our-locations-dropdown .property-items.nickelodeon-brand .property-info h4,
.our-locations-dropdown .property-items.nickelodeon-brand .property-info h5 {
    color: #ff6d2d
}
.our-locations-dropdown .property-items.nickelodeon-brand .links .book {
    color: #282828;
    background-color: #ff6d2d
}
.our-locations-dropdown .property-items.nickelodeon-brand .links .book:hover {
    background-color: #90c858;
    color: #fff
}
@media only screen and (min-width: 1280px) {
    .our-locations-dropdown .property-items.margaritaville-island-reserve .property-item {
        padding: 12px;
        background-image: url(../images/themes/margaritaville-island-reserve/background-newsletter.html);
        background-repeat: no-repeat;
        background-size: cover
    }
    .our-locations-dropdown .property-items.margaritaville-island-reserve .property-info {
        background-color: #fff
    }
}
.our-locations-dropdown .property-items.margaritaville-island-reserve .links a:hover,
.our-locations-dropdown .property-items.margaritaville-island-reserve .property-info h4,
.our-locations-dropdown .property-items.margaritaville-island-reserve .property-info h5 {
    color: #165d82
}
.our-locations-dropdown .property-items.margaritaville-island-reserve .links .book {
    background-color: #165d82
}
.our-locations-dropdown .property-items.margaritaville-island-reserve .links .book:hover {
    background-color: #5e995d;
    color: #fff
}
@media only screen and (min-width: 1280px) {
    .our-locations-dropdown .property-items.el-dorado .property-item {
        padding: 12px;
        background-image: url(../images/themes/el-dorado/pattern-alternate.html);
        background-repeat: no-repeat;
        background-size: cover
    }
    .our-locations-dropdown .property-items.el-dorado .property-info {
        background-color: #fff
    }
}
.our-locations-dropdown .property-items.el-dorado .links a:hover,
.our-locations-dropdown .property-items.el-dorado .property-info h4,
.our-locations-dropdown .property-items.el-dorado .property-info h5 {
    color: #af2666
}
.our-locations-dropdown .property-items.el-dorado .links .book {
    background-color: #af2666
}
.our-locations-dropdown .property-items.el-dorado .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.el-cielo .links a:hover,
.our-locations-dropdown .property-items.el-cielo .property-info h4,
.our-locations-dropdown .property-items.el-cielo .property-info h5 {
    color: #8f6a26
}
.our-locations-dropdown .property-items.el-cielo .links .book {
    background-color: #8f6a26
}
.our-locations-dropdown .property-items.el-cielo .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.hidden-beach .links a:hover,
.our-locations-dropdown .property-items.hidden-beach .property-info h4,
.our-locations-dropdown .property-items.hidden-beach .property-info h5 {
    color: #b88a2d
}
.our-locations-dropdown .property-items.hidden-beach .links .book {
    background-color: #b88a2d
}
.our-locations-dropdown .property-items.hidden-beach .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.karisma-villas .links a:hover,
.our-locations-dropdown .property-items.karisma-villas .property-info h4,
.our-locations-dropdown .property-items.karisma-villas .property-info h5 {
    color: #727272
}
.our-locations-dropdown .property-items.karisma-villas .links .book {
    background-color: #727272
}
.our-locations-dropdown .property-items.karisma-villas .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.sensatori .links a:hover,
.our-locations-dropdown .property-items.sensatori .property-info h4,
.our-locations-dropdown .property-items.sensatori .property-info h5 {
    color: #00acc8
}
.our-locations-dropdown .property-items.sensatori .links .book {
    background-color: #00acc8
}
.our-locations-dropdown .property-items.sensatori .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.allure-brand .links a:hover,
.our-locations-dropdown .property-items.allure-brand .property-info h4,
.our-locations-dropdown .property-items.allure-brand .property-info h5 {
    color: #522d1e
}
.our-locations-dropdown .property-items.allure-brand .links .book {
    background-color: #522d1e
}
.our-locations-dropdown .property-items.allure-brand .links .book:hover {
    background-color: #282828;
    color: #fff
}
.our-locations-dropdown .property-items.generations-riviera-maya .property-info h4 {
    color: #282828
}
.our-locations-dropdown .property-items.generations-riviera-maya .property-info h5 {
    color: #ad6500
}
.our-locations-dropdown .property-items.generations-riviera-maya .links a:hover {
    color: #ff9e18
}
.our-locations-dropdown .property-items.generations-riviera-maya .links .book {
    color: #282828;
    background-color: #ff9e18
}
.our-locations-dropdown .property-items.generations-riviera-maya .links .book:hover {
    background-color: #ad6500;
    color: #fff
}
@media print {
    html {
        -webkit-print-color-adjust: exact
    }
    .fade-on-scroll {
        opacity: 1!important;
        transform: translate(0)!important
    }
    #calendar-header,
    #calendar-month,
    #calendar-year,
    #content-submenu,
    body>:not(#content) {
        display: none
    }
    @page {
        size: 960px 1358px
    }
}