.moveLogoUp {
    animation-name: moveUp;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.moveLogoDown {
    animation-name: moveDown;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

@keyframes moveUp {

    // top 10 naar 0, height naar 86px
    from {
        top: 10px;
        height: 105px;
    }

    to {
        top: 0;
        height: 86px;
    }
}

@keyframes moveDown {
    from {
        top: 0;
        height: 86px;
    }

    to {
        top: 10px;
        height: 105px;
    }
}

.moveLogoUpMobile {
    animation-name: moveUpMobile;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.moveLogoDownMobile {
    animation-name: moveDownMobile;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

@keyframes moveUpMobile {
    from {
        top: -5px;
        height: 70px;
    }

    to {
        top: 0;
        height: 45px;
    }
}

@keyframes moveDownMobile {
    from {
        top: 0;
        height: 45px;
    }

    to {
        top: -5px;
        height: 70px;
    }
}

.sf-breadcrumb-l2,
.sf-breadcrumb-l3 {
    visibility: hidden;
}


@font-face {
    font-family: "Futura Maxi Std Bold Bold";
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.opptylab.com/fonts/095fc6b8-1642-4743-baf2-9765a04b2721.eot'), url('https://cdn.opptylab.com/fonts/2c6db8ad-1a9d-4094-9038-6b50d191fb50.svg'), url('https://cdn.opptylab.com/fonts/9169e209-8245-4dd8-81b2-15f9cea547f6.ttf'), url('../assets/fonts/45b432fc-02e4-45e1-b13c-e32f91727840.woff');
}

@font-face {
    font-family: "Futura Maxi Std Light Regular";
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.opptylab.com/fonts/0f378ae5-edaf-4e09-a3fe-93ec2e1784b3.eot'), url('https://cdn.opptylab.com/fonts/dae2a375-e289-4726-ba96-70138aacc514.svg'), url('https://cdn.opptylab.com/fonts/1c4425ae-5d34-4461-a221-7baa96bf9fd0.ttf'), url('../assets/fonts/53e3b301-4f44-4c99-b14a-9535357c27d0.woff');
}

@font-face {
    font-family: "Poppins Light Regular";
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.opptylab.com/fonts/4699946a-0a33-4915-869c-7f1b1f68d3ad.ttf');
}

.op00 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.op01 {
    max-width: 960px;
}

.op02 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.op03 {
    background-color: rgb(242, 245, 248);
    width: 40%;
}

.op04 {
    font-family: 'Poppins Light Regular';
    color: rgb(113, 124, 125);
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 5% 0;
}

.op05 {
    font-family: 'Futura Maxi Std Bold Bold';
    font-size: 22px;
    line-height: 20px;
    color: rgb(0, 62, 107);
    margin: 30px 20px 0 0;
    text-align: left;
}

.op10 {
    font-family: 'Futura Maxi Std Light Regular';
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    color: rgb(0, 62, 107);
    text-transform: uppercase;
    margin: 10px 20px 0 20px;
    text-align: left;
}

.op06 {
    padding: 0 18px;
}

.op08 {
    text-transform: uppercase;
    font-family: 'Futura Maxi Std Bold Bold';
    background-color: rgb(183, 191, 16);
    border-radius: 35px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px;
    position: relative;
    width: fit-content;
}

.op09 {
    width: 60%;
    min-height: 330px;
    background: linear-gradient(to right, rgba(242, 245, 248, 0) 0%, rgba(242, 245, 248, 0) 35%, rgba(242, 245, 248, 1) 100%), url('https://cdn.opptylab.com/ah/assets/tn-sprayfo-landingspage-hero-banner-image-1920x787px-v1.jpg') no-repeat;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}

.op11 {
    text-decoration: none;
}

@media screen and (max-width: 766px) {
    .op02 {
        flex-direction: column;
    }

    .op03,
    .op09 {
        width: 100%;
    }

    .op06 {
        padding: 0 20px 0 10px;
    }

    .op04 {
        padding-bottom: 20px;
    }

    .op10 {
        margin: 10px 20px 0 10px;
    }

    .op09 {
        background-image: url('https://cdn.opptylab.com/ah/assets/tn-sprayfo-landingspage-hero-banner-image-1920x787px-v1.jpg');
    }
}

/* ::fbs::a08cd4e694f16f700cd75d3be68c77c4b8ed8ff3:: */
/* ::fbs::a08cd4e694f16f700cd75d3be68c77c4b8ed8ff3:: */

.sf-carousel-btn-lft,
.sf-carousel-btn-rgt {
    cursor: pointer;
}

.sf-footer-icons {
    justify-content: center;
}