Ekit menu badge bouncing effect CSS

.elementskit-navbar-nav .menu-item .ekit-menu-badge {
    top: -12px;
    left: auto;
    right: 25px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 12px;
    border-radius: 3px;
    padding: 4px 6px 3px;
    -webkit-animation: topDown 2s infinite ease-in-out;
    animation: topDown 2s infinite ease-in-out;
}

@-webkit-keyframes topDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes topDown {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}