.imgLoader{top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:120px;height:100px;position:absolute;}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:transparent;border:3px solid #ffffff;border-radius:50%;text-align:center;line-height:150px;font-family:sans-serif;font-size:20px;color:rgb(75,49,107);letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5);}.ring:before{content:'';position:absolute;top:-3px;left:-3px;width:150px;height:150px;border:3px solid transparent;border-top:3px solid rgb(75,49,107);border-right:3px solid rgb(75,49,107);border-radius:50%;animation:animateC 2s linear infinite;}.spanLoader{display:block;position:absolute;top:calc(50% - 2px);left:50%;width:50%;height:4px;background:transparent;transform-origin:left;animation:animate 2s linear infinite;}.spanLoader:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:rgb(75,49,107);top:-6px;right:-8px;box-shadow:0 0 20px rgb(75,49,107);}@keyframes animateC{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes animate{0%{transform:rotate(45deg);}100%{transform:rotate(405deg);}}