.charts_widget {
  position: fixed;
  right   : 20px;
  bottom  : 120px;
  z-index : 11;
}

@media screen and (max-width: 576px) {
  .charts_widget {
    right : 10px;
    bottom: 110px;
  }
}

.charts_widget img {
  cursor: pointer;
}

.charts_item {
  display           : block;
  position          : relative;
  border-radius     : 50%;
  width             : 64px;
  height            : 64px;
  margin-bottom     : 10px;
  -webkit-transition: scale 250ms ease-in-out;
  -o-transition     : scale 250ms ease-in-out;
  transition        : scale 250ms ease-in-out;
  scale             : 1;
}

@media screen and (max-width: 576px) {
  .charts_item {
    width : 50px;
    height: 50px;
  }
}

.charts_item i {
  position: absolute;
}

.charts_item:hover {
  scale             : 1.11;
  -webkit-transition: scale 250ms ease-in-out;
  -o-transition     : scale 250ms ease-in-out;
  transition        : scale 250ms ease-in-out;
  -webkit-animation : none !important;
  animation         : none !important;
}

.charts_item.wa {
  background        : #25d366;
  -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  box-shadow        : 0 0 0 0 rgba(37, 211, 102, 0.5);
  -webkit-animation : pulsew 2.5s infinite;
  animation         : pulsew 2.5s infinite;
}

.charts_item.tg {
  -webkit-box-shadow: 0 0 0 0 rgba(42, 171, 238, 0.5);
  box-shadow        : 0 0 0 0 rgba(42, 171, 238, 0.5);
  -webkit-animation : pulset 2.5s infinite;
  animation         : pulset 2.5s infinite;
}

@-webkit-keyframes pulsew {
  0% {
    -webkit-transform: scale(0.95);
    transform        : scale(0.95);
  }

  50% {
    -webkit-transform : scale(1);
    transform         : scale(1);
    -webkit-box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
    box-shadow        : 0 0 0 12px rgba(37, 211, 102, 0);
  }

  100% {
    -webkit-transform : scale(0.95);
    transform         : scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    box-shadow        : 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

@keyframes pulsew {
  0% {
    -webkit-transform: scale(0.95);
    transform        : scale(0.95);
  }

  50% {
    -webkit-transform : scale(1);
    transform         : scale(1);
    -webkit-box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
    box-shadow        : 0 0 0 12px rgba(37, 211, 102, 0);
  }

  100% {
    -webkit-transform : scale(0.95);
    transform         : scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    box-shadow        : 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

@-webkit-keyframes pulset {
  0% {
    -webkit-transform: scale(0.95);
    transform        : scale(0.95);
  }

  50% {
    -webkit-transform : scale(1);
    transform         : scale(1);
    -webkit-box-shadow: 0 0 0 12px rgba(42, 171, 238, 0);
    box-shadow        : 0 0 0 12px rgba(42, 171, 238, 0);
  }

  100% {
    -webkit-transform : scale(0.95);
    transform         : scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(42, 171, 238, 0);
    box-shadow        : 0 0 0 0 rgba(42, 171, 238, 0);
  }
}

@keyframes pulset {
  0% {
    -webkit-transform: scale(0.95);
    transform        : scale(0.95);
  }

  50% {
    -webkit-transform : scale(1);
    transform         : scale(1);
    -webkit-box-shadow: 0 0 0 12px rgba(42, 171, 238, 0);
    box-shadow        : 0 0 0 12px rgba(42, 171, 238, 0);
  }

  100% {
    -webkit-transform : scale(0.95);
    transform         : scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(42, 171, 238, 0);
    box-shadow        : 0 0 0 0 rgba(42, 171, 238, 0);
  }
}