@charset "UTF-8";
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .95;
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
} .fancybox-caption {
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
} @media only screen and (min-width: 600px) {
body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-toolbar {
top: 32px;
}
body.admin-bar .fancybox-container:not(.fancybox-is-fullscreen) .fancybox-infobar {
top: 38px;
}
}
.fancybox-video {
visibility: visible;
}
.fancybox-bg {
background-color: #000;
}
body.compensate-for-scrollbar,
html.compensate-for-scrollbar { 
margin-right: 0!important; 
}
html.compensate-for-scrollbar { 
overflow-y: scroll!important; 
}
button.fancybox-button {
background-color: #000;
}
body[data-button-style^="rounded"] button.fancybox-button,
body[data-button-style*="slightly_rounded"] button.fancybox-button { 
border-radius: 0!important; 
}
button.fancybox-button--fsenter, 
html body[data-button-style^="rounded"] button.fancybox-button--fsenter, 
html body[data-button-style*="slightly_rounded"] button.fancybox-button--fsenter,
button.fancybox-button--fsexit {
border-radius: 0 0 0 5px!important;
}
.fancybox-navigation button { 
color: #fff; 
background-color: transparent; 
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 25px;
width: 40px;
height: 40px;
border-radius: 50px;
background-color: rgba(25, 25, 25, 0.45);
z-index: -1;
transform: scale(0.9);
transition: all 0.25s cubic-bezier(.15,0.2,.1,1);
}
.fancybox-navigation button.fancybox-button--arrow_right:before  {
right: 5px;
}
@media only screen and (min-width: 690px) {
.fancybox-navigation button:hover:before{
transform: scale(1.1);
box-shadow: 0px 7px 18px rgba(0,0,0,0.25);
}
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 20px; 
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 20px; 
}
@media only screen and (max-width: 690px){
.fancybox-navigation button:before { 
transition: none; 
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0; }
.fancybox-navigation .fancybox-button--arrow_right {
right: 0; }
}@media only screen and (min-width: 690px) {
#slide-out-widget-area .secondary-header-text {
display: none;
}
}
@media only screen and (max-width: 999px) and (min-width: 690px) {
body.original #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
display: none;
}
} .material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a:after,
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon span:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon span:after {
-webkit-transition:-webkit-transform .3s ease-out, border-color .3s ease-out;
transition:transform .3s ease-out,border-color .3s ease-out;
position:absolute;
display:block;
bottom:-6px;
left:0;
width:100%;
-webkit-transform:scaleX(0);
transform:scaleX(0);
border-top:2px solid #000;
content:'';
padding-bottom:inherit
}
body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon {
display: flex;
align-items: center;
}
body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc {
align-items: flex-start;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after {
bottom:0;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after {
border-color: inherit;
transform-origin: left;
}
body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon:after,
body #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon:after {
display: none!important;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text,
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text {
position: relative;
}
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a {
position: relative;
}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after,
body.material #slide-out-widget-area[class="slide-out-from-right"] .off-canvas-menu-container li a:focus:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item > a:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:hover:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:focus:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > .nectar-menu-item-with-icon .menu-title-text:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item > .nectar-menu-item-with-icon .menu-title-text:after,
#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after {
backface-visibility: hidden;
-webkit-transform:scaleX(1);
transform:scaleX(1)
} #slide-out-widget-area .off-canvas-menu-container ul .menu-item .widget-area-active .widget ul {
max-height: none;
padding-left: 0;
}
body #slide-out-widget-area .menu.subview .menu-item .widget-area-active .widget li,
#header-outer #mobile-menu ul .menu-item .widget-area-active .widget ul {
display: block!important;
}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget {
text-align: left;
}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a {
display: inline;
}
#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a:after {
display: none;
}
#slide-out-widget-area .widget-area-active .wp-caption .wp-caption-text {
color: #000;
}
#slide-out-widget-area .off-canvas-menu-container li > a > .sf-sub-indicator {
display: none;
} #slide-out-widget-area .inner .off-canvas-menu-container li a{
font-size:20px;
line-height:30px;
font-family:'Open Sans';
font-weight:700;
}
#slide-out-widget-area.fullscreen .inner li a,
#slide-out-widget-area .off-canvas-social-links li a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a,
#slide-out-widget-area .menuwrapper li small{
opacity:0.7;
transition:opacity 0.2s ease, color 0.2s ease;
-webkit-transition:opacity 0.2s ease, color 0.2s ease;
}
#slide-out-widget-area.fullscreen .inner li a:hover,
#slide-out-widget-area .off-canvas-social-links li a:hover,
#slide-out-widget-area .off-canvas-social-links li a:hover,
#slide-out-widget-area .inner .current_page_ancestor >a,
#slide-out-widget-area .inner .current-menu-item >a,
#slide-out-widget-area .inner .current-menu-ancestor >a,
#slide-out-widget-area .inner .current_page_item >a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus,
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus,
#slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li >a.hovered{
opacity:1
}
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li {
position: relative;
}
#slide-out-widget-area .ocm-dropdown-arrow {
transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1);
position: absolute;
right: -6px;
top: 10px;
transform: translateY(-50%);
cursor: pointer;
height: 28px;
width: 28px;
line-height: 0;
}
#slide-out-widget-area .ocm-dropdown-arrow i {
font-size: 18px;
height: 28px;
width: 28px;
line-height: 28px;
top:0 ;
}
#slide-out-widget-area .open-submenu > .ocm-dropdown-arrow {
transform: translateY(-50%) rotate(180deg);
}
#slide-out-widget-area .secondary-header-text,
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
margin-bottom: 35px;
border-radius: 6px;
background-color: rgba(0,0,0,0.1);
padding: 10px 15px;
}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content * {
color: inherit;
}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content div > *:last-child {
margin-bottom: 0;
}
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
align-self: flex-start;
}
#slide-out-widget-area .nectar-header-text-content > span > *:last-child {
margin-bottom: 0;
}
body #slide-out-widget-area .secondary-header-text {
line-height: 1.4em;
}
#slide-out-widget-area.mobile,
#slide-out-widget-area.slide-out-from-right-hover.mobile {
overflow-y:scroll;
overflow-x:hidden;
}
#slide-out-widget-area .bottom-text{
padding-bottom:0;
font-size:12px
}
#slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li{
display:inline-block;
padding:0 6px 6px 0
}
#slide-out-widget-area .off-canvas-social-links li i{
background-color:transparent;
font-size:18px;
line-height:22px
}
body:not(.material) #slide-out-widget-area .off-canvas-social-links li a,
.material #slide-out-widget-area:not(.slide-out-from-right) .off-canvas-social-links li a {
padding: 0 8px;
}
.blurred-wrap.blurred{
-webkit-filter:blur(5px);
-moz-filter:blur(5px);
-ms-filter:blur(5px);
filter:blur(5px)
}
.msie .blurred-wrap.blurred{
-ms-filter:none;
filter:none
}
#slide-out-widget-area .widget h4{
margin-bottom:8px
}
#slide-out-widget-area .inner >div{
margin-bottom:25px
}
#slide-out-widget-area .inner >div:first-of-type{
margin-top:-7px
}
#slide-out-widget-area .inner{
width:100%;
height:100%
}
#slide-out-widget-area a,
#slide-out-widget-area,
#slide-out-widget-area h4,
#slide-out-widget-area h3{
color:#fff
}
body.material #slide-out-widget-area.slide-out-from-right .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover {
color:#fff
}
#slide-out-widget-area .nectar-menu-label:before {
background-color: #fff;
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
position:absolute;
right:22px;
top:22px
}
body[data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close{
top:47px
}
body[data-full-width-header="false"].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close,
body[data-full-width-header="false"].original #slide-out-widget-area.slide-out-from-right .slide_out_area_close {
z-index: 100;
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
display:block;
transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
font-family:'Open Sans';
font-weight:400
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
width:34px;
height:34px;
transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
color:#ddd;
font-size:18px;
max-width:none;
line-height:32px
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^="icon-"]{
transform:rotate(90deg);
-webkit-transform:rotate(90deg)
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover{
border-color:rgba(255,255,255,0.7)
}
body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{
-webkit-backface-visibility:hidden;
font-size:18px;
height:34px;
left:-2px;
line-height:32px;
max-width:none;
transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
-webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
width:34px
}
body #slide-out-widget-area .slide_out_area_close .icon-default-style {
color:#fff;
}
#slide-out-widget-area .menuwrapper{
position:relative;
-webkit-perspective:1000px;
perspective:1000px;
-webkit-perspective-origin:center;
perspective-origin:center;
margin-right:0;
display:block
}
#slide-out-widget-area .menuwrapper button{
background:#ccc;
border:none;
width:48px;
height:45px;
text-indent:-900em;
overflow:hidden;
position:relative;
cursor:pointer;
outline:none
}
#slide-out-widget-area .menuwrapper button:after{
content:'';
position:absolute;
width:68%;
height:5px;
background:#fff;
top:10px;
left:16%;
box-shadow:0 10px 0 #fff,0 20px 0 #fff
}
#slide-out-widget-area .menuwrapper ul{
padding:0;
list-style:none;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
#slide-out-widget-area .menuwrapper li{
position:relative
}
#slide-out-widget-area .menuwrapper li small{
display:inline-block;
text-transform:uppercase;
font-size:15px;
font-family:'Open Sans';
font-weight:600;
letter-spacing:2px;
position:relative;
top:-4px;
opacity:0.6
}
#slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{
font-size:14px;
display:block;
font-family:'Open Sans';
letter-spacing: inherit;
margin-top: 5px;
font-weight:700
}
#slide-out-widget-area .no-touch .menuwrapper li a:hover{
background:rgba(255,248,213,0.1)
}
#slide-out-widget-area .menuwrapper .back >a{
background:rgba(0,0,0,0.13)
}
#slide-out-widget-area:not(.fullscreen) .menuwrapper .back >a,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container .back > a {
padding-left:10px;
padding-right:10px;
margin-left:-10px
}
body #slide-out-widget-area .menuwrapper .back,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >.back{
display:inline-block;
margin-bottom:20px!important
}
#slide-out-widget-area .menuwrapper .menu{
margin:0;
position:relative;
width:100%;
opacity:0;
pointer-events:none;
-webkit-transform:translateY(10px);
transform:translateY(10px);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#slide-out-widget-area .menuwrapper .menu.menu-toggle{
transition:all 0.25s ease
}
#slide-out-widget-area .menuwrapper .menu.menuopen{
opacity:1;
pointer-events:auto;
-webkit-transform:translateY(0px);
transform:translateY(0px)
} body #slide-out-widget-area .menuwrapper li .sub-menu{
display:none;
}
body #slide-out-widget-area .menuwrapper li .sub-menu,
#slide-out-widget-area .menuwrapper >.sub-menu {
margin:0!important;
padding:0!important
}
body #slide-out-widget-area .menu.subview li,
body #slide-out-widget-area .menu.subview .subviewopen >a,
body #slide-out-widget-area .menu.subview .subview >a,
body #slide-out-widget-area .menu.subview .subviewopen >small,
body #slide-out-widget-area .menu.subview .subview >small,
#slide-out-widget-area .mobile-only {
display:none
}
body #slide-out-widget-area .menu.subview .subviewopen >a,
body #slide-out-widget-area .menu.subview .subview >a {
display: none!important;
}
body #slide-out-widget-area .menu.subview .subview,
body #slide-out-widget-area .menu.subview .subview .sub-menu,
body #slide-out-widget-area .menu.subview .subviewopen,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu,
body #slide-out-widget-area .menu.subview .subviewopen >.sub-menu >li{
display:block
} #slide-out-widget-area .menuwrapper >.sub-menu{
position:absolute;
width:100%;
top:0;
left:0;
}
.menu.dl-animate-out-5{
-webkit-animation:MenuAnimOut5 0.4s ease-in-out;
animation:MenuAnimOut5 0.4s ease-in-out
}
.menu.dl-animate-in-5{
-webkit-animation:MenuAnimIn5 0.4s ease-in-out;
animation:MenuAnimIn5 0.4s ease-in-out
}
.menuwrapper >.sub-menu.dl-animate-in-5{
-webkit-animation:SubMenuAnimIn5 0.4s ease-in-out;
animation:SubMenuAnimIn5 0.4s ease-in-out
}
.menuwrapper >.sub-menu.dl-animate-out-5{
-webkit-animation:SubMenuAnimOut5 0.4s ease-in-out;
animation:SubMenuAnimOut5 0.4s ease-in-out
}
@-webkit-keyframes MenuAnimOut5{
0%{
}
100%{
-webkit-transform:rotateY(-25deg) translateX(-300px);
opacity:0
}
}
@keyframes MenuAnimOut5{
0%{
}
100%{
-webkit-transform:rotateY(-25deg) translateX(-300px);
transform:rotateY(-25deg) translateX(-300px);
opacity:0
}
}
@-webkit-keyframes MenuAnimIn5{
0%{
-webkit-transform:rotateY(-25deg) translateX(-300px);
opacity:0
}
100%{
-webkit-transform:rotateY(0deg) translateX(0px);
opacity:1
}
}
@keyframes MenuAnimIn5{
0%{
-webkit-transform:rotateY(-25deg) translateX(-300px);
transform:rotateY(-25deg) translateX(-300px);
opacity:0
}
100%{
-webkit-transform:rotateY(0deg) translateX(0px);
transform:rotateY(0deg) translateX(0px);
opacity:1
}
}
@-webkit-keyframes SubMenuAnimIn5{
0%{
-webkit-transform:rotateY(25deg) translateX(300px);
opacity:0
}
100%{
-webkit-transform:rotateY(0deg) translateX(0px);
opacity:1
}
}
@keyframes SubMenuAnimIn5{
0%{
-webkit-transform:rotateY(25deg) translateX(300px);
transform:rotateY(25deg) translateX(300px);
opacity:0
}
100%{
-webkit-transform:rotateY(0deg) translateX(0px);
transform:rotateY(0deg) translateX(0px);
opacity:1
}
}
@-webkit-keyframes SubMenuAnimOut5{
0%{
-webkit-transform:rotateY(0deg) translateX(0px);
opacity:1
}
100%{
-webkit-transform:rotateY(25deg) translateX(300px);
opacity:0
}
}
@keyframes SubMenuAnimOut5{
0%{
-webkit-transform:rotateY(0deg) translateX(0px);
transform:rotateY(0deg) translateX(0px);
opacity:1
}
100%{
-webkit-transform:rotateY(25deg) translateX(300px);
transform:rotateY(25deg) translateX(300px);
opacity:0
}
}
.menu.dl-animate-out-4{
-webkit-animation:MenuAnimOut4 0.4s ease-in-out;
animation:MenuAnimOut4 0.4s ease-in-out
}
.menu.dl-animate-in-4{
-webkit-animation:MenuAnimIn4 0.4s ease-in-out;
animation:MenuAnimIn4 0.4s ease-in-out
}
.menuwrapper >.sub-menu.dl-animate-in-4{
-webkit-animation:SubMenuAnimIn4 0.4s ease;
animation:SubMenuAnimIn4 0.4s ease
}
.menuwrapper >.sub-menu.dl-animate-out-4{
-webkit-animation:SubMenuAnimOut4 0.4s ease;
animation:SubMenuAnimOut4 0.4s ease
}
@-webkit-keyframes MenuAnimOut4{
0%{
}
100%{
-webkit-transform:scale(1.2);
opacity:0
}
}
@keyframes MenuAnimOut4{
0%{
}
100%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
}
@-webkit-keyframes MenuAnimIn4{
0%{
-webkit-transform: scale(1.2);
opacity:0
}
100%{
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes MenuAnimIn4{
0%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:0
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
opacity:1
}
}
@-webkit-keyframes SubMenuAnimIn4{
0%{
-webkit-transform:scale(0.8);
opacity:0
}
100%{
-webkit-transform:scale(1);
opacity:1
}
}
@keyframes SubMenuAnimIn4{
0%{
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes SubMenuAnimOut4{
0%{
-webkit-transform:scale(1);
opacity:1
}
100%{
-webkit-transform:scale(0.8);
opacity:0
}
}
@keyframes SubMenuAnimOut4{
0%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
100%{
-webkit-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}
#slide-out-widget-area.fullscreen-split[data-dropdown-func="default"] .off-canvas-menu-container li ul,
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul {
position: relative;
max-height: 0;
box-sizing: content-box;
-webkit-transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1);
transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1);
-ms-transform: none;
-webkit-transform: none;
transform: none;
overflow: hidden;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul {
padding-left: 20px;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:first-child,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:first-child {
margin-top: 10px;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li ul > li:last-child,
#slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child {
margin-bottom: 0;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container li li a,
body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container li li a {
font-size: 16px;
line-height: 22px;
}
.material #slide-out-widget-area[class*="slide-out-from-right"] .inner .off-canvas-menu-container .menu-item-has-children > a,
body #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-container .menu-item-has-children > a{
margin-right: 20px;
}
body:not(.material) #slide-out-widget-area[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-container li ul > li:last-child {
margin-bottom: 10px;
}
#slide-out-widget-area .widget_recent_entries span,
#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{
display:block;
line-height:17px;
color:#999;
font-size:11px;
margin-bottom:6px
}
#slide-out-widget-area .widget_recent_entries span,
#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span{
color:inherit
}
#slide-out-widget-area .widget_recent_entries span{
opacity:0.8
} #slide-out-widget-area .widget_calendar table th,
#slide-out-widget-area .widget_calendar table tbody td {
color: inherit;
}
#slide-out-widget-area .tagcloud a{
padding:2px 11px;
position: relative;
border:1px solid #fff;
background-color: transparent;
margin:0 8px 8px 0;
font-size:12px;
display:block;
float:left;
text-transform:uppercase;
transition:all 0.2s linear;
-webkit-transition:all 0.2s linear
}
#slide-out-widget-area .tagcloud a:last-child:after,
#slide-out-widget-area .tagcloud:after{
display:block;
content:' ';
clear:both;
height:1px
}
#slide-out-widget-area .recent_projects_widget img{
height:auto;
width:100%
}
body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{
font-size:24px!important
} @media only screen and (max-width : 690px) {
body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
display: block;
}
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
body #slide-out-widget-area .slide_out_area_close {
position: absolute;
right: 22px;
top: 22px;
z-index: 100;
}
body #slide-out-widget-area.fullscreen .off-canvas-social-links,
.admin-bar #slide-out-widget-area.fullscreen .off-canvas-social-links,
body #slide-out-widget-area.fullscreen-alt .off-canvas-social-links,
.admin-bar #slide-out-widget-area.fullscreen-alt .off-canvas-social-links {
position: relative;
bottom: 0;
right: 0;
margin-top: 70px;
}
#slide-out-widget-area.fullscreen .off-canvas-social-links:after,
#slide-out-widget-area.fullscreen-alt .off-canvas-social-links:after {
display: block;
height: 1px;
width: 0;
background-color: rgba(255,255,255,0.6);
content: ' ';
margin: 0 auto;
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#slide-out-widget-area .mobile-only {
display: block;
}
#slide-out-widget-area.slide-out-from-right-hover .inner[data-prepend-menu-mobile="true"] .off-canvas-menu-container {
top: 0;
position: relative;
}
#slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after,
#slide-out-widget-area.fullscreen-alt .off-canvas-social-links.line-shown:after {
width: 100px;
}
body #slide-out-widget-area.fullscreen .bottom-text,
.admin-bar #slide-out-widget-area.fullscreen .bottom-text,
body #slide-out-widget-area.fullscreen-alt .bottom-text,
.admin-bar #slide-out-widget-area.fullscreen-alt .bottom-text {
position: relative;
bottom: 0;
left: 0;
margin-bottom: 30px;
margin-top: 15px;
}
#slide-out-widget-area.overflow-state,
.admin-bar #slide-out-widget-area.overflow-state {
padding-top: 110px;
}
#slide-out-widget-area.fullscreen .inner.overflow-state {
margin-top: 0;
margin-bottom: 130px;
}
body[data-full-width-header="false"] #slide-out-widget-area.slide-out-from-right-hover .slide_out_area_close {
display: none;
}
}#slide-out-widget-area.slide-out-from-right .inner-wrap {
opacity: 0;
}
body.material-ocm-open #slide-out-widget-area.slide-out-from-right .inner-wrap {
opacity: 1;
}
#slide-out-widget-area.slide-out-from-right #slide-out-widget-area .inner > div,
#slide-out-widget-area.slide-out-from-right .inner {
width: auto;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li:first-child a {
padding-left: 0;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a i:after {
z-index: 10000;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li {
padding: 0;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li a {
height: 24px;
display: block;
width: auto;
line-height: 38px;
opacity: 1;
padding: 0 14px;
box-sizing: content-box;
text-align: center;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i:before {
z-index: 10;
display: block;
position: relative;
}
body[data-slide-out-widget-area-style="slide-out-from-right"].material #slide-out-widget-area .off-canvas-social-links li i {
height: 26px;
width: auto;
}
body.material[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i {
font-size: 20px;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #slide-out-widget-area .off-canvas-social-links li i {
line-height: 28px;
display: block;
position: relative;
top: auto;
backface-visibility: hidden;
transition: color 0.2s ease;
vertical-align: middle;
}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .follow-body.slide_out_area_close {
opacity: 1;
right: 0;
transform: translateY(-50%) translateX(-36.55vw);
}
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-full-width-header="false"].admin-bar #slide-out-widget-area .slide_out_area_close {
top: 50px;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] #header-outer.side-widget-open {
box-shadow: none;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .nectar-social.fixed {
transition: transform 0.45s cubic-bezier(.15,0.2,.1,1);
} .ocm-effect-wrap.material-ocm-open .nectar-social.fixed {
-webkit-transform: scale(0);
transform: scale(0);
}
.ocm-effect-wrap.material-ocm-open .swiper-container .slider-prev,
.ocm-effect-wrap.material-ocm-open .swiper-container .slider-next {
transition: background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);
-webkit-transition: background-color 0.2s linear, opacity 0.45s cubic-bezier(.15,0.2,.1,1);
}
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-prev,
.ocm-effect-wrap.material-ocm-open .nectar-slider-wrap[data-full-width="true"] .swiper-container .slider-next {
opacity: 0!important;
}
#fp-nav.material-ocm-open li {
-webkit-transform: scale(0);
transform: scale(0);
}
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .current-menu-item > a {
opacity: 1;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow {
-ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-ms-transform-origin: right;
-webkit-transform-origin: right;
transform-origin: right;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
display: block;
z-index: 1;
box-shadow: 0 80px 145px rgba(0,0,0,0.33);
}
body.admin-bar.material-ocm-open {
position: fixed;
left: 0;
width: 100%;
height: 100%;
top: 0;
}
.material-ocm-open .container-wrap {
pointer-events:none;
}
.ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
-webkit-transform: scale(1.007)!important;
transform: scale(1.007)!important;
-webkit-transform-origin: center;
transform-origin: center;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: scale(0.835) translateX(-466px) translateZ(0)!important;
transform: scale(0.835) translateX(-466px) translateZ(0)!important;
height: 100%;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: scale(0.825) translateX(-476px) translateZ(0)!important;
transform: scale(0.825) translateX(-476px) translateZ(0)!important;
height: 100%;
}
@media only screen and (max-width: 450px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow {
-webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-webkit-transform: scale(0.84) translateX(-93vw) translateZ(0)!important;
transform: scale(0.84) translateX(-93vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-webkit-transform: scale(0.83) translateX(-94vw) translateZ(0)!important;
transform: scale(0.83) translateX(-94vw) translateZ(0)!important;
}
}
@media only screen and (min-width: 1000px) {
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap.material-ocm-open {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0.8) translateX(-32vw) translateZ(0)!important;
transform: scale(0.8) translateX(-32vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .ocm-effect-wrap-shadow.material-ocm-open {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0.79) translateX(-33.6vw) translateZ(0)!important;
transform: scale(0.79) translateX(-33.6vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"] .follow-body.slide_out_area_close {
-ms-transform: translateY(-50%) translateX(-35.55vw);
-webkit-transform: translateY(-50%) translateX(-35.55vw);
transform: translateY(-50%) translateX(-35.55vw);
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open {
-ms-transform-origin: center;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: scale(0.85) translateX(-29.6vw) translateZ(0)!important;
transform: scale(0.85) translateX(-29.6vw) translateZ(0)!important;
}
body[data-slide-out-widget-area-style="slide-out-from-right"][data-boxed-style="1"] .ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {
-webkit-transform: none!important;
transform: none!important;
}
}
.material-ocm-open #ajax-content-wrap {
cursor: pointer;
}
#slide-out-widget-area.slide-out-from-right .inner > div,
#slide-out-widget-area.slide-out-from-right .bottom-meta-wrap {
-webkit-transform: translateX(110px);
-webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
transform: translateX(110px);
transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
#slide-out-widget-area.slide-out-from-right.material-open .inner > div,
#slide-out-widget-area.slide-out-from-right.material-open .bottom-meta-wrap {
-ms-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
 @-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(//www.tma.earth/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru);src:url(//www.tma.earth/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(//www.tma.earth/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2?4f0ru) format("woff2"),url(//www.tma.earth/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff?4f0ru) format("woff"),url(//www.tma.earth/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(//www.tma.earth/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(//www.tma.earth/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(//www.tma.earth/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(//www.tma.earth/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(//www.tma.earth/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%}}
.supsystic-table.dataTable td.child, .supsystic-table.dataTable tr.child, .supsystic-table.dataTable td.child table {margin:0px !important; padding:0px !important;}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}}