/* preload */
#preload{position:fixed; width:100%; height:100%; z-index:9999; left: 0; top: 0;background-color: #fff;}
.preload{
    text-align: center;position: absolute; left: 50%;  top:50%; z-index: 9999;
    transform: translate(-50%, -50%);
    
}
.preload .logo{width: 100%;height: 100%;padding: 30px;line-height: 110px;}
.preload  .loader{ 
    border:2px solid; width: 160px; height: 160px; border-radius:50%; border-color: red transparent transparent;
    animation:spins 1s linear infinite; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; opacity: 0.4;
}
.preload .logo svg path {
    stroke-width: 1;
    stroke-dasharray: 2200; 
    stroke-dashoffset: 2200;
    /* fill: var(--color_primary);  */
    stroke: var(--color_dark);
    animation: dash-preload 4s ease-in-out alternate forwards infinite;
}
@keyframes spins{
    100%{transform:rotate(360deg); filter:hue-rotate(0)}
}
@keyframes dash-preload {
    0% {
        stroke-dashoffset: 2200;
        fill:rgba(0, 0, 0, 0);
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke: var(--color_none);
    }
}
/* end preload */

/* .after-preload header{opacity: 0; transition: var(--transition-300);}
.after-preload .mt-f-sec{opacity: 0; transition: var(--transition-300);} */
.after-preload.show header{opacity: 1;}
.after-preload.show .mt-f-sec{opacity: 1;}