.loader{position:absolute;display:none;left:45%;top:35%;border:5px solid #f5deb3;border-radius:50%;border-top:5px solid #3498db;width:60px;height:60px;z-index:98;animation:spin 1.5s linear infinite}@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.preloader{display:block;z-index:1800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader span{width:25px;height:25px;display:inline-block;border-radius:100%;-webkit-animation:preloader 1s linear infinite alternate;-o-animation:preloader 1s linear infinite alternate;animation:preloader 1s linear infinite alternate}.s1{background:#ff6347}.s2{background:#1e90ff}.s3{background:#ff0}.s4{background:green}.s5{background:#000}.preloader span:nth-child(0)
{animation-delay:-.5s}.preloader span:nth-child(1)
{animation-delay:-.4s}.preloader span:nth-child(2)
{animation-delay:-.3s}.preloader span:nth-child(3)
{animation-delay:-.2s}.preloader span:nth-child(4)
{animation-delay:-.1s}@keyframes preloader
{
    from  { transform: scale(0); }
    to { transform: scale(1); }
}.countloader{display:none;border:5px solid #f5deb3;border-radius:50%;border-top:5px solid #3498db;width:35px;height:35px;z-index:98;animation:rotation 1s linear infinite}@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.button_click:before{content:"";position:absolute;height:0;width:0;top:-5px;left:0;border:2.5px solid #1c72c7;border-left:none;border-bottom:none;opacity:0;-webkit-animation:sentBefore 1s linear infinite;animation:sentBefore 1s linear infinite}.button_click:after{content:"";position:absolute;height:0;width:0;bottom:-5px;right:0;border:2.5px solid #b13712;border-top:none;border-right:none;opacity:0;-webkit-animation:sentAfter 1s linear infinite;animation:sentAfter 1s linear infinite}@-webkit-keyframes sentBefore {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  50% {
    height: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    height: 100% ;
    width: 100%;
    opacity: 1;
  }
}@keyframes sentBefore {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  50% {
    height: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    width: 100%;
    opacity: 1;
  }
}@-webkit-keyframes sentAfter {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  50% {
    height: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    width: 100%;
    opacity: 1;
  }
}@keyframes sentAfter {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  50% {
    height: 0;
    width: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    width: 100%;
    opacity: 1;
  }
}