@keyframes dotwave {
    0% {
        top: 0px;
    }

    50% {
        top: -10px;
    }

    100% {
        top: 0px;
    }
}

@keyframes animateUpDown {
    0% {
        left: 0px;
        top: 0px;
    }

    50% {
        left: 0px;
        top: -20px;
    }

    100% {
        left: 0px;
        top: 0px;
    }
}

@keyframes animateTurnAround {
    0% {
        top: -10px;
        transform: rotate(0);
    }

    50% {
        top: -10px;
        transform: rotate(180deg);
    }

    100% {
        top: -10px;
        transform: rotate(360deg);
    }
}

@keyframes animateLeftRight {
    0% {
        left: -150px;
        top: 0px;
    }

    50% {
        left: 350px;
        top: 0px;
    }

    100% {
        left: -150px;
        top: 0px;
    }
}

@-webkit-keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 500px 0;
    }
}

@-moz-keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 500px 0;
    }
}

@-ms-keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 500px 0;
    }
}

@-o-keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 500px 0;
    }
}

@keyframes animate {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 500px 0;
    }
}