#loader-wrapper{position:fixed;z-index:1000;top:0;left:0;background:#fff;width:100%;height:100%;text-align:center}.loader{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.loader div{display:inline-block;background-color:#141414;width:14px;height:14px;margin:3px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loaded #loader-wrapper{visibility:hidden;background:rgba(255,255,255,0);transition:ease-out .3s}.loaded #loader-wrapper,.loaded .loader{-webkit-transition:ease-out .3s;-moz-transition:ease-out .3s;-o-transition:ease-out .3s}.loaded .loader{opacity:0;transition:ease-out .3s}.loader .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}