/* 
.a {
    
   	animation: pulse 1s linear infinite;
}

@-webkit-keyframes "pulse" {
0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
50% {
   -webkit-transform: scale(0.5);
   transform: scale(0.5);
}
80% {
    -webkit-transform: scale(0.7);
   transform: scale(0.7);
}
} */

/*body {*/
/*	background: #454a59;*/
/*}*/

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-5%) translateY(-5%);
  width: 130px;
  height: 130px;
  
  &:before {
    content: '';
    position: absolute;
    display: block;
    width: 180%;
    height: 180%;
    box-sizing: border-box;
    margin-left: -85%;
    margin-top: -300%;
    border-radius: 115px;
    background-color: #01a4e9;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  
  &:after {
    content: '';
    position: absolute;
    left: 0; 
    top: -265px;
    display: block;
    #width: 100%;
    #height: 100%;
    #background-color: white;
    border-radius: 63px;
    #box-shadow: 0 0 8px rgba(0,0,0,.3);
    #animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.5);
  }
}