#call{
    direction: ltr;
    width:50px;
    margin-right:auto;
    margin-left:28px;
    margin-bottom:64px;
}
#bigsup { 
  font-size:14px;
  color:#fff;
  width:48px;
  height:48px; 
  margin:16px; 
  background-color:#000758;
  border-radius:50%;
  padding-left:14px;
  padding-top:16px;
  border: solid 1px;
  border:solid 2px; 
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  animation-iteration-count: 4;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.supcal {
    cursor:pointer;
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#28a000;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px; 
}

.c2 {
  background-color:#28a032;
}

.c3 {
  background-color:#28a064;
}

.c4 {
  background-color:#28a096;
}
.supcal p { 
    font-family:iranyekan;
  color:#0f0f0f; 
  margin-top:-26px;
  min-width:100px;
  margin-left:32px; 
  position:fixed;
  padding:6px;
  border-radius:24px;
  background-color: rgba(255,255,255,0.7);
}


#suptel {
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#0088CC;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px;
}

#supwa {
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#25d965;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px;
}