.spinning-gyroscope{display:block;margin:-140px 0 0 -150px;position:absolute;top:50%;left:50%;height:300px;width:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.25) rotateZ(210deg) rotateX(420deg) rotateY(80deg);transform:scale(0.25) rotateZ(210deg) rotateX(420deg) rotateY(80deg);transition:all 1500ms ease-out;opacity:0}.loaded .spinning-gyroscope{-webkit-transform:rotateZ(-30deg) rotateX(-30deg) rotateY(20deg);transform:rotateZ(-30deg) rotateX(-30deg) rotateY(20deg);opacity:0.35;transition-delay:300ms}.spinning-gyroscope .ring{border-radius:150px;box-shadow:inset 0 0 0 4px #4e6991;box-shadow:inset 0 0 0 2px #fff,0 0 18px #09adf9,inset 0 0 16px #09adf9;box-sizing:border-box;display:block;margin:-150px 0 0 -150px;position:absolute;top:50%;left:50%;height:300px;width:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:150px 150px;-webkit-animation-name:gyro-ring-1;animation-name:gyro-ring-1;-webkit-animation-duration:3200ms;animation-duration:3200ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-iteration-count:infinite;animation-timing-function:linear}.spinning-gyroscope .ring.two{margin:-120px 0 0 -120px;height:240px;width:240px;-webkit-transform-origin:120px 120px;transform-origin:120px 120px;-webkit-animation-name:gyro-ring-2;animation-name:gyro-ring-2;-webkit-animation-duration:1600ms;animation-duration:1600ms;-webkit-animation-delay:-400ms;animation-delay:-400ms}.spinning-gyroscope .ring.three{margin:-90px 0 0 -90px;height:180px;width:180px;-webkit-transform-origin:90px 90px;transform-origin:90px 90px;-webkit-animation-name:gyro-ring-3;animation-name:gyro-ring-3;-webkit-animation-duration:1600ms;animation-duration:1600ms;-webkit-animation-delay:-400ms;animation-delay:-400ms}.spinning-gyroscope .line{border-left:3px solid #fff;position:absolute;top:-10%;left:50%;height:120%;opacity:0.08;transition:all 1300ms ease;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(90deg) scaleY(0);transform:rotateY(90deg) scaleY(0)}.loaded .spinning-gyroscope .line{-webkit-transform:rotateY(90deg) scaleY(1);transform:rotateY(90deg) scaleY(1);transition-delay:800ms}.spinning-gyroscope .line.two{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);display:none}.spinning-gyroscope .line.three{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);display:none}@-webkit-keyframes gyro-ring-1{0%{-webkit-transform:rotateY(0deg) rotateZ(0)}50%{-webkit-transform:rotateY(180deg) rotateZ(180deg)}100%{-webkit-transform:rotateY(360deg) rotateZ(360deg)}}@-webkit-keyframes gyro-ring-2{0%{-webkit-transform:rotateX(0deg)}50%{-webkit-transform:rotateX(180deg) rotateZ(-360deg)}100%{-webkit-transform:rotateX(360deg) rotateZ(-720deg)}}@-webkit-keyframes gyro-ring-3{0%{-webkit-transform:rotateY(0deg)}50%{-webkit-transform:rotateY(180deg) rotateZ(180deg)}100%{-webkit-transform:rotateY(360deg) rotateZ(360deg)}}@-webkit-keyframes gyro-spin{0%{-webkit-transform:rotateY(0deg) rotateZ(0)}50%{-webkit-transform:rotateY(-20deg) rotateZ(20deg)}100%{-webkit-transform:rotateY(0) rotateZ(0)}}@keyframes gyro-ring-1{0%{transform:rotateY(0deg) rotateZ(0)}50%{transform:rotateY(180deg) rotateZ(180deg)}100%{transform:rotateY(360deg) rotateZ(360deg)}}@keyframes gyro-ring-2{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg) rotateZ(-360deg)}100%{transform:rotateX(360deg) rotateZ(-720deg)}}@keyframes gyro-ring-3{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg) rotateZ(180deg)}100%{transform:rotateY(360deg) rotateZ(360deg)}}@keyframes gyro-spin{0%{transform:rotateY(0deg) rotateZ(0)}50%{transform:rotateY(-20deg) rotateZ(20deg)}100%{transform:rotateY(0) rotateZ(0)}}.center-circle{display:block;margin:-44px 0 0 -44px;position:absolute;top:50%;left:50%;height:88px;width:88px;transform:scale(0.65);transition:all 600ms ease-out;opacity:0}.loaded .center-circle{opacity:1;transform:scale(1)}.center-circle .label{color:rgba(255,255,255,0.95);display:block;margin:16px 0 0 0;text-align:center;width:100px}
