*, *:hover, *:active, *:focus {
outline: 0 !important;
} .home .elementor-swiper-button {
display: none;
}
.homepage-news-slider .swiper-container {
background-color: #e8a852;
}
.homepage-news-slider .bdt-mercury-slider {
flex-direction: column;
}
.homepage-news-slider .bdt-navigation-wrap {
display: none;
}
.homepage-news-slider .bdt-content-slider {
bottom: 0;
max-width: 700px;
position: absolute;
}
.homepage-news-slider .bdt-title {
margin-bottom: 10px;
}
.homepage-news-slider .bdt-title a {
color: #fff !important;
display: block;
font-size: 30px;
font-weight: 600;
line-height: 38px;
padding-top: 40px;
text-decoration: none;
}
.homepage-news-slider .bdt-desc p {
color: #707070;
font-size: 18px;
line-height: 24px;
margin-top: 40px;
} #filtersAccordion button {
background-color: #fff;
border-bottom: 2px #89898b solid;
color: #e8a852;
font-size: 20px;
font-weight: 500;
padding: 6px 0;
position: relative;
text-align: left;
text-transform: uppercase;
width: 100%;
}
#filtersAccordion button:after {
font-size: 26px;
position: absolute;
right: 0;
top: 0;
}
#filtersAccordion .accordion-header {
margin-bottom: 0;
margin-top: 8px;
}
#filtersAccordion button:not(.collapsed):after {
content: '+';
}
#filtersAccordion button.collapsed:after {
content: '-';
}
#filtersAccordion .accordion-collapse {
display: none;
max-height: 320px;
overflow-y: scroll;
transition: 0.5s all ease-in-out;
}
#filtersAccordion .accordion-collapse.collapsed {
display: block;
padding-top: 10px;
}
#filtersAccordion .accordion-body label {
cursor: pointer;
display: block;
font-size: 16px;
line-height: 20px;
padding-bottom: 10px;
text-transform: uppercase;
}
#filtersAccordion .accordion-body label input {
display: none;
}
#filtersAccordion .accordion-body label input + span i {
display: none;
}
#filtersAccordion .accordion-body label input:checked + span {
color: #e8a852;
}
#filtersAccordion .accordion-body label input:checked + span i {
display: inline;
color: #000 !important;
}
#filters_form .filters-buttons {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
#filters_form .filters-buttons > div {
width: 48%;
}
#filters_form .filters-buttons button {
text-transform: uppercase;
width: 100%;
}
#filters_form .filters-buttons #apply_filters {
background-color: #e8a852;
color: #fff;
}
#filters_form .filters-buttons #remove_filters {
background-color: #89898b;
color: #fff;
}
#our_works > ul {
display: flex;
flex-wrap: wrap;
}
#our_works .work_preview {
list-style-type: none;
margin-bottom: 20px;
width: 50%;
}
#our_works .work_preview a {
display: block;
outline: 0;
text-decoration: none;
width: 96%;
}
#our_works .work_preview img {
height: 400px;
object-fit: cover;
width: 100%;
}
#our_works h2 {
color: #e8a852;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
padding-top: 18px;
}
#our_works p {
color: #707070;
font-size: 16px;
line-height: 24px;
}
#toolbar {
color: #e8a852;
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
margin-right: 22px;
margin-top: 20px;
text-align: right;
text-transform: uppercase;
}
#toolbar .view_options > a {
text-decoration: none;
}
#toolbar .view_options > a:first-child {
margin-left: 14px;
margin-right: 6px;
}
#our_works #portfolio-map {
height: 800px;
}
.load-more {
text-align: center;
}
.load-more button {
background-color: #89898b;
font-size: 18px;
text-transform: uppercase;
} #single_work_content {
background-color: #e8a852;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px auto 80px;
max-width: 1440px;
padding: 110px;
}
#single_work_content #work_sliders {
width: 60%;
}
#single_work_content .work_description {
padding-left: 60px;
position: relative;
width: 40%;
}
#single_work_content #work_sliders ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#single_work_content #work_sliders img {
object-fit: cover;
width: 100%;
}
#single_work_content #work_sliders ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#single_work_content #work_sliders ul > li:first-child {
margin-bottom: 40px;
}
#single_work_content #work_sliders ul > li:not(:first-child) {
margin-bottom: 20px;
width: 49%;
}
#single_work_content #work_sliders ul > li:not(:first-child) img {
height: 200px;
width: 100%;
}
#single_work_content .work_description h1 {
color: #fff;
font-size: 34px;
font-weight: 300;
padding-bottom: 60px;
}
#single_work_content .work_description ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#single_work_content .work_description h3 {
color: #fff;
font-size: 22px;
padding-top: 20px;
}
#single_work_content .work_description ul li {
color: #707070;
}
#single_work_content .work_description .wrap a,
#single_work_content .work_description .wrap span {
color: #707070;
font-size: 18px;
line-height: 20px;
}
#single_work_content .work_description .wrap a:hover {
text-decoration: underline;
}
#single_work_content .work-map {
margin-top: 50px;
}
#single_work_content .work-map a {
color: #fff !important;
font-size: 22px !important;
text-transform: uppercase;
}
#single_work_content .work-map img {
margin-left: 14px;
max-width: 50px;
vertical-align: bottom;
}
#single_work_map_wrapper {
opacity: 0;
transition: all 1s ease-in-out;
}
#single_work_map_wrapper.open {
opacity: 1;
transition: all 1s ease-in-out;
}
#single_work_content #single_work_map {
background: #fff;
margin-top: 20px;
max-height: 400px;
width: 100%;
}
#single_work_map_wrapper.open #single_work_map {
height: 400px;
}
#single_work_content .back-to-portfolio {
background-color: #89898b;
margin-top: 60px;
padding: 0;
}
#single_work_content .back-to-portfolio a {
color: #fff;
display: block;
font-size: 16px;
padding: 15px 30px;
}
#single_work_content .work_description + .back-to-portfolio {
display: none;
} .wpcf7 input[type=file] {
background: transparent;
border: 0;
color: #fff;
padding-left: 0;
}
.wpcf7-acceptance .wpcf7-list-item {
color: #fff;
margin: 0;
}
.wpcf7-acceptance a {
color: #fff;
}
.wpcf7-submit {
background-color: #e8a852 !important;
width: 100%;
} .eael-grid-post-holder {
border: 0;
}
.eael-entry-wrapper {
padding: 0 !important;
} .service-slide-wrapper {
display: flex;
position: relative;
}
.service-slide-wrapper .service-info-wrapper {
background-color: #e8a852;
padding: 120px 100px;
width: 40%;
}
.service-slide-wrapper .service-info {
max-width: 420px
}
.service-slide-wrapper .service-info h2 {
color: #fff;
font-size: 46px;
font-weight: 300;
margin-bottom: 0;
text-transform: uppercase;
}
.service-slide-wrapper .service-info h3 {
color: #fff;
font-size: 32px;
font-weight: 500;
line-height: 38px;
text-transform: capitalize;
}
.service-slide-wrapper .service-info p {
border-left: 3px #fff solid;
color: #707070;
font-size: 18px;
line-height: 28px;
margin-top: 40px;
padding-left: 20px;
}
.service-slide-wrapper .service-info button {
background-color: #89898b;
font-size: 20px;
margin-top: 50px;
text-transform: uppercase;
}
.service-slide-wrapper .service-work-wrapper {
width: 60%;
}
.service-slide-wrapper .service-work-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 60%;
}
.service-slide-wrapper .service-slide-nav {
background-color: #e8a852;
}
.service-slide-wrapper .service-work-info {
padding: 100px 60px 0;
width: 40%;
}
.service-slide-wrapper .service-work-info h4 {
color: #e8a852;
font-size: 22px;
font-weight: 500;
line-height: 26px;
margin-bottom: 0;
}
.service-slide-wrapper .service-work-info p {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
padding-top: 16px;
}
.service-slide-wrapper .service-slide-nav a {
background-color: #818a91;
border-radius: 50%;
display: inline-block;
font-size: 48px;
line-height: 0;
padding: 0.5em;
text-decoration: none;
}
.service-slide-wrapper .service-slide-nav a svg {
stroke: #fff;
}
.service-slide-wrapper .service-slide-nav .service-slide-nav-next {
margin-left: 18px;
transform: rotate(180deg);
}
.service-slide-wrapper .service-slide-nav a:hover {
background-color: #fff;
}
.service-slide-wrapper .service-slide-nav a:hover svg {
stroke: #818a91;
}
.service-data-container {
display: none;
} .services-list-container ul {
column-count: 3;
list-style-type: none;
margin: 0;
padding: 0;
}
.services-list-container ul li {
padding-bottom: 8px;
}
.services-list-container ul li a {
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 22px;
text-decoration: none !important;
text-transform: uppercase;
}
.services-list-container ul li a:hover {
color: #e8a852;
}
.services-list-container ul li.current-service-list a {
color: #e8a852;
} .services-main-slider-container h2.service-name {
font-size: 32px;
line-height: 38px;
padding-bottom: 24px;
}
.services-main-slider-container .service-info-wrapper {
padding: 120px 100px 0;
width: 33.33333%;
}
.services-main-slider-container .service-work-wrapper {
width: 66.77777%;
}
.services-main-slider-container .service-work-image {
position: relative;
width: 100%;
}
.service-slide-nav {
padding: 70px 15px 70px 0;
width: 100%;
}
.services-main-slider-container .service-work-info {
padding: 40px 80px 100px;
width: 66.77777%;
} .service-box-container {
display: flex;
}
.service-box-container .service-box-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 700px;
width: 60%;
}
.service-box-container .service-box-info-wrapper {
width: 40%;
}
.service-box-container .service-box-info {
background-color: #89898b;
padding: 70px 200px 70px 100px;
}
.service-box-container .service-name {
color: #e8a852;
font-size: 34px;
font-weight: 300;
text-transform: uppercase;
}
.service-box-container .service-description {
border-left: 3px #e8a852 solid;
color: #fff;
font-size: 20px;
line-height: 30px;
margin-top: 60px;
padding-left: 20px;
}
.service-box-container .service-spacer {
background-color: #fff;
height: 80px;
}
@media (max-width: 1199.98px) {
.services-slider-container {
position: relative;
}
.service-slide-wrapper {
flex-direction: column-reverse;
}
.service-slide-wrapper .service-info-wrapper {
padding: 40px 20px;
width: 100%;
}
.service-slide-wrapper .service-work-wrapper {
height: 600px;
width: 100%;
}
.service-slide-wrapper .service-work-image {
position: relative;
width: 100%;
}
.service-slide-wrapper .service-info {
max-width: 100%;
}
.service-slide-wrapper .service-info button {
font-size: 14px;
margin-top: 10px;
}
.service-slide-wrapper .service-work-info {
display: none;
}
.service-slide-wrapper .service-slide-nav {
background-color: transparent;
padding: 0;
}
.service-slide-wrapper .service-slide-nav a {
font-size: 28px;
}
.service-slide-nav {
position: absolute;
right: 20px;
top: 500px;
width: auto;
z-index: 9;
}
}
@media (max-width: 991.98px) {
.service-slide-wrapper .service-work-wrapper {
height: 400px;
}
.service-box-container {
flex-direction: column;
}
.service-slide-wrapper .service-info {
max-width: initial;
}
.service-box-container .service-box-image {
height: 400px;
width: 100%;
}
.service-box-container .service-box-info-wrapper {
width: 100%;
}
.service-slide-wrapper .service-info h2 {
font-size: 40px;
}
.service-slide-wrapper .service-info h3 {
font-size: 28px;
line-height: 34px;
}
.service-slide-wrapper .service-info p,
.service-box-container .service-description {
font-size: 16px;
line-height: 26px;
margin-top: 10px;
}
.service-slide-nav {
top: 300px;
}
#our_works > ul {
margin: 0;
}
#single_work_content {
padding: 40px;
}
#single_work_content #work_sliders {
order: 1;
width: 100%;
}
#single_work_content .work_description {
order: 0;
padding-left: 0;
width: 100%;
}
#single_work_content .work_description h1 {
font-size: 28px;
padding-bottom: 20px;
}
#single_work_content .work_description .back-to-portfolio {
display: none;
}
#single_work_content .work_description + .back-to-portfolio {
display: block;
margin: 0 auto;
order: 3;
}
#single_work_content .work-map {
margin-top: 20px;
}
#single_work_map_wrapper {
margin-bottom: 50px;
}
#single_work_content #work_sliders ul > li:first-child {
margin-bottom: 20px;
}
.homepage-news-slider .bdt-title a {
font-size: 24px;
line-height: 32px;
}
}
@media (max-width: 768.98px) {
.services-list-container ul {
column-count: 1;
}
.service-box-container .service-box-info {
padding: 30px 20px;
}
.service-box-container .service-name {
font-size: 28px;
}
.service-box-container .service-description {
margin-top: 30px;
}
.services-main-slider-container h2.service-name {
font-size: 28px;
line-height: 34px;
}
.service-spacer {
display: none;
}
#our_works .work_preview {
width: 100%;
}
} .single #content {
background-color: #fff;
}
.single #primary {
margin-top: 0 !important;
width: 100%;
}
.single #primary main {
padding-left: 10px;
padding-right: 10px;
}
.single #primary h1 {
color: #e8a852;
}
.single #primary .entry-meta {
display: none;
}
.single #primary article {
padding: 0;
}
.single #primary .post-thumb {
left: 50%;
margin-left: -50vw !important;
position: relative;
width: 100vw !important;
}
.single #primary .post-thumb img {
height: 600px;
object-fit: cover;
width: 100%;
}
.single #primary .entry-title {
max-width: 900px;
padding-top: 10px;
}
@media (max-width: 767.98px) {
.single #primary .post-thumb img {
height: 350px;
}
}.clearfix::before,.clearfix::after{content:" ";display:table;clear:both}.eael-testimonial-slider.nav-top-left,.eael-testimonial-slider.nav-top-right,.eael-team-slider.nav-top-left,.eael-team-slider.nav-top-right,.eael-logo-carousel.nav-top-left,.eael-logo-carousel.nav-top-right,.eael-post-carousel.nav-top-left,.eael-post-carousel.nav-top-right,.eael-product-carousel.nav-top-left,.eael-product-carousel.nav-top-right{padding-top:40px}.eael-contact-form input[type=text],.eael-contact-form input[type=email],.eael-contact-form input[type=url],.eael-contact-form input[type=tel],.eael-contact-form input[type=date],.eael-contact-form input[type=number],.eael-contact-form textarea{background:#fff;box-shadow:none;-webkit-box-shadow:none;float:none;height:auto;margin:0;outline:0;width:100%}.eael-contact-form input[type=submit]{border:0;float:none;height:auto;margin:0;padding:10px 20px;width:auto;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}.eael-contact-form.placeholder-hide input::-webkit-input-placeholder,.eael-contact-form.placeholder-hide textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input::-moz-placeholder,.eael-contact-form.placeholder-hide textarea::-moz-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input:-ms-input-placeholder,.eael-contact-form.placeholder-hide textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.eael-contact-form.placeholder-hide input:-moz-placeholder,.eael-contact-form.placeholder-hide textarea:-moz-placeholder{opacity:0;visibility:hidden}.eael-custom-radio-checkbox input[type=checkbox],.eael-custom-radio-checkbox input[type=radio]{-webkit-appearance:none;-moz-appearance:none;border-style:solid;border-width:0;outline:none;min-width:1px;width:15px;height:15px;background:#ddd;padding:3px}.eael-custom-radio-checkbox input[type=checkbox]:before,.eael-custom-radio-checkbox input[type=radio]:before{content:"";width:100%;height:100%;padding:0;margin:0;display:block}.eael-custom-radio-checkbox input[type=checkbox]:checked:before,.eael-custom-radio-checkbox input[type=radio]:checked:before{background:#999;-webkit-transition:all .25s linear 0s;transition:all .25s linear 0s}.eael-custom-radio-checkbox input[type=radio]{border-radius:50%}.eael-custom-radio-checkbox input[type=radio]:before{border-radius:50%}.eael-post-elements-readmore-btn{font-size:12px;font-weight:500;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;display:inline-block}.elementor-lightbox .dialog-widget-content{width:100%;height:100%}.eael-contact-form-align-left,.elementor-widget-eael-weform.eael-contact-form-align-left .eael-weform-container{margin:0 auto 0 0;display:inline-block;text-align:left}.eael-contact-form-align-center,.elementor-widget-eael-weform.eael-contact-form-align-center .eael-weform-container{float:none;margin:0 auto;display:inline-block;text-align:left}.eael-contact-form-align-right,.elementor-widget-eael-weform.eael-contact-form-align-right .eael-weform-container{margin:0 0 0 auto;display:inline-block;text-align:left}.eael-force-hide{display:none !important}.eael-d-none{display:none !important}.eael-d-block{display:block !important}.eael-h-auto{height:auto !important}.theme-martfury .elementor-wc-products .woocommerce ul.products li.product .product-inner .mf-rating .eael-star-rating.star-rating~.count{display:none}.theme-martfury .elementor-wc-products .woocommerce ul.products li.product .product-inner .mf-rating .eael-star-rating.star-rating{display:none}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.elementor-widget-eael-adv-tabs .eael-tab-content-item,.elementor-widget-eael-adv-accordion .eael-accordion-content,.elementor-widget-eael-data-table .td-content,.elementor-widget-eael-info-box .eael-infobox-template-wrapper,.elementor-widget-eael-countdown .eael-countdown-expiry-template,.elementor-widget-eael-countdown .eael-countdown-container,.elementor-widget-eael-cta-box .eael-cta-template-wrapper,.elementor-widget-eael-toggle .eael-toggle-primary-wrap,.elementor-widget-eael-toggle .eael-toggle-secondary-wrap,.elementor-widget-eael-protected-content .eael-protected-content-message,.elementor-widget-eael-protected-content .protected-content,.eael-offcanvas-content-visible .eael-offcanvas-body,.elementor-widget-eael-stacked-cards .eael-stacked-cards__item{position:relative}.elementor-widget-eael-adv-tabs .eael-tab-content-item:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-adv-accordion .eael-accordion-content:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-data-table .td-content:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-info-box .eael-infobox-template-wrapper:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-countdown .eael-countdown-expiry-template:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-countdown .eael-countdown-container:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-cta-box .eael-cta-template-wrapper:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-toggle .eael-toggle-primary-wrap:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-toggle .eael-toggle-secondary-wrap:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-protected-content .eael-protected-content-message:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-protected-content .protected-content:hover .eael-onpage-edit-template-wrapper,.eael-offcanvas-content-visible .eael-offcanvas-body:hover .eael-onpage-edit-template-wrapper,.elementor-widget-eael-stacked-cards .eael-stacked-cards__item:hover .eael-onpage-edit-template-wrapper{display:block}.eael-widget-otea-active .elementor-element:hover>.elementor-element-overlay,.eael-widget-otea-active .elementor-empty-view,.eael-widget-otea-active .elementor-add-section-inline,.eael-widget-otea-active .elementor-add-section{display:initial !important}.eael-onpage-edit-template-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:none;border:2px solid #5eead4}.eael-onpage-edit-template-wrapper::after{position:absolute;content:"";top:0;left:0;right:0;bottom:0;z-index:2;background:#5eead4;opacity:.3}.eael-onpage-edit-template-wrapper.eael-onpage-edit-activate{display:block}.eael-onpage-edit-template-wrapper.eael-onpage-edit-activate::after{display:none}.eael-onpage-edit-template-wrapper .eael-onpage-edit-template{background:#5eead4;color:#000;width:150px;text-align:center;height:30px;line-height:30px;font-size:12px;cursor:pointer;position:relative;z-index:3;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.eael-onpage-edit-template-wrapper .eael-onpage-edit-template::before{content:"";border-top:30px solid #5eead4;border-right:0;border-bottom:0;border-left:14px solid rgba(0,0,0,0);right:100%;position:absolute}.eael-onpage-edit-template-wrapper .eael-onpage-edit-template::after{content:"";border-top:0;border-right:0;border-bottom:30px solid rgba(0,0,0,0);border-left:14px solid #5eead4;left:100%;position:absolute}.eael-onpage-edit-template-wrapper .eael-onpage-edit-template>i{margin-right:8px}.elementor-edit-area-active .eael_wd_liquid_glass_shadow-effect1,.elementor-edit-area-active .eael_wd_liquid_glass_shadow-effect2,.elementor-edit-area-active .eael_wd_liquid_glass_shadow-effect3,.elementor-edit-area-active .eael_wd_liquid_glass_shadow-effect4{-webkit-box-shadow:inherit !important;box-shadow:inherit !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);
}
}