#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);-webkit-transition:ease-out .3s;-moz-transition:ease-out .3s;-o-transition:ease-out .3s;transition:ease-out .3s}.loaded .loader{opacity:0;-webkit-transition:ease-out .3s;-moz-transition:ease-out .3s;-o-transition:ease-out .3s;transition:ease-out .3s}.loader .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loader .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0);-moz-transform:scale(0.0);-ms-transform:scale(0.0);-o-transform:scale(0.0);transform:scale(0.0)}40%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0);-moz-transform:scale(0.0);-ms-transform:scale(0.0);-o-transform:scale(0.0);transform:scale(0.0)}40%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}}