#loader {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: black;
    transition: opacity 0.5s ease-in-out 0.5s;
    z-index: 999999;
}

.loader-1006 {
    display: inline-block;
    width: 1.875rem;
    margin-left: 0.625rem;
    height: 0.625rem;
}

.loader-1006.big {
    width: 3.75rem;
    margin-left: 0.3125rem;
    height: 1.25rem;
}

.loader-1006.centered {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
}

.loader-1006 span,
.loader-1006:before,
.loader-1006:after {
    float: left;
    width: 33%;
    height: 99%;
    border-radius: 50%;
    margin: 0%;
    opacity: 0;
}

.loader-1006 span {
    display: block;
    background: #3D4051;
    text-indent: -9000px;
    overflow: hidden;
}

.loader-1006:before,
.loader-1006:after,
.loader-1006 span:before,
.loader-1006 span:after {
    content: '';
    background: #407CA0;
}

.loader-1006:before {
    animation: loader-dot-animation 1.125s ease infinite 0s;
}

.loader-1006 span {
    animation: loader-dot-animation 1.125s ease infinite 0.37463s;
}

.loader-1006:after {
    animation: loader-dot-animation 1.125s ease infinite 0.75038s;
}

@keyframes loader-dot-animation {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
}