/* call dang */
.sodt{position: fixed;bottom: 30px;left: 50px;padding: 5px 20px;background: #E3342F;color: white;
border-radius: 0px 40px 40px 0px;font-size: 120%;  font-weight: bold;z-index: -1;}
.sozalo{position: fixed;bottom: 87px;left: 51px;padding: 5px 20px;background: #018fe5;color: white;
border-radius: 0px 40px 40px 0px;font-size: 120%;  font-weight: bold;z-index: -1;}

.calldang{ position: fixed; bottom: 25px; left: 10px;z-index: 999;}
.zalodang{ position: fixed; bottom: 130px;z-index: 999;right: 20px;}
.zalodang img{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.50);border-radius: 7px;}


.mapdang{ position: fixed; bottom: 75px;z-index: 999;right: 20px;}
.mapdang img{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.50);border-radius: 7px;}


.pulse i{position: absolute; top: 10px; left: 14px; font-size: 30px;  color: white;}
.pulse {
  
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #E3342F;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(227,52,47,0.63);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(227,52,47,0.63);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(227,52,47,0.63);
    box-shadow: 0 0 0 0rgba(227,52,47,0.63);
  }
  70% {
     
      box-shadow: 0 0 0 10px rgba(227,52,47,0.4);
  }
  100% {
      
      box-shadow: 0 0 0 0 rgba(227,52,47,0.4);
  }
}
@media only screen and (max-width: 500px) {
  .sodt,.sozalo,.calldang,.zalodang,.mapdang{display:none;}
}
/* ket thuc call dang */