.dropdown-slide-down {
    animation: 0.5s slide-down;
    -webkit-animation: 0.5s slide-down;
}

.dropdown-fade-in {
    animation: 0.5s fade-in;
    -webkit-animation: 0.5s fade-in;
}

@keyframes slide-down {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-down {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}