.loader{position:relative;width:100px;height:100px;float:left;user-select:none;box-sizing:border-box}.loader-bg{width:100%;height:100%;border-radius:50%;border:5px solid rgba(255,0,29,0.20);box-sizing:border-box}.spiner-holder-one{position:absolute;top:0;left:0;overflow:hidden;width:50%;height:50%;background:transparent;box-sizing:border-box}.spiner-holder-two{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:transparent;box-sizing:border-box}.loader-spiner{width:200%;height:200%;border-radius:50%;border:5px solid rgba(10,255,63,0.30);box-sizing:border-box}.animate{transition-duration:4s}.animate-0-25-a{transform:rotate(90deg);transform-origin:100% 100%;-webkit-transform:rotate(90deg);-webkit-transform-origin:100% 100%}.animate-0-25-b{transform:rotate(-90deg);transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-webkit-transform-origin:100% 100%}.animate-25-50-a{transform:rotate(180deg);transform-origin:100% 100%;-webkit-transform:rotate(180deg);-webkit-transform-origin:100% 100%}.animate-25-50-b{transform:rotate(-90deg);transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-webkit-transform-origin:100% 100%}.animate-50-75-a{transform:rotate(270deg);transform-origin:100% 100%;-webkit-transform:rotate(270deg);-webkit-transform-origin:100% 100%}.animate-50-75-b{transform:rotate(-90deg);transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-webkit-transform-origin:100% 100%}.animate-75-100-a{transform:rotate(0);transform-origin:100% 100%;-webkit-transform:rotate(0);-webkit-transform-origin:100% 100%}.animate-75-100-b{transform:rotate(-90deg);transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-webkit-transform-origin:100% 100%}.text{line-height:90px;text-align:center;font-size:12px}