#loader-wrapper { background:transparent; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999991; }
.loader {position: absolute;top: 50%;left: 50%; margin-left: -90px; margin-top: -120px; width: 180px; height: 180px; text-align: center; font-size: 135px; line-height: 180px;  -webkit-font-smoothing: antialiased; } 
.loader:after, .loader:before {  content: ""; border-radius: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
.loader:after { box-shadow: inset 0 17.5px 0 rgba(250, 250, 0, 0.6), inset 17.5px 0 0 rgba(250, 200, 0, 0.6), inset 0 -17.5px 0 rgba(250, 150, 0, 0.6), inset -17.5px 0 0 rgba(250, 100, 0, 0.6); -webkit-animation: rotar 2s -0.5s linear infinite; animation: rotar 2s -0.5s linear infinite; }
.loader:before { box-shadow: inset 0 17.5px 0 rgba(0, 250, 250, 0.6), inset 17.5px 0 0 rgba(0, 200, 200, 0.6), inset 0 -17.5px 0 rgba(0, 150, 200, 0.6), inset -17.5px 0 0 rgba(0, 200, 250, 0.6); -webkit-animation: rotarIz 2s -0.5s linear infinite; animation: rotarIz 2s -0.5s linear infinite; }

@-webkit-keyframes rotar{0%{-webkit-transform:rotateZ(0deg) scaleX(1) scaleY(1);transform:rotateZ(0deg) scaleX(1) scaleY(1)}50%{-webkit-transform:rotateZ(180deg) scaleX(0.82) scaleY(0.95);transform:rotateZ(180deg) scaleX(0.82) scaleY(0.95)}100%{-webkit-transform:rotateZ(360deg) scaleX(1) scaleY(1);transform:rotateZ(360deg) scaleX(1) scaleY(1)}}@keyframes rotar{0%{-webkit-transform:rotateZ(0deg) scaleX(1) scaleY(1);transform:rotateZ(0deg) scaleX(1) scaleY(1)}50%{-webkit-transform:rotateZ(180deg) scaleX(0.82) scaleY(0.95);transform:rotateZ(180deg) scaleX(0.82) scaleY(0.95)}100%{-webkit-transform:rotateZ(360deg) scaleX(1) scaleY(1);transform:rotateZ(360deg) scaleX(1) scaleY(1)}}@-webkit-keyframes rotarIz{0%{-webkit-transform:rotateZ(0deg) scaleX(1) scaleY(1);transform:rotateZ(0deg) scaleX(1) scaleY(1)}50%{-webkit-transform:rotateZ(-180deg) scaleX(0.95) scaleY(0.85);transform:rotateZ(-180deg) scaleX(0.95) scaleY(0.85)}100%{-webkit-transform:rotateZ(-360deg) scaleX(1) scaleY(1);transform:rotateZ(-360deg) scaleX(1) scaleY(1)}}@keyframes rotarIz{0%{-webkit-transform:rotateZ(0deg) scaleX(1) scaleY(1);transform:rotateZ(0deg) scaleX(1) scaleY(1)}50%{-webkit-transform:rotateZ(-180deg) scaleX(0.95) scaleY(0.85);transform:rotateZ(-180deg) scaleX(0.95) scaleY(0.85)}100%{-webkit-transform:rotateZ(-360deg) scaleX(1) scaleY(1);transform:rotateZ(-360deg) scaleX(1) scaleY(1)}}