/* медленное появление блока (добавляется в show-and-hide-on-scroll.js) */
.slow-show {
    opacity: 0;
    transition: ease 1s;
    animation: show 1s 1;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}

/* медленное исчезновение блока (добавляется в show-and-hide-on-scroll.js) */
.slow-hide {
    opacity: 1;
    transition: ease 1s;
    animation: hide 1s 1;
    animation-fill-mode: forwards;
    /* animation-delay: 1s; */
}

@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}