.scroll-animation {
    position: fixed;
    bottom: 20px;
    right: 50%;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    color: white;
    font-size: 11px;
    opacity: 0;
    transform: translateX(100%) translateY(20%);
}
.scroll-animation span {
    display: block;
    text-transform: uppercase;
}
.scroll-animation .scroll-indicator {
    background-color: rgba(255, 255, 255, 0.5);
    width: 2px;
    height: 40px;
    margin-right: 16px;
    position: relative;
}
.video-content video {
    float: left;
    width: 100%;
}
.scroll-animation .scroll-indicator::after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    transform-origin: bottom;
    animation: scroll-me 2.5s cubic-bezier(0.39, 0.41, 0.22, 0.95) infinite;
    content: "";
}

@keyframes scroll-me {
    0% {
        transform: scaleY(1);
        transform-origin: bottom;
    }
    40% {
        transform: scaleY(0);
        transform-origin: bottom;
    }
    41% {
        transform: scaleY(0);
        transform-origin: top;
    }
    80% {
        transform: scaleY(1);
        transform-origin: top;
    }
    100% {
        transform: scaleY(1);
        transform-origin: top;
    }
}
.wg-200 {
    position: relative;
}

.wg-200 .button {
    background: transparent;
    color: #1F1F1F;
    border: 1px solid #1F1F1F;
    line-height: 1.125rem;
    padding: 0.75rem 1.875rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.75rem;
    text-decoration: none;
}
.wg-200 .scroll-animation {
    padding-bottom: 40px;
    width: 100%;
    position: absolute;
    top: auto;
    left: 0;
    transform: translateY(50px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wg-200 .header-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100vh;
}
.wg-200 .wg-title {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-100%);
    padding-bottom: 200px;
    color: white;
    font-size: 40px;
}
.text-center {
    text-align: center;
}
.wg-200 .hide-for-large .first-mobile-text {
    margin-top: 100px;
    margin-bottom: 100px;
}
.wg-200 .hide-for-large .first-mobile-text,
.wg-200 .hide-for-large .second-mobile-text,
.wg-200 .hide-for-large .third-mobile-text {
    text-align: center;
    opacity: 0;
    display: block;
    padding: 0 40px;
    font-size: 17px;
    flex-direction: column;
    position: relative;
}
.wg-200 .hide-for-large .third-mobile-text {
    margin-bottom: 100px;
}
.wg-200 .hide-for-large.second-mobile-text-container {
    margin-bottom: 100px;
    margin-top: 100px;
}
.wg-200 .text-panel {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
}
@media screen and (max-width: 64em) {
    .wg-200 .text-panel {
        height: 100vh;
        z-index: 10;
    }
}
.wg-200 .text-panel img {
    width: 100%;
    object-fit: contain;
}
.wg-200 .text-panel .cell {
    position: relative;
}
.wg-200 .text-panel .first-text-container {
    font-size: 22px;
    z-index: 20;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
    transform: translateY(-50%);
}
@media screen and (max-width: 89.99875em) {
    .wg-200 .text-panel .first-text-container {
        font-size: 17px;
        padding: 20px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .text-panel .first-text-container {
        transform: translateY(0);
        opacity: 0;
        width: 100%;
        padding: 40px;
        margin-left: 0;
        text-align: center;
        top: 60%;
    }
}
.wg-200 .text-panel .second-text-container {
    transform: translateY(-50%);
    font-size: 22px;
    z-index: 20;
    position: absolute;
    right: auto;
    top: 50%;
    opacity: 0;
    padding-left: 50px;
}
@media screen and (max-width: 89.99875em) {
    .wg-200 .text-panel .second-text-container {
        font-size: 17px;
        padding: 20px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .text-panel .second-text-container {
        opacity: 0;
        transform: translateY(0);
    }
}
.wg-200 .text-panel .third-text-container {
    transform: translateY(-50%);
    font-size: 22px;
    z-index: 20;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0;
}
@media screen and (max-width: 89.99875em) {
    .wg-200 .text-panel .third-text-container {
        font-size: 17px;
        padding: 20px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .text-panel .third-text-container {
        opacity: 0;
        transform: translateY(0);
    }
}
.wg-200 .text-panel .small-video-container {
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    align-items: center;
    z-index: 40;
    padding-left: 20px;
}
.wg-200 .text-panel .small-video-container .small-video {
    opacity: 0;
    height: 250px;
}
.wg-200 .sun {
    max-height: 100vh;
    transform: translateX(-100%);
}
.wg-200 .sun-container {
    width: 100%;
    height: 100lvh;
    position: relative;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 5;
}
.wg-200 .slide-container {
    width: 100%;
    z-index: 20;
    height: 100vh;
    position: relative;
}
@media screen and (max-width: 64em) {
    .wg-200 .slide-container {
        height: 100vh;
        height: auto;
    }
}
.wg-200 .slide-container img {
    z-index: 40;
    width: 100%;
    padding: 100px;
    object-fit: contain;
}
@media screen and (max-width: 89.99875em) {
    .wg-200 .slide-container img {
        padding: 0;
    }
}
.wg-200 .slide-container img.img-third-slide {
    padding: 33px 0 33px 100px;
    max-width: 80%;
}
@media screen and (max-width: 89.99875em) {
    .wg-200 .slide-container img.img-third-slide {
        padding: 0 10px 0 0;
        margin-bottom: 40px;
    }
}
.wg-200 a.button {
    z-index: 100;
    margin-top: 1.25rem;
}
.wg-200 .image-wrapper {
    position: relative;
    height: 65vh;
    overflow: hidden;
}
@media screen and (max-width: 79.99875em) {
    .wg-200 .image-wrapper {
        height: 50vh;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .image-wrapper {
        width: 100%;
        height: auto;
        text-align: center;
    }
}
.wg-200 .img-first-slide-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
@media screen and (max-width: 79.99875em) {
    .wg-200 .img-first-slide-container {
        width: 50%;
        padding-left: 40px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .img-first-slide-container {
        width: 100%;
        padding: 0;
    }
}
.wg-200 .img-first-slide-container .img-first-slide {
    position: absolute;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 120%;
}
@media screen and (max-width: 64em) {
    .wg-200 .img-first-slide-container .img-first-slide {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        height: auto;
    }
}
.wg-200 .img-second-slide-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wg-200 .img-second-slide-container .img-second-slide {
    position: absolute;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 120%;
}
@media screen and (max-width: 64em) {
    .wg-200 .img-second-slide-container .img-second-slide {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        height: auto;
    }
}
.wg-200 .img-third-slide-container {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 64em) {
    .wg-200 .img-third-slide-container {
        margin-bottom: 100px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .img-third-slide-container .img-third-slide {
        padding-right: 10px;
    }
}
.wg-200 .img-third-slide-container .grid-x {
    width: 100%;
}
.wg-200 .img-third-slide-container .grid-x .large-12 {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 64em) {
    .wg-200 .img-third-slide-container .small-video-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .text-image-animation {
        padding: 0 20px;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .second-slide-container {
        display: flex;
        align-items: flex-start;
    }
}
@media screen and (max-width: 64em) {
    .wg-200 .first-mobile-text-container {
        height: auto;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important;
    }
}

.video-content video {
    float: left;
    width: 100%;
}

/* Foundation Grid */
.grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px
}

.cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.auto {
    width: auto
}

.grid-x>.shrink {
    width: auto
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-full,
.grid-x>.small-shrink {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,
screen and (min-width:40em) {

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-full,
    .grid-x>.medium-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,
screen and (min-width:64em) {

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-full,
    .grid-x>.large-shrink {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.33333%
}

.grid-x>.small-2 {
    width: 16.66667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.33333%
}

.grid-x>.small-5 {
    width: 41.66667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.33333%
}

.grid-x>.small-8 {
    width: 66.66667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.33333%
}

.grid-x>.small-11 {
    width: 91.66667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,
screen and (min-width:40em) {
    .grid-x>.medium-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x>.medium-shrink {
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.33333%
    }

    .grid-x>.medium-2 {
        width: 16.66667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.33333%
    }

    .grid-x>.medium-5 {
        width: 41.66667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.33333%
    }

    .grid-x>.medium-8 {
        width: 66.66667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.33333%
    }

    .grid-x>.medium-11 {
        width: 91.66667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .grid-x>.large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .grid-x>.large-shrink {
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.33333%
    }

    .grid-x>.large-2 {
        width: 16.66667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.33333%
    }

    .grid-x>.large-5 {
        width: 41.66667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.33333%
    }

    .grid-x>.large-8 {
        width: 66.66667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.33333%
    }

    .grid-x>.large-11 {
        width: 91.66667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}


.small-offset-0 {
    margin-left: 0
}

.grid-margin-x>.small-offset-0 {
    margin-left: calc(0% + .625rem)
}

.small-offset-1 {
    margin-left: 8.33333%
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
    margin-left: 16.66667%
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.small-offset-4 {
    margin-left: 33.33333%
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
    margin-left: 41.66667%
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.small-offset-7 {
    margin-left: 58.33333%
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
    margin-left: 66.66667%
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.small-offset-10 {
    margin-left: 83.33333%
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
    margin-left: 91.66667%
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,
screen and (min-width:40em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: calc(0% + .9375rem)
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,
screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: calc(0% + .9375rem)
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}