.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(41,2,0,.85);z-index:10000}.loader>.spinner{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#ed1c24;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.loader>.spinner:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fdb329;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}.loader>.spinner:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ffc600;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loader>.progress{position:absolute;width:100%;height:20px;bottom:0;border-radius:0;background-color:#333}.loader>.progress>.progress-bar{transition:all .25s ease-in-out}.loader>.percent{position:absolute;top:50%;left:calc(50% - 40px);margin-top:-10px;margin-left:-10px;width:100px;text-align:center}.loader>.percent>span{text-align:center;font:bold 12px sans-serif;line-height:20px;color:#fff}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}