.ara, .whatsapp {
    display: block;
    position: fixed;
    bottom: 20px;
    height: 50px; 
    line-height:50px;
    width: 50px;
    color: #fff; 
    font-size: 28px;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
    text-decoration:none; 
  }

  .ara{
    background-color: #0074aa;
    border: 1px solid #0074aa;
    right: 80px;  
    z-index: 999;

  }
  
  .ara:hover {
    color: #0074aa;
    background-color: #fff;
  }
   
  
  .whatsapp {
    background-color: #00aa0c;
    border: 1px solid #00aa0c;
    right: 20px;  
  }
  
  .whatsapp:hover {
    color: #00aa0c;
    background-color: #fff;
  }
   
    .ara span, .whatsapp span {  text-decoration:none; }



 .whatsapp{  
	animation: pulse 2000ms linear infinite;
  -webkit-animation: pulse 2000ms linear infinite;
  -moz-animation: pulse 2000ms linear infinite;
}
    
.whatsapp:after,
.whatsapp:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background-color: #25D366;
}

.whatsapp:after {
	inset:0;
  z-index: -100;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  -moz-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite;
}


.whatsapp:before {
	inset:0;
	z-index: -200;
	-webkit-animation: inner-ripple 2000ms linear infinite;
	-moz-animation: inner-ripple 2000ms linear infinite;
	animation: inner-ripple 2000ms linear infinite;
  }
 
  
  @keyframes pulse{
	0% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.3);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-moz-keyframes pulse{
	0% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.3);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-webkit-keyframes pulse{
	0% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.3);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(1.0);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  /* inner ripple */
  
  @keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
   


  footer .socials .facebook{	color: #3b5998;   }
  footer .socials .instagram{	color: #c32aa3;   }
  footer .socials .twitter{	color: #1da1f2;   }
  footer .socials .youtube{	color: #ff0000;   }
  footer .socials .google{	color: #4285f4;   }
  footer .socials a{	font-size: 28px !important; border:none;   }
  footer .socials a:hover{	opacity: .6;   }

  .social-links .facebook{	color: #3b5998;  }
  .social-links .instagram{	color: #c32aa3;  }
  .social-links .twitter{	color: #1da1f2;  }
  .social-links .youtube{	color: #ff0000;  }
  .social-links .google{	color: #4285f4;  }
  .social-links a{	font-size: 16px !important; }