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

#preloader{

    position:fixed;
    inset:0;
    background:#050505;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:999999;

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

}

/* Desktop & Tablet */

#loaderDesktop{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

}

/* Mobile */

#loaderMobile{

    display:none;

    width:100%;
    height:100%;

    object-fit:cover;

}

/* Mobile Devices */

@media(max-width:768px){

    #loaderDesktop{

        display:none;

    }

    #loaderMobile{

        display:block;

    }

}

#preloader.hide{

    opacity:0;
    visibility:hidden;
    pointer-events:none;

}