.animated fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.animated slow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}


/* 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-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;
}