.loading-wrapper { background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: none; }
.loading-outer { display: table; width: 100%; height: 100%; }
.loading-inner { display: table-cell; vertical-align: middle; }
.loader { width: 150px; height: 150px; line-height: 150px; margin: 100px auto; position: relative; box-sizing: border-box; text-align: center; z-index: 0; text-transform: uppercase; }
.loader:before, .loader:after { opacity: 0; box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; border: 5px solid #fff; box-shadow: 0 0 50px #fff, inset 0 0 50px #fff; }
.loader:after { z-index: 1; -webkit-animation: gogoloader 2s infinite 1s; }
.loader:before { z-index: 2; -webkit-animation: gogoloader 2s infinite; }
@-webkit-keyframes gogoloader {
    0% { -webkit-transform: scale(0); opacity: 0; }
    50% { opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 0; }
}