@-webkit-keyframes dot-keyframes {
    0% {
        opacity: .4;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes dot-keyframes {
    0% {
        opacity: .4;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

.ba-loading-dots div {
    margin: 0 10px;
}

.ba-dot-1 {
    background-color: #039BE5;
}

.ba-dot-2 {
    background-color: #F57C00;
}

.ba-dot-3 {
    background-color: #FFCA28;
}



.ba-loading-center .ba-loading-dots {
    position: absolute;
    bottom: 50%;
}

.ba-loading-dots--dot {
    -webkit-animation: dot-keyframes 1.5s infinite ease-in-out;
    animation: dot-keyframes 1.5s infinite ease-in-out;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

    .ba-loading-dots--dot:nth-child(2) {
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }

    .ba-loading-dots--dot:nth-child(3) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }