.shariff{display:block!important;clear:both}.shariff ul{display:flex;flex-direction:row;flex-flow:row wrap;padding:0!important;margin:0!important}.shariff li{height:35px;box-sizing:border-box;list-style:none!important;overflow:hidden!important;margin:5px!important;padding:0!important;text-indent:0!important;border-left:0 none!important}.shariff a{position:relative;display:block!important;height:35px;padding:0;margin:0;box-sizing:border-box;border:0;text-decoration:none!important;background-image:none!important;text-align:left;box-shadow:none;cursor:pointer}.shariff a:hover{color:#fff;background-color:inherit!important;text-decoration:none!important}.shariff a:visited{color:inherit}.shariff .shariff-count{position:absolute;height:33px;top:0;right:0;margin:1px;padding:0 8px;background-color:rgba(255,255,255,.5)}.shariff .shariff-count,.shariff .shariff-text{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:36px;vertical-align:top}.shariff .shariff-text{padding-left:3px}.shariff .shariff-icon svg{width:32px;height:20px;padding:7px 1px;box-sizing:content-box!important}.shariff-button::before{content:none!important}.shariff .shariff-buttons .shariff-text-white{color:#fff}.shariff .shariff-buttons .shariff-hidezero{opacity:0}.shariff .theme-default a{color:#fff!important}.shariff .theme-default .shariff-icon svg path{fill:#fff}.shariff .theme-color .shariff-count{background-color:transparent!important;color:#fff!important}.shariff .theme-color .shariff-icon svg path{fill:#fff}.shariff .theme-grey a{background-color:#b0b0b0!important}.shariff .theme-grey a:hover{background-color:inherit!important}.shariff .theme-grey .shariff-count{background-color:transparent;color:#fff!important}.shariff .theme-grey .shariff-icon svg path{fill:#fff}.shariff .theme-white a{background-color:#fff!important;border:1px solid #ddd}.shariff .theme-white a:hover{background-color:#eee!important;color:inherit}.shariff .theme-white svg{fill:currentColor}.shariff .theme-white .shariff-count{background-color:transparent;margin:0}.shariff .wcag_colors .shariff-count{color:#fff!important;background-color:rgba(255,255,255,.2)}.shariff .shariff-buttons.theme-round li{width:35px!important;height:35px;border-radius:50%;margin:5px}.shariff .theme-round a{position:relative;height:35px;border-radius:50%}.shariff .theme-round .shariff-icon svg{display:block;margin:auto;padding:8px 1px}.shariff .theme-round .shariff-text{display:block}.shariff .theme-round .shariff-count{display:inline;padding:0;right:0;left:0;top:0;background-color:transparent;color:transparent!important;text-align:center}.shariff .theme-round .shariff-count:hover{background-color:inherit!important;color:#fff!important}.shariff .theme-round .shariff-icon svg path{fill:#fff}.shariff .shariff-buttons.buttonsize-small li{height:25px!important}.shariff .shariff-buttons.buttonsize-small a{height:25px!important}.shariff .shariff-buttons.buttonsize-small.orientation-vertical li{width:115px}.shariff .shariff-buttons.buttonsize-small .shariff-icon svg{width:22px;height:15px;padding:5px 1px}.shariff .shariff-buttons.buttonsize-small .shariff-count,.shariff .shariff-buttons.buttonsize-small .shariff-text{font-size:11px;line-height:25px;padding:0 5px;height:23px}.shariff .shariff-buttons.buttonsize-small .shariff-text{padding-left:1px!important}.shariff .shariff-buttons.buttonsize-small.theme-round li{width:25px!important}.shariff .shariff-buttons.buttonsize-small.theme-round a{width:25px!important}.shariff .shariff-buttons.buttonsize-small.theme-round .shariff-count{padding:0!important;height:25px!important}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li{margin:5px 7px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:first-child{margin-left:5px}.shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:last-child{margin-right:5px}.shariff .buttonsize-large li{height:45px!important}.shariff .buttonsize-large a{height:45px!important}.shariff .buttonsize-large.orientation-vertical li{width:155px}.shariff .buttonsize-large .shariff-icon svg{width:40px;height:28px;padding:9px 2px}.shariff .buttonsize-large .shariff-count,.shariff .buttonsize-large .shariff-text{font-size:14px;line-height:45px;padding:0 10px;height:43px}.shariff .buttonsize-large .shariff-text{padding-left:1px!important}.shariff .shariff-buttons.buttonsize-large.theme-round li{width:45px!important;height:45px!important}.shariff .buttonsize-large.theme-round a{width:45px!important}.shariff .buttonsize-large.theme-round .shariff-count{padding:0!important;height:45px!important}.shariff .orientation-vertical{flex-direction:column}.shariff .orientation-vertical li{width:135px}.shariff.shariff-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.shariff.shariff-align-center ul{justify-content:center;align-items:center}.shariff.shariff-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.widget .shariff.shariff-widget-align-flex-start ul{justify-content:flex-start;align-items:flex-start}.widget .shariff.shariff-widget-align-center ul{justify-content:center;align-items:center}.widget .shariff.shariff-widget-align-flex-end ul{justify-content:flex-end;align-items:flex-end}.shariff.shariff-buttonstretch :not(.theme-round) li{flex:1 0 auto!important}.shariff.shariff-buttonstretch .orientation-vertical li{width:100%!important}.widget .shariff li{border:none;font-weight:400}.widget .shariff .theme-color a,.widget .shariff .theme-default a,.widget .shariff .theme-grey a,.widget .shariff .theme-round a{color:#fff;display:block;font-weight:400}.widget .shariff .theme-color a:hover,.widget .shariff .theme-default a:hover,.widget .shariff .theme-grey a:hover,.widget .shariff .theme-round a:hover{color:#fff;font-weight:400}.shariff-warning{background-color:red;color:#fff;font-size:20px;font-weight:700;padding:10px;text-align:center;margin:0 auto;line-height:1.5}.shariff .info a{height:35px}.shariff .wcag_colors .info a{height:35px}.shariff .shariff-button.info{width:35px;flex:0 0 auto!important}.shariff .theme-default .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-default.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .theme-round .shariff-button.shariff-nocustomcolor.info svg path{fill:#999}.shariff .theme-round.wcag_colors .shariff-button.shariff-nocustomcolor.info svg path{fill:#595959}.shariff .buttonsize-small .shariff-button.info{width:25px}.shariff .buttonsize-small .info a{width:25px}.shariff .buttonsize-large .shariff-button.info{width:45px}.shariff .buttonsize-large .info a{width:45px}.shariff .info .shariff-icon svg{display:block;margin:auto}.shariff-icon{display:inline-block}@media only screen and (max-width:360px){.shariff .shariff-buttons.buttonsize-small li{width:25px}.shariff .shariff-buttons li{width:35px}.shariff .shariff-buttons.buttonsize-large li{width:45px}.shariff .shariff-buttons .shariff-icon svg{display:block;margin:auto}.shariff .shariff-buttons .shariff-text{display:none}.shariff .shariff-buttons .shariff-count{display:none}}@media only screen and (min-width:361px){.shariff .shariff-buttons.buttonsize-small li{width:105px}.shariff .shariff-buttons li{width:125px}.shariff .shariff-buttons.buttonsize-large li{width:155px}.shariff .shariff-buttons .shariff-text{display:inline}.shariff .shariff-buttons .shariff-count{display:inline}}@media only screen and (min-device-width:1025px){.shariff .shariff-mobile{display:none!important}}.dpt-flex-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.dpt-entry {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

input.dpt-hsearch-input {
  width: 100%;
  padding: 10px 15px !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  margin: 5px 0 !important;
}

select.dpt-taxonomy-hfilter {
  box-shadow: none !important;
  width: 100%;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  padding: 8px 5px !important;
  margin: 0 0 0 10px !important;
  background: #fff !important;
  background-position: initial !important;
  -webkit-appearance: auto;
          appearance: auto;
}

.dpt-main-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.dpt-main-header.line {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #999;
}
.dpt-main-header.box {
  padding: 0.5rem 0.75rem;
  border: 1px solid #999;
}
.dpt-main-header.tline {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #999;
}
.dpt-main-header.tline .dpt-main-title-text {
  display: inline-block;
}
.dpt-main-header.tline .dpt-main-title-text:after {
  display: block;
  content: "";
  height: 4px;
  background-color: currentColor;
  position: relative;
  top: calc(0.25rem + 1px);
}

.dpt-main-title {
  font-size: 1.15em;
  line-height: 1.618;
  font-weight: bold;
  margin-right: auto;
}

a.dpt-main-title-link {
  color: currentColor;
  text-decoration: none;
}

.dpt-header-btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  position: relative;
  font-size: 15px;
  line-height: 1;
  background-color: transparent !important;
  color: currentColor !important;
  border: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: pointer;
}
.dpt-header-btn:disabled {
  cursor: not-allowed !important;
  color: #999 !important;
}
.dpt-header-btn:focus {
  outline: none !important;
}
.dpt-header-btn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dpt-header-posts-btn {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  display: flex;
  align-items: center;
}

.dpt-hprev-btn {
  border-right: 1px solid #e6e6e6 !important;
}

.dpt-header-search-btn,
.dpt-header-filter-btn {
  display: flex;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  align-items: center;
  margin-right: 5px;
}

.dpt-header-search {
  position: relative;
  display: none;
}
.dpt-hsearch-open .dpt-header-search {
  display: block;
}
.dpt-header-search .icon-dpt-search,
.dpt-header-search .dpt-hsearch-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  color: #999;
  font-size: 15px;
}
.dpt-header-search .dpt-hsearch-close {
  right: 12px;
  left: auto;
}
.dpt-header-search .dpt-hsearch-close .icon {
  color: #222;
}
.dpt-header-search input {
  padding-left: 40px !important;
}

.dpt-header-filter {
  display: none;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  align-items: center;
}
.dpt-hfilter-open .dpt-header-filter {
  display: flex;
}
.dpt-header-filter .dpt-hfilter-close {
  margin-left: 10px !important;
}
.dpt-header-filter .dpt-filter-menu {
  flex: 1;
}

.dpt-hfilter {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dpt-separator {
  display: block;
  margin: 10px 0;
}

.dpt-filter-title {
  display: block;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
}

.dpt-hfilter-text {
  margin-left: 3px;
}

.display-post-types .dpt-wrapper {
  margin-top: calc(-1 * var(calc(--dpt-v-gutter - 1px), 9px));
  margin-bottom: calc(-1 * var(calc(--dpt-v-gutter - 1px), 9px));
}
.display-post-types .dpt-wrapper .dpt-entry {
  padding-top: var(--dpt-v-gutter, 10px);
  padding-bottom: var(--dpt-v-gutter, 10px);
}

.dpt-wrapper *,
.dpt-wrapper *:before,
.dpt-wrapper *:after {
  box-sizing: border-box;
  min-width: 0;
}
.dpt-wrapper {
  font-size: 16px;
  line-height: 1.5;
}
.dpt-wrapper.wide-wrap {
  font-size: 18px;
}
.dpt-wrapper {
  opacity: 0;
}
.dpt-wrapper.dpt-added {
  opacity: 1;
}
.dpt-wrapper {
  text-align: var(--dpt-text-align, left);
}

.dpt-entry-wrapper {
  overflow: hidden;
  height: 100%;
  padding: var(--dpt-wrapper-padding, 0);
  border: 1px solid;
  border-width: var(--dpt-wrapper-br-width, 0);
  border-color: var(--dpt-wrapper-br-color, #e6e6e6);
  border-radius: var(--dpt-wrapper-br-radius, 0);
  background-color: var(--dpt-wrapper-bg-color, transparent);
  box-shadow: 0 1px var(--dpt-wrapper-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-intensity, 0));
}
.dpt-entry-wrapper:hover {
  box-shadow: 0 2px var(--dpt-wrapper-shadow-hover-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-shadow-hover-intensity, 0));
}
.dpt-entry-wrapper .sub-entry {
  padding: var(--dpt-wrapper-entry-padding, 0);
  border-style: solid;
  border-width: var(--dpt-wrapper-entry-br-width, 0);
  border-color: var(--dpt-wrapper-entry-br-color, #e6e6e6);
  border-radius: var(--dpt-wrapper-entry-br-radius, 0);
  background-color: var(--dpt-wrapper-entry-bg-color, transparent);
  box-shadow: 0 1px var(--dpt-wrapper-entry-shadow-elevation, 0) rgba(0, 0, 0, var(--dpt-wrapper-entry-shadow-intensity, 0));
}

.dpt-featured-content {
  position: relative;
  border-radius: var(--dpt-border-radius, 0);
  margin: var(--dpt-thumbnail-margin, 0);
  overflow: hidden;
}
.dpt-featured-content .dpt-permalink {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--dpt-border-radius, 0);
  z-index: 1;
}
.dpt-grid1 .dpt-featured-content {
  margin: var(--dpt-thumbnail-margin, 0 0 10px);
}
.dpt-grid1.dpt-content-wraptype .dpt-featured-content {
  margin: var(--dpt-thumbnail-margin, 0);
}
.no-thumbnail .dpt-featured-content .dpt-thumbnail-inner {
  background-color: rgba(197, 197, 197, 0.35);
}

.dpt-thumbnail {
  background-position: var(--dpt-image-crop, center);
  border-radius: var(--dpt-border-radius, 0);
}
.dpt-thumbnail .dpt-thumbnail-inner {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dpt-thumbnail-inner > img {
  display: block;
  margin: 0 !important;
  border-width: 0;
  padding: 0;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: var(--dpt-image-crop, center);
  border-radius: var(--dpt-border-radius, 0);
}
.dpt-thumbnail-aspect-ratio {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

.display-post-types .sub-entry:empty {
  display: none;
}
.display-post-types h3.dpt-title {
  font-size: 18px;
  font-size: var(--dpt-title-font-size, 18px);
  font-weight: bold;
  font-weight: var(--dpt-title-font-weight, bold);
  font-style: var(--dpt-title-font-style, normal);
  line-height: var(--dpt-title-line-height, 1.5) !important;
  letter-spacing: var(--dpt-title-letter-spacing, 0);
  text-transform: var(--dpt-title-text-transform, none);
  color: var(--dpt-title-text-color);
  margin: 0 !important;
  margin: var(--dpt-title-margin, 0) !important;
  padding: 0 !important;
  transition: none !important;
}
.display-post-types a.dpt-title-link {
  color: #222;
  color: var(--dpt-title-link-color) !important;
  -webkit-text-decoration: var(--dpt-title-text-decoration, none) !important;
          text-decoration: var(--dpt-title-text-decoration, none) !important;
  transition: none !important;
}
.display-post-types a.dpt-title-link:hover, .display-post-types a.dpt-title-link:focus {
  color: #666;
  color: var(--dpt-title-link-hover-color) !important;
}
.display-post-types .dpt-excerpt {
  font-weight: var(--dpt-excerpt-font-weight, 400);
  font-style: var(--dpt-excerpt-font-style, normal);
  letter-spacing: var(--dpt-excerpt-letter-spacing, 0);
  text-transform: var(--dpt-excerpt-text-transform, none);
  margin: var(--dpt-excerpt-margin, 5px 0 0 0);
  color: var(--dpt-excerpt-text-color);
}
.display-post-types .dpt-excerpt p {
  margin: 0 !important;
}
.display-post-types .dpt-excerpt,
.display-post-types .dpt-excerpt p,
.display-post-types .dpt-excerpt a {
  font-size: 16px;
  line-height: 1.5;
  font-size: var(--dpt-excerpt-font-size, 16px);
  line-height: var(--dpt-excerpt-line-height, 1.5);
}
.display-post-types .dpt-excerpt a {
  -webkit-text-decoration: var(--dpt-excerpt-text-decoration, none) !important;
          text-decoration: var(--dpt-excerpt-text-decoration, none) !important;
}
.display-post-types .dpt-excerpt a span {
  color: var(--dpt-excerpt-link-color) !important;
}
.display-post-types .dpt-excerpt a:hover span, .display-post-types .dpt-excerpt a:focus span {
  color: var(--dpt-excerpt-link-hover-color) !important;
}
.display-post-types .dpt-excerpt-teaser-btn p.dpt-has-teaser {
  margin-top: 15px !important;
}
.display-post-types .dpt-meta {
  font-size: var(--dpt-meta1-font-size, 13px);
  line-height: var(--dpt-meta1-line-height, 1.9);
  font-weight: var(--dpt-meta1-font-weight, 400);
  font-style: var(--dpt-meta1-font-style, normal);
  letter-spacing: var(--dpt-meta1-letter-spacing, 0);
  text-transform: var(--dpt-meta1-text-transform, none);
  margin: var(--dpt-meta1-margin, 0);
  color: var(--dpt-meta1-text-color);
}
.display-post-types .dpt-meta a {
  -webkit-text-decoration: var(--dpt-meta1-text-decoration, none) !important;
          text-decoration: var(--dpt-meta1-text-decoration, none) !important;
}
.display-post-types .dpt-meta2 {
  font-size: var(--dpt-meta2-font-size, 14px);
  line-height: var(--dpt-meta2-line-height, 1.9843);
  font-weight: var(--dpt-meta2-font-weight, 400);
  font-style: var(--dpt-meta2-font-style, normal);
  letter-spacing: var(--dpt-meta2-letter-spacing, 0);
  text-transform: var(--dpt-meta2-text-transform, none);
  margin: var(--dpt-meta2-margin, 0) !important;
  color: var(--dpt-meta2-text-color);
}
.display-post-types .dpt-meta2 a {
  -webkit-text-decoration: var(--dpt-meta2-text-decoration, none) !important;
          text-decoration: var(--dpt-meta2-text-decoration, none) !important;
}
.display-post-types .dpt-categories,
.display-post-types .dpt-tags {
  display: inline-block;
}

.dpt-entry-wrapper {
  position: relative;
}
.dpt-entry-wrapper a, .dpt-entry-wrapper a:hover, .dpt-entry-wrapper a:focus {
  text-decoration: none !important;
  border-width: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.dpt-author,
.dpt-date {
  display: inline-block;
}

.dpt-fetch-running {
  font-size: 16px;
  display: none;
}
.dpt-fetch-running.dpt-show {
  display: block;
}

.dp-pagination {
  display: block;
  text-align: center;
  padding: 20px 0 0;
}
.dp-pagination .page-numbers {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  background-color: #e6e6e6;
  color: #363636;
}
.dp-pagination .page-numbers.current {
  background-color: #363636;
  color: #fff;
}
.dp-pagination .page-numbers, .dp-pagination .page-numbers:hover, .dp-pagination .page-numbers:focus {
  text-decoration: none;
}

.display-post-types img,
.dpt-pro-slider-wrapper img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.dpt-image-overlay .sub-entry {
  padding: var(--dpt-wrapper-entry-padding, 10px 10px 15px 10px);
  height: auto;
  position: absolute;
  top: var(--dpt-text_pos_top, auto);
  left: var(--dpt-text_pos_left, 0);
  bottom: var(--dpt-text_pos_bottom, 0);
  right: var(--dpt-text_pos_right, auto);
  transform: var(--dpt-text_pos_transform, none);
  width: var(--dpt-wrapper-entry-width, 80%);
  height: var(--dpt-wrapper-entry-height, auto);
  z-index: 2;
}
.dpt-image-overlay .sub-entry .dpt-excerpt {
  max-width: 100%;
}
.dpt-image-overlay.dpt-pro-slider1 .sub-entry, .dpt-image-overlay.dpt-pro-slider3 .sub-entry {
  width: var(--dpt-wrapper-entry-width, auto);
}
.dpt-image-overlay a.dpt-permalink, .dpt-image-overlay a.dpt-permalink:hover, .dpt-image-overlay a.dpt-permalink:focus {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 75%) !important;
}
.dpt-image-overlay h3.dpt-title {
  text-shadow: var(--dpt-title-text-shadow, 0 2px 3px rgba(0, 0, 0, 0.5));
}
.dpt-image-overlay a.dpt-title-link {
  color: #fff !important;
  color: var(--dpt-title-link-color, #fff) !important;
}
.dpt-image-overlay a.dpt-title-link:hover, .dpt-image-overlay a.dpt-title-link:focus {
  color: #fff !important;
  color: var(--dpt-title-link-hover-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta {
  color: #fff !important;
  color: var(--dpt-meta1-text-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta a {
  color: #fff !important;
  color: var(--dpt-meta1-link-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta a:hover, .dpt-image-overlay .dpt-meta a:focus {
  color: #fff !important;
  color: var(--dpt-meta1-link-hover-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 {
  color: #fff !important;
  color: var(--dpt-meta2-text-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 a {
  color: #fff !important;
  color: var(--dpt-meta2-link-color, #fff) !important;
}
.dpt-image-overlay .dpt-meta2 a:hover, .dpt-image-overlay .dpt-meta2 a:focus {
  color: #fff !important;
  color: var(--dpt-meta2-link-hover-color, #fff) !important;
}

.dpt-slider1.flickity-enabled:not(.dpt-cropped) .dpt-entry {
  top: 50%;
  transform: translateY(-50%);
}

.dpt-list2 .dpt-entry-wrapper,
.dpt-mag1 .dpt-entry-wrapper {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
}
.dpt-list2 .dpt-featured-content,
.dpt-mag1 .dpt-featured-content {
  flex-basis: 65px;
  margin: var(--dpt-thumbnail-margin, 0 10px 0 0);
}
.dpt-list2 .sub-entry,
.dpt-mag1 .sub-entry {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
}
.dpt-list2 h3.dpt-title,
.dpt-mag1 h3.dpt-title {
  line-height: var(--dpt-title-line-height, 1.25) !important;
}
.dpt-list2 .dpt-meta,
.dpt-mag1 .dpt-meta {
  margin: var(--dpt-meta1-margin, 0);
  letter-spacing: var(--dpt-meta1-letter-spacing, 0);
}
.dpt-list2 .dpt-meta2,
.dpt-mag1 .dpt-meta2 {
  margin: var(--dpt-meta2-margin, 0);
  letter-spacing: var(--dpt-meta2-letter-spacing, 0);
}
.dpt-list2.right-al .dpt-featured-content,
.dpt-mag1.right-al .dpt-featured-content {
  order: 2;
  margin: var(--dpt-thumbnail-margin, 0 0 0 10px);
}

.dpt-grid1 .dpt-entry-wrapper {
  display: flex;
  flex-direction: column;
}

.dpt-mag1 .dpt-featured-wrap {
  align-self: flex-start;
  width: 100%;
}
.tab-wrap.dpt-mag1 .dpt-featured-wrap {
  width: auto;
  flex-basis: 50%;
  margin-right: 20px;
}
.tab-wrap.dpt-mag1 .dpt-featured-wrap .dpt-entry {
  padding-top: 0;
  padding-bottom: 0;
}

.wide-wrap.dpt-mag1 .dpt-featured-wrap {
  width: auto;
  flex-basis: 50%;
  margin-right: 20px;
}
.wide-wrap.dpt-mag1 .dpt-featured-wrap .dpt-entry {
  padding-top: 0;
  padding-bottom: 0;
}

.dpt-mag1 .dpt-featured-wrap .dpt-entry-wrapper {
  flex-wrap: wrap;
}
.dpt-mag1 .dpt-featured-wrap .dpt-featured-content {
  flex-basis: 100%;
  margin: 0 0 10px 0;
}
.dpt-mag1 .dpt-featured-wrap .sub-entry {
  flex: auto;
}
.display-post-types .dpt-mag1 .dpt-featured-wrap h3.dpt-title a {
  font-size: calc(1.25 * var(--dpt-title-font-size, 16px));
}
.display-post-types .dpt-mag1 .dpt-featured-wrap .dpt-excerpt {
  font-size: calc(1.25 * var(--dpt-excerpt-font-size, 14px));
}
.dpt-mag1 .dpt-normal-wrap {
  align-self: flex-start;
  width: 100%;
}
.display-post-types .dpt-mag1 .dpt-normal-wrap h3.dpt-title a {
  font-size: var(--dpt-title-font-size, 16px);
}
.display-post-types .dpt-mag1 .dpt-normal-wrap .dpt-excerpt {
  font-size: var(--dpt-excerpt-font-size, 14px);
}
.dpt-mag1 .dpt-normal-wrap .dpt-featured-content {
  flex-basis: 25%;
  align-self: stretch;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap {
  width: auto;
  flex: 1;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:first-of-type {
  padding-top: 0;
}
.tab-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:last-of-type {
  padding-bottom: 0;
}

.wide-wrap.dpt-mag1 .dpt-normal-wrap {
  width: auto;
  flex: 1;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .sub-entry {
  justify-content: flex-start;
  padding-top: 5px;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:first-of-type {
  padding-top: 0;
}
.wide-wrap.dpt-mag1 .dpt-normal-wrap .dpt-entry:last-of-type {
  padding-bottom: 0;
}

.display-post-types ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.display-post-types ::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}
.display-post-types ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}
.display-post-types ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.display-post-types ::-webkit-scrollbar-thumb:active {
  background: #333;
}

.dpt-wrapper {
  animation-duration: 0.001s;
  animation-name: dptAdded;
}

.dpt-hidden {
  display: none;
}

.icon {
  position: relative;
  top: -0.0625em;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon.dpt-hidden {
  display: none;
}

/* Elementor bug that collapse content on smaller screens. */
@keyframes dptAdded {
  from {
    opacity: 0.01;
  }
  to {
    opacity: 0;
  }
}
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.display-post-types .flickity-enabled {
  position: relative;
}
.display-post-types .flickity-enabled:focus {
  outline: none;
}
.display-post-types .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.display-post-types .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.display-post-types {
  /* draggable */
}
.display-post-types .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
          user-select: none;
}
.display-post-types .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}
.display-post-types .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}
.display-post-types {
  /* ---- flickity-button ---- */
}
.display-post-types .flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.5) !important;
  border: none;
  color: #333 !important;
  display: none;
  padding: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.display-post-types .flickity-button:hover {
  background: white !important;
  cursor: pointer;
  color: #333 !important;
}
.display-post-types .flickity-button:focus {
  outline: none;
  color: #333 !important;
  box-shadow: 0 0 0 5px #19F;
}
.display-post-types .flickity-button:active {
  opacity: 0.6;
}
.display-post-types .flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.display-post-types .flickity-button-icon,
.display-post-types .flickity-button-icon .arrow {
  fill: #333 !important;
}
.display-post-types {
  /* ---- previous/next buttons ---- */
}
.display-post-types .flickity-prev-next-button {
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
  z-index: 10;
}
.display-post-types .flickity-prev-next-button.previous {
  left: 10px;
}
.display-post-types .flickity-prev-next-button.next {
  right: 10px;
}
.display-post-types {
  /* right to left */
}
.display-post-types .flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.display-post-types .flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.display-post-types .flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  transform: translate(-50%, -50%);
}
.display-post-types {
  /* ---- page dots ---- */
}
.display-post-types .flickity-page-dots {
  width: 100%;
  padding: 0;
  margin: 10px 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  display: block;
}
.display-post-types .flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.display-post-types .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.display-post-types .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
@media only screen and (min-width: 450px){.multi-col.mob-wrap .dpt-entry, .multi-col.tab-wrap .dpt-entry, .multi-col.wide-wrap .dpt-entry {
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
  }
  .display-post-types .multi-col {
    margin-left: calc(-1 * var(--dpt-h-gutter, 10px));
    margin-right: calc(-1 * var(--dpt-h-gutter, 10px));
    width: calc(100% + 2 * var(--dpt-h-gutter, 10px));
    max-width: calc(100vw - 2 * var(--dpt-h-gutter, 10px));
  }
  .display-post-types .multi-col .dpt-entry {
    padding-left: var(--dpt-h-gutter, 10px);
    padding-right: var(--dpt-h-gutter, 10px);
  }
  .dpt-list1 .dpt-entry-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
  }
  .dpt-list1 .dpt-featured-content {
    flex-basis: 33.33%;
    margin: var(--dpt-thumbnail-margin, 0 20px 0 0);
  }
  .dpt-list1 .sub-entry {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 10px;
    align-self: stretch;
  }
  .dpt-list1.right-al .dpt-featured-content {
    order: 2;
    margin: var(--dpt-thumbnail-margin, 0 0 0 20px);
  }}
@media only screen and (min-width: 768px){.multi-col.tab-wrap .dpt-entry, .multi-col.wide-wrap .dpt-entry {
    flex-basis: var(--dpt-small-grid-column, 33.33%);
    max-width: var(--dpt-small-grid-column, 33.33%);
    width: var(--dpt-small-grid-column, 33.33%);
  }
  .display-post-types .flickity-button {
    display: inline-block;
  }
  .display-post-types .flickity-page-dots {
    display: none;
  }}
@media only screen and (min-width: 1024px){.multi-col.wide-wrap .dpt-entry {
    flex-basis: var(--dpt-large-grid-column, 33.33%);
    max-width: var(--dpt-large-grid-column, 33.33%);
    width: var(--dpt-large-grid-column, 33.33%);
  }
  .display-post-types .wide-wrap h3.dpt-title,
  .display-post-types .wide-wrap h3.dpt-title a {
    font-size: 18px;
    font-size: var(--dpt-title-font-size, 18px);
  }
  .dp-pagination {
    padding: 40px 0 0;
  }
  .dpt-image-overlay.dpt-pro-slider1 .sub-entry .dpt-excerpt, .dpt-image-overlay.dpt-pro-slider3 .sub-entry .dpt-excerpt {
    max-width: 80%;
    margin-left: var(--dpt-excerpt-align-margin-left, 0) !important;
    margin-right: var(--dpt-excerpt-align-margin-right, 0) !important;
  }}
@media (max-width: 768px){.elementor-widget-wp-widget-dpt_display_post_types {
    width: 100% !important;
    display: block !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(/s/img/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(/s/img/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(/s/img/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(/s/img/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(/s/img/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}}