.fw{ color:#fff;}
.ma{ margin: auto;}
.mb20{ margin-bottom:20px;}
.mt40{ margin-top: 40px;}
.h75{ height: 75px;}
.h50{ height: 50px;}
.h100{ height: 100px;}
.h200{ height: 200px;}
.font-medium{ font-size: 18px;}
.white{ color:#fff; }
/*.border{ border: solid 1px #ccc;}*/
.p20{ padding: 20px;}
.pr20{ padding-right:20px;}

.pl20{ padding-left:20px;}

.pointer{ cursor: pointer;}
.clear{clear: both;}

.gradien { background: radial-gradient(circle,rgba(196, 212, 21, 1 ) 0%, rgba(116, 192, 67, 1) 100%)!important; }


/* .preloader {  
    height:100%;
    background:#86C440 url(../img/logo.png) center center no-repeat; 
    position: fixed; 
     width:cover; 
    z-index:4000;
    top:0px;
    left:0px;} */

    /* Center the preloader */
.preloader {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

/* Spin animation */
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}