﻿.loader-ball-34 {
    width: 100%;
    height: 40px;
    position: relative;
    text-align: center;
    margin-left: 30px;
}
.loader-ball-34 > div {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
}
.loader-ball-34 > div:nth-child(1) {
    left: 10px;
    animation: anm-BL-34-move 3s infinite linear;
}
.loader-ball-34 > div:nth-child(2) {
    left: 25px;
    transform-origin: -10px 0;
    animation: anm-BL-34-jump1 3s infinite cubic-bezier(.34, .58, .57, .78);
}
.loader-ball-34 > div:nth-child(3) {
    left: 50px;
    transform-origin: -10px 0;
    animation: anm-BL-34-jump2 3s infinite cubic-bezier(.34, .58, .57, .78);
}
.loader-ball-34 > div:nth-child(4) {
    left: 75px;
    transform-origin: -10px 0;
    animation: anm-BL-34-jump3 3s infinite cubic-bezier(.34, .58, .57, .78);
}
.loader-ball-34 > div:nth-child(5) {
    left: 100px;
    transform-origin: -10px 0;
    animation: anm-BL-34-jump4 3s infinite cubic-bezier(.34, .58, .57, .78);
}
@keyframes anm-BL-34-move {
    0%, 100% {
        left: 10px;
        background-color: #fe1801;
    }
    50% {
        left: 100px;
        background-color: #f6b602;
    }
}
@keyframes anm-BL-34-jump1 {
    0%, 100% {
        transform: rotate(0deg);
        background-color: #fe1801;
    }
    12.5%,
    87.5% {
        transform: rotate(-230deg);
        background-color: #fc3a00;
    }
}
@keyframes anm-BL-34-jump2 {
    0%, 12.5%, 87.5%, 100% {
        transform: rotate(0deg);
        background-color: #fa6501;
    }
    25%,
    75% {
        transform: rotate(-230deg);
        background-color: #fe1801;
    }
}
@keyframes anm-BL-34-jump3 {
    0%, 25%, 75%, 100% {
        transform: rotate(0deg);
        background-color: #f89002;
    }
    37.5%,
    62.5% {
        transform: rotate(-230deg);
        background-color: #fa6501;
    }
}
@keyframes anm-BL-34-jump4 {
    0%, 37.5%, 67.5%, 100% {
        transform: rotate(0deg);
        background-color: #f6b602;
    }
    50% {
        transform: rotate(-230deg);
        background-color: #f89002;
    }
}
