.whatsapbuton {
  position: fixed;
  bottom: 10rem;
  right: 4rem;
  z-index: 1000;
  transition: bottom 0.3s ease;
}

.show-whatsapbuton-scrolled {
  bottom: 2rem !important;
  right: 2rem !important;
}

.show-whatsapbuton {
  display: block;
}

.whatsapbuton {
  z-index: 999;
  position: fixed;
  bottom: 10rem;
  right: 4rem;
}

.whatsapbuton a i {
  font-size: 1.8rem;
  color: #fff;
}

.is-wp-ac {
  display: flex !important;
}

div.loading.hidden {
  display: none !important;
}
img.loaing-bg-attachment.w-50.h-full {
  position: absolute;
  top: 50%;
  right: 0;
  max-width: 50%;
  transform: translate(50%, -50%);
  opacity: 0.1;
}

.wave {
  background: linear-gradient(
    90deg,
    rgba(94, 148, 173, 1) 0%,
    rgba(0, 60, 86, 1) 90%
  );
  border-radius: 1000% 1000% 0 0;
  position: fixed;
  width: 200%;
  height: 12em;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.8;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.uil-ring-css {
  width: auto;
  height: auto;
}

div.loading {
  margin: auto;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    rgba(94, 148, 173, 1) 0%,
    rgba(0, 60, 86, 1) 90%
  );
  background-size: 400% 400%;
  background-attachment: fixed;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh !important;
  /* background-color: var(--maincolor); */
  z-index: 9999999;
  margin: 0 !important;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wave:nth-of-type(2) {
  bottom: -1.25em;
  animation: wave 18s linear reverse infinite;
  opacity: 0.8;
}

.wave:nth-of-type(3) {
  bottom: -2.5em;
  animation: wave 20s -1s reverse infinite;
  opacity: 0.9;
}

.uil-ring-css > div {
  position: relative;
  display: block;
  top: -108%;
  width: 220px;
  height: 220px;
  left: 0;
  border-radius: 50%;
  box-shadow: 1px 2px 9px 1px #fff;
  -ms-animation: uil-ring-anim 4s linear infinite;
  -moz-animation: uil-ring-anim 4s linear infinite;
  -webkit-animation: uil-ring-anim 4s linear infinite;
  -o-animation: uil-ring-anim 4s linear infinite;
  animation: uil-ring-anim 4s linear infinite;
}