/* ========== Plugin Css ========== */
/* === Plugin General Settings === */
.pulse:hover {
  animation: none !important;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(18,138,0, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(18,138,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(18,138,0, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(18,138,0, 0.4);
    box-shadow: 0 0 0 0 rgba(18,138,0, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(18,138,0, 0);
      box-shadow: 0 0 0 15px rgba(18,138,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(18,138,0, 0);
      box-shadow: 0 0 0 0 rgba(18,138,0, 0);
  }
}
/* === Plugin General Settings === */
.pulse {
  animation: pulse 2s infinite;
}
.pulse2 {
  animation: pulse2 2s infinite;
}
/* === Whatsapp === */
.whatsapp-color1 {
  color:#25d366;
}
.whatsappc-color2 {
  color:#455a64;
}
.whatsapp-color3 {
  color:#34434b;
}
.whatsapp-bg {
  background-color:#25d366;
}
.whatsapp-bg2 {
  background-color:#455a64;
}
.whatsapp-bg3 {
  background-color:#34434b;
}
.whatsapp i.pulse {
  animation: pulse 2s infinite;
}
.whatsapp #plugin-content {
  width:240px;
  background-image:url(../img/whatsapp.png);
  transform: scale(.5);
  opacity: 0;
}
.whatsapp #plugin-content.active {
  transform: scale(1);
  opacity: 1;
}
.whatsapp .list {
  background-image:url(../img/whatsapp2.png);
  background-color:#e9e9e9;
}
.whatsapp .list li {
  background-color:rgba(255,255,255,.9);
}
.whatsapp .bottom-arrow {
  position: absolute;
  bottom: 5px;
  right: -10px;
}
/* === Whatsapp End === */
/* === Whatsapp 2 === */
.whatsapp-color1 {
  color:#25d366;
}
.whatsapp-color2 {
  color:#455a64;
}
.whatsapp-color3 {
  color:#34434b;
}
.whatsapp2 {
  color:#455a64;
}
.whatsapp3 {
  color:#34434b;
}
.whatsapp4 {
  color:#1cb756;
}
.whatsapp-bg1 {
  background-color:#25d366;
}
.whatsapp-bg2 {
  background-color:#455a64;
}
.whatsapp-bg3 {
  background-color:#34434b;
}
.whatsapp-bg4 {
  background-color:#1cb756;
}
.whatsapp4 {
  background-color:#1cb756;
}
.whatsapp2 i.pulse2 {
  animation: pulse2 2s infinite;
}
.whatsapp2 #plugin-content {
  width:initial;
  background-image:url(../img/whatsapp2.png);
  transform: scale(.5);
  opacity: 0;
}
.whatsapp2 #plugin-content.active {
  transform: scale(1);
  opacity: 1;
}
.whatsapp2 .list {
  background-image:url(../img/whatsapp2.png);
  background-color:#e9e9e9;
}
.whatsapp2 .bottom-arrow {
  position: absolute;
  bottom: -8px;
  left: 5px;
}
/* === Whatsapp End 2 === */
/* === Whatsapp3 === */
#whatsapp3 {
  position:relative;
}
#whatsapp3 #plugin-content {
  width:240px;
  left:calc(0px - 50%);
  z-index: -2;
  transform:scale(0);
  opacity: 0;
  margin-bottom:-50vh;
  visibility: hidden;
}
#whatsapp3 .whatsapp .bottom-arrow {
  bottom:-12px;
  left:calc(100% - 50% - 8px);
}
#whatsapp3 #plugin-content.active {
  visibility: visible;
  opacity: 1;
  margin-bottom:2vh;
  transform:scale(1);

}
@media screen and (max-width:992px) {
  #whatsapp3 #plugin-content {
    width:200px;
  }
}
/* === Whatsapp3 End === */
/* ========== Plugin Css End ========== */