/*! Animate.css - daneden.me/animate */

.animated {

-webkit-animation-duration: 1s;
        animation-duration: 1s;

-webkit-animation-fill-mode: both;
        animation-fill-mode: both;

}

@-webkit-keyframes bounce {

0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
}

60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
}

}

@keyframes bounce {

0%,
20%,
50%,
80%,
100% {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

40% {
    -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
            transform: translateY(-30px);
}

60% {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px);
}

}

.bounce {

-webkit-animation-name: bounce;
        animation-name: bounce;

}

@-webkit-keyframes fadeInDown {

0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

}

@keyframes fadeInDown {

0% {
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

}

.fadeInDown {

-webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;

}

@-webkit-keyframes fadeInLeft {

0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

}

@keyframes fadeInLeft {

0% {
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

}

.fadeInLeft {

-webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInUp {

0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

}

@keyframes fadeInUp {

0% {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

100% {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

}

.fadeInUp {

-webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;

}