#site-preloader{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100vh;


    z-index:999999999;


    overflow:hidden;


    display:flex;

    justify-content:center;

    align-items:center;


    background:#850128;


    opacity:1;
    visibility:visible;

    transition:opacity .6s ease, visibility .6s ease;

}


#site-preloader.show{
    opacity:1;
    visibility:visible;
}
.no-preloader #site-preloader{
    display:none !important;
}

/* Background */

.preloader-bg{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;


    z-index:0;

}


.preloader-bg-item{

    position:absolute;

    inset:0;


    background-size:cover;

    background-position:center;


    animation:
    preloaderZoom 12s infinite;


    opacity:0;


}



.preloader-bg-item:nth-child(1){

    animation-delay:0s;

    opacity:1;

}







@keyframes preloaderZoom{


    0%{

        opacity:0;

        transform:scale(1);

    }


    10%{

        opacity:1;

    }


    35%{

        opacity:1;

    }


    45%{

        opacity:0;

        transform:scale(1.1);

    }


    100%{

        opacity:0;

    }

}



/* Overlay */

.preloader-overlay{

    position:absolute;

    inset:0;


    z-index:1;


background:
radial-gradient(
    circle at top left,
    rgba(255,255,255,.18),
    transparent 35%
),
linear-gradient(
    135deg,
    rgba(0,63,127,.95),
    rgba(106,27,154,.90)
);

}


/* Content */

.preloader-content{

    position:relative;

    z-index:2;


    text-align:center;

}

/* Preloader Text */

.preloader-content h1{

    font-size:70px;

    font-weight:900;

    letter-spacing:5px;

    color:#ffffff;

    text-shadow:
    0 4px 15px rgba(0,0,0,.35);

}



.preloader-content h3{

    margin-top:20px;

    color:#e1bd3b;

    font-size:30px;

    font-weight:700;

    text-shadow:
    0 3px 10px rgba(0,0,0,.4);

}



.preloader-content p{

    font-size:18px;

    color:rgba(255,255,255,.9);

    letter-spacing:1px;

}


/* Loader */

.preloader-loader{


    width:220px;

    height:6px;


    background:
    rgba(255,255,255,.35);


    border-radius:20px;


    margin:30px auto;


    overflow:hidden;


}



.preloader-loader span{


    display:block;


    width:40%;

    height:100%;


    background:white;


    animation:

    loadingMove 1.5s infinite;


}



@keyframes loadingMove{


    0%{

        transform:translateX(-100%);

    }


    100%{

        transform:translateX(300%);

    }

}



/* Hide */

#site-preloader.site-hide{


    opacity:0;

    visibility:hidden;


    transition:.6s;

}