body {
    background-color: #ffffff;
    margin: 0px;
    height: 100%;
}

.page > img {
    display: block;
    margin: auto;
}

.animation {
    height: 20px;
    overflow: hidden;
    transition: all 850ms ease-in-out;
}


#animation40.is-open {
    height: 371px;
        }


.animation {
    position: relative;
    width: 1502px;
    margin: auto;
}

.animation .video {
    position: absolute;
    top: 48px;
    right: 150px;
    opacity: 0;
    transition: all 680ms ease-in-out;
    cursor: pointer;
}

.animation.is-active .video {
    right: 280px;
    opacity: 1;
}

.animation .video img {
    width: 353px;

}

.animation img {
    display: block;
    width: 11502px;
    max-width: 1502px;
    margin: auto;
    position: relative;
    z-index: 1;
}


#lottie {
    background-color: #ffffff;
    width: 1502px;
    height: 371px;
    display: block;
    overflow: hidden;
    text-align: center;
    opacity: 1;
    margin: auto;
    max-width: 1502px;
    max-height: 371px;
}