/* 
    Made by JACodes
*/

/* Default */

.anim-fadeUp,
.anim-fadeLeft,
.anim-fadeRight,
.anim-fadeScaleUp{
    opacity: 0;
    -webkit-transition: opacity 0.8s, -webkit-transform 1s;
    transition: opacity 0.8s, -webkit-transform 1s;
    -o-transition: opacity 0.8s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 0.8s, -moz-transform 1s;
    transition: transform 1s, opacity 0.8s;
    transition: transform 1s, opacity 0.8s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
}

.anim-fadeUp{
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
}
.anim-fadeLeft{
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.anim-fadeRight{
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
}
.anim-fadeScaleUp{
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
}

.anim-fadeUp.seen,
.anim-fadeLeft.seen,
.anim-fadeRight.seen,
.anim-fadeScaleUp.seen{
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

/* Bouncing */

.anim-bounce-fadeUp,
.anim-bounce-fadeLeft,
.anim-bounce-fadeRight,
.anim-bounce-fadeScaleUp{
    opacity: 0;
    -webkit-transition: opacity 0.8s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: opacity 0.8s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: opacity 0.8s, -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.8s, -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.8s;
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.8s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.anim-bounce-fadeUp{
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
}
.anim-bounce-fadeLeft{
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.anim-bounce-fadeRight{
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
}
.anim-bounce-fadeScaleUp{
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
}

.anim-bounce-fadeUp.seen,
.anim-bounce-fadeLeft.seen,
.anim-bounce-fadeRight.seen,
.anim-bounce-fadeScaleUp.seen{
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}