@font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 200;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-200.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 300;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-300.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-regular.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-500.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-600.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-700.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-800.svg#Mulish) format('svg'); } @font-face {
font-family: 'Mulish';
font-style: normal;
font-weight: 900;
src: url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.eot); src: local(''),
url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.eot?#iefix) format('embedded-opentype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.woff2) format('woff2'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.woff) format('woff'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.ttf) format('truetype'), url(//financepeoplesolutions.com/wp-content/fonts/mulish-v12-latin-900.svg#Mulish) format('svg'); }
html {scroll-behavior: smooth;
}
h1, h2, h4{
font-family: 'Mulish', sans-serif;
font-weight: 900;
font-style: normal;
margin: 0;
padding: 0;
}
h2{
font-size: 34px;
}
h4{
font-size: 22px;
margin-top: 19px;
text-transform: uppercase;
}
p, a, li{
font-family: 'Mulish', sans-serif;
font-weight: 400;
font-style: normal;
margin: 0;
padding: 0;
font-size: 22px;
line-height: 2rem;
}
b, strong{
font-weight: 700;
}
.hinweis p{
font-size: 12px !important;
}
.content .text ul, .pop-up ul{
list-style: none;
margin-left: 15px
}
.content .text li{
font-size: 22px;
margin-bottom: 20px;
}
.pop-up li{
margin-bottom: 25px;
}
.content .text li:before, .pop-up li:before{
content: '•';
font-size: 40px;
color: #D20A11;
margin-left: -30px;
line-height: 22px;
padding-right:9px
}
.content .text p{
margin: 10px 0;
}
.content-blau h2,
.content-blau p,
.content-blau a,
.content-blau li{
color: #fff;
}
.checkliste-rot ul{
list-style: none;
margin-bottom: 35px;
}
.checkliste-rot li {
margin-left: 20px;
margin-top: -55px;
}
.checkliste-rot ul:before{
content: url(//financepeoplesolutions.com/wp-content/uploads/2022/09/check-rot.png);
margin-left: -50px;
}
.content .text-box-weiss{
min-height: 300px;
background: #fff;
border-top: 5px solid #D20A11;
padding: 30px;
}
@media (max-width: 1320px){
.content .text-box-weiss{
height: 320px;
}
}
@media (max-width: 1200px){
.content .text-box-weiss{
height: 380px;
}
}
@media (max-width: 1024px){
.content .text-box-weiss{
height: auto !important;
}
}
.balken h1,
.balken h2{
font-family: 'Mulish', sans-serif;
font-weight: 400;
color: #fff;
font-style: normal;
font-size: 50px;
margin: 0;
padding: 10px 20px;
background: #d20a11;
text-align: center;
}
@media (max-width: 768px){
.balken h1,
.balken h2{
font-size: 30px;
}
}
.content h3{
font-size: 34px;
font-weight: 800;
color: #333;
}
@media (max-width: 768px){
.content h3{
font-size: 26px;
}
}
.content {
font-size: 22px;
}
.content .hoch{
height: 800px;
max-height: 800px
}
.content i{
margin: 25px 0;
}
.content li a{
font-weight: 800;
color: #d20a11;
}
.text strong{
font-weight: 800;
}
.text .list-zweispaltig ul{
list-style: none;
margin: 50px 0;
}
.text .list-zweispaltig li:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f0a9";
font-size: 22px;
}
.text .list-zweispaltig li:nth-child(odd) {
float: left;
width: 50%;
}
.text .list-zweispaltig li:last-child {
float: none;
width: 100%;
margin-left: 90px;
}
@media (max-width: 1280px) {
.text .list-zweispaltig li:nth-child(odd) {
float: none;
width: auto;
}
.text .list-zweispaltig li:last-child {
float: none;
width: auto;
margin-left: 0px;
}
} .hamburger .elementor-icon, .dialog-close-button{
transform: rotate(0deg);
transition: 0.8s;
}
.hamburger .elementor-icon:hover, .dialog-close-button:hover{
transform: rotate(90deg);
transition: 0.8s;
}
.hauptmenue a{
color: #fff;
font-size: 20px;
line-height: 38px;
transition: 0.8s;
}
.hauptmenue a strong{
color: #fff;
font-size: 22px;
font-weight: 800;
transition: 0.8s;
}
.hauptmenue a:hover{
color: #d20a11;
transition: 0.8s;
}
.hauptmenue a strong:hover{
color: #d20a11;
transition: 0.8s;
}
.mega-menu li:first-child a{
text-transform: uppercase;
font-weight: 800 !important;
font-size: 20px;
}
.hauptmenue .elementor-nav-menu--dropdown,
.hauptmenue .elementor-menu-toggle{
display: none !important;
}
.hauptmenue ul:lang(en-US){
list-style: none;
margin-left: 0px !important;
} .wpml-ls-link{
color: #fff;
font-weight: 800;
padding: 0 !important;
}
.wpml-ls-link:hover:after{
color: #fff !important;
}
.wpml-ls-link:hover{
color: #fff;
}
.wpml-ls-legacy-list-horizontal li:first-child a:after{
content:'|';
padding: 0 10px;
}
.hauptmenue .wpml-ls-link:hover:after{
color: #fff !important;
transition: 0.8s;
} .home header{
display: none;
}
.home p{
font-size: 24px;
}
.start{
max-width: 850px;
margin: 0 auto;
}
.start h1{
font-size: 58px;
color: #fff;
font-style: italic;
}
.start p{
font-size: 38px;
font-weight: 600;
color: #fff;
text-align: right;
Padding-top:30px; 
}
@media (max-width: 1040px) {
.start{
max-width: 670px;
}
.start h1{
font-size: 38px;
color: #fff;
}
.start p{
font-size: 24px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
text-align: right;
}
}
@media (max-width: 780px) {
.start{
max-width: 780px;
margin: 0 auto 0;
padding: 20px;}
}
.home-part-zwei div, .home-part-zwei p{
font-size: 27px;
}
.gruender:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f0e0";
margin-right: 15px
}
.home h3{
font-family: 'Mulish', sans-serif;
font-weight: 400;
color: #fff;
font-style: normal;
font-size: 50px;
margin: 0;
padding: 10px 20px;
background: #d20a11;
display: inline-block;
}
@media (max-width: 768px){
.home h3{
font-size: 30px;
}
}
.zitat div{
font-size: 25px;
line-height: 2rem;
color: #000;
max-width: 760px;
margin: 0 auto;
font-weight: 500;
}
.zitat i{
margin-bottom 25px;
font-size: 30px;
}
@media (max-width: 1024px){
.zitat div{
font-size: 18px !important;
line-height: 2rem;
color: #fff;
background: #002A42;
padding: 20px !important;
}
.kacheln-home h4{
font-size: 18px;
}
}
.zitatheadline div{
font-size: 25px;
line-height: 2rem;
color: #000;
max-width: 760px;
margin: 0 auto;
font-weight: 500;
}
.slider ul{
list-style: none;
margin-left: 15px
}@media (max-width: 768px){
.slider ul{
list-style: none;
margin-left: 0px
}
}
.slider li{
font-size: 22px;
margin-bottom: 40px
}
.slider li:before{
content: '•';
font-size: 40px;
color: #D20A11;
margin-left: -30px;
line-height: 22px;
padding-right:9px
}
.elementor-main-swiper:hover{
cursor: pointer !important;
}
.swiper .swiper-slide{
min-height: 480px;
}
@media (max-width: 1800px){
.swiper .swiper-slide{
min-height: 750px;
}
}
.swiper-pagination-bullet{
width: 15px !important;
height: 15px !important;
border: 3px solid #002A42;
background: none !important;
opacity: 1 !important;	
margin-top: 25px !important;
}
.swiper-pagination-bullet-active{
border: 3px solid #002A42;
background: #002A42 !important;
opacity: 1 !important;
}
.zitat-weiss div{
background: rgba(255,255,255,0.5);
padding: 20px 30px;
border-bottom: 5px solid #d20a11;
font-size: 18px;
line-height: 35px;
color: #000;
max-width: 760px;
margin: 0 auto;
font-weight: 500;
}
.zitat-weiss div i{
font-size: 25px;
}
.kontakt h4{
text-transform: none;
}
.kontakt p{
margin: 40px 0;
}
.kontakt a{
color: #333;
transition: 0.8s;
}
.kontakt a:hover{
color: #d20a11;
transition: 0.8s;
}
.kontakt .mail:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f0e0";
margin-right: 15px;
color: #d20a11;
}
.kontakt .linkedin:before{
font-family: "Font Awesome 5 Brands"; 
font-weight: 900; 
content: "\f0e1";
margin-right: 15px;
color: #d20a11;
}
.content .linkedin ,
.content .mail,
.paul-taaffe .linkedin ,
.paul-taaffe .mail{
font-size: 22px;
color: #333;
font-weight: 900;
transition: 0.5s;
}
.content .linkedin:hover ,
.content .mail:hover,
.paul-taaffe .linkedin:hover ,
.paul-taaffe .mail:hover{
color: #d20a11;
transition: 0.5s;
}
.content .mail:before,
.paul-taaffe .mail:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f0e0";
margin-right: 10px;
color: #d20a11;
}
.content .linkedin:before,
.paul-taaffe .linkedin:before{
font-family: "Font Awesome 5 Brands"; 
font-weight: 900; 
content: "\f0e1";
margin-right: 10px;
color: #d20a11;
} .single-post h1{
font-size: 48px;
color: #002a42;
}
@media (max-width: 768px){
.single-post h1{
font-size: 30px;
color: #002a42;
}
}
.dachzeile a, .dachzeile {
color: #d20a11;
font-size: 16px;
text-transform: uppercase;
font-weight: 800;
}
.single-post p, .single-post li{
font-size: 25px;
line-height: 2rem;
color: #000;
margin-bottom: 25px;
}
.single-post .footer p{
margin-bottom: 0px;
}
.single-post .dachzeile {
color: #d20a11;
font-size: 22px;
text-transform: uppercase;
font-weight: 800;
}
.single-post .artikel ul{
list-style: none;
}
.single-post .artikel li:before{
content: '•';
font-size: 40px;
color: #D20A11;
margin-left: -30px;
line-height: 22px;
padding-right:9px
}
.single-post iframe, .single-post img{
margin-bottom: 40px;
}
.single-post .artikel a{
text-decoration: none;
color: #d20a11;
font-size: 25px;
line-height: 2rem;
transition: 0.8s;
}
.single-post .artikel p a:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f35a";
margin-right: 15px;
color: #d20a11;
}
.single-post .artikel a:hover{
color: #002a42;
transition: 0.8s;
}
.single-post blockquote{
margin: 50px 0;
border-left: 8px solid #D20A11;
padding: 30px 50px 10px;
}
@media (max-width: 768px){
.single-post blockquote{
margin: 30px 0;
border-left: 8px solid #D20A11;
padding: 15px 10px 5px;
}
} .kontakt-page .elementor-icon-list-text {
font-size: 22px;
color: #333;
transition: 0.8s;
}
.kontakt-page .elementor-icon-list-text:hover {
font-size: 22px;
color: #d20a11;
transition: 0.8s;
}
.kontakt-page p{
font-size: 22px;
}
.frc-captcha {
border: 0px solid #f4f4f4 !important;
background-color: #DADEE1 !important;
padding: 10px 0 !important;
}
.frc-banner {
bottom: 58px !important;
}
.frc-button {
margin: 10px 0 !important;
} .about h1,
.about h2{
font-family: 'Mulish', sans-serif;
font-weight: 400;
color: #fff;
font-style: normal;
font-size: 50px;
margin: 0;
padding: 10px 20px;
background: #d20a11;
text-align: center;
}
.about h3{
font-size: 34px;
font-weight: 800;
color: #333;
}
.about {
font-size: 22px;
}
.about .hoch{
height: 800px;
}
@media (max-width: 1025px){
.about .hoch{
height: auto !important;
}
}
.about .paul-taaffe{
font-size: 25px;
}
.about .paul-taaffe li:first-child{
margin-right: 195px !important;
}
.about .paul-taaffe li:last-child{
margin-right: 0 !important;
}
.team-portrait{
min-width: 150px !important;
max-width: 150px !important;
width: 150px !important;
}
.team-content{
width: auto !important;
}
.team img{
width: 150px;
}
.team .name .elementor-heading-title{
font-size: 25px;
font-weight: 900 !important;
}
.team .position {
font-size: 20px !important;
}
.team-info strong{
font-size: 25px;
font-weight: 900 !important;
}
.team-info p{
font-size: 18px !important;
}
.team-info a{
font-size: 18px !important;
color: #000 !important;
transition: 0.5s;
}
.team-info a:hover{
color: #D20A11 !important;
transition: 0.5s;
}
.team-info i{
color: #D20A11 !important;
}
.videotitel{
height: 70px
}
@media (max-width: 1024px){
.videotitel{
height: auto;
margin-top: 25px;
}
} .blogkachel-md h2,
.blogkachel-sm h2{
width: 100% !important;
line-height: 1.2em !important;
hyphens: auto !important;
}
.blogkachel-md a {
font-weight: 900 !important;
} .page-template-default .site-main{
max-width: 1024px !important;
margin: 80px auto;
}
.meta{
margin-top: 25px;
}
.meta h2,
.meta h3,
.meta p{
margin-bottom: 25px;
}
.meta p, .meta a, .meta li{
font-size: 18px;
line-height: 32px;
}
.meta a{
color: #D20A11;
text-decoration: none;
font-weight: 600;
transition: 0.8s;
}
.meta a:hover{
color: #002A42;
transition: 0.8s;
}
.meta ul{
list-style: none;
margin: 25px 0 25px -15px;
}
.meta li:before{
content: '•';
font-size: 24px;
color: #D20A11;
margin-left: -22px;
line-height: 22px;
padding-right:9px
}
@media (max-width: 1260px) {
.page-header .entry-title{
hyphens: auto;
}
.page-content {
max-width: 800px;
margin: auto;
}
}
@media (max-width: 960px) {
.page-content {
max-width: 600px;
margin: auto;
padding: 0 10px;
}
} .footer a, .footer p, .footer h2{
font-family: 'Mulish', sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
transition: 0.8s;
}
.footer a:hover{
color:  #D20A11;
transition: 0.8s;
}
.footer p{
font-size: 20px;
line-height: 35px;
}
.footer b, .footer strong{
font-weight: 900;
}
.mail:before{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f0e0";
margin-right: 15px
}
.linkedin:before{
font-family: "Font Awesome 5 Brands"; 
font-weight: 900; 
content: "\f0e1";
margin-right: 15px
}
.stickybox{
display: inline-block;
position: fixed;
top: 35%;
right: 0;
width: 60px;
}
.menu-right-kachel .elementor-widget-container{
width: 60px;
height: 60px
}
.menu-right-kachel .elementor-icon{
margin-top: 10px;
margin-left:12px;
width: 60px;
height: 60px;
}
@media (max-width: 768px) {
.menu-right-kachel .elementor-widget-container{
width: 50px;
height: 50px
}
.menu-right-kachel .elementor-icon{
margin-top: 10px;
margin-left:12px;
width: 50px;
height: 50px;
}
}  .page-id-607 .wpml-ls-legacy-list-horizontal,
.single-post .wpml-ls-legacy-list-horizontal{
display: none;
}.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);
}
}