.loader{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);width:64px;height:64px;border-radius:50%;perspective:800px}.loader p{top:80px;left:-10px;width:120px;z-index:999999;font-size:12px;font-weight:900;text-transform:uppercase;font-family:Open Sans}.inner,.loader p{position:absolute}.inner{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.inner.one{left:0;top:0;animation:rotate-one 1s linear infinite;border-bottom:9px solid #c7ece8}.inner.two{right:0;top:0;animation:rotate-two 1s linear infinite;border-right:9px solid #677d8b}.inner.three{right:0;bottom:0;animation:rotate-three 1s linear infinite;border-top:9px solid #344767}@keyframes rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}