.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: #ffffff;
    transition: .3s all ease;
}

    .preloader.loaded {
        opacity: 0;
        visibility: hidden;
    }

.preloader-body {
    text-align: center;
}

    .preloader-body p {
        position: relative;
        right: -8px;
    }

.cssload-container {
    width: 100%;
    height: 36px;
    text-align: center;
}

.cssload-speeding-wheel {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    border: 3px solid #2840b6;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    animation: cssload-spin .88s infinite linear;
}

@-webkit-keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
    }
}