.fade-in {
    animation-name: fade-in;
    animation-duration: 0.2s;
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.zoom-in {
    animation-name: zoomin;
    animation-duration: 0.2s;
}

@-webkit-keyframes zoomin {
    from {
        scale: 0.8;

    }

    100% {
        scale: 0.8;
    }
}

@keyframes zoomin {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

/* Move it (define the animation) */

@-moz-keyframes text-scroll {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes text-scroll {
    0% {
        -webkit-transform: translateX(100%);
    }

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

@keyframes active-btn-menu {
    from {
        scale: 0.9;
        opacity: 0;
    }

    20% {
        scale: 1.1;
        opacity: 1;
    }

    to {
        scale: 1;
        opacity: 1;
    }
}