.preloader{display:flex;justify-content:center;align-items:center;position:relative}.preloader:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(21,21,30,0) 35%,rgba(0,0,0,1) 100%)}@keyframes preloader-animation{from{opacity:0}to{opacity:1}}.preloader .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.preloader .bg>span{display:block;text-align:center}.preloader .bg>span>span{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);margin:10px;opacity:0;animation-name:preloader-animation;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.preloader .bg>span>span.d1{animation-delay:1s;animation-duration:2s}.preloader .bg>span>span.d2{animation-delay:4s;animation-duration:1s}.preloader .bg>span>span.d3{animation-delay:6s;animation-duration:2s}.preloader .bg>span>span.d4{animation-delay:8s;animation-duration:1s}.preloader .bg>span>span.d5{animation-delay:10s;animation-duration:2s}.preloader-box{position:relative;display:block;max-width:770px;width:70%;z-index:1}.preloader-box img{width:100%}.preloader-timeline,.preloader-timeline-inner{position:relative;width:100%;height:15px;-webkit-border-radius:30px;border-radius:30px}.preloader-timeline{background:#fff}.preloader-timeline-inner{background:#d60000}.preloader-count-box{position:absolute;top:20px;right:-15px;width:30px;height:30px;font-size:12px;text-align:center;border-radius:50%;background:#d60000;color:#fff;line-height:30px}.preloader-count-box:after{content:'';position:absolute;top:0;left:50%;margin-top:-4px;margin-left:-5px;width:0;height:0;border:0 solid transparent;border-right-width:5px;border-left-width:5px;border-bottom:5px solid #d60000}