@charset "UTF-8";
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a{transition:color .2s ease}.sf-menu>li>a>.sf-sub-indicator i{transition:color .2s ease}.sf-shadow .sf-shadow-off{background:none repeat scroll 0 0 transparent}#header-outer:not([data-header-resize="1"]):not([data-format=left-header]) #logo:not(.disable-opacity-transition) img{transition:opacity .2s ease}#header-outer[data-using-secondary="1"]:not([data-format=left-header]){transition:transform .32s ease,background-color .3s ease 0s,box-shadow .3s ease 0s,margin .25s ease}#top nav ul #nectar-user-account a span,#top nav ul #search-btn a span{transition:color .2s ease,opacity .2s ease}#top ul .slide-out-widget-area-toggle a i.label{transition:color .2s ease,opacity .2s ease}#header-outer:not(.no-transition) .nectar-menu-icon.svg-icon svg path,#slide-out-width-area .nectar-menu-icon.svg-icon svg path{transition:fill .2s ease}#header-outer header .sf-menu>li.nectar-regular-menu-item>a>.nectar-menu-icon{transition:color .2s ease}#header-outer.slide-out-hover{transition:background-color .3s ease}#header-outer.slide-out-hover header,#header-outer.slide-out-hover>.cart-outer{transition:opacity .3s ease}body[data-hhun="1"] #header-outer.transparent[data-transparent-header=true][data-remove-border=true]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease,opacity .3s ease,border-color .3s ease,backdrop-filter .3s ease}body[data-hhun="1"] #header-outer.detached,body[data-hhun="1"] #header-outer.transparent[data-transparent-header=true][data-remove-border=true][data-permanent-transparent="1"].detached{transition:transform .3s ease,height .3s ease,background .3s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}@media only screen and (max-width:999px){body[data-hhun="1"] #header-outer{transition:transform .3s ease,height .3s ease,background .3s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}}body[data-hhun="1"] #header-outer.transparent.at-top{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease,backdrop-filter .3s ease}.wpb_row .nectar-video-wrap .nectar-video-inner.transition,.wpb_row .row-bg-wrap .row-bg.transition{transition:transform .65s cubic-bezier(.05,.2,.1,1)}body[data-ajax-transitions=false] .top-level .row-bg-wrap[data-bg-animation=fade-in] .inner-wrap.using-image{transition:opacity .55s ease-out}.column-image-bg-wrap[data-bg-animation=zoom-out-reveal][data-bg-overlay=true],.row-bg-wrap[data-bg-animation=zoom-out-reveal][data-bg-overlay=true]{transition:transform 1.3s cubic-bezier(.12,.75,.4,1),opacity .55s ease-out .2s}.column-image-bg-wrap .column-image-bg.loaded,.row-bg-wrap .row-bg.loaded,body[data-ajax-transitions] .parallax-layer.column-image-bg.loaded,body[data-ajax-transitions] .parallax_section .row-bg.loaded{transition:opacity .4s ease .1s}.flex-viewport{max-height:2000px;transition:all 1s ease}body[data-button-style*=rounded_shadow] .wp-block-button>.wp-block-button__link{transition:all .45s cubic-bezier(.25,1,.33,1)}#ajax-content-wrap .nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap{transition:background-color .3s ease}.circle-border{transition-duration:225ms;transition-property:all;transition-timing-function:cubic-bezier(.5,-.7,.67,.7)}.img-with-aniamtion-wrap .color-overlay{transition:opacity .65s cubic-bezier(.2,1,.2,1)}.img-with-aniamtion-wrap .inner .hover-wrap[data-hover-animation]{transition:all .65s cubic-bezier(.05,.2,.1,1)!important}.scroll-down-wrap{transition:opacity .4s ease}.portfolio-items[data-ps="8"] .col .work-info .vert-center line,.portfolio-items[data-ps="8"] line{-webkit-transition:none;transition:none}.masonry.classic .post-featured-img img.nectar-lazy,.post-area.standard-minimal .post-featured-img img.nectar-lazy,.post-content.classic .post-featured-img img.nectar-lazy{transition:opacity .5s ease}#ajax-content-wrap .wpb_gallery_slidesimage_grid .portfolio-items img.nectar-lazy{transition:opacity .5s ease,transform .5s ease}#ajax-content-wrap .nectar-underline .post-heading,.nectar-post-grid .nectar-post-grid-item.nectar-underline .content .post-heading{transition:background-size .55s cubic-bezier(.2,.75,.5,1),color .45s cubic-bezier(.15,.75,.5,1) 0s}.posts-container[data-load-animation=fade_in_from_bottom] article .inner-wrap,.posts-container[data-load-animation=fade_in_from_bottom] article .inner-wrap.animated{transition:opacity .3s cubic-bezier(.3,.58,.55,1),transform .3s cubic-bezier(.3,.58,.55,1)}.posts-container[data-load-animation=perspective] article .inner-wrap,.posts-container[data-load-animation=perspective] article .inner-wrap.animated{transition:opacity .3s cubic-bezier(.1,.3,.2,1),transform .72s cubic-bezier(.1,.3,.27,1)}.post.quote .content-inner .quote-inner .whole-link{transition:all .45s cubic-bezier(.25,1,.33,1)}.blurred-wrap{transition:filter .45s linear}.slide-out-widget-area-toggle .lines-button.x2 .lines:after,.slide-out-widget-area-toggle .lines-button.x2 .lines:before{transition:transform .45s ease,background-color .2s ease,opacity .2s ease}.lines-button.x2 .lines{transition:background .2s ease,opacity .2s ease}.lines-button.x2 .lines:after,.lines-button.x2 .lines:before{transform-origin:50% 50%;transition:top .4s .45s ease,transform .3s ease,background-color .2s ease,opacity .2s ease}.slide-out-widget-area-toggle .closed>span{transition:transform .33s 0s ease}#header-outer[data-header-button_style=default] #top nav>ul>li[class*=button_solid_color]>a:hover:before,#header-outer[data-header-button_style=default].transparent #top nav>ul>li[class*=button_solid_color]>a:hover:before{opacity:.85!important}#header-outer #top .sf-menu>li[class*=button_solid_color].sfHover>a .sf-sub-indicator i,#header-outer #top .sf-menu>li[class*=button_solid_color]:hover>a .sf-sub-indicator,#header-outer[data-lhe=default] #top nav .sf-menu>[class*=button_solid_color].sfHover:not(#social-in-menu)>a,#header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color]>a:hover,body #header-outer[data-lhe=default] #top nav .sf-menu>li[class*=button_solid_color].sfHover>a{color:#fff!important}#header-outer.transparent.dark-slide>#top nav .sf-menu>li[class*=button_solid_color].sfHover>a,#header-outer.transparent.dark-slide>#top nav>ul>li[class*=button_solid_color]>a:hover,#header-outer[data-lhe=animated_underline].transparent.dark-slide #top nav>ul>li[class*=button_solid_color]>a:hover,#header-outer[data-lhe=default] #top nav .sf-menu>li[class*=button_solid_color]>a:hover,#header-outer[data-lhe=default].transparent.dark-slide #top nav>ul>li[class*=button_solid_color]>a:hover{color:#fff!important;opacity:1!important;padding-left:20px;padding-right:20px}#header-outer[data-lhe=default] #top nav>ul>li[class*=button_bordered]>a:hover{padding-left:20px;padding-right:20px}#header-outer .sf-menu>.sfHover>ul,#header-outer .sf-menu>li:hover>ul{top:100%}.sf-vertical .sfHover ul,.sf-vertical li:hover ul{left:100%;top:0}.sf-menu .sfHover>ul,.sf-menu li:hover>ul{z-index:999;pointer-events:all}.sf-menu li li.sfHover{z-index:999}.sf-menu li .sfHover ul,.sf-menu li li .sfHover ul,.sf-menu li li li:hover ul,.sf-menu li li:hover ul{left:20em;top:0}#header-outer nav>.sf-menu>.megamenu.nectar-megamenu-menu-item>ul .widget-area-active .widget a:hover{background-color:transparent!important}#header-outer .widget_shopping_cart.open .buttons,#header-outer .widget_shopping_cart.open .cart_list,#header-outer .widget_shopping_cart.open .total,#header-outer[data-format=centered-menu] #top nav>ul>.sfHover>ul>li,#header-secondary-outer .sf-menu>.sfHover>ul>li,#top nav>ul>.sfHover>ul>li{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#top nav>ul>.megamenu:hover ul li{pointer-events:auto}#header-secondary-outer .sf-menu li .sfHover .on-left-side,#header-secondary-outer .sf-menu li li .on-left-side,.sf-menu li .sfHover .on-left-side,.sf-menu li li .on-left-side{right:20em;left:auto;margin-right:-20px;margin-left:0}.sf-menu .sfHover>.on-left-side{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a{display:inline-block;margin-right:0;margin-left:0;overflow:hidden}#header-outer #social-in-menu a:hover i,.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover .nectar-dynamic-social-icon,.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover i{-webkit-transform:translateY(-120%);transform:translateY(-120%)}#header-outer #social-in-menu a:hover .nectar-dynamic-social-icon,#header-outer #social-in-menu a:hover .nectar-dynamic-social-icon.nectar-dynamic-social-icon--hover,.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a:hover .nectar-dynamic-social-icon{-webkit-transform:translateY(-120%);transform:translateY(-120%)}.col.boxed:not(.wpb_column):hover{top:-4px;box-shadow:0 2px 3px rgba(0,0,0,.3)}.nectar-button.see-through-2:hover,.nectar-button.see-through-3:hover{background-color:transparent}body[data-button-style*=rounded_shadow] .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover,body[data-button-style*=rounded_shadow].material .nectar-button.see-through:hover{box-shadow:0 20px 38px rgba(0,0,0,.11)!important}body[data-button-style*=slightly_rounded] #page-header-bg[data-post-hs=default_minimal] .inner-wrap>a:hover,body[data-button-style*=slightly_rounded].single .heading-title[data-header-style=default_minimal] .meta-category a:hover{transform:translateY(-3px)!important}body[data-button-style=slightly_rounded_shadow] .widget_search input[type=submit]:hover{-webkit-transform:none!important;transform:none!important}body .nectar-button.see-through:hover{border-color:#fff}.col.light .nectar-button.see-through:hover{border-color:#fff}.col.dark .nectar-button.see-through:hover{border-color:#000}body .col.dark .nectar-button.see-through-2:hover,body .col.dark .nectar-button.see-through-3:hover,body .nectar-button.see-through-2:hover,body .nectar-button.see-through-3:hover{color:#fff;opacity:1!important}.nectar-button.tilt:hover,.nectar-button.tilt:hover:after,.nectar-button.tilt:hover:before,.swiper-slide .button.solid_color_2 a:hover,.swiper-slide .button.solid_color_2 a:hover:after,.swiper-slide .button.solid_color_2 a:hover:before{transition:all .5s cubic-bezier(.25,1,.33,1)}.nectar-button.tilt:hover:after,.nectar-button.tilt:hover:before,.swiper-slide .button.solid_color_2 a:hover:after,.swiper-slide .button.solid_color_2 a:hover:before{opacity:1}.nectar-button.tilt:hover,.swiper-slide .button.solid_color_2 a:hover{transform:rotateX(20deg)}body:not(.mobile) .nectar-category-grid .nectar-category-grid-item:hover .content[data-subtext=custom][data-subtext-vis=always] .subtext:after,body:not(.mobile) .nectar-cta[data-style=underline] .link_wrap .link_text:hover:after,body:not(.mobile) .nectar-woo-flickity[data-controls=arrows-and-text] .nectar-woo-carousel-top a:hover:after{animation:portSliderLine .45s cubic-bezier(.15,.75,.5,1) forwards}.nectar-cta[data-style=see-through] .link_wrap:hover .link_text:after{transform:scale(.8);opacity:0}.nectar-cta[data-style=see-through] .link_wrap:hover .arrow:after,.nectar-cta[data-style=see-through] .link_wrap:hover .arrow:before{transform:scale(1,1) translateX(9px)}body:not(.mobile) .nectar-cta[data-style=underline] .link_wrap:hover .link_text:after{animation:none;transform:scaleX(0);transform-origin:right}.nectar-cta[data-style=arrow-animation] .link_wrap:hover svg,.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap svg{animation:ctaArrowSVGEnd .45s cubic-bezier(.23,.46,.4,1) forwards}.nectar-cta[data-style=arrow-animation] .link_wrap:hover .link_text .line,.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap .link_text .line{animation:ctaArrowLineEnd .45s cubic-bezier(.23,.46,.4,1) forwards}.nectar-cta[data-style=arrow-animation] .link_wrap:hover .link_text>.text,.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap .link_text>.text{animation:ctaArrowTextEnd .45s cubic-bezier(.23,.46,.4,1) forwards}.nectar-cta[data-style=arrow-animation] .link_wrap:hover polyline,.team-member:hover .nectar-cta[data-style=arrow-animation] .link_wrap polyline{animation:ctaArrowStart .45s ease .25s forwards}.team-member:hover .team-meta .nectar-cta[data-style=arrow-animation] .link_wrap polyline,.team-meta .nectar-cta[data-style=arrow-animation] .link_wrap:hover polyline{animation:ctaArrowStartTeam .8s ease forwards}#ajax-content-wrap .nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap:hover{transition:background-color .5s cubic-bezier(.23,.46,.4,1)}@media only screen and (min-width:1000px){.menu-item-hover-text-reveal-wave .hover .char,.nectar-cta[data-style=text-reveal-wave] .link_text.hover .char,.nectar-cta[data-style=text-reveal-wave][data-using-bg=true] .link_wrap.hover .char{animation:nectar_cta_letter_animation .5s cubic-bezier(.46,.4,.56,.87) forwards;transform:translateY(110%);opacity:0}}@keyframes nectar_cta_letter_animation{0%{opacity:0;transform:translateY(115%)}30%{opacity:1}45%{opacity:1;transform:translateY(-25%)}100%{opacity:1;transform:translateY(0)}}.nectar-cta[data-color*=extra-color-gradient][class*=hover_color_] .link_wrap:hover:before{opacity:1}.col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered,.col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^=icon-].icon-3x.alt-style.hovered{background-color:rgba(0,0,0,.035)}.light .col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered,.light .col:not(.post-area):not(.span_12):not(#sidebar):hover i[class^=icon-].icon-3x.alt-style.hovered{background-color:rgba(0,0,0,.1)}#sidebar .widget:hover i[class^=icon-].icon-3x.alt-style{background-color:rgba(0,0,0,.035)}#sidebar .widget:hover .circle-border,.col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered .circle-border{border:1px solid #000;transform:scale(1.18);transition-timing-function:cubic-bezier(.4,.25,.14,1.73)}#sidebar .widget:hover [class^=icon-].icon-3x,.col:not(.post-area):not(.span_12):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered,.col:not(.post-area):not(.span_12):not(#sidebar):hover [class^=icon-].icon-3x.hovered{color:#fff;background-color:#000}#sidebar .widget:hover .extra-color-gradient-1 .circle-border,#sidebar .widget:hover .extra-color-gradient-2 .circle-border,.col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-1 .circle-border,.col:not(.post-area):not(.span_12):not(#sidebar):hover .hovered.extra-color-gradient-2 .circle-border{transform:none;-webkit-transform:none}#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn,#page-header-bg .blog-title #single-meta .nectar-social.hover>div a{border:2px solid rgba(255,255,255,.4)}#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn:hover,#page-header-bg .blog-title #single-meta .nectar-social.hover>div a:hover,.single #page-header-bg .blog-title #single-meta div .n-shortcode:hover a,.single #page-header-bg .blog-title #single-meta>div>a:hover{border:2px solid #fff}body[data-button-style^=rounded] .section-down-arrow.hovered,body[data-button-style^=rounded] .section-down-arrow:hover{opacity:1}body[data-button-style^=rounded] .section-down-arrow.hovered i.fa-angle-down,body[data-button-style^=rounded] .section-down-arrow.hovered i.fa-angle-down.top,body[data-button-style^=rounded] .section-down-arrow:hover i.fa-angle-down,body[data-button-style^=rounded] .section-down-arrow:hover i.fa-angle-down.top{transform:translate(0,0)!important}.masonry.material .masonry-blog-item .grav-wrap a img.hovered,.masonry.material .masonry-blog-item .grav-wrap a:hover img,.nectar-recent-posts-single_featured a img.hovered,.nectar-recent-posts-single_featured a:hover img,.related-posts[data-style=material] .grav-wrap a img.hovered,.related-posts[data-style=material] .grav-wrap a:hover img{box-shadow:0 7px 20px rgba(0,0,0,.19)}.masonry.material .masonry-blog-item h3 a:hover,.related-posts[data-style=material] h3 a:hover{color:inherit!important}.post.format-link .post-content .link-inner:hover,.post.format-quote .post-content .quote-inner:hover,.post.link .classic .link-inner:hover,.post.quote .classic .quote-inner:hover{background-color:#333}.related-posts[data-style=material] .inner-wrap:hover .post-featured-img img{transform:scale(1.07)}.blog-recent .more-link span:hover,.post .more-link span:hover{background-color:#000}.post .post-header h2 a:hover{color:inherit}.post.quote .content-inner .quote-inner:hover .whole-link{background-color:#333}.post.link .post-content a:hover .link-inner,.post.quote .post-content a:hover .quote-inner{background-color:#333}.post .post-meta a:hover{color:#000}body #pagination>a.page-numbers:hover,body #pagination>a:hover,body nav#pagination a.page-numbers:hover,body nav#pagination a:hover,body nav.woocommerce-pagination li a:hover{background-color:transparent!important}#pagination .next a:hover,#pagination .prev a:hover,#pagination a.page-numbers:hover,#pagination span.page-numbers.current,.woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span,.woocommerce nav.woocommerce-pagination ul li a:hover{background-color:#000}body .widget_search .search-form button[type=submit]:hover{background-color:transparent!important}body #ajax-content-wrap .widget_search .search-form button[type=submit]:hover{-webkit-transform:translateY(-50%);transform:translateY(-50%)}body #ajax-content-wrap .widget_search .search-form button[type=submit]:hover,body.search-no-results #search-results .search-form button[type=submit]:hover{box-shadow:none!important}body[data-form-style=minimal] .widget_search .search-form button[type=submit]:hover{top:auto;bottom:0;-webkit-transform:none;transform:none}#sidebar .widget .tagcloud a:hover,.post-tags a:hover{background-color:#000}body[data-form-submit=regular] button[type=submit]:hover,body[data-form-submit=regular] input[type=submit]:hover{opacity:.85}.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner{transition:transform .65s cubic-bezier(.05,.2,.1,1)}.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom]:hover .hover-wrap-inner{transform:scale(1.13)}.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom-crop]:hover .hover-wrap-inner{transform:scale(1.15)}.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=zoom-crop]:hover{transform:scale(.95)!important}.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before,.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before,.nectar-quick-view-box .flickity-page-dots .dot.is-selected:before,.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before,.nectar-woo-flickity .flickity-page-dots .dot.is-selected:before,.testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before,body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before{transform:scale(2);box-shadow:inset 0 0 0 1px #000;background-color:transparent}.span_12.light .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before,.span_12.light .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before,.span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before,.span_12.light .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before,.span_12.light .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before,body.material [data-bullet_style=see_through] .slider-pagination:not(.dark-cs) .swiper-pagination-switch.swiper-active-switch:before{box-shadow:inset 0 0 0 1px #fff}#ajax-content-wrap .flickity-page-dots .dot.is-selected,.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch{opacity:1}.lines-button.close{transform:scale3d(.8,.8,.8)}.lines-button.arrow.close .lines:after,.lines-button.arrow.close .lines:before{top:0;width:1.11111rem}.slide-out-widget-area-toggle .lines-button.close .lines:before{transform:translateY(-6px) rotateZ(-45deg)}.slide-out-widget-area-toggle .lines-button.close .lines:after{transform:translateY(6px) rotateZ(45deg)}#header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:before{transform:translateY(-6px) rotateZ(-45deg)}#header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:after{transform:translateY(6px) rotateZ(45deg)}.slide-out-widget-area-toggle .lines-button.close:after{transform:scale(0,1)}.lines-button.minus.close .lines:after,.lines-button.minus.close .lines:before{transform:none;top:0;width:1.4rem}.lines-button.x.close .lines{background:0 0!important}.lines-button.x.close .lines:after,.lines-button.x.close .lines:before{transform-origin:50% 50%;top:0;width:1.4rem}.column-bg-overlay-wrap[data-bg-animation=zoom-out-reveal].animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out-high] .inner-wrap.animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap.animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.animated-in,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap.animated-in,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.using-image.animated-in,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.using-image.animated-in{transform:scale(1)}.column-image-bg-wrap[data-bg-animation=fade-in] .inner-wrap.animated-in,.row-bg-wrap[data-bg-animation=fade-in] .inner-wrap:not(.using-image).animated-in+.row-bg-overlay,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=fade-in] .inner-wrap.using-image.animated-in{opacity:1}.column-bg-overlay-wrap[data-bg-animation=zoom-out-reveal].animated-in,.column-image-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in,body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-reveal].animated-in{opacity:1}.nectar-waypoint-el:not([data-nectar-waypoint-el-stagger]).animated-in{transform:translate3d(0,0,0);opacity:1}.posts-container article.animated-in .inner-wrap,.posts-container[data-load-animation=fade_in] article.animated-in .inner-wrap.animated{opacity:1;transform:translateY(0);height:100%}.posts-container[data-load-animation=perspective] article.animated-in .inner-wrap.animated{transform:translateY(0) translateZ(0) rotateX(0);opacity:1}.nectar-view-indicator{position:fixed;z-index:400;left:-47px;top:-47px;pointer-events:none;width:94px;height:94px;mix-blend-mode:difference;will-change:transform}.nectar-drag-indicator{position:fixed;z-index:400;left:-26px;top:-26px;pointer-events:none;width:52px;height:52px;mix-blend-mode:difference;will-change:transform}.nectar-drag-indicator.color-dark,.nectar-drag-indicator.color-light{mix-blend-mode:normal}.nectar-drag-indicator.color-dark:before{border:2px solid #000}.nectar-drag-indicator.color-dark i{color:#000}.nectar-drag-indicator:before{border:2px solid #fff;width:100%;height:100%;display:block;content:"";position:absolute;left:-2px;top:-2px;transform:scale(.2);opacity:0;border-radius:50%}.nectar-drag-indicator span{position:absolute;top:50%;left:0;display:block;width:100%;text-align:center;transform:translateY(-50%)}.nectar-drag-indicator i{top:0;color:#fff;font-size:16px;opacity:0;position:absolute}.nectar-drag-indicator i.fa-angle-left{left:-22px;top:-9px;transform:translateX(17px)}.nectar-drag-indicator i.fa-angle-right{right:-22px;top:-9px;transform:translateX(-17px)}.nectar-drag-indicator:before,.nectar-view-indicator .color-circle{transition:transform .45s ease,opacity .3s ease}.nectar-drag-indicator i{transition:transform .2s ease,opacity .2s ease}.nectar-view-indicator span{transition:opacity .2s ease}.nectar-drag-indicator.visible i{transition:transform .45s ease,opacity .3s ease}.nectar-drag-indicator.visible i.fa-angle-left,.nectar-drag-indicator.visible i.fa-angle-right,.nectar-drag-indicator.visible:before,.nectar-view-indicator.visible .color-circle,.nectar-view-indicator.visible span{transform:scale(1);opacity:1}.nectar-drag-indicator.visible.pointer-down:before{transform:scale(.8);transition:transform .25s ease-out,opacity .3s ease}.nectar-view-indicator:not(.style-see-through){mix-blend-mode:normal}.nectar-drag-indicator.blurred-bg .color-circle,.nectar-view-indicator.blurred-bg .color-circle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nectar-view-indicator .color-circle{background-color:#000;width:100%;height:100%;display:block;content:"";position:absolute;left:-2px;top:-2px;transform:scale(.2);opacity:0;border-radius:50%}body .nectar-view-indicator span{opacity:0;font-size:16px;color:#fff;line-height:94px;text-align:center;width:100%;display:inline-block}.nectar-view-indicator.style-see-through .color-circle{background-color:transparent;border:2px solid #fff}.nectar-drag-indicator.in-boxed,.nectar-view-indicator.in-boxed{z-index:10000}.nectar-view-indicator.style-tooltip_text{left:12px;top:12px;width:auto;height:auto;line-height:1;padding:7px 14px}.nectar-view-indicator.style-tooltip_text .color-circle{width:100%;height:100%;display:block;position:absolute;left:0;top:0;opacity:0;border-radius:var(--nectar-border-radius);transform:scale(.65);transition:transform .2s ease-in-out,opacity .2s ease-in-out}.nectar-view-indicator.style-tooltip_text span{opacity:0;position:relative;top:0;left:0;line-height:1;font-size:14px;transform:none;transition:opacity .2s ease-in-out}.nectar-view-indicator.style-tooltip_text.visible .color-circle{transform:scale(1)}.nectar-view-indicator.style-tooltip_text.visible .color-circle,.nectar-view-indicator.style-tooltip_text.visible span{opacity:1}.img-with-aniamtion-wrap:hover .color-overlay{opacity:.5}.scroll-down-wrap.no-border:hover .section-down-arrow:before,.slider-down-arrow.no-border:hover:before{background-color:#fff}.nectar-next-section:hover .nectar-scroll-icon-path,.scroll-down-wrap.no-border:hover .nectar-scroll-icon-path,.slider-down-arrow.no-border:hover .nectar-scroll-icon-path{stroke-dashoffset:0;animation:mouse-scroll-btn-roll-over .55s cubic-bezier(.5,.1,.07,1)}.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:focus:before,.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:hover:before,.masonry.material .masonry-blog-item .meta-category a:focus:before,.masonry.material .masonry-blog-item .meta-category a:hover:before,.nectar-recent-posts-single_featured .grav-wrap .text a:focus:before,.nectar-recent-posts-single_featured .grav-wrap .text a:hover:before,.related-posts[data-style=material] .meta-category a:focus:before,.related-posts[data-style=material] .meta-category a:hover:before,[data-style=list_featured_first_row] .meta-category a:focus:before,[data-style=list_featured_first_row] .meta-category a:hover:before{transform:scaleX(1)}#single-below-header a:focus,#single-below-header a:hover{color:#000}#page-header-bg #single-below-header a:focus,#page-header-bg #single-below-header a:hover{color:#fff}.recent_projects_widget a:hover img{border-color:#000}.comment-list .comment-meta a:hover{color:#000}.comment-list .reply a:hover{background-color:#000}div:hover>.nectar_color_layer[data-h-opacity="0.1"]{opacity:.1!important}div:hover>.nectar_color_layer[data-h-opacity="0.2"]{opacity:.2!important}div:hover>.nectar_color_layer[data-h-opacity="0.3"]{opacity:.3!important}div:hover>.nectar_color_layer[data-h-opacity="0.4"]{opacity:.4!important}div:hover>.nectar_color_layer[data-h-opacity="0.5"]{opacity:.5!important}div:hover>.nectar_color_layer[data-h-opacity="0.6"]{opacity:.6!important}div:hover>.nectar_color_layer[data-h-opacity="0.7"]{opacity:.7!important}div:hover>.nectar_color_layer[data-h-opacity="0.8"]{opacity:.8!important}div:hover>.nectar_color_layer[data-h-opacity="0.9"]{opacity:.9!important}div:hover>.nectar_color_layer[data-h-opacity="1"]{opacity:1!important}.flex-direction-nav a:hover{background-color:#333}@keyframes portSliderLine{0%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}@keyframes portSliderLine2{0%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}@keyframes ctaArrowSVGStart{0%{transform:translateY(calc(-50% + .5px)) translateX(0) translateZ(0)}100%{transform:translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)}}@keyframes ctaArrowSVGEnd{0%{transform:translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)}100%{transform:translateY(calc(-50% + .5px)) translateX(0) translateZ(0)}}@keyframes ctaArrowTextStart{0%{transform:translateX(6px) translateZ(0)}100%{transform:translateX(0) translateZ(0)}}@keyframes ctaArrowTextEnd{0%{transform:translateX(0) translateZ(0)}100%{transform:translateX(6px) translateZ(0)}}@keyframes ctaArrowStart{0%{stroke-dashoffset:140px;stroke-dasharray:140px}100%{stroke-dasharray:140px;stroke-dashoffset:10px}}@keyframes ctaArrowStartTeam{0%{stroke-dashoffset:0;stroke-dasharray:0}50%{stroke-dashoffset:140px;stroke-dasharray:140px}100%{stroke-dasharray:140px;stroke-dashoffset:10px}}@keyframes ctaArrowEnd{0%{stroke-dashoffset:10px;stroke-dasharray:150px 150px}40%{opacity:1}100%{opacity:0;stroke-dashoffset:-53px;stroke-dasharray:1px 150px}}@keyframes ctaArrowLineStart{0%{transform-origin:left;transform:scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0)}100%{transform:scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)}}@keyframes ctaArrowLineEnd{0%{transform-origin:right;transform:scaleX(1) translateY(calc(-50% + .5px)) translateZ(0)}50%{transform-origin:right;transform:scaleX(0) translateY(calc(-50% + .5px)) translateZ(0)}51%{transform-origin:left}100%{transform:scaleX(1.2) translateY(calc(-50% + .5px)) translateZ(0);transform-origin:left}}.nectar-cta[data-style=arrow-animation][data-arrow-alignment=right] .link_wrap:hover svg{animation:ctaArrowSVGEndRight .45s cubic-bezier(.23,.46,.4,1) forwards}.nectar-cta[data-style=arrow-animation][data-arrow-alignment=right] .link_wrap:hover .link_text>.text{animation:ctaArrowTextEndRight .45s cubic-bezier(.23,.46,.4,1) forwards}@keyframes ctaArrowSVGStartRight{0%{transform:translateY(calc(-50% + .5px)) translateX(0) translateZ(0)}100%{transform:translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)}}@keyframes ctaArrowTextStartRight{0%{transform:translateX(-6px) translateZ(0)}100%{transform:translateX(0) translateZ(0)}}@keyframes ctaArrowSVGEndRight{0%{transform:translateY(calc(-50% + .5px)) translateX(-3px) translateZ(0)}100%{transform:translateY(calc(-50% + .5px)) translateX(0) translateZ(0)}}@keyframes ctaArrowTextEndRight{0%{transform:translateX(0) translateZ(0)}100%{transform:translateX(-6px) translateZ(0)}}@keyframes nectar_curved_arrow_animation__svg{0%{opacity:1}15%{opacity:1}45%{transform:translateX(4px);opacity:0}50%{transform:translateX(4px);opacity:0}51%{transform:translateX(0);opacity:1}100%{opacity:1}}@keyframes nectar_curved_arrow_animation__arrow{0%{stroke-dashoffset:0}15%{stroke-dashoffset:0}50%{stroke-dashoffset:-8px}70%{stroke-dashoffset:-8px}100%{stroke-dashoffset:0}}@keyframes nectar_curved_arrow_animation__line{0%{stroke-dashoffset:0}50%{stroke-dashoffset:18px}100%{stroke-dashoffset:35px}}@keyframes ctaMinimaLArrowOuter{0%{transform:translateY(0)}20%{transform:translateY(12px)}50%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes ctaMinimaLArrowLine{0%{transform-origin:bottom;transform:scaleY(1)}50%{transform-origin:bottom;transform:scaleY(0)}51%{transform-origin:top}100%{transform:scaleY(1);transform-origin:top}}@keyframes ctaMinimaLArrow{0%{stroke-dasharray:45px;stroke-dashoffset:0}50%{stroke-dasharray:45px;stroke-dashoffset:-45px}51%{stroke-dasharray:45px;stroke-dashoffset:45px}100%{stroke-dasharray:45px;stroke-dashoffset:0}}@keyframes rightLineStart{0%{transform:translateY(-50%) translateX(-88px) scaleX(0)}100%{transform:translateY(-50%) translateX(0) scaleX(1)}}@keyframes rightLineEnd{0%{transform:translateY(-50%) translateX(0) scaleX(1)}100%{transform:translateY(-50%) translateX(28px) scaleX(0)}}@keyframes rightLineStart2{0%{transform:translateY(-50%) translateX(88px) scaleX(0)}100%{transform:translateY(-50%) translateX(0) scaleX(1)}}@keyframes rightLineEnd2{0%{transform:translateY(-50%) translateX(0) scaleX(1)}100%{transform:translateY(-50%) translateX(-28px) scaleX(0)}}@keyframes rightArrowStart{0%{transform:translateX(-50px)}100%{transform:translateX(42px)}}@keyframes rightArrowEnd{0%{transform:translateX(42px)}100%{transform:translateX(75px)}}@keyframes rightArrowStart2{0%{transform:translateX(50px) rotate(180deg)}100%{transform:translateX(-42px) rotate(180deg)}}@keyframes rightArrowEnd2{0%{transform:translateX(-42px) rotate(180deg)}100%{transform:translateX(-75px) rotate(180deg)}}@keyframes rightArrowLineStart{0%{stroke-dashoffset:30px}100%{stroke-dashoffset:40px}}@keyframes rightArrowLineEnd{0%{stroke-dashoffset:40px}100%{stroke-dashoffset:50px}}@keyframes fadebottom{0%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(20px)}30%{opacity:0;transform:translateY(0)}45%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}.cart-menu .cart-icon-wrap .icon-salient-cart{-webkit-transition:color .2s ease;transition:color .2s ease}body[data-form-style=minimal].woocommerce form .required{-webkit-transition:color .2s cubic-bezier(.39,.71,.56,.98);transition:color .2s cubic-bezier(.39,.71,.56,.98)}.product.open-nectar-quick-view{transition:opacity .3s ease}.single-product .product[data-n-lazy="1"][data-gallery-style=left_thumb_sticky] .product-thumbs .thumb img{transition:border-color .1s ease,opacity .5s ease}.single-product .product[data-n-lazy="1"] .product-thumbs .flickity-slider .thumb img.nectar-lazy,.single-product .product[data-n-lazy="1"] img.nectar-lazy{transition:border-color .1s ease,opacity .5s ease}#header-outer:not([data-format=left-header]) #top nav>ul>li:not(.megamenu) .cart_list a:hover{background-color:transparent!important}#header-outer .widget_shopping_cart a.button:hover,.nectar-slide-in-cart .widget_shopping_cart a.button:hover{background-color:#333!important}.woocommerce #respond input#submit.disabled:hover,.woocommerce #respond input#submit:disabled:hover,.woocommerce #respond input#submit:disabled[disabled]:hover,.woocommerce #respond input#submit:hover,.woocommerce a.button.disabled:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button:disabled[disabled]:hover,.woocommerce a.button:hover,.woocommerce button.button.disabled:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover,.woocommerce button.button:hover,.woocommerce input.button.disabled:hover,.woocommerce input.button:disabled:hover,.woocommerce input.button:disabled[disabled]:hover,.woocommerce input.button:hover{color:#fff}.woocommerce button[type=submit][name=calc_shipping]:hover,.woocommerce input[type=submit][name=apply_coupon]:hover,.woocommerce input[type=submit][name=update_cart]:hover,.woocommerce-page:not([data-form-submit=see-through]) div[data-project-style=classic] button[type=submit].single_add_to_cart_button:hover{background-color:#333!important}.woocommerce button[type=submit][name=calc_shipping]:hover,.woocommerce input[type=submit][name=apply_coupon]:hover,.woocommerce input[type=submit][name=update_cart]:hover{opacity:.8}.woocommerce #order_review #payment #place_order:hover,.woocommerce .span_4 input[type=submit].checkout-button:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{opacity:.8}.woocommerce ul.products li.product .product-wrap img.hover-gallery-image,.woocommerce ul.products li.product .product-wrap picture.hover-gallery-image{object-fit:cover;height:100%}.woocommerce ul.products li.product .product-wrap:hover img.hover-gallery-image,.woocommerce ul.products li.product .product-wrap:hover picture.hover-gallery-image{opacity:1}.woocommerce-page table.cart a.remove:hover{color:#fff!important}.woocommerce .price_slider_amount button.button:focus,.woocommerce .price_slider_amount button.button:hover{color:#fff}#ajax-content-wrap .price_slider_amount button.button:hover{transform:none;box-shadow:none}body[data-form-submit=see-through].woocommerce .price_slider_amount button.button:hover{color:#666!important}body[data-button-style=slightly_rounded_shadow].woocommerce .widget .price_slider_amount button.button[type=submit]:hover{-webkit-transform:none!important;transform:none!important;box-shadow:none!important}#ajax-content-wrap .widget_layered_nav_filters ul li a:hover,.material #ajax-content-wrap #sidebar .widget_layered_nav_filters ul li a:hover{border:1px solid rgba(0,0,0,.25)}.woocommerce .yith-wcan-reset-navigation.button:hover{opacity:.8}.ascend.woocommerce #sidebar .widget_layered_nav ul.yith-wcan-label li a:hover,body #sidebar .widget_layered_nav ul.yith-wcan-label li a:hover,body .widget_layered_nav ul.yith-wcan-label li a:hover{color:#fff!important;border-color:transparent}.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li:hover{opacity:1}.woocommerce #sidebar .widget_layered_nav ul.yith-wcan-color li a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}body .woocommerce.add_to_cart_inline a.button.add_to_cart_button:hover{opacity:.9}.easyzoom-flyout:hover{opacity:1}#sidebar .widget_shopping_cart .cart_list li a.remove:hover{background-color:transparent}.woocommerce-MyAccount-navigation ul li a:hover:before{opacity:1}.woocommerce-account .woocommerce>#customer_login .nectar-form-controls .control:hover{opacity:1;transition:background-size .55s cubic-bezier(.2,.75,.5,1),opacity .25s ease,color .25s ease}@media only screen and (max-width:999px){.products[data-rm-m-hover="1"] li.product.minimal.hover-bound:hover .product-meta,.products[data-rm-m-hover="1"] li.product.minimal:hover .product-add-to-cart a,.woocommerce .products[data-rm-m-hover="1"] .material.product:hover .product-meta>.price,.woocommerce .products[data-rm-m-hover="1"] .material.product:hover h2,.woocommerce .products[data-rm-m-hover="1"] .material.product:hover h3,ul.products li.product.minimal:hover .product-image-wrap:not(.has-hover-image) img{transform:none!important}.products[data-rm-m-hover="1"] .material.product:hover .product-wrap .product-add-to-cart,.products[data-rm-m-hover="1"] li.product.minimal:hover .product-add-to-cart a,.woocommerce .products[data-rm-m-hover="1"] li.product .product-wrap:hover img.hover-gallery-image,.woocommerce .products[data-rm-m-hover="1"] li.product .product-wrap:hover picture.hover-gallery-image{opacity:0}.products[data-rm-m-hover="1"] .material.product:hover .product-wrap .product-meta>.price,.products[data-rm-m-hover="1"] li.product.minimal:hover .product-meta .price{opacity:1}}#header-outer .cart-notification h2.widgettitle,#header-outer .widget_shopping_cart h2.widgettitle{margin-bottom:0}#header-outer .widget_shopping_cart .cart_list{display:none;position:relative;top:0!important;width:325px;left:auto;max-height:482px;overflow-y:auto}#footer-outer .widget_shopping_cart .cart_list a,#header-outer .widget_shopping_cart .cart_list a,.nectar-slide-in-cart .widget_shopping_cart .cart_list a{background-color:transparent!important;border:none;font-weight:400;line-height:17px;padding:0;transition:none;-webkit-transition:none;font-family:'Open Sans'}#header-outer .widget_shopping_cart .cart_list .product-meta a{padding-bottom:8px}.nectar-slide-in-cart:not(.style_slide_in_click) .cart_list .woocommerce-mini-cart-item .product-details>a{padding:3px 10px 8px 3px!important}body #header-outer .widget_shopping_cart .cart_list li .product-meta .product-details>a{line-height:1.3em;margin-bottom:6px;max-width:calc(100% - 26px);padding-bottom:0;font-size:14px}#slide-out-widget-area .widget_shopping_cart .cart_list li .product-meta .product-details>a{line-height:1.3em;margin-bottom:6px;max-width:calc(100% - 26px);padding-bottom:0;font-size:16px}#slide-out-widget-area .widget_shopping_cart .cart_list li .product-meta .product-details>a{max-width:calc(100% - 37px)}#header-outer .widget_shopping_cart .cart_list a img{width:55px;float:left;margin-left:0}#header-outer .widget_shopping_cart .cart_list a img,#header-outer ul.product_list_widget li img,.nectar-slide-in-cart.style_slide_in_click ul.product_list_widget li img,.woocommerce-page ul.product_list_widget li img:not(.nectar-lazy):not([srcset]){height:auto;width:75px;margin-left:0;margin-right:15px;float:left;margin-bottom:0;box-shadow:none;-webkit-box-shadow:none}.nectar-slide-in-cart.style_slide_in_click ul.product_list_widget li img{margin-right:0}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .mini_cart_item>a{margin-right:25px}#header-outer .widget_shopping_cart .cart_list .product-meta a img,#slide-out-widget-area .widget_shopping_cart .cart_list .product-meta a img,.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a img{display:none}#header-outer .widget_shopping_cart .cart_list li .product-meta a,#slide-out-widget-area .widget_shopping_cart .cart_list li .product-meta a{display:inline-block;transition:.2s ease color}#header-outer .widget_shopping_cart .cart_list li{float:none}#header-outer .cart-notification,#header-outer .widget_shopping_cart .cart_list li{padding:14px 20px}#header-outer .widget_shopping_cart .cart_list li{font-size:12px;line-height:22px}#header-outer .cart-notification .item-name,.woocommerce .cart-notification .item-name{color:#fff;font-family:'Open Sans';font-weight:600}body:not([data-header-color=custom]) #header-outer .cart-notification .item-name{color:#888}#header-outer .widget_shopping_cart .cart_list li:first-child{padding-top:20px}.nectar-slide-in-cart .total,.nectar-slide-in-cart .total strong{font-size:24px;font-family:inherit}.nectar-slide-in-cart.style_slide_in_click .total,.nectar-slide-in-cart.style_slide_in_click .total strong{font-size:18px}#header-outer .widget_shopping_cart .quantity{margin-left:0;line-height:14px;height:14px;display:block}#slide-out-widget-area .widget_shopping_cart .quantity{margin-left:0;line-height:14px;height:auto;display:block}#header-outer .widget_shopping_cart .quantity,#header-outer .widget_shopping_cart .quantity span{font-size:14px}#header-outer .widget_shopping_cart .buttons{padding:3px 20px 20px 20px;clear:both}#header-outer ul.product_list_widget li dl dt,.nectar-slide-in-cart ul.product_list_widget li dl dt{color:#999}.nectar-slide-in-cart.style_slide_in_click ul.product_list_widget li dl dt{color:inherit;font-weight:inherit;font-size:12px!important;line-height:inherit}.nectar-slide-in-cart ul.product_list_widget li dl dt{font-family:inherit}#header-outer ul.product_list_widget li dl dd,.nectar-slide-in-cart ul.product_list_widget li dl dd{color:inherit;margin-bottom:0;padding-left:0}#header-outer ul.product_list_widget li dl p,.nectar-slide-in-cart ul.product_list_widget li dl p{padding-bottom:0}#header-outer ul.product_list_widget li dl,.nectar-slide-in-cart ul.product_list_widget li dl{margin:0 0 10px 0;border-width:1px;padding-left:13px}#header-outer ul.product_list_widget .product-meta,#slide-out-widget-area ul.product_list_widget .product-meta{float:right;padding-left:5px;width:calc(100% - 90px)}.nectar-slide-in-cart-bg.revealed{z-index:10000}.nectar-slide-in-cart-bg.open{opacity:1;pointer-events:all}.nectar-slide-in-cart.style_slide_in_click .close-cart{line-height:1.4;z-index:1000;color:#000}.nectar-slide-in-cart.style_slide_in_click .total{display:flex}.nectar-slide-in-cart.style_slide_in_click .total>strong{flex:1}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button{display:inline-block;font-size:14px;padding:15px 10px;width:calc(50% - 5px);margin:0}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button.checkout{margin-left:10px}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .product-meta a:not(.remove){font-size:16px;line-height:1.4;margin-bottom:6px;font-weight:600}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart__buttons{padding-bottom:0}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart-item:after,.widget_shopping_cart_content:before{z-index:-10;position:absolute;top:0;left:0;width:100%;height:100%;content:'';pointer-events:none;opacity:0}.widget_shopping_cart_content.loading:before{z-index:100;pointer-events:all}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart-item:after{transition:opacity .5s ease;background-color:#000;z-index:100}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart-item.blockUI.blockOverlay:after{opacity:.15}.nectar-slide-in-cart.style_slide_in_click .blockUI.blockOverlay:not(.woocommerce-mini-cart-item){background-color:rgba(0,0,0,.15)!important;opacity:1!important}.nectar-slide-in-cart.style_slide_in_click .cart_list.woocommerce-mini-cart .mini_cart_item a{color:#000!important}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart__empty-message{text-align:center;margin-top:auto}.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart__empty-message [data-inherit-heading-family],.nectar-slide-in-cart.style_slide_in_click .woocommerce-mini-cart__empty-message h3{display:block;margin-bottom:15px}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list li a.remove.with_text{text-align:center}.nectar-slide-in-cart.style_slide_in_click .inner>.header{top:40px;position:absolute;left:40px;width:calc(100% - 80px);padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1);z-index:10;display:flex}.admin-bar .nectar-slide-in-cart.style_slide_in_click .inner>.header{top:72px}.nectar-slide-in-cart.style_slide_in_click .inner>.header a{margin-left:auto;line-height:.9;position:relative;width:30px}.nectar-slide-in-cart.style_slide_in_click .inner>.header [data-inherit-heading-family],.nectar-slide-in-cart.style_slide_in_click .inner>.header h4{line-height:.9;margin-bottom:0}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .nectar-notice{padding:20px;margin-top:20px;color:#fff;line-height:1.5}.nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .nectar-notice .button{display:none}.woocommerce-cart .product-name a,.woocommerce-checkout-review-order-table .product-info h4 a{background-repeat:no-repeat;background-size:0 2px;background-image:linear-gradient(to right,#000 0,#000 100%);-webkit-transition:background-size .55s cubic-bezier(.2,.75,.5,1);transition:background-size .55s cubic-bezier(.2,.75,.5,1);background-position:left bottom}.woocommerce-cart .product-name a:hover,.woocommerce-checkout-review-order-table .product-info h4 a:hover{background-size:100% 2px}.nectar-quick-view-box .button .loading:after,.woocommerce .button .loading:after{font-family:WooCommerce;color:inherit;content:"\e01c";vertical-align:top;font-weight:400;font-size:14px;height:14px;width:16px;display:inline-block;line-height:1;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.nectar-quick-view-box .single_add_to_cart_button_wrap .button .loading,.woocommerce .single_add_to_cart_button_wrap .button .loading{top:4px;position:relative}.nectar-quick-view-box .button .loading-wrap,.woocommerce .button .loading-wrap{display:inline-block;margin-right:0;max-width:0;overflow:hidden;transition:all .25s ease;vertical-align:middle}.nectar-quick-view-box .button.processing .loading-wrap,.woocommerce .button.processing .loading-wrap{margin-right:10px;max-width:16px}#header-outer .widget_shopping_cart a.button{font-size:12px;display:inline-block;padding:10px 14px;width:calc(50% - 7px);margin:0}#header-outer .widget_shopping_cart a.button.checkout{margin-left:10px}#header-outer .widget_shopping_cart a.button:hover{background-color:#3f3f3f!important;color:#fff!important}#header-outer .widget_shopping_cart .cart_list li .product-meta a,#header-outer .widget_shopping_cart .cart_list li>a>img{transition:opacity .25s ease,color .25s ease}#header-outer .widget_shopping_cart .cart_list li .product-meta a:hover,#header-outer .widget_shopping_cart .cart_list li>a:hover>img{opacity:.75}#header-outer .widget_shopping_cart .cart_list>li{border-bottom:1px solid rgba(0,0,0,.07)}#header-outer .widget_shopping_cart .cart_list li{padding-bottom:20px;padding-top:20px}.nectar-quick-view-box .woocommerce-product-rating{line-height:2;display:block}.nectar-quick-view-box .summary .price{color:#444;font-size:30px;line-height:30px;letter-spacing:-1px;margin-top:20px}.nectar-quick-view-box .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.nectar-quick-view-box .star-rating::before{content:'\73\73\73\73\73';color:#d3ced2;float:left;top:0;left:0;position:absolute}.nectar-quick-view-box div.product .woocommerce-product-rating{margin-bottom:1.618em}.nectar-quick-view-box .star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0}.nectar-quick-view-box .star-rating{overflow:hidden;position:relative;height:1em;line-height:1;letter-spacing:4px;font-size:13px;width:86px;font-family:star}.nectar-quick-view-box .woocommerce-product-rating .star-rating{margin:0 4px 0 0;float:left}.nectar-quick-view-box div.product form.cart{margin-bottom:3em}.nectar-quick-view-box .product-loading{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:20}.nectar-quick-view-box .product-loading .dot{position:relative;display:inline-block;width:12px;height:12px;border-radius:50px;background:#fff;margin:6px;transform-origin:center}.nectar-quick-view-box.visible.loading-vis .product-loading{opacity:1}.nectar-quick-view-box.visible.loading-vis .product-loading .dot{-webkit-animation:n_dot_loading 1.1s infinite;animation:n_dot_loading 1.1s infinite}.nectar-quick-view-box.visible.loading-vis .product-loading .dot:nth-child(3){animation-delay:-.9s}.nectar-quick-view-box.visible.loading-vis .product-loading .dot:nth-child(2){animation-delay:-1s}@keyframes n_dot_loading{0%,100%,60%{transform:initial}30%{transform:translateY(-15px)}}.nectar-quick-view-box.animate-width.loading-vis .product-loading{transition:opacity .3s ease;opacity:0}.nectar-quick-view-box-backdrop.visible{opacity:1;z-index:10000;transition:opacity .7s ease;pointer-events:all}.nectar-quick-view-box .inner-wrap{height:100%;width:100%;border-radius:6px;overflow:hidden;background-color:#fff;position:relative}.nectar-quick-view-box:before{position:absolute;display:block;content:'';width:100%;height:100%;left:0;top:0;z-index:-1;opacity:0;box-shadow:0 50px 95px -15px rgba(0,0,0,.15)}.nectar-quick-view-box.box-shadow-trans:before{transition:opacity .55s ease}.nectar-quick-view-box.visible:before{opacity:1}.nectar-quick-view-box .woocommerce-review-link{pointer-events:none;color:inherit;opacity:.6;font-size:14px}.nectar-quick-view-box .entry-summary p.price{padding-bottom:20px}.nectar-quick-view-box .preview_image{position:absolute;height:100%;left:0;overflow:visible;top:0;z-index:10}.nectar-quick-view-box .preview_image img{max-width:none;height:100%;width:auto;display:block}.nectar-quick-view-box.visible{visibility:visible;pointer-events:all}.nectar-quick-view-box .nectar-product-slider{opacity:0}.nectar-quick-view-box .nectar-product-slider .carousel-cell>a{display:block;line-height:0}.nectar-quick-view-box.add-content .nectar-product-slider{opacity:1}.nectar-quick-view-box .flickity-viewport{overflow:hidden;position:relative}body .nectar-quick-view-box .images .carousel-cell{width:100%!important;min-height:400px;display:block;pointer-events:none}.nectar-quick-view-box div.product{display:block}body .nectar-quick-view-box .woocommerce-product-gallery,body .nectar-quick-view-box div.product div.summary{float:none!important;display:inline-block}body .nectar-quick-view-box div.product div.images{position:relative}body .nectar-quick-view-box div.product div.images:after{background-color:rgba(0,0,0,.08);width:1px;height:100%;position:absolute;right:0;top:0;content:'';display:block;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:transform .55s cubic-bezier(.2,.75,.5,1);transition:transform .55s cubic-bezier(.2,.75,.5,1)}body .nectar-quick-view-box.add-content div.product div.images:after{-webkit-transform:scaleY(1);transform:scaleY(1)}body .nectar-quick-view-box div.product div.images{width:calc(100% - 475px)!important;height:100%}.nectar-quick-view-box div.product div.summary,body.woocommerce .nectar-quick-view-box div.product div.summary,body.woocommerce-page .nectar-quick-view-box div.product div.summary{width:475px!important}.nectar-quick-view-box div.product div.images{float:left}.nectar-quick-view-box .nectar-product-slider{width:calc(100% + 2px);height:calc(100% + 4px);top:-2px;left:-2px}.nectar-quick-view-box .inner-content,.nectar-quick-view-box div.product,body .nectar-quick-view-box div.product div.summary{height:100%}body .nectar-quick-view-box div.product div.summary{padding:50px 50px 0 50px}.nectar-quick-view-box .bundled_product_summary .single_add_to_cart_button_wrap{display:none}body .nectar-quick-view-box div.product .bundled_product_summary .bundled_product_images{width:100%!important;pointer-events:none}#header-outer .widget_shopping_cart .cart_list::-webkit-scrollbar,.nectar-quick-view-box .entry-summary::-webkit-scrollbar,.nectar-slide-in-cart .widget_shopping_cart .cart_list::-webkit-scrollbar{width:10px}#header-outer .widget_shopping_cart .cart_list::-webkit-scrollbar,.nectar-slide-in-cart .widget_shopping_cart .cart_list::-webkit-scrollbar{background-color:rgba(0,0,0,.07)}.nectar-quick-view-box .entry-summary::-webkit-scrollbar:hover,.nectar-slide-in-cart .widget_shopping_cart .cart_list::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}#header-outer .widget_shopping_cart .cart_list::-webkit-scrollbar:hover,.nectar-slide-in-cart .widget_shopping_cart .cart_list::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.11)}#header-outer .widget_shopping_cart .cart_list::-webkit-scrollbar-thumb,.nectar-quick-view-box .entry-summary::-webkit-scrollbar-thumb,.nectar-slide-in-cart .widget_shopping_cart .cart_list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);background-clip:padding-box;min-height:10px}.nectar-quick-view-box .summary-content>*{opacity:0;transform:translateY(30px);transition:transform .55s cubic-bezier(.2,.75,.5,1),opacity .55s cubic-bezier(.2,.75,.5,1)}.nectar-quick-view-box.add-content .summary-content>*{opacity:1;transform:translateY(0);transition:transform .55s cubic-bezier(.2,.75,.5,1),opacity .55s cubic-bezier(.2,.75,.5,1)}.nectar-quick-view-box.add-content .summary-content>:nth-child(2){transition-delay:50ms}.nectar-quick-view-box.add-content .summary-content>:nth-child(3){transition-delay:.1s}.nectar-quick-view-box.add-content .summary-content>:nth-child(4){transition-delay:.15s}.nectar-quick-view-box.add-content .summary-content>:nth-child(5){transition-delay:.2s}.nectar-quick-view-box.add-content .summary-content>:nth-child(6){transition-delay:.25s}.nectar-quick-view-box.add-content .summary-content>:nth-child(7){transition-delay:.3s}.nectar-quick-view-box.add-content .summary-content>:nth-child(8){transition-delay:.35s}.nectar-quick-view-box.add-content .summary-content>:nth-child(9){transition-delay:.4s}body .nectar-quick-view-box.add-content div.product div.summary{overflow-y:auto;height:calc(100% - 56px)}body .nectar-quick-view-box div.product div.summary{background-color:#fff;position:relative;z-index:1}body .nectar-quick-view-box a.button.disabled,body .nectar-quick-view-box a.single_add_to_cart_button{padding:16px 10px}.nectar-quick-view-box .single_add_to_cart_button_wrap{width:475px;position:absolute;bottom:0;right:0;z-index:10;display:-webkit-flex;display:flex}body .nectar-quick-view-box .single_add_to_cart_button{display:block;-webkit-flex-grow:1;flex-grow:1}body .nectar-quick-view-box .nectar-full-product-link a{display:block}.nectar-quick-view-box .single_add_to_cart_button_wrap .nectar-full-product-link a,.nectar-quick-view-box .single_add_to_cart_button_wrap a.single_add_to_cart_button{min-width:150px;display:flex;justify-content:center;border-radius:0}body .nectar-quick-view-box .nectar-full-product-link{-webkit-flex-grow:1;flex-grow:1}.nectar-quick-view-box .nectar-full-product-link a{left:auto;right:0;padding:16px 15px;text-align:center;margin-bottom:0;font-size:12px;background-color:#f1f1f1}body .nectar-quick-view-box .nectar-full-product-link a,body .nectar-quick-view-box .single_add_to_cart_button{line-height:16px}.nectar-quick-view-box .single_add_to_cart_button_wrap{opacity:0;transition:opacity .55s cubic-bezier(.2,.75,.5,1)}.nectar-quick-view-box.add-content .single_add_to_cart_button_wrap{opacity:1}.nectar-quick-view-box .summary-content button[type=submit].single_add_to_cart_button{display:none}.nectar-quick-view-box .close a,.nectar-quick-view-box a .close-wrap{width:19px;height:18px;opacity:0}.nectar-quick-view-box .close{right:40px;top:40px;position:absolute}.nectar-quick-view-box .close a{position:relative;display:block;width:24px;height:17px;line-height:22px;z-index:10}.nectar-quick-view-box .close a,.nectar-quick-view-box a .close-wrap{display:block;opacity:1}.nectar-quick-view-box .close-wrap{-webkit-font-smoothing:subpixel-antialiased;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0);transform:translateX(-50%) translateY(-50%) translateZ(0);-webkit-transition:margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;transition:margin .2s ease,opacity .3s ease,-webkit-transform .2s ease 1s;transition:margin .2s ease,transform .2s ease 1s,opacity .3s ease;transition:margin .2s ease,transform .2s ease 1s,opacity .3s ease,-webkit-transform .2s ease 1s;width:20px;height:20px;display:block;overflow:hidden}.nectar-quick-view-box.add-content .close-line1{-webkit-animation-name:crossRight;animation-name:crossRight;-webkit-animation-delay:.29s;animation-delay:.29s}.nectar-quick-view-box.add-content .close-line2{-webkit-animation-name:crossLeft;animation-name:crossLeft;-webkit-animation-delay:.15s;animation-delay:.15s}.nectar-quick-view-box .close-wrap .close-line1{display:block;-webkit-transform:translateY(-30px) translateX(30px) rotate(45deg);transform:translateY(-30px) translateX(30px) rotate(45deg)}.nectar-quick-view-box .close-wrap .close-line2{display:block;-webkit-transform:translateY(-30px) translateX(-30px) rotate(-45deg);transform:translateY(-30px) translateX(-30px) rotate(-45deg)}.nectar-quick-view-box .close-wrap .close-line{height:100%;width:2px;background-color:#545454;backface-visibility:hidden;position:absolute;border-radius:5px;left:9px;transition:opacity .2s ease,background-color .2s ease;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.52,.01,.16,1);animation-timing-function:cubic-bezier(.52,.01,.16,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.material .style_slide_in_click .close-cart:before,.nectar-quick-view-box .close a:before{position:absolute;top:50%;left:50%;display:block;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background-color:rgba(0,0,0,.05);content:'';-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);transition:all .45s cubic-bezier(.15,.2,.1,1);-webkit-transition:all .45s cubic-bezier(.15,.2,.1,1)}.material .style_slide_in_click .close-cart:before{height:34px;width:34px;margin:-17px 0 0 -17px}@media only screen and (max-width:999px){.style_slide_in_click .close-cart .close-wrap{height:14px}.material .style_slide_in_click .close-cart:before{height:30px;width:30px;margin:-15px 0 0 -15px}}.material .style_slide_in_click .close-cart:hover:before,.nectar-quick-view-box .close:hover a:before{transform:scale(1.2) translateZ(0);-webkit-transform:scale(1.2) translateZ(0)}@-webkit-keyframes crossLeft{100%{-webkit-transform:translateY(0) translateX(0) rotate(-45deg);transform:translateY(0) translateX(0) rotate(-45deg)}}@keyframes crossLeft{100%{-webkit-transform:translateY(0) translateX(0) rotate(-45deg);transform:translateY(0) translateX(0) rotate(-45deg)}}@-webkit-keyframes crossRight{100%{-webkit-transform:translateY(0) translateX(0) rotate(45deg);transform:translateY(0) translateX(0) rotate(45deg)}}@keyframes crossRight{100%{-webkit-transform:translateY(0) translateX(0) rotate(45deg);transform:translateY(0) translateX(0) rotate(45deg)}}.nectar-quick-view-box .close{opacity:0;pointer-events:none;transition:opacity .4s ease}.nectar-quick-view-box.add-content .close{opacity:1;pointer-events:all}.nectar-quick-view-box .onsale,.woocommerce span.onsale .nectar-quick-view-box .onsale,.woocommerce-page .nectar-quick-view-box .onsale{padding:6px 12px;border-radius:4px;left:25px;right:auto;top:25px;min-height:0;min-width:0;width:auto;margin-top:0;line-height:1em;height:auto;opacity:0;transform:scale(.7);transition:transform .55s cubic-bezier(.2,.75,.5,1),opacity .55s cubic-bezier(.2,.75,.5,1)}.nectar-quick-view-box .onsale{color:#fff;position:absolute;z-index:10}.nectar-quick-view-box.add-content .onsale,.woocommerce span.onsale .nectar-quick-view-box.add-content .onsale,.woocommerce-page .nectar-quick-view-box.add-content .onsale{opacity:1;transform:scale(1)}.nectar-quick-view-box .outofstock.product .nectar-full-product-link a{width:475px}.nectar-quick-view-box .flickity-page-dots{position:absolute;width:100%;bottom:15px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.nectar-quick-view-box .flickity-page-dots .dot{height:30px;position:relative;width:16px;margin:0 5px;display:inline-block;opacity:.25;cursor:pointer;transition:all .1s ease;list-style:none}.nectar-quick-view-box .flickity-page-dots .dot:before{width:6px;height:6px;transition:all .25s ease;border-radius:50%;margin-left:11px;background-color:transparent;box-shadow:inset 0 0 0 5px #000;display:block;content:'';position:absolute;top:13px;left:0}.nectar-quick-view-box .flickity-page-dots .dot.is-selected:before{-webkit-transform:scale(2);transform:scale(2);box-shadow:inset 0 0 0 1px #000;background-color:transparent}#slide-out-widget-area .widget_shopping_cart .cart_list li{padding-left:0;padding-bottom:20px}#slide-out-widget-area .widget_shopping_cart .cart_list li a.remove:not(.with_text){width:20px;height:20px;line-height:16px;font-size:14px;color:inherit!important;border-width:2px;border-color:rgba(255,255,255,.4)}#slide-out-widget-area .widget_shopping_cart .cart_list li a.remove{background-color:transparent}#slide-out-widget-area .widget_shopping_cart .cart_list li a.remove:not(.with_text):hover{border-color:#fff;background-color:transparent}body #slide-out-widget-area .widget_shopping_cart .cart_list li a{font-size:12px;line-height:18px}#slide-out-widget-area .widget_shopping_cart ul.product_list_widget li img{left:0}#slide-out-widget-area .widget_shopping_cart ul.product_list_widget dt{color:inherit}#slide-out-widget-area .widget_shopping_cart ul.product_list_widget dd{margin-bottom:0}#slide-out-widget-area .widget_shopping_cart ul.product_list_widget dd p{padding-bottom:0}#slide-out-widget-area .widget_shopping_cart ul.product_list_widget dl{border-left:1px solid rgba(255,255,255,.2);margin-top:2px}#slide-out-widget-area .widget_shopping_cart .button{width:100%;padding-top:14px;padding-bottom:14px;margin-bottom:7px;display:block}#slide-out-widget-area .widget_shopping_cart p.buttons{padding-bottom:0}#slide-out-widget-area .widget_shopping_cart .button{background-color:transparent!important;border:2px solid rgba(255,255,255,.4)}#slide-out-widget-area .widget_shopping_cart .button:hover{border:2px solid #fff}#slide-out-widget-area .widget_shopping_cart .total{padding-top:5px;padding-bottom:20px;border-top:none}#slide-out-widget-area ul.product_list_widget li img{height:auto;width:62px;margin-left:0;margin-right:15px;float:left;margin-bottom:0;box-shadow:none;-webkit-box-shadow:none}#slide-out-widget-area .widget_shopping_cart .total span.amount{float:right}#slide-out-widget-area .widget_shopping_cart .total strong{font-weight:inherit!important}.mfp-bg{top:0;left:0;width:100%;height:100%!important;z-index:104200;overflow:hidden;position:fixed!important;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:104300;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:104500}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:104400}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:104600;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{top:20px;color:#333;display:inline-block;width:20px!important;height:20px;padding-right:0!important;line-height:20px!important;transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;-webkit-transition:all .47s cubic-bezier(.3,1,.3,.95) 0s}.mfp-close-btn-in .mfp-close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-iframe-holder .mfp-close:before,.mfp-image-holder .mfp-close:before{content:"\e117";font-size:20px;display:block}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}body.original .mfp-arrow .mfp-a,body.original .mfp-arrow .mfp-b,body.original .mfp-arrow:after,body.original .mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}body.original .mfp-arrow .mfp-a,body.original .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}body.original .mfp-arrow .mfp-b,body.original .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}body.original .mfp-arrow-left .mfp-a,body.original .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}body.original .mfp-arrow-left .mfp-b,body.original .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}body.original .mfp-arrow-right .mfp-a,body.original .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}body.original .mfp-arrow-right .mfp-b,body.original .mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content,.mfp-inline-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;padding-top:56.25%}.mfp-iframe-scaler iframe,.mfp-iframe-scaler>div.video,.mfp-iframe-scaler>div.video .mejs-container{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000}.mfp-iframe-scaler>div.video .mejs-container{width:100%!important;height:100%!important}.mfp-wrap .mfp-container .mfp-iframe-scaler .wp-video-shortcode video{height:100%!important;width:100%!important}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:55px 0 55px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:55px;bottom:55px;display:block;right:0;width:auto;height:auto;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-40px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.ascend .mfp-arrow-left,.material .mfp-arrow-left{left:20px!important}.ascend .mfp-arrow-right,.material .mfp-arrow-right{right:20px!important}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-bg{transition:all .3s ease-out}.mfp-zoom-in .mfp-iframe-scaler,.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;transform:scale(.93)}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-iframe-scaler,.mfp-zoom-in.mfp-ready div[id*=video-popup-].mfp-with-anim,.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.85}.mfp-zoom-in.mfp-removing .mfp-iframe-scaler,body .mfp-zoom-in.mfp-removing .mfp-with-anim{transform:scale(.93)!important;opacity:0!important}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-wrap.mfp-removing .mfp-arrow-left,.mfp-wrap.mfp-removing .mfp-arrow-right{opacity:0}.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;transform:scale(1.3)}.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-out.mfp-removing .mfp-with-anim{transform:scale(1.3);opacity:0}.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}#slide-out-widget-area ol,#slide-out-widget-area ul{margin:0}#slide-out-widget-area ol li,#slide-out-widget-area ul li{list-style:none}#slide-out-widget-area .menu-item-hidden-text:not(.menu-item-has-icon)>a>.nectar-ext-menu-item>.inner-content>.title,#slide-out-widget-area .menu-item-hidden-text>a>.menu-title-text,#slide-out-widget-area .menu-item-hidden-text>a>.nectar-ext-menu-item .menu-title-text,#slide-out-widget-area .menu-item-hidden-text>a>.nectar-menu-icon-text>.menu-title-text{display:none}#slide-out-widget-area .menu-item-hidden-text>a>.nectar-menu-icon{margin-right:0}#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc{display:block;font-size:14px;line-height:22px}#slide-out-widget-area .inner .off-canvas-menu-container li a .item_desc{display:none;opacity:.75}.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i{font-size:18px;color:inherit;background-color:transparent;transition:transform var(--nectar-header-hover-timing,.4s) var(--nectar-cubic-bezier-out,cubic-bezier(.3,1,.3,1)),opacity .2s ease;text-align:center;position:relative;top:0}.material #slide-out-widget-area.slide-out-from-right .off-canvas-social-links a i:after{position:absolute;top:120%;left:0;transform:translate3d(0,0,0);width:100%}#slide-out-widget-area .wpml-ls-menu-item .wpml-ls-flag{max-width:100px}#slide-out-widget-area .widget.widget_nav_menu ul ul{margin:0!important;padding:0 0 0 20px}#slide-out-widget-area .widget.widget_nav_menu li{border-bottom:0;padding:0!important}#slide-out-widget-area .widget.widget_nav_menu li a{padding:6px 20px;display:block}#slide-out-widget-area .widget.widget_categories>ul>li:first-child>a,#slide-out-widget-area .widget.widget_pages>ul>li:first-child>a{padding-top:0}.admin-bar #slide-out-widget-area{padding-top:33px}.admin-bar #slide-out-widget-area.slide-out-from-right{padding-top:53px}#slide-out-widget-area .widget_recent_comments ul li{background:none repeat scroll 0 0 rgba(0,0,0,.15);border:medium none;display:block;margin-bottom:18px;padding:15px;position:relative}#slide-out-widget-area .widget_recent_comments ul li{background:none repeat scroll 0 0 rgba(0,0,0,.05)}#slide-out-widget-area .widget_recent_comments ul li:last-child{margin-bottom:0}@media only screen and (min-width:691px){#slide-out-widget-area .secondary-header-text{display:none}}@media only screen and (max-width:999px) and (min-width:691px){body.original #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items{display:none}}#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon span:after,#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li>a:after,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon span:after,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li>a:after{-webkit-transition:-webkit-transform .3s ease-out,border-color .3s ease-out;transition:transform .3s ease-out,border-color .3s ease-out;position:absolute;display:block;bottom:-6px;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);border-top:2px solid #000;content:'';padding-bottom:inherit}#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon,body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon,body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon{display:flex;align-items:center}body #slide-out-widget-area .inner .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc,body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc,body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li .nectar-menu-item-with-icon.nectar-menu-item-with-desc{align-items:flex-start}#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon.nectar-menu-item-with-desc span:after{bottom:0}#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after{border-color:inherit;transform-origin:left}body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon:after,body #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon:after{display:none!important}#slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text{position:relative}#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a{position:relative}#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>.nectar-menu-item-with-icon .menu-title-text:after,#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>a:after,#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after,#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:focus:after,#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:hover:after,body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>.nectar-menu-item-with-icon .menu-title-text:after,body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>a:after,body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .nectar-menu-item-with-icon:hover .menu-title-text:after,body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after,body.material #slide-out-widget-area[class=slide-out-from-right] .off-canvas-menu-container li a:focus:after{backface-visibility:hidden;-webkit-transform:scaleX(1);transform:scaleX(1)}#slide-out-widget-area .off-canvas-menu-container ul .menu-item .widget-area-active .widget ul{max-height:none;padding-left:0}#header-outer #mobile-menu ul .menu-item .widget-area-active .widget ul,body #slide-out-widget-area .menu.subview .menu-item .widget-area-active .widget li{display:block!important}#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget{text-align:left}#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a{display:inline}#slide-out-widget-area .off-canvas-menu-container .widget-area-active .widget ul.product_list_widget li a:after{display:none}#slide-out-widget-area .widget-area-active .wp-caption .wp-caption-text{color:#000}#slide-out-widget-area .off-canvas-menu-container li>a>.sf-sub-indicator{display:none}#slide-out-widget-area .inner .off-canvas-menu-container li>a{font-size:20px;line-height:30px;font-family:'Open Sans';font-weight:700}#slide-out-widget-area .menuwrapper li small,#slide-out-widget-area .off-canvas-social-links li a,#slide-out-widget-area.fullscreen .inner li a,#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a,#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a{opacity:.7;transition:opacity .2s ease,color .2s ease;-webkit-transition:opacity .2s ease,color .2s ease}#slide-out-widget-area .off-canvas-social-links li a{position:relative}#slide-out-widget-area .inner .current-menu-ancestor>a,#slide-out-widget-area .inner .current-menu-item>a,#slide-out-widget-area .inner .current_page_ancestor>a,#slide-out-widget-area .inner .current_page_item>a,#slide-out-widget-area .inner .off-canvas-menu-container .menuwrapper li>a.hovered,#slide-out-widget-area .off-canvas-social-links li a:hover,#slide-out-widget-area.fullscreen .inner li a:hover,#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus,#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover,#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:focus,#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a:hover{opacity:1}#slide-out-widget-area .off-canvas-social-links{display:flex;flex-wrap:wrap}#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li{position:relative}#slide-out-widget-area .ocm-dropdown-arrow{transition:transform .5s cubic-bezier(.215,.61,.355,1);position:absolute;right:-6px;top:10px;transform:translateY(-50%);cursor:pointer;height:28px;width:28px;line-height:0}#slide-out-widget-area .ocm-dropdown-arrow i{font-size:18px;height:28px;width:28px;line-height:28px;top:0}#slide-out-widget-area .open-submenu>.ocm-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}#slide-out-widget-area .secondary-header-text,body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content{margin-bottom:35px;border-radius:6px;background-color:rgba(0,0,0,.1);padding:10px 15px}body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content *{color:inherit}body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content div>:last-child{margin-bottom:0}body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content{align-self:flex-start}#slide-out-widget-area .nectar-header-text-content>span>:last-child{margin-bottom:0}body #slide-out-widget-area .secondary-header-text{line-height:1.4em}#slide-out-widget-area,#slide-out-widget-area.slide-out-from-right-hover{overflow-y:scroll!important;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#slide-out-widget-area::-webkit-scrollbar{display:none}#slide-out-widget-area .bottom-text{padding-bottom:0;font-size:12px}#slide-out-widget-area:not(.fullscreen) .off-canvas-social-links li{display:inline-block;padding:0 6px 6px 0}#slide-out-widget-area .off-canvas-social-links li i{background-color:transparent;font-size:18px;line-height:22px;top:0}#slide-out-widget-area .off-canvas-social-links li{margin-right:10px}#slide-out-widget-area .off-canvas-social-links li a{display:flex}body:not(.material) #slide-out-widget-area .off-canvas-social-links li a{padding:0 8px}.blurred-wrap.blurred{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.msie .blurred-wrap.blurred{-ms-filter:none;filter:none}#slide-out-widget-area .widget h4{margin-bottom:8px}#slide-out-widget-area .inner>div{margin-bottom:25px}#slide-out-widget-area .inner>div:first-of-type{margin-top:-7px}#slide-out-widget-area .inner-wrap>.inner{width:100%;height:100%}#slide-out-widget-area,#slide-out-widget-area .widget h3,#slide-out-widget-area .widget h4,#slide-out-widget-area a{color:#fff}#slide-out-widget-area .nectar-global-section-megamenu a{color:inherit}body.material #slide-out-widget-area.slide-out-from-right .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover{color:#fff}#slide-out-widget-area .nectar-menu-label:before{background-color:#fff}body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close{position:absolute;right:22px;top:22px}body[data-full-width-header=false].admin-bar #slide-out-widget-area .slide_out_area_close{top:47px}body[data-full-width-header=false].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close,body[data-full-width-header=false].original #slide-out-widget-area.slide-out-from-right .slide_out_area_close{z-index:100}body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close{display:block;transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;-webkit-transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;font-family:'Open Sans';font-weight:400}body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close{backface-visibility:hidden;-webkit-backface-visibility:hidden;width:34px;height:34px;transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;-webkit-transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;color:#ddd;font-size:18px;max-width:none;line-height:32px}body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^=icon-]{transform:rotate(90deg);-webkit-transform:rotate(90deg)}body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close:hover{border-color:rgba(255,255,255,.7)}body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^=icon-]{-webkit-backface-visibility:hidden;font-size:18px;height:34px;left:-2px;line-height:32px;max-width:none;transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;-webkit-transition:all .47s cubic-bezier(.3,1,.3,.95) 0s;width:34px}body #slide-out-widget-area .slide_out_area_close .icon-default-style{color:#fff}#slide-out-widget-area .menuwrapper{position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:center;perspective-origin:center;margin-right:0;display:block}#slide-out-widget-area .menuwrapper button{background:#ccc;border:none;width:48px;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:0}#slide-out-widget-area .menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}#slide-out-widget-area .menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#slide-out-widget-area .menuwrapper li{position:relative}#slide-out-widget-area .menuwrapper li small{display:inline-block;text-transform:uppercase;font-size:15px;font-family:'Open Sans';font-weight:600;letter-spacing:2px;position:relative;top:-4px;opacity:.6}.ascend #slide-out-widget-area[class*=slide-out-from-right][data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container .menu li small,.original #slide-out-widget-area[class*=slide-out-from-right][data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container .menu li small{margin:5px}#slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{font-size:14px;display:block;font-family:'Open Sans';letter-spacing:inherit;margin-top:5px;font-weight:700}#slide-out-widget-area .no-touch .menuwrapper li a:hover{background:rgba(255,248,213,.1)}#slide-out-widget-area .menuwrapper .back>a{background:rgba(0,0,0,.13)}#slide-out-widget-area:not(.fullscreen) .menuwrapper .back>a,body #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container .back>a{padding-left:10px;padding-right:10px;margin-left:-10px}body #slide-out-widget-area .menu.subview .subviewopen>.sub-menu>.back,body #slide-out-widget-area .menuwrapper .back{display:inline-block;margin-bottom:20px!important}#slide-out-widget-area .menuwrapper .menu{margin:0;position:relative;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}#slide-out-widget-area .menuwrapper .menu.menu-toggle{transition:all .25s ease}#slide-out-widget-area .menuwrapper .menu.menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}body #slide-out-widget-area .menuwrapper li .sub-menu{display:none}#slide-out-widget-area .menuwrapper>.sub-menu,body #slide-out-widget-area .menuwrapper li .sub-menu{margin:0!important;padding:0!important}#slide-out-widget-area .mobile-only,body #slide-out-widget-area .menu.subview .subview>a,body #slide-out-widget-area .menu.subview .subview>small,body #slide-out-widget-area .menu.subview .subviewopen>a,body #slide-out-widget-area .menu.subview .subviewopen>small,body #slide-out-widget-area .menu.subview li{display:none}body #slide-out-widget-area .menu.subview .subview>a,body #slide-out-widget-area .menu.subview .subviewopen>a{display:none!important}body #slide-out-widget-area .menu.subview .subview,body #slide-out-widget-area .menu.subview .subview .sub-menu,body #slide-out-widget-area .menu.subview .subviewopen,body #slide-out-widget-area .menu.subview .subviewopen>.sub-menu,body #slide-out-widget-area .menu.subview .subviewopen>.sub-menu>li{display:block}#slide-out-widget-area .menuwrapper>.sub-menu{position:absolute;width:100%;top:0;left:0}.menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease-in-out;animation:MenuAnimOut5 .4s ease-in-out}.menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease-in-out;animation:MenuAnimIn5 .4s ease-in-out}.menuwrapper>.sub-menu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease-in-out;animation:SubMenuAnimIn5 .4s ease-in-out}.menuwrapper>.sub-menu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease-in-out;animation:SubMenuAnimOut5 .4s ease-in-out}@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform:rotateY(-25deg) translateX(-300px);opacity:0}}@keyframes MenuAnimOut5{100%{-webkit-transform:rotateY(-25deg) translateX(-300px);transform:rotateY(-25deg) translateX(-300px);opacity:0}}@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:rotateY(-25deg) translateX(-300px);opacity:0}100%{-webkit-transform:rotateY(0) translateX(0);opacity:1}}@keyframes MenuAnimIn5{0%{-webkit-transform:rotateY(-25deg) translateX(-300px);transform:rotateY(-25deg) translateX(-300px);opacity:0}100%{-webkit-transform:rotateY(0) translateX(0);transform:rotateY(0) translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:rotateY(25deg) translateX(300px);opacity:0}100%{-webkit-transform:rotateY(0) translateX(0);opacity:1}}@keyframes SubMenuAnimIn5{0%{-webkit-transform:rotateY(25deg) translateX(300px);transform:rotateY(25deg) translateX(300px);opacity:0}100%{-webkit-transform:rotateY(0) translateX(0);transform:rotateY(0) translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:rotateY(0) translateX(0);opacity:1}100%{-webkit-transform:rotateY(25deg) translateX(300px);opacity:0}}@keyframes SubMenuAnimOut5{0%{-webkit-transform:rotateY(0) translateX(0);transform:rotateY(0) translateX(0);opacity:1}100%{-webkit-transform:rotateY(25deg) translateX(300px);transform:rotateY(25deg) translateX(300px);opacity:0}}.menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease-in-out;animation:MenuAnimOut4 .4s ease-in-out}.menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease-in-out;animation:MenuAnimIn4 .4s ease-in-out}.menuwrapper>.sub-menu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease;animation:SubMenuAnimIn4 .4s ease}.menuwrapper>.sub-menu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease;animation:SubMenuAnimOut4 .4s ease}@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform:scale(1.2);opacity:0}}@keyframes MenuAnimOut4{100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@keyframes MenuAnimIn4{0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:scale(.8);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@keyframes SubMenuAnimIn4{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(.8);opacity:0}}@keyframes SubMenuAnimOut4{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}}#slide-out-widget-area.fullscreen-split[data-dropdown-func=default] .off-canvas-menu-container li ul,#slide-out-widget-area.fullscreen-split[data-dropdown-func=default] .off-canvas-menu-container li>.nectar-global-section-megamenu,#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul,#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li>.nectar-global-section-megamenu,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li>.nectar-global-section-megamenu{position:relative;max-height:0;box-sizing:content-box;-webkit-transition:max-height .5s cubic-bezier(.215,.61,.355,1),padding .25s cubic-bezier(.215,.61,.355,1);transition:max-height .5s cubic-bezier(.215,.61,.355,1),padding .25s cubic-bezier(.215,.61,.355,1);-ms-transform:none;-webkit-transform:none;transform:none;overflow:hidden}#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul{padding-left:20px}#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul>li:first-child,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul>li:first-child{margin-top:10px}#slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul>li:last-child,.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li ul>li:last-child{margin-bottom:0}.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a,body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container li li a{font-size:16px;line-height:22px}.material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container .menu-item-has-children>a,body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container .menu-item-has-children>a{margin-right:20px}body:not(.material) #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .off-canvas-menu-container li ul>li:last-child{margin-bottom:10px}#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span,#slide-out-widget-area .widget_recent_entries span{display:block;line-height:17px;color:#999;font-size:11px;margin-bottom:6px}#slide-out-widget-area .recent_posts_extra_widget .post-widget-text span,#slide-out-widget-area .widget_recent_entries span{color:inherit}#slide-out-widget-area .widget_recent_entries span{opacity:.8}#slide-out-widget-area .widget_calendar table tbody td,#slide-out-widget-area .widget_calendar table th{color:inherit}#slide-out-widget-area .tagcloud a{padding:2px 11px;position:relative;border:1px solid #fff;background-color:transparent;margin:0 8px 8px 0;font-size:12px;display:block;float:left;text-transform:uppercase;transition:all .2s linear;-webkit-transition:all .2s linear}#slide-out-widget-area .tagcloud a:last-child:after,#slide-out-widget-area .tagcloud:after{display:block;content:' ';clear:both;height:1px}#slide-out-widget-area .recent_projects_widget img{height:auto;width:100%}body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^=icon-]{font-size:24px!important}@media only screen and (max-width :690px){body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items:has(>*){display:block}}@media only screen and (min-width :1px) and (max-width :999px){body #slide-out-widget-area .slide_out_area_close{position:absolute;right:22px;top:22px;z-index:100}.admin-bar #slide-out-widget-area.fullscreen .off-canvas-social-links,.admin-bar #slide-out-widget-area.fullscreen-alt .off-canvas-social-links,body #slide-out-widget-area.fullscreen .off-canvas-social-links,body #slide-out-widget-area.fullscreen-alt .off-canvas-social-links{position:relative;bottom:0;right:0;margin-top:70px}#slide-out-widget-area.fullscreen .off-canvas-social-links:after,#slide-out-widget-area.fullscreen-alt .off-canvas-social-links:after{display:block;height:1px;width:0;background-color:rgba(255,255,255,.6);content:' ';margin:0 auto;position:absolute;top:-40px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transition:all .5s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);-moz-transition:all .5s cubic-bezier(.215,.61,.355,1)}#slide-out-widget-area .mobile-only{display:block}#slide-out-widget-area.slide-out-from-right-hover .inner[data-prepend-menu-mobile=true] .off-canvas-menu-container{top:0;position:relative}#slide-out-widget-area.fullscreen .off-canvas-social-links.line-shown:after,#slide-out-widget-area.fullscreen-alt .off-canvas-social-links.line-shown:after{width:100px}.admin-bar #slide-out-widget-area.fullscreen .bottom-text,.admin-bar #slide-out-widget-area.fullscreen-alt .bottom-text,body #slide-out-widget-area.fullscreen .bottom-text,body #slide-out-widget-area.fullscreen-alt .bottom-text{position:relative;bottom:0;left:0;margin-bottom:30px;margin-top:15px}#slide-out-widget-area.overflow-state,.admin-bar #slide-out-widget-area.overflow-state{padding-top:110px}#slide-out-widget-area.fullscreen .inner.overflow-state{margin-top:0;margin-bottom:130px}body[data-full-width-header=false] #slide-out-widget-area.slide-out-from-right-hover .slide_out_area_close{display:none}}body[data-full-width-header] #slide-out-widget-area.slide-out-from-right-hover.ios-ocm-style .slide_out_area_close{display:block;transform:scale(.75);top:-10px;right:-10px;position:absolute}#slide-out-widget-area.slide-out-from-right-hover.ios-ocm-style .inner-wrap{width:100%;height:100%}body #slide-out-widget-area.slide-out-from-right-hover.ios-ocm-style{padding:40px}body.admin-bar #slide-out-widget-area.slide-out-from-right-hover.ios-ocm-style{padding-top:80px}.ios-ocm-style+#slide-out-widget-area-bg.slide-out-from-right{z-index:12}
 @-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(//eternalpromises.org/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.eot?4f0ru);src:url(//eternalpromises.org/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(//eternalpromises.org/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff2?4f0ru) format("woff2"),url(//eternalpromises.org/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/lib/font/context-menu-icons.woff?4f0ru) format("woff"),url(//eternalpromises.org/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;
}
table.supsystic-table .stb-cell-dimension-inner,
table.supsystic-table .stb-cell-max-height-inner {
display: block;
box-sizing: border-box;
max-width: 100%;
overflow-x: auto;
overflow-y: auto;
white-space: normal !important;
}
.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 .ww-h.stb-cell-dimension-cell {
overflow: visible;
}
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(//eternalpromises.org/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(//eternalpromises.org/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(//eternalpromises.org/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(//eternalpromises.org/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(//eternalpromises.org/wp-content/plugins/data-tables-generator-by-supsystic/src/SupsysticTables/Core/assets/css/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left; margin-bottom:10px;}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;min-width:40px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:left;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
.supsystic-table.dataTable td.child, .supsystic-table.dataTable tr.child, .supsystic-table.dataTable td.child table {margin:0px !important; padding:0px !important;}table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}div.DTFC_Blocker{background-color:white}div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none}table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}.stAddToCartButWrapp {
white-space: nowrap;
}
.stDateWrapp {
white-space: nowrap;
}
.supsystic-tables-wrap .supsystic-table ins {
display: block;
}
.stAddToCartWrapper .quantity input {
max-width: 65px;
}
.stAddToCartWrapper {
width: max-content;
width: -moz-max-content;
display: flex;
align-items: center;
}
.stAddToCartWrapper .quantity,
.stAddToCartWrapper .stAddToCart {
margin-right: 5px;
}
.stAddToCartWrapper .stAddMulty {
margin-left: 10px;
margin-right: 10px;
}
.stAddToCartWrapper .quantity {
display: inline-flex;
}
.stAddToCartButWrapp {
display: inline-block;
}
.stHidden {
display: none;
}
.s-notify .woocommerce-error {
margin-bottom: 0;
}
.stVarAttributes {
margin-bottom: 10px;
text-align: left;
}
.stVarAttributes select {
margin-right: 5px;
margin-bottom: 5px;
height: 30px;
}
.stVarPrices {
min-height: 25px;
}
.supsystic-tables-wrap .supsystic-table .stVarPrice ins {
display: inline;
}
.stb-before-woo {
display: block;
margin-bottom: 5px;
}
.stb-before-woo > div {
display: inline-block;
padding-right: 20px;
vertical-align: top;
margin-bottom: 10px;
}
.stb-before-woo > .stbWooFilterWrapper:not(.stHidden) {
display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
padding-right: 0;
}
.stb-before-woo > .stbWooFilterWrapper.stHidden {
display: none;
}
.stb-before-woo select {
margin-left: 10px;
}
.stbWooFilterToggle {
display: inline-flex !important;
align-items: center;
gap: 10px;
}
.stbWooFilterWrapper .stWooFilterAttributes {
display: inline-block;
}
.stWooFilterAttributes select {
margin:3px;
}
.stbWooCategoryFilter {
position: relative;
display: inline-block;
}
.stbWooExportToggle {
position: relative;
display: inline-block;
}
.stbWooExportToggleDropdown {
width: 220px;
}
.stbWooExportToggleList .dtsFrontendExport {
display: block;
margin: 0;
}
.stbWooExportToggleList .dtsFrontendExport + .dtsFrontendExport {
margin-top: 6px;
}
.stbWooExportToggleItem {
text-decoration: none !important;
}
.stbWooExportToggleItem .stbWooColumnsToggleItemInner {
gap: 12px;
}
.stbWooExportToggleItem .stbWooColumnsToggleItemInner i[class*='export-'] {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 18px;
width: 18px;
height: 18px;
text-align: center;
font-size: 16px;
line-height: 1;
vertical-align: middle;
}
.stbWooExportToggleButton .fa-download,
.stbWooExportToggleButton .fa-angle-down {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.stbWooExportToggleItem .stbWooColumnsToggleItemLabel {
font-weight: 600;
}
.stbWooExportToggleDropdown .dtsFrontendExportNotice {
margin-top: 10px;
line-height: 1.35;
}
.stbWooCategoryFilterDropdown {
width: 280px;
}
.stbWooCategoryFilterToolbar {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
}
.stbWooCategoryFilterToolbar .stbWooCategoryFilterToggleAll:not(.stHidden) {
display: inline-flex;
}
.stbWooCategoryFilterToggleAll {
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 14px;
border: 1px solid currentColor;
border-radius: 3px;
line-height: 1.2;
text-decoration: none !important;
background-image: none;
box-shadow: none;
margin-left: 0;
}
.stbWooCategoryFilterToggleAll:hover,
.stbWooCategoryFilterToggleAll:focus {
text-decoration: none;
background-image: none;
box-shadow: none;
}
.stbWooCategoryFilterList {
max-height: 240px;
}
.stbWooFilterWrapper .stWooFilterStock {
display: inline-block;
}
.stbWooFilterWrapper .stWooFilterStock select {
min-width: 170px;
}
.stbWooFilterWrapper .stWooFilterPrice {
--stb-price-track: #d7dce1;
--stb-price-fill: #2271b1;
--stb-price-thumb: #2271b1;
--stb-price-thumb-radius: 999px;
--stb-price-start: 0%;
--stb-price-end: 100%;
gap: 10px;
display: inline-flex;
flex-direction: column-reverse;
align-items: stretch;
align-content: flex-start;
padding:10px;
}
.stbWooFilterWrapper .stWooFilterPriceLabel {
display: none;
width: 100%;
font-weight: 600;
line-height: 1.2;
}
.stbWooFilterWrapper .stWooFilterPriceInputs {
display: inline-flex;
align-items: center;
gap: 8px;
justify-content: space-between;
}
.stbWooFilterWrapper .stWooPriceInput {
width: 90px;
min-height: 36px;
margin: 0;
}
.stbWooFilterWrapper .stWooPriceDash {
line-height: 1;
}
.stbWooFilterWrapper .stWooFilterPriceSlider {
position: relative;
display: inline-flex;
align-items: center;
width: 220px;
height: 36px;
}
.stbWooFilterWrapper .stWooPriceSliderTrack {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 6px;
border-radius: 999px;
transform: translateY(-50%);
background: linear-gradient(to right, var(--stb-price-track) 0%, var(--stb-price-track) var(--stb-price-start), var(--stb-price-fill) var(--stb-price-start), var(--stb-price-fill) var(--stb-price-end), var(--stb-price-track) var(--stb-price-end), var(--stb-price-track) 100%);
pointer-events: none;
}
.stbWooFilterWrapper .stWooPriceRange {
-webkit-appearance: none;
appearance: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 36px;
margin: 0;
border: 0;
background: transparent;
box-shadow: none;
pointer-events: none;
}
.stbWooFilterWrapper .stWooPriceRange::-webkit-slider-runnable-track {
height: 6px;
background: transparent;
border: 0;
}
.stbWooFilterWrapper .stWooPriceRange::-moz-range-track {
height: 6px;
background: transparent;
border: 0;
}
.stbWooFilterWrapper .stWooPriceRange::-ms-track {
height: 6px;
background: transparent;
border-color: transparent;
color: transparent;
}
.stbWooFilterWrapper .stWooPriceRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
margin-top: -6px;
border: 2px solid #fff;
border-radius: var(--stb-price-thumb-radius);
background: var(--stb-price-thumb);
box-shadow: 0 1px 6px rgba(15, 23, 42, 0.18);
cursor: pointer;
pointer-events: auto;
}
.stbWooFilterWrapper .stWooPriceRange::-moz-range-thumb {
width: 18px;
height: 18px;
border: 2px solid #fff;
border-radius: var(--stb-price-thumb-radius);
background: var(--stb-price-thumb);
box-shadow: 0 1px 6px rgba(15, 23, 42, 0.18);
cursor: pointer;
pointer-events: auto;
}
.stbWooFilterWrapper .stWooPriceRange::-ms-thumb {
width: 18px;
height: 18px;
border: 2px solid #fff;
border-radius: var(--stb-price-thumb-radius);
background: var(--stb-price-thumb);
box-shadow: 0 1px 6px rgba(15, 23, 42, 0.18);
cursor: pointer;
pointer-events: auto;
}
.supsystic-tables-wrap .stWooColumnPriceSearch {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
width: 100%;
}
.supsystic-tables-wrap .stWooPriceDash {
display:none;
}
.supsystic-tables-wrap .stWooColumnPriceSearchInput {
width: 100%;
min-width: 0;
margin: 0;
line-height:14px;
height:20px;
}
.stbWooColumnsToggle {
position: relative;
}
.stbWooColumnsToggleButton {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 8px 14px;
border: 1px solid #d7dce1;
border-radius: 8px;
background: #fff;
color: #334155;
cursor: pointer;
box-shadow: none;
}
.stbWooColumnsToggleButton .fa-angle-down {
font-size: 16px;
}
.stbWooColumnsToggleButton[aria-expanded='true'] .fa-angle-down {
transform: rotate(180deg);
}
.stbWooFiltersToggleButton .fa-angle-down {
font-size: 16px;
}
.stbWooFiltersToggleButton[aria-expanded='true'] .fa-angle-down {
transform: rotate(180deg);
}
.stbWooColumnsToggleDropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 35;
width: 260px;
max-width: calc(100vw - 40px);
padding: 12px;
border: 1px solid #d7dce1;
border-radius: 12px;
background: #fff;
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}
.stbWooColumnsToggleList {
display: block;
padding-right: 0;
margin: 0;
}
.stbWooColumnsToggleList {
max-height: 230px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--stb-columns-scrollbar-thumb, #94a3b8) var(--stb-columns-scrollbar-track, #e2e8f0);
}
.stbWooColumnsToggleList::-webkit-scrollbar {
width: 10px;
}
.stbWooColumnsToggleList::-webkit-scrollbar-track {
background: var(--stb-columns-scrollbar-track, #e2e8f0);
border-radius: 999px;
}
.stbWooColumnsToggleList::-webkit-scrollbar-thumb {
background: var(--stb-columns-scrollbar-thumb, #94a3b8);
border: 2px solid var(--stb-columns-scrollbar-thumb-border, #ffffff);
border-radius: 999px;
}
.stbWooColumnsToggleList::-webkit-scrollbar-thumb:hover {
background: var(--stb-columns-scrollbar-thumb-hover, #64748b);
}
.stbWooColumnsToggleItem {
display: block;
width: 100%;
margin: 0 0 6px;
outline: 0 !important;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
text-align: left;
cursor: pointer;
}
.stbWooColumnsToggleItem:hover {
outline: 0 !important;
}
.stbWooColumnsToggleItem:last-child {
margin-bottom: 0;
}
.stbWooColumnsToggleItemInner {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border: 1px solid #e2e8f0;
border-radius: 8px;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.stbWooColumnsToggleItem:hover .stbWooColumnsToggleItemInner,
.stbWooColumnsToggleItem.is-active .stbWooColumnsToggleItemInner {
border-color: #94a3b8;
background: #f8fafc;
}
.stbWooColumnsToggleCheckbox {
margin: 0;
pointer-events: none;
}
.stbWooColumnsToggleItemLabel {
flex: 1 1 auto;
line-height: 1.35;
}
.stb-before-woo .stAddMultyWrapper {
float: right;
display: inline-flex;
align-items: center;
gap: 10px;
padding-right: 0;
margin-bottom: 10px;
}
.stb-before-woo .stAddMultyWrapper .button {
margin: 0;
}
@media (max-width:768px) {
.stAddMultyWrapper {
float:inherit !important;
width:100%;
display:flex  !important;
justify-content: center;
position:relative;
}
.stbWooFilterWrapper {
flex-direction: column !important;
align-items: center !important;
}
.stWooFilterPrice {
width:100% !important;
}
.stbWooFilterWrapper .stWooFilterPriceSlider {
width:100% !important;
}
.stbWooFilterWrapper .stWooPriceInput {
width:50% !important;
}
.stbWooExportToggleButton .fa-angle-down,
.stbWooExportToggleButton span,
.stbWooColumnsToggleButton .fa-angle-down,
.stbWooColumnsToggleButton span {
display:none;
}
.stb-before-woo {
display: flex;
position: relative;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.stb-before-woo > div {
padding-right:0px;
margin-bottom:0px;
padding:5px;
}
.stbWooFilterWrapper {
gap:10px;
}
.stAddMultyWrapper {
display:flex;
}
.stbWooColumnsToggleDropdown {
left: calc(50px - var(--stb-woo-toggle-left, 0px));
right: auto;
width: calc(100vw - 100px);
max-width: none;
transform: none;
}
}
.stbResetWooFilters i {
font-size: 14px;
padding-right: 5px;
}
.stbResetWooFilters:not(.stHidden) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 14px;
border: 1px solid currentColor;
border-radius: 3px;
line-height: 1.2;
text-decoration: none !important;
background-image: none;
box-shadow: none;
margin-left: 0;
}
.stbResetWooFilters.stHidden {
display: none;
}
.stbResetWooFilters:hover,
.stbResetWooFilters:focus {
text-decoration: none;
background-image: none;
box-shadow: none;
}
.supsystic-tables-wrap .dataTables_wrapper .dataTables_processing {
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
margin-left: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
transform: translate(-50%, -50%);
}
.supsystic-tables-wrap .stb-processing-loader-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 68px;
min-height: 68px;
padding: 14px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}