.page-loader2 {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    /*background: rgba(0, 40, 89, 0.72);*/
    background-color: #abcbff;
    z-index: 100000;
}

.spinner {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -55px;
    border: 11px solid #337cf2;
    border-radius: 50%;
}

    .spinner:before, .spinner:after {
        content: "";
        position: absolute;
        display: block;
        width: 11px;
        background-color: #337cf2;
        border-radius: 5.5px;
        transform-origin: 50% 0%;
    }

    .spinner:before {
        height: 33px;
        left: 49.5px;
        top: 50%;
        animation: spin 25000ms linear infinite;
    }

    .spinner:after {
        height: 44px;
        left: 49.5px;
        top: 50%;
        animation: spin 6250ms linear infinite;
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}