.woof_redraw_zone label.woof_section_tab_label {
    display: block;
    padding: 6px 12px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #fff;
    border: 2px solid #ccc;
    margin-bottom: 2px;
    font-weight: normal;
    transition: background ease 0.2s;
    width: 100%;
    float: left;
}
.woof_redraw_zone .woof_section_tab {
    width: 100%;
    padding: 3px;
    background: #fff;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.woof_redraw_zone input[name="woof_section_tabs"] {
    display: none;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label {
    font-weight: bold;
}
label.woof_section_tab_label span{
    transition: transform .5s ease-in-out;
    display: inline-block;
    float: right;
    font-weight: bolder;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label span{
    transform: rotate(45deg);
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label + .woof_section_tab {
    height: auto;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    overflow: inherit;
}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-noir .tooltipster-box{border-radius:0;border:3px solid #000;background:#fff}.tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:11px;margin-left:-11px;width:22px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:22px;margin-left:0;margin-top:-11px;width:11px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:11px solid transparent}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-4px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border-width:11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-11px}/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs--flat {
  height: 40px;
}
.irs--flat.irs-with-grid {
  height: 60px;
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
  color: #999;
}
.irs--big {
  height: 55px;
}
.irs--big.irs-with-grid {
  height: 70px;
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}
.irs--big .irs-grid-pol {
  background-color: #428bca;
}
.irs--big .irs-grid-text {
  color: #428bca;
}
.irs--modern {
  height: 55px;
}
.irs--modern.irs-with-grid {
  height: 55px;
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}
.irs--modern .irs-grid {
  height: 25px;
}
.irs--modern .irs-grid-pol {
  background-color: #dedede;
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}
.irs--sharp.irs-with-grid {
  height: 57px;
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
  height: 25px;
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--round {
  height: 50px;
}
.irs--round.irs-with-grid {
  height: 65px;
}
.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}
.irs--round .irs-grid {
  height: 25px;
}
.irs--round .irs-grid-pol {
  background-color: #dedede;
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}
.irs--square {
  height: 50px;
}
.irs--square.irs-with-grid {
  height: 60px;
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}
.irs--square .irs-grid {
  height: 25px;
}
.irs--square .irs-grid-pol {
  background-color: #dedede;
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}:root {
    --woof-fb-section-width: 100%;
}

.woof-form-builder-btn{
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: auto;
    text-align: center;
    text-decoration: none;
}

.woof-form-builder-btn:hover{
    text-decoration: none;
}

.woof-form-builder-btn img{
    display: inline-block;
    width: 40px;
    height: 40px;
    transition: all 2s;
}

.woof-form-builder-btn:hover img:nth-child(1){
    transform: rotate(360deg);
}

.woof-form-builder-btn img:nth-child(1){
    opacity: 1 !important;
}

.woof-form-builder-btn img:nth-child(2){
    position: absolute;
    width: 20px;
    height: 20px;
    top: 42%;
    left: 51%;
    transform: translate(-50%, -50%);
}

.woof-front-builder-list{
    margin: 0 !important;
    padding: 0 !important;
}

.woof-front-builder-list li{
    position: relative;
    display: block;
    padding: 10px;
    background: #fff;
    margin-bottom: 9px;
    transition: all 0.5s;
    box-sizing: border-box;
    background-color: #fefefe;
    border: 1px solid #ddd;
    vertical-align: middle;
    box-sizing: border-box;
    color: #161c2d;
}

.woof-front-builder-list > li.woof-front-builder-list-li-selected{
    border: dashed 1px lightseagreen;
}

.woof-front-builder-selector{
    width: 100%;
    margin-bottom: 11px;
    min-height: 30px;
    font-size: 18px;
    color: #000;
    border: solid 1px #ddd !important;
    padding: 9px;
}

select.woof-front-builder-selector:invalid,
select.woof-front-builder-selector
{
    color: #2eca8b !important;
    font-weight: 600 !important;
}

select.woof-front-builder-selector option:not([value=""])
{
    color: #000;
    font-weight: 500 !important;
}

.woof-front-builder-list-li-del{
    position: absolute;
    right: 0;
    top: 10px;
    display: inline-block;
    width: 30px;
}


.woof-front-builder-list-li-del img{
    position: relative;
    width: 50%;
    display: block;
    top: 6px;
    right: -8px;
}

.woof-front-builder-list-li-move{
    position: absolute;
    right: 30px;
    top: 11px;
    display: flex;
}

.woof-front-builder-list-li-move a{
    margin-right: 11px;
    align-self: center;
}

.woof-front-builder-list-li-down,
.woof-front-builder-list-li-up,
.woof-front-builder-sd-btn{
    display: inline-block;
    width: 30px;
}

.woof-front-builder-sd-btn{
    top: 0;
    display: inline-block;
    position: relative;
}

.woof-front-builder-list-li-down img,
.woof-front-builder-list-li-up img,
.woof-front-builder-sd-btn img,
.woof-front-builder-btn-back img,
.woof-front-builder-btn-options img{
    width: 100%;
    display: block;
}

.woof-front-builder-list-li-up{
    transform: rotate(180deg);
}

.woof-front-builder-list-li-down{
    top: -8px;
    position: relative;
}

.woof-front-builder-btn-back,
.woof-front-builder-btn-options{
    display: inline-block;
    width: 30px;
}


.popup23-content data-table-row data-table-cell:nth-child(2){
    text-align: left;
}

.popup23-content data-table-cell textarea{
    height: 100%;
    min-height: 100px;
}

.woof-front-builder-premium{
    color: red;
}


.woof-front-builder-container .woof_auto_show{
    background: #fff;
}

.popup23-tab-panels input[type=text],
.popup23-tab-panels textarea,
.popup23-tab-panels select{
    padding: 0.6em;
    background-color: #faf9f9;
    background-image: none !important;
    color: #43454b;
    border: 0;
    -webkit-appearance: auto;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: none;
    width: 100%;
}

.woof-front-builder-container{
    overflow: unset;
    /* overflow-y: auto;   */
}

.woof-front-builder-container:has(.woof_autohide_wrapper){
    overflow: visible;
}

.woof-front-builder-container .woof_container{
    display: inline-block;
    width: calc(var(--woof-fb-section-width) - 2px);
    vertical-align: top;
}

.woof-front-builder-container .woof_block_html_items{
    max-height: var(--woof-fb-section-height) !important;
    /* overflow-y: auto !important; */
    padding: 3px 0 0 3px;
}

.woof-front-builder-type-selector{
    position: absolute;
    width: 200px !important;
    max-width: 200px !important;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #fbfbff !important;
}

.woof-front-builder-container .woof_block_html_items{
    overflow-y: auto;
    overflow: visible;
}

.woof-front-builder-container .woof_container h4 {
    margin-bottom: 11px;
    font-size: 1.12em;
    line-height: 1.12em;
    background: #f7f7f7;
    padding: 8px 7px;
    color: #333;
    text-align: center;
}

.woof-front-builder-type-section-options{
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate(0, -50%);
}


.widget .woof_sid_flat_white,
.widget_text .woof_sid_flat_white{
    border: none;
    padding: 0;
}


.widget .woof_auto_show_indent .woof_sid_flat_white{
    border: solid 1px #eee;
    padding: 9px;
}


.woof-front-builder-container .woof_list_sd.woof_list_switcher_sd{
    padding-left: 11px;
}

.woof-front-builder-container .select2,
.woof-front-builder-container .chosen-container{
    width: 100% !important;
}

.woof-front-builder-container .woof_auto_1_columns .woof_container{
    padding: 0 0 15px 0;
}/*
    tabSlideOUt
    By  Michael Fielding
    License: GPL v3.0
*/

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: #fff;
    padding: 0.4em;
    box-sizing: border-box;
}
.ui-slideouttab-panel {
    display: block;
    position: fixed;
    border: 1px solid #f9f9f9;
}
/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
    transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    color: white;
    background-color: grey;
}
.ui-slideouttab-handle-image {
    transform: rotate(0);
}

/* Right */
.ui-slideouttab-right {
    right: 0px;
    transform: translateX(100%);
    border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
    transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
    transform-origin: 0% 100%;
    transform: rotate(-90deg);
}
/* Left */
.ui-slideouttab-left {
    left: 0px;
    transform: translateX(-100%);
    border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
    transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
    transform-origin: 100% 0%;
    transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
    transform-origin: 100% 100%;
    transform: rotate(-90deg) translate(100%,100%);   
}
/* Top */
.ui-slideouttab-top {
    top: 0px;
    transform: translateY(-100%);
    border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
    transform: translateY(0%);
}
/* Bottom */
.ui-slideouttab-bottom {
    bottom: 0px;
    transform: translateY(100%);
    border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
    transform: translateY(0%);
}

/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
    transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
    margin-left: 0.5em;
}

/* apply rounded corners if handle has the -rounded class */
.ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
    border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
    border-radius: 4px 4px 0 0;
}.woof-slide-out-div{
    z-index: 9999;
}
.woof-slide-content{
    overflow-x: hidden;
    padding: 9px;
}

.woof-slide-content .chosen-container{
    max-width: 100% !important;
}/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.9.0
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2019 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2019-10-13T13:09:56.297Z
 */@-webkit-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@-o-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@font-face{font-family:context-menu-icons;font-style:normal;font-weight:400;src:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot);src:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot#iefix) format("embedded-opentype"),url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2) format("woff2"),url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff) format("woff"),url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.ttf) format("truetype")}.context-menu-icon-add:before{content:"\EA01"}.context-menu-icon-copy:before{content:"\EA02"}.context-menu-icon-cut:before{content:"\EA03"}.context-menu-icon-delete:before{content:"\EA04"}.context-menu-icon-edit:before{content:"\EA05"}.context-menu-icon-loading:before{content:"\EA06"}.context-menu-icon-paste:before{content:"\EA07"}.context-menu-icon-quit:before{content:"\EA08"}.context-menu-icon::before{position:absolute;top:50%;left:0;width:2em;font-family:context-menu-icons;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon-loading:before{-webkit-animation:cm-spin 2s infinite;-o-animation:cm-spin 2s infinite;animation:cm-spin 2s infinite}.context-menu-icon.context-menu-icon--fa{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa::before{position:absolute;top:50%;left:0;width:2em;font-family:FontAwesome;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-icon--fa.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon--fa5{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa5 i,.context-menu-icon.context-menu-icon--fa5 svg{position:absolute;top:.3em;left:.5em;color:#2980b9}.context-menu-icon.context-menu-icon--fa5.context-menu-hover>i,.context-menu-icon.context-menu-icon--fa5.context-menu-hover>svg{color:#fff}.context-menu-icon.context-menu-icon--fa5.context-menu-disabled i,.context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg{color:#bbb}.context-menu-list{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:.25em 0;margin:.3em;font-family:inherit;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5)}.context-menu-item{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:.2em 2em;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.context-menu-separator{padding:0;margin:.35em 0;border-bottom:1px solid #e6e6e6}.context-menu-item>label>input,.context-menu-item>label>textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.context-menu-item.context-menu-hover{color:#fff;cursor:pointer;background-color:#2980b9}.context-menu-item.context-menu-disabled{color:#bbb;cursor:default;background-color:#fff}.context-menu-input.context-menu-hover{color:#2f2f2f;cursor:default}.context-menu-submenu:after{position:absolute;top:50%;right:.5em;z-index:1;width:0;height:0;content:'';border-color:transparent transparent transparent #2f2f2f;border-style:solid;border-width:.25em 0 .25em .25em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.context-menu-item.context-menu-input{padding:.3em .6em}.context-menu-input>label>*{vertical-align:top}.context-menu-input>label>input[type=checkbox],.context-menu-input>label>input[type=radio]{position:relative;top:.12em;margin-right:.4em}.context-menu-input>label{margin:0}.context-menu-input>label,.context-menu-input>label>input[type=text],.context-menu-input>label>select,.context-menu-input>label>textarea{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.context-menu-input>label>textarea{height:7em}.context-menu-item>.context-menu-list{top:.3em;right:-.3em;display:none}.context-menu-item.context-menu-visible>.context-menu-list{display:block}.context-menu-accesskey{text-decoration:underline}/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-8bits,
.la-ball-8bits > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-8bits {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-8bits.la-dark {
  color: #333;
}
.la-ball-8bits > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-8bits {
  width: 12px;
  height: 12px;
}
.la-ball-8bits > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 0;
  opacity: 0;
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  -o-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
  -webkit-animation: ball-8bits 1s 0s ease infinite;
  -moz-animation: ball-8bits 1s 0s ease infinite;
  -o-animation: ball-8bits 1s 0s ease infinite;
  animation: ball-8bits 1s 0s ease infinite;
}
.la-ball-8bits > div:nth-child(1) {
  -webkit-animation-delay: -0.9375s;
  -moz-animation-delay: -0.9375s;
  -o-animation-delay: -0.9375s;
  animation-delay: -0.9375s;
}
.la-ball-8bits > div:nth-child(2) {
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-8bits > div:nth-child(3) {
  -webkit-animation-delay: -0.8125s;
  -moz-animation-delay: -0.8125s;
  -o-animation-delay: -0.8125s;
  animation-delay: -0.8125s;
}
.la-ball-8bits > div:nth-child(4) {
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-8bits > div:nth-child(5) {
  -webkit-animation-delay: -0.6875s;
  -moz-animation-delay: -0.6875s;
  -o-animation-delay: -0.6875s;
  animation-delay: -0.6875s;
}
.la-ball-8bits > div:nth-child(6) {
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-8bits > div:nth-child(7) {
  -webkit-animation-delay: -0.5625s;
  -moz-animation-delay: -0.5625s;
  -o-animation-delay: -0.5625s;
  animation-delay: -0.5625s;
}
.la-ball-8bits > div:nth-child(8) {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-8bits > div:nth-child(9) {
  -webkit-animation-delay: -0.4375s;
  -moz-animation-delay: -0.4375s;
  -o-animation-delay: -0.4375s;
  animation-delay: -0.4375s;
}
.la-ball-8bits > div:nth-child(10) {
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-8bits > div:nth-child(11) {
  -webkit-animation-delay: -0.3125s;
  -moz-animation-delay: -0.3125s;
  -o-animation-delay: -0.3125s;
  animation-delay: -0.3125s;
}
.la-ball-8bits > div:nth-child(12) {
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-8bits > div:nth-child(13) {
  -webkit-animation-delay: -0.1875s;
  -moz-animation-delay: -0.1875s;
  -o-animation-delay: -0.1875s;
  animation-delay: -0.1875s;
}
.la-ball-8bits > div:nth-child(14) {
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-8bits > div:nth-child(15) {
  -webkit-animation-delay: -0.0625s;
  -moz-animation-delay: -0.0625s;
  -o-animation-delay: -0.0625s;
  animation-delay: -0.0625s;
}
.la-ball-8bits > div:nth-child(16) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-8bits > div:nth-child(1) {
  top: -100%;
  left: 0;
}
.la-ball-8bits > div:nth-child(2) {
  top: -100%;
  left: 33.3333333333%;
}
.la-ball-8bits > div:nth-child(3) {
  top: -66.6666666667%;
  left: 66.6666666667%;
}
.la-ball-8bits > div:nth-child(4) {
  top: -33.3333333333%;
  left: 100%;
}
.la-ball-8bits > div:nth-child(5) {
  top: 0;
  left: 100%;
}
.la-ball-8bits > div:nth-child(6) {
  top: 33.3333333333%;
  left: 100%;
}
.la-ball-8bits > div:nth-child(7) {
  top: 66.6666666667%;
  left: 66.6666666667%;
}
.la-ball-8bits > div:nth-child(8) {
  top: 100%;
  left: 33.3333333333%;
}
.la-ball-8bits > div:nth-child(9) {
  top: 100%;
  left: 0;
}
.la-ball-8bits > div:nth-child(10) {
  top: 100%;
  left: -33.3333333333%;
}
.la-ball-8bits > div:nth-child(11) {
  top: 66.6666666667%;
  left: -66.6666666667%;
}
.la-ball-8bits > div:nth-child(12) {
  top: 33.3333333333%;
  left: -100%;
}
.la-ball-8bits > div:nth-child(13) {
  top: 0;
  left: -100%;
}
.la-ball-8bits > div:nth-child(14) {
  top: -33.3333333333%;
  left: -100%;
}
.la-ball-8bits > div:nth-child(15) {
  top: -66.6666666667%;
  left: -66.6666666667%;
}
.la-ball-8bits > div:nth-child(16) {
  top: -100%;
  left: -33.3333333333%;
}
.la-ball-8bits.la-sm {
  width: 6px;
  height: 6px;
}
.la-ball-8bits.la-sm > div {
  width: 2px;
  height: 2px;
}
.la-ball-8bits.la-2x {
  width: 24px;
  height: 24px;
}
.la-ball-8bits.la-2x > div {
  width: 8px;
  height: 8px;
}
.la-ball-8bits.la-3x {
  width: 36px;
  height: 36px;
}
.la-ball-8bits.la-3x > div {
  width: 12px;
  height: 12px;
}
@-webkit-keyframes ball-8bits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-moz-keyframes ball-8bits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-o-keyframes ball-8bits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes ball-8bits {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

.la-ball-atom,
.la-ball-atom > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-atom {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-atom.la-dark {
  color: #333;
}
.la-ball-atom > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-atom {
  width: 32px;
  height: 32px;
}
.la-ball-atom > div:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 60%;
  height: 60%;
  background: #aaa;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: ball-atom-shrink 4.5s infinite linear;
  -moz-animation: ball-atom-shrink 4.5s infinite linear;
  -o-animation: ball-atom-shrink 4.5s infinite linear;
  animation: ball-atom-shrink 4.5s infinite linear;
}
.la-ball-atom > div:not(:nth-child(1)) {
  position: absolute;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: none;
  -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  -moz-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  -o-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
}
.la-ball-atom > div:not(:nth-child(1)):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  content: '';
  background: currentColor;
  border-radius: 50%;
  opacity: 0.75;
  -webkit-animation:
    ball-atom-position 1.5s 0s infinite ease,
    ball-atom-size 1.5s 0s infinite ease;
  -moz-animation:
    ball-atom-position 1.5s 0s infinite ease,
    ball-atom-size 1.5s 0s infinite ease;
  -o-animation:
    ball-atom-position 1.5s 0s infinite ease,
    ball-atom-size 1.5s 0s infinite ease;
  animation:
    ball-atom-position 1.5s 0s infinite ease,
    ball-atom-size 1.5s 0s infinite ease;
}
.la-ball-atom > div:nth-child(2) {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.la-ball-atom > div:nth-child(2):before {
  -webkit-animation-delay:
    0s,
    -1.125s;
  -moz-animation-delay:
    0s,
    -1.125s;
  -o-animation-delay:
    0s,
    -1.125s;
  animation-delay:
    0s,
    -1.125s;
}
.la-ball-atom > div:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-atom > div:nth-child(3):before {
  -webkit-animation-delay:
    -1s,
    -0.75s;
  -moz-animation-delay:
    -1s,
    -0.75s;
  -o-animation-delay:
    -1s,
    -0.75s;
  animation-delay:
    -1s,
    -0.75s;
}
.la-ball-atom > div:nth-child(4) {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.la-ball-atom > div:nth-child(4):before {
  -webkit-animation-delay:
    -0.5s,
    -0.125s;
  -moz-animation-delay:
    -0.5s,
    -0.125s;
  -o-animation-delay:
    -0.5s,
    -0.125s;
  animation-delay:
    -0.5s,
    -0.125s;
}
.la-ball-atom.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-atom.la-sm > div:not(:nth-child(1)):before {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-atom.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-atom.la-2x > div:not(:nth-child(1)):before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.la-ball-atom.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-atom.la-3x > div:not(:nth-child(1)):before {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
@-webkit-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-moz-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-o-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-webkit-keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@-moz-keyframes ball-atom-size {
  50% {
    -moz-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@-o-keyframes ball-atom-size {
  50% {
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
  }
}
@-webkit-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-moz-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-o-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-webkit-keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}
@-moz-keyframes ball-atom-shrink {
  50% {
    -moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}
@-o-keyframes ball-atom-shrink {
  50% {
    -o-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}
@keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(0.8, 0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8, 0.8);
    -o-transform: translate(-50%, -50%) scale(0.8, 0.8);
    transform: translate(-50%, -50%) scale(0.8, 0.8);
  }
}

.la-ball-beat,
.la-ball-beat > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-beat {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-beat.la-dark {
  color: #333;
}
.la-ball-beat > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-beat {
  width: 54px;
  height: 18px;
}
.la-ball-beat > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  -webkit-animation: ball-beat 0.7s -0.15s infinite linear;
  -moz-animation: ball-beat 0.7s -0.15s infinite linear;
  -o-animation: ball-beat 0.7s -0.15s infinite linear;
  animation: ball-beat 0.7s -0.15s infinite linear;
}
.la-ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-beat.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-beat.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-beat.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-beat.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-beat.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-beat.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-circus,
.la-ball-circus > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-circus {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-circus.la-dark {
  color: #333;
}
.la-ball-circus > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-circus {
  width: 16px;
  height: 16px;
}
.la-ball-circus > div {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  width: 16px;
  width: 100%;
  height: 16px;
  height: 100%;
  border-radius: 100%;
  opacity: 0.5;
  -webkit-animation:
    ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
    ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
  -moz-animation:
    ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
    ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
  -o-animation:
    ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
    ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
  animation:
    ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
    ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
}
.la-ball-circus > div:nth-child(1) {
  -webkit-animation-delay:
    0s,
    -0.5s;
  -moz-animation-delay:
    0s,
    -0.5s;
  -o-animation-delay:
    0s,
    -0.5s;
  animation-delay:
    0s,
    -0.5s;
}
.la-ball-circus > div:nth-child(2) {
  -webkit-animation-delay:
    -0.5s,
    -1s;
  -moz-animation-delay:
    -0.5s,
    -1s;
  -o-animation-delay:
    -0.5s,
    -1s;
  animation-delay:
    -0.5s,
    -1s;
}
.la-ball-circus > div:nth-child(3) {
  -webkit-animation-delay:
    -1s,
    -1.5s;
  -moz-animation-delay:
    -1s,
    -1.5s;
  -o-animation-delay:
    -1s,
    -1.5s;
  animation-delay:
    -1s,
    -1.5s;
}
.la-ball-circus > div:nth-child(4) {
  -webkit-animation-delay:
    -1.5s,
    -2s;
  -moz-animation-delay:
    -1.5s,
    -2s;
  -o-animation-delay:
    -1.5s,
    -2s;
  animation-delay:
    -1.5s,
    -2s;
}
.la-ball-circus > div:nth-child(5) {
  -webkit-animation-delay:
    -2s,
    -2.5s;
  -moz-animation-delay:
    -2s,
    -2.5s;
  -o-animation-delay:
    -2s,
    -2.5s;
  animation-delay:
    -2s,
    -2.5s;
}
.la-ball-circus.la-sm {
  width: 8px;
  height: 8px;
}
.la-ball-circus.la-sm > div {
  width: 8px;
  height: 8px;
}
.la-ball-circus.la-2x {
  width: 32px;
  height: 32px;
}
.la-ball-circus.la-2x > div {
  width: 32px;
  height: 32px;
}
.la-ball-circus.la-3x {
  width: 48px;
  height: 48px;
}
.la-ball-circus.la-3x > div {
  width: 48px;
  height: 48px;
}
@-webkit-keyframes ball-circus-position {
  50% {
    left: 100%;
  }
}
@-moz-keyframes ball-circus-position {
  50% {
    left: 100%;
  }
}
@-o-keyframes ball-circus-position {
  50% {
    left: 100%;
  }
}
@keyframes ball-circus-position {
  50% {
    left: 100%;
  }
}
@-webkit-keyframes ball-circus-size {
  50% {
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-moz-keyframes ball-circus-size {
  50% {
    -moz-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@-o-keyframes ball-circus-size {
  50% {
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}
@keyframes ball-circus-size {
  50% {
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3);
    -o-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
  }
}

.la-ball-climbing-dot,
.la-ball-climbing-dot > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-climbing-dot {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-climbing-dot.la-dark {
  color: #333;
}
.la-ball-climbing-dot > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-climbing-dot {
  width: 42px;
  height: 32px;
}
.la-ball-climbing-dot > div:nth-child(1) {
  position: absolute;
  bottom: 32%;
  left: 18%;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
  -moz-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
  -o-animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
  animation: ball-climbing-dot-jump 0.6s ease-in-out infinite;
}
.la-ball-climbing-dot > div:not(:nth-child(1)) {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 2px;
  border-radius: 0;
  -webkit-transform: translate(60%, 0);
  -moz-transform: translate(60%, 0);
  -ms-transform: translate(60%, 0);
  -o-transform: translate(60%, 0);
  transform: translate(60%, 0);
  -webkit-animation: ball-climbing-dot-steps 1.8s linear infinite;
  -moz-animation: ball-climbing-dot-steps 1.8s linear infinite;
  -o-animation: ball-climbing-dot-steps 1.8s linear infinite;
  animation: ball-climbing-dot-steps 1.8s linear infinite;
}
.la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(2) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(3) {
  -webkit-animation-delay: -600ms;
  -moz-animation-delay: -600ms;
  -o-animation-delay: -600ms;
  animation-delay: -600ms;
}
.la-ball-climbing-dot > div:not(:nth-child(1)):nth-child(4) {
  -webkit-animation-delay: -1200ms;
  -moz-animation-delay: -1200ms;
  -o-animation-delay: -1200ms;
  animation-delay: -1200ms;
}
.la-ball-climbing-dot.la-sm {
  width: 20px;
  height: 16px;
}
.la-ball-climbing-dot.la-sm > div:nth-child(1) {
  width: 6px;
  height: 6px;
}
.la-ball-climbing-dot.la-sm > div:not(:nth-child(1)) {
  width: 6px;
  height: 1px;
}
.la-ball-climbing-dot.la-2x {
  width: 84px;
  height: 64px;
}
.la-ball-climbing-dot.la-2x > div:nth-child(1) {
  width: 28px;
  height: 28px;
}
.la-ball-climbing-dot.la-2x > div:not(:nth-child(1)) {
  width: 28px;
  height: 4px;
}
.la-ball-climbing-dot.la-3x {
  width: 126px;
  height: 96px;
}
.la-ball-climbing-dot.la-3x > div:nth-child(1) {
  width: 42px;
  height: 42px;
}
.la-ball-climbing-dot.la-3x > div:not(:nth-child(1)) {
  width: 42px;
  height: 6px;
}
@-webkit-keyframes ball-climbing-dot-jump {
  0% {
    -webkit-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
  20% {
    -webkit-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  40% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    bottom: 125%;
  }
  46% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -webkit-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  90% {
    -webkit-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
}
@-moz-keyframes ball-climbing-dot-jump {
  0% {
    -moz-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
  20% {
    -moz-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  40% {
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    bottom: 125%;
  }
  46% {
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -moz-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  90% {
    -moz-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  100% {
    -moz-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
}
@-o-keyframes ball-climbing-dot-jump {
  0% {
    -o-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
  20% {
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  40% {
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    bottom: 125%;
  }
  46% {
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  90% {
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  100% {
    -o-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
}
@keyframes ball-climbing-dot-jump {
  0% {
    -webkit-transform: scale(1, 0.7);
    -moz-transform: scale(1, 0.7);
    -o-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
  20% {
    -webkit-transform: scale(0.7, 1.2);
    -moz-transform: scale(0.7, 1.2);
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  40% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50% {
    bottom: 125%;
  }
  46% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  80% {
    -webkit-transform: scale(0.7, 1.2);
    -moz-transform: scale(0.7, 1.2);
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  90% {
    -webkit-transform: scale(0.7, 1.2);
    -moz-transform: scale(0.7, 1.2);
    -o-transform: scale(0.7, 1.2);
    transform: scale(0.7, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 0.7);
    -moz-transform: scale(1, 0.7);
    -o-transform: scale(1, 0.7);
    transform: scale(1, 0.7);
  }
}
@-webkit-keyframes ball-climbing-dot-steps {
  0% {
    top: 0;
    right: 0;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    right: 100%;
    opacity: 0;
  }
}
@-moz-keyframes ball-climbing-dot-steps {
  0% {
    top: 0;
    right: 0;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    right: 100%;
    opacity: 0;
  }
}
@-o-keyframes ball-climbing-dot-steps {
  0% {
    top: 0;
    right: 0;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    right: 100%;
    opacity: 0;
  }
}
@keyframes ball-climbing-dot-steps {
  0% {
    top: 0;
    right: 0;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 100%;
    right: 100%;
    opacity: 0;
  }
}

.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-clip-rotate-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-clip-rotate-multiple.la-dark {
  color: #333;
}
.la-ball-clip-rotate-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-clip-rotate-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-multiple > div {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
}
.la-ball-clip-rotate-multiple > div:first-child {
  position: absolute;
  width: 32px;
  height: 32px;
  border-right-color: transparent;
  border-left-color: transparent;
}
.la-ball-clip-rotate-multiple > div:last-child {
  width: 16px;
  height: 16px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}
.la-ball-clip-rotate-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate-multiple.la-sm > div {
  border-width: 1px;
}
.la-ball-clip-rotate-multiple.la-sm > div:first-child {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate-multiple.la-sm > div:last-child {
  width: 8px;
  height: 8px;
}
.la-ball-clip-rotate-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div {
  border-width: 4px;
}
.la-ball-clip-rotate-multiple.la-2x > div:first-child {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div:last-child {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate-multiple.la-3x > div {
  border-width: 6px;
}
.la-ball-clip-rotate-multiple.la-3x > div:first-child {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate-multiple.la-3x > div:last-child {
  width: 48px;
  height: 48px;
}
@-webkit-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.la-ball-clip-rotate-pulse,
.la-ball-clip-rotate-pulse > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-clip-rotate-pulse {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-clip-rotate-pulse.la-dark {
  color: #333;
}
.la-ball-clip-rotate-pulse > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-clip-rotate-pulse {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-pulse > div {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
}
.la-ball-clip-rotate-pulse > div:first-child {
  position: absolute;
  width: 32px;
  height: 32px;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-right-color: transparent;
  border-left-color: transparent;
  -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.la-ball-clip-rotate-pulse > div:last-child {
  width: 16px;
  height: 16px;
  -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -moz-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -o-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.la-ball-clip-rotate-pulse.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate-pulse.la-sm > div:first-child {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-ball-clip-rotate-pulse.la-sm > div:last-child {
  width: 8px;
  height: 8px;
}
.la-ball-clip-rotate-pulse.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate-pulse.la-2x > div:first-child {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-ball-clip-rotate-pulse.la-2x > div:last-child {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-pulse.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate-pulse.la-3x > div:first-child {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
.la-ball-clip-rotate-pulse.la-3x > div:last-child {
  width: 48px;
  height: 48px;
}
@-webkit-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes ball-clip-rotate-pulse-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes ball-clip-rotate-pulse-scale {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 0.3;
    -webkit-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15);
  }
}
@-moz-keyframes ball-clip-rotate-pulse-scale {
  0%,
  100% {
    opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 0.3;
    -moz-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15);
  }
}
@-o-keyframes ball-clip-rotate-pulse-scale {
  0%,
  100% {
    opacity: 1;
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 0.3;
    -o-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15);
  }
}
@keyframes ball-clip-rotate-pulse-scale {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  30% {
    opacity: 0.3;
    -webkit-transform: translate(-50%, -50%) scale(0.15);
    -moz-transform: translate(-50%, -50%) scale(0.15);
    -o-transform: translate(-50%, -50%) scale(0.15);
    transform: translate(-50%, -50%) scale(0.15);
  }
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-clip-rotate {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-clip-rotate.la-dark {
  color: #333;
}
.la-ball-clip-rotate > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-clip-rotate {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-bottom-color: transparent;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate 0.75s linear infinite;
  -moz-animation: ball-clip-rotate 0.75s linear infinite;
  -o-animation: ball-clip-rotate 0.75s linear infinite;
  animation: ball-clip-rotate 0.75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.la-ball-elastic-dots,
.la-ball-elastic-dots > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-elastic-dots {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-elastic-dots.la-dark {
  color: #333;
}
.la-ball-elastic-dots > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-elastic-dots {
  width: 120px;
  height: 10px;
  font-size: 0;
  text-align: center;
}
.la-ball-elastic-dots > div {
  display: inline-block;
  width: 10px;
  height: 10px;
  white-space: nowrap;
  border-radius: 100%;
  -webkit-animation: ball-elastic-dots-anim 1s infinite;
  -moz-animation: ball-elastic-dots-anim 1s infinite;
  -o-animation: ball-elastic-dots-anim 1s infinite;
  animation: ball-elastic-dots-anim 1s infinite;
}
.la-ball-elastic-dots.la-sm {
  width: 60px;
  height: 4px;
}
.la-ball-elastic-dots.la-sm > div {
  width: 4px;
  height: 4px;
}
.la-ball-elastic-dots.la-2x {
  width: 240px;
  height: 20px;
}
.la-ball-elastic-dots.la-2x > div {
  width: 20px;
  height: 20px;
}
.la-ball-elastic-dots.la-3x {
  width: 360px;
  height: 30px;
}
.la-ball-elastic-dots.la-3x > div {
  width: 30px;
  height: 30px;
}
@-webkit-keyframes ball-elastic-dots-anim {
  0%,
  100% {
    margin: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@-moz-keyframes ball-elastic-dots-anim {
  0%,
  100% {
    margin: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    -moz-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@-o-keyframes ball-elastic-dots-anim {
  0%,
  100% {
    margin: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    -o-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@keyframes ball-elastic-dots-anim {
  0%,
  100% {
    margin: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    margin: 0 5%;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
  }
}

.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fall.la-dark {
  color: #333;
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fall {
  width: 54px;
  height: 18px;
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

.la-ball-fussion,
.la-ball-fussion > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fussion {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fussion.la-dark {
  color: #333;
}
.la-ball-fussion > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fussion {
  width: 8px;
  height: 8px;
}
.la-ball-fussion > div {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: ball-fussion-ball1 1s 0s ease infinite;
  -moz-animation: ball-fussion-ball1 1s 0s ease infinite;
  -o-animation: ball-fussion-ball1 1s 0s ease infinite;
  animation: ball-fussion-ball1 1s 0s ease infinite;
}
.la-ball-fussion > div:nth-child(1) {
  top: 0;
  left: 50%;
  z-index: 1;
}
.la-ball-fussion > div:nth-child(2) {
  top: 50%;
  left: 100%;
  z-index: 2;
  -webkit-animation-name: ball-fussion-ball2;
  -moz-animation-name: ball-fussion-ball2;
  -o-animation-name: ball-fussion-ball2;
  animation-name: ball-fussion-ball2;
}
.la-ball-fussion > div:nth-child(3) {
  top: 100%;
  left: 50%;
  z-index: 1;
  -webkit-animation-name: ball-fussion-ball3;
  -moz-animation-name: ball-fussion-ball3;
  -o-animation-name: ball-fussion-ball3;
  animation-name: ball-fussion-ball3;
}
.la-ball-fussion > div:nth-child(4) {
  top: 50%;
  left: 0;
  z-index: 2;
  -webkit-animation-name: ball-fussion-ball4;
  -moz-animation-name: ball-fussion-ball4;
  -o-animation-name: ball-fussion-ball4;
  animation-name: ball-fussion-ball4;
}
.la-ball-fussion.la-sm {
  width: 4px;
  height: 4px;
}
.la-ball-fussion.la-sm > div {
  width: 6px;
  height: 6px;
}
.la-ball-fussion.la-2x {
  width: 16px;
  height: 16px;
}
.la-ball-fussion.la-2x > div {
  width: 24px;
  height: 24px;
}
.la-ball-fussion.la-3x {
  width: 24px;
  height: 24px;
}
.la-ball-fussion.la-3x > div {
  width: 36px;
  height: 36px;
}
@-webkit-keyframes ball-fussion-ball1 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: 0.35;
  }
}
@-moz-keyframes ball-fussion-ball1 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: 0.35;
  }
}
@-o-keyframes ball-fussion-ball1 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: 0.35;
  }
}
@keyframes ball-fussion-ball1 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 100%;
    z-index: 2;
    opacity: 0.35;
  }
}
@-webkit-keyframes ball-fussion-ball2 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@-moz-keyframes ball-fussion-ball2 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@-o-keyframes ball-fussion-ball2 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@keyframes ball-fussion-ball2 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: 200%;
    opacity: 1;
  }
  100% {
    top: 100%;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@-webkit-keyframes ball-fussion-ball3 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: 0.35;
  }
}
@-moz-keyframes ball-fussion-ball3 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: 0.35;
  }
}
@-o-keyframes ball-fussion-ball3 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: 0.35;
  }
}
@keyframes ball-fussion-ball3 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: 200%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 50%;
    left: 0;
    z-index: 2;
    opacity: 0.35;
  }
}
@-webkit-keyframes ball-fussion-ball4 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@-moz-keyframes ball-fussion-ball4 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@-o-keyframes ball-fussion-ball4 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}
@keyframes ball-fussion-ball4 {
  0% {
    opacity: 0.35;
  }
  50% {
    top: -100%;
    left: -100%;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 50%;
    z-index: 1;
    opacity: 0.35;
  }
}

.la-ball-grid-beat,
.la-ball-grid-beat > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-grid-beat {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-grid-beat.la-dark {
  color: #333;
}
.la-ball-grid-beat > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-grid-beat {
  width: 36px;
  height: 36px;
}
.la-ball-grid-beat > div {
  width: 8px;
  height: 8px;
  margin: 2px;
  border-radius: 100%;
  -webkit-animation-name: ball-grid-beat;
  -moz-animation-name: ball-grid-beat;
  -o-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.la-ball-grid-beat > div:nth-child(1) {
  -webkit-animation-duration: 0.65s;
  -moz-animation-duration: 0.65s;
  -o-animation-duration: 0.65s;
  animation-duration: 0.65s;
  -webkit-animation-delay: 0.03s;
  -moz-animation-delay: 0.03s;
  -o-animation-delay: 0.03s;
  animation-delay: 0.03s;
}
.la-ball-grid-beat > div:nth-child(2) {
  -webkit-animation-duration: 1.02s;
  -moz-animation-duration: 1.02s;
  -o-animation-duration: 1.02s;
  animation-duration: 1.02s;
  -webkit-animation-delay: 0.09s;
  -moz-animation-delay: 0.09s;
  -o-animation-delay: 0.09s;
  animation-delay: 0.09s;
}
.la-ball-grid-beat > div:nth-child(3) {
  -webkit-animation-duration: 1.06s;
  -moz-animation-duration: 1.06s;
  -o-animation-duration: 1.06s;
  animation-duration: 1.06s;
  -webkit-animation-delay: -0.69s;
  -moz-animation-delay: -0.69s;
  -o-animation-delay: -0.69s;
  animation-delay: -0.69s;
}
.la-ball-grid-beat > div:nth-child(4) {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: -0.41s;
  -moz-animation-delay: -0.41s;
  -o-animation-delay: -0.41s;
  animation-delay: -0.41s;
}
.la-ball-grid-beat > div:nth-child(5) {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-delay: 0.04s;
  -moz-animation-delay: 0.04s;
  -o-animation-delay: 0.04s;
  animation-delay: 0.04s;
}
.la-ball-grid-beat > div:nth-child(6) {
  -webkit-animation-duration: 0.84s;
  -moz-animation-duration: 0.84s;
  -o-animation-duration: 0.84s;
  animation-duration: 0.84s;
  -webkit-animation-delay: 0.07s;
  -moz-animation-delay: 0.07s;
  -o-animation-delay: 0.07s;
  animation-delay: 0.07s;
}
.la-ball-grid-beat > div:nth-child(7) {
  -webkit-animation-duration: 0.68s;
  -moz-animation-duration: 0.68s;
  -o-animation-duration: 0.68s;
  animation-duration: 0.68s;
  -webkit-animation-delay: -0.66s;
  -moz-animation-delay: -0.66s;
  -o-animation-delay: -0.66s;
  animation-delay: -0.66s;
}
.la-ball-grid-beat > div:nth-child(8) {
  -webkit-animation-duration: 0.93s;
  -moz-animation-duration: 0.93s;
  -o-animation-duration: 0.93s;
  animation-duration: 0.93s;
  -webkit-animation-delay: -0.76s;
  -moz-animation-delay: -0.76s;
  -o-animation-delay: -0.76s;
  animation-delay: -0.76s;
}
.la-ball-grid-beat > div:nth-child(9) {
  -webkit-animation-duration: 1.24s;
  -moz-animation-duration: 1.24s;
  -o-animation-duration: 1.24s;
  animation-duration: 1.24s;
  -webkit-animation-delay: -0.76s;
  -moz-animation-delay: -0.76s;
  -o-animation-delay: -0.76s;
  animation-delay: -0.76s;
}
.la-ball-grid-beat.la-sm {
  width: 18px;
  height: 18px;
}
.la-ball-grid-beat.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 1px;
}
.la-ball-grid-beat.la-2x {
  width: 72px;
  height: 72px;
}
.la-ball-grid-beat.la-2x > div {
  width: 16px;
  height: 16px;
  margin: 4px;
}
.la-ball-grid-beat.la-3x {
  width: 108px;
  height: 108px;
}
.la-ball-grid-beat.la-3x > div {
  width: 24px;
  height: 24px;
  margin: 6px;
}
@-webkit-keyframes ball-grid-beat {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes ball-grid-beat {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes ball-grid-beat {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ball-grid-beat {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
  100% {
    opacity: 1;
  }
}

.la-ball-grid-pulse,
.la-ball-grid-pulse > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-grid-pulse {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-grid-pulse.la-dark {
  color: #333;
}
.la-ball-grid-pulse > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-grid-pulse {
  width: 36px;
  height: 36px;
}
.la-ball-grid-pulse > div {
  width: 8px;
  height: 8px;
  margin: 2px;
  border-radius: 100%;
  -webkit-animation-name: ball-grid-pulse;
  -moz-animation-name: ball-grid-pulse;
  -o-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.la-ball-grid-pulse > div:nth-child(1) {
  -webkit-animation-duration: 0.65s;
  -moz-animation-duration: 0.65s;
  -o-animation-duration: 0.65s;
  animation-duration: 0.65s;
  -webkit-animation-delay: 0.03s;
  -moz-animation-delay: 0.03s;
  -o-animation-delay: 0.03s;
  animation-delay: 0.03s;
}
.la-ball-grid-pulse > div:nth-child(2) {
  -webkit-animation-duration: 1.02s;
  -moz-animation-duration: 1.02s;
  -o-animation-duration: 1.02s;
  animation-duration: 1.02s;
  -webkit-animation-delay: 0.09s;
  -moz-animation-delay: 0.09s;
  -o-animation-delay: 0.09s;
  animation-delay: 0.09s;
}
.la-ball-grid-pulse > div:nth-child(3) {
  -webkit-animation-duration: 1.06s;
  -moz-animation-duration: 1.06s;
  -o-animation-duration: 1.06s;
  animation-duration: 1.06s;
  -webkit-animation-delay: -0.69s;
  -moz-animation-delay: -0.69s;
  -o-animation-delay: -0.69s;
  animation-delay: -0.69s;
}
.la-ball-grid-pulse > div:nth-child(4) {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: -0.41s;
  -moz-animation-delay: -0.41s;
  -o-animation-delay: -0.41s;
  animation-delay: -0.41s;
}
.la-ball-grid-pulse > div:nth-child(5) {
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-delay: 0.04s;
  -moz-animation-delay: 0.04s;
  -o-animation-delay: 0.04s;
  animation-delay: 0.04s;
}
.la-ball-grid-pulse > div:nth-child(6) {
  -webkit-animation-duration: 0.84s;
  -moz-animation-duration: 0.84s;
  -o-animation-duration: 0.84s;
  animation-duration: 0.84s;
  -webkit-animation-delay: 0.07s;
  -moz-animation-delay: 0.07s;
  -o-animation-delay: 0.07s;
  animation-delay: 0.07s;
}
.la-ball-grid-pulse > div:nth-child(7) {
  -webkit-animation-duration: 0.68s;
  -moz-animation-duration: 0.68s;
  -o-animation-duration: 0.68s;
  animation-duration: 0.68s;
  -webkit-animation-delay: -0.66s;
  -moz-animation-delay: -0.66s;
  -o-animation-delay: -0.66s;
  animation-delay: -0.66s;
}
.la-ball-grid-pulse > div:nth-child(8) {
  -webkit-animation-duration: 0.93s;
  -moz-animation-duration: 0.93s;
  -o-animation-duration: 0.93s;
  animation-duration: 0.93s;
  -webkit-animation-delay: -0.76s;
  -moz-animation-delay: -0.76s;
  -o-animation-delay: -0.76s;
  animation-delay: -0.76s;
}
.la-ball-grid-pulse > div:nth-child(9) {
  -webkit-animation-duration: 1.24s;
  -moz-animation-duration: 1.24s;
  -o-animation-duration: 1.24s;
  animation-duration: 1.24s;
  -webkit-animation-delay: -0.76s;
  -moz-animation-delay: -0.76s;
  -o-animation-delay: -0.76s;
  animation-delay: -0.76s;
}
.la-ball-grid-pulse.la-sm {
  width: 18px;
  height: 18px;
}
.la-ball-grid-pulse.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 1px;
}
.la-ball-grid-pulse.la-2x {
  width: 72px;
  height: 72px;
}
.la-ball-grid-pulse.la-2x > div {
  width: 16px;
  height: 16px;
  margin: 4px;
}
.la-ball-grid-pulse.la-3x {
  width: 108px;
  height: 108px;
}
.la-ball-grid-pulse.la-3x > div {
  width: 24px;
  height: 24px;
  margin: 6px;
}
@-webkit-keyframes ball-grid-pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.45);
    transform: scale(0.45);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-grid-pulse {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    -moz-transform: scale(0.45);
    transform: scale(0.45);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-grid-pulse {
  0% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    -o-transform: scale(0.45);
    transform: scale(0.45);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-grid-pulse {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.45);
    -moz-transform: scale(0.45);
    -o-transform: scale(0.45);
    transform: scale(0.45);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-newton-cradle,
.la-ball-newton-cradle > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-newton-cradle {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-newton-cradle.la-dark {
  color: #333;
}
.la-ball-newton-cradle > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-newton-cradle {
  width: 40px;
  height: 10px;
}
.la-ball-newton-cradle > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.la-ball-newton-cradle > div:first-child {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
  -moz-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
  -o-animation: ball-newton-cradle-left 1s 0s ease-out infinite;
  animation: ball-newton-cradle-left 1s 0s ease-out infinite;
}
.la-ball-newton-cradle > div:last-child {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
  -moz-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
  -o-animation: ball-newton-cradle-right 1s 0s ease-out infinite;
  animation: ball-newton-cradle-right 1s 0s ease-out infinite;
}
.la-ball-newton-cradle.la-sm {
  width: 20px;
  height: 4px;
}
.la-ball-newton-cradle.la-sm > div {
  width: 4px;
  height: 4px;
}
.la-ball-newton-cradle.la-2x {
  width: 80px;
  height: 20px;
}
.la-ball-newton-cradle.la-2x > div {
  width: 20px;
  height: 20px;
}
.la-ball-newton-cradle.la-3x {
  width: 120px;
  height: 30px;
}
.la-ball-newton-cradle.la-3x > div {
  width: 30px;
  height: 30px;
}
@-webkit-keyframes ball-newton-cradle-left {
  25% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes ball-newton-cradle-left {
  25% {
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes ball-newton-cradle-left {
  25% {
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes ball-newton-cradle-left {
  25% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes ball-newton-cradle-right {
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes ball-newton-cradle-right {
  50% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes ball-newton-cradle-right {
  50% {
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes ball-newton-cradle-right {
  50% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  75% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.la-ball-pulse-rise,
.la-ball-pulse-rise > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-pulse-rise {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-pulse-rise.la-dark {
  color: #333;
}
.la-ball-pulse-rise > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-pulse-rise {
  width: 70px;
  height: 14px;
}
.la-ball-pulse-rise > div {
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 100%;
  -webkit-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
  -moz-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
  -o-animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
  animation: ball-pulse-rise-even 1s cubic-bezier(0.15, 0.36, 0.9, 0.6) 0s infinite;
}
.la-ball-pulse-rise > div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  -moz-animation-name: ball-pulse-rise-odd;
  -o-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd;
}
.la-ball-pulse-rise.la-sm {
  width: 34px;
  height: 6px;
}
.la-ball-pulse-rise.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 1px;
}
.la-ball-pulse-rise.la-2x {
  width: 140px;
  height: 28px;
}
.la-ball-pulse-rise.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 4px;
}
.la-ball-pulse-rise.la-3x {
  width: 210px;
  height: 42px;
}
.la-ball-pulse-rise.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 6px;
}
@-webkit-keyframes ball-pulse-rise-even {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  75% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transform: scale(1);
    transform: translateY(0);
    transform: scale(1);
  }
}
@-moz-keyframes ball-pulse-rise-even {
  0% {
    opacity: 1;
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -moz-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  50% {
    opacity: 0.35;
    -moz-transform: scale(0.3);
    transform: scale(0.3);
  }
  75% {
    -moz-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    -moz-transform: scale(1);
    transform: translateY(0);
    transform: scale(1);
  }
}
@-o-keyframes ball-pulse-rise-even {
  0% {
    opacity: 1;
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  50% {
    opacity: 0.35;
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  75% {
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
    -o-transform: scale(1);
    transform: translateY(0);
    transform: scale(1);
  }
}
@keyframes ball-pulse-rise-even {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  25% {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  50% {
    opacity: 0.35;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  75% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transform: scale(1);
    -moz-transform: translateY(0);
    -moz-transform: scale(1);
    -o-transform: translateY(0);
    -o-transform: scale(1);
    transform: translateY(0);
    transform: scale(1);
  }
}
@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    opacity: 0.35;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    opacity: 0.35;
    -webkit-transform: translateY(0);
    -webkit-transform: scale(0.75);
    transform: translateY(0);
    transform: scale(0.75);
  }
}
@-moz-keyframes ball-pulse-rise-odd {
  0% {
    opacity: 0.35;
    -moz-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -moz-transform: translateY(200%);
    transform: translateY(200%);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -moz-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    opacity: 0.35;
    -moz-transform: translateY(0);
    -moz-transform: scale(0.75);
    transform: translateY(0);
    transform: scale(0.75);
  }
}
@-o-keyframes ball-pulse-rise-odd {
  0% {
    opacity: 0.35;
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    opacity: 0.35;
    -o-transform: translateY(0);
    -o-transform: scale(0.75);
    transform: translateY(0);
    transform: scale(0.75);
  }
}
@keyframes ball-pulse-rise-odd {
  0% {
    opacity: 0.35;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  25% {
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -o-transform: translateY(200%);
    transform: translateY(200%);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  100% {
    opacity: 0.35;
    -webkit-transform: translateY(0);
    -webkit-transform: scale(0.75);
    -moz-transform: translateY(0);
    -moz-transform: scale(0.75);
    -o-transform: translateY(0);
    -o-transform: scale(0.75);
    transform: translateY(0);
    transform: scale(0.75);
  }
}

.la-ball-pulse-sync,
.la-ball-pulse-sync > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-pulse-sync {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-pulse-sync.la-dark {
  color: #333;
}
.la-ball-pulse-sync > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-pulse-sync {
  width: 54px;
  height: 18px;
}
.la-ball-pulse-sync > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  -webkit-animation: ball-pulse-sync 0.6s infinite ease-in-out;
  -moz-animation: ball-pulse-sync 0.6s infinite ease-in-out;
  -o-animation: ball-pulse-sync 0.6s infinite ease-in-out;
  animation: ball-pulse-sync 0.6s infinite ease-in-out;
}
.la-ball-pulse-sync > div:nth-child(1) {
  -webkit-animation-delay: -0.14s;
  -moz-animation-delay: -0.14s;
  -o-animation-delay: -0.14s;
  animation-delay: -0.14s;
}
.la-ball-pulse-sync > div:nth-child(2) {
  -webkit-animation-delay: -0.07s;
  -moz-animation-delay: -0.07s;
  -o-animation-delay: -0.07s;
  animation-delay: -0.07s;
}
.la-ball-pulse-sync > div:nth-child(3) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-pulse-sync.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-pulse-sync.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-pulse-sync.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-pulse-sync.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-pulse-sync.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-pulse-sync.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  66% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes ball-pulse-sync {
  33% {
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }
  66% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes ball-pulse-sync {
  33% {
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  66% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  66% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.la-ball-pulse,
.la-ball-pulse > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-pulse {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-pulse.la-dark {
  color: #333;
}
.la-ball-pulse > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-pulse {
  width: 54px;
  height: 18px;
}
.la-ball-pulse > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}
.la-ball-pulse > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}
.la-ball-pulse > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-pulse > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  -webkit-animation: ball-pulse 1s ease infinite;
  -moz-animation: ball-pulse 1s ease infinite;
  -o-animation: ball-pulse 1s ease infinite;
  animation: ball-pulse 1s ease infinite;
}
.la-ball-pulse.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-pulse.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-pulse.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-pulse.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-pulse.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-pulse.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
@-webkit-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    opacity: 0.1;
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
  }
}
@-moz-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  30% {
    opacity: 0.1;
    -moz-transform: scale(0.01);
    transform: scale(0.01);
  }
}
@-o-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  30% {
    opacity: 0.1;
    -o-transform: scale(0.01);
    transform: scale(0.01);
  }
}
@keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  30% {
    opacity: 0.1;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01);
  }
}

.la-ball-rotate,
.la-ball-rotate > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-rotate {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-rotate.la-dark {
  color: #333;
}
.la-ball-rotate > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-rotate {
  width: 10px;
  height: 10px;
}
.la-ball-rotate > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  -moz-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  -o-animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
  animation: ball-rotate-animation 1s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}
.la-ball-rotate > div:before,
.la-ball-rotate > div:after {
  position: absolute;
  width: inherit;
  height: inherit;
  margin: inherit;
  content: '';
  background: currentColor;
  border-radius: inherit;
  opacity: 0.8;
}
.la-ball-rotate > div:before {
  top: 0;
  left: -150%;
}
.la-ball-rotate > div:after {
  top: 0;
  left: 150%;
}
.la-ball-rotate.la-sm {
  width: 4px;
  height: 4px;
}
.la-ball-rotate.la-sm > div {
  width: 4px;
  height: 4px;
}
.la-ball-rotate.la-2x {
  width: 20px;
  height: 20px;
}
.la-ball-rotate.la-2x > div {
  width: 20px;
  height: 20px;
}
.la-ball-rotate.la-3x {
  width: 30px;
  height: 30px;
}
.la-ball-rotate.la-3x > div {
  width: 30px;
  height: 30px;
}
@-webkit-keyframes ball-rotate-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-rotate-animation {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-rotate-animation {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-rotate-animation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.la-ball-running-dots,
.la-ball-running-dots > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-running-dots {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-running-dots.la-dark {
  color: #333;
}
.la-ball-running-dots > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-running-dots {
  width: 10px;
  height: 10px;
}
.la-ball-running-dots > div {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: -25px;
  border-radius: 100%;
  -webkit-animation: ball-running-dots-animate 2s linear infinite;
  -moz-animation: ball-running-dots-animate 2s linear infinite;
  -o-animation: ball-running-dots-animate 2s linear infinite;
  animation: ball-running-dots-animate 2s linear infinite;
}
.la-ball-running-dots > div:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-running-dots > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.la-ball-running-dots > div:nth-child(3) {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.la-ball-running-dots > div:nth-child(4) {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.la-ball-running-dots > div:nth-child(5) {
  -webkit-animation-delay: -1.6s;
  -moz-animation-delay: -1.6s;
  -o-animation-delay: -1.6s;
  animation-delay: -1.6s;
}
.la-ball-running-dots > div:nth-child(6) {
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-ball-running-dots > div:nth-child(7) {
  -webkit-animation-delay: -2.4s;
  -moz-animation-delay: -2.4s;
  -o-animation-delay: -2.4s;
  animation-delay: -2.4s;
}
.la-ball-running-dots > div:nth-child(8) {
  -webkit-animation-delay: -2.8s;
  -moz-animation-delay: -2.8s;
  -o-animation-delay: -2.8s;
  animation-delay: -2.8s;
}
.la-ball-running-dots > div:nth-child(9) {
  -webkit-animation-delay: -3.2s;
  -moz-animation-delay: -3.2s;
  -o-animation-delay: -3.2s;
  animation-delay: -3.2s;
}
.la-ball-running-dots > div:nth-child(10) {
  -webkit-animation-delay: -3.6s;
  -moz-animation-delay: -3.6s;
  -o-animation-delay: -3.6s;
  animation-delay: -3.6s;
}
.la-ball-running-dots.la-sm {
  width: 4px;
  height: 4px;
}
.la-ball-running-dots.la-sm > div {
  width: 4px;
  height: 4px;
  margin-left: -12px;
}
.la-ball-running-dots.la-2x {
  width: 20px;
  height: 20px;
}
.la-ball-running-dots.la-2x > div {
  width: 20px;
  height: 20px;
  margin-left: -50px;
}
.la-ball-running-dots.la-3x {
  width: 30px;
  height: 30px;
}
.la-ball-running-dots.la-3x > div {
  width: 30px;
  height: 30px;
  margin-left: -75px;
}
@-webkit-keyframes ball-running-dots-animate {
  0%,
  100% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0) translateX(500%);
    transform: translateY(0) translateX(500%);
  }
  80% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  85% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-125%) translateX(0);
    transform: translateY(-125%) translateX(0);
  }
  90% {
    width: 200%;
    height: 75%;
  }
  95% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%) translateX(500%);
    transform: translateY(-100%) translateX(500%);
  }
}
@-moz-keyframes ball-running-dots-animate {
  0%,
  100% {
    width: 100%;
    height: 100%;
    -moz-transform: translateY(0) translateX(500%);
    transform: translateY(0) translateX(500%);
  }
  80% {
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  85% {
    width: 100%;
    height: 100%;
    -moz-transform: translateY(-125%) translateX(0);
    transform: translateY(-125%) translateX(0);
  }
  90% {
    width: 200%;
    height: 75%;
  }
  95% {
    width: 100%;
    height: 100%;
    -moz-transform: translateY(-100%) translateX(500%);
    transform: translateY(-100%) translateX(500%);
  }
}
@-o-keyframes ball-running-dots-animate {
  0%,
  100% {
    width: 100%;
    height: 100%;
    -o-transform: translateY(0) translateX(500%);
    transform: translateY(0) translateX(500%);
  }
  80% {
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  85% {
    width: 100%;
    height: 100%;
    -o-transform: translateY(-125%) translateX(0);
    transform: translateY(-125%) translateX(0);
  }
  90% {
    width: 200%;
    height: 75%;
  }
  95% {
    width: 100%;
    height: 100%;
    -o-transform: translateY(-100%) translateX(500%);
    transform: translateY(-100%) translateX(500%);
  }
}
@keyframes ball-running-dots-animate {
  0%,
  100% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(0) translateX(500%);
    -moz-transform: translateY(0) translateX(500%);
    -o-transform: translateY(0) translateX(500%);
    transform: translateY(0) translateX(500%);
  }
  80% {
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
  85% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-125%) translateX(0);
    -moz-transform: translateY(-125%) translateX(0);
    -o-transform: translateY(-125%) translateX(0);
    transform: translateY(-125%) translateX(0);
  }
  90% {
    width: 200%;
    height: 75%;
  }
  95% {
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%) translateX(500%);
    -moz-transform: translateY(-100%) translateX(500%);
    -o-transform: translateY(-100%) translateX(500%);
    transform: translateY(-100%) translateX(500%);
  }
}

.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-multiple.la-dark {
  color: #333;
}
.la-ball-scale-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-multiple > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  -moz-animation: ball-scale-multiple 1s 0s linear infinite;
  -o-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.la-ball-scale-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-scale-pulse,
.la-ball-scale-pulse > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-pulse {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-pulse.la-dark {
  color: #333;
}
.la-ball-scale-pulse > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-pulse {
  width: 32px;
  height: 32px;
}
.la-ball-scale-pulse > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0.5;
  -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
  -moz-animation: ball-scale-pulse 2s infinite ease-in-out;
  -o-animation: ball-scale-pulse 2s infinite ease-in-out;
  animation: ball-scale-pulse 2s infinite ease-in-out;
}
.la-ball-scale-pulse > div:last-child {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.la-ball-scale-pulse.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-pulse.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-pulse.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-pulse.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-pulse.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-pulse.la-3x > div {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-scale-pulse {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale-pulse {
  0%,
  100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale-pulse {
  0%,
  100% {
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-pulse {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-scale-ripple-multiple,
.la-ball-scale-ripple-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-ripple-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-ripple-multiple.la-dark {
  color: #333;
}
.la-ball-scale-ripple-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-ripple-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-ripple-multiple > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -moz-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -o-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.la-ball-scale-ripple-multiple > div:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.la-ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.la-ball-scale-ripple-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-ripple-multiple.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-ball-scale-ripple-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-ripple-multiple.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-ball-scale-ripple-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-ripple-multiple.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    opacity: 0;
  }
}
@-moz-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -moz-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.5;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  95% {
    opacity: 0;
  }
}
@-o-keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.5;
    -o-transform: scale(1);
    transform: scale(1);
  }
  95% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple-multiple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  95% {
    opacity: 0;
  }
}

.la-ball-scale-ripple,
.la-ball-scale-ripple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-ripple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-ripple.la-dark {
  color: #333;
}
.la-ball-scale-ripple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-ripple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-ripple > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -moz-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  -o-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.la-ball-scale-ripple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-ripple.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-ball-scale-ripple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-ripple.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-ball-scale-ripple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-ripple.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
@-webkit-keyframes ball-scale-ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.65;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes ball-scale-ripple {
  0% {
    opacity: 1;
    -moz-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.65;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes ball-scale-ripple {
  0% {
    opacity: 1;
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.65;
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
  }
  70% {
    opacity: 0.65;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}

.la-ball-scale,
.la-ball-scale > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale.la-dark {
  color: #333;
}
.la-ball-scale > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale {
  width: 32px;
  height: 32px;
}
.la-ball-scale > div {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  -moz-animation: ball-scale 1s 0s ease-in-out infinite;
  -o-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite;
}
.la-ball-scale.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale.la-3x > div {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-scale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale {
  0% {
    opacity: 1;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale {
  0% {
    opacity: 1;
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-spin-clockwise-fade-rotating,
.la-ball-spin-clockwise-fade-rotating > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-clockwise-fade-rotating {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-clockwise-fade-rotating.la-dark {
  color: #333;
}
.la-ball-spin-clockwise-fade-rotating > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-clockwise-fade-rotating {
  width: 32px;
  height: 32px;
  -webkit-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  -moz-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  -o-animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  animation: ball-spin-clockwise-fade-rotating-rotate 6s infinite linear;
}
.la-ball-spin-clockwise-fade-rotating > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
  -moz-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
  -o-animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
  animation: ball-spin-clockwise-fade-rotating 1s infinite linear;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-spin-clockwise-fade-rotating > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-spin-clockwise-fade-rotating.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-clockwise-fade-rotating.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-clockwise-fade-rotating.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-clockwise-fade-rotating.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-clockwise-fade-rotating.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-clockwise-fade-rotating.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-clockwise-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes ball-spin-clockwise-fade-rotating-rotate {
  100% {
    -moz-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-o-keyframes ball-spin-clockwise-fade-rotating-rotate {
  100% {
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes ball-spin-clockwise-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes ball-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.25;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.25;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-spin-clockwise-fade,
.la-ball-spin-clockwise-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-clockwise-fade {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-clockwise-fade.la-dark {
  color: #333;
}
.la-ball-spin-clockwise-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-clockwise-fade {
  width: 32px;
  height: 32px;
}
.la-ball-spin-clockwise-fade > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise-fade 1s infinite linear;
  -moz-animation: ball-spin-clockwise-fade 1s infinite linear;
  -o-animation: ball-spin-clockwise-fade 1s infinite linear;
  animation: ball-spin-clockwise-fade 1s infinite linear;
}
.la-ball-spin-clockwise-fade > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-spin-clockwise-fade > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-spin-clockwise-fade > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-spin-clockwise-fade > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-spin-clockwise-fade > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-spin-clockwise-fade > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-spin-clockwise-fade > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-spin-clockwise-fade > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-spin-clockwise-fade.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-clockwise-fade.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-clockwise-fade.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-clockwise-fade.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-clockwise-fade.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-clockwise-fade.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-clockwise-fade {
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-spin-clockwise,
.la-ball-spin-clockwise > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-clockwise {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-clockwise.la-dark {
  color: #333;
}
.la-ball-spin-clockwise > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-clockwise {
  width: 32px;
  height: 32px;
}
.la-ball-spin-clockwise > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-clockwise 1s infinite ease-in-out;
  -moz-animation: ball-spin-clockwise 1s infinite ease-in-out;
  -o-animation: ball-spin-clockwise 1s infinite ease-in-out;
  animation: ball-spin-clockwise 1s infinite ease-in-out;
}
.la-ball-spin-clockwise > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-spin-clockwise > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-spin-clockwise > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-spin-clockwise > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-spin-clockwise > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-spin-clockwise > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-spin-clockwise > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-spin-clockwise > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-spin-clockwise.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-clockwise.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-clockwise.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-clockwise.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-clockwise.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-clockwise.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-clockwise {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes ball-spin-clockwise {
  0%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes ball-spin-clockwise {
  0%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes ball-spin-clockwise {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

.la-ball-spin-fade-rotating,
.la-ball-spin-fade-rotating > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-fade-rotating {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-fade-rotating.la-dark {
  color: #333;
}
.la-ball-spin-fade-rotating > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-fade-rotating {
  width: 32px;
  height: 32px;
  -webkit-animation: ball-spin-fade-rotate 6s infinite linear;
  -moz-animation: ball-spin-fade-rotate 6s infinite linear;
  -o-animation: ball-spin-fade-rotate 6s infinite linear;
  animation: ball-spin-fade-rotate 6s infinite linear;
}
.la-ball-spin-fade-rotating > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-fade 1s infinite linear;
  -moz-animation: ball-spin-fade 1s infinite linear;
  -o-animation: ball-spin-fade 1s infinite linear;
  animation: ball-spin-fade 1s infinite linear;
}
.la-ball-spin-fade-rotating > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-ball-spin-fade-rotating > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-ball-spin-fade-rotating > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-ball-spin-fade-rotating > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-ball-spin-fade-rotating > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-ball-spin-fade-rotating > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-ball-spin-fade-rotating > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-ball-spin-fade-rotating > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-ball-spin-fade-rotating.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-fade-rotating.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-fade-rotating.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-fade-rotating.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-fade-rotating.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-fade-rotating.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-fade-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-spin-fade-rotate {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-spin-fade-rotate {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-spin-fade-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-moz-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-o-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.la-ball-spin-fade,
.la-ball-spin-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-fade {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-fade.la-dark {
  color: #333;
}
.la-ball-spin-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-fade {
  width: 32px;
  height: 32px;
}
.la-ball-spin-fade > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin-fade 1s infinite linear;
  -moz-animation: ball-spin-fade 1s infinite linear;
  -o-animation: ball-spin-fade 1s infinite linear;
  animation: ball-spin-fade 1s infinite linear;
}
.la-ball-spin-fade > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-ball-spin-fade > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-ball-spin-fade > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-ball-spin-fade > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-ball-spin-fade > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-ball-spin-fade > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-ball-spin-fade > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-ball-spin-fade > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-ball-spin-fade.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-fade.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin-fade.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-fade.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin-fade.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin-fade.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-moz-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -moz-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-o-keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes ball-spin-fade {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0.25;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.la-ball-spin-rotate,
.la-ball-spin-rotate > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin-rotate {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin-rotate.la-dark {
  color: #333;
}
.la-ball-spin-rotate > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin-rotate {
  width: 32px;
  height: 32px;
  -webkit-animation: ball-spin-rotate 2s infinite linear;
  -moz-animation: ball-spin-rotate 2s infinite linear;
  -o-animation: ball-spin-rotate 2s infinite linear;
  animation: ball-spin-rotate 2s infinite linear;
}
.la-ball-spin-rotate > div {
  position: absolute;
  top: 0;
  width: 60%;
  height: 60%;
  border-radius: 100%;
  -webkit-animation: ball-spin-bounce 2s infinite ease-in-out;
  -moz-animation: ball-spin-bounce 2s infinite ease-in-out;
  -o-animation: ball-spin-bounce 2s infinite ease-in-out;
  animation: ball-spin-bounce 2s infinite ease-in-out;
}
.la-ball-spin-rotate > div:last-child {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.la-ball-spin-rotate.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin-rotate.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin-rotate.la-3x {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-spin-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-spin-rotate {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-spin-rotate {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-spin-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ball-spin-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-spin-bounce {
  0%,
  100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-spin-bounce {
  0%,
  100% {
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-spin-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-spin,
.la-ball-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-spin {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-spin.la-dark {
  color: #333;
}
.la-ball-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-spin {
  width: 32px;
  height: 32px;
}
.la-ball-spin > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  -webkit-animation: ball-spin 1s infinite ease-in-out;
  -moz-animation: ball-spin 1s infinite ease-in-out;
  -o-animation: ball-spin 1s infinite ease-in-out;
  animation: ball-spin 1s infinite ease-in-out;
}
.la-ball-spin > div:nth-child(1) {
  top: 5%;
  left: 50%;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-ball-spin > div:nth-child(2) {
  top: 18.1801948466%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-ball-spin > div:nth-child(3) {
  top: 50%;
  left: 95%;
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-ball-spin > div:nth-child(4) {
  top: 81.8198051534%;
  left: 81.8198051534%;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-ball-spin > div:nth-child(5) {
  top: 94.9999999966%;
  left: 50.0000000005%;
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-ball-spin > div:nth-child(6) {
  top: 81.8198046966%;
  left: 18.1801949248%;
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-ball-spin > div:nth-child(7) {
  top: 49.9999750815%;
  left: 5.0000051215%;
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-ball-spin > div:nth-child(8) {
  top: 18.179464974%;
  left: 18.1803700518%;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-ball-spin.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-spin.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-spin.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-spin.la-2x > div {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.la-ball-spin.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-spin.la-3x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
@-webkit-keyframes ball-spin {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-moz-keyframes ball-spin {
  0%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}
@-o-keyframes ball-spin {
  0%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes ball-spin {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

.la-ball-square-clockwise-spin,
.la-ball-square-clockwise-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-square-clockwise-spin {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-square-clockwise-spin.la-dark {
  color: #333;
}
.la-ball-square-clockwise-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-square-clockwise-spin {
  width: 26px;
  height: 26px;
}
.la-ball-square-clockwise-spin > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  border-radius: 100%;
  -webkit-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
  -moz-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
  -o-animation: ball-square-clockwise-spin 1s infinite ease-in-out;
  animation: ball-square-clockwise-spin 1s infinite ease-in-out;
}
.la-ball-square-clockwise-spin > div:nth-child(1) {
  top: 0;
  left: 0;
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-ball-square-clockwise-spin > div:nth-child(2) {
  top: 0;
  left: 50%;
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-ball-square-clockwise-spin > div:nth-child(3) {
  top: 0;
  left: 100%;
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-ball-square-clockwise-spin > div:nth-child(4) {
  top: 50%;
  left: 100%;
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-ball-square-clockwise-spin > div:nth-child(5) {
  top: 100%;
  left: 100%;
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-ball-square-clockwise-spin > div:nth-child(6) {
  top: 100%;
  left: 50%;
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-ball-square-clockwise-spin > div:nth-child(7) {
  top: 100%;
  left: 0;
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-ball-square-clockwise-spin > div:nth-child(8) {
  top: 50%;
  left: 0;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-ball-square-clockwise-spin.la-sm {
  width: 12px;
  height: 12px;
}
.la-ball-square-clockwise-spin.la-sm > div {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
}
.la-ball-square-clockwise-spin.la-2x {
  width: 52px;
  height: 52px;
}
.la-ball-square-clockwise-spin.la-2x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
.la-ball-square-clockwise-spin.la-3x {
  width: 78px;
  height: 78px;
}
.la-ball-square-clockwise-spin.la-3x > div {
  width: 36px;
  height: 36px;
  margin-top: -18px;
  margin-left: -18px;
}
@-webkit-keyframes ball-square-clockwise-spin {
  0%,
  40%,
  100% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-square-clockwise-spin {
  0%,
  40%,
  100% {
    -moz-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-square-clockwise-spin {
  0%,
  40%,
  100% {
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-square-clockwise-spin {
  0%,
  40%,
  100% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-square-spin,
.la-ball-square-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-square-spin {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-square-spin.la-dark {
  color: #333;
}
.la-ball-square-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-square-spin {
  width: 26px;
  height: 26px;
}
.la-ball-square-spin > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  border-radius: 100%;
  -webkit-animation: ball-square-spin 1s infinite ease-in-out;
  -moz-animation: ball-square-spin 1s infinite ease-in-out;
  -o-animation: ball-square-spin 1s infinite ease-in-out;
  animation: ball-square-spin 1s infinite ease-in-out;
}
.la-ball-square-spin > div:nth-child(1) {
  top: 0;
  left: 0;
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-ball-square-spin > div:nth-child(2) {
  top: 0;
  left: 50%;
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-ball-square-spin > div:nth-child(3) {
  top: 0;
  left: 100%;
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-ball-square-spin > div:nth-child(4) {
  top: 50%;
  left: 100%;
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-ball-square-spin > div:nth-child(5) {
  top: 100%;
  left: 100%;
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-ball-square-spin > div:nth-child(6) {
  top: 100%;
  left: 50%;
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-ball-square-spin > div:nth-child(7) {
  top: 100%;
  left: 0;
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-ball-square-spin > div:nth-child(8) {
  top: 50%;
  left: 0;
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-ball-square-spin.la-sm {
  width: 12px;
  height: 12px;
}
.la-ball-square-spin.la-sm > div {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
}
.la-ball-square-spin.la-2x {
  width: 52px;
  height: 52px;
}
.la-ball-square-spin.la-2x > div {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}
.la-ball-square-spin.la-3x {
  width: 78px;
  height: 78px;
}
.la-ball-square-spin.la-3x > div {
  width: 36px;
  height: 36px;
  margin-top: -18px;
  margin-left: -18px;
}
@-webkit-keyframes ball-square-spin {
  0%,
  40%,
  100% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-square-spin {
  0%,
  40%,
  100% {
    -moz-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-square-spin {
  0%,
  40%,
  100% {
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-square-spin {
  0%,
  40%,
  100% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.la-ball-triangle-path,
.la-ball-triangle-path > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-triangle-path {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-triangle-path.la-dark {
  color: #333;
}
.la-ball-triangle-path > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-triangle-path {
  width: 32px;
  height: 32px;
}
.la-ball-triangle-path > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.la-ball-triangle-path > div:nth-child(1) {
  -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
  -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
  -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
}
.la-ball-triangle-path > div:nth-child(2) {
  -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
  -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
  -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
}
.la-ball-triangle-path > div:nth-child(3) {
  -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
  -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
  -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
}
.la-ball-triangle-path.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-triangle-path.la-sm > div {
  width: 4px;
  height: 4px;
}
.la-ball-triangle-path.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-triangle-path.la-2x > div {
  width: 20px;
  height: 20px;
}
.la-ball-triangle-path.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-triangle-path.la-3x > div {
  width: 30px;
  height: 30px;
}
@-webkit-keyframes ball-triangle-path-ball-one {
  0% {
    -webkit-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
}
@-moz-keyframes ball-triangle-path-ball-one {
  0% {
    -moz-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -moz-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -moz-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
}
@-o-keyframes ball-triangle-path-ball-one {
  0% {
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
}
@keyframes ball-triangle-path-ball-one {
  0% {
    -webkit-transform: translate(0, 220%);
    -moz-transform: translate(0, 220%);
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    -moz-transform: translate(220%, 220%);
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    -moz-transform: translate(0, 220%);
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
}
@-webkit-keyframes ball-triangle-path-ball-two {
  0% {
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
}
@-moz-keyframes ball-triangle-path-ball-two {
  0% {
    -moz-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -moz-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -moz-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -moz-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
}
@-o-keyframes ball-triangle-path-ball-two {
  0% {
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
}
@keyframes ball-triangle-path-ball-two {
  0% {
    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    -moz-transform: translate(220%, 220%);
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    -moz-transform: translate(0, 220%);
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
}
@-webkit-keyframes ball-triangle-path-ball-tree {
  0% {
    -webkit-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
}
@-moz-keyframes ball-triangle-path-ball-tree {
  0% {
    -moz-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -moz-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -moz-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -moz-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
}
@-o-keyframes ball-triangle-path-ball-tree {
  0% {
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
}
@keyframes ball-triangle-path-ball-tree {
  0% {
    -webkit-transform: translate(220%, 220%);
    -moz-transform: translate(220%, 220%);
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
  17% {
    opacity: 0.25;
  }
  33% {
    opacity: 1;
    -webkit-transform: translate(0, 220%);
    -moz-transform: translate(0, 220%);
    -o-transform: translate(0, 220%);
    transform: translate(0, 220%);
  }
  50% {
    opacity: 0.25;
  }
  66% {
    opacity: 1;
    -webkit-transform: translate(110%, 0);
    -moz-transform: translate(110%, 0);
    -o-transform: translate(110%, 0);
    transform: translate(110%, 0);
  }
  83% {
    opacity: 0.25;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(220%, 220%);
    -moz-transform: translate(220%, 220%);
    -o-transform: translate(220%, 220%);
    transform: translate(220%, 220%);
  }
}

.la-ball-zig-zag-deflect,
.la-ball-zig-zag-deflect > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-zig-zag-deflect {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-zig-zag-deflect.la-dark {
  color: #333;
}
.la-ball-zig-zag-deflect > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-zig-zag-deflect {
  position: relative;
  width: 32px;
  height: 32px;
}
.la-ball-zig-zag-deflect > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  border-radius: 100%;
}
.la-ball-zig-zag-deflect > div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  -moz-animation: ball-zig-deflect 1.5s 0s infinite linear;
  -o-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear;
}
.la-ball-zig-zag-deflect > div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  -moz-animation: ball-zag-deflect 1.5s 0s infinite linear;
  -o-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear;
}
.la-ball-zig-zag-deflect.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-zig-zag-deflect.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-zig-zag-deflect.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-zig-zag-deflect.la-2x > div {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.la-ball-zig-zag-deflect.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-zig-zag-deflect.la-3x > div {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  34% {
    -webkit-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  84% {
    -webkit-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes ball-zig-deflect {
  17% {
    -moz-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  34% {
    -moz-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  50% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -moz-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  84% {
    -moz-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes ball-zig-deflect {
  17% {
    -o-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  34% {
    -o-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  50% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -o-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  84% {
    -o-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-80%, -160%);
    -moz-transform: translate(-80%, -160%);
    -o-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  34% {
    -webkit-transform: translate(80%, -160%);
    -moz-transform: translate(80%, -160%);
    -o-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  50% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(80%, -160%);
    -moz-transform: translate(80%, -160%);
    -o-transform: translate(80%, -160%);
    transform: translate(80%, -160%);
  }
  84% {
    -webkit-transform: translate(-80%, -160%);
    -moz-transform: translate(-80%, -160%);
    -o-transform: translate(-80%, -160%);
    transform: translate(-80%, -160%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  34% {
    -webkit-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  84% {
    -webkit-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes ball-zag-deflect {
  17% {
    -moz-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  34% {
    -moz-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  50% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -moz-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  84% {
    -moz-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes ball-zag-deflect {
  17% {
    -o-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  34% {
    -o-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  50% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -o-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  84% {
    -o-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(80%, 160%);
    -moz-transform: translate(80%, 160%);
    -o-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  34% {
    -webkit-transform: translate(-80%, 160%);
    -moz-transform: translate(-80%, 160%);
    -o-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  50% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  67% {
    -webkit-transform: translate(-80%, 160%);
    -moz-transform: translate(-80%, 160%);
    -o-transform: translate(-80%, 160%);
    transform: translate(-80%, 160%);
  }
  84% {
    -webkit-transform: translate(80%, 160%);
    -moz-transform: translate(80%, 160%);
    -o-transform: translate(80%, 160%);
    transform: translate(80%, 160%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.la-ball-zig-zag,
.la-ball-zig-zag > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-zig-zag {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-zig-zag.la-dark {
  color: #333;
}
.la-ball-zig-zag > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-zig-zag {
  position: relative;
  width: 32px;
  height: 32px;
}
.la-ball-zig-zag > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  border-radius: 100%;
}
.la-ball-zig-zag > div:first-child {
  -webkit-animation: ball-zig-effect 0.7s 0s infinite linear;
  -moz-animation: ball-zig-effect 0.7s 0s infinite linear;
  -o-animation: ball-zig-effect 0.7s 0s infinite linear;
  animation: ball-zig-effect 0.7s 0s infinite linear;
}
.la-ball-zig-zag > div:last-child {
  -webkit-animation: ball-zag-effect 0.7s 0s infinite linear;
  -moz-animation: ball-zag-effect 0.7s 0s infinite linear;
  -o-animation: ball-zag-effect 0.7s 0s infinite linear;
  animation: ball-zag-effect 0.7s 0s infinite linear;
}
.la-ball-zig-zag.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-zig-zag.la-sm > div {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-zig-zag.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-zig-zag.la-2x > div {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.la-ball-zig-zag.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-zig-zag.la-3x > div {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
@-webkit-keyframes ball-zig-effect {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-75%, -150%);
    transform: translate(-75%, -150%);
  }
  66% {
    -webkit-transform: translate(75%, -150%);
    transform: translate(75%, -150%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes ball-zig-effect {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -moz-transform: translate(-75%, -150%);
    transform: translate(-75%, -150%);
  }
  66% {
    -moz-transform: translate(75%, -150%);
    transform: translate(75%, -150%);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes ball-zig-effect {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -o-transform: translate(-75%, -150%);
    transform: translate(-75%, -150%);
  }
  66% {
    -o-transform: translate(75%, -150%);
    transform: translate(75%, -150%);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zig-effect {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(-75%, -150%);
    -moz-transform: translate(-75%, -150%);
    -o-transform: translate(-75%, -150%);
    transform: translate(-75%, -150%);
  }
  66% {
    -webkit-transform: translate(75%, -150%);
    -moz-transform: translate(75%, -150%);
    -o-transform: translate(75%, -150%);
    transform: translate(75%, -150%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes ball-zag-effect {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(75%, 150%);
    transform: translate(75%, 150%);
  }
  66% {
    -webkit-transform: translate(-75%, 150%);
    transform: translate(-75%, 150%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-moz-keyframes ball-zag-effect {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -moz-transform: translate(75%, 150%);
    transform: translate(75%, 150%);
  }
  66% {
    -moz-transform: translate(-75%, 150%);
    transform: translate(-75%, 150%);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes ball-zag-effect {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -o-transform: translate(75%, 150%);
    transform: translate(75%, 150%);
  }
  66% {
    -o-transform: translate(-75%, 150%);
    transform: translate(-75%, 150%);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes ball-zag-effect {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(75%, 150%);
    -moz-transform: translate(75%, 150%);
    -o-transform: translate(75%, 150%);
    transform: translate(75%, 150%);
  }
  66% {
    -webkit-transform: translate(-75%, 150%);
    -moz-transform: translate(-75%, 150%);
    -o-transform: translate(-75%, 150%);
    transform: translate(-75%, 150%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.la-cog,
.la-cog > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-cog {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-cog.la-dark {
  color: #333;
}
.la-cog > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-cog {
  width: 31px;
  height: 31px;
}
.la-cog > div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-style: dashed;
  border-width: 2px;
  border-radius: 100%;
  -webkit-animation: cog-rotate 4s linear infinite;
  -moz-animation: cog-rotate 4s linear infinite;
  -o-animation: cog-rotate 4s linear infinite;
  animation: cog-rotate 4s linear infinite;
}
.la-cog > div:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: 2px solid currentColor;
  border-radius: 100%;
}
.la-cog.la-sm {
  width: 15px;
  height: 15px;
}
.la-cog.la-sm > div {
  border-width: 1px;
}
.la-cog.la-sm > div:after {
  border-width: 1px;
}
.la-cog.la-2x {
  width: 61px;
  height: 61px;
}
.la-cog.la-2x > div {
  border-width: 4px;
}
.la-cog.la-2x > div:after {
  border-width: 4px;
}
.la-cog.la-3x {
  width: 91px;
  height: 91px;
}
.la-cog.la-3x > div {
  border-width: 6px;
}
.la-cog.la-3x > div:after {
  border-width: 6px;
}
@-webkit-keyframes cog-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes cog-rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes cog-rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes cog-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.la-cube-transition,
.la-cube-transition > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-cube-transition {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-cube-transition.la-dark {
  color: #333;
}
.la-cube-transition > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-cube-transition {
  width: 32px;
  height: 32px;
}
.la-cube-transition > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  border-radius: 0;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  -moz-animation: cube-transition 1.6s 0s infinite ease-in-out;
  -o-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.la-cube-transition > div:last-child {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.la-cube-transition.la-sm {
  width: 16px;
  height: 16px;
}
.la-cube-transition.la-sm > div {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
}
.la-cube-transition.la-2x {
  width: 64px !important;
  height: 64px !important;
}
.la-cube-transition.la-2x > div {
  width: 28px !important;
  height: 28px !important;
  margin-top: -14px;
  margin-left: -14px;
}
.la-cube-transition.la-3x {
  width: 96px;
  height: 96px;
}
.la-cube-transition.la-3x > div {
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
}
@-webkit-keyframes cube-transition {
  25% {
    top: 0;
    left: 100%;
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
  }
  50% {
    top: 100%;
    left: 100%;
    -webkit-transform: scale(1) rotate(-180deg);
    transform: scale(1) rotate(-180deg);
  }
  75% {
    top: 100%;
    left: 0;
    -webkit-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
  }
  100% {
    top: 0;
    left: 0;
    -webkit-transform: scale(1) rotate(-360deg);
    transform: scale(1) rotate(-360deg);
  }
}
@-moz-keyframes cube-transition {
  25% {
    top: 0;
    left: 100%;
    -moz-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
  }
  50% {
    top: 100%;
    left: 100%;
    -moz-transform: scale(1) rotate(-180deg);
    transform: scale(1) rotate(-180deg);
  }
  75% {
    top: 100%;
    left: 0;
    -moz-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
  }
  100% {
    top: 0;
    left: 0;
    -moz-transform: scale(1) rotate(-360deg);
    transform: scale(1) rotate(-360deg);
  }
}
@-o-keyframes cube-transition {
  25% {
    top: 0;
    left: 100%;
    -o-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
  }
  50% {
    top: 100%;
    left: 100%;
    -o-transform: scale(1) rotate(-180deg);
    transform: scale(1) rotate(-180deg);
  }
  75% {
    top: 100%;
    left: 0;
    -o-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
  }
  100% {
    top: 0;
    left: 0;
    -o-transform: scale(1) rotate(-360deg);
    transform: scale(1) rotate(-360deg);
  }
}
@keyframes cube-transition {
  25% {
    top: 0;
    left: 100%;
    -webkit-transform: scale(0.5) rotate(-90deg);
    -moz-transform: scale(0.5) rotate(-90deg);
    -o-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg);
  }
  50% {
    top: 100%;
    left: 100%;
    -webkit-transform: scale(1) rotate(-180deg);
    -moz-transform: scale(1) rotate(-180deg);
    -o-transform: scale(1) rotate(-180deg);
    transform: scale(1) rotate(-180deg);
  }
  75% {
    top: 100%;
    left: 0;
    -webkit-transform: scale(0.5) rotate(-270deg);
    -moz-transform: scale(0.5) rotate(-270deg);
    -o-transform: scale(0.5) rotate(-270deg);
    transform: scale(0.5) rotate(-270deg);
  }
  100% {
    top: 0;
    left: 0;
    -webkit-transform: scale(1) rotate(-360deg);
    -moz-transform: scale(1) rotate(-360deg);
    -o-transform: scale(1) rotate(-360deg);
    transform: scale(1) rotate(-360deg);
  }
}

.la-fire,
.la-fire > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-fire {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-fire.la-dark {
  color: #333;
}
.la-fire > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-fire {
  width: 32px;
  height: 32px;
}
.la-fire > div {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 0;
  border-radius: 2px;
  -webkit-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
  -moz-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
  -ms-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
  -o-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
  transform: translateY(0) translateX(-50%) rotate(45deg) scale(0);
  -webkit-animation: fire-diamonds 1.5s infinite linear;
  -moz-animation: fire-diamonds 1.5s infinite linear;
  -o-animation: fire-diamonds 1.5s infinite linear;
  animation: fire-diamonds 1.5s infinite linear;
}
.la-fire > div:nth-child(1) {
  -webkit-animation-delay: -0.85s;
  -moz-animation-delay: -0.85s;
  -o-animation-delay: -0.85s;
  animation-delay: -0.85s;
}
.la-fire > div:nth-child(2) {
  -webkit-animation-delay: -1.85s;
  -moz-animation-delay: -1.85s;
  -o-animation-delay: -1.85s;
  animation-delay: -1.85s;
}
.la-fire > div:nth-child(3) {
  -webkit-animation-delay: -2.85s;
  -moz-animation-delay: -2.85s;
  -o-animation-delay: -2.85s;
  animation-delay: -2.85s;
}
.la-fire.la-sm {
  width: 16px;
  height: 16px;
}
.la-fire.la-sm > div {
  width: 6px;
  height: 6px;
}
.la-fire.la-2x {
  width: 64px;
  height: 64px;
}
.la-fire.la-2x > div {
  width: 24px;
  height: 24px;
}
.la-fire.la-3x {
  width: 96px;
  height: 96px;
}
.la-fire.la-3x > div {
  width: 36px;
  height: 36px;
}
@-webkit-keyframes fire-diamonds {
  0% {
    -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
  }
  100% {
    -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
  }
}
@-moz-keyframes fire-diamonds {
  0% {
    -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
  }
  50% {
    -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
  }
  100% {
    -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
  }
}
@-o-keyframes fire-diamonds {
  0% {
    -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
  }
  50% {
    -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
  }
  100% {
    -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
  }
}
@keyframes fire-diamonds {
  0% {
    -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    -moz-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    -o-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
  }
  50% {
    -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    -moz-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    -o-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
    transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
  }
  100% {
    -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    -moz-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    -o-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
    transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
  }
}

.la-line-scale-party,
.la-line-scale-party > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-scale-party {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-scale-party.la-dark {
  color: #333;
}
.la-line-scale-party > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-scale-party {
  width: 40px;
  height: 32px;
}
.la-line-scale-party > div {
  width: 4px;
  height: 32px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-animation-name: line-scale-party;
  -moz-animation-name: line-scale-party;
  -o-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.la-line-scale-party > div:nth-child(1) {
  -webkit-animation-duration: 0.43s;
  -moz-animation-duration: 0.43s;
  -o-animation-duration: 0.43s;
  animation-duration: 0.43s;
  -webkit-animation-delay: -0.23s;
  -moz-animation-delay: -0.23s;
  -o-animation-delay: -0.23s;
  animation-delay: -0.23s;
}
.la-line-scale-party > div:nth-child(2) {
  -webkit-animation-duration: 0.62s;
  -moz-animation-duration: 0.62s;
  -o-animation-duration: 0.62s;
  animation-duration: 0.62s;
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.la-line-scale-party > div:nth-child(3) {
  -webkit-animation-duration: 0.43s;
  -moz-animation-duration: 0.43s;
  -o-animation-duration: 0.43s;
  animation-duration: 0.43s;
  -webkit-animation-delay: -0.44s;
  -moz-animation-delay: -0.44s;
  -o-animation-delay: -0.44s;
  animation-delay: -0.44s;
}
.la-line-scale-party > div:nth-child(4) {
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: -0.31s;
  -moz-animation-delay: -0.31s;
  -o-animation-delay: -0.31s;
  animation-delay: -0.31s;
}
.la-line-scale-party > div:nth-child(5) {
  -webkit-animation-duration: 0.74s;
  -moz-animation-duration: 0.74s;
  -o-animation-duration: 0.74s;
  animation-duration: 0.74s;
  -webkit-animation-delay: -0.24s;
  -moz-animation-delay: -0.24s;
  -o-animation-delay: -0.24s;
  animation-delay: -0.24s;
}
.la-line-scale-party.la-sm {
  width: 20px;
  height: 16px;
}
.la-line-scale-party.la-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-party.la-2x {
  width: 80px;
  height: 64px;
}
.la-line-scale-party.la-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-party.la-3x {
  width: 120px;
  height: 96px;
}
.la-line-scale-party.la-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes line-scale-party {
  0% {
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -moz-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  100% {
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes line-scale-party {
  0% {
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -o-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  100% {
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes line-scale-party {
  0% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.la-line-scale-pulse-out-rapid,
.la-line-scale-pulse-out-rapid > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-scale-pulse-out-rapid {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-scale-pulse-out-rapid.la-dark {
  color: #333;
}
.la-line-scale-pulse-out-rapid > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-scale-pulse-out-rapid {
  width: 40px;
  height: 32px;
}
.la-line-scale-pulse-out-rapid > div {
  width: 4px;
  height: 32px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  -moz-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  -o-animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
  animation: line-scale-pulse-out-rapid 0.9s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}
.la-line-scale-pulse-out-rapid > div:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.la-line-scale-pulse-out-rapid > div:nth-child(2),
.la-line-scale-pulse-out-rapid > div:nth-child(4) {
  -webkit-animation-delay: -0.65s;
  -moz-animation-delay: -0.65s;
  -o-animation-delay: -0.65s;
  animation-delay: -0.65s;
}
.la-line-scale-pulse-out-rapid > div:nth-child(1),
.la-line-scale-pulse-out-rapid > div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.la-line-scale-pulse-out-rapid.la-sm {
  width: 20px;
  height: 16px;
}
.la-line-scale-pulse-out-rapid.la-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-pulse-out-rapid.la-2x {
  width: 80px;
  height: 64px;
}
.la-line-scale-pulse-out-rapid.la-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-pulse-out-rapid.la-3x {
  width: 120px;
  height: 96px;
}
.la-line-scale-pulse-out-rapid.la-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@-moz-keyframes line-scale-pulse-out-rapid {
  0% {
    -moz-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -moz-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -moz-transform: scaley(1);
    transform: scaley(1);
  }
}
@-o-keyframes line-scale-pulse-out-rapid {
  0% {
    -o-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -o-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -o-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
    -moz-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1);
  }
  80% {
    -webkit-transform: scaley(0.3);
    -moz-transform: scaley(0.3);
    -o-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  90% {
    -webkit-transform: scaley(1);
    -moz-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1);
  }
}

.la-line-scale-pulse-out,
.la-line-scale-pulse-out > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-scale-pulse-out {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-scale-pulse-out.la-dark {
  color: #333;
}
.la-line-scale-pulse-out > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-scale-pulse-out {
  width: 40px;
  height: 32px;
}
.la-line-scale-pulse-out > div {
  width: 4px;
  height: 32px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  -moz-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  -o-animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.la-line-scale-pulse-out > div:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.la-line-scale-pulse-out > div:nth-child(2),
.la-line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: -0.7s;
  -moz-animation-delay: -0.7s;
  -o-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.la-line-scale-pulse-out > div:nth-child(1),
.la-line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-line-scale-pulse-out.la-sm {
  width: 20px;
  height: 16px;
}
.la-line-scale-pulse-out.la-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-pulse-out.la-2x {
  width: 80px;
  height: 64px;
}
.la-line-scale-pulse-out.la-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale-pulse-out.la-3x {
  width: 120px;
  height: 96px;
}
.la-line-scale-pulse-out.la-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@-moz-keyframes line-scale-pulse-out {
  0% {
    -moz-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -moz-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  100% {
    -moz-transform: scaley(1);
    transform: scaley(1);
  }
}
@-o-keyframes line-scale-pulse-out {
  0% {
    -o-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -o-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  100% {
    -o-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    -moz-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.3);
    -moz-transform: scaley(0.3);
    -o-transform: scaley(0.3);
    transform: scaley(0.3);
  }
  100% {
    -webkit-transform: scaley(1);
    -moz-transform: scaley(1);
    -o-transform: scaley(1);
    transform: scaley(1);
  }
}

.la-line-scale,
.la-line-scale > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-scale {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-scale.la-dark {
  color: #333;
}
.la-line-scale > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-scale {
  width: 40px;
  height: 32px;
}
.la-line-scale > div {
  width: 4px;
  height: 32px;
  margin: 2px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  -webkit-animation: line-scale 1.2s infinite ease;
  -moz-animation: line-scale 1.2s infinite ease;
  -o-animation: line-scale 1.2s infinite ease;
  animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.la-line-scale > div:nth-child(5) {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.la-line-scale.la-sm {
  width: 20px;
  height: 16px;
}
.la-line-scale.la-sm > div {
  width: 2px;
  height: 16px;
  margin: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale.la-2x {
  width: 80px;
  height: 64px;
}
.la-line-scale.la-2x > div {
  width: 8px;
  height: 64px;
  margin: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
.la-line-scale.la-3x {
  width: 120px;
  height: 96px;
}
.la-line-scale.la-3x > div {
  width: 12px;
  height: 96px;
  margin: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
@-webkit-keyframes line-scale {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes line-scale {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-o-keyframes line-scale {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes line-scale {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.la-line-spin-clockwise-fade-rotating,
.la-line-spin-clockwise-fade-rotating > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-spin-clockwise-fade-rotating {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-spin-clockwise-fade-rotating.la-dark {
  color: #333;
}
.la-line-spin-clockwise-fade-rotating > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-spin-clockwise-fade-rotating {
  width: 32px;
  height: 32px;
  -webkit-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  -moz-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  -o-animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
  animation: line-spin-clockwise-fade-rotating-rotate 6s infinite linear;
}
.la-line-spin-clockwise-fade-rotating > div {
  position: absolute;
  width: 2px;
  height: 10px;
  margin: 2px;
  margin-top: -5px;
  margin-left: -1px;
  border-radius: 0;
  -webkit-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
  -moz-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
  -o-animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
  animation: line-spin-clockwise-fade-rotating 1s infinite ease-in-out;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(1) {
  top: 15%;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(2) {
  top: 25.2512626585%;
  left: 74.7487373415%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(3) {
  top: 50%;
  left: 85%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(4) {
  top: 74.7487373415%;
  left: 74.7487373415%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(5) {
  top: 84.9999999974%;
  left: 50.0000000004%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(6) {
  top: 74.7487369862%;
  left: 25.2512627193%;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(7) {
  top: 49.9999806189%;
  left: 15.0000039834%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-line-spin-clockwise-fade-rotating > div:nth-child(8) {
  top: 25.2506949798%;
  left: 25.2513989292%;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-line-spin-clockwise-fade-rotating.la-sm {
  width: 16px;
  height: 16px;
}
.la-line-spin-clockwise-fade-rotating.la-sm > div {
  width: 1px;
  height: 4px;
  margin-top: -2px;
  margin-left: 0;
}
.la-line-spin-clockwise-fade-rotating.la-2x {
  width: 64px;
  height: 64px;
}
.la-line-spin-clockwise-fade-rotating.la-2x > div {
  width: 4px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2px;
}
.la-line-spin-clockwise-fade-rotating.la-3x {
  width: 96px;
  height: 96px;
}
.la-line-spin-clockwise-fade-rotating.la-3x > div {
  width: 6px;
  height: 30px;
  margin-top: -15px;
  margin-left: -3px;
}
@-webkit-keyframes line-spin-clockwise-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-moz-keyframes line-spin-clockwise-fade-rotating-rotate {
  100% {
    -moz-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-o-keyframes line-spin-clockwise-fade-rotating-rotate {
  100% {
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes line-spin-clockwise-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes line-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes line-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes line-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-clockwise-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.la-line-spin-clockwise-fade,
.la-line-spin-clockwise-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-spin-clockwise-fade {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-spin-clockwise-fade.la-dark {
  color: #333;
}
.la-line-spin-clockwise-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-spin-clockwise-fade {
  width: 32px;
  height: 32px;
}
.la-line-spin-clockwise-fade > div {
  position: absolute;
  width: 2px;
  height: 10px;
  margin: 2px;
  margin-top: -5px;
  margin-left: -1px;
  border-radius: 0;
  -webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  -moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  -o-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
  animation: line-spin-clockwise-fade 1s infinite ease-in-out;
}
.la-line-spin-clockwise-fade > div:nth-child(1) {
  top: 15%;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.875s;
  -moz-animation-delay: -0.875s;
  -o-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.la-line-spin-clockwise-fade > div:nth-child(2) {
  top: 25.2512626585%;
  left: 74.7487373415%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.la-line-spin-clockwise-fade > div:nth-child(3) {
  top: 50%;
  left: 85%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.625s;
  -moz-animation-delay: -0.625s;
  -o-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.la-line-spin-clockwise-fade > div:nth-child(4) {
  top: 74.7487373415%;
  left: 74.7487373415%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.la-line-spin-clockwise-fade > div:nth-child(5) {
  top: 84.9999999974%;
  left: 50.0000000004%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.375s;
  -moz-animation-delay: -0.375s;
  -o-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.la-line-spin-clockwise-fade > div:nth-child(6) {
  top: 74.7487369862%;
  left: 25.2512627193%;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.la-line-spin-clockwise-fade > div:nth-child(7) {
  top: 49.9999806189%;
  left: 15.0000039834%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.125s;
  -moz-animation-delay: -0.125s;
  -o-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.la-line-spin-clockwise-fade > div:nth-child(8) {
  top: 25.2506949798%;
  left: 25.2513989292%;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.la-line-spin-clockwise-fade.la-sm {
  width: 16px;
  height: 16px;
}
.la-line-spin-clockwise-fade.la-sm > div {
  width: 1px;
  height: 4px;
  margin-top: -2px;
  margin-left: 0;
}
.la-line-spin-clockwise-fade.la-2x {
  width: 64px;
  height: 64px;
}
.la-line-spin-clockwise-fade.la-2x > div {
  width: 4px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2px;
}
.la-line-spin-clockwise-fade.la-3x {
  width: 96px;
  height: 96px;
}
.la-line-spin-clockwise-fade.la-3x > div {
  width: 6px;
  height: 30px;
  margin-top: -15px;
  margin-left: -3px;
}
@-webkit-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-clockwise-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.la-line-spin-fade-rotating,
.la-line-spin-fade-rotating > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-spin-fade-rotating {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-spin-fade-rotating.la-dark {
  color: #333;
}
.la-line-spin-fade-rotating > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-spin-fade-rotating {
  width: 32px;
  height: 32px;
  -webkit-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
  -moz-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
  -o-animation: ball-spin-fade-rotating-rotate 6s infinite linear;
  animation: ball-spin-fade-rotating-rotate 6s infinite linear;
}
.la-line-spin-fade-rotating > div {
  position: absolute;
  width: 2px;
  height: 10px;
  margin: 2px;
  margin-top: -5px;
  margin-left: -1px;
  border-radius: 0;
  -webkit-animation: line-spin-fade-rotating 1s infinite ease-in-out;
  -moz-animation: line-spin-fade-rotating 1s infinite ease-in-out;
  -o-animation: line-spin-fade-rotating 1s infinite ease-in-out;
  animation: line-spin-fade-rotating 1s infinite ease-in-out;
}
.la-line-spin-fade-rotating > div:nth-child(1) {
  top: 15%;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-line-spin-fade-rotating > div:nth-child(2) {
  top: 25.2512626585%;
  left: 74.7487373415%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-line-spin-fade-rotating > div:nth-child(3) {
  top: 50%;
  left: 85%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-line-spin-fade-rotating > div:nth-child(4) {
  top: 74.7487373415%;
  left: 74.7487373415%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-line-spin-fade-rotating > div:nth-child(5) {
  top: 84.9999999974%;
  left: 50.0000000004%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-line-spin-fade-rotating > div:nth-child(6) {
  top: 74.7487369862%;
  left: 25.2512627193%;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-line-spin-fade-rotating > div:nth-child(7) {
  top: 49.9999806189%;
  left: 15.0000039834%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-line-spin-fade-rotating > div:nth-child(8) {
  top: 25.2506949798%;
  left: 25.2513989292%;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-line-spin-fade-rotating.la-sm {
  width: 16px;
  height: 16px;
}
.la-line-spin-fade-rotating.la-sm > div {
  width: 1px;
  height: 4px;
  margin-top: -2px;
  margin-left: 0;
}
.la-line-spin-fade-rotating.la-2x {
  width: 64px;
  height: 64px;
}
.la-line-spin-fade-rotating.la-2x > div {
  width: 4px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2px;
}
.la-line-spin-fade-rotating.la-3x {
  width: 96px;
  height: 96px;
}
.la-line-spin-fade-rotating.la-3x > div {
  width: 6px;
  height: 30px;
  margin-top: -15px;
  margin-left: -3px;
}
@-webkit-keyframes ball-spin-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-spin-fade-rotating-rotate {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-spin-fade-rotating-rotate {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-spin-fade-rotating-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes line-spin-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes line-spin-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes line-spin-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade-rotating {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.la-line-spin-fade,
.la-line-spin-fade > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-line-spin-fade {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-line-spin-fade.la-dark {
  color: #333;
}
.la-line-spin-fade > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-line-spin-fade {
  width: 32px;
  height: 32px;
}
.la-line-spin-fade > div {
  position: absolute;
  width: 2px;
  height: 10px;
  margin: 2px;
  margin-top: -5px;
  margin-left: -1px;
  border-radius: 0;
  -webkit-animation: line-spin-fade 1s infinite ease-in-out;
  -moz-animation: line-spin-fade 1s infinite ease-in-out;
  -o-animation: line-spin-fade 1s infinite ease-in-out;
  animation: line-spin-fade 1s infinite ease-in-out;
}
.la-line-spin-fade > div:nth-child(1) {
  top: 15%;
  left: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.125s;
  -moz-animation-delay: -1.125s;
  -o-animation-delay: -1.125s;
  animation-delay: -1.125s;
}
.la-line-spin-fade > div:nth-child(2) {
  top: 25.2512626585%;
  left: 74.7487373415%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.la-line-spin-fade > div:nth-child(3) {
  top: 50%;
  left: 85%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -1.375s;
  -moz-animation-delay: -1.375s;
  -o-animation-delay: -1.375s;
  animation-delay: -1.375s;
}
.la-line-spin-fade > div:nth-child(4) {
  top: 74.7487373415%;
  left: 74.7487373415%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.la-line-spin-fade > div:nth-child(5) {
  top: 84.9999999974%;
  left: 50.0000000004%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -1.625s;
  -moz-animation-delay: -1.625s;
  -o-animation-delay: -1.625s;
  animation-delay: -1.625s;
}
.la-line-spin-fade > div:nth-child(6) {
  top: 74.7487369862%;
  left: 25.2512627193%;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.la-line-spin-fade > div:nth-child(7) {
  top: 49.9999806189%;
  left: 15.0000039834%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -1.875s;
  -moz-animation-delay: -1.875s;
  -o-animation-delay: -1.875s;
  animation-delay: -1.875s;
}
.la-line-spin-fade > div:nth-child(8) {
  top: 25.2506949798%;
  left: 25.2513989292%;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.la-line-spin-fade.la-sm {
  width: 16px;
  height: 16px;
}
.la-line-spin-fade.la-sm > div {
  width: 1px;
  height: 4px;
  margin-top: -2px;
  margin-left: 0;
}
.la-line-spin-fade.la-2x {
  width: 64px;
  height: 64px;
}
.la-line-spin-fade.la-2x > div {
  width: 4px;
  height: 20px;
  margin-top: -10px;
  margin-left: -2px;
}
.la-line-spin-fade.la-3x {
  width: 96px;
  height: 96px;
}
.la-line-spin-fade.la-3x > div {
  width: 6px;
  height: 30px;
  margin-top: -15px;
  margin-left: -3px;
}
@-webkit-keyframes line-spin-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes line-spin-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes line-spin-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes line-spin-fade {
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.la-pacman,
.la-pacman > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-pacman {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-pacman.la-dark {
  color: #333;
}
.la-pacman > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-pacman {
  width: 32px;
  height: 32px;
}
.la-pacman > div:nth-child(1),
.la-pacman > div:nth-child(2) {
  width: 0;
  height: 0;
  background: transparent;
  border-style: solid;
  border-width: 16px;
  border-right-color: transparent;
  border-radius: 100%;
  -webkit-animation: pacman-rotate-half-up 0.5s 0s infinite;
  -moz-animation: pacman-rotate-half-up 0.5s 0s infinite;
  -o-animation: pacman-rotate-half-up 0.5s 0s infinite;
  animation: pacman-rotate-half-up 0.5s 0s infinite;
}
.la-pacman > div:nth-child(2) {
  margin-top: -32px;
  -webkit-animation-name: pacman-rotate-half-down;
  -moz-animation-name: pacman-rotate-half-down;
  -o-animation-name: pacman-rotate-half-down;
  animation-name: pacman-rotate-half-down;
}
.la-pacman > div:nth-child(3),
.la-pacman > div:nth-child(4),
.la-pacman > div:nth-child(5),
.la-pacman > div:nth-child(6) {
  position: absolute;
  top: 50%;
  left: 200%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: pacman-balls 2s 0s infinite linear;
  -moz-animation: pacman-balls 2s 0s infinite linear;
  -o-animation: pacman-balls 2s 0s infinite linear;
  animation: pacman-balls 2s 0s infinite linear;
}
.la-pacman > div:nth-child(3) {
  -webkit-animation-delay: -1.44s;
  -moz-animation-delay: -1.44s;
  -o-animation-delay: -1.44s;
  animation-delay: -1.44s;
}
.la-pacman > div:nth-child(4) {
  -webkit-animation-delay: -1.94s;
  -moz-animation-delay: -1.94s;
  -o-animation-delay: -1.94s;
  animation-delay: -1.94s;
}
.la-pacman > div:nth-child(5) {
  -webkit-animation-delay: -2.44s;
  -moz-animation-delay: -2.44s;
  -o-animation-delay: -2.44s;
  animation-delay: -2.44s;
}
.la-pacman > div:nth-child(6) {
  -webkit-animation-delay: -2.94s;
  -moz-animation-delay: -2.94s;
  -o-animation-delay: -2.94s;
  animation-delay: -2.94s;
}
.la-pacman.la-sm {
  width: 16px;
  height: 16px;
}
.la-pacman.la-sm > div:nth-child(1),
.la-pacman.la-sm > div:nth-child(2) {
  border-width: 8px;
}
.la-pacman.la-sm > div:nth-child(2) {
  margin-top: -16px;
}
.la-pacman.la-sm > div:nth-child(3),
.la-pacman.la-sm > div:nth-child(4),
.la-pacman.la-sm > div:nth-child(5),
.la-pacman.la-sm > div:nth-child(6) {
  width: 4px;
  height: 4px;
}
.la-pacman.la-2x {
  width: 64px;
  height: 64px;
}
.la-pacman.la-2x > div:nth-child(1),
.la-pacman.la-2x > div:nth-child(2) {
  border-width: 32px;
}
.la-pacman.la-2x > div:nth-child(2) {
  margin-top: -64px;
}
.la-pacman.la-2x > div:nth-child(3),
.la-pacman.la-2x > div:nth-child(4),
.la-pacman.la-2x > div:nth-child(5),
.la-pacman.la-2x > div:nth-child(6) {
  width: 16px;
  height: 16px;
}
.la-pacman.la-3x {
  width: 96px;
  height: 96px;
}
.la-pacman.la-3x > div:nth-child(1),
.la-pacman.la-3x > div:nth-child(2) {
  border-width: 48px;
}
.la-pacman.la-3x > div:nth-child(2) {
  margin-top: -96px;
}
.la-pacman.la-3x > div:nth-child(3),
.la-pacman.la-3x > div:nth-child(4),
.la-pacman.la-3x > div:nth-child(5),
.la-pacman.la-3x > div:nth-child(6) {
  width: 24px;
  height: 24px;
}
@-webkit-keyframes pacman-rotate-half-up {
  0%,
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pacman-rotate-half-up {
  0%,
  100% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pacman-rotate-half-up {
  0%,
  100% {
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pacman-rotate-half-up {
  0%,
  100% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes pacman-rotate-half-down {
  0%,
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes pacman-rotate-half-down {
  0%,
  100% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes pacman-rotate-half-down {
  0%,
  100% {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes pacman-rotate-half-down {
  0%,
  100% {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pacman-balls {
  0% {
    left: 200%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  5% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@-moz-keyframes pacman-balls {
  0% {
    left: 200%;
    opacity: 0;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  5% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    left: 0;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@-o-keyframes pacman-balls {
  0% {
    left: 200%;
    opacity: 0;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  5% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    left: 0;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@keyframes pacman-balls {
  0% {
    left: 200%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  5% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.la-square-jelly-box,
.la-square-jelly-box > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-square-jelly-box {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-square-jelly-box.la-dark {
  color: #333;
}
.la-square-jelly-box > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-square-jelly-box {
  width: 32px;
  height: 32px;
}
.la-square-jelly-box > div:nth-child(1),
.la-square-jelly-box > div:nth-child(2) {
  position: absolute;
  left: 0;
  width: 100%;
}
.la-square-jelly-box > div:nth-child(1) {
  top: -25%;
  z-index: 1;
  height: 100%;
  border-radius: 10%;
  -webkit-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
  -moz-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
  -o-animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
  animation: square-jelly-box-animate 0.6s -0.1s linear infinite;
}
.la-square-jelly-box > div:nth-child(2) {
  bottom: -9%;
  height: 10%;
  background: #000;
  border-radius: 50%;
  opacity: 0.2;
  -webkit-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
  -moz-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
  -o-animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
  animation: square-jelly-box-shadow 0.6s -0.1s linear infinite;
}
.la-square-jelly-box.la-sm {
  width: 16px;
  height: 16px;
}
.la-square-jelly-box.la-2x {
  width: 64px;
  height: 64px;
}
.la-square-jelly-box.la-3x {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -webkit-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    transform: translateY(50%) scale(1, 0.9) rotate(45deg);
  }
  75% {
    -webkit-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-moz-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -moz-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    transform: translateY(50%) scale(1, 0.9) rotate(45deg);
  }
  75% {
    -moz-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -moz-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-o-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -o-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    transform: translateY(50%) scale(1, 0.9) rotate(45deg);
  }
  75% {
    -o-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -o-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -webkit-transform: translateY(25%) rotate(22.5deg);
    -moz-transform: translateY(25%) rotate(22.5deg);
    -o-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -webkit-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    -moz-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    -o-transform: translateY(50%) scale(1, 0.9) rotate(45deg);
    transform: translateY(50%) scale(1, 0.9) rotate(45deg);
  }
  75% {
    -webkit-transform: translateY(25%) rotate(67.5deg);
    -moz-transform: translateY(25%) rotate(67.5deg);
    -o-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    -moz-transform: translateY(0) rotate(90deg);
    -o-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes square-jelly-box-shadow {
  50% {
    -webkit-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@-moz-keyframes square-jelly-box-shadow {
  50% {
    -moz-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@-o-keyframes square-jelly-box-shadow {
  50% {
    -o-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@keyframes square-jelly-box-shadow {
  50% {
    -webkit-transform: scale(1.25, 1);
    -moz-transform: scale(1.25, 1);
    -o-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}

.la-square-loader,
.la-square-loader > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-square-loader {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-square-loader.la-dark {
  color: #333;
}
.la-square-loader > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-square-loader {
  width: 32px;
  height: 32px;
}
.la-square-loader > div {
  width: 100%;
  height: 100%;
  background: transparent;
  border-width: 2px;
  border-radius: 0;
  -webkit-animation: square-loader 2s infinite ease;
  -moz-animation: square-loader 2s infinite ease;
  -o-animation: square-loader 2s infinite ease;
  animation: square-loader 2s infinite ease;
}
.la-square-loader > div:after {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  content: '';
  background-color: currentColor;
  -webkit-animation: square-loader-inner 2s infinite ease-in;
  -moz-animation: square-loader-inner 2s infinite ease-in;
  -o-animation: square-loader-inner 2s infinite ease-in;
  animation: square-loader-inner 2s infinite ease-in;
}
.la-square-loader.la-sm {
  width: 16px;
  height: 16px;
}
.la-square-loader.la-sm > div {
  border-width: 1px;
}
.la-square-loader.la-2x {
  width: 64px;
  height: 64px;
}
.la-square-loader.la-2x > div {
  border-width: 4px;
}
.la-square-loader.la-3x {
  width: 96px;
  height: 96px;
}
.la-square-loader.la-3x > div {
  border-width: 6px;
}
@-webkit-keyframes square-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes square-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes square-loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes square-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes square-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@-moz-keyframes square-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@-o-keyframes square-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes square-loader-inner {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}

.la-square-spin,
.la-square-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-square-spin {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-square-spin.la-dark {
  color: #333;
}
.la-square-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-square-spin {
  width: 32px;
  height: 32px;
}
.la-square-spin > div {
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -moz-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -o-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.la-square-spin.la-sm {
  width: 16px;
  height: 16px;
}
.la-square-spin.la-2x {
  width: 64px;
  height: 64px;
}
.la-square-spin.la-3x {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes square-spin {
  0% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  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(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@-moz-keyframes square-spin {
  0% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@-o-keyframes square-spin {
  0% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@keyframes square-spin {
  0% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    -moz-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
    -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}

.la-timer,
.la-timer > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-timer {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-timer.la-dark {
  color: #333;
}
.la-timer > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-timer {
  width: 32px;
  height: 32px;
}
.la-timer > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%;
}
.la-timer > div:before,
.la-timer > div:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 2px;
  margin-top: -1px;
  margin-left: -1px;
  content: '';
  background: currentColor;
  border-radius: 2px;
  -webkit-transform-origin: 1px 1px 0;
  -moz-transform-origin: 1px 1px 0;
  -ms-transform-origin: 1px 1px 0;
  -o-transform-origin: 1px 1px 0;
  transform-origin: 1px 1px 0;
  -webkit-animation: timer-loader 1250ms infinite linear;
  -moz-animation: timer-loader 1250ms infinite linear;
  -o-animation: timer-loader 1250ms infinite linear;
  animation: timer-loader 1250ms infinite linear;
  -webkit-animation-delay: -625ms;
  -moz-animation-delay: -625ms;
  -o-animation-delay: -625ms;
  animation-delay: -625ms;
}
.la-timer > div:before {
  height: 12px;
}
.la-timer > div:after {
  height: 8px;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  -o-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-delay: -7.5s;
  -moz-animation-delay: -7.5s;
  -o-animation-delay: -7.5s;
  animation-delay: -7.5s;
}
.la-timer.la-sm {
  width: 16px;
  height: 16px;
}
.la-timer.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-timer.la-sm > div:before,
.la-timer.la-sm > div:after {
  top: 7px;
  left: 7px;
  width: 1px;
  margin-top: -0.5px;
  margin-left: -0.5px;
  border-radius: 1px;
  -webkit-transform-origin: 0.5px 0.5px 0;
  -moz-transform-origin: 0.5px 0.5px 0;
  -ms-transform-origin: 0.5px 0.5px 0;
  -o-transform-origin: 0.5px 0.5px 0;
  transform-origin: 0.5px 0.5px 0;
}
.la-timer.la-sm > div:before {
  height: 6px;
}
.la-timer.la-sm > div:after {
  height: 4px;
}
.la-timer.la-2x {
  width: 64px;
  height: 64px;
}
.la-timer.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-timer.la-2x > div:before,
.la-timer.la-2x > div:after {
  top: 28px;
  left: 28px;
  width: 4px;
  margin-top: -2px;
  margin-left: -2px;
  border-radius: 4px;
  -webkit-transform-origin: 2px 2px 0;
  -moz-transform-origin: 2px 2px 0;
  -ms-transform-origin: 2px 2px 0;
  -o-transform-origin: 2px 2px 0;
  transform-origin: 2px 2px 0;
}
.la-timer.la-2x > div:before {
  height: 24px;
}
.la-timer.la-2x > div:after {
  height: 16px;
}
.la-timer.la-3x {
  width: 96px;
  height: 96px;
}
.la-timer.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
.la-timer.la-3x > div:before,
.la-timer.la-3x > div:after {
  top: 42px;
  left: 42px;
  width: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 6px;
  -webkit-transform-origin: 3px 3px 0;
  -moz-transform-origin: 3px 3px 0;
  -ms-transform-origin: 3px 3px 0;
  -o-transform-origin: 3px 3px 0;
  transform-origin: 3px 3px 0;
}
.la-timer.la-3x > div:before {
  height: 36px;
}
.la-timer.la-3x > div:after {
  height: 24px;
}
@-webkit-keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes timer-loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.la-triangle-skew-spin,
.la-triangle-skew-spin > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-triangle-skew-spin {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-triangle-skew-spin.la-dark {
  color: #333;
}
.la-triangle-skew-spin > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-triangle-skew-spin {
  width: 32px;
  height: 16px;
}
.la-triangle-skew-spin > div {
  width: 0;
  height: 0;
  background: transparent;
  border: none;
  border-style: solid;
  border-width: 16px;
  border-top-width: 0;
  border-right-color: transparent;
  border-left-color: transparent;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -moz-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  -o-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.la-triangle-skew-spin.la-sm {
  width: 16px;
  height: 8px;
}
.la-triangle-skew-spin.la-sm > div {
  border-width: 8px;
  border-top-width: 0;
}
.la-triangle-skew-spin.la-2x {
  width: 64px;
  height: 32px;
}
.la-triangle-skew-spin.la-2x > div {
  border-width: 32px;
  border-top-width: 0;
}
.la-triangle-skew-spin.la-3x {
  width: 96px;
  height: 48px;
}
.la-triangle-skew-spin.la-3x > div {
  border-width: 48px;
  border-top-width: 0;
}
@-webkit-keyframes triangle-skew-spin {
  0% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  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(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@-moz-keyframes triangle-skew-spin {
  0% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@-o-keyframes triangle-skew-spin {
  0% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}
@keyframes triangle-skew-spin {
  0% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    -moz-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
    -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
    transform: perspective(100px) rotateX(0) rotateY(360deg);
  }
}

/* Old Default Table Loader */
.supsystic-table-loader,
.supsystic-diagram-loader {
  margin: 0 auto;
}
.spinner {
  display: block;
  visibility: visible;
  width: 40px !important;
  height: 40px !important;
  background: transparent;
  background-color: #333;
  margin: 0 auto;
  opacity: 1;
  float: none;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
svg > g > g:last-child {
  pointer-events: none;
}.supsystic-tables-wrap .supsystic-table .bold {
  font-weight: 700;
}
.supsystic-tables-wrap .supsystic-table .italic {
  font-style: italic;
}
.supsystic-tables-wrap .supsystic-table .underline {
  text-decoration: underline;
}
.supsystic-tables-wrap .supsystic-table .htLeft {
  text-align: left;
}
.supsystic-tables-wrap .supsystic-table .htRight {
  text-align: right;
}
.supsystic-tables-wrap .supsystic-table .htCenter {
  text-align: center;
}
.supsystic-tables-wrap .supsystic-table .htTop {
  vertical-align: top;
}
.supsystic-tables-wrap .supsystic-table .htMiddle {
  vertical-align: middle;
}
.supsystic-tables-wrap .supsystic-table .htBottom {
  vertical-align: bottom;
}
.supsystic-tables-wrap .supsystic-table[data-responsive-mode='1'] td.child table {
  table-layout: fixed;
}
.supsystic-tables-wrap .supsystic-tables-export ul {
  margin: 0 !important;
  padding: 0 !important;
}
.supsystic-tables-wrap .supsystic-tables-export ul li {
  display: inline-block !important;
  margin-left: 10px;
}
.supsystic-tables-wrap .supsystic-tables-export ul li:first-child {
  margin-left: 0;
}
.supsystic-tables-wrap .supsystic-tables-export ul li .export-label,
.supsystic-tables-wrap .supsystic-tables-export ul li a {
  line-height: 1.2em;
  vertical-align: middle;
}

.supsystic-tables-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.supsystic-tables-wrap.disable-responsive {
  overflow: visible;
}

.supsystic-tables-wrap .supsystic-table {
  box-sizing: border-box;
}

table.supsystic-table th,
table.supsystic-table td {
  white-space: normal !important;
}
table.supsystic-table.nowrap th,
table.supsystic-table.nowrap td {
  white-space: nowrap !important;
}
table.supsystic-table img.wp-post-image {
  max-width: none;
}
table.supsystic-table img {
  max-width: 100%;
  height: auto;
}

.supsystic-tables-wrap table.supsystic-table .no-header tr:first-child td {
  border-top: 1px solid #111;
}
.supsystic-tables-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
  position: relative;
  width: auto !important;
  height: auto !important;
  background-color: transparent;
  opacity: 1;
  transition: none;
}
.supsystic-tables-wrap.pagination-large .dataTables_paginate .paginate_button {
  padding: 0.5em 1em;
}
.supsystic-tables-wrap.pagination-medium .dataTables_paginate .paginate_button {
  padding: 0.3em 0.7em;
}
.supsystic-tables-wrap.pagination-small .dataTables_paginate .paginate_button {
  padding: 0.1em 0.5em;
}
table.supsystic-table .ww-h {
  white-space: nowrap !important;
  overflow: hidden;
}

table.supsystic-table {
  table-layout: auto !important;
  max-width: none;
}
table.supsystic-table[data-lfixed='1'] {
  table-layout: fixed !important;
}

table.supsystic-table .ww-v {
  white-space: nowrap !important;
  overflow: visible;
  max-width: 0;
}

.dataTables_wrapper .dataTables_filter input {
  width: auto;
  margin-bottom: 1em;
}

table.supsystic-table .ww-v {
  max-width: auto;
}

.supsystic-tables-features div {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

.supsystic-tables-features.after_table div {
  margin-top: 10px;
  margin-bottom: 0;
}

table.supsystic-table.collapsed > tbody > tr > td:first-child:before,
table.supsystic-table.collapsed > tbody > tr > th:first-child:before {
  background-color: #2b2b2b;
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  text-align: center !important;
  text-indent: 1px !important;
}

table.supsystic-table.collapsed > tbody > tr.parent > td:first-child:before,
table.supsystic-table.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #888;
}
/* Reset border styles for data tables, because border and border-left, border-right etc. styles are applied on table at the same time */
table.dataTable tbody th,
table.dataTable tbody td {
  border: none;
}
table.dataTable caption {
  padding: 0 !important;
}
/* Add .no-border class for disable table borders at all */
table.dataTable.no-border.no-footer,
table.dataTable.no-border th,
table.dataTable.no-border td {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
table.oneColumn,
table.oneColumn thead,
table.oneColumn tbody,
table.oneColumn th,
table.oneColumn td,
table.oneColumn tr {
  display: block;
}

table.oneColumn thead tr,
table.oneColumn tfoot tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

table.oneColumn tr {
  border: 1px solid #ccc;
  height: auto !important;
}

table.oneColumn td {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  text-align: left;
  box-sizing: border-box;
}

table.oneColumnWithLabels tr:not(.haveMergedCell) td {
  padding-left: 50% !important;
  border-top: none !important;
}

table.oneColumnWithLabels tr:not(.haveMergedCell) td:before {
  position: absolute;
  text-align: left;
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
}

table.oneColumnWithLabels tr:not(.haveMergedCell) td:after {
  content: '';
  display: inline-block;
}

.supsystic-table.collapsed tr.child table td {
  overflow-y: auto;
}

.supsystic-table.fixedHeader-floating,
.supsystic-table.fixedFooter-floating {
  display: none;
}
.supsystic-tables-wrap .table-signature {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  color: #a4aaac;
}
.supsystic-tables-wrap .supsystic-table.compact .stbColumnsSearchWrapper th,
.supsystic-tables-wrap .supsystic-table.compact .stbColumnsSearchWrapper td {
  padding: 4px;
}

.supsystic-tables-wrap .DTFC_ScrollWrapper {
  height: auto !important;
}

/* For of applying unneeded scroll to fixed columns */
.supsystic-tables-wrap .DTFC_LeftWrapper .supsystic-table,
.supsystic-tables-wrap .DTFC_RightWrapper .supsystic-table {
  border-right: none;
}

/* For search by hidden cells and for invisible cells */
.supsystic-tables-wrap table.supsystic-table tr .hiddenCell,
.supsystic-tables-wrap table.supsystic-table tr .invisibleCell {
  display: none !important;
}

/* Fix for Horizontal scroll responsive mode if table has different width for one column in header and body */
.supsystic-tables-wrap .fit-content {
  border-bottom: none !important;
}
.supsystic-tables-wrap .fit-content table {
  float: left;
  border-bottom: 1px solid #111 !important;
}

/* Fix for using autowidth for tables with Fixed Header or Horizontal scroll responsive mode */
.supsystic-tables-wrap .dataTables_scrollHeadInner,
.supsystic-tables-wrap .dataTables_scrollFootInner {
  margin: 0 !important;
}
.supsystic-tables-wrap table {
  margin-left: 0 !important;
}
.supsystic-tables-wrap .dataTables_scroll {
  padding-top: 0 !important;
}
table.dataTable input.search-column {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}
.stbMobileComment {
  position: absolute;
  border-radius: 6px;
  background-color: #999;
  color: white;
  padding: 7px;
  z-index: 10;
}
.supsystic-table.compact[data-auto-index='new'] tr td:first-child {
  word-break: normal;
}

.dataTables_wrapper table td,
.dataTables_wrapper table th {
  word-break: initial !important;
  word-wrap: initial !important;
}
.supsystic-tables-wrap table.supsystic-table.stripe,
.supsystic-tables-wrap table.supsystic-table.hover td {
  background-color: inherit;
}
.supsystic-tables-global-page-search-wrapper {
  margin-bottom: 10px;
  margin-top: 10px;
}
.supsystic-tables-wrap .supsystic-table .editfile .delete-upload-file {
  display: none;
}
/*Disable Edit Link that was placed wrong in plugin before*/
.supsystic-tables-wrap > a {
  display: none;
}
.selectArea {
  background: white;
}
.inputArea {
  background: white;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.inputArea::-webkit-scrollbar {
  display: none;
}
div.dtsFrontendExportNotice {
  display: none;
  position: relative;
  width: 100%;
  margin: 0px;
  margin-top: 15px;
  padding: 5px 4px;
  color: black;
  border-radius: 3px;
  border: 1px solid gray;
  background: #dfdfdf;
}
.dataTables_paginate .ui-state-disabled,
.dataTables_paginate .ui-widget-content .ui-state-disabled,
.dataTables_paginate .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
}
.dataTables_paginate .button.supsystic-button,
.dataTables_paginate .supsystic-plugin .button,
.dataTables_paginate .supsystic-plugin .paginate_button,
.dataTables_paginate .supsystic-plugin .button-primary,
.dataTables_paginate .ui-button:not(.ui-dialog-titlebar-close),
.dataTables_paginate .ui-button.ui-state-default:not(.ui-dialog-titlebar-close) {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
  font-size: 15px !important;
  height: 35px !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  color: #28282a !important;
  background-color: transparent !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #000 !important;
  line-height: 31px !important;
  padding: 0 8px 1px !important;
}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left; margin-bottom:10px;}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;min-width:40px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}div.DTFC_Blocker{background-color:white}div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none}table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}