@charset "UTF-8";

 @-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(//ciclista.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru);src:url(//ciclista.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru#iefix) format("embedded-opentype"),url(//ciclista.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2?4f0ru) format("woff2"),url(//ciclista.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff?4f0ru) format("woff"),url(//ciclista.net/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.ttf?4f0ru) 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}.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);
}
} .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;
} table.dataTable tbody th,
table.dataTable tbody td {
border: none;
}
table.dataTable caption {
padding: 0 !important;
} 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;
} .supsystic-tables-wrap .DTFC_LeftWrapper .supsystic-table,
.supsystic-tables-wrap .DTFC_RightWrapper .supsystic-table {
border-right: none;
} .supsystic-tables-wrap table.supsystic-table tr .hiddenCell,
.supsystic-tables-wrap table.supsystic-table tr .invisibleCell {
display: none !important;
} .supsystic-tables-wrap .fit-content {
border-bottom: none !important;
}
.supsystic-tables-wrap .fit-content table {
float: left;
border-bottom: 1px solid #111 !important;
} .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;
} .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(//ciclista.net/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(//ciclista.net/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(//ciclista.net/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(//ciclista.net/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(//ciclista.net/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}}.site-branding{max-height:inherit}.site-branding a.brand{display:flex;gap:1em;flex-direction:row;align-items:center;text-decoration:none;color:inherit;max-height:inherit}.site-branding a.brand img{display:block}.site-branding .site-title{margin:0}.site-branding .site-description{margin:.4375em 0 0;word-wrap:break-word}.site-branding.branding-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-layout-vertical.site-title-top a.brand .site-description{margin:0}.site-branding.branding-layout-vertical a.brand{flex-direction:column}.site-branding.branding-layout-vertical-reverse a.brand{flex-direction:column-reverse}.site-header-section-center .site-branding.branding-layout-vertical a.brand,.site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand{text-align:center}.site-header-section-center .site-branding.branding-layout-vertical a.brand img,.site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand img{margin-left:auto;margin-right:auto}@media screen and (max-width: 1024px){.site-branding.branding-tablet-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-tablet-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-tablet-layout-vertical a.brand{flex-direction:column}.site-branding.branding-tablet-layout-vertical-reverse a.brand{flex-direction:column-reverse}}@media screen and (max-width: 719px){.site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand{flex-direction:row}.site-branding.branding-mobile-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-mobile-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-mobile-layout-vertical a.brand{flex-direction:column}.site-branding.branding-mobile-layout-vertical-reverse a.brand{flex-direction:column-reverse}}.site-header-row-center-column .brand:not(.has-logo-image) .site-title-wrap{text-align:center}.logo-icon{display:flex}.logo-icon .kadence-svg-iconset svg{width:100%;height:auto}.header-navigation ul ul.sub-menu,.header-navigation ul ul.submenu{display:none;position:absolute;top:100%;flex-direction:column;background:#fff;margin-left:0;box-shadow:0 2px 13px rgba(0,0,0,.1);z-index:1000}.header-navigation ul ul.quadmenu-row{flex-direction:row}body:not(.hide-focus-outline) .header-navigation li.menu-item--has-toggle>a:focus .dropdown-nav-toggle{opacity:.2}.header-navigation ul ul.sub-menu>li:last-child,.header-navigation ul ul.submenu>li:last-child{border-bottom:0}.header-navigation ul ul.sub-menu.sub-menu-edge{left:auto;right:0}.header-navigation ul ul ul.sub-menu.sub-menu-edge{left:auto;right:100%}.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.sub-menu,.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.submenu{opacity:0;visibility:hidden;transform:translate3d(0, 0, 0);transition:all .2s ease;display:block;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden}.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:hover>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:not(.menu-item--has-toggle):focus>ul{opacity:1;visibility:visible;transform:translate3d(0, 0, 0);clip:auto;height:auto;overflow:visible}.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li>ul.opened,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li:not(.menu-item--has-toggle):focus>ul{opacity:1;visibility:visible;transform:translate3d(0, 0, 0);clip:auto;height:auto;overflow:visible}.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.sub-menu,.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.submenu{transform:translate3d(0, 10px, 0)}.header-navigation.header-navigation-dropdown-animation-fade-down ul ul.sub-menu,.header-navigation.header-navigation-dropdown-animation-fade-down ul ul.submenu{transform:translate3d(0, -10px, 0)}.wp-site-blocks .nav--toggle-sub .dropdown-nav-special-toggle{position:absolute !important;overflow:hidden;padding:0 !important;margin:0 !important;margin-right:-0.1em !important;border:0 !important;width:.9em;top:0;bottom:0;height:auto;border-radius:0;box-shadow:none !important;background:rgba(0,0,0,0) !important;display:block;left:auto;right:.7em;pointer-events:none}.wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{width:2.6em;margin:0 !important;right:0}.nav--toggle-sub .dropdown-nav-special-toggle:focus{z-index:10}.nav--toggle-sub .dropdown-nav-toggle{display:block;background:rgba(0,0,0,0);position:absolute;right:0;top:50%;width:.7em;height:.7em;font-size:inherit;width:.9em;height:.9em;font-size:.9em;display:inline-flex;line-height:inherit;margin:0;padding:0;border:none;border-radius:0;transform:translateY(-50%);overflow:visible;transition:opacity .2s ease}.nav--toggle-sub ul ul .dropdown-nav-toggle{right:.2em}.nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset{transform:rotate(-90deg)}.nav--toggle-sub li.menu-item-has-children{position:relative}.nav-drop-title-wrap{position:relative;padding-right:1em;display:block}.nav--toggle-sub:not(.click-to-open) li:hover>ul,.nav--toggle-sub li.menu-item--toggled-on>ul,.nav--toggle-sub li:not(.menu-item--has-toggle):focus>ul,.nav--toggle-sub.click-to-open li.menu-item--has-toggle>ul.opened{display:block}.nav--toggle-sub li:not(.menu-item--has-toggle):focus-within>ul{display:block}@media(hover: none){.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on) .dropdown-nav-special-toggle{left:0;right:0 !important;margin-right:0 !important;width:100%;pointer-events:all}.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on)>a{pointer-events:none}}.rtl .nav--toggle-sub .dropdown-nav-toggle{right:auto;left:0}.rtl .primary-menu-container>ul>li.menu-item .dropdown-nav-special-toggle{right:auto;left:.7em}.rtl .wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{left:0;right:auto}.rtl .nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset{transform:rotate(-270deg)}.rtl .header-navigation ul ul ul.sub-menu,.rtl .header-navigation ul ul ul.submenu{right:100%;left:auto}.rtl .nav-drop-title-wrap{padding-left:1em;padding-right:0}.wp-site-blocks .nav--toggle-sub .kadence-menu-mega-enabled .sub-menu .dropdown-nav-special-toggle{display:none}.header-navigation-style-underline-fullheight,.header-navigation-style-fullheight{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container,.header-navigation-style-fullheight .header-menu-container{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul,.header-navigation-style-fullheight .header-menu-container>ul{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul>li,.header-navigation-style-fullheight .header-menu-container>ul>li{display:flex;height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul>li>a,.header-navigation-style-fullheight .header-menu-container>ul>li>a{display:flex;height:100%;align-items:center}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a{position:relative}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:after{content:"";width:100%;position:absolute;bottom:0px;height:2px;right:50%;background:currentColor;transform:scale(0, 0) translate(-50%, 0);transition:transform .2s ease-in-out,color 0s ease-in-out}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:hover:after{transform:scale(1, 1) translate(50%, 0)}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-menu-item>a:after,.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-page-item>a:after{transform:scale(1, 1) translate(50%, 0)}.header-navigation,.header-menu-container{display:flex}.header-navigation li.menu-item>a{display:block;width:100%;text-decoration:none;color:var(--global-palette4);transition:all .2s ease-in-out;transform:translate3d(0, 0, 0)}.header-navigation li.menu-item>a:hover,.header-navigation li.menu-item>a:focus{color:var(--global-palette-highlight)}.header-navigation ul.sub-menu,.header-navigation ul.submenu{display:block;list-style:none;margin:0;padding:0}.header-navigation ul li.menu-item>a{padding:.6em .5em}.header-navigation ul ul li.menu-item>a{padding:1em;outline-offset:-2px}.header-navigation ul ul li.menu-item>a{width:200px}.header-navigation ul ul ul.sub-menu,.header-navigation ul ul ul.submenu{top:0;left:100%;right:auto;min-height:100%}.header-navigation .menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}.menu-toggle-open{display:flex;background:rgba(0,0,0,0);align-items:center;box-shadow:none}.menu-toggle-open .menu-toggle-label{padding-right:5px}.menu-toggle-open .menu-toggle-icon{display:flex}.menu-toggle-open .menu-toggle-label:empty{padding-right:0px}.menu-toggle-open:hover,.menu-toggle-open:focus{border-color:currentColor;background:rgba(0,0,0,0);box-shadow:none}.menu-toggle-open.menu-toggle-style-default{border:0}.wp-site-blocks .menu-toggle-open{box-shadow:none}.mobile-navigation{width:100%}.mobile-navigation a{display:block;width:100%;text-decoration:none;padding:.6em .5em}.mobile-navigation ul{display:block;list-style:none;margin:0;padding:0}.drawer-nav-drop-wrap{display:flex;position:relative}.drawer-nav-drop-wrap a{color:inherit}.drawer-nav-drop-wrap .drawer-sub-toggle{background:rgba(0,0,0,0);color:inherit;padding:.5em .7em;display:flex;border:0;border-radius:0;box-shadow:none;line-height:normal}.drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle{position:absolute;left:0;z-index:10;top:0;bottom:0;justify-content:flex-end;width:100%}.mobile-navigation ul ul{padding-left:1em;transition:all .2s ease-in-out}.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu{display:none}body[class*=amp-mode-] .mobile-navigation ul ul{display:block}.mobile-navigation ul ul ul ul ul ul{padding-left:0}.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer{display:block}.popup-drawer{position:fixed;display:none;top:0;bottom:0;left:-99999rem;right:99999rem;transition:opacity .25s ease-in,left 0s .25s,right 0s .25s;z-index:100000}.popup-drawer .drawer-overlay{background-color:rgba(0,0,0,.4);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease-in-out}.popup-drawer .drawer-inner{width:100%;transform:translateX(100%);max-width:90%;right:0;top:0;overflow:auto;background:#090c10;color:#fff;bottom:0;opacity:0;position:fixed;box-shadow:0 0 2rem 0 rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .25s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer .drawer-header{padding:0 1.5em;display:flex;justify-content:flex-end;min-height:calc(1.2em + 24px)}.popup-drawer .drawer-header .drawer-toggle{background:rgba(0,0,0,0);border:0;font-size:24px;line-height:1;padding:.6em .15em;color:inherit;display:flex;box-shadow:none;border-radius:0}.popup-drawer .drawer-header .drawer-toggle:hover{box-shadow:none}.popup-drawer .drawer-content{padding:0 1.5em 1.5em}.popup-drawer-layout-sidepanel.popup-drawer-side-left .drawer-inner{transform:translateX(-100%);right:auto;left:0}@media screen and (max-width: 1024px){.showing-popup-drawer-from-right.animate-body-popup #inner-wrap,.showing-popup-drawer-from-right.animate-body-popup #colophon,.showing-popup-drawer-from-right.animate-body-popup .site-header-row{transform:translateX(-200px)}.showing-popup-drawer-from-left.animate-body-popup #inner-wrap,.showing-popup-drawer-from-left.animate-body-popup #colophon,.showing-popup-drawer-from-left.animate-body-popup .site-header-row{transform:translateX(200px)}.animate-body-popup #inner-wrap,.animate-body-popup .site-header-row,.animate-body-popup #colophon{transform:none;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1)}}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth .drawer-inner{transform:scale(0);transform-origin:top right;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .3s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth.popup-drawer-side-left .drawer-inner{transform-origin:top left}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth.active .drawer-inner{transform:scale(1)}#mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-overlay,#mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-inner{background:rgba(0,0,0,0)}.popup-drawer .drawer-header .drawer-toggle{width:1em;position:relative;height:1em;box-sizing:content-box;font-size:24px}.drawer-toggle .toggle-close-bar{width:.75em;height:.08em;background:currentColor;transform-origin:center center;position:absolute;margin-top:-0.04em;opacity:0;border-radius:.08em;left:50%;margin-left:-0.375em;top:50%;transform:rotate(45deg) translateX(-50%);transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .3s cubic-bezier(0.77, 0.2, 0.05, 1);transition-delay:.2s}.drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg) translateX(50%)}.popup-drawer.active .drawer-toggle .toggle-close-bar{transform:rotate(45deg);opacity:1}.popup-drawer.active .drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg);opacity:1}.popup-drawer .drawer-content.content-valign-middle{min-height:calc(100% - (1.2em + 24px));display:flex;justify-content:safe center;flex-direction:column;padding-bottom:calc(1.2em + 24px);overflow:auto}.popup-drawer .drawer-content.content-valign-bottom{min-height:calc(100% - (1.2em + 24px));display:flex;justify-content:flex-end;flex-direction:column;padding-bottom:calc(1.2em + 24px);max-height:calc(100% - (1.2em + 24px));overflow:auto}.popup-drawer .drawer-content.content-valign-bottom .site-header-item-mobile-navigation{display:block;overflow:auto;max-height:calc(100% - (1.2em + 24px))}.popup-drawer .drawer-content.content-align-center{text-align:center}.popup-drawer .drawer-content.content-align-center .site-header-item{justify-content:center}.popup-drawer .drawer-content.content-align-right{text-align:right}.popup-drawer .drawer-content.content-align-right .site-header-item{justify-content:flex-end}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-inner{transform:none}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-slice-background{transform-origin:center;transform:none;position:absolute;display:flex;flex-flow:column;align-items:stretch;top:0;left:0;right:0;bottom:0;z-index:-1}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg{flex:1 1 100%;background:rgba(9,12,16,.97);transform:translateX(-100%);transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg:nth-child(odd){transform:translateX(100%)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-content{transform:translateY(20px);opacity:0;transition:all .4s ease}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .pop-portion-bg{transform:translateX(0)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .drawer-content{transform:translateY(0px);opacity:1;transition:all .4s ease;transition-delay:.2s}@media screen and (max-width: 1024px){.popup-drawer-layout-sidepanel.popup-mobile-drawer-side-right .drawer-inner{transform:translateX(100%);right:0;left:auto}.popup-drawer-layout-sidepanel.popup-mobile-drawer-side-left .drawer-inner{transform:translateX(-100%);right:auto;left:0}}body.admin-bar .popup-drawer{top:46px}body.admin-bar .popup-drawer .drawer-inner{top:46px}@media screen and (min-width: 783px){body.admin-bar .popup-drawer{top:32px}body.admin-bar .popup-drawer .drawer-inner{top:32px}}.popup-drawer.show-drawer{display:block}.popup-drawer.active{left:0;opacity:1;right:0;transition:opacity .25s ease-out}.popup-drawer.active .drawer-inner{opacity:1;transform:translateX(0%)}.popup-drawer.active .drawer-overlay{opacity:1;cursor:pointer}body[class*=showing-popup-drawer-]{overflow:hidden}.site .header-navigation .header-menu-container .menu-item.nav-button{margin:0 .25em}.site .header-navigation .header-menu-container .menu-item.nav-button>a{margin:0;padding:.8em 1.5em .8em 1.5em;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);font-style:normal;font-size:16px;line-height:1.4;border-radius:12px}.site .header-navigation .header-menu-container .menu-item.nav-button>a:hover,.site .header-navigation .header-menu-container .menu-item.nav-button>a:focus{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover)}@media screen and (max-width: 1024px){.mobile-menu-container .menu-item.nav-button>a{width:100%;text-align:center;margin:0;padding:.8em 1.5em .8em 1.5em;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);font-style:normal;font-size:16px;line-height:1.4;border-radius:12px}.mobile-menu-container .menu-item.nav-button>a:hover,.mobile-menu-container .menu-item.nav-button>a:focus{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover)}}#main-header{display:none}#masthead{position:relative;z-index:11}@media screen and (min-width: 1025px){#main-header{display:block}#mobile-header{display:none}}.header-html-inner img.alignnone{display:inline-block}.drawer-content .mobile-html,.drawer-content .mobile-html2{width:100%}.site-header-row{display:grid;grid-template-columns:auto auto}.site-header-row.site-header-row-center-column{grid-template-columns:1fr auto 1fr}.site-header-row.site-header-row-only-center-column{display:flex;justify-content:center}.site-header-row.site-header-row-only-center-column .site-header-section-center{flex-grow:1}.site-header-upper-inner-wrap.child-is-fixed{display:flex;align-items:flex-end}.site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap{width:100%}.site-header-row-layout-fullwidth>.site-header-row-container-inner>.site-container{max-width:none}.site-header-row-tablet-layout-contained{padding:0 1.5rem}@media screen and (max-width: 719px){.site-header-focus-item.site-header-row-mobile-layout-contained{padding:0 1.5rem}.site-header-focus-item.site-header-row-mobile-layout-fullwidth,.site-header-focus-item.site-header-row-mobile-layout-standard{padding:0}}.site-header-section{display:flex;max-height:inherit}.site-header-item{display:flex;align-items:center;margin-right:10px;max-height:inherit}.rtl .site-header-item{margin-left:10px;margin-right:0px}.site-header-section>.site-header-item:last-child{margin-right:0}.rtl .site-header-section>.site-header-item:last-child{margin-left:0px}.drawer-content .site-header-item{margin-right:0;margin-bottom:10px}.drawer-content .site-header-item:last-child{margin-bottom:0}.site-header-section-right{justify-content:flex-end}.site-header-section-center{justify-content:center}.site-header-section-left-center{flex-grow:1;justify-content:flex-end}.site-header-section-right-center{flex-grow:1;justify-content:flex-start}.header-navigation-layout-stretch-true{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation .header-menu-container{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation .header-menu-container .menu{flex-grow:1;justify-content:space-between}.header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu{display:grid;grid-template-columns:repeat(auto-fit, minmax(60px, 1fr))}.header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu>li{text-align:center}.header-html-inner p:first-child{margin-top:0}.header-html-inner p:last-child{margin-bottom:0}#main-header .header-button.button-style-outline{background:rgba(0,0,0,0) !important}.element-social-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.3em}a.social-button{width:2em;text-decoration:none;height:2em;display:inline-flex;justify-content:center;align-items:center;margin:0;color:var(--global-palette4);background:var(--global-palette7);border-radius:3px;transition:all .2s ease-in-out}a.social-button:hover{color:var(--global-palette-btn);background:var(--global-palette-btn-bg)}a.social-button .social-label{padding-left:6px}.social-show-label-true a.social-button{width:auto;padding:0 .4em}.social-style-outline .social-button{background:rgba(0,0,0,0) !important;border:2px solid var(--global-palette7)}.social-style-outline .social-button:hover{color:var(--global-palette-highlight);border-color:currentColor}.social-icon-custom-svg{display:inline-flex;align-self:center}.social-icon-custom-svg svg{fill:currentcolor;width:1em;height:1em}.social-icon-custom-svg svg *{fill:currentColor}.search-toggle-open{display:flex;background:rgba(0,0,0,0);align-items:center;padding:.5em;box-shadow:none}.search-toggle-open .search-toggle-label{padding-right:5px}.search-toggle-open .search-toggle-icon{display:flex}.search-toggle-open .search-toggle-icon svg.kadence-svg-icon{top:-0.05em;position:relative}.search-toggle-open .search-toggle-label:empty{padding-right:0px}.search-toggle-open:hover,.search-toggle-open:focus{border-color:currentColor;background:rgba(0,0,0,0);box-shadow:none}.search-toggle-open.search-toggle-style-default{border:0}.popup-drawer-layout-fullwidth .drawer-inner{max-width:none;background:rgba(9,12,16,.97);transition:transform 0s ease-in,opacity .2s ease-in}.popup-drawer-layout-fullwidth .drawer-inner .drawer-overlay{background-color:rgba(0,0,0,0)}#mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated .drawer-inner{background:rgba(9,12,16,.97)}#search-drawer .drawer-inner .drawer-header{position:relative;z-index:100}#search-drawer .drawer-inner .drawer-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;padding:2em}#search-drawer .drawer-inner form{max-width:800px;width:100%;margin:0 auto;display:flex}#search-drawer .drawer-inner form label{flex-grow:2}#search-drawer .drawer-inner form ::-webkit-input-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form ::-moz-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form :-ms-input-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form :-moz-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner input.search-field{width:100%;background:rgba(0,0,0,0);color:var(--global-palette6);padding:.8em 80px .8em .8em;font-size:20px;border:1px solid currentColor}#search-drawer .drawer-inner input.search-field:focus{color:#fff;box-shadow:5px 5px 0px 0px currentColor}#search-drawer .drawer-inner .search-submit[type=submit]{width:70px}#search-drawer .drawer-inner .kadence-search-icon-wrap{color:var(--global-palette6);width:70px}#search-drawer .drawer-inner .search-submit[type=submit]:hover~.kadence-search-icon-wrap{color:#fff}#search-drawer .drawer-inner button[type=submit]:hover~.kadence-search-icon-wrap{color:#fff}.site-header-upper-inner-wrap.child-is-fixed .site-top-header-wrap:not(.item-is-fixed){align-self:flex-start;flex-grow:1}.kadence-sticky-header{position:relative;z-index:1}.item-is-fixed{position:fixed;left:0;right:0;z-index:1200}.site-branding a.brand img.kadence-sticky-logo{display:none}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img.kadence-sticky-logo{display:block}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img{display:none}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand img:not(.svg-logo-image){width:auto}.kadence-sticky-header.item-is-fixed:not(.item-at-start)[data-shrink=true] .site-branding a.brand picture img{max-height:inherit}#mobile-drawer{z-index:99999}#mobile-header .mobile-navigation>.mobile-menu-container.drawer-menu-container>ul.menu{display:flex;flex-wrap:wrap}#mobile-header .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap>a{padding-right:2em}#mobile-header .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border:0}#mobile-header .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,#mobile-header .mobile-navigation ul li:not(.menu-item-has-children) a{border:0}.has-drop-cap:not(:focus):first-letter{float:left;line-height:1;font-size:80px;font-weight:600;margin:0 .125em 0 0;text-transform:uppercase}.wp-block-image{margin-bottom:0}.wp-block-image.has-custom-border img{border-style:solid}figure.wp-block-image.aligncenter img{display:inline-block}.wp-block-pullquote{border-top:0;border-bottom:0;color:var(--global-palette4)}.wp-block-pullquote blockquote{border:0;margin:0 auto;padding:2em;position:relative}.wp-block-pullquote blockquote::before{font-size:200px;line-height:40px;font-family:sans-serif;color:var(--global-palette7);z-index:0;position:absolute;left:35px;content:open-quote;top:80px}.wp-block-pullquote blockquote p{font-size:1.15em;font-style:italic;position:relative;z-index:1}.wp-block-pullquote blockquote cite{text-transform:uppercase}.wp-block-pullquote.is-style-solid-color:not(.has-background){background:var(--global-palette7)}.wp-block-pullquote.is-style-solid-color blockquote{padding:0}.wp-block-pullquote.is-style-solid-color blockquote:before{color:var(--global-palette9);left:-20px;top:45px}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:1.15em;font-style:italic}@media screen and (min-width: 767px){.wp-block-pullquote blockquote p,.wp-block-pullquote.is-style-solid-color blockquote p{font-size:1.3em}}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:1.5em auto;padding:0 1em}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid var(--global-palette4);padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.single-content .wp-block-quote p{margin-bottom:var(--global-sm-spacing)}.single-content .wp-block-quote p:last-child{margin-bottom:0}.wp-block-cover{display:flex;align-items:center}.wp-block-table{border-collapse:collapse}.wp-block-table table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid var(--global-palette6)}.wp-block-table tfoot{border-top:3px solid var(--global-palette6)}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid var(--global-palette6);word-break:normal}.wp-block-table img{display:inline-block}.wp-block-table.is-style-stripes thead{border-bottom:0}.wp-block-table.is-style-stripes tfoot{border-top:0}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border:0}.blocks-gallery-caption figcaption,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-table figcaption,.wp-block-audio figcaption,.wp-block-video figcaption{color:var(--global-palette5);font-size:80%;text-align:center}.wp-block-separator{margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:160px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-dots):not(.is-style-wide){height:2px}.wp-block-separator.is-style-dots:before{font-size:30px}ul.wp-block-social-links:not(.specificity){padding-left:0;padding-right:0}.single-content .wp-block-columns{margin-bottom:var(--global-md-spacing);margin-top:0}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid{display:grid;column-gap:2.5rem;row-gap:2.5rem;grid-template-columns:1fr;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright){display:block;height:0;padding-bottom:66.67%;overflow:hidden;position:relative}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) img{flex:1;height:100%;object-fit:cover;width:100%;position:absolute}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li{margin:0;width:100%}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li>a{margin:1em 0 0;color:var(--global-palette3);text-decoration:none;font-size:1.3em;display:block}@media screen and (min-width: 767px){.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2{grid-template-columns:1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3{grid-template-columns:1fr 1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4{grid-template-columns:1fr 1fr 1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.wp-block-latest-posts.wp-block-latest-posts__list{padding-left:0}.wp-block-latest-posts__list li{margin-top:var(--global-sm-spacing)}.wp-block-latest-posts__list li:after{clear:both;display:table;content:""}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{color:var(--global-palette6)}@media screen and (max-width: 540px){.wp-block-latest-posts__featured-image.alignleft{float:none;margin-bottom:1em}}figure.wp-block-gallery ul{padding:0}.wp-block-media-text .wp-block-media-text__media img,.wp-block-media-text .wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.entry-content .wp-block-group.has-background{padding:20px 30px}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-search .wp-block-search__button{border-color:var(--global-gray-400)}.wp-block-search .wp-block-search__button:not(.has-text-color){color:var(--global-palette4)}.wp-block-search .wp-block-search__button:not(.has-background){background:var(--global-palette9)}.wp-block-search .wp-block-search__input{border-color:var(--global-gray-400)}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{border-color:var(--global-gray-400);border-radius:3px;background:var(--global-palette9)}.wp-block-navigation ul.wp-block-navigation__container{padding:0}.has-child .wp-block-navigation__container{min-width:12em;display:flex;flex-direction:column}.wp-block-yoast-how-to-block .schema-how-to-steps li{margin-bottom:var(--global-md-spacing)}.wp-block-yoast-how-to-block .schema-how-to-steps li .schema-how-to-step-text{margin-top:0}.single-content .wp-block-post-template,.single-content .wp-block-query-loop{padding:0}.single-content .wp-block-query .wp-block-post-featured-image.alignwide,.single-content .wp-block-query .wp-block-post-featured-image.alignfull{margin-left:0;margin-right:0}.single-content .wp-block-query .wp-block-post-featured-image.alignfull{width:auto}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption-text{text-align:center}.wp-caption .wp-caption-text{margin:.8075em 0}.gallery{margin-bottom:1.5em;display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-gap:.5em}.gallery .gallery-item{margin-top:0}.elementor-image-gallery .gallery{display:block}@media screen and (min-width: 40em){.gallery-columns-2{grid-template-columns:repeat(2, 1fr)}.gallery-columns-3{grid-template-columns:repeat(3, 1fr)}.gallery-columns-4{grid-template-columns:repeat(4, 1fr)}.gallery-columns-5{grid-template-columns:repeat(5, 1fr)}.gallery-columns-6{grid-template-columns:repeat(6, 1fr)}.gallery-columns-7{grid-template-columns:repeat(7, 1fr)}.gallery-columns-8{grid-template-columns:repeat(8, 1fr)}.gallery-columns-9{grid-template-columns:repeat(9, 1fr)}}.gallery-item{padding:.5em}.gallery-icon{display:flex;justify-content:center}.gallery-caption{font-size:80%}.gallery.entry{display:block}.pagination{margin:var(--global-lg-spacing) auto;overflow:hidden}.pagination .nav-links{justify-content:center;flex-wrap:wrap}.pagination .page-numbers{display:inline-block;margin-right:.5em;border:2px solid rgba(0,0,0,0);min-width:2.5em;line-height:2.25em;text-align:center;text-decoration:none;border-radius:.25rem;color:inherit}.pagination a:hover,.pagination a:focus,.pagination a:active{border-color:var(--global-palette-btn-bg)}.pagination .dots{min-width:auto;border:none}.pagination .current{border-color:var(--global-palette-btn-bg);background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}.pagination .page-numbers:last-child{margin-right:0}.page-links{margin-top:var(--global-md-spacing);justify-content:center;flex-wrap:wrap;clear:both}.page-links .post-page-numbers{display:inline-block;margin-right:.2em;border:2px solid rgba(0,0,0,0);min-width:2.5em;line-height:2.25em;text-align:center;text-decoration:none;border-radius:.25rem;color:inherit}.page-links a:hover,.page-links a:focus,.page-links a:active{border-color:var(--global-palette-btn-bg)}.page-links .current{border-color:var(--global-palette-btn-bg);background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}.page-links .post-page-numbers:first-child{margin-left:.5em}.page-links .post-page-numbers:last-child{margin-right:0}.comment-navigation,.post-navigation{margin:var(--global-lg-spacing) auto}.comment-navigation a,.post-navigation a{text-decoration:none;color:inherit;display:block}.comment-navigation a:hover,.post-navigation a:hover{color:var(--global-palette-highlight)}.comment-navigation .nav-links,.post-navigation .nav-links{display:grid;grid-template-columns:repeat(2, 1fr)}.comment-navigation .nav-previous,.post-navigation .nav-previous{position:relative}.comment-navigation .nav-previous .kadence-svg-iconset,.post-navigation .nav-previous .kadence-svg-iconset{padding-right:.5em}.comment-navigation .nav-previous a,.post-navigation .nav-previous a{padding-right:var(--global-xs-spacing)}.comment-navigation .nav-previous:after,.post-navigation .nav-previous:after{position:absolute;content:"";top:25%;right:0;width:1px;height:50%;background:var(--global-gray-500)}.comment-navigation .nav-next,.post-navigation .nav-next{grid-column-start:2;text-align:right}.comment-navigation .nav-next a,.post-navigation .nav-next a{padding-left:var(--global-xs-spacing)}.comment-navigation .nav-next .kadence-svg-iconset,.post-navigation .nav-next .kadence-svg-iconset{padding-left:.5em}.post-navigation-sub{margin-bottom:.5em}.post-navigation-sub small{text-transform:uppercase;display:inline-block;font-weight:bold;letter-spacing:.05em}.widget{margin-top:0;margin-bottom:1.5em}.widget-area .widget:last-child{margin-bottom:0}.widget-area .widget-title{font-size:20px;line-height:1.5;margin-bottom:.5em;text-transform:uppercase}.widget-area ul{padding-left:.5em}.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){color:var(--global-palette3);text-decoration:none}.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{color:var(--global-palette-highlight);text-decoration:underline}.sidebar-link-style-underline.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){text-decoration:underline}.sidebar-link-style-plain.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){text-decoration:none}.sidebar-link-style-plain.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{text-decoration:none}.widget-area .widget{margin-left:0;margin-right:0}.widget li:not(.kb-table-of-content-list li){line-height:1.8}.widget_archive ul,.widget_categories ul,.widget_meta ul,.widget_nav_menu ul,.widget_recent_comments ul,.widget_pages ul,.widget_recent_entries ul,.widget_rss ul{margin:0;padding:0;list-style-type:none}.widget select{max-width:100%;text-overflow:ellipsis}.widget_archive li{color:var(--global-palette6)}.widget_categories .children{padding-top:0}.widget_pages .children,.widget_nav_menu .sub-menu{padding-top:0;padding-bottom:.5em}.widget_pages a,.widget_nav_menu a{display:block;padding:.1em 0;text-decoration:none}.widget_pages a:hover,.widget_pages a:focus,.widget_nav_menu a:hover,.widget_nav_menu a:focus{text-decoration:none}.widget_pages li,.widget_nav_menu li{padding:0}.widget_pages li ul,.widget_nav_menu li ul{margin-left:1em}.widget_meta li{padding:0}.widget_recent_comments li{line-height:1.3;padding-bottom:.5em}.widget_recent_comments a{font-weight:bold}.widget_recent_comments .comment-author-link a{font-weight:inherit}.widget_recent_comments a:hover,.widget_recent_comments a:focus{padding-left:0}.widget_recent_entries ul li{margin-bottom:.4em}.widget_recent_entries ul li .post-date{font-size:.8em;color:var(--global-palette6)}.widget_rss li{margin-bottom:1em;line-height:1.3}.widget li a.rsswidget{padding-right:.5em;font-size:1em;line-height:1.4}.rss-date,.widget_rss cite{color:#333;font-size:.8em}.rssSummary{padding:.5em 0;font-size:.9em;line-height:1.3}.widget_calendar{font-weight:400}.widget_calendar caption{padding:.5em 0;font-size:1em;font-weight:500;text-align:left}.widget_calendar thead{background:rgba(0,0,0,0);color:#333}.widget_calendar th{border:none;text-align:center}.widget_calendar thead th{border-bottom-width:2px}.widget_calendar td{padding:.2em;font-size:.8em;text-align:center;background:#fff;border:1px solid var(--global-gray-400)}.widget_calendar .pad{background:var(--global-palette7)}.widget_calendar .wp-calendar-nav .pad{background:rgba(0,0,0,0)}.widget_calendar a{font-weight:900;text-decoration:none}.collapse-sub-navigation ul.menu{display:block}.collapse-sub-navigation ul.menu li a{text-decoration:none;width:100%;padding-top:.5em;padding-bottom:.5em;border-bottom:1px solid var(--global-palette7)}.collapse-sub-navigation ul.menu li a:hover{text-decoration:none}.collapse-sub-navigation ul.menu ul{padding:0 0 0 1em;margin:0;display:none;transition:all .2s ease-in-out}.collapse-sub-navigation ul.menu .sub-menu.show-drawer{display:block}.collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle{border-left:1px solid var(--global-palette7);border-bottom:1px solid var(--global-palette7)}.grid-cols{display:grid;grid-template-columns:minmax(0, 1fr);column-gap:2.5rem;row-gap:2.5rem}.wp-site-blocks .grid-cols:before{display:none}.grid-xs-col-1{grid-template-columns:minmax(0, 1fr)}.grid-xs-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xs-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xs-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 576px){.grid-sm-col-1{grid-template-columns:minmax(0, 1fr)}.grid-sm-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-sm-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-sm-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 768px){.grid-md-col-1{grid-template-columns:minmax(0, 1fr)}.grid-md-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-md-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-md-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1025px){.grid-lg-col-1{grid-template-columns:minmax(0, 1fr)}.grid-lg-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-lg-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-lg-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-lg-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-lg-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media screen and (min-width: 1200px){.grid-xl-col-1{grid-template-columns:minmax(0, 1fr)}.grid-xl-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xl-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xl-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-xl-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-xl-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}}article.sticky{font-size:inherit}.entry{box-shadow:0px 15px 25px -10px rgba(0,0,0,.05);border-radius:.25rem}.custom-archive-loop-item.entry{box-shadow:none;border-radius:0}.entry-loop{overflow:hidden}.content-wrap{position:relative}.site-main{min-width:0}ul.kadence-posts-list,.single-content ul.kadence-posts-list{padding:0;margin:0;list-style:none}ul.kt-testimonial-grid-wrap,.single-content ul.kt-testimonial-grid-wrap{padding:0;margin:0;list-style:none}.kadence-posts-list .entry-list-item{display:flex;flex-direction:column}.kadence-posts-list .entry-list-item article.entry{flex:1}.kadence-thumbnail-position-behind+.entry{z-index:1;position:relative}@media screen and (max-width: 719px){.content-style-boxed .content-bg:not(.loop-entry){margin-left:-1rem;margin-right:-1rem;width:auto}.content-width-fullwidth.content-style-boxed .content-bg:not(.loop-entry){margin-left:0;margin-right:0}.content-style-boxed .comments-area{padding-left:.5rem;padding-right:.5rem}.primary-sidebar{padding-left:0;padding-right:0}}@media screen and (min-width: 768px){.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image){display:grid;grid-template-columns:1fr 2fr}.blog.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry,.archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry,.search-results.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry{grid-gap:2rem}.blog.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail,.archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail,.search-results.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail{margin-bottom:0}.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry{grid-gap:2rem}.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail{margin-bottom:0}}.archive.content-style-unboxed .entry-content-wrap,.blog.content-style-unboxed .entry-content-wrap,.post-type-archive.content-style-unboxed .entry-content-wrap,.search-results.content-style-unboxed .entry-content-wrap{padding:0}.archive.content-style-unboxed .entry,.blog.content-style-unboxed .entry,.post-type-archive.content-style-unboxed .entry,.search-results.content-style-unboxed .entry{box-shadow:none}.article-post-thumbnail-caption{font-size:90%;margin:0;padding-top:.5em;padding-bottom:.5em;text-align:center}.content-style-unboxed .kadence-thumbnail-position-above+.article-post-thumbnail-caption{margin-top:calc(0px - var(--global-md-spacing));margin-bottom:var(--global-md-spacing)}.single-content{margin:var(--global-md-spacing) 0 0}.single-content address,.single-content figure,.single-content hr,.single-content p,.single-content table,.single-content pre,.single-content form,.single-content .wp-block-buttons,.single-content .wp-block-button,.single-content .wc-block-grid,.single-content .wp-block-kadence-advancedbtn,.single-content .wp-block-media-text,.single-content .wp-block-cover,.single-content .entry-content-asset,.single-content .wp-block-kadence-form,.single-content .wp-block-group,.single-content .wp-block-yoast-faq-block,.single-content .wp-block-yoast-how-to-block,.single-content .schema-faq-section,.single-content .wp-block-kadence-tableofcontents,.single-content .enlighter-default,.single-content .wp-block-kadence-iconlist,.single-content [class*=__inner-content]{margin-top:0;margin-bottom:var(--global-md-spacing)}.single-content .wp-block-buttons .wp-block-button{margin-bottom:0}.single-content p>img{display:inline-block}.single-content p>img.aligncenter{display:block}.single-content li>img{display:inline-block}.single-content li>img.aligncenter{display:block}.single-content p:not(.wp-block-kadence-advancedheading)+.wp-block-kadence-spacer{margin-top:calc(0rem - var(--global-md-spacing))}.single-content .wp-block-yoast-faq-block .schema-faq-question{margin-bottom:.5em}.single-content .elementor-widget-container:first-child:not(style) h1,.single-content .elementor-widget-container:first-child:not(style) h2,.single-content .elementor-widget-container:first-child:not(style) h3,.single-content .elementor-widget-container:first-child:not(style) h4,.single-content .elementor-widget-container:first-child:not(style) h5,.single-content .elementor-widget-container:first-child:not(style) h6{margin-top:0}.single-content h1,.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6{margin:1.5em 0 .5em}.single-content h1:first-child,.single-content h2:first-child,.single-content h3:first-child,.single-content h4:first-child,.single-content h5:first-child,.single-content h6:first-child{margin-top:0}.single-content h1+*,.single-content h2+*,.single-content h3+*,.single-content h4+*,.single-content h5+*,.single-content h6+*{margin-top:0}.single-content .wp-block-kadence-advancedgallery+p{margin-top:var(--global-md-spacing)}.single-content ul,.single-content ol{margin:0 0 var(--global-md-spacing);padding-left:2em}.single-content ul.aligncenter,.single-content ol.aligncenter{text-align:center;padding-left:0}.single-content .kad-slider ul{padding:0;margin:0}.single-content li>ol,.single-content li>ul{margin:0}.single-content>.more-link{display:block}.single-content address:last-child,.single-content figure:last-child,.single-content hr:last-child,.single-content p:last-child,.single-content table:last-child,.single-content pre:last-child,.single-content form:last-child,.single-content .wp-block-buttons:last-child,.single-content .wp-block-button:last-child,.single-content .wp-block-kadence-advancedbtn:last-child,.single-content .wp-block-media-text:last-child,.single-content .wp-block-cover:last-child,.single-content .entry-content-asset:last-child,.single-content .wp-block-kadence-form:last-child,.single-content .wp-block-group:last-child,.single-content .wp-block-yoast-faq-block:last-child,.single-content .wp-block-yoast-how-to-block:last-child,.single-content .schema-faq-section:last-child,.single-content .wp-block-kadence-tableofcontents:last-child,.single-content .enlighter-default:last-child,.single-content .wp-block-kadence-iconlist:last-child,.single-content h1:last-child,.single-content h2:last-child,.single-content h3:last-child,.single-content h4:last-child,.single-content h5:last-child,.single-content h6:last-child,.single-content ul:last-child,.single-content ol:last-child{margin-bottom:0}.single-content h1.elementor-heading-title,.single-content h2.elementor-heading-title,.single-content h3.elementor-heading-title,.single-content h4.elementor-heading-title,.single-content h5.elementor-heading-title,.single-content h6.elementor-heading-title{margin-bottom:.5em}.single-content .wp-block-image{margin-top:0;margin-bottom:0}.single-content .wp-block-image figure{margin-bottom:var(--global-md-spacing)}.single-content .wp-block-image:last-child figure{margin-bottom:0}.single-content figure.wp-block-image{margin-bottom:var(--global-md-spacing)}.single-content figure.wp-block-image:last-child{margin-bottom:0}.entry-content:after{display:table;clear:both;content:""}.content-title-style-hide .entry-content,.content-title-style-above .entry-content{margin:0}.content-title-style-above .entry-content-wrap .post-thumbnail+.single-content{margin:var(--global-md-spacing) 0 0}.wp-site-blocks .post-thumbnail{display:block;height:0;padding-bottom:66.67%;overflow:hidden;position:relative}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-2{padding-bottom:50%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-9-16{padding-bottom:56.25%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-1{padding-bottom:100%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-3-4{padding-bottom:75%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-5-4{padding-bottom:125%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-4-3{padding-bottom:133%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-3-2{padding-bottom:150%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit{padding-bottom:0;height:auto}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit .post-thumbnail-inner{position:static}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit img{margin-left:auto;margin-right:auto}.wp-site-blocks .post-thumbnail .post-thumbnail-inner{position:absolute;top:0;bottom:0;left:0;right:0}.wp-site-blocks .post-thumbnail img{flex:1;object-fit:cover}.wp-site-blocks .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img{height:100%;width:100%}.wp-block-newspack-blocks-homepage-articles .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img{height:auto;width:100%}.archive.content-style-unboxed .wp-site-blocks .post-thumbnail,.blog.content-style-unboxed .wp-site-blocks .post-thumbnail,.post-type-archive.content-style-unboxed .wp-site-blocks .post-thumbnail,.search-results.content-style-unboxed .wp-site-blocks .post-thumbnail{margin-bottom:1em}.content-style-unboxed .kadence-thumbnail-position-above{margin-bottom:var(--global-md-spacing)}.kadence-thumbnail-position-behind{margin-bottom:-4.3em;position:relative;z-index:0}.content-style-unboxed .kadence-thumbnail-position-behind:after{position:absolute;content:"";top:0;bottom:-1px;left:0;right:0;background:linear-gradient(0deg, var(--global-palette9) 5%, rgba(var(--global-palette9rgb), 0.35) 30%, rgba(255, 255, 255, 0) 50%)}.kadence-breadcrumbs{margin:1em 0;font-size:85%;color:var(--global-palette5)}.kadence-breadcrumbs a{color:inherit}.kadence-breadcrumbs p{margin:0}.entry-content-wrap .entry-header .kadence-breadcrumbs:first-child{margin-top:0}.entry-meta{font-size:80%;margin:1em 0;display:flex;flex-wrap:wrap}.entry-meta>*{display:inline-flex;align-items:center;flex-wrap:wrap}.entry-meta>* time{white-space:nowrap}.entry-meta a{color:inherit;text-decoration:none}.entry-meta .meta-label{margin-right:.2rem}.entry-meta .author-avatar{width:25px;height:25px;margin-right:.5rem;position:relative;display:inline-block}.entry-meta .author-avatar a.author-image{position:absolute;left:0;right:0;top:0;bottom:0}.entry-meta .author-avatar .image-size-ratio{padding-bottom:100%;display:block}.entry-meta .author-avatar img{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:50%}.entry-meta>*:after{margin-left:.5rem;margin-right:.5rem;content:"";display:inline-block;background-color:currentColor;height:.25rem;width:.25rem;opacity:.8;border-radius:9999px;vertical-align:.1875em}.entry-meta.entry-meta-divider-slash>*:after{content:"/";height:auto;background:rgba(0,0,0,0)}.entry-meta.entry-meta-divider-dash>*:after{content:"-";height:auto;background:rgba(0,0,0,0)}.entry-meta.entry-meta-divider-vline>*:after{content:"|";height:auto;background:rgba(0,0,0,0)}.entry-meta>*:last-child:after{display:none}.entry-meta-divider-customicon.entry-meta>*>.kadence-svg-iconset{margin-right:.3em;margin-left:.8em}.entry-meta-divider-customicon.entry-meta>*:after{display:none}.entry-meta-divider-customicon.entry-meta .kt-reading-time-wrap{margin-left:.8em}.loop-entry .entry-header .entry-title{margin:0}.loop-entry .entry-summary p,.loop-entry .entry-header .entry-meta{margin:1em 0}.updated:not(.published){display:none}.updated-on .updated:not(.published){display:inline-block}.entry-summary{margin:var(--global-xs-spacing) 0 0}a.post-more-link{font-weight:bold;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:inherit;font-size:80%}a.post-more-link .kadence-svg-iconset{margin-left:.5em}a.post-more-link:hover{color:var(--global-palette-highlight)}.more-link-wrap{margin-top:var(--global-xs-spacing);margin-bottom:0}.entry-taxonomies{margin-bottom:.5em;letter-spacing:.05em;font-size:70%;text-transform:uppercase}.entry-taxonomies a{text-decoration:none;font-weight:bold}.entry-taxonomies .category-style-pill a{background:var(--global-palette-highlight);color:#fff;padding:.25rem;border-radius:.25rem;margin-right:.25rem;margin-bottom:.25rem;display:inline-block;line-height:1.2}.entry-taxonomies .category-style-pill a:last-child{margin-right:0}.entry-taxonomies .category-style-pill a:hover{color:#fff}.entry-taxonomies .category-style-underline a{text-decoration:underline}.loop-entry.type-post .entry-taxonomies .category-style-pill a{color:#fff}@media screen and (max-width: 719px){.loop-entry .entry-taxonomies{margin-bottom:1em}}.entry-tags{margin-top:var(--global-xs-spacing)}.entry-tags .tags-links{display:flex;flex-wrap:wrap}.entry-tags a.tag-link{margin-right:.5em;padding:.4em .6em;margin-top:.5em;font-size:80%;border:1px solid var(--global-gray-500);border-radius:.25rem;color:var(--global-palette5);text-decoration:none}.entry-tags a.tag-link:hover{background:var(--global-palette-highlight);color:var(--global-palette-btn);border-color:var(--global-palette-highlight)}.entry-tags a.tag-link:last-child{margin-right:0}.entry-hero-container-inner{background:var(--global-palette7)}.entry-hero-container-inner .entry-header{min-height:200px;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;margin-bottom:0}.entry-hero-container-inner .entry-header>div{width:100%}.entry-hero-layout-fullwidth>.entry-hero-container-inner>.site-container{max-width:none}.entry-hero{position:relative}.hero-section-overlay{position:absolute;left:0;right:0;top:0;bottom:0}.hero-container{position:relative}.title-align-left{text-align:left}.title-align-left .entry-meta{justify-content:flex-start}.title-align-center{text-align:center}.title-align-center .entry-meta{justify-content:center}.title-align-right{text-align:right}.title-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-align-left{text-align:left;align-items:flex-start}.entry-hero .title-align-center{text-align:center;align-items:center}.entry-hero .title-align-right{text-align:right;align-items:flex-end}@media screen and (max-width: 1024px){.title-tablet-align-left{text-align:left}.title-tablet-align-left .entry-meta{justify-content:flex-start}.title-tablet-align-center{text-align:center}.title-tablet-align-center .entry-meta{justify-content:center}.title-tablet-align-right{text-align:right}.title-tablet-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-tablet-align-left{text-align:left;align-items:flex-start}.entry-hero .title-tablet-align-center{text-align:center;align-items:center}.entry-hero .title-tablet-align-right{text-align:right;align-items:flex-end}}@media screen and (max-width: 719px){.title-mobile-align-left{text-align:left}.title-mobile-align-left .entry-meta{justify-content:flex-start}.title-mobile-align-center{text-align:center}.title-mobile-align-center .entry-meta{justify-content:center}.title-mobile-align-right{text-align:right}.title-mobile-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-mobile-align-left{text-align:left;align-items:flex-start}.entry-hero .title-mobile-align-center{text-align:center;align-items:center}.entry-hero .title-mobile-align-right{text-align:right;align-items:flex-end}}.entry-header{margin-bottom:1em}.page-content{margin:2rem 0 0}.page-header{margin-bottom:var(--global-lg-spacing)}.hero-container .page-header{margin-bottom:0}.entry-footer{clear:both}.post-navigation-wrap.entry-content-wrap,.post-navigation-wrap .post-navigation,.entry-author.entry-content-wrap{margin-top:0;margin-bottom:0;border-radius:0}.comments-area.entry-content-wrap{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.single-entry.post.entry.post-footer-area-boxed{border-bottom-left-radius:0;border-bottom-right-radius:0}.post-footer-area-boxed~.entry-related{margin:0;width:auto;max-width:100%}.post-footer-area-boxed~.entry-related .entry-related-inner-content.alignwide{margin:0;width:auto;max-width:100%}.wp-block-image .alignleft{margin-right:var(--global-md-spacing)}.wp-block-image .alignright{margin-left:var(--global-md-spacing)}.alignfull,.alignwide,.entry-content .alignwide,.entry-content .alignfull{margin-left:calc(50% - var(--global-vw, 100vw)/2);margin-right:calc(50% - var(--global-vw, 100vw)/2);max-width:100vw;width:var(--global-vw, 100vw);padding-left:0;padding-right:0;clear:both}.wp-site-blocks .content-container .is-layout-constrained>.alignwide{max-width:var(--global-content-wide-width)}@media screen and (min-width: 1025px){.content-width-narrow .entry-content .alignwide,.content-width-narrow .content-area .alignwide{margin-left:-80px;margin-right:-80px;width:auto}}.content-width-fullwidth .wp-site-blocks .alignwide{margin-left:0;margin-right:0;width:unset;max-width:unset}.content-style-boxed .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;max-width:unset;width:unset}.content-style-boxed .wp-site-blocks .entry-content>.alignwide.is-layout-constrained{padding-left:var(--global-content-boxed-padding);padding-right:var(--global-content-boxed-padding)}.content-style-boxed .wp-site-blocks .entry-content .alignwide>* .alignwide{margin-left:unset;margin-right:unset}.has-small-font-size{font-size:var(--global-font-size-small)}.has-regular-font-size{font-size:var(--global-font-size-medium)}.has-large-font-size{font-size:var(--global-font-size-large)}.has-larger-font-size{font-size:var(--global-font-size-larger)}.has-xxlarge-font-size{font-size:var(--global-font-size-xxlarge)}.entry-content-asset.videofit{position:relative;padding-top:56.25%;overflow:hidden;max-width:100%;height:auto}.entry-content-asset.videofit iframe{position:absolute;top:0;left:0;width:100%;height:100%}body.elementor-template-full-width form.post-password-form,body.content-width-fullwidth form.post-password-form{text-align:center;margin:var(--global-xxl-spacing) auto}body.content-style-unboxed form.post-password-form{margin:var(--global-xxl-spacing) auto}.entry-title{word-wrap:break-word}.entry-hero-layout-contained>.entry-hero-container-inner{position:relative}body.content-style-boxed:not(.content-width-fullwidth) .wp-block-kadence-rowlayout.alignfull>.kt-row-layout-inner>.kb-theme-content-width{padding-left:calc(var(--global-content-edge-padding) + var(--global-boxed-spacing));padding-right:calc(var(--global-content-edge-padding) + var(--global-boxed-spacing))}.item-content-vertical-align-center .loop-entry .entry-content-wrap{display:flex;flex-direction:column;justify-content:center}.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-header{margin-bottom:0}.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-summary{margin-top:0}.item-content-vertical-align-center .loop-entry .entry-summary p,.item-content-vertical-align-center .loop-entry .entry-header .entry-meta{margin-bottom:0}