.animate {
    visibility: hidden;
}
.animate.active {
    -webkit-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.6s;
    -ms-animation-duration:0.6s;
    animation-duration:0.6s;
    -webkit-animation-name: slideInUp;
    -ms-animation-name: slideInUp;
    animation-name: slideInUp;
    visibility: visible !important;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
}
.animate.time0{
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}
.animate.time1{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.animate.time2{
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
.animate.time3{
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}
.animate.time4{
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}
.animate.time5{
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
}
.animate.time6{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animate.time7{
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
}
.animate.time8{
    -webkit-animation-duration: 2.6s;
    animation-duration: 2.6s;
}


@-webkit-keyframes slideInUp {
    0% { opacity: 0; -webkit-transform: translateY(40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes slideInUp {
    0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}