/* ANIMATIONS ------------------------------------- */
@media(min-width: 768px) {

    .popUp {
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        -o-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .popUp.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .dropDown {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -moz-transition: all .4s cubic-bezier(.3, .02, .3, 1.01);
        -o-transition: all .4s cubic-bezier(.3, .02, .3, 1.01);
        -webkit-transition: all .4s cubic-bezier(.3, .02, .3, 1.01);
        transition: all .4s cubic-bezier(.3, .02, .3, 1.01);
    }

    .dropDown.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .textUp {
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        -moz-transition: all 1.6s cubic-bezier(.075, .82, .165, 1);
        -o-transition: all 1.6s cubic-bezier(.075, .82, .165, 1);
        -webkit-transition: all 1.6s cubic-bezier(.075, .82, .165, 1);
        transition: all 1.6s cubic-bezier(.075, .82, .165, 1);
        opacity: 0;
    }

    .textUpLong {
        -webkit-transform: translate3d(0, 120px, 0);
        -moz-transform: translate3d(0, 120px, 0);
        -ms-transform: translate3d(0, 120px, 0);
        -o-transform: translate3d(0, 120px, 0);
        transform: translate3d(0, 120px, 0);
        -moz-transition: all 2s cubic-bezier(.075, .82, .165, 1);
        -o-transition: all 2s cubic-bezier(.075, .82, .165, 1);
        -webkit-transition: all 2s cubic-bezier(.075, .82, .165, 1);
        transition: all 2s cubic-bezier(.075, .82, .165, 1);
        opacity: 0;
    }

    .textUp.active,
    .textUpLong.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .fadeIn {
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -webkit-transition: all .5s;
        transition: all .5s;
        opacity: 0;
    }

    .fadeIn.active,
    .animate.active .fadeIn {
        opacity: 1;
    }

    .fadeInLeft {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        -o-transform: translate3d(-20px, 0, 0);
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 0;
    }

    .fadeInLeft.active {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fadeInRight {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        -o-transform: translate3d(20px, 0, 0);
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 0;
    }

    .fadeInRight.active {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fadeInLeftLong {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(-35px, 0, 0);
        -ms-transform: translate3d(-35px, 0, 0);
        -o-transform: translate3d(-35px, 0, 0);
        -webkit-transform: translate3d(-35px, 0, 0);
        transform: translate3d(-35px, 0, 0);
        opacity: 0;
    }

    .fadeInLeftLong.active {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fadeInRightLong {
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
        -moz-transform: translate3d(200%, 0, 0);
        -ms-transform: translate3d(200%, 0, 0);
        -o-transform: translate3d(200%, 0, 0);
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0);
        opacity: 0;
    }

    .fadeInRightLong.active {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .fadeDown {
        -moz-transition: all .52s;
        -o-transition: all .52s;
        -webkit-transition: all .52s;
        transition: all .52s;
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -o-transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }

    .fadeDown.active {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .textUpLong.slow {
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
        opacity: 0;
        -moz-transition: all 3s cubic-bezier(.075, .82, .165, 1);
        -o-transition: all 3s cubic-bezier(.075, .82, .165, 1);
        -webkit-transition: all 3s cubic-bezier(.075, .82, .165, 1);
        transition: all 3s cubic-bezier(.075, .82, .165, 1);
    }

    .textUpLong.slow.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .slideDown {
        -webkit-transform: translate3d(0, -16px, 0);
        -moz-transform: translate3d(0, -16px, 0);
        -ms-transform: translate3d(0, -16px, 0);
        -o-transform: translate3d(0, -16px, 0);
        transform: translate3d(0, -16px, 0);
        -moz-transition: all .6s cubic-bezier(.8, -0.93, .79, .94);
        -o-transition: all .6s cubic-bezier(.8, -0.93, .79, .94);
        -webkit-transition: all .6s cubic-bezier(.8, -0.93, .79, .94);
        transition: all .6s cubic-bezier(.8, -0.93, .79, .94);
    }


    .slideDown.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slideInLeft {
        -webkit-transform: translate3d(-200%, 0, 0);
        -moz-transform: translate3d(-200%, 0, 0);
        -ms-transform: translate3d(-200%, 0, 0);
        -o-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%, 0, 0);
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .slideInLeft.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transition: all 1s cubic-bezier(.075, .82, .165, 1);
        -o-transition: all 1s cubic-bezier(.075, .82, .165, 1);
        -webkit-transition: all 1s cubic-bezier(.075, .82, .165, 1);
        transition: all 1s cubic-bezier(.075, .82, .165, 1);
    }

    .slideInRight {
        -webkit-transform: translate3d(100vw, 0, 0);
        -moz-transform: translate3d(100vw, 0, 0);
        -ms-transform: translate3d(100vw, 0, 0);
        -o-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0);
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .slideInRight.active {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .delay-1 {
        -moz-transition-delay: .15s;
        -o-transition-delay: .15s;
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
    }

    .delay-2 {
        -moz-transition-delay: .25s;
        -o-transition-delay: .25s;
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
    }

    .delay-3 {
        -moz-transition-delay: .5s;
        -o-transition-delay: .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .delay-4 {
        -moz-transition-delay: .75s;
        -o-transition-delay: .75s;
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }

    .delay-5 {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
}