/* call dang */
.sodt{position: fixed;bottom: 30px;left: 50px;padding: 5px 20px;background: #046638;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 a {
        border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    padding: 5px;
}
.zalodang img{ 
    border-radius: 7px;
    width: 30px;
}


.mapdang{ position: fixed; bottom: 75px;z-index: 999;right: 20px;}
.mapdang a {
        border-radius: 50px;
    border: 2px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: flex;
    padding: 5px;
}
.mapdang img{
    border-radius: 7px;
    width: 30px;
}


.pulse i{position: absolute; top: 10px; left: 14px; font-size: 30px;  color: white;}
.pulse {
  
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #046638;
  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 0 rgb(4 102 56 / 63%);
  }
  70% {
     
          box-shadow: 0 0 0 10px rgb(4 102 56 / 40%);
  }
  100% {
      
      box-shadow: 0 0 0 0 rgb(4 102 56 / 40%);
  }
}
@media only screen and (max-width: 500px) {
  .sodt,.sozalo,.calldang,.zalodang,.mapdang{display:none;}
}
/* ket thuc call dang */