/* =============== GLOBAL CONFIG  =============== */
/* =============== CSS FOR CHAT =============== */
@media screen and (max-width: 1900px) {
  .mobile {
    bottom: 40px !important; } }

@media screen and (max-width: 1023px) {
  .mobile {
    bottom: 65px !important; } }

.chat-ico {
  height: 70px;
  width: 70px;
  position: fixed;
  z-index: 1999;
  right: 16px;
  bottom: 16px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #e20074;
  background-size: cover;
  transition: bottom 0.3s; }

.chat-ico::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/documents/10179/18077429/chat-bubbles3.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0; }

.ico-shadow {
  -webkit-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.25); }

.animate-bubbles::after {
  animation: animationBubblesSequence 5s; }

.shadow-static {
  box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25); }

.animate-shadow-in {
  animation: animationShadowInSequence 2.5s; }

.animate-shadow-out {
  animation: animationShadowOutSequence 2.5s; }

@keyframes animationBubblesSequence {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-8px); } }

@keyframes animationShadowInSequence {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25);
    -moz-box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25);
    box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25); }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    -moz-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25); } }

@keyframes animationShadowOutSequence {
  0% {
    -webkit-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    -moz-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25); }
  1% {
    -webkit-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    -moz-box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25);
    box-shadow: 0 0 0 15px rgba(226, 0, 116, 0.25); }
  100% {
    -webkit-box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25);
    -moz-box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25);
    box-shadow: 0 0 0 0px rgba(226, 0, 116, 0.25); } }