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

#preloader{

    position:fixed;

    inset:0;

    background:#fffaf6;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

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

}


#preloader.hidden{

    opacity:0;

    visibility:hidden;

}


.loader-content{

    display:flex;

    flex-direction:column;

    align-items:center;

}


.loader-logo{

    width:140px;

    margin-bottom:25px;

    animation:pulse 1.6s infinite;

}


.loader-spinner{

    width:48px;

    height:48px;

    border:4px solid #f3e1d3;

    border-top:4px solid #d68d52;

    border-radius:50%;

    animation:spin .8s linear infinite;

}


.loader-content p{

    margin-top:20px;

    color:#8b5a2b;

    font-weight:600;

    font-size:16px;

}


@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}


@keyframes pulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.05);

    }

    100%{

        transform:scale(1);

    }

}


@media(max-width:768px){

.loader-logo{

    width:110px;

}

.loader-spinner{

    width:40px;

    height:40px;

}

.loader-content p{

    font-size:14px;

}

}