/* delay */

.animation-delay-xs { animation-delay: 50ms; }
.animation-delay-sm { animation-delay: 150ms; }
.animation-delay-md { animation-delay: 250ms; }
.animation-delay-lg { animation-delay: 550ms; }
.animation-delay-xl { animation-delay: 1000ms; }

/* duration */

.animation-duration-xs { animation-duration: 50ms!important; }
.animation-duration-sm { animation-duration: 150ms!important; }
.animation-duration-md { animation-duration: 250ms!important; }
.animation-duration-lg { animation-duration: 550ms!important; }
.animation-duration-xl { animation-duration: 1000ms!important; }


.animation-duration-1 { animation-duration: 100ms!important; }
.animation-duration-2 { animation-duration: 200ms!important; }
.animation-duration-3 { animation-duration: 300ms!important; }
.animation-duration-4 { animation-duration: 400ms!important; }
.animation-duration-5 { animation-duration: 500ms!important; }
.animation-duration-6 { animation-duration: 600ms!important; }
.animation-duration-7 { animation-duration: 700ms!important; }
.animation-duration-8 { animation-duration: 800ms!important; }
.animation-duration-9 { animation-duration: 900ms!important; }
.animation-duration-none { animation-duration: 0ms!important; }

/* opacity */

.animated-opacity {
    opacity: .2;

}
.animated.animated-opacity {
    opacity: 1;
    transition: all 0.5s ease-in!important;
}