@media(max-width:959px) {
    html, body {
        height:auto!important; /* fixes a bug of white background of html */
    }
}

.destination__region-title {
    line-height: 1 !important;
    margin-bottom: 16.5px !important;
  }

.destination__imagebox {
width: 100%;
height: 455px !important;
}

/* .page-template-page-brand-destination > .body-display-announcement .nav-platform {
height: 100px;
display: block;
position: sticky;
} */

.page-template-page-brand-destination .featured--brand-destination {
padding: 10vw 0 8vw 0;
margin-top: 0;
}





.destination__imagebox-wrap {
    overflow: hidden;
}

.destination__image__gallery {
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    height:100%;
}
.destination__image__gallery li {
    background-position:center;
    background-size:cover;
    min-height:100%;
    max-height: 455px;
}


@media(max-width:1023px) {
    .destination__imagebox {
        height: auto !important;
    }
}


.page-template-page-brand-destination-region,
.page-template-page-brand-destination-new {
    background: #000;
    color:#fff;
    min-height:100vh;
}


.page-template-page-brand-destination-region h1,
.page-template-page-brand-destination-region h2,
.page-template-page-brand-destination-region h3,
.page-template-page-brand-destination-region a,
.page-template-page-brand-destination-region p,

.page-template-page-brand-destination-new h1,
.page-template-page-brand-destination-new h2,
.page-template-page-brand-destination-new h3,
.page-template-page-brand-destination-new a,
.page-template-page-brand-destination-new p  {
    color:#fff;
}

.region-wrapper {
    min-height:100vh;
}

.region-wrapper .mobile-content {
    padding:140px 10px 0 10px;
    text-align:center;
}

/* wrapper for main region image in mobile */

.region-wrapper .mobile-content .region-image-mobile {
    position:relative;
    z-index:1;
    overflow:hidden;
    max-height:33vh;
    margin:0 -10px 30px -10px;
}

.region-wrapper .mobile-content .mobile-h1 {
    font-size:2.4em;
    margin-bottom:30px;
}

.region-wrapper .mobile-content .region-description {
    margin:0 8% 30px 8%;
    line-height:1.6;
}
.destination-region-slideshow {
    max-height:100%;
}
.destination-region-slideshow li {
    background-position:center;
    background-size:cover;
    max-height:100%;
}

/* cities list menu */

.properties-menu {
    margin:0;
    padding:0;
    text-align:center;
    list-style:none;
}

.properties-menu .property-item {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    position:relative;
    z-index: 1;
    color: #fff;
    font-family: 'helveticaltstd-bold-webfont', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    opacity: 1;
    display:block;
    cursor:pointer;
}

.properties-menu .property-item::after {
    border-radius: 50%;
    background-color: #fff;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    margin:0 auto;
    opacity:0;
}

.properties-menu .property-item:hover::after,
.properties-menu .property-item.active::after{
    opacity: 1;
}

.property-content {
    display:none;
    margin-top:-30px;
    animation-name:persiana;
    animation-duration:.3s;
    animation-iteration-count:1;
    overflow:hidden;
}


.property-item.active + .property-content,
.property-item.active + * ̣{
    display:block!important;
}

.property-pic {
    position:relative;
    z-index: 1;
    margin:0 20px 30px 20px;
    max-height:175px;
    overflow:hidden;
}
.property-pic .destination-region-slideshow {
    z-index:2;
}
/* this size height is for mobile look up and down important for fit background cover images */
.property-pic .destination-region-slideshow,
.property-pic .destination-region-slideshow li {
    max-height:175px;
    height:175px;
}

.property-pic video {
    position:relative;
    z-index:2;
}

.property-box-title {
    display:inline-block;
    background:#000;
    font-size:2em;
    line-height:1;
    padding:0 15px;
}

.property-box {
    margin: -15px 0 0 0;
    padding:35px 20px 30px 20px;
    border: 1px solid #2d2d2d;
    line-height:1.6;
    text-align:left;
}

.property-box .custom-btn {
    display:block;
    margin:20px 0 0 0;
    font-family: 'HelveticaLTStd-Bold', sans-serif;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: auto;
    padding: 15px 20px;
}

.property-box .custom-btn-white {
    background:#fff;
    color:#000;
    border:1px solid #fff;
}
.property-box .custom-btn-white:hover,
.property-box .custom-btn-white:active,
.property-box .custom-btn-white:focus {
    background:#000;
    color:#fff;
    border-color:#fff;
}


/* Sibling regions - only mobile browsers */

.sibling-regions {
    list-style:none;
    margin:0 -10px;
    padding:0;
}

.sibling-region-item a {
    display:block;
    text-align:center;
    font-size: 1.8em;
    line-height:1.2;
    font-family: 'Didot', sans-serif;
    text-transform:uppercase;
    background:#000;
    color:#fff;
    border-top:1px solid #2d2d2d;
    padding:50px 0;
}

/* desktop view */

.current-region-desktop {
    text-align: center;
}

.region-image-desktop {
    margin:0 0 60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.region-image-desktop video {
    object-fit: contain;
    width: auto;
    height:100%;
}
.locnav .desktop-h1 {
    font-family: 'Didot', serif;
    font-size:2.4em;
    margin-bottom:30px;
    text-transform: uppercase;
}

.locnav .region-description-desktop {
    margin:0 auto;
    max-width:450px;
    padding:0 10px;
}

.locnav .region-description-desktop,
.locnav .region-description-desktop p {
    text-align:center;
    line-height:1.6;
}

.property-item-desktop {
    text-align:center;
    display:none;
    animation-name:feitin;
    animation-duration:.5s;
    animation-iteration-count:1;
}
.property-item-desktop.active {
    display:block;
}
.property-item-desktop .property-pic {
    text-align:center;
}
.property-item-desktop .property-pic video {
    object-fit: contain;
    width: auto;
    height:100%;
    position:relative;
    z-index:2;
}
.property-item-desktop .property-pic,
.property-item-desktop .property-pic .destination-region-slideshow,
.property-item-desktop .property-pic .destination-region-slideshow li {
    max-height:34vh;
    height:34vh;

    z-index:2;
}

.property-item-desktop .property-pic .destination-region-slideshow,
.property-item-desktop .property-pic .destination-region-slideshow li {
    width:100%;
    max-width:100%;
}

.loaderfx {
    border:1px solid #2d2d2d;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
    overflow:hidden;

    animation-name:loadfx;
    animation-duration:1.1s;
    animation-iteration-count:1;
}

.lfx-square {
    width:30px;
    height:30px;
    border:1px solid #2d2d2d;
    display:block;
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1;

    animation-name:rotation;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
}

.property-item-desktop .property-box {
    margin: -15px 20px 20px 20px;
    padding-top:50px;
}

.property-item-desktop,
.property-item-desktop p {
    line-height:1.6!important;
}

.property-item-desktop .property-box .custom-btn {
    margin-top:35px;
}



@media(min-width:960px) {

    .region-wrapper .mobile-content { display:none;}
    .region-wrapper .locnav {
        opacity:1;
				display: block;
        visibility:visible;
        position:absolute;
        pointer-events:all;
        z-index:1;
    }

    .region-wrapper .locnav::before {
        top: 48px; /* vertical line in the middle */
        height:calc(100vh - 48px);
    }


    .region-wrapper .locnav .locnav__logo {
        height: 49px;
    }

    .region-wrapper .locnav__location {
        padding-top:48px;
    }

    .region-wrapper .locnav__location, /**/
    .region-wrapper .locnav__regions {
        min-height:100vh;
        min-height:calc(100vh - 48px);
        position:relative;
        z-index:1;
    }

    .region-wrapper .locnav__cities {
        display:flex;
        align-items: center;
        justify-content: center;
    }

    .region-wrapper .locnav__booking {
        padding-top:48px;
    }
}

/* increase right spacing on higher viewports */

@media (min-width:1400px) {
    .property-item-desktop .property-pic {
        margin: 0 30px 30px 30px;
    }
    .property-item-desktop .property-box {
        margin: -15px 30px 20px 30px;
        padding: 50px 30px 30px 30px;
    }
}

@keyframes persiana {
    from {
        max-height:0;
    }
    to {
        max-height:4000px;
    }
}

@keyframes feitin {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes rotation {
    from {
        transform:rotate(0);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes loadfx {
    0%  {
        left:50%;
        right:50%;
        top:50%;
        bottom:50%;
        opacity:0;
    }
    75%  {
        left:50%;
        right:50%;
        top:0;
        bottom:0;
        opacity:.5;
    }
    100%  {
        left:0;
        right:0;
        top:0;
        bottom:0;
        opacity:1;
    }
}


/* new main destinations page with locnav only two columns */
.page-template-page-brand-destination-new .region-wrapper .locnav__location {
    width:100%;
}

.page-template-page-brand-destination-new .region-wrapper .locnav {
    opacity:1;
    position:absolute;
		display: block;
}

.page-template-page-brand-destination-new .region-wrapper .locnav::before {
    content:none; /* vertical line in the middle */
    display:none;
}

/* fix for mobile, do not fire submenus for locnav inside region wrapper (locnav not overlay menu, locnav in content) */

@media(max-width:1024px) {
    .region-wrapper .locnav .locnav__regions,
    .region-wrapper .locnav .locnav__regions.hide {
        display:block!important;
    }
    .region-wrapper .locnav .locnav__cities,
    .region-wrapper .locnav .locnav__cities.show {
        display:none!important;
    }
}



/* desktop sibling regions */
.sibling-regions-desktop {
    display:none;
}
@media(min-width:1025px) {
    .sibling-regions-desktop {
        display:block;
        list-style:none;
        margin:0;
        padding:0;
        text-align:center;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        max-width: 100%;
        border-top:1px solid #2d2d2d;
    }

    .sibling-regions-desktop li {
        display:inline;
    }

    .sibling-region-d-item a {
        display:inline-block;
        text-align:center;
        font-size: 0.9vw;
        line-height:1.2;
        font-family: 'HelveticaNeueLTStd-Lt',Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        background:#000;
        color:#fff;
        padding:12px 10px 10px 10px;
    }

    .sibling-region-d-item.is-current a {
        font-family: 'HelveticaLTStd-Bold',Arial, Helvetica, sans-serif;
    }


    .sibling-region-d-item + .sibling-region-d-item a {
        border-left:1px solid #2d2d2d;
    }
}