.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader2,.loader2:after,.loader2:before{background:#000;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}.loader2{color:#fff;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader2,.loader2:after,.loader2:before{background:#000;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:.35em;height:4em;float:left}.loader2{color:#000;text-indent:-9999em;margin:2em;position:absolute;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader2:after,.loader2:before{position:absolute;top:0;bottom:2em;content:''}.loader2:before{left:-.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader2:after{left:.5em}@-webkit-keyframes load1{0%,100%,80%{box-shadow:0 0;height:1em}40%{box-shadow:0 -2em;height:2em}}@keyframes load1{0%,100%,80%{box-shadow:0 0;height:1em}40%{box-shadow:0 -2em;height:2em}}.loader3{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;transform:translate(-50%,-50%);z-index:10000;margin:0 auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}