#video{
    height: 39rem;
    position: relative;
    z-index: 1;
    background-color: #956158;
    overflow: hidden;
}

#video .container,
#video .row,
#video .col-12-12{
    height: 100%;
}

.video__image,
video{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

video{
    object-fit: cover;
}

.video__image img{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#video:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(149, 97, 88, 1)), color-stop(80%, transparent));
    background: -o-linear-gradient(bottom, rgba(149, 97, 88, 1) 0%, transparent 80%);
    background: linear-gradient(0deg, rgba(149, 97, 88, 1) 0%, transparent 80%);
    z-index: 1;
    opacity: 1;
}

.video__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
}

.video__copy{
    z-index: 2;
    margin-top: 3.5rem;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.video__copy__no-button{
    margin-top: 0;
}

.video__playbutton{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.video__playbutton a{
    width: 3.2rem;
    display: inline-block;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.video__playbutton span{
    color: #EDF2F2;
    font-family: 'futura-pt-bold', sans-serif;
    font-size: 1.05em;
    line-height: 2.25rem;
    text-transform: uppercase;
    letter-spacing: 1.3150px;
    font-weight: bold;
    margin-top: .65rem;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
}

.video__playbutton img{
    display: block;
}

.video__copy h3{
    color: #EDF2F2;
    font-size: 2.6em;
    line-height: 2.9rem;
    letter-spacing: 2.75px;
    text-align: center;
    font-weight: 500;
    width: 35rem;
    margin-bottom: 2.2rem;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.video__iframe{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.video__iframe #vimeo-player,
.video__iframe #vimeo-player iframe{
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
}

#video.hide .video__image,
#video.hide .video__wrapper .video__copy,
#video.hide:after{
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

#video.hide .video__iframe{
    z-index: 4;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-transition-delay: .8s;
         -o-transition-delay: .8s;
            transition-delay: .8s;
}

#video.hide:after{
    display: none;
}

.video__playbutton a{
    position: relative;
}

.video__playbutton{
    cursor: pointer;
    width: 12rem;
    margin: 0 auto;
    position: relative;
}

.video__playbutton:before{
    content: '';
    position: absolute;
    left: calc(50% - .3rem);
    top: 2rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    height: 14rem;
    width: 14rem;
    border: 2px solid transparent;
    border-radius: 14rem;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.video__playbutton span{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.video__playbutton:hover:before{
    border-color: #fff;
}

.video__playbutton:hover span{
    visibility: hidden;
    opacity: 0;
}

.video__playbutton a:hover{
    /* transform: scale(1.2); */
}

@media only screen and (min-width: 769px){
    #video{
        height: 78rem;
    }

    #video:after{
        height: 45.3rem;
        top: auto;
    }

    .video__image img,
    video{
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        /* -o-object-fit: none;
           object-fit: none; */
        height: 78rem;
    }

    .video__copy h3{
        width: 73rem;
        font-size: 3.4em;
        line-height: 4.8rem;
        letter-spacing: 3.48px;
        margin-bottom: 3rem;
    }

    .video__playbutton a{
        width: 3.92rem;
    }

    .video__playbutton span{
        font-size: 1.1em;
        line-height: 1.7rem;
        letter-spacing: 1.32px;
        margin-top: 10px;
    }
}

@media only screen and (max-height: 620px) and (min-width: 769px){
    #video{
        height: 100vh;
    }
}

@media only screen and (min-width: 1920px){
    .calltoaction__splitimage__image img{
        -o-object-fit: cover;
           object-fit: cover;
    }

    .video__image img{
        -o-object-fit: cover;
           object-fit: cover;
    }
}

.video__playbutton{
    display: none;
}

.modal__video .video__playbutton{
    display: flex;
}

/* Stay */

body[data-page="stay"] #video{
    height: 52rem;
    overflow: hidden;
}


body[data-page="stay"] #video:after{
    height: 22rem;
    top: auto;
}

body[data-page="stay"] #video:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 16rem;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(149, 97, 88, 1)), color-stop(80%, transparent));
    background: -o-linear-gradient(top, rgba(149, 97, 88, 1) 0%, transparent 80%);
    background: linear-gradient(180deg, rgba(149, 97, 88, 1) 0%, transparent 80%);
    z-index: 1;
    opacity: 1;
}

body[data-page="stay"] #video .video__wrapper{
    position: relative;
}

body[data-page="stay"] #video .video__playbutton{
    position: relative;
    bottom: 2.8rem;
}

body[data-page="stay"] #video .video__copy__bottom,
#video.stay .video__copy__bottom{
    position: absolute;
    text-align: center;
    bottom: 3.9rem;
    left: 0;
    width: 100%;
}

body[data-page="stay"] #video .video__copy__bottom h5,
#video.stay .video__copy__bottom h5,
#video.stay .video__copy__bottom a,
body[data-page="stay"] #video .video__copy__bottom a{
    font-size: 1.1em;
    line-height: 2.2rem;
    letter-spacing: 1.32px;
    font-weight: 700 !important;
    color: #EDF2F2;
    text-shadow: 0px 2px 4px rgba(12, 38, 35, .34);
    text-transform: uppercase;
    display: block;
}

#video.stay .video__copy__bottom h5 span,
body[data-page="stay"] #video .video__copy__bottom h5 span{
    font-weight: 700 !important;
}

body[data-page="stay"] #video .video__copy__bottom a,
#video.stay .video__copy__bottom a{
    text-decoration: underline;
    font-size: 1em;
}

@media only screen and (min-width: 769px){
    body[data-page="stay"] #video,
    #video.stay{
        height: 78rem;
    }

    body[data-page="stay"] #video:before{
        display: none;
    }

    body[data-page="stay"] #video:after{
        height: 45.3rem;
    }

    body[data-page="stay"] #video .video__copy__bottom h5,
    body[data-page="stay"] #video .video__copy__bottom a,
    #video.stay .video__copy__bottom h5,
    #video.stay .video__copy__bottom a{
        display: inline-block;
    }

    body[data-page="stay"] #video .video__copy__bottom,
    #video.stay .video__copy__bottom{
        bottom: 11.1rem;
    }

/*    body[data-page="stay"] #video .video__playbutton{
        bottom: 13.7rem;
    }*/

    #video.stay .video__copy__bottom a:hover{
        text-decoration: none;
    }
}

/* Video Explore */

#video.video__explore .video__image img{
    -o-object-position: 67%;
       object-position: 67%;
}

#video.video__explore{
    margin-top: 7.3rem;
    margin-bottom: 3.2rem;
}

@media only screen and (min-width: 768px){
    #video.video__explore{
        margin-top: 0;
    }
}

@media only screen and (min-width: 992px){
    #video.video__explore .video__image img{
        -o-object-position: center center;
           object-position: center center;
    }

    #video.video__explore{
        margin-top: 13.3rem;
        margin-bottom: 6.2rem;
    }
}

/* Video About */
#video.video__about:after{
    display: none;
}

/* #video.video__about figure.video__image{
    display: none;
} */

#video.video__about .video__playbutton{
    display: none;
}

@media only screen and (min-width: 769px){
    #video.video__about:after{
        display: block;
    }

    .video__about .video__image img{
        -o-object-position: center 35%;
           object-position: center 35%;
    }
}

@media only screen and (min-width: 1024px){
    #video .video__image img,
    #video video{
        -webkit-transform: scale(1.15);
            -ms-transform: scale(1.15);
                transform: scale(1.15);
        overflow: hidden !important;
        /* position: relative; */
        z-index: 0;
    }

    #video.animateActive .video__image img,
    #video.animateActive video{
        -webkit-animation: openImage 4s ease-in-out forwards;
                animation: openImage 4s ease-in-out forwards;
    }

}