@keyframes f_bottom {
    from {
        position: relative;
        opacity: 0;
        bottom: -70px;
    }
    to {
        position: relative;
        opacity: 1;
        bottom: 0;
    }
}
.f_bottom{
    animation-name: f_bottom;
}
@keyframes b_zoom {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 1;
    }
}
.b_zoom{
    animation-name: b_zoom;
}
@keyframes s_down {
    from {
        margin-top: 100%;

    }
    to {
        margin-top: initial;
    }
}
.s_down{
    animation-name: s_down;
}
.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate.delay_1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.animate.delay_2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.animate.delay_3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}
.animate.delay_4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@media (max-width: 1024px) {
    .f_bottom, .b_zoom, .s_down{
        animation-name: none;
    }
}