.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounceIn {
    
    0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    }
    
    50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    }
    100% {
    opacity: 1;
    -webkit-transform: scale(1);
    }
}
@-moz-keyframes bounceIn {
    0% {
    opacity: 0;
    -moz-transform: scale(0.8);
    }
    50% {
    opacity: 1;
    -moz-transform: scale(1.05);
    }
    100% {
    opacity: 1;
    -moz-transform: scale(1);
    }
}
@-o-keyframes bounceIn {
    0% {
    opacity: 0;
    -o-transform: scale(0.8);
    }
    50% {
    opacity: 1;
    -o-transform: scale(1.05);
    }
    100% {
    opacity: 1;
    -o-transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
    opacity: 0;
    transform: scale(0.8);
    }
    50% {
    opacity: 1;
    transform: scale(1.05);
    }
    100% {
    opacity: 1;
    transform: scale(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translateY(120px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
    opacity: 0;
    -moz-transform: translateY(120px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInUp {
    0% {
    opacity: 0;
    -o-transform: translateY(120px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
    opacity: 0;
    transform: translateY(120px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeInDown {
    0% {
    opacity: 0;
    -moz-transform: translateY(-120px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeInDown {
    0% {
    opacity: 0;
    -o-transform: translateY(-120px);
    }
    100% {
    opacity: 1;
    -o-transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
    opacity: 0;
    transform: translateY(-120px);
    }
    100% {
    opacity: 1;
    transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translateX(120px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInRight {
    0% {
    opacity: 0;
    -moz-transform: translateX(120px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInRight {
    0% {
    opacity: 0;
    -o-transform: translateX(120px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
    opacity: 0;
    transform: translateX(120px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-120px);
    }
    100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
}
@-moz-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -moz-transform: translateX(-120px);
    }
    100% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
}
@-o-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -o-transform: translateX(-120px);
    }
    100% {
    opacity: 1;
    -o-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translateX(-120px);
    }
    100% {
    opacity: 1;
    transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateX(-120px);
    }
}
@-moz-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -moz-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -moz-transform: translateX(-120px);
    }
}
@-o-keyframes fadeOutLeft {
    0% {
    opacity: 1;
    -o-transform: translateX(0);
    }
    100% {
    opacity: 0;
    -o-transform: translateX(-120px);
    }
}
@keyframes fadeOutLeft {
    0% {
    opacity: 1;
    transform: translateX(0);
    }
    100% {
    opacity: 0;
    transform: translateX(-120px);
    }
}
@-webkit-keyframes fadeOut {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    }
}
@-o-keyframes fadeOut {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    }
}
.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}
.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
.delay {
    -webkit-animation-delay: 0.20s;
    -moz-animation-delay: 0.20s;
    -o-animation-delay: 0.20s;
    animation-delay: 0.20s;
}
.delay-one {
    -webkit-animation-delay: 0.40s;
    -moz-animation-delay: 0.40s;
    -o-animation-delay: 0.40s;
    animation-delay: 0.40s;
}
.delay-two {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}
.delay-three {
    -webkit-animation-delay: 0.80s;
    -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;
    animation-delay: 0.80s;
}
.delay-four {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.delay-five {
    -webkit-animation-delay: 1.20s;
    -moz-animation-delay: 1.20s;
    -o-animation-delay: 1.20s;
    animation-delay: 1.20s;
}
.delay-six {
    -webkit-animation-delay: 1.40s;
    -moz-animation-delay: 1.40s;
    -o-animation-delay: 1.40s;
    animation-delay: 1.40s;
}
.delay-seven {
    -webkit-animation-delay: 1.60s;
    -moz-animation-delay: 1.60s;
    -o-animation-delay: 1.60s;
    animation-delay: 1.60s;
}

@media only screen and (max-width: 480px){
    .delay-one {
        -webkit-animation-delay: 0.20s;
        -moz-animation-delay: 0.20s;
        -o-animation-delay: 0.20s;
        animation-delay: 0.20s;
    }
    .delay-two {
        -webkit-animation-delay: 0.20s;
        -moz-animation-delay: 0.20s;
        -o-animation-delay: 0.20s;
        animation-delay: 0.20s;
    }
    .delay-three {
        -webkit-animation-delay: 0.20s;
        -moz-animation-delay: 0.20s;
        -o-animation-delay: 0.20s;
        animation-delay: 0.20s;
    }
    .delay-four {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    .delay-five {
        -webkit-animation-delay: 0.20s;
        -moz-animation-delay: 0.20s;
        -o-animation-delay: 0.20s;
        animation-delay: 0.20s;
    }
    .delay-six {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    .delay-seven {
        -webkit-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
        -o-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
}