/*******************************************************************************************/
/************ MAX 900  ********************************************************************/
/*******************************************************************************************/


@media only screen and (max-width: 900px) {
    @keyframes float-right-0 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-right-0-copy {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-right-1 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-right-1-copy {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-left-2 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-left-2-copy {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-left-3 {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes float-left-3-copy {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
}


/*******************************************************************************************/
/************ MIN 900  ********************************************************************/
/*******************************************************************************************/

@media only screen and (min-width: 900px) {
    @keyframes float-right-0 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        64% {
            opacity: 0;
        }
        65% {
            opacity: 1;
        }
        100% {
            transform: translatex(90vw);
            opacity: 1;
        }
    }
    @keyframes float-right-0-copy {
        0% {
            transform: translatex(-30vw);
            opacity: 1;
        }
        16% {
            opacity: 1;
        }
        17% {
            opacity: 0;
        }
        78% {
            opacity: 0;
        }
        79% {
            opacity: 1;
        }
        100% {
            transform: translatex(85vw);
            opacity: 1;
        }
    }
    @keyframes float-right-1 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        78% {
            opacity: 0;
        }
        80% {
            opacity: 1;
        }
        100% {
            transform: translatex(90vw);
            opacity: 1;
        }
    }

    @keyframes float-right-1-copy {
        0% {
            transform: translatex(-15vw);
            opacity: 1;
        }
        14% {
            opacity: 1;
        }
        15% {
            opacity: 0;
        }
        76% {
            opacity: 0;
        }
        77% {
            opacity: 1;
        }
        100% {
            transform: translatex(100vw);
            opacity: 1;
        }
    }

    @keyframes float-left-2 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        72% {
            opacity: 0;
        }
        73% {
            opacity: 1;
        }
        100% {
            transform: translatex(-90vw);
            opacity: 1;
        }
    }

    @keyframes float-left-2-copy {
        0% {
            transform: translatex(30vw);
            opacity: 1;
        }
        22% {
            opacity: 1;
        }
        23% {
            opacity: 0;
        }
        80% {
            opacity: 0;
        }
        81% {
            opacity: 1;
        }
        100% {
            transform: translatex(-90vw);
            opacity: 1;
        }
    }


    @keyframes float-left-3 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        10% {
            opacity: 1;
        }
        11% {
            opacity: 0;
        }
        79% {
            opacity: 0;
        }
        80% {
            opacity: 1;
        }
        100% {
            transform: translatex(-100vw);
            opacity: 1;
        }
    }
    @keyframes float-left-3-copy {
        0% {
            transform: translatex(15vw);
            opacity: 1
        }
        19% {
            opacity: 1;
        }
        20% {
            opacity: 0;
        }
        83% {
            opacity: 0;
        }
        84% {
            opacity: 1;
        }
        100% {
            transform: translatex(-100vw);
            opacity: 1;
        }
    }
}


/*******************************************************************************************/
/************ MIN 1615 TO  - X *************************************************************/
/*******************************************************************************************/
@media only screen and (min-width: 1600px) {
    @keyframes float-right-0 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        3% {
            opacity: 1;
        }
        5% {
            opacity: 1;
        }
        6% {
            opacity: 0;
        }
        12% {
            opacity: 0;
        }
        53% {
            opacity: 0;
        }
        58% {
            opacity: 1;
        }
        100% {
            transform: translatex(90vw);
            opacity: 1;
        }
    }

    @keyframes float-right-0-copy {
        0% {
            transform: translatex(-30vw);
            opacity: 1;
        }
        23% {
            opacity: 1;
        }
        24% {
            opacity: 0;
        }
        74% {
            opacity: 0;
        }
        75% {
            opacity: 1;
        }
        100% {
            transform: translatex(85vw);
            opacity: 1;
        }
    }

    @keyframes float-right-1 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        5% {
            opacity: 1;
        }
        9% {
            opacity: 1;
        }
        10% {
            opacity: 0;
        }
        59% {
            opacity: 0;
        }
        80% {
            opacity: 1;
        }
        100% {
            transform: translatex(100vw);
            opacity: 1;
        }
    }

    @keyframes float-right-1-copy {
        0% {
            transform: translatex(-15vw);
            opacity: 1;
        }
        25% {
            opacity: 1;
        }
        26% {
            opacity: 0;
        }
        69% {
            opacity: 0;
        }
        70% {
            opacity: 1;
        }
        100% {
            transform: translatex(100vw);
            opacity: 1;
        }
    }

    @keyframes float-left-2 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        8% {
            opacity: 1;
        }
        9% {
            opacity: 0;
        }
        59% {
            opacity: 0;
        }
        60% {
            opacity: 1;
        }
        100% {
            transform: translatex(-90vw);
            opacity: 1;
        }
    }

    @keyframes float-left-2-copy {
        0% {
            transform: translatex(30vw);
            opacity: 1;
        }
        30% {
            opacity: 1;
        }
        31% {
            opacity: 0;
        }
        70% {
            opacity: 0;
        }
        75% {
            opacity: 1;
        }
        100% {
            transform: translatex(-90vw);
            opacity: 1;
        }
    }

    @keyframes float-left-3 {
        0% {
            transform: translatex(0vw);
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        19% {
            opacity: 1;
        }
        20% {
            opacity: 0;
        }
        69% {
            opacity: 0;
        }
        70% {
            opacity: 1;
        }
        100% {
            transform: translatex(-100vw);
            opacity: 1;
        }
    }

    @keyframes float-left-3-copy {
        0% {
            transform: translatex(15vw);
            opacity: 1
        }
        29% {
            opacity: 1;
        }
        30% {
            opacity: 0;
        }
        74% {
            opacity: 0;
        }
        75% {
            opacity: 1;
        }
        100% {
            transform: translatex(-100vw);
            opacity: 1;
        }
    }

}