#preloader {width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:#000;z-index:11000;position:fixed;display:block;}
.preloader {position:absolute;margin:0 auto;left:0;right:0;top:calc(50% - 48px);width:96px;height:96px;background:center center no-repeat none;background-size:96px 96px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
#spinner {position:relative;height:120px;width:120px;top:calc(50% - 60px);margin:0 auto;border-radius:100%;-webkit-animation:rotation .75s infinite linear;-moz-animation:rotation .75s infinite linear;-o-animation:rotation .75s infinite linear;animation:rotation .75s infinite linear;}
#spinner:before {content:"";display:block;position:absolute;left:-3px;top:-3px;height:100%;width:100%;border-top:3px solid #fff;border-left:3px solid transparent;border-bottom:3px solid transparent;border-right:3px solid transparent;border-radius:100%;}
@-webkit-keyframes rotation {from { -webkit-transform:rotate(0deg);}to { -webkit-transform:rotate(359deg);}}
@-moz-keyframes rotation {from{-moz-transform:rotate(0deg);}to{-moz-transform:rotate(359deg);}}
@-o-keyframes rotation {from{-o-transform:rotate(0deg);}to{-o-transform:rotate(359deg);}}
@keyframes rotation {from{transform:rotate(0deg);}to{transform:rotate(359deg);}}