@keyframes lds-message {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-message {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

.lds-message {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    width: 360px;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lds-message > div {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: 0px;
    -webkit-animation: lds-message 2s cubic-bezier(0.3, 0, 0.7, 1) infinite;
    animation: lds-message 2s cubic-bezier(0.3, 0, 0.7, 1) infinite;
}

.lds-message > div:nth-of-type(4n + 1) {
    background: #33CCFF;
}

.lds-message > div:nth-of-type(4n + 2) {
    background: #0099cc;
}

.lds-message > div:nth-of-type(4n + 3) {
    background: #1899e3;
}

.lds-message > div:nth-of-type(4n) {
    background: #187db7;
}

.lds-message > div:nth-of-type(4n + 1) {
    left: 60px;
    -webkit-animation-delay: -1.6s;
    animation-delay: -1.6s;
}

.lds-message > div:nth-of-type(4n + 2) {
    left: 110px;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.lds-message > div:nth-of-type(4n + 3) {
    left: 160px;
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.lds-message > div:nth-of-type(4n + 4) {
    left: 210px;
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.lds-message > div:nth-of-type(4n + 5) {
    left: 260px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}