.ring_loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:3px solid #3c3c3c;border-radius:50%;text-align:center;line-height:180px;font-family:sans-serif;font-size:30px;color:#fff000;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px #fff000;box-shadow:0 0 20px rgba(0,0,0,.5)}.ring_loader:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border-right:3px solid transparent;border-top:3px solid transparent;border-color:#fff000 #fff000 transparent transparent;border-style:solid;border-width:3px;border-radius:50%;animation:animateC 2s linear infinite}.loader{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite}.loader:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff000;top:-6px;right:-8px;box-shadow:0 0 20px #fff000}@keyframes animateC{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}