/* Start - Paged PreLoader - loader01 */
.preloaderWithoutGif {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: lightgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.75s, visibility 0.75s;
    z-index: 9999;
}

.preloaderWithoutGif-hidden {
    opacity: 0;
    visibility: hidden;
}

.preloaderWithoutGif::after {
    content: "";
    width: 75px;
    height: 75px;
    border: 15px solid #dddddd;
    border-top-color: #016EB3;
    border-radius: 50%;
    animation: loading 0.75s ease infinite;
}

@keyframes loading {
    from { transform: rotate(0turn); }
    to { transform: rotate(1turn); }
}
/* End - Paged PreLoader - loader01 */


/* Start - Paged PreLoader - loader02 - With Gif */
.preloaderWithGif {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: lightgrey url('../img/load-gif.gif') no-repeat center;
    z-index: 9999;
}

.preloaderWithGif-hidden {
    opacity: 0;
    visibility: hidden;
}
/* End - Paged PreLoader - loader02 - With Gif */