.animated { 
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;

    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}
.slideInRight { 
    animation-name: slideInRight;
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -ms-animation-name: slideInRight;
    -o-animation-name: slideInRight;

    animation-duration: .7s;   
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -ms-animation-duration: .7s;
    -o-animation-duration: .7s;
}
.slideInDown { 
    animation-name: slideInDown;
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -ms-animation-name: slideInDown;
    -o-animation-name: slideInDown;

    animation-duration: .7s;   
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -ms-animation-duration: .7s;
    -o-animation-duration: .7s;

    animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
}
.slideInDownTiny {
    animation-name: slideInDownTiny;
    -webkit-animation-name: slideInDownTiny;
    -moz-animation-name: slideInDownTiny;
    -ms-animation-name: slideInDownTiny;
    -o-animation-name: slideInDownTiny;

    animation-duration: .4s;   
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -ms-animation-duration: .4s;
    -o-animation-duration: .4s;
}
.slideInUp { 
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -ms-animation-name: slideInUp;
    -o-animation-name: slideInUp;

    animation-duration: .7s;   
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -ms-animation-duration: .7s;
    -o-animation-duration: .7s;

    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}

@keyframes slideInRight { 
    from {
        opacity: 0;
        
        transform: translate3d( 60%, 0, 0 );
        -webkit-transform: translate3d( 60%, 0, 0 );
        -moz-transform: translate3d( 60%, 0, 0 );
        -ms-transform: translate3d( 60%, 0, 0 );
        -o-transform: translate3d( 60%, 0, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-webkit-keyframes slideInRight { 
    from {
        opacity: 0;
        
        transform: translate3d( 60%, 0, 0 );
        -webkit-transform: translate3d( 60%, 0, 0 );
        -moz-transform: translate3d( 60%, 0, 0 );
        -ms-transform: translate3d( 60%, 0, 0 );
        -o-transform: translate3d( 60%, 0, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-moz-keyframes slideInRight { 
    from {
        opacity: 0;
        
        transform: translate3d( 60%, 0, 0 );
        -webkit-transform: translate3d( 60%, 0, 0 );
        -moz-transform: translate3d( 60%, 0, 0 );
        -ms-transform: translate3d( 60%, 0, 0 );
        -o-transform: translate3d( 60%, 0, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-ms-keyframes slideInRight { 
    from {
        opacity: 0;
        
        transform: translate3d( 60%, 0, 0 );
        -webkit-transform: translate3d( 60%, 0, 0 );
        -moz-transform: translate3d( 60%, 0, 0 );
        -ms-transform: translate3d( 60%, 0, 0 );
        -o-transform: translate3d( 60%, 0, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-o-keyframes slideInRight { 
    from {
        opacity: 0;
        
        transform: translate3d( 50%, 0, 0 );
        -webkit-transform: translate3d( 50%, 0, 0 );
        -moz-transform: translate3d( 50%, 0, 0 );
        -ms-transform: translate3d( 50%, 0, 0 );
        -o-transform: translate3d( 50%, 0, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}

@keyframes slideInDown { 
    from {
        opacity: 0;

        transform: translate3d( 0, -60px, 0 );
        -webkit-transform: translate3d( 0, -60px, 0 );
        -moz-transform: translate3d( 0, -60px, 0 );
        -ms-transform: translate3d( 0, -60px, 0 );
        -o-transform: translate3d( 0, -60px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-webkit-keyframes slideInDown { 
    from {
        opacity: 0;

        transform: translate3d( 0, -60px, 0 );
        -webkit-transform: translate3d( 0, -60px, 0 );
        -moz-transform: translate3d( 0, -60px, 0 );
        -ms-transform: translate3d( 0, -60px, 0 );
        -o-transform: translate3d( 0, -60px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-moz-keyframes slideInDown { 
    from {
        opacity: 0;

        transform: translate3d( 0, -60px, 0 );
        -webkit-transform: translate3d( 0, -60px, 0 );
        -moz-transform: translate3d( 0, -60px, 0 );
        -ms-transform: translate3d( 0, -60px, 0 );
        -o-transform: translate3d( 0, -60px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-ms-keyframes slideInDown { 
    from {
        opacity: 0;

        transform: translate3d( 0, -60px, 0 );
        -webkit-transform: translate3d( 0, -60px, 0 );
        -moz-transform: translate3d( 0, -60px, 0 );
        -ms-transform: translate3d( 0, -60px, 0 );
        -o-transform: translate3d( 0, -60px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-o-keyframes slideInDown { 
    from {
        opacity: 0;

        transform: translate3d( 0, -60px, 0 );
        -webkit-transform: translate3d( 0, -60px, 0 );
        -moz-transform: translate3d( 0, -60px, 0 );
        -ms-transform: translate3d( 0, -60px, 0 );
        -o-transform: translate3d( 0, -60px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}

@keyframes slideInUp { 
    from {
        opacity: 0;
        
        transform: translate3d( 0, 60px, 0 );
        -webkit-transform: translate3d( 0, 60px, 0 );
        -moz-transform: translate3d( 0, 60px, 0 );
        -ms-transform: translate3d( 0, 60px, 0 );
        -o-transform: translate3d( 0, 60px, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-webkit-keyframes slideInUp { 
    from {
        opacity: 0;
        
        transform: translate3d( 0, 60px, 0 );
        -webkit-transform: translate3d( 0, 60px, 0 );
        -moz-transform: translate3d( 0, 60px, 0 );
        -ms-transform: translate3d( 0, 60px, 0 );
        -o-transform: translate3d( 0, 60px, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-moz-keyframes slideInUp { 
    from {
        opacity: 0;
        
        transform: translate3d( 0, 60px, 0 );
        -webkit-transform: translate3d( 0, 60px, 0 );
        -moz-transform: translate3d( 0, 60px, 0 );
        -ms-transform: translate3d( 0, 60px, 0 );
        -o-transform: translate3d( 0, 60px, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-ms-keyframes slideInUp { 
    from {
        opacity: 0;
        
        transform: translate3d( 0, 60px, 0 );
        -webkit-transform: translate3d( 0, 60px, 0 );
        -moz-transform: translate3d( 0, 60px, 0 );
        -ms-transform: translate3d( 0, 60px, 0 );
        -o-transform: translate3d( 0, 60px, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-o-keyframes slideInUp { 
    from {
        opacity: 0;
        
        transform: translate3d( 0, 60px, 0 );
        -webkit-transform: translate3d( 0, 60px, 0 );
        -moz-transform: translate3d( 0, 60px, 0 );
        -ms-transform: translate3d( 0, 60px, 0 );
        -o-transform: translate3d( 0, 60px, 0 );
    } to {
        opacity: 1;

        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}

@keyframes slideInDownTiny { 
    from {
        opacity: 0;

        transform: translate3d( 0, -20px, 0 );
        -webkit-transform: translate3d( 0, -20px, 0 );
        -moz-transform: translate3d( 0, -20px, 0 );
        -ms-transform: translate3d( 0, -20px, 0 );
        -o-transform: translate3d( 0, -20px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-webkit-keyframes slideInDownTiny { 
    from {
        opacity: 0;

        transform: translate3d( 0, -20px, 0 );
        -webkit-transform: translate3d( 0, -20px, 0 );
        -moz-transform: translate3d( 0, -20px, 0 );
        -ms-transform: translate3d( 0, -20px, 0 );
        -o-transform: translate3d( 0, -20px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-moz-keyframes slideInDownTiny { 
    from {
        opacity: 0;

        transform: translate3d( 0, -20px, 0 );
        -webkit-transform: translate3d( 0, -20px, 0 );
        -moz-transform: translate3d( 0, -20px, 0 );
        -ms-transform: translate3d( 0, -20px, 0 );
        -o-transform: translate3d( 0, -20px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-ms-keyframes slideInDownTiny { 
    from {
        opacity: 0;

        transform: translate3d( 0, -20px, 0 );
        -webkit-transform: translate3d( 0, -20px, 0 );
        -moz-transform: translate3d( 0, -20px, 0 );
        -ms-transform: translate3d( 0, -20px, 0 );
        -o-transform: translate3d( 0, -20px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}
@-o-keyframes slideInDownTiny { 
    from {
        opacity: 0;

        transform: translate3d( 0, -20px, 0 );
        -webkit-transform: translate3d( 0, -20px, 0 );
        -moz-transform: translate3d( 0, -20px, 0 );
        -ms-transform: translate3d( 0, -20px, 0 );
        -o-transform: translate3d( 0, -20px, 0 );
    } to {
        opacity: 1;
        
        transform: translate3d( 0, 0, 0 );
        -webkit-transform: translate3d( 0, 0, 0 );
        -moz-transform: translate3d( 0, 0, 0 );
        -ms-transform: translate3d( 0, 0, 0 );
        -o-transform: translate3d( 0, 0, 0 );
    }
}