/*==================================
        PRELOADER
==================================*/

#preloader{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

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

}

.loader-content{

    text-align:center;

}

.loader-content img{

    width:130px;

    margin-bottom:30px;

}

.loader-spinner{

    width:60px;

    height:60px;

    border:5px solid #EAF7FF;

    border-top:5px solid var(--secondary);

    border-radius:50%;

    margin:auto;

    animation:spin 1s linear infinite;

}

@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}

#preloader.hide{

    opacity:0;

    visibility:hidden;

}