@media (max-width:767px) {
:root {
--global-padding: 25px;
}
}
@media (min-width: 768px) and (max-width:1024px) {
:root {
--global-padding: 45px;
}
}
@media (min-width:1025px) {
:root {
--global-padding: 45px;
}
}  .elementor-top-section:not(.elementor-inner-section) .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding: var(--global-padding);
}
.elementor-top-section.section--documents .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding: 10px;
}  .page:not(.elementor-page) .site-main {
padding-top: 145px;
padding-bottom: 45px;
} body {
font-size: 1.2rem;
}
@media (max-width:480px) {
body {
font-size: 1rem;
}
}  .elementor-text-editor a:hover {
text-decoration: underline;
} @media (max-width: 480px) {
h1, h1.elementor-heading-title {
font-size: 1.8rem;
}
h2, h2.elementor-heading-title {
font-size: 1.6rem;
}
h3, h3.elementor-heading-title {
font-size: 1.45rem;
}
h4, h4.elementor-heading-title {
font-size: 1.3rem;
}
}
@media (min-width:481px) and (max-width: 767px) {
h1, h1.elementor-heading-title {
font-size: 2.2rem;
}
h2, h2.elementor-heading-title {
font-size: 1.85rem;
}
h3, h3.elementor-heading-title {
font-size: 1.65rem;
}
h4, h4.elementor-heading-title {
font-size: 1.4rem;
}
} h2.h1,
.h1 h2 {
font-size: 3rem;
}
.text--hero-main .elementor-text-editor,
.text--hero-main h2 {
color: #fff;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.1;
text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
text-transform: uppercase;
}
.text--hero-sub .elementor-text-editor {
color: #fff;
font-size: 1.8rem;
font-weight: 400;
line-height: 1.1;
text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.text--intro .elementor-text-editor {
font-size: 1.4rem;
font-weight: 700;
}
.text--intro .elementor-text-editor p {
margin-bottom: 0;
}
@media (max-width:480px) {
.text--intro .elementor-text-editor {
font-size: 1.2rem;
}
}
.text__subheader.elementor-widget-heading .elementor-heading-title {
font-weight: 400;
}
@media (max-width:480px) {
.elementor-widget-heading .elementor-widget-container .elementor-heading-title.elementor-size-xxl {
font-size: 2.2rem;
}
.text--hero-main .elementor-text-editor,
.text--hero-main h2 {
font-size: 2rem;
}
.text--hero-sub .elementor-text-editor {
font-size: 1.2rem;
}
}
.text--h-dark {
color: var(--e-global-color-bb8eb48);
text-transform: none;
} @media (min-width:1200px) { .elementor-col-100 .elementor-text-editor,
.elementor-col-100 .elementor-widget-container .elementor-heading-title {
max-width: 960px;
}
}  .elementor-widget-button .elementor-button-wrapper .elementor-button,
.elementor-form .elementor-button .elementor-button-text {
font-weight: 700;
}
.elementor-widget-button .elementor-button-wrapper .elementor-button {
background-color: var(--e-global-color-accent);
color: var(--e-global-color-c27ced8);
} .elementor-widget-button .elementor-button-wrapper .elementor-button:hover,
.elementor-widget-form .elementor-button[type="submit"]:hover,
.elementor-button[type="submit"]:hover { background-color: var(--e-global-color-text);
}
.elementor .elementor-widget-button a:hover {
text-decoration: none;
} .btn-b .elementor-button-link.elementor-button,
.btn-b .elementor-button-link.elementor-button:visited {
background-color: var(--e-global-color-c27ced8);
color: var(--e-global-color-bb8eb48);
}
.btn-b .elementor-button-link.elementor-button:hover { background-color: var(--e-global-color-text);
color: #fff;
} .elementor-default .column__side--vac-overzicht-cont .elementor-button,
.elementor-default .elementor-location-header .elementor-button {
box-shadow: none;
} .elementor-page header .elementor-button {
box-shadow: none
} header .elementor-widget-nav-menu a:hover {
text-decoration: none;
}
header .elementor-nav-menu .sub-arrow {
padding-bottom: 0;
margin-bottom: -1rem;
} .elementor-nav-menu--main ul.elementor-nav-menu--dropdown a,
.elementor-nav-menu--main ul.elementor-nav-menu--dropdown a:focus,
.elementor-nav-menu--main ul.elementor-nav-menu--dropdown a:hover {
border-left: 0px;
}
.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .menu-item .elementor-sub-item:hover:after,
.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown .menu-item .elementor-sub-item.elementor-item-active:hover:after {
animation: sub_menu_pointer 300ms cubic-bezier(1.000, -0.005, 0.535, 1.000);
background-color: var(--e-global-color-accent);
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0;
position: absolute;
width: 100%;
z-index: 2;
}
@keyframes sub_menu_pointer {
from {transform: scaleY(0);opacity:0%;}
to {transform: scaleY(1);opacity:100%}
}
.elementor-nav-menu--dropdown .elementor-item:hover {
background-color: var(--e-global-color-accent);
} .pseudo--scroll-margin {
scroll-margin-top: 225px;
} @media (min-width: 1369px) {
.resp-show-small {
display: none !important;
}
.resp-show-large {
}
}
@media (max-width: 1368px) {
.resp-show-small {
}
.resp-show-large {
display: none !important;
}
} @media (max-width: 1460px) {
.column__header--logo-extra {
display:none;
}
.img--logo-ariel {
display: none;
}
} .header--column-main .elementor-widget-wrap {
flex-wrap: nowrap;
}
.header--column-main .elementor-nav-menu--main ul {
flex-wrap: nowrap;
}
.header--contact-cont .elementor-row {
flex-direction: column;
} .section__footer a,
.section__sub-footer a {
color: #fff !important; transition: color ease-in-out 200ms;
}
.section__footer .elementor-widget-container a:hover,
.section__sub-footer .elementor-widget-container a:hover {
color: rgba(255,255,255,0.70) !important;
}
.section__footer .elementor-widget-container p {
line-height: 1.2;
}
.elementor-location-footer .elementor-section .elementor-row a:hover {
text-decoration: underline;
} .elementor-location-footer .elementor-icon svg {
height: inherit !important;
}  .hide-me {
display: none;
}   @media (min-width:678px) {
.section--cont-exp-blokken > .elementor-container {
padding: 0 45px;
}
} .section--cont-exp-blokken > .elementor-container > .elementor-row {
justify-content: space-between;
}
@media (min-width:1086px) {
.elementor-column.elementor-col-25.column__project-link {
width: 24% !important;
}
.elementor-column.elementor-col-33.column__project-link {
width: 32% !important;
}
}
@media (min-width:581px) and (max-width:1085px) {
.section--cont-exp-blokken > .elementor-container > .elementor-row {
flex-wrap: wrap;
}
.section--cont-exp-blokken .elementor-column.column__project-link {
width: 49%;
}
}
@media (max-width:580px) {
.section--cont-exp-blokken > .elementor-container > .elementor-row {
flex-wrap: wrap;
}
.section--cont-exp-blokken .elementor-column.column__project-link {
width: 100%;
}
} .column__project-link .elementor-widget-wrap section:nth-child(2),
.column__project-link .elementor-widget-wrap section:nth-child(2):after,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-heading-title,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor a {
-webkit-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1); -webkit-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
-moz-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
-o-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395); }
.column__project-link .elementor-widget-wrap section:nth-child(2)>.elementor-container {
background: white;
z-index: 1;
}
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container {
background: var(--e-global-color-primary);
}
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-heading-title,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor a {
color: #fff;
transition-delay: 150ms;
}
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor,
.column__project-link:hover .elementor-widget-wrap section:nth-child(2)>.elementor-container .elementor-text-editor a {
transition-delay: 200ms;
}
.column__project-link .elementor-widget-wrap section:nth-child(2):after {
top: -18px;
left: calc(50% - 78px);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(19, 52, 120, 0);
border-bottom-color: var(--e-global-color-primary);
border-width: 20px 60px 20px 60px;
margin-left: 18px;
}
.column__project-link:hover .elementor-widget-wrap section:nth-child(2):after {
top: -36px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(19, 52, 120, 0);
border-bottom-color: var(--e-global-color-primary);
border-width: 20px 60px 20px 60px;
margin-left: 18px;
}  @media (min-width: 1201px) {
.section__home-parallax .elementor-row,
.section__over-ons-parallax .elementor-row  {
justify-content: flex-end;
}
.section__home-parallax .elementor-container .elementor-row > .elementor-column,
.section__over-ons-parallax .elementor-container .elementor-row > .elementor-column {
width: 50%;
}
}
@media (min-width: 769px) and (max-width:1200px) {
.section__home-parallax .elementor-row,
.section__over-ons-parallax .elementor-row {
justify-content: center;
}
.section__home-parallax .elementor-container .elementor-row > .elementor-column,
.section__over-ons-parallax .elementor-container .elementor-row > .elementor-column {
width: 80%;
}
}
@media (max-width:768px) {
.section__home-parallax .elementor-row,
.section__over-ons-parallax .elementor-row {
justify-content: center;
}
.section__home-parallax .elementor-container .elementor-row > .elementor-column,
.section__over-ons-parallax .elementor-container .elementor-row > .elementor-column {
width: 90%;
}
} .elementor-posts > article:not(.vacatures):not(.type-jobs):not(.type-documents):not(.type-videos) {
box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.elementor .elementor-element .elementor-posts > article:hover:not(.vacatures):not(.type-jobs):not(.type-documents):not(.type-videos) {
background-color: var(--e-global-color-primary);
}
.elementor-widget-posts .elementor-posts > article:hover:not(.vacatures) .elementor-post__read-more,
.elementor-widget-posts .elementor-posts > article:hover:not(.vacatures) .elementor-post__title a {
color: #fff;
}
div[class*="widget__post--arrow"] .elementor-posts > article:hover .elementor-post__meta-data,
div[class*="widget__post--arrow"] .elementor-posts > article:hover .elementor-post__excerpt p {
color: #fff;
}  .widget__post--arrow-vert .elementor-post__thumbnail:after,
.widget__post--arrow-hor .elementor-post__thumbnail:after {
-webkit-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1); -webkit-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
-moz-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
-o-transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395);
transition: all 500ms cubic-bezier(0.640, 0.000, 0.360, 1.395); } .widget__post--arrow-vert .elementor-post__thumbnail:after {
top: 93%;
left: calc(45% - 60px);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(19, 52, 120, 0);
border-bottom-color: var(--e-global-color-primary);
border-width: 20px 60px 20px 60px;
margin-left: 18px;
}
.widget__post--arrow-vert .elementor-posts > article:hover .elementor-post__thumbnail:after {
top: calc(100% - 36px);
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(19, 52, 120, 0);
border-bottom-color: var(--e-global-color-primary);
border-width: 20px 60px 20px 60px;
margin-left: 18px;
} .widget__post--arrow-hor .elementor-post__thumbnail:after {
top: 54px;
left: 86%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(19, 52, 120, 0);
border-right-color: var(--e-global-color-primary);
border-width: 60px 20px;
margin-left: 18px;
}
.widget__post--arrow-hor .elementor-posts > article:hover .elementor-post__thumbnail:after {
left: calc(100% - 54px);
border-color: rgba(19, 52, 120, 0);
border-right-color: var(--e-global-color-primary);
border-width: 60px 20px;
} .row-flex-3-column .elementor-row {
display: flex;
justify-content: space-between;
}
@media (min-width:768px) {
.row-flex-3-column .elementor-column {
width: 32%;
}
}
@media (min-width:531px) and (max-width:767px) {
.row-flex-3-column .elementor-column {
width: 49%;
margin-bottom: 16px;
}
}
@media (max-width:530px) {
.row-flex-3-column .elementor-column {
width: 100%;
margin-bottom: 16px;
}
} .elementor .section--parallax .elementor-column .elementor-column-wrap {
margin: -75px 45px 75px;
padding: 0;
}
.elementor .section--parallax .elementor-column .elementor-column-wrap .elementor-widget-wrap {
padding: 75px var(--global-padding);
}
@media (min-width:768px) and (max-width:1024px) {
.elementor .section--parallax .elementor-column .elementor-column-wrap {
margin: -45px 0 45px;
}
}
@media (max-width:767px) {
.elementor .section--parallax .elementor-column .elementor-column-wrap {
margin: -25px 0 25px;
}
} .elementor .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 45px;
}
@media (max-width:768px) {
.elementor .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 20px;
}
} .elementor-icon svg {
height: inherit !important;
}  .elementor-form[name='Order Form'] textarea {
line-height: 1;
}
@media (min-width: 768px) {
.elementor-field-group[class*='frame_'] {
margin-bottom: 24px !important;
}
.elementor-field-group[class*='elementor-field-group-part'] {
margin-bottom: 16px !important;
}
}
@media (max-width: 767px) {
.elementor-field-group[class*='frame_serial'] {
margin-bottom: 32px !important;
}
.elementor-field-group[class*='_description'] {
margin-bottom: 24px !important;
}
.elementor-form[name='Order Form'] .elementor-field-type-submit {
margin-top: 24px;
margin-bottom: 16px;
}
} @media (min-width: 768px) {
.elementor-form[name='Order Form'] .elementor-field-label[for*='company_name'],
.elementor-form[name='Order Form'] .elementor-field-label[for*='customer_name'],
.elementor-form[name='Order Form'] .elementor-field-label[for*='email'],
.elementor-form[name='Order Form'] .elementor-field-label[for*='telephone'],
.elementor-form[name='Order Form'] .elementor-field-label[for*='country'] {
width: 100%;
}
.elementor-form[name='Order Form'] .elementor-field[id*='company_name'],
.elementor-form[name='Order Form'] .elementor-field[id*='customer_name'],
.elementor-form[name='Order Form'] .elementor-field[id*='email'],
.elementor-form[name='Order Form'] .elementor-field[id*='telephone'],
.elementor-form[name='Order Form'] .elementor-field[id*='country'] {
width: 50%;
max-width: calc(50% - (10px/2)) !important;
}
} .filter-cps-projects ul li:nth-child(2) {
order: 5;
}
.filter-cps-projects ul li:nth-child(3) {
order: 3;
}
.filter-cps-projects ul li:nth-child(4) {
order: 4;
}
.filter-cps-projects ul li:nth-child(5) {
order: 6;
}
.filter-cps-projects ul li:nth-child(6) {
order: 7;
}
.filter-cps-projects ul li:nth-child(7) {
order: 2;
}  .super-cat-post-filter.elementor-portfolio__filter.elementor-active {
text-decoration: underline;
} #cc-window .cc-link {
color: #D21B00 !important;
font-weight: 700 !important;
opacity: 1 !important;
text-decoration: none !important;
}
#cc-window .cc-link:hover {
text-decoration: underline !important;
}
.cc-revoke.cc-bottom.cc-right.cc-animate {
display: none !important;
}  .animated.reverse {
animation-fill-mode: forwards;
}.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);
}
}