#spinner{  
  background: rgba( 255, 255, 255, 0.8 );  
  display: none;
  height: 100%;  
  position: fixed;  
  width: 100%;  
  z-index: 9999;  
}     
.loading{ 
border: 2px solid #000;
width: 60px;
height: 60px;
border-radius: 50%;
border-top-color: #75c044;
  border-left-color: #75c044;
  animation: spin 1s infinite ease-in;
  left: 50%;  
  margin-left: -32px;  
  margin-top: -32px;  
  position: absolute;  
  top: 50%;  
} 
@keyframes spin {
   100% {
      transform: rotate(1turn);
   }
} 
.text-xl{font-size: 16px !important;}
.caps{text-transform: capitalize !important;}
.normal{font-weight: 500 !important;}
.spc{width: 64px; height: 64px; border-radius: 50%;}
.header-logo{width: 300px; height: 120px;}
.menu-color{color: #f00 !important;}
.menu-color:hover{color: #66c !important;}
.form-control{border: 1px solid #66c;}
.form-control:focus{border:1px solid #333;}
.resp{width: 100%;}
.iframe iframe{width: 100% !important;}
.bold{font-weight: 600;}

.nav-link{font-size:16px !important; padding:20px  !important;}
@media (max-width: 992px) {
.nav-link{font-size:12px !important; padding:10px 5px  !important;}
}

.pull-right{float: right !important;}
.pull-left{float: left !important;}

input[disabled],select[disabled]{background: #f1f1f1 !important;}
.option-input{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  top:5px;
  right: 0;
  bottom:0;
  left:0;
  height:32px;
  width:32px;
  transition: all 0.15s ease-out 0s;
  background: #dadada;
  color: #fff; z-index: 0 !important;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px !important;
  outline:none; border: 2px solid #66c !important;
  position: relative;
  z-index: 1000; 
}
.option-input:hover{
  background: #f00; color: #fff;
}

.option-input:checked::before{
  height: 32px; top:-2px; left:-2px;
  width: 32px;
  position: absolute;
  content: '✔';
  display: inline-block; background: #66c; 
  font-size:24px; border: 2px solid #66c !important;
  text-align: center;
  line-height:26px; 
}
.option-input:checked::after{
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #f00;
  content: '';
  display: block;
  position: relative;
  
}
.option-input{
  border-radius: 0%; border: 2px solid #f00; 
}
.option-input::after{
  border-radius: 0%; 
}