@-webkit-keyframes moveIconDown {
    0%   { top: 0; }
    25% { top: 5px; }
    50% { top: 0; }
    75% { top: 5px; }
    100% { top: 0; }
}

@keyframes moveIconDown {
    0%   { top: 0; }
    25% { top: 5px; }
    50% { top: 0; }
    75% { top: 5px; }
    100% { top: 0; }
}

@-webkit-keyframes moveIconRight {
    0%   { right: 22px; }
    25% { right: 15px; }
    50% { right: 22px; }
    75% { right: 15px; }
    100% { right: 22px; }
}

@keyframes moveIconRight {
    0%   { right: 22px; }
    25% { right: 15px; }
    50% { right: 22px; }
    75% { right: 15px; }
    100% { right: 22px; }
}

@-webkit-keyframes moveIconUp {
    0%   { top: 0; }
    25% { top: -5px; }
    50% { top: 0; }
    75% { top: -5px; }
    100% { top: 0; }
}

@keyframes moveIconUp {
    0%   { top: 0; }
    25% { top: -5px; }
    50% { top: 0; }
    75% { top: -5px; }
    100% { top: 0; }
}

@-webkit-keyframes rotateArrowUp {
    0%   { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(180deg); }
}

@keyframes rotateArrowUp {
    0%   { transform: rotate(0); }
    100% { transform: rotate(180deg); }
}

@-webkit-keyframes rotateArrowDown {
    0%   { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(0); }
}

@keyframes rotateArrowDown {
    0%   { transform: rotate(180deg); }
    100% { transform: rotate(0); }
}


@-webkit-keyframes AnimatedGradient {
    0% {
        background-position: -100% 0%;
    }

    50% {
        background-position: -200% 0%;
    }

    100% {
        background-position: -100% 0%;
    }
}
@-moz-keyframes AnimatedGradient {
    0% {
        background-position: -100% 0%;
    }

    50% {
        background-position: -200% 0%;
    }

    100% {
        background-position: -100% 0%;
    }
}
@keyframes AnimatedGradient { 
    0% {
        background-position: -100% 0%;
    }

    50% {
        background-position: -200% 0%;
    }

    100% {
        background-position: -100% 0%;
    }
}