/*********************/
/* Elipsis animation */
/*********************/
.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33.33333px;
  width: 13.33333px;
  height: 13.33333px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  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(24px, 0);
  }
}

/************************************/
/* Collapsible container animation */
/************************************/
.mfp-container-collapsible-btn {
  transition: transform 0.5s;
  align-self: center;
  display: table;
}

.mfp-container-collapsible[collapsed] .mfp-container-collapsible-btn {
  transform: rotate(180deg);
}

.mfp-container-collapsible {
  display: grid;
  transition: grid-template-rows 0.5s;
  grid-template-rows: max-content 1fr;
}

.mfp-container-collapsible[collapsed] {
  grid-template-rows: max-content 0fr;
}

.mfp-container-collapsible .mfp-container-content {
  overflow: hidden;
}


/************************************/
/* Up and down animation */
/************************************/
/* img.vert-move {
  -webkit-animation: up_and_down 1s infinite  alternate;
  animation: up_and_down 1s infinite  alternate;
}
img.vert-move {
  -webkit-animation: up_and_down 1s infinite  alternate;
  animation: up_and_down 1s infinite  alternate;
} */
@-webkit-keyframes up_and_down {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes up_and_down {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

/************************************/
/* Loader spinner animation */
/************************************/
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
} 


/************************************/
/* Dot Loader animation */
/************************************/
.dots-loader  {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: flash 1s infinite linear alternate;
}
@keyframes flash {
  0%  {box-shadow: 20px 0 rgba(8, 108, 180,1), -20px 0 rgba(8, 108, 180,0.25);background: rgba(8, 108, 180,1) }
  33% {box-shadow: 20px 0 ,rgba(8, 108, 180,1) -20px 0 rgba(8, 108, 180,0.25);background: rgba(8, 108, 180,0.25)}
  66% {box-shadow: 20px 0 rgba(8, 108, 180,0.25),-20px 0 rgba(8, 108, 180,1); background: rgba(8, 108, 180,0.25)}
  100%{box-shadow: 20px 0 rgba(8, 108, 180,0.25),-20px 0 rgba(8, 108, 180,1); background: rgba(8, 108, 180,1) }
}
/* @keyframes flash2 {
    0%  {box-shadow: 20px 0 #000000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
} */