body{
    margin: 0;
    padding: 0;
}
.preloader-bg{
    background: -moz-linear-gradient(90deg, rgba(255,10,24,1) 14%, rgba(255,255,255,1) 55%);
background: -webkit-linear-gradient(90deg, rgba(255,10,24,1) 14%, rgba(255,255,255,1) 55%);
background: linear-gradient(90deg, rgba(255,10,24,1) 14%, rgba(255,255,255,1) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0a18",endColorstr="#ffffff",GradientType=1);
width: 100%;
height:100%;
z-index: 1050;
position: fixed;
transform: translateX(0);
}

#preloader {
    position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke-linecap: round;
  overflow: visible;
}
#preloader path:nth-child(1){
 stroke-dasharray: 56.79;
 stroke-dashoffset: 56.79;
 animation:line-anim 500ms ease forwards , fill-white 0.4s ease forwards 2s;
}
#preloader path:nth-child(2){
    stroke-dasharray: 98.46;
    stroke-dashoffset: 98.46;
    animation:line-anim 500ms ease forwards 0.2s ,fill-white 0.4s ease forwards 2s;
}
#preloader path:nth-child(3){
    stroke-dasharray: 157.24;
    stroke-dashoffset: 157.24;
    animation:line-anim 500ms ease forwards 0.4s ,fill-white 0.4s ease forwards 2s;
}
#preloader path:nth-child(4){
    stroke-dasharray: 77.37;
    stroke-dashoffset: 77.37;
    animation:line-anim 500ms ease forwards 0.6s ,fill-black 0.4s ease forwards 2s;
}
#preloader path:nth-child(5){
    stroke-dasharray: 104.73;
    stroke-dashoffset: 104.73;
    animation:line-anim 500ms ease forwards 0.8s ,fill-red 0.4s ease forwards 2s;
}
#preloader path:nth-child(6){
    stroke-dasharray: 104.73;
    stroke-dashoffset: 104.73;
    animation:line-anim 500ms ease forwards 1s ,fill-red 0.4s ease forwards 2s;
}
#preloader path:nth-child(7){
    stroke-dasharray: 107.71;
    stroke-dashoffset: 107.71;
    animation:line-anim 500ms ease forwards 1.2s ,fill-black 0.4s ease forwards 2s;
}
#preloader path:nth-child(8){
    stroke-dasharray: 59.46;
    stroke-dashoffset: 59.46;
    animation:line-anim 500ms ease forwards 1.4s ,fill-black 0.4s ease forwards 2s;
}
#preloader path:nth-child(9){
    stroke-dasharray: 88.76;
    stroke-dashoffset: 88.76;
    animation:line-anim 500ms ease forwards 1.6s ,fill-black 0.4s ease forwards 2s;
}
@keyframes line-anim{
    to{
        stroke-dashoffset: 0;
    }
}
@keyframes fill-black {
    from{
        fill:transparent;
    }
    to{
        fill:black;
    }
}
@keyframes fill-red {
    from{
        fill:transparent;
    }
    to{
        fill:#FF0A18;
    }
}
@keyframes fill-white {
    from{
        fill:transparent;
    }
    to{
        fill:#ffffff;
    }
}

/* Loader Visibility CSS */
.m-fadeOut {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
  }

/* 
@keyframes grad-effect {
    from{
        background: linear-gradient(90deg, rgba(255,10,24,1) 14%, rgba(255,255,255,1) 55%);
    }
    to{
        background: linear-gradient(90deg,rgba(255,255,255,1) 14%, rgba(255,10,24,1) 55%);
    }
} */