 
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

 

/*/ start count stats /*/

section#counter-stats {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

.stats {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  border: 1px solid #EEEEEE;
  padding: 30px 30px; 
}

.stats .fa {
  color: #e5102a;
  font-size: 60px;
}


#app{
  text-align:center;
  font-size:25px;
  font-weight: 700;
  position: absolute;
  font-family:'gothic', century !important ; 
  background-image: linear-gradient(
     
    #ffffff 0%,
   #ffffff 29%,
    #e5102a 67%,
    #e5102a 100%
  );
  background-clip:border-box;
   text-fill-color: transparent;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 2s linear infinite;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


.space-area {
  height:850px;
  background:#009a11;
  padding:100px 0;
  position: relative;
}
.space-area h1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
}
.count-area {
    position: relative;
     
    padding: 20px 0px 0px 0px ;
    text-align: center;
    color: #1d1d1d;
}
.count-area-content {
    margin-top: 30px;
     border: 1px solid #e5102a40;
         padding: 30px 30px;
}
.count-area i {
    font-size: 48px;
    color: #e5102a;

}
.count-digit {
    
    color: #1d1d1d;
    font-weight: 700;
    font-size: 35px;

}
.count-digit:after {
    content: "+";

    display: inline-block;
  }
.count-title {
    font-size: 20px;
}

 @media (max-width: 768px){
  .pulserr  {
    width: 55px;
    height: 55px;
    background: #0dc143;
    border-radius: 50%;
    position: fixed;
    top: 80%!important;
    left: 2%!important;
  }
  /*.pulser {
    width: 60px;
    height: 60px;
    background: #e5102a;
    border-radius: 50%;
    position: fixed;
    top: 89%!important;
    left: 72.5%!important;
  }*/

  

 } 
  .pulserr {
    width: 42px;
    height: 42px;
    background: #0dc143;
    border-radius: 50%;
    position: fixed;
    top: 80%;
    left: 2.8%;
    z-index: 1000;

   
  }
  
  .pulserr::after {
    animation: pulse 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
  }
  
  @keyframes pulse {
    0% {
      opacity: 0;
    }
    50% {
      transform: scale(1.4);
      opacity: 0.4;
    }
  }
  
  .pulserr::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0dc143;
    border-radius: 50%;
     z-index: -1;
     
  }
  .pulserr i{
    font-size: 25px;
    color: #ffffff;
     padding: 10px;
  }


 @media (max-width: 768px){
  .pulser  {
    width: 55px;
    height: 55px;
    background: #0dc143;
    border-radius: 50%;
    position: fixed;
    top: 70%!important;
    left: 2%!important;
  }
  /*.pulser {
    width: 60px;
    height: 60px;
    background: #e5102a;
    border-radius: 50%;
    position: fixed;
    top: 89%!important;
    left: 72.5%!important;
  }*/

  

 } 
  .pulser {
    width: 42px;
    height: 42px;
    background: #e5102a;
    border-radius: 50%;
    position: fixed;
    top: 70%;
    left: 2.8%;
    z-index: 1000;

   
  }
  
  .pulser::after {
    animation: pulse 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
  }
  
  @keyframes pulse {
    0% {
      opacity: 0;
    }
    50% {
      transform: scale(1.4);
      opacity: 0.4;
    }
  }
  
  .pulser::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e5102a;
    border-radius: 50%;
     z-index: -1;
     
  }
  .pulser i{
    font-size: 18px;
    color: #ffffff;
     padding: 14px;
  }
  
.table table {
  font-family:'gothic', century !important;
  border-collapse: collapse;
  width: 100%;
}

.table  td, th {
  border: 1px solid #e5102a4d;
  text-align: left;
  padding: 8px;
}

.table  tr:nth-child(even) {
  background-color: #dddddd;
}