/*Анимированные индикаторы на карте России в разделе Контакты-> География деятельности*/
.mapContainer {
    min-height: 250px
}
.groupCircles .redCircle:hover:not(.headingIndicators .redCircle) {
    outline-style: solid;
    outline-color: #F8513A;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: 1.5s linear infinite animateRadius;
    animation: 1.5s linear infinite animateRadiusRed;
    content: "";
    display: block;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .groupCircles .orangeCircle:hover:not(.headingIndicators .orangeCircle) {
    outline-style: solid;
    outline-color: #FFA455;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: 1.5s linear infinite animateRadius;
    animation: 1.5s linear infinite animateRadiusOrange;
    content: "";
    display: block;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  .groupCircles .greenCircle:hover:not(.headingIndicators .greenCircle) {
    outline-style: solid;
    outline-color: #3AAE5D;
    cursor: pointer;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation: 1.5s linear infinite animateRadius;
    animation: 1.5s linear infinite animateRadiusGreen;
    content: "";
    display: block;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
  }
  @keyframes animateRadius {
      0% {
          opacity: 0.2;
          outline-width: 0;
      }
      25% {
          opacity: 1;
          outline-width: 0.55rem;
      }
      60% {
          opacity: 0.2;
          outline-width: 1.05rem;
      }
      100% {
          opacity: 0.2;
          outline-width: 0.3rem;
      }
  }
  @keyframes animateRadiusRed {
    0% {
        opacity: 0.2;
        outline-width: 0;
        outline-color: #f6d4d1;
    }
    25% {
        opacity: 1;
        outline-width: 0.75rem;
        outline-color: #f6bab3;
    }
    60% {
        opacity: 0.2;
        outline-width: 1.25rem;
        outline-color: #f9aca2;
    }
    100% {
        opacity: 0.2;
        outline-width: 0.5rem;
        outline-color: #F8513A;
    }
}
@keyframes animateRadiusOrange {
    0% {
        opacity: 0.2;
        outline-width: 0;
        outline-color: #f7e5d7;
    }
    25% {
        opacity: 1;
        outline-width: 0.75rem;
        outline-color: #f9d8bd;
    }
    60% {
        opacity: 0.2;
        outline-width: 1.25rem;
        outline-color: #f7cead;
    }
    100% {
        opacity: 0.2;
        outline-width: 0.5rem;
        outline-color: #ffa455;
    }
}
@keyframes animateRadiusGreen {
    0% {
        opacity: 0.2;
        outline-width: 0;
        outline-color: #d0e7d8;
    }
    25% {
        opacity: 1;
        outline-width: 0.75rem;
        outline-color: #b2dcbf;
    }
    60% {
        opacity: 0.2;
        outline-width: 1.25rem;
        outline-color: #a4dfb6;
    }
    100% {
        opacity: 0.2;
        outline-width: 0.5rem;
        outline-color: #3aae5d;
    }
}

  /*Анимированные индикаторы на карте России в разделе Контакты-> География деятельности*/