.error404 ul.ee-breadcrumbs {display:none;}  .button_hyperlink_dunkel a {
background:var( --e-global-color-0633a7c );
padding:5px 20px 5px 20px;
color:var( --e-global-color-primary );
}
.button_hyperlink_dunkel a:hover {
color:var( --e-global-color-accent );
transition:color 0.7s ease;	
}
.button_hyperlink_dunkel a::after {
content:">>>";
margin:4px 0 0 8px;
color:var( --e-global-color-accent );
} .button_hyperlink_hell a {
background:var( --e-global-color-accent );
padding:5px 20px 5px 20px;
color:var( --e-global-color-0633a7c );
}
.button_hyperlink_hell a:hover {
color:var( --e-global-color-primary );
transition:color 0.7s ease;	
}
.button_hyperlink_hell a::after {
content:">>>";
margin:4px 0 0 8px;
color:var( --e-global-color-primary );
}  span.hyperlink_after {
color:#B7A390;
}
footer#footer a {
color:#1C1C1B !important;
}
a.post_hyperlink_mehr_infos {
color:var( --e-global-color-0633a7c );
font-weight:bold;
text-decoration:underline;
}
a.post_hyperlink_mehr_infos:hover {
color:var( --e-global-color-accent );
transition:color 0.7s ease;	
}
span.post_hyperlink_mehr_infos_after {
color:var( --e-global-color-accent );
} li::marker {
color:var( --e-global-color-accent );
} section#section_sanieren_in_kiel img.alignright.wp-image-177.size-medium {
padding:20px;
} section#section_kontakt .table_info {
float:right;
}
section#section_kontakt_mobile .table_info {
float:right;
} .elementor-accordion .elementor-accordion-item:first-child {
display:none;
}          @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media screen 
and (device-width: 480px) 
and (device-height: 800px) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 480px) 
and (device-height: 800px)  
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 480px) 
and (device-height: 800px) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}      @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media only screen 
and (min-device-width: 834px) 
and (max-device-width: 834px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media only screen 
and (min-device-width: 1112px) 
and (max-device-width: 1112px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media 
(min-device-width: 800px) 
and (max-device-width: 1280px) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media 
(max-device-width: 800px) 
and (orientation: portrait) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media 
(max-device-width: 1280px) 
and (orientation: landscape) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media 
(min-device-width: 800px) 
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 2) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media 
(max-device-width: 800px) 
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media 
(max-device-width: 1280px) 
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media screen 
and (device-width: 601px) 
and (device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 601px) 
and (device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 601px) 
and (device-height: 906px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media screen 
and (device-width: 1536px) 
and (device-height: 2048px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 1536px) 
and (device-height: 2048px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (device-width: 1536px) 
and (device-height: 2048px) 
and (-webkit-min-device-pixel-ratio: 1.331) 
and (-webkit-max-device-pixel-ratio: 1.332) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}   @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}  @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}    @media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
} @media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) { 
h1 {
font-size:2em !important;
padding-top:2px !important;
}
h2 {
font-size:1.3em !important;
padding-top:4px !important;	
}
}.swiper-container.swiper-initialized .ecs-posts{
overflow:visible; 
}
.ecs-post-loop .elementor-page-title{
display:block;
}
.ecs-loop-preview{
height:100%;
width:100%;
background:lightgray;
border:solid 1px gray;
padding:5px;
}
.ecs-loop-preview h3{
font-size:16px;
font-weight:500;
}
.ecs-loop-preview span{
font-size:12px;
}
.ecs-loop-preview .ecs-image-holder{
width: 100%;
line-height: 113px;
background-color: #808080;
font-size: 45px;
text-align: center;
vertical-align: middle;
font-weight: 900;
color: #929191;
}
.ecs-link-wrapper{
cursor: pointer;
}
.elementor-widget-ele-loop-item, .elementor-widget-ele-loop-item > .elementor-widget-container,
.elementor-element-edit-mode.elementor-widget-ele-loop-item, .elementor-element-edit-mode.elementor-widget-ele-loop-item > .elementor-widget-container{
height: 100%;
} .elementor-widget-posts .ecs-posts .elementor-button-wrapper {
margin-top: 0;
} .ecs-post-loop .ast-article-single{
background-color: none;
border-bottom:none;
margin: 0;
padding: 0;
}
.ecs-post-loop.ast-article-post{
width:100%;
} .theme-storefront.elementor-editor-active #primary.content-area{
float:none;
} .elementor-editor-active .ecs-lazyload a,.elementor-editor-preview .ecs-lazyload a{
display:none;
}
.animation-hidden .ecs-lazy-load-animation{
height:0;
visibility:hidden;
}  .barload-wrapper {
width: 195px;
height: 1em;
position: relative;
display:inline-block;
font-size:16px;
padding:10px;
}
.barload-border {
border: 3px solid rgb(34,34,34);
height: 100%;
width: 100%;
position: relative;
top: -50%;
padding: 4px 3px;
}
.barload-whitespace {
overflow: hidden;
height: 100%;
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.barload-line {
position: absolute;
height: 100%;
width: 100%;
background-color: rgb(0,0,0);
animation: barload-slide 2.75s steps(40) infinite;
-o-animation: barload-slide 2.75s steps(40) infinite;
-ms-animation: barload-slide 2.75s steps(40) infinite;
-webkit-animation: barload-slide 2.75s steps(40) infinite;
-moz-animation: barload-slide 2.75s steps(40) infinite;
}
@keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-o-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-ms-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
@-moz-keyframes barload-slide {
0% {
left: -100%;
}
100% {
left: 100%;
}
}  .barload-wrapper ,.barload-wrapper * {
box-sizing:content-box;
} 
.ballsload-container{
font-size:16px;
padding:10px;
position:relative;
}
.ballsload-container div {
width: 1em;
height: 1em;
position: absolute;
background-color: rgb(0,0,0);
top: 0;
border-radius: 50%;
}
.ballsload-container div:nth-child(1) {
animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(2) {
animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(3) {
animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
.ballsload-container div:nth-child(4) {
animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-o-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-ms-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-webkit-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
-moz-animation: ballsload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}
@keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-o-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-ms-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}
@-moz-keyframes ballsload-move {
0% {
left: 0%;
}
100% {
left: 100%;
}
}  #movingBallG{
position:relative;
width:250px;
height:19px;
display:inline-block;
font-size:16px;
}
.movingBallLineG{
position:absolute;
left:0px;
top:0.5em;
height:0.25em;
width:250px;
background-color:rgb(0,0,0);
}
.movingBallG{
background-color:rgb(0,0,0);
position:absolute;
top:0;
left:0;
width:1.188em;
height:1.188em;
border-radius:100px;
-o-border-radius:100px;
-ms-border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
animation-name:bounce_movingBallG;
-o-animation-name:bounce_movingBallG;
-ms-animation-name:bounce_movingBallG;
-webkit-animation-name:bounce_movingBallG;
-moz-animation-name:bounce_movingBallG;
animation-duration:1.5s;
-o-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
@keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-o-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-ms-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-webkit-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}
@-moz-keyframes bounce_movingBallG{
0%{
left:0px;
}
50%{
left:230px;
}
100%{
left:0px;
}
}  .lds-ellipsis {
display: inline-block;
position: relative;
width: 8em;
height: 1em;
font-size:13px;
}
.lds-ellipsis div {
position: absolute;
top: 0px;
width: 1em;
height: 1em;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 1em;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 1em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 4em;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 7em;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(3em, 0);
}
}