.ball-pulse-sync>div,.ball-pulse>div,.ball-scale-random>div,.ball-scale>div {background-color: #fff; border-radius: 100%; margin: 2px; display: inline-block;}
@-webkit-keyframes scale { 
  0%,80% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 
  45% {-webkit-transform: scale(.1); transform: scale(.1); opacity: .7;} 
}
@keyframes scale { 
  0%,80% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 
  45% {-webkit-transform: scale(.1); transform: scale(.1); opacity: .7;} 
}
.ball-pulse>div:nth-child(1) {-webkit-animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08); animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);}
.ball-pulse>div:nth-child(2) {-webkit-animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08); animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);}
.ball-pulse>div:nth-child(3) {-webkit-animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08); animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);}
.ball-pulse>div {width: 15px; height: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes ball-pulse-sync { 
  33% {-webkit-transform: translateY(10px); transform: translateY(10px);} 
  66% {-webkit-transform: translateY(-10px); transform: translateY(-10px);} 
  100% {-webkit-transform: translateY(0); transform: translateY(0);} 
}
@keyframes ball-pulse-sync { 
  33% {-webkit-transform: translateY(10px); transform: translateY(10px);} 
  66% {-webkit-transform: translateY(-10px); transform: translateY(-10px);} 
  100% {-webkit-transform: translateY(0); transform: translateY(0);} 
}
.ball-pulse-sync>div:nth-child(1) {-webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out; animation: ball-pulse-sync .6s -.14s infinite ease-in-out;}
.ball-pulse-sync>div:nth-child(2) {-webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out; animation: ball-pulse-sync .6s -70ms infinite ease-in-out;}
.ball-pulse-sync>div:nth-child(3) {-webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out; animation: ball-pulse-sync .6s 0s infinite ease-in-out;}
.ball-pulse-sync>div {width: 15px; height: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes ball-scale { 
  0% {-webkit-transform: scale(0); transform: scale(0);} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;} 
}
@keyframes ball-scale { 
  0% {-webkit-transform: scale(0); transform: scale(0);} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;} 
}
.ball-scale>div {height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite;}
.ball-scale-random {width: 37px; height: 40px;}
.ball-scale-random>div {position: absolute; height: 30px; width: 30px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite;}
.ball-rotate,.ball-rotate>div {position: relative;}
.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before {background-color: #fff; width: 15px; height: 15px; border-radius: 100%;}
.ball-scale-random>div:nth-child(1) {margin-left: -7px; -webkit-animation: ball-scale 1s .2s ease-in-out infinite; animation: ball-scale 1s .2s ease-in-out infinite;}
.ball-scale-random>div:nth-child(3) {margin-left: -2px; margin-top: 9px; -webkit-animation: ball-scale 1s .5s ease-in-out infinite; animation: ball-scale 1s .5s ease-in-out infinite;}
@-webkit-keyframes rotate { 
  0% {-webkit-transform: rotate(0); transform: rotate(0);} 
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);} 
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
.ball-rotate>div {margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.ball-rotate>div:first-child {-webkit-animation: rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite; animation: rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;}
.ball-rotate>div:after,.ball-rotate>div:before {margin: 2px; content: ""; position: absolute; opacity: .8;}
.ball-rotate>div:before {top: 0; left: -28px;}
.ball-rotate>div:after {top: 0; left: 25px;}
.ball-clip-rotate>div {border-radius: 100%; margin: 2px; border: 2px solid #fff; border-bottom-color: transparent; height: 26px; width: 26px; background: 0 0 !important; display: inline-block; -webkit-animation: rotate .75s 0s linear infinite; animation: rotate .75s 0s linear infinite;}
@keyframes rotate { 
  0% {-webkit-transform: rotate(0); transform: rotate(0);} 
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);} 
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
@keyframes scale { 
  30% {-webkit-transform: scale(.3); transform: scale(.3);} 
  100% {-webkit-transform: scale(1); transform: scale(1);} 
}
.ball-clip-rotate-pulse {position: relative; -webkit-transform: translateY(-15px); transform: translateY(-15px);}
.ball-clip-rotate-pulse>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; border-radius: 100%;}
.ball-clip-rotate-pulse>div:first-child {background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite; animation: scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;}
.ball-clip-rotate-pulse>div:last-child {position: absolute; width: 30px; height: 30px; left: -16px; top: -2px; background: 0 0; border: 2px solid; border-color: #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite; animation: rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s;}
.ball-beat>div,.ball-scale-multiple>div {background-color: #fff; border-radius: 100%;}
@keyframes rotate { 
  0% {-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);} 
  50% {-webkit-transform: rotate(180deg) scale(.6); transform: rotate(180deg) scale(.6);} 
  100% {-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1);} 
}
.ball-clip-rotate-multiple {position: relative;}
.ball-clip-rotate-multiple>div {position: absolute; left: -20px; top: -20px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite;}
.ball-clip-rotate-multiple>div:last-child {display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; -webkit-animation-duration: .5s; animation-duration: .5s; border-color: #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse;}
@-webkit-keyframes ball-scale-ripple { 
  0% {-webkit-transform: scale(.1); transform: scale(.1); opacity: 1;} 
  70% {-webkit-transform: scale(1); transform: scale(1); opacity: .7;} 
  100% {opacity: 0;} 
}
@keyframes ball-scale-ripple { 
  0% {-webkit-transform: scale(.1); transform: scale(.1); opacity: 1;} 
  70% {-webkit-transform: scale(1); transform: scale(1); opacity: .7;} 
  100% {opacity: 0;} 
}
.ball-scale-ripple>div {height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);}
@-webkit-keyframes ball-scale-ripple-multiple { 
  0% {-webkit-transform: scale(.1); transform: scale(.1); opacity: 1;} 
  70% {-webkit-transform: scale(1); transform: scale(1); opacity: .7;} 
  100% {opacity: 0;} 
}
@keyframes ball-scale-ripple-multiple { 
  0% {-webkit-transform: scale(.1); transform: scale(.1); opacity: 1;} 
  70% {-webkit-transform: scale(1); transform: scale(1); opacity: .7;} 
  100% {opacity: 0;} 
}
.ball-scale-ripple-multiple {position: relative; -webkit-transform: translateY(-25px); transform: translateY(-25px);}
.ball-scale-ripple-multiple>div:nth-child(0) {-webkit-animation-delay: -.8s; animation-delay: -.8s;}
.ball-scale-ripple-multiple>div:nth-child(1) {-webkit-animation-delay: -.6s; animation-delay: -.6s;}
.ball-scale-ripple-multiple>div:nth-child(2) {-webkit-animation-delay: -.4s; animation-delay: -.4s;}
.ball-scale-ripple-multiple>div:nth-child(3) {-webkit-animation-delay: -.2s; animation-delay: -.2s;}
.ball-scale-ripple-multiple>div {position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);}
@-webkit-keyframes ball-beat { 
  50% {opacity: .2; -webkit-transform: scale(.75); transform: scale(.75);} 
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 
}
@keyframes ball-beat { 
  50% {opacity: .2; -webkit-transform: scale(.75); transform: scale(.75);} 
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 
}
.ball-beat>div {width: 15px; height: 15px; margin: 2px; display: inline-block; -webkit-animation: ball-beat .7s 0s infinite linear; animation: ball-beat .7s 0s infinite linear;}
.ball-beat>div:nth-child(2n-1) {-webkit-animation-delay: -.35s !important; animation-delay: -.35s !important;}
@-webkit-keyframes ball-scale-multiple { 
  0% {-webkit-transform: scale(0); transform: scale(0); opacity: 0;} 
  5% {opacity: 1;} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;} 
}
@keyframes ball-scale-multiple { 
  0% {-webkit-transform: scale(0); transform: scale(0); opacity: 0;} 
  5% {opacity: 1;} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 0;} 
}
.ball-scale-multiple {position: relative; -webkit-transform: translateY(-30px); transform: translateY(-30px);}
.ball-scale-multiple>div:nth-child(2) {-webkit-animation-delay: -.4s; animation-delay: -.4s;}
.ball-scale-multiple>div:nth-child(3) {-webkit-animation-delay: -.2s; animation-delay: -.2s;}
.ball-scale-multiple>div {position: absolute; left: -30px; top: 0; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite;}
.ball-triangle-path>div:nth-child(1),.ball-triangle-path>div:nth-child(2) {-webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;}
@-webkit-keyframes ball-triangle-path-1 { 
  33% {-webkit-transform: translate(25px,-50px); transform: translate(25px,-50px);} 
  66% {-webkit-transform: translate(50px,0); transform: translate(50px,0);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-triangle-path-1 { 
  33% {-webkit-transform: translate(25px,-50px); transform: translate(25px,-50px);} 
  66% {-webkit-transform: translate(50px,0); transform: translate(50px,0);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@-webkit-keyframes ball-triangle-path-2 { 
  33% {-webkit-transform: translate(25px,50px); transform: translate(25px,50px);} 
  66% {-webkit-transform: translate(-25px,50px); transform: translate(-25px,50px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-triangle-path-2 { 
  33% {-webkit-transform: translate(25px,50px); transform: translate(25px,50px);} 
  66% {-webkit-transform: translate(-25px,50px); transform: translate(-25px,50px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@-webkit-keyframes ball-triangle-path-3 { 
  33% {-webkit-transform: translate(-50px,0); transform: translate(-50px,0);} 
  66% {-webkit-transform: translate(-25px,-50px); transform: translate(-25px,-50px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-triangle-path-3 { 
  33% {-webkit-transform: translate(-50px,0); transform: translate(-50px,0);} 
  66% {-webkit-transform: translate(-25px,-50px); transform: translate(-25px,-50px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
.ball-triangle-path {position: relative; -webkit-transform: translate(-29.99px,-37.51px); transform: translate(-29.99px,-37.51px);}
.ball-triangle-path>div:nth-child(1) {-webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.ball-triangle-path>div:nth-child(2) {-webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.ball-triangle-path>div:nth-child(3) {-webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.ball-triangle-path>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff;}
.ball-grid-beat>div,.ball-pulse-rise>div {-webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite;}
.ball-grid-beat>div,.ball-grid-pulse>div,.ball-pulse-rise>div {height: 15px; border-radius: 100%; display: inline-block; background-color: #fff; margin: 2px;}
.ball-triangle-path>div:nth-of-type(1) {top: 50px;}
.ball-triangle-path>div:nth-of-type(2) {left: 25px;}
.ball-triangle-path>div:nth-of-type(3) {top: 50px; left: 50px;}
@-webkit-keyframes ball-pulse-rise-even { 
  0% {-webkit-transform: scale(1.1); transform: scale(1.1);} 
  25% {-webkit-transform: translateY(-30px); transform: translateY(-30px);} 
  50% {-webkit-transform: scale(.4); transform: scale(.4);} 
  75% {-webkit-transform: translateY(30px); transform: translateY(30px);} 
  100% {-webkit-transform: scale(1); transform: scale(1);} 
}
@keyframes ball-pulse-rise-even { 
  0% {-webkit-transform: scale(1.1); transform: scale(1.1);} 
  25% {-webkit-transform: translateY(-30px); transform: translateY(-30px);} 
  50% {-webkit-transform: scale(.4); transform: scale(.4);} 
  75% {-webkit-transform: translateY(30px); transform: translateY(30px);} 
  100% {-webkit-transform: scale(1); transform: scale(1);} 
}
@-webkit-keyframes ball-pulse-rise-odd { 
  0% {-webkit-transform: scale(.4); transform: scale(.4);} 
  25% {-webkit-transform: translateY(30px); transform: translateY(30px);} 
  50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 
  75% {-webkit-transform: translateY(-30px); transform: translateY(-30px);} 
  100% {-webkit-transform: scale(.75); transform: scale(.75);} 
}
@keyframes ball-pulse-rise-odd { 
  0% {-webkit-transform: scale(.4); transform: scale(.4);} 
  25% {-webkit-transform: translateY(30px); transform: translateY(30px);} 
  50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 
  75% {-webkit-transform: translateY(-30px); transform: translateY(-30px);} 
  100% {-webkit-transform: scale(.75); transform: scale(.75);} 
}
.ball-pulse-rise>div {width: 15px; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(.15,.46,.9,.6); animation-timing-function: cubic-bezier(.15,.46,.9,.6); animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;}
.ball-pulse-rise>div:nth-child(2n) {-webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even;}
.ball-pulse-rise>div:nth-child(2n-1) {-webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd;}
@-webkit-keyframes ball-grid-beat { 
  50% {opacity: .7;} 
  100% {opacity: 1;} 
}
@keyframes ball-grid-beat { 
  50% {opacity: .7;} 
  100% {opacity: 1;} 
}
.ball-grid-beat {width: 57px;}
.ball-grid-beat>div:nth-child(1) {-webkit-animation-delay: .15s; animation-delay: .15s; -webkit-animation-duration: 1.45s; animation-duration: 1.45s;}
.ball-grid-beat>div:nth-child(2) {-webkit-animation-delay: -20ms; animation-delay: -20ms; -webkit-animation-duration: .97s; animation-duration: .97s;}
.ball-grid-beat>div:nth-child(3) {-webkit-animation-delay: .66s; animation-delay: .66s; -webkit-animation-duration: 1.23s; animation-duration: 1.23s;}
.ball-grid-beat>div:nth-child(4) {-webkit-animation-delay: .64s; animation-delay: .64s; -webkit-animation-duration: 1.24s; animation-duration: 1.24s;}
.ball-grid-beat>div:nth-child(5) {-webkit-animation-delay: -.19s; animation-delay: -.19s; -webkit-animation-duration: 1.13s; animation-duration: 1.13s;}
.ball-grid-beat>div:nth-child(6) {-webkit-animation-delay: .69s; animation-delay: .69s; -webkit-animation-duration: 1.42s; animation-duration: 1.42s;}
.ball-grid-beat>div:nth-child(7) {-webkit-animation-delay: .58s; animation-delay: .58s; -webkit-animation-duration: 1.14s; animation-duration: 1.14s;}
.ball-grid-beat>div:nth-child(8) {-webkit-animation-delay: .21s; animation-delay: .21s; -webkit-animation-duration: 1.17s; animation-duration: 1.17s;}
.ball-grid-beat>div:nth-child(9) {-webkit-animation-delay: -.18s; animation-delay: -.18s; -webkit-animation-duration: .65s; animation-duration: .65s;}
.ball-grid-beat>div {width: 15px; animation-fill-mode: both; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;}
@-webkit-keyframes ball-grid-pulse { 
  0% {-webkit-transform: scale(1); transform: scale(1);} 
  50% {-webkit-transform: scale(.5); transform: scale(.5); opacity: .7;} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 
}
@keyframes ball-grid-pulse { 
  0% {-webkit-transform: scale(1); transform: scale(1);} 
  50% {-webkit-transform: scale(.5); transform: scale(.5); opacity: .7;} 
  100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;} 
}
.ball-grid-pulse {width: 57px;}
.ball-grid-pulse>div:nth-child(1) {-webkit-animation-delay: .22s; animation-delay: .22s; -webkit-animation-duration: .9s; animation-duration: .9s;}
.ball-grid-pulse>div:nth-child(2) {-webkit-animation-delay: .64s; animation-delay: .64s; -webkit-animation-duration: 1s; animation-duration: 1s;}
.ball-grid-pulse>div:nth-child(3) {-webkit-animation-delay: -.15s; animation-delay: -.15s; -webkit-animation-duration: .63s; animation-duration: .63s;}
.ball-grid-pulse>div:nth-child(4) {-webkit-animation-delay: -30ms; animation-delay: -30ms; -webkit-animation-duration: 1.24s; animation-duration: 1.24s;}
.ball-grid-pulse>div:nth-child(5) {-webkit-animation-delay: 80ms; animation-delay: 80ms; -webkit-animation-duration: 1.37s; animation-duration: 1.37s;}
.ball-grid-pulse>div:nth-child(6) {-webkit-animation-delay: .43s; animation-delay: .43s; -webkit-animation-duration: 1.55s; animation-duration: 1.55s;}
.ball-grid-pulse>div:nth-child(7) {-webkit-animation-delay: 50ms; animation-delay: 50ms; -webkit-animation-duration: .7s; animation-duration: .7s;}
.ball-grid-pulse>div:nth-child(8) {-webkit-animation-delay: 50ms; animation-delay: 50ms; -webkit-animation-duration: .97s; animation-duration: .97s;}
.ball-grid-pulse>div:nth-child(9) {-webkit-animation-delay: .3s; animation-delay: .3s; -webkit-animation-duration: .63s; animation-duration: .63s;}
.ball-grid-pulse>div {width: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;}
@-webkit-keyframes ball-spin-fade-loader { 
  50% {opacity: .3; -webkit-transform: scale(.4); transform: scale(.4);} 
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 
}
@keyframes ball-spin-fade-loader { 
  50% {opacity: .3; -webkit-transform: scale(.4); transform: scale(.4);} 
  100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} 
}
.ball-spin-fade-loader {position: relative; top: -10px; left: -10px;}
.ball-spin-fade-loader>div:nth-child(1) {top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear; animation: ball-spin-fade-loader 1s -.96s infinite linear;}
.ball-spin-fade-loader>div:nth-child(2) {top: 17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear; animation: ball-spin-fade-loader 1s -.84s infinite linear;}
.ball-spin-fade-loader>div:nth-child(3) {top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear; animation: ball-spin-fade-loader 1s -.72s infinite linear;}
.ball-spin-fade-loader>div:nth-child(4) {top: -17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear; animation: ball-spin-fade-loader 1s -.6s infinite linear;}
.ball-spin-fade-loader>div:nth-child(5) {top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear; animation: ball-spin-fade-loader 1s -.48s infinite linear;}
.ball-spin-fade-loader>div:nth-child(6) {top: -17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear; animation: ball-spin-fade-loader 1s -.36s infinite linear;}
.ball-spin-fade-loader>div:nth-child(7) {top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear; animation: ball-spin-fade-loader 1s -.24s infinite linear;}
.ball-spin-fade-loader>div:nth-child(8) {top: 17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear; animation: ball-spin-fade-loader 1s -.12s infinite linear;}
.ball-spin-fade-loader>div,.ball-spin-loader>div {-webkit-animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%;}
.ball-spin-fade-loader>div {background-color: #fff; margin: 2px; animation-fill-mode: both;}
@-webkit-keyframes ball-spin-loader { 
  75% {opacity: .2;} 
  100% {opacity: 1;} 
}
@keyframes ball-spin-loader { 
  75% {opacity: .2;} 
  100% {opacity: 1;} 
}
.ball-spin-loader {position: relative;}
.ball-spin-loader>span:nth-child(1) {top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s .9s infinite linear; animation: ball-spin-loader 2s .9s infinite linear;}
.ball-spin-loader>span:nth-child(2) {top: 30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear;}
.ball-spin-loader>span:nth-child(3) {top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear;}
.ball-spin-loader>span:nth-child(4) {top: -30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear;}
.ball-spin-loader>span:nth-child(5) {top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear;}
.ball-spin-loader>span:nth-child(6) {top: -30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear;}
.ball-spin-loader>span:nth-child(7) {top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear;}
.ball-spin-loader>span:nth-child(8) {top: 30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear;}
.ball-spin-loader>div {animation-fill-mode: both; background: green;}
.ball-zig-zag-deflect>div,.ball-zig-zag>div {background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px 2px 2px 15px; top: 4px; left: -7px;}
@-webkit-keyframes ball-zig { 
  33% {-webkit-transform: translate(-15px,-30px); transform: translate(-15px,-30px);} 
  66% {-webkit-transform: translate(15px,-30px); transform: translate(15px,-30px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-zig { 
  33% {-webkit-transform: translate(-15px,-30px); transform: translate(-15px,-30px);} 
  66% {-webkit-transform: translate(15px,-30px); transform: translate(15px,-30px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@-webkit-keyframes ball-zag { 
  33% {-webkit-transform: translate(15px,30px); transform: translate(15px,30px);} 
  66% {-webkit-transform: translate(-15px,30px); transform: translate(-15px,30px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-zag { 
  33% {-webkit-transform: translate(15px,30px); transform: translate(15px,30px);} 
  66% {-webkit-transform: translate(-15px,30px); transform: translate(-15px,30px);} 
  100% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
.ball-zig-zag {position: relative; -webkit-transform: translate(-15px,-15px); transform: translate(-15px,-15px);}
.ball-zig-zag>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;}
.ball-zig-zag>div:first-child {-webkit-animation: ball-zig .7s 0s infinite linear; animation: ball-zig .7s 0s infinite linear;}
.ball-zig-zag>div:last-child {-webkit-animation: ball-zag .7s 0s infinite linear; animation: ball-zag .7s 0s infinite linear;}
@-webkit-keyframes ball-zig-deflect { 
  17%,84% {-webkit-transform: translate(-15px,-30px); transform: translate(-15px,-30px);} 
  34%,67% {-webkit-transform: translate(15px,-30px); transform: translate(15px,-30px);} 
  100%,50% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-zig-deflect { 
  17%,84% {-webkit-transform: translate(-15px,-30px); transform: translate(-15px,-30px);} 
  34%,67% {-webkit-transform: translate(15px,-30px); transform: translate(15px,-30px);} 
  100%,50% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@-webkit-keyframes ball-zag-deflect { 
  17%,84% {-webkit-transform: translate(15px,30px); transform: translate(15px,30px);} 
  34%,67% {-webkit-transform: translate(-15px,30px); transform: translate(-15px,30px);} 
  100%,50% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
@keyframes ball-zag-deflect { 
  17%,84% {-webkit-transform: translate(15px,30px); transform: translate(15px,30px);} 
  34%,67% {-webkit-transform: translate(-15px,30px); transform: translate(-15px,30px);} 
  100%,50% {-webkit-transform: translate(0,0); transform: translate(0,0);} 
}
.ball-zig-zag-deflect {position: relative; -webkit-transform: translate(-15px,-15px); transform: translate(-15px,-15px);}
.ball-zig-zag-deflect>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;}
.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div {width: 4px; height: 35px; display: inline-block;}
.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div,.line-spin-fade-loader>div {border-radius: 2px; margin: 2px; background-color: #fff;}
.ball-zig-zag-deflect>div:first-child {-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear;}
.ball-zig-zag-deflect>div:last-child {-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear;}
@-webkit-keyframes line-scale { 
  0%,100% {-webkit-transform: scaley(1); transform: scaley(1);} 
  50% {-webkit-transform: scaley(.4); transform: scaley(.4);} 
}
@keyframes line-scale { 
  0%,100% {-webkit-transform: scaley(1); transform: scaley(1);} 
  50% {-webkit-transform: scaley(.4); transform: scaley(.4);} 
}
.line-scale>div:nth-child(1) {-webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08); animation: line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);}
.line-scale>div:nth-child(2) {-webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08); animation: line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);}
.line-scale>div:nth-child(3) {-webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08); animation: line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);}
.line-scale>div:nth-child(4) {-webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08); animation: line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);}
.line-scale>div:nth-child(5) {-webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08); animation: line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);}
.line-scale>div {-webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes line-scale-party { 
  0%,100% {-webkit-transform: scale(1); transform: scale(1);} 
  50% {-webkit-transform: scale(.5); transform: scale(.5);} 
}
@keyframes line-scale-party { 
  0%,100% {-webkit-transform: scale(1); transform: scale(1);} 
  50% {-webkit-transform: scale(.5); transform: scale(.5);} 
}
.line-scale-party>div:nth-child(1) {-webkit-animation-delay: .48s; animation-delay: .48s; -webkit-animation-duration: .54s; animation-duration: .54s;}
.line-scale-party>div:nth-child(2) {-webkit-animation-delay: -.15s; animation-delay: -.15s; -webkit-animation-duration: 1.15s; animation-duration: 1.15s;}
.line-scale-party>div:nth-child(3) {-webkit-animation-delay: 40ms; animation-delay: 40ms; -webkit-animation-duration: .77s; animation-duration: .77s;}
.line-scale-party>div:nth-child(4) {-webkit-animation-delay: -.12s; animation-delay: -.12s; -webkit-animation-duration: .61s; animation-duration: .61s;}
.line-scale-party>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;}
@-webkit-keyframes line-scale-pulse-out { 
  0%,100% {-webkit-transform: scaley(1); transform: scaley(1);} 
  50% {-webkit-transform: scaley(.4); transform: scaley(.4);} 
}
@keyframes line-scale-pulse-out { 
  0%,100% {-webkit-transform: scaley(1); transform: scaley(1);} 
  50% {-webkit-transform: scaley(.4); transform: scaley(.4);} 
}
.line-scale-pulse-out>div {-webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85); animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);}
.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4) {-webkit-animation-delay: -.4s !important; animation-delay: -.4s !important;}
.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5) {-webkit-animation-delay: -.2s !important; animation-delay: -.2s !important;}
@-webkit-keyframes line-scale-pulse-out-rapid { 
  0%,90% {-webkit-transform: scaley(1); transform: scaley(1);} 
  80% {-webkit-transform: scaley(.3); transform: scaley(.3);} 
}
@keyframes line-scale-pulse-out-rapid { 
  0%,90% {-webkit-transform: scaley(1); transform: scaley(1);} 
  80% {-webkit-transform: scaley(.3); transform: scaley(.3);} 
}
.line-scale-pulse-out-rapid>div {vertical-align: middle; -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78); animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);}
.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4) {-webkit-animation-delay: -.25s !important; animation-delay: -.25s !important;}
.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5) {-webkit-animation-delay: 0s !important; animation-delay: 0s !important;}
@-webkit-keyframes line-spin-fade-loader { 
  50% {opacity: .3;} 
  100% {opacity: 1;} 
}
@keyframes line-spin-fade-loader { 
  50% {opacity: .3;} 
  100% {opacity: 1;} 
}
.line-spin-fade-loader {position: relative; top: -10px; left: -4px;}
.line-spin-fade-loader>div:nth-child(1) {top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(2) {top: 13.64px; left: 13.64px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(3) {top: 0; left: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(4) {top: -13.64px; left: 13.64px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(5) {top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(6) {top: -13.64px; left: -13.64px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(7) {top: 0; left: -20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;}
.line-spin-fade-loader>div:nth-child(8) {top: 13.64px; left: -13.64px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;}
.line-spin-fade-loader>div {-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px;}
@-webkit-keyframes triangle-skew-spin { 
  25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);} 
  50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 
  75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);} 
  100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);} 
}
@keyframes triangle-skew-spin { 
  25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);} 
  50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 
  75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);} 
  100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);} 
}
.triangle-skew-spin>div {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;}
@-webkit-keyframes square-spin { 
  25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);} 
  50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 
  75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);} 
  100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);} 
}
@keyframes square-spin { 
  25% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);} 
  50% {-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);} 
  75% {-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);} 
  100% {-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);} 
}
.square-spin>div {width: 50px; height: 50px; background: #fff; -webkit-animation: square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite; animation: square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;}
.pacman>div:first-of-type,.pacman>div:nth-child(2) {width: 0; height: 0; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; position: relative; left: -30px;}
@-webkit-keyframes rotate_pacman_half_up { 
  0%,100% {-webkit-transform: rotate(270deg); transform: rotate(270deg);} 
  50% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
@keyframes rotate_pacman_half_up { 
  0%,100% {-webkit-transform: rotate(270deg); transform: rotate(270deg);} 
  50% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
@-webkit-keyframes rotate_pacman_half_down { 
  0%,100% {-webkit-transform: rotate(90deg); transform: rotate(90deg);} 
  50% {-webkit-transform: rotate(0); transform: rotate(0);} 
}
@keyframes rotate_pacman_half_down { 
  0%,100% {-webkit-transform: rotate(90deg); transform: rotate(90deg);} 
  50% {-webkit-transform: rotate(0); transform: rotate(0);} 
}
@-webkit-keyframes pacman-balls { 
  75% {opacity: .7;} 
  100% {-webkit-transform: translate(-100px,-6.25px); transform: translate(-100px,-6.25px);} 
}
@keyframes pacman-balls { 
  75% {opacity: .7;} 
  100% {-webkit-transform: translate(-100px,-6.25px); transform: translate(-100px,-6.25px);} 
}
.pacman {position: relative;}
.pacman>div:nth-child(3) {-webkit-animation: pacman-balls 1s -.66s infinite linear; animation: pacman-balls 1s -.66s infinite linear;}
.pacman>div:nth-child(4) {-webkit-animation: pacman-balls 1s -.33s infinite linear; animation: pacman-balls 1s -.33s infinite linear;}
.pacman>div:nth-child(5) {-webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear;}
.pacman>div:first-of-type {-webkit-animation: rotate_pacman_half_up .5s 0s infinite; animation: rotate_pacman_half_up .5s 0s infinite;}
.pacman>div:nth-child(2) {-webkit-animation: rotate_pacman_half_down .5s 0s infinite; animation: rotate_pacman_half_down .5s 0s infinite; margin-top: -50px;}
.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6) {background-color: #fff; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0,-6.25px); transform: translate(0,-6.25px); top: 25px; left: 70px;}
@-webkit-keyframes cube-transition { 
  25% {-webkit-transform: translateX(50px) scale(.5) rotate(-90deg); transform: translateX(50px) scale(.5) rotate(-90deg);} 
  50% {-webkit-transform: translate(50px,50px) rotate(-180deg); transform: translate(50px,50px) rotate(-180deg);} 
  75% {-webkit-transform: translateY(50px) scale(.5) rotate(-270deg); transform: translateY(50px) scale(.5) rotate(-270deg);} 
  100% {-webkit-transform: rotate(-360deg); transform: rotate(-360deg);} 
}
@keyframes cube-transition { 
  25% {-webkit-transform: translateX(50px) scale(.5) rotate(-90deg); transform: translateX(50px) scale(.5) rotate(-90deg);} 
  50% {-webkit-transform: translate(50px,50px) rotate(-180deg); transform: translate(50px,50px) rotate(-180deg);} 
  75% {-webkit-transform: translateY(50px) scale(.5) rotate(-270deg); transform: translateY(50px) scale(.5) rotate(-270deg);} 
  100% {-webkit-transform: rotate(-360deg); transform: rotate(-360deg);} 
}
.cube-transition {position: relative; -webkit-transform: translate(-25px,-25px); transform: translate(-25px,-25px);}
.cube-transition>div {width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out;}
.cube-transition>div:last-child {-webkit-animation-delay: -.8s; animation-delay: -.8s;}
@-webkit-keyframes spin-rotate { 
  0% {-webkit-transform: rotate(0); transform: rotate(0);} 
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);} 
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
@keyframes spin-rotate { 
  0% {-webkit-transform: rotate(0); transform: rotate(0);} 
  50% {-webkit-transform: rotate(180deg); transform: rotate(180deg);} 
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 
}
.semi-circle-spin {position: relative; width: 35px; height: 35px; overflow: hidden;}
.semi-circle-spin>div {position: absolute; border-width: 0; border-radius: 100%; -webkit-animation: spin-rotate .6s 0s infinite linear; animation: spin-rotate .6s 0s infinite linear; background-image: linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%); width: 100%; height: 100%;}