a.deactivate_analytics {
color:var( --e-global-color-primary );
}
a.deactivate_analytics:hover {
color:var( --e-global-color-text );
transition:color 0.7s ease;
}
#rl-gallery-container-1 .rl-masonry-gallery {
margin:0 !important;
padding:0px 0 !important;
}
#rl-gallery-container-2 .rl-masonry-gallery {
margin:0 !important;
padding:0px 0 !important;
}
#rl-gallery-container-3 .rl-masonry-gallery {
margin:0 !important;
padding:0px 0 !important;
}
#rl-gallery-container-4 .rl-masonry-gallery {
margin:0 !important;
padding:0px 0 !important;
}   p a {
color:var( --e-global-color-primary );
}
p a:hover {
color: var( --e-global-color-text );
transition:color 1s ease;
}
section#top section#subpage_headline h1::before {
content:"~";
margin:0 20px 0 0;
color:var( --e-global-color-primary );
}
section#top section#subpage_headline h1::after {
content:"~";
margin:0 0 0 20px;
color:var( --e-global-color-primary );
}
section#footer a {
color:var( --e-global-color-primary );
}
section#footer a:hover {
color: var( --e-global-color-text );
transition:color 1s ease;
}
section#footer a.hyperlink_footer_space {
margin:0 10px 0 0;
}    .button span.elementor-button-text::after {
content:">";
margin:0 0 0 10px;
color:var( --e-global-color-text );
}
.button span.elementor-button-text:hover {
color:var( --e-global-color-text );
transition:color 1s ease;
} section#Aktivitaeten span.elementor-button-text::after {
content:">>>";
margin:0 0 0 5px;
color: var( --e-global-color-48329d3 );
}   section#top .headline_tilde h1::before {
content:"~";
margin:0 20px 0 0;
color:var( --e-global-color-48329d3 );
}
section#top .headline_tilde h1::after {
content:"~";
margin:0 0 0 20px;
color:var( --e-global-color-48329d3 );	
}   section#Features p::before {
content:"~";
margin:0 10px 0 0;
color:var( --e-global-color-primary );
}
section#Features p::after {
content:"~";
margin:0 0 0 10px;
color:var( --e-global-color-primary );	
}   section#Zeitlos h6::before {
content:"~";
margin:0 10px 0 0;
color:var( --e-global-color-primary );
font-weight:bold;
font-size:30px !important;
}
section#Zeitlos h6::after {
content:"~";
margin:0 0 0 10px;
color:var( --e-global-color-primary );
font-weight:bold;
font-size:30px !important;
}   div.ee-calendar__day__event__name {
display:none;
}
.ee-calendar {
background:#00000000;
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
background-color:#00000000;
}
section#Kalender .clndr-previous-button {
margin-left:350px;
}
section#Kalender .clndr-next-button {
margin-right:350px;
}
section#Kalender .button_contact span.elementor-button-text::before {
content:">>>";
margin:0 10px 0 0;
color:var( --e-global-color-text );
}      @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  
}  @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}	  	  
} @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  	  
}  @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  	  
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
} 	  
} @media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  	  
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}  
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 2) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 4) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media screen 
and (device-width: 480px) 
and (device-height: 800px) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 480px) 
and (device-height: 800px)  
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media screen 
and (device-width: 480px) 
and (device-height: 800px) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}     @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media only screen 
and (min-device-width: 834px) 
and (max-device-width: 834px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media only screen 
and (min-device-width: 1112px) 
and (max-device-width: 1112px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media 
(min-device-width: 800px) 
and (max-device-width: 1280px) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media 
(max-device-width: 800px) 
and (orientation: portrait) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media 
(max-device-width: 1280px) 
and (orientation: landscape) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media 
(min-device-width: 800px) 
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 2) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media 
(max-device-width: 800px) 
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media 
(max-device-width: 1280px) 
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @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) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}   @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}  @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: portrait) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
} @media only screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
and (orientation: landscape) {
section#Kalender .clndr-previous-button {
margin-left:10px;
}
section#Kalender .clndr-next-button {
margin-right:10px;
}
}.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%;
} .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);
}
}