/* Start custom CSS for html, class: .elementor-element-b77eab2 */#mkyo-preloader{

    position:fixed;
    inset:0;

    background:#090909;

    display:flex;
    flex-direction:column;

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

    z-index:999999;

    transition:all .8s ease;
}

#mkyo-preloader.mkyo-hide{

    opacity:0;
    visibility:hidden;
}

.mkyo-loader-wrap{

    position:relative;

    width:180px;
    height:180px;
}

.mkyo-preloader-disc{

    width:100%;
    height:100%;

    object-fit:contain;

    animation:mkyoSpin 2s linear infinite;
}

.mkyo-loader-center{

    position:absolute;

    width:28px;
    height:28px;

    border-radius:50%;

    background:#111;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);
}

.mkyo-loader-title{

    color:#fff;

    margin-top:25px;

    font-size:32px;

    letter-spacing:4px;
}

.mkyo-loader-text{

    color:#cfcfcf;

    margin-top:10px;

    font-size:15px;

    letter-spacing:2px;
}

@keyframes mkyoSpin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

@media(max-width:768px){

    .mkyo-loader-wrap{

        width:130px;
        height:130px;
    }

    .mkyo-loader-title{

        font-size:24px;
    }

}/* End custom CSS */