/** Block animas*/
.block {
    text-align: center;
}
.animatable {
    /* initially hide animatable objects */
    visibility: hidden;
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* show objects being animated */
.animated {
    visibility: visible;

    -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;

    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.fadeInLeft {
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to {
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.fadeInRight {
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.animated.animationDelay{
    animation-delay:.4s;
    -webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
    animation-delay:1.6s;
    -webkit-animation-delay:1.6s;
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50% {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to {
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__pulse {
    -webkit-animation-name:pulse;
    animation-name:pulse;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInDown {
    0% {
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInDown {
    -webkit-animation-name:backInDown;
    animation-name:backInDown
}
@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInLeft {
    0% {
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInLeft {
    -webkit-animation-name:backInLeft;
    animation-name:backInLeft
}
@-webkit-keyframes backInUp {
    0% {
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes backInUp {
    0% {
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7);
        opacity:.7
    }
    80% {
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7);
        opacity:.7
    }
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.animate__backInUp {
    -webkit-animation-name:backInUp;
    animation-name:backInUp
}