.animated.fast {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
}
.animated.faster {
    -webkit-animation-duration: .3s !important;
    animation-duration: .3s !important;
}
.animated.fastest {
    -webkit-animation-duration: .2s !important;
    animation-duration: .2s !important;
}
.animated.slow {
    -webkit-animation-duration: 1.5s !important;
    animation-duration: 1.5s !important;
}


/* Animation Delays */
.delay-100ms {
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
}
.delay-200ms {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
}
.delay-300ms {
    animation-delay: 300ms;
    -webkit-animation-delay: 300ms;
}
.delay-400ms {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}
.delay-500ms {
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms;
}
.delay-600ms {
    animation-delay: 600ms;
    -webkit-animation-delay: 600ms;
}
.delay-700ms {
    animation-delay: 700ms;
    -webkit-animation-delay: 700ms;
}
.delay-800ms {
    animation-delay: 800ms;
    -webkit-animation-delay: 800ms;
}
.delay-900ms {
    animation-delay: 900ms;
    -webkit-animation-delay: 900ms;
}
.delay-1000ms {
    animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms;
}
.delay-1100ms {
    animation-delay: 1100ms;
    -webkit-animation-delay: 1100ms;
}
.delay-1200ms {
    animation-delay: 1200ms;
    -webkit-animation-delay: 1200ms;
}
.delay-1300ms {
    animation-delay: 1300ms;
    -webkit-animation-delay: 1300ms;
}
.delay-1400ms {
    animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms;
}
.delay-1500ms {
    animation-delay: 1500ms;
    -webkit-animation-delay: 1500ms;
}
.delay-1600ms {
    animation-delay: 1600ms;
    -webkit-animation-delay: 1600ms;
}
.delay-1700ms {
    animation-delay: 1700ms;
    -webkit-animation-delay: 1700ms;
}
.delay-1800ms {
    animation-delay: 1800ms;
    -webkit-animation-delay: 1800ms;
}
.delay-1900ms {
    animation-delay: 1900ms;
    -webkit-animation-delay: 1900ms;
}
.delay-2000ms {
    animation-delay: 2000ms;
    -webkit-animation-delay: 2000ms;
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-2s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.delay-3s {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}

.delay-4s {
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.delay-5s {
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
}

/*zoom in effects*/
@-webkit-keyframes zoomInXt {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomInXt {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50% {
        opacity: 1;
    }
}

.zoomInXt {
    -webkit-animation-name: zoomInXt;
    animation-name: zoomInXt;
}

/*zoom out effects*/
@-webkit-keyframes zoomOutXt {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomOutXt {
    from {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.zoomOutXt {
    -webkit-animation-name: zoomOutXt;
    animation-name: zoomOutXt;
}