@charset "UTF-8";
@charset "UTF-8";

.su-u-clearfix::after{content:"";display:table;clear:both}.su-u-trim>:first-child{margin-top:0}.su-u-trim>:last-child{margin-bottom:0}.su-u-responsive-media-yes{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder{position:static!important}.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object{position:absolute;top:0;left:0;width:100%;height:100%}.su-u-overflow-hidden{overflow:hidden}.su-accordion{margin-bottom:1.5em}.su-accordion .su-spoiler{margin-bottom:.5em}.su-audio{position:relative;width:100%;height:30px;margin-bottom:1.5em;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-radius:3px}.su-audio .jp-pause,.su-audio .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-top-left-radius:3px;border-bottom-left-radius:3px;cursor:pointer;border-right:1px solid #454947;background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png);background-repeat:no-repeat}.su-audio .jp-play{background-position:0 0}.su-audio .jp-pause{background-position:-30px 0}.su-audio .jp-current-time,.su-audio .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;font-size:10px;color:#eee;text-shadow:0 -1px 0 #000}.su-audio .jp-current-time{left:45px}.su-audio .jp-duration{right:10px}.su-audio .jp-play-bar,.su-audio .jp-seek-bar{position:absolute;top:0;left:0;height:10px;border-radius:3px;cursor:pointer}.su-audio .jp-progress{position:absolute;top:10px;left:85px;right:50px;height:10px;background:#333;box-shadow:0 0 5px #000 inset;border-radius:3px}.su-audio .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-audio .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-box{margin:0 0 1.5em;border-width:2px;border-style:solid}.su-box-title{display:block;padding:.5em 1em;font-weight:700;font-size:1.1em}.su-box-content{background-color:#fff;color:#444;padding:1em}.su-box-style-soft .su-box-title{background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png);background-position:0 0;background-repeat:repeat-x}.su-box-style-glass .su-box-title{background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-bubbles .su-box-title{background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png);background-position:0 50%;background-repeat:repeat-x}.su-box-style-noise .su-box-title{background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png);background-position:0 0;background-repeat:repeat-x}.su-button{display:inline-block!important;text-align:center;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button-wide{display:block!important;margin:1em 0}.su-button-center{text-align:center}.su-button span{display:block!important;text-decoration:none!important;box-sizing:content-box!important;transition:all .2s}.su-button img{border:none!important;vertical-align:middle!important;margin:-.2em .4em 0 -.3em!important;box-shadow:none!important}.su-button i{display:inline-block;width:1em;height:1em;margin:0 .5em 0 0!important;text-align:center;line-height:1em}.su-button.su-button-float-icon img{margin:0 .5em!important}.su-button small{display:block;margin:-.2em 0 0;color:inherit;text-align:center;font-style:normal;font-size:.8em;line-height:1;opacity:.7}@media screen and (max-width:768px){.su-button span{padding-top:.25em!important;padding-bottom:.25em!important;line-height:1.2!important}.su-button small{margin-top:.2em!important}}.su-button-style-default{border-width:1px;border-style:solid}.su-button-style-default:hover{opacity:.7}.su-button-style-default span{border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid}.su-button-style-flat,.su-button-style-flat span{border:none}.su-button-style-flat span{position:relative}.su-button-style-flat:hover span{top:1px}.su-button-style-ghost{background:0 0!important}.su-button-style-ghost span{border-width:3px;border-style:solid}.su-button-style-ghost:hover span{border-color:inherit!important}.su-button-style-soft span{background:0 -20px url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-soft:hover span{background:0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-soft.png) repeat-x}.su-button-style-glass span{background:0 50% url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-glass:hover span{background:100% 50% url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-glass.png) repeat-x}.su-button-style-bubbles span{background:0 50% url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-bubbles:hover span{background:-710px 50% url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-bubbles.png) no-repeat}.su-button-style-noise span{background:0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-noise:hover span{background:0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/styles/style-noise.png) repeat-x}.su-button-style-stroked span{margin:1px;border:1px dashed #fff!important}.su-button-style-stroked:hover span{opacity:.7}.su-button-style-3d{border-bottom-style:solid;border-bottom-width:6px}.su-button-style-3d span{border-bottom-style:solid;border-bottom-width:1px}.su-button-style-3d:hover{position:relative;top:3px;border-bottom-width:3px}.su-carousel{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-carousel-centered{margin:0 auto 1.5em}.su-carousel-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-carousel-slides{transition-timing-function:ease-out;margin:0 auto}.su-carousel-slide{position:relative;float:left}.su-carousel-slide>a,.su-carousel-slide>a>img,.su-carousel-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.su-carousel-responsive-yes .su-carousel-slide>a,.su-carousel-responsive-yes .su-carousel-slide>a>img,.su-carousel-responsive-yes .su-carousel-slide>img{height:auto}.su-carousel-pages-no .su-carousel-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-carousel .su-carousel-slide a{padding:0 5px}.su-carousel .su-carousel-slide img{padding:3px;border:1px solid #ccc;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.su-carousel .su-carousel-slide-title{position:absolute;left:9px;right:9px;bottom:4px;display:block;padding:2px 3px;color:#fff;line-height:1.2;font-size:11px;background:#000;background:rgba(0,0,0,.5);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px;background:#000 0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-carousel .su-carousel-prev{right:20px;margin-right:40px;background-position:-40px 0}.su-carousel .su-carousel-next{left:20px;margin-left:40px;background-position:0 0}.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev{margin-left:0;margin-right:0;opacity:.7}.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover{opacity:1}.su-carousel .su-carousel-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-carousel:hover .su-carousel-pagination{bottom:20px;opacity:1}.su-carousel .su-carousel-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-carousel:hover .su-carousel-pagination span{margin:0 3px}.su-carousel .su-carousel-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover{background-position:0 -40px}.su-row{margin-bottom:1.5em}.su-row::after{display:table;clear:both;content:""}.su-row .su-column{display:block;float:left;box-sizing:border-box;margin:0 0 0 4%}.su-row .su-column:first-child{margin-left:0}.su-row .su-column.su-column-size-1-1{margin-right:0;margin-left:0}.su-row .su-column.su-column-centered{float:none;margin-right:auto;margin-left:auto}.su-row .su-column-size-1-1{width:100%}.su-row .su-column-size-1-2{width:48%}.su-row .su-column-size-1-3{width:30.66%}.su-row .su-column-size-2-3{width:65.33%}.su-row .su-column-size-1-4{width:22%}.su-row .su-column-size-3-4{width:74%}.su-row .su-column-size-1-5{width:16.8%}.su-row .su-column-size-2-5{width:37.6%}.su-row .su-column-size-3-5{width:58.4%}.su-row .su-column-size-4-5{width:79.2%}.su-row .su-column-size-1-6{width:13.33%}.su-row .su-column-size-5-6{width:82.66%}.su-row .su-column embed,.su-row .su-column iframe,.su-row .su-column img,.su-row .su-column object{max-width:100%}@media only screen and (max-width:767px){.su-row .su-column{float:none;width:100%;margin:0}.su-row .su-column+.su-column{margin:1.5rem 0 0}}.su-custom-gallery{display:flex;flex-wrap:wrap;margin-bottom:1.5em}.su-custom-gallery-align-left{justify-content:flex-start}.su-custom-gallery-align-center{justify-content:center}.su-custom-gallery-align-right{justify-content:flex-end}.su-custom-gallery-slide{position:relative;flex:0 0 auto;margin:.5em}.su-custom-gallery-slide a{display:block;width:100%;height:100%}.su-custom-gallery-slide img{display:block;box-sizing:border-box;margin:0;padding:3px;width:100%;height:100%;border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:none;transition:all .2s;-o-object-fit:cover;object-fit:cover}.su-custom-gallery-slide:hover img{border:1px solid #aaa;background:#eee}.su-custom-gallery-slide span{position:absolute;right:4px;bottom:4px;left:4px;display:block;overflow-y:auto;padding:2px 4px;max-height:calc(100% - 8px);background:#000;background:rgba(0,0,0,.5);color:#fff;word-wrap:break-word;font-size:12px;line-height:1.3;opacity:0;transition:all .2s}.su-custom-gallery-slide:hover span{opacity:1}.su-custom-gallery-title-never span{display:none}.su-custom-gallery-title-always span{opacity:1}.su-dailymotion{margin:0 0 1.5em}.su-dailymotion iframe{border:none!important}.su-display-posts-template-default .su-post{display:flex;margin-bottom:1.75em}.su-display-posts-template-default .su-post-thumbnail{margin:0 1.25em 0 0;width:8.25em}.su-display-posts-template-default .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-default .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-default .su-post-body{flex:1}.su-display-posts-template-default h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.35em!important}.su-display-posts-template-default h2.su-post-title::after,.su-display-posts-template-default h2.su-post-title::before{display:none}.su-display-posts-template-default .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-template-default .su-post-excerpt p{margin:1em 0}.su-display-posts-template-default .su-post-excerpt>:last-child{margin-bottom:0!important}.su-display-posts-template-default .su-post-comments-link{margin:1em 0 0}@media screen and (max-width:768px){.su-display-posts-template-default .su-post-thumbnail{width:4em}}.su-display-posts-template-teasers .su-post{display:flex;align-items:center;margin-bottom:1em}.su-display-posts-template-teasers .su-post-thumbnail{margin:0 1em 0 0;width:3.75em}.su-display-posts-template-teasers .su-post-thumbnail a{display:block!important;text-decoration:none!important}.su-display-posts-template-teasers .su-post-thumbnail img{display:block!important;margin:0!important;max-width:100%!important;height:auto!important;-o-object-fit:cover!important;object-fit:cover!important}.su-display-posts-template-teasers .su-post-body{flex:1}.su-display-posts-template-teasers h2.su-post-title{margin:0!important;padding:0!important;border:none!important;font-size:1.15em!important}.su-display-posts-template-teasers h2.su-post-title::after,.su-display-posts-template-teasers h2.su-post-title::before{display:none}@media screen and (max-width:768px){.su-display-posts-template-teasers .su-post-thumbnail{width:2.75em}}.su-display-posts-template-single h2.su-post-title{margin:0 0 1em!important;padding:0!important;border:none!important;font-size:1.75em!important}.su-display-posts-template-single .su-post-meta{margin:1em 0;font-size:.85em;opacity:.85}.su-display-posts-pagination{display:flex;justify-content:space-between}.su-display-posts-pagination-next{margin-left:auto}.su-divider{clear:both;border:none;text-align:right;line-height:1}.su-divider a{display:inline-block;font-size:.8em;text-decoration:none;outline:0;padding-bottom:5px}.su-divider-style-default{border-bottom-style:solid}.su-divider-style-dotted{border-bottom-style:dotted}.su-divider-style-dashed{border-bottom-style:dashed}.su-divider-style-double{border-bottom-style:double}.su-document{margin:0 0 1.5em}.su-document iframe{border:none!important}.su-dropcap{float:left;display:inline-block;width:2em;height:2em;margin:.2em .5em .2em 0;line-height:2em;text-align:center;overflow:hidden;text-transform:uppercase}.su-dropcap-style-default{color:#fff;background:#45484d;background:linear-gradient(to bottom,#45484d 0,#000 100%);text-shadow:-1px -1px 0 #000;border-radius:50%}.su-dropcap-style-flat{background:#444;color:#fff}.su-dropcap-style-light{color:#333;border-radius:50%;background:#fff;background:linear-gradient(to bottom,#fff 0,#eaeaea 100%)}.su-dropcap-style-simple{width:1em;height:1em;line-height:1em;text-align:left}.su-expand{margin:0 0 1.5em}.su-expand-content{overflow:hidden}.su-expand-link{margin-top:.5em;cursor:pointer}.su-expand-link:hover{opacity:.7}.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited{display:inline;text-decoration:none;box-shadow:none;background:0 0;border:none}.su-expand-link-style-underlined .su-expand-link span{text-decoration:underline}.su-expand-link-style-dotted .su-expand-link span{border-bottom:1px dotted #333}.su-expand-link-style-dashed .su-expand-link span{border-bottom:1px dashed #333}.su-expand-link-style-button .su-expand-link a{display:inline-block;margin-top:.2em;padding:.2em .4em;border:2px solid #333}.su-expand-link-more{display:none}.su-expand-link-less{display:block}.su-expand-collapsed .su-expand-link-more{display:block}.su-expand-collapsed .su-expand-link-less{display:none}.su-expand-link i{display:inline-block;margin:0 .3em 0 0;vertical-align:middle;color:inherit}.su-expand-link img{display:inline-block;width:1em;height:1em;margin:0 .3em 0 0;vertical-align:middle}.su-frame,.su-frame-inner{display:block}.su-frame-align-left{float:left;margin:0 1em 1em 0}.su-frame-align-center{float:none;margin:1em auto}.su-frame-align-right{float:right;margin:0 0 1em 1em}.su-frame img{display:block!important;float:none!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important}.su-frame-style-default{padding:2px;border:1px solid #999;background:#fff;box-shadow:1px 1px 4px #ccc}.su-frame-style-default .su-frame-inner{padding:2px;border:4px solid #eee}.su-gmap{margin:0 0 1.5em}.su-gmap iframe{border:none!important}.su-guests{margin-bottom:1.5em}.su-heading.su-heading-align-left{text-align:left}.su-heading.su-heading-align-left .su-heading-inner{padding-left:.2em}.su-heading.su-heading-align-right{text-align:right}.su-heading.su-heading-align-right .su-heading-inner{padding-right:.2em}.su-heading.su-heading-align-center{text-align:center}.su-heading-style-default{padding:2px 0;border-top:1px solid #999;border-bottom:1px solid #999}.su-heading-style-default .su-heading-inner{padding:1em .5em;border-top:4px solid #eee;border-bottom:4px solid #eee}.su-highlight{display:inline;padding:1px 0}.su-image-carousel{margin:1.5em 0;width:100%}.su-image-carousel:first-child{margin-top:0}.su-image-carousel:last-child{margin-bottom:0}.su-image-carousel-item{box-sizing:border-box;width:100%}.su-image-carousel-item-content{position:relative}.su-image-carousel-item-content a,.su-image-carousel-item-content a:active,.su-image-carousel-item-content a:focus,.su-image-carousel-item-content a:hover,.su-image-carousel-item-content a:visited,.su-image-carousel-item-content img{display:block;box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;text-decoration:none}.su-image-carousel-item-content a::after,.su-image-carousel-item-content a::before,.su-image-carousel-item-content img::after,.su-image-carousel-item-content img::before{display:none}.su-image-carousel-item-content span{position:absolute;display:block;overflow:auto;max-height:60%;word-wrap:break-word;font-size:.9em;line-height:1.3}.su-image-carousel-item-content span:empty{display:none}.su-image-carousel-columns-2 .su-image-carousel-item{width:50%}.su-image-carousel-columns-3 .su-image-carousel-item{width:33.3333333333%}.su-image-carousel-columns-4 .su-image-carousel-item{width:25%}.su-image-carousel-columns-5 .su-image-carousel-item{width:20%}.su-image-carousel-columns-6 .su-image-carousel-item{width:16.6666666666%}.su-image-carousel-columns-7 .su-image-carousel-item{width:14.2857142857%}.su-image-carousel-columns-8 .su-image-carousel-item{width:12.5%}.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:3%;width:48.5%}.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.9%;width:31.4%}.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.8%;width:22.9%}.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.5%;width:18%}.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.6%;width:14.5%}.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2.2%;width:12.4%}.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:2%;width:10.75%}@media screen and (max-width:768px){.su-image-carousel-adaptive .su-image-carousel-item,.su-image-carousel-adaptive.su-image-carousel-has-spacing .su-image-carousel-item{margin-right:0;width:100%}}.su-image-carousel-crop .su-image-carousel-item-content::before{float:left;margin-left:-1px;width:1px;height:0;content:""}.su-image-carousel-crop .su-image-carousel-item-content::after{display:table;clear:both;content:""}.su-image-carousel-crop .su-image-carousel-item-content a,.su-image-carousel-crop .su-image-carousel-item-content img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.su-image-carousel-crop .su-image-carousel-item-content img{-o-object-fit:cover;object-fit:cover}.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before{padding-top:56.25%}.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before{padding-top:62.5%}.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before{padding-top:42.8571428571%}.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before{padding-top:80%}.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before{padding-top:75%}.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before{padding-top:66.6666666667%}.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before{padding-top:50%}.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before{padding-top:100%}.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before{padding-top:200%}.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before{padding-top:150%}.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before{padding-top:133.3333333333%}.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before{padding-top:125%}.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before{padding-top:233.3333333333%}.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before{padding-top:160%}.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before{padding-top:177.7777777778%}.su-image-carousel-align-left{float:left;margin-top:0;margin-right:1.5em}.su-image-carousel-align-right{float:right;margin-top:0;margin-left:1.5em}.su-image-carousel-align-center{margin-right:auto;margin-left:auto}.su-image-carousel-align-full{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);max-width:100vw!important;width:100vw!important}.su-image-carousel button.flickity-prev-next-button{position:absolute;top:50%;display:block;margin:-22px 0 0;padding:0;width:44px;height:44px;outline:0;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:none}.su-image-carousel:hover button.flickity-prev-next-button{opacity:.5}.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover{box-shadow:none;opacity:1}.su-image-carousel button.flickity-prev-next-button:focus{transform:scale(1.05)}.su-image-carousel button.flickity-prev-next-button[disabled]{display:none}.su-image-carousel button.flickity-prev-next-button.previous{left:20px}.su-image-carousel button.flickity-prev-next-button.next{right:20px}.su-image-carousel>ol.flickity-page-dots{position:absolute;top:50%;bottom:auto;left:50%;margin:0;padding:0;width:auto;list-style:none;opacity:0;transition:opacity .2s ease;transform:translate(-50%,-50%);pointer-events:none}.su-image-carousel:hover>ol.flickity-page-dots{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot{position:relative;display:inline-block;margin:5px;padding:0;width:20px;height:20px;border-radius:50%;list-style:none;opacity:.5;transition:opacity .2s ease;pointer-events:all}.su-image-carousel>ol.flickity-page-dots>li.dot:hover{opacity:1}.su-image-carousel>ol.flickity-page-dots>li.dot::before{position:absolute;top:50%;left:50%;display:none;margin:0;padding:0;width:10px;height:10px;border-radius:50%;content:"";transform:translate(-50%,-50%)}.su-image-carousel>ol.flickity-page-dots>li.dot.is-selected::before{display:block}.su-image-carousel-controls-style-dark button.flickity-prev-next-button{background:#000;color:#fff}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot{background:#000}.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before{background:#fff}.su-image-carousel-controls-style-light button.flickity-prev-next-button{background:#fff;color:#000}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot{background:#fff}.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before{background:#000}.su-image-carousel-slides-style-default .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-default .su-image-carousel-item-content img{padding:3px;border:1px solid #ccc;border-radius:7px;background:#fff}.su-image-carousel-slides-style-default .su-image-carousel-item-content span{right:4px;bottom:4px;left:4px;padding:.5em .7em;border-bottom-right-radius:2px;border-bottom-left-radius:2px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content{margin:1px}.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span{right:0;bottom:0;left:0;padding:.7em;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 2px 5px #000}.su-image-carousel-slides-style-photo .su-image-carousel-item-content{padding:7px}.su-image-carousel-slides-style-photo .su-image-carousel-item-content img{border:5px solid #fff;border-radius:7px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.su-image-carousel-slides-style-photo .su-image-carousel-item-content span{right:12px;bottom:12px;left:12px;padding:.3em .5em;background:#fff;color:#000;font-size:.9em}.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img{top:7px;right:7px;bottom:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.su-image-carousel-mfp.mfp-bg{z-index:102000!important}.su-image-carousel-mfp.mfp-wrap{z-index:102001!important}.su-image-carousel-mfp.mfp-wrap .mfp-preloader{z-index:102002!important}.su-image-carousel-mfp.mfp-wrap .mfp-content{z-index:102003!important}.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close{z-index:102004!important}.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-width:2px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus{outline-style:auto;outline-color:-webkit-focus-ring-color}}.su-label{display:inline;margin-right:.3em;padding:.1em .3em;font-size:.8em;height:.8em;line-height:.8em;color:#fff;border-radius:3px}.su-label-type-default{background:#999}.su-label-type-success{background:#090}.su-label-type-warning{background:#f90}.su-label-type-important{background:#f03}.su-label-type-black{background:#111}.su-label-type-info{background:#09c}.su-lightbox-content{position:relative;margin:0 auto}#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content{display:block!important}.su-lightbox-content-preview{width:100%;min-height:300px;background:#444;overflow:hidden}.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6{color:inherit}.su-lightbox{cursor:pointer}.su-list{margin-bottom:1.5em}.su-list ul{margin:0!important;padding:0!important;list-style:none!important}.su-list ul li{position:relative;display:block!important;margin:0!important;padding:4px 0 4px 2em!important;list-style-type:none!important;line-height:1.3em}.su-list ul li>img{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;padding:0;margin:0;border:none}.su-list ul li>i{position:absolute;left:0;top:4px;width:1.3em;height:1.3em;line-height:1.3em;text-align:center}.su-members{margin-bottom:1.5em;padding:1em;border-width:1px 0;border-style:solid;text-align:center}.su-members a{text-decoration:underline;color:inherit}.su-note{margin:0 0 1.5em;border-width:1px;border-style:solid}.su-note-inner{padding:1em;border-width:1px;border-style:solid}.su-posts-default-loop .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-default-loop .su-post:after{content:"";display:table;clear:both}.su-posts-default-loop .su-post-thumbnail{float:left;display:block;width:100px;height:100px;margin-right:1em}.su-posts-default-loop .su-post-thumbnail img{max-width:100px;max-height:100px}.su-posts-default-loop h2.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-default-loop .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-default-loop .su-post-excerpt{margin-bottom:.5em}.su-posts-default-loop .su-post-excerpt p:last-child{margin-bottom:0}.su-posts-default-loop .su-post-comments-link{font-size:.9em}.su-posts-teaser-loop .su-post{margin-bottom:1.5em;line-height:1.2}.su-posts-teaser-loop .su-post:after{content:"";display:table;clear:both}.su-posts-teaser-loop .su-post-thumbnail{float:left;display:block;width:56px;height:56px;margin:0 1em 0 0}.su-posts-teaser-loop .su-post-thumbnail img{display:block;margin:0;padding:2px;border:1px solid #ccc;border-radius:5px;max-width:100%;max-height:100%}.su-posts-teaser-loop h2.su-post-title{display:block;margin:0;padding:0;border:none;font-size:.9em;font-weight:400;clear:none}.su-posts-single-post .su-post{margin-bottom:2.5em;line-height:1.5}.su-posts-single-post .su-post:after{content:"";display:table;clear:both}.su-posts-single-post h1.su-post-title{clear:none;margin:0 0 .3em;font-size:1.2em;font-weight:700}.su-posts-single-post .su-post-meta{margin-bottom:.7em;font-size:.8em;opacity:.6}.su-posts-single-post .su-post-content{margin-bottom:.5em}.su-posts-single-post .su-post-content p:last-child{margin-bottom:0}.su-private{margin:0 0 1.5em}.su-pullquote{display:block;width:30%;padding:.5em 1em}.su-pullquote-align-left{margin:.5em 1.5em 1em 0;padding-left:0;float:left;border-right:5px solid #eee}.su-pullquote-align-right{margin:.5em 0 1em 1.5em;padding-right:0;float:right;border-left:5px solid #eee}@media screen and (max-width:48em){.su-pullquote{width:auto}.su-pullquote-align-left,.su-pullquote-align-right{float:none;margin:1.5em 0;padding:.5em 1em}}.su-qrcode{display:inline-block}.su-qrcode-align-left{float:left;margin:0 .5em .5em 0}.su-qrcode-align-center{display:block;clear:both;margin:1em auto;text-align:center}.su-qrcode-align-right{float:right;margin:0 0 .5em .5em}.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover{background:0 0;outline:0;display:inline;text-decoration:none}.su-qrcode-clickable a:hover{opacity:.7}.su-qrcode img{display:inline-block;max-width:100%}.su-quote-style-default{position:relative;margin-bottom:1.5em;padding:.5em 3em;font-style:italic}.su-quote-style-default:after,.su-quote-style-default:before{position:absolute;display:block;width:20px;height:20px;background-image:url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/quote.png);content:""}.su-quote-style-default:before{top:0;left:0;background-position:0 0}.su-quote-style-default:after{right:0;bottom:0;background-position:-20px 0}.su-quote-style-default .su-quote-cite{display:block;text-align:right;font-style:normal}.su-quote-style-default .su-quote-cite:before{content:"— "}.su-quote-style-default .su-quote-cite a{text-decoration:underline}.su-screenr{margin:0 0 1.5em}.su-screenr iframe{border:none!important}.su-service{position:relative;margin:0 0 1.5em}.su-service-title{display:block;margin-bottom:.5em;color:#333;font-weight:700;font-size:1.1em}.su-service-title img{position:absolute;top:0;left:0;display:block!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}.su-service-title i{position:absolute;top:0;left:0;display:block!important;width:1em;height:1em;text-align:center;line-height:1em}.su-service-content{line-height:1.4}.su-slider{position:relative;margin-bottom:1.5em;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.su-slider-centered{margin:0 auto 1.5em}.su-slider-slides{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease}.swiper-free-mode>.su-slider-slides{transition-timing-function:ease-out;margin:0 auto}.su-slider-slide{position:relative;float:left}.su-slider-slide>a,.su-slider-slide>a>img,.su-slider-slide>img{position:relative;display:block;width:100%;height:100%;text-decoration:none}.su-slider-responsive-yes .su-slider-slide>a,.su-slider-responsive-yes .su-slider-slide>a>img,.su-slider-responsive-yes .su-slider-slide>img{height:auto}.su-slider-pages-no .su-slider-pagination{display:none}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}.su-slider-slide-title{position:absolute;left:20px;bottom:20px;display:block;max-width:90%;padding:5px 10px;color:#fff;line-height:1.3;background:#000;background:rgba(0,0,0,.5);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;transition:opacity 1s;-o-transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s}.su-slider-slide-visible .su-slider-slide-title{opacity:1}.su-slider-next,.su-slider-prev{position:absolute;top:50%;display:block;width:40px;height:40px;margin-top:-20px!important;background:#000 0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0;transition:all .2s}.su-slider-prev{right:10px;margin-right:30px;background-position:-40px 0}.su-slider-next{left:10px;margin-left:30px;background-position:0 0}.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev{margin-left:0;margin-right:0;opacity:.7}.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover{opacity:1}.su-slider-pagination{position:absolute;left:15%;right:15%;top:50%;width:70%;height:0;margin-top:-7px;text-align:center;cursor:default;opacity:0;transition:all .2s}.su-slider:hover .su-slider-pagination{bottom:20px;opacity:1}.su-slider-pagination span{display:inline-block;width:14px;height:14px;margin:0;background:#000 0 -999px url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/swiper/default.png) no-repeat;background-color:rgba(0,0,0,.5);cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s}.su-slider:hover .su-slider-pagination span{margin:0 3px}.su-slider .su-slider-pagination span.swiper-visible-switch{background-color:#fff;background-color:rgba(255,255,255,.5)}.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover{background-position:0 -40px}.su-spacer{display:block;height:0;clear:both;overflow:hidden}.su-spacer-5{height:5px}.su-spacer-10{height:10px}.su-spacer-20{height:20px}.su-spacer-30{height:30px}.su-spacer-40{height:40px}.su-spoiler{margin-bottom:1.5em}.su-spoiler .su-spoiler:last-child{margin-bottom:0}.su-spoiler-title{position:relative;cursor:pointer;min-height:20px;line-height:20px;padding:7px 7px 7px 34px;font-weight:700;font-size:13px}.su-spoiler-title:focus{outline:currentColor thin dotted}.su-spoiler-icon{position:absolute;left:7px;top:7px;display:block;width:20px;height:20px;line-height:21px;text-align:center;font-size:14px;font-family:ShortcodesUltimateIcons;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}.su-spoiler-content{padding:14px;transition:padding-top .2s}.su-spoiler.su-spoiler-closed>.su-spoiler-content{height:0;margin:0;padding-top:0;padding-bottom:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe{display:none}.su-spoiler-icon-plus .su-spoiler-icon:before{content:"\f068"}.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before{content:"\f067"}.su-spoiler-icon-plus-circle .su-spoiler-icon:before{content:"\f056"}.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before{content:"\f055"}.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before{content:"\f146"}.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f0fe"}.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before{content:"\f147"}.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f196"}.su-spoiler-icon-arrow .su-spoiler-icon:before{content:"\f063"}.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before{content:"\f061"}.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before{content:"\f0ab"}.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f0a9"}.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before{content:"\f01a"}.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f18e"}.su-spoiler-icon-chevron .su-spoiler-icon:before{content:"\f078"}.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before{content:"\f054"}.su-spoiler-icon-chevron-circle .su-spoiler-icon:before{content:"\f13a"}.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before{content:"\f138"}.su-spoiler-icon-caret .su-spoiler-icon:before{content:"\f0d7"}.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before{content:"\f0da"}.su-spoiler-icon-caret-square .su-spoiler-icon:before{content:"\f150"}.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before{content:"\f152"}.su-spoiler-icon-folder-1 .su-spoiler-icon:before{content:"\f07c"}.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before{content:"\f07b"}.su-spoiler-icon-folder-2 .su-spoiler-icon:before{content:"\f115"}.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before{content:"\f114"}.su-spoiler-style-default>.su-spoiler-title{padding-left:27px;padding-right:0}.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon{left:0}.su-spoiler-style-default>.su-spoiler-content{padding:1em 0 1em 27px}.su-spoiler-style-fancy{border:1px solid #ccc;border-radius:10px;background:#fff;color:#333}.su-spoiler-style-fancy>.su-spoiler-title{border-bottom:1px solid #ccc;border-radius:10px;background:#f0f0f0;font-size:.9em}.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title{border:none}.su-spoiler-style-fancy>.su-spoiler-content{border-radius:10px}.su-spoiler-style-simple{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.su-spoiler-style-simple>.su-spoiler-title{padding:5px 10px;background:#f0f0f0;color:#333;font-size:.9em}.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon{display:none}.su-spoiler-style-simple>.su-spoiler-content{padding:1em 10px;background:#fff;color:#333}.su-table{width:100%;margin-bottom:1.5em}.su-table table{width:100%!important;margin:0!important;border-collapse:collapse!important;font-size:1em!important;border:1px solid #ccc!important;table-layout:auto!important}.su-table table th{text-align:center!important;padding:1em!important;font-size:1em!important;font-weight:700!important;color:#333!important;border:1px solid #ccc!important;background:#f0f0f0!important}.su-table table td{padding:.5em 1em!important;border:1px solid #ccc!important;background:#fff!important}.su-table-responsive{overflow-x:auto}.su-table-responsive table{width:auto!important;min-width:100%!important}.su-table-responsive table td,.su-table-responsive table th{word-break:initial!important}.su-table-alternate table tr:nth-child(even) td{background-color:#f7f7f7!important}.su-table-fixed table{table-layout:fixed!important}.su-tabs{margin:0 0 1.5em;padding:3px;border-radius:3px;background:#eee}.su-tabs-nav span{display:inline-block;margin-right:3px;padding:10px 15px;min-height:40px;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;font-size:13px;line-height:20px;cursor:pointer;transition:all .2s}.su-tabs-nav span:hover{background:#f5f5f5}.su-tabs-nav span.su-tabs-current{background:#fff;cursor:default}.su-tabs-nav span:focus{outline:currentColor thin dotted}.su-tabs-nav span.su-tabs-disabled{opacity:.5;cursor:default}.su-tabs-pane{padding:15px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;color:#333;font-size:13px}.su-tabs-pane:not(.su-tabs-pane-open){overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important;height:0!important;border:none!important}.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes{box-sizing:border-box!important}.su-tabs-vertical{display:flex}.su-tabs-vertical .su-tabs-nav{width:30%}.su-tabs-vertical .su-tabs-nav>span{display:block;margin-right:0;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.su-tabs-vertical .su-tabs-panes{width:70%}.su-tabs-vertical .su-tabs-panes .su-tabs-pane{height:100%;border-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}@media only screen and (max-width:768px){.su-tabs-vertical{flex-direction:column}.su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes{width:100%}.su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav>span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes>span{border-radius:3px}.su-tabs-mobile-stack .su-tabs-nav span{display:block}.su-tabs-mobile-scroll .su-tabs-nav{display:flex;align-items:flex-end;white-space:nowrap;overflow-x:auto}}.su-tooltip{display:none}.su-tooltip.su-tooltip-visible{display:block}.su-tooltip-inner{display:block;position:relative;padding:.7em .85em}.su-tooltip-title{display:block;font-weight:700;font-size:1.1em;margin-bottom:.25em}.su-tooltip-title:empty{display:none}.su-tooltip-content{display:block}.su-tooltip-shadow-yes{box-shadow:0 0 10px rgba(0,0,0,.5)}.su-tooltip-button{position:relative}.su-tooltip-button-outline-no:focus{outline:0}.su-tooltip-arrow,.su-tooltip-arrow::before{position:absolute;width:8px;height:8px;background:inherit}.su-tooltip-arrow{visibility:hidden}.su-tooltip-arrow::before{visibility:visible;content:"";transform:rotate(45deg)}.su-tooltip[data-popper-placement^=top]>.su-tooltip-arrow{bottom:-4px}.su-tooltip[data-popper-placement^=bottom]>.su-tooltip-arrow{top:-4px}.su-tooltip[data-popper-placement^=left]>.su-tooltip-arrow{right:-4px}.su-tooltip[data-popper-placement^=right]>.su-tooltip-arrow{left:-4px}.su-video{position:relative;margin-bottom:1.5em;overflow:hidden}.su-video .jp-title{position:absolute;top:-100px;left:0;width:100%;height:30px;padding:0 1em;line-height:30px;font-size:.9em;background:#000;background:rgba(0,0,0,.5);color:#fff;transition:top .2s}.su-video:hover .jp-title{top:0}.su-video .jp-start{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;opacity:.5;transition:opacity .2s;background:50% 50% url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default-start.png) no-repeat}.su-video:hover .jp-start{opacity:.8}.su-video.jp-video-full{position:fixed;left:0;top:0;width:100%;height:100%}.su-video.jp-video-full .jp-jplayer{position:fixed!important;left:0;top:0;overflow:hidden}.su-video .jp-gui{position:relative;height:30px;background:#7c8781;background:linear-gradient(to bottom,#7c8781 0,#0a0809 100%);border-bottom-right-radius:3px;border-bottom-left-radius:3px}.su-video.jp-video-full .jp-gui{position:fixed;left:0;bottom:0;width:100%}.su-video-controls-no .jp-gui{position:absolute!important;bottom:-100px;left:0;right:0;transition:bottom .2s}.su-video-controls-no:hover .jp-gui{bottom:0}.su-video img{border-radius:0!important;border:none!important;margin:0!important;padding:0!important}.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play{position:absolute;left:0;top:0;display:block;width:30px;height:30px;border-right:1px solid #454947;cursor:pointer}.su-video .jp-gui .jp-play{background:0 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-gui .jp-pause{background:-30px 0 url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-full-screen,.su-video .jp-restore-screen{position:absolute;top:0;right:0;display:block;width:30px;height:30px;border-left:1px solid #454947;cursor:pointer}.su-video .jp-full-screen{background:0 -30px url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-restore-screen{background:-30px -30px url(//www.yeniyeniseyler.com/wp-content/plugins/shortcodes-ultimate/includes/images/player/default.png) no-repeat}.su-video .jp-progress{position:absolute;top:10px;left:90px;right:90px;height:10px;background:#333;border-radius:3px;box-shadow:0 0 5px #000 inset}.su-video .jp-play-bar,.su-video .jp-seek-bar{position:absolute;top:0;left:0;height:100%;cursor:pointer;border-radius:3px}.su-video .jp-seek-bar{background:#0b0b0b;background:linear-gradient(to bottom,#0b0b0b 0,#666 100%)}.su-video .jp-play-bar{background:#6db3f2;background:linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)}.su-video .jp-current-time,.su-video .jp-duration{position:absolute;top:0;display:block;height:30px;line-height:30px;color:#f5f5f5;font-size:10px}.su-video .jp-current-time{left:50px}.su-video .jp-duration{right:50px}.su-vimeo{margin:0 0 1.5em}.su-vimeo iframe{border:none!important}.su-youtube{margin:0 0 1.5em}.su-youtube iframe{border:none!important}
 @-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.yeniyeniseyler.com/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru);src:url(//www.yeniyeniseyler.com/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.yeniyeniseyler.com/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2?4f0ru) format("woff2"),url(//www.yeniyeniseyler.com/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff?4f0ru) format("woff"),url(//www.yeniyeniseyler.com/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.yeniyeniseyler.com/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.yeniyeniseyler.com/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.yeniyeniseyler.com/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.yeniyeniseyler.com/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.yeniyeniseyler.com/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left; margin-bottom:10px;}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;min-width:40px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}div.DTFC_Blocker{background-color:white}div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none}table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}