/*fadIneup*/

.rl-animatable {
    visibility: hidden;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.rl-animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

.rl-animatedFadeInUp {
    opacity: 0;
}

@keyframes rl-fadeinup {
    from {
        transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-o-keyframes rl-fadeinup {
    from {
        -o-transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    to {
        -o-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes rl-fadeinup {
    from {
        -moz-transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    to {
        -moz-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes rl-fadeinup {
    from {
        -webkit-transform: translate3d(0, 40px, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.rl-animated.rl-fadeinup {
    -webkit-animation-name: rl-fadeinup;
    -moz-animation-name: rl-fadeinup;
    -o-animation-name: rl-fadeinup;
    animation-name: rl-fadeinup;
}