/* Seta para baixo */
@-webkit-keyframes transition {
    0% {
        -webkit-transform: translateY(-62px);
        transform: translateY(-62px)
    }

    85% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes transition {
    0% {
        -webkit-transform: translateY(-62px);
        transform: translateY(-62px)
    }

    85% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.mrk-arrow-button {
    width: 40px;
    height: 60px;
    -webkit-appearance: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

.mrk-arrow-button svg {
    margin: 12px 0;
    -webkit-transform: translateY(-62px);
    transform: translateY(-62px);
}

@media (prefers-reduced-motion: no-preference) {
    .mrk-arrow-button svg {
        -webkit-animation: transition 2s cubic-bezier(0.15, 1, 0.75, 1) 1s infinite;
        animation: transition 2s cubic-bezier(0.15, 1, 0.75, 1) 1s infinite
    }
}

@media (prefers-reduced-motion: no-preference) {
    .mrk-arrow-button.mrk-arrow-button__pause svg {
        -webkit-animation: none;
        animation: none
    }
}


/* Botão seta para baixo */
.mrk-arrow {
    background-color: #0d2f81;
    padding-top: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

@media (min-width: 801px) {
    .mrk-arrow {
        min-height: 90vh;
        padding-top: 140px
    }
}

@media (min-width: 1025px) {
    .mrk-arrow {
        padding-top: 130px
    }
}

@media (min-width: 1025px) {
    .mrk-arrow__eyebrow {
        font-size: 25px;
        line-height: 32px
    }
}

.mrk-arrow__headline {
    font-size: 40px;
    line-height: 46px
}

@media (min-width: 801px) {
    .mrk-arrow__headline {
        font-size: 50px;
        line-height: 60px
    }
}

@media (min-width: 1025px) {
    .mrk-arrow__headline {
        font-size: 71px;
        line-height: 79px;
        letter-spacing: -1px
    }
}

@media (min-width: 1025px) {
    .mrk-arrow__cta {
        display: none
    }
}

.mrk-arrow__waypoint {
    position: absolute;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    bottom: -4%;
    left: 10%;
}

@media (min-width: 1025px) {
    .mrk-arrow__aspect-box .arbor-aspect-box {
        padding-top: 5.69767% !important
    }
}

@media (min-width: 1025px) and (min-height: 750px) {
    .mrk-arrow__aspect-box .arbor-aspect-box {
        padding-top: 11.39535% !important
    }
}

@media (min-width: 1025px) and (min-height: 800px) {
    .mrk-arrow__aspect-box .arbor-aspect-box {
        padding-top: 22.7907% !important
    }
}