/*   АНИМАЦИИ    */

.shake {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 1.5s;
    animation-name: shake;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.loading-animation {
    -webkit-animation:loading 5s infinite;
    -moz-animation:loading 5s infinite;
    animation:loading 5s infinite;
}

.spin-animation {
    -webkit-animation:spin 5s infinite;
    -moz-animation:spin 5s infinite;
    animation:spin 5s infinite;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    25% {
        -webkit-transform: translateX(2px);
        -ms-transform: translateX(2px);
        transform: translateX(2px);
    }
}

@-webkit-keyframes loading {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes loading {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }