.double-bounce,.rotating-plane{width:40px;height:40px;margin:40px auto}.chasing-dots,.three-bounce,.wave{text-align:center}.rotating-plane{-webkit-animation:rotatePlane 1.2s infinite ease-in-out;animation:rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.double-bounce{position:relative}.double-bounce .child{width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:doubleBounce 2s infinite ease-in-out;animation:doubleBounce 2s infinite ease-in-out}.double-bounce .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.wave{margin:40px auto;width:50px;height:40px;font-size:10px}.wave .rect{height:100%;width:6px;display:inline-block;-webkit-animation:waveStretchDelay 1.2s infinite ease-in-out;animation:waveStretchDelay 1.2s infinite ease-in-out}.wave .rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.wave .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.wave .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.wave .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.wave .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.wandering-cubes .cube{width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:wanderingCube 1.8s ease-in-out -1.8s infinite both}.chasing-dots,.spinner-pulse{width:40px;height:40px;margin:40px auto}.wandering-cubes .cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.spinner-pulse{border-radius:100%;-webkit-animation:pulseScaleOut 1s infinite ease-in-out;animation:pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.chasing-dots{position:relative;-webkit-animation:chasingDotsRotate 2s infinite linear;animation:chasingDotsRotate 2s infinite linear}.chasing-dots .child{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:chasingDotsBounce 2s infinite ease-in-out;animation:chasingDotsBounce 2s infinite ease-in-out}.chasing-dots .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.three-bounce{margin:40px auto;width:80px}.three-bounce .child{width:20px;height:20px;border-radius:100%;display:inline-block;-webkit-animation:three-bounce 1.4s ease-in-out 0s infinite both;animation:three-bounce 1.4s ease-in-out 0s infinite both}.circle .child:before,.fading-circle .circle:before{display:block;border-radius:100%;content:''}.three-bounce .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.three-bounce .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.circle{margin:40px auto;width:40px;height:40px;position:relative}.circle .child{width:100%;height:100%;position:absolute;left:0;top:0}.circle .child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:circleBounceDelay 1.2s infinite ease-in-out both;animation:circleBounceDelay 1.2s infinite ease-in-out both}.circle .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.circle .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.circle .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.circle .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.circle .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.circle .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.circle .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.circle .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.circle .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.circle .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.circle .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.circle .circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.circle .circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.circle .circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.circle .circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.circle .circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.circle .circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.circle .circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.circle .circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.circle .circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.circle .circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.circle .circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.cube-grid{width:40px;height:40px;margin:40px auto}.cube-grid .cube{width:33.33%;height:33.33%;float:left;-webkit-animation:cubeGridScaleDelay 1.3s infinite ease-in-out;animation:cubeGridScaleDelay 1.3s infinite ease-in-out}.cube-grid .cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.cube-grid .cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.cube-grid .cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.cube-grid .cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.cube-grid .cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.cube-grid .cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.cube-grid .cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.cube-grid .cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.cube-grid .cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.fading-circle .circle{width:100%;height:100%;position:absolute;left:0;top:0}.fading-circle .circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:circleFadeDelay 1.2s infinite ease-in-out both;animation:circleFadeDelay 1.2s infinite ease-in-out both}.fading-circle .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.fading-circle .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.fading-circle .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fading-circle .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.fading-circle .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.fading-circle .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fading-circle .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.fading-circle .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.fading-circle .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fading-circle .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.fading-circle .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.fading-circle .circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.fading-circle .circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.fading-circle .circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.fading-circle .circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.fading-circle .circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.fading-circle .circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.fading-circle .circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.fading-circle .circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.fading-circle .circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.fading-circle .circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.fading-circle .circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.folding-cube .cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.folding-cube .cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:foldCubeAngle 2.4s infinite linear both;animation:foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.folding-cube .cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.folding-cube .cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.folding-cube .cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.folding-cube .cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.folding-cube .cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.folding-cube .cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}