/*  Base clases */
.hidden {
    opacity: 0;    
}

.show {
    opacity: 1;
}

/* Show from right to left with blur */

.show.from-right {
    filter: blur(0);
    transform: translateX(0);
}

.from-right {
    filter: blur(5px);
    transform: translateX(100%);
}

/* Show from bottom to top NO blur */
.show.from-bottom {
    filter: blur(0);
    transform: translateY(0);
}

.from-bottom {
    filter: blur(5px);
    transform: translateY(20%);
}

/* Fade in */

.show.fade-in {
    
}

.from-fade-in {
    
}

 /* Animation times */

.animation-time-1 {
    transition: all 1s;
}

.animation-time-2 {
    transition: all 2s;
}

.animation-time-3 {
    transition: all 3s;
}

.animation-time-4 {
    transition: all 4s;
}

/* Delay times */

.delay-1 {
    transition-delay: 100ms;
}

.delay-2 {
    transition-delay: 200ms;
}

.delay-3 {
    transition-delay: 300ms;
}

.delay-4 {
    transition-delay: 400ms;
}

.delay-5 {
    transition-delay: 500ms;
}

.delay-6 {
    transition-delay: 600ms;
}

.delay-7 {
    transition-delay: 700ms;
}

.delay-8 {
    transition-delay: 800ms;
}

.delay-10 {
    transition-delay: 4000ms;
}