.spinner1,.spinner2{width:40px;height:40px;position:relative}.double-bounce1,.double-bounce2,.spinner2 .spinner-container{width:100%;height:100%;position:absolute}.double-bounce1,.double-bounce2{border-radius:50%;opacity:.6;top:0;left:0;-webkit-animation:2s ease-in-out infinite bounce;animation:2s ease-in-out infinite bounce}.container3 .circle1,.double-bounce2,.spinner6 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.container1>div,.container2>div,.container3>div{width:6px;height:6px;border-radius:100%;position:absolute;-webkit-animation:1.2s ease-in-out infinite both bouncedelay;animation:1.2s ease-in-out infinite both bouncedelay}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1,.spinner6 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container1 .circle2,.cube2,.spinner6 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2,.spinner6 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.spinner3{width:40px;height:40px;position:relative;-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:2s ease-in-out infinite bounce;animation:2s ease-in-out infinite bounce}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner4{width:30px;height:30px;-webkit-animation:1.2s ease-in-out infinite rotateplane;animation:1.2s ease-in-out infinite rotateplane}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner5{width:32px;height:32px;position:relative}.cube1,.cube2{width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:1.8s ease-in-out infinite cubemove;animation:1.8s ease-in-out infinite cubemove}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.spinner6{width:50px;height:30px;text-align:center}.spinner6>div{height:100%;width:6px;margin-left:2px;display:inline-block;-webkit-animation:1.2s ease-in-out infinite stretchdelay;animation:1.2s ease-in-out infinite stretchdelay}.spinner7 div,.spinner7 div:after,.spinner7 div:before{position:absolute;height:15px;width:15px;border-radius:15px}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.spinner7{position:relative;width:100%;height:100%}.spinner7 div{top:46%;top:calc(50% - 6px);left:46%;left:calc(50% - 6px);transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;animation:1.15s ease-in-out infinite cssload-loader;-o-animation:1.15s ease-in-out infinite cssload-loader;-ms-animation:cssload-loader 1.15s ease-in-out infinite;-webkit-animation:1.15s ease-in-out infinite cssload-loader;-moz-animation:1.15s ease-in-out infinite cssload-loader;outline:0}.spinner7 div:before{content:"";top:0;left:-30px}.spinner7 div:after{content:"";top:0;left:30px}