#cus-preloader .wrapper{
    /*background: linear-gradient(90deg,  #0a0494 0%,  #3454d1 61%,  #009fff 100%);*/
    background: #3454d1;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999999;
}

#cus-preloader figure{margin:0;transform:translate(-50%,-50%) rotate(0deg) scale(1.4,1.4);position:absolute;left:50%;top:50%;border-radius:150px;box-sizing:border-box;animation:rotation 20s infinite linear;}

#cus-preloader figure div:after{content:"";width:20px;height:20px;border:1px solid #fff;box-sizing:border-box;position:absolute;left:20px;top:20px;animation:shuffle 2s infinite;}

#cus-preloader figure div:nth-child(1){transform:rotate(0deg)}
#cus-preloader figure div:nth-child(1):after{animation-delay:-0.5s;}
#cus-preloader figure div:nth-child(2){transform:rotate(45deg)}
#cus-preloader figure div:nth-child(2):after{animation-delay:-1s;}
#cus-preloader figure div:nth-child(3){transform:rotate(90deg)}
#cus-preloader figure div:nth-child(3):after{animation-delay:-1.5s;}
#cus-preloader figure div:nth-child(4){transform:rotate(135deg)}
#cus-preloader figure div:nth-child(4):after{animation-delay:-2s;}
#cus-preloader figure div:nth-child(5){transform:rotate(180deg)}
#cus-preloader figure div:nth-child(5):after{animation-delay:-2.5s;}
#cus-preloader figure div:nth-child(6){transform:rotate(225deg)}
#cus-preloader figure div:nth-child(6):after{animation-delay:-3s;}
#cus-preloader figure div:nth-child(7){transform:rotate(270deg)}
#cus-preloader figure div:nth-child(7):after{animation-delay:-3.5s;}
#cus-preloader figure div:nth-child(8){transform:rotate(315deg)}
#cus-preloader figure div:nth-child(8):after{animation-delay:-4s;}

@keyframes rotation{
    100%{transform:translate(-50%,-50%) rotate(-360deg) scale(1.4,1.4);}
}
@keyframes shuffle{
    50%{transform:scale(0.4,0.4) rotate(-90deg);border-radius:50%;}
}