.cloak {
display: none;
}
#si_dashboard .pull-right {
float: right !important;
clear: right !important;
}
#si_dashboard .pull-left {
float: left !important;
clear: left !important;
}
#si_dashboard .clearfix {
overflow: auto;
}
#si_dashboard .avatar {
max-height: 60px;
max-width: 60px;
border-radius: 50px;
border: 1px solid #e0e0e0;
}
#si_dashboard .panel-title {
font-weight: 300;
}
#si_dashboard_form .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
font-size: 14px;
font-weight: normal;
color: #626262
}
#si_dashboard_form .checkbox {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
#si_dashboard small {
font-size: .8em;
}
#si_dashboard .button {
background-color: #24890d;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 10px 30px 11px;
text-transform: uppercase;
vertical-align: bottom;
}
#si_dashboard time {
white-space: nowrap;
} #si_dashboard table {
border-spacing: 0;
border-collapse: collapse;
border: none;
}
#si_dashboard td, 
#si_dashboard th {
padding: 0;
border: none;
}
#si_dashboard {
max-width: 100%;
background-color: transparent;
}
#si_dashboard th {
text-align: left;
white-space: nowrap;
}
#si_dashboard .table {
width: 100%;
margin-bottom: 20px;
}
#si_dashboard .table > thead > tr > th, 
#si_dashboard .table > tbody > tr > th, 
#si_dashboard .table > tfoot > tr > th, 
#si_dashboard .table > thead > tr > td, 
#si_dashboard .table > tbody > tr > td, 
#si_dashboard .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
#si_dashboard .table > tbody > tr.info_row > td {
border: none;
}
#si_dashboard .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 4px solid #ddd;
}
#si_dashboard .table > caption + thead > tr:first-child > th, 
#si_dashboard .table > colgroup + thead > tr:first-child > th, 
#si_dashboard .table > thead:first-child > tr:first-child > th, 
#si_dashboard .table > caption + thead > tr:first-child > td, 
#si_dashboard .table > colgroup + thead > tr:first-child > td, 
#si_dashboard .table > thead:first-child > tr:first-child > td {
border-top: 0;
}
#si_dashboard .table > tbody + tbody {
border-top: 2px solid #ddd;
}
#si_dashboard .table #si_dashboard .table {
background-color: #fff;
}
#si_dashboard .table-condensed > thead > tr > th, 
#si_dashboard .table-condensed > tbody > tr > th, 
#si_dashboard .table-condensed > tfoot > tr > th, 
#si_dashboard .table-condensed > thead > tr > td, 
#si_dashboard .table-condensed > tbody > tr > td, 
#si_dashboard .table-condensed > tfoot > tr > td {
padding: 5px;
}
#si_dashboard .table-bordered {
border: 1px solid #ddd;
}
#si_dashboard .table-bordered > thead > tr > th, 
#si_dashboard .table-bordered > tbody > tr > th, 
#si_dashboard .table-bordered > tfoot > tr > th, 
#si_dashboard .table-bordered > thead > tr > td, 
#si_dashboard .table-bordered > tbody > tr > td, 
#si_dashboard .table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
#si_dashboard .table-bordered > thead > tr > th, 
#si_dashboard .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
#si_dashboard .table-striped > tbody > tr:nth-child(odd) > td, 
#si_dashboard .table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
#si_dashboard .table-hover > tbody > tr:hover > td, 
#si_dashboard .table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
#si_dashboard col[class*="col-"] {
position: static;
display: #si_dashboard-column;
float: none;
}
#si_dashboard td[class*="col-"], 
#si_dashboard th[class*="col-"] {
position: static;
display: #si_dashboard-cell;
float: none;
}
#si_dashboard .table > tbody > tr.info_row > td {
background-color: #f9f9f9;
}
#si_dashboard .table-hover > tbody > tr:hover .balance_badge {
display: none;
}
#si_dashboard .table-hover > tbody > tr:hover .pay_link {
display: inline-block;
} #si_dashboard .label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
#si_dashboard a.label:hover,  a.label:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer
}
#si_dashboard .label:empty {
display: none
}
#si_dashboard .label-default {
background-color: #999999
}
#si_dashboard .label-default[href]:hover, .label-default[href]:focus {
background-color: #808080
}
#si_dashboard .label-primary {
background-color: rgb(108, 170, 228)
}
#si_dashboard .label-primary[href]:hover, .label-primary[href]:focus {
background-color: #006687
}
#si_dashboard .label-success {
background-color: rgb(163,  206,  105)
}
#si_dashboard .label-success[href]:hover, .label-success[href]:focus {
background-color: #358753
}
#si_dashboard .label-info {
background-color: rgb(108, 170, 228)
}
#si_dashboard .label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5
}
#si_dashboard .label-warning {
background-color: #E49F69
}
#si_dashboard .label-warning[href]:hover, .label-warning[href]:focus {
background-color: #b67102
}
#si_dashboard .label-danger {
background-color: #E08F8F
}
#si_dashboard .label-danger[href]:hover, .label-danger[href]:focus {
background-color: #d32a0e
}
#si_dashboard .badge, .label-as-badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #777777;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #e7e7e7;
border-radius: 10px
}
#si_dashboard .badge:empty {
display: none
}
#si_dashboard a.badge:hover,  #si_dashboard a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer
}
#si_dashboard .balance_badge {
color: #ffffff;
background-color: #E49F69;	
}
#si_dashboard .pay_badge {
color: #ffffff;
background-color: rgb(163,  206,  105);	
} #si_dashboard_form .form p {
margin-bottom: 15px;
}
#si_dashboard_form label {
font-size: inherit;
font-weight: 600;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
}
#si_dashboard_form .input {
display: block;
width: 100%;
height: 35px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.42857143;
color: #6f6f6f;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
#si_dashboard_form .input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
#si_dashboard_form .input::-moz-placeholder {
color: #999999;
opacity: 1
}
#si_dashboard_form .input:-ms-input-placeholder {
color: #999999
}
#si_dashboard_form .input::-webkit-input-placeholder {
color: #999999
}
#si_dashboard_form .input[disabled], #si_dashboard_form .input[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
opacity: 1
}
#si_dashboard_form textarea {
height: auto
} #si_dashboard .img_attachments_wrap.clearfix {
display: block;
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}
#si_dashboard  .button-readmore.readmore-js-toggle {
margin-bottom: 20px;
}
#si_dashboard #conversation_header {
padding: 0px;
}
#hsd_conversation_thread .panel-body a.button-readmore {
float: left;
display: inline;
width: auto;
padding: 6px 18px;
font-family: Source Sans Pro, Myriad Pro, Helvetica Neue, Arial;
font-size: 1em;
color: #888;
text-shadow: rgba(255, 255, 255, 0.3) 0 -1px 0;
text-decoration: none;
background: #EEE;
border: 1px;
}
#hsd_conversation_thread .panel {
margin-top: 25px;
margin-bottom: 25px;
}
#si_dashboard .panel {
margin-bottom: 21px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
#si_dashboard .panel-body {
padding: 15px
}
#si_dashboard .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: -1;
border-top-left-radius: -1
}
#si_dashboard .panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
#si_dashboard .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
color: inherit
}
#si_dashboard .panel-title>a {
color: inherit
}
#si_dashboard .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
#si_dashboard .panel>.list-group {
margin-bottom: 0
}
#si_dashboard .panel>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
#si_dashboard .panel>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1
}
#si_dashboard .panel>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1
}
#si_dashboard .panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
#si_dashboard .list-group+.panel-footer {
border-top-width: 0
}
#si_dashboard .panel>.table-responsive {
border: 0;
margin-bottom: 0
}
#si_dashboard .panel-group {
margin-bottom: 21px
}
#si_dashboard .panel-group .panel {
margin-bottom: 0;
border-radius: 0
}
#si_dashboard .panel-group .panel+.panel {
margin-top: 5px
}
#si_dashboard .panel-group .panel-heading {
border-bottom: 0
}
#si_dashboard .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #dddddd
}
#si_dashboard .panel-group .panel-footer {
border-top: 0
}
#si_dashboard .panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #dddddd
}
#si_dashboard .panel-default {
border-color: #dddddd
}
#si_dashboard .panel-default>.panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd
}
#si_dashboard .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #dddddd
}
#si_dashboard .panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333333
}
#si_dashboard .panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #dddddd
}
#si_dashboard tr.highlight {
background-color: #FDFFDB;
}body {
font-family: Montserrat,-apple-system,BlinkMacSystemFont;
color: #333333;
} a {
color: #BA65B6; }
a:hover, a:active {
color: #BA65B6; }
button,
[type="submit"],
[type="button"] {
color: #BA65B6;
border: 1px solid #BA65B6; }
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
color: #fff;
background-color: #BA65B6;
text-decoration: none;
} .pewsheet .elementor-posts .elementor-post__read-more
{   
padding: 25px 40px; 
color:white;
background-color: #edd550;
font-size: 17px;
font-weight: 400;
}
.pewsheet .elementor-posts .elementor-post__read-more:hover
{    background-color: #b68bdb;
}
.pewsheet .elementor-posts .elementor-post-date::before {
font-family: "Font Awesome 5 Free";
content: "\f017";
display: inline-block;
padding-right: 3px;
vertical-align: top;
font-weight: 200;
color: gold;
}
.leadpost .elementor-posts .elementor-post__read-more
{ 
padding: 25px 40px; 
color:white;
background-color: #b68bdb;
font-size: 17px;
font-weight: 400;
}
.leadpost .elementor-posts .elementor-post__read-more:hover
{    background-color: #edd550;
color: #BB66B7;
}
.leadpost .elementor-posts .elementor-post-date:before {
font-family: "Font Awesome 5 Free";
content: "\f017";
display: inline-block;
padding-right: 3px;
vertical-align: top;
font-weight: 200;
color: #BB66B7;
}
.smallposts .elementor-posts .elementor-post-date:before {
font-family: "Font Awesome 5 Free";
content: "\f017";
display: inline-block;
padding-right: 3px;
vertical-align: top;
font-weight: 200;
color: #BB66B7;
}
.smallposts .elementor-posts .elementor-post__title a:hover {
color: #BB66B7;
font-weight: 400;
}
.footer .disclaimer a { color: gold; }
div.bdt-event-time-wrap {
display: block;
margin: -20px 0px 20px;
color: #984ec5;
}
.bdt-event-time-list {
margin-bottom: 10px;
font-size: 12px;
}
.sidebarnews span.elementor-post-date:before {
font-family: "Font Awesome 5 Free";
content: "\f017";
font-weight: 300;
padding-right: 5px;
color: #BB66B7;
}
.sidebarnews article.elementor-post.elementor-grid-item {
padding: 0px 0px 14px 0px;
border-bottom: 1px solid #ccc;
}
span.tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2.tribe-common-h4--min-medium {
color: #b865bd;
font-family: 'Montserrat';
font-size: 18px;
padding-top: 1px;
}
div.tribe-events-widget-events-list__event-details {
font-size: 15px;
}
div.events-widget-events-list__view-more a.view-more-link {
font-size: 12px;
color: #b865bd;
}
div.events-widget-events-list__view-more a.view-more-link:hover {
font-size: 12px;
color: #ccc;
}
.events-widget-events-list__view-more {
text-align: right;
}
.socialgroups h3.elementor-post__title:before {
font-family: "Font Awesome 5 Free";
content: "\f500";
font-weight: 600;
padding-right: 5px;
color: #BB66B7;
}
.wp-block-group.programme.has-background {
padding: 30px;
}
.elementor-g-recaptcha {
display: none;
}
a.terms {
color: grey;
}
.service-type a:before {
font-family: "Font Awesome 5 Free";
content: "\f51d";
font-weight: 600;
padding-right: 5px;
color: #BB66B7;
}
div.bdt-event-time-wrap {
display: block;
margin: -10px 0px 10px;
color: #62ce70;
font-size: 14px;
font-weight: 500;
}
.wppb-form-field label {
display: block !important;
line-height: 1.2;
vertical-align: middle;
}.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);
}
}