.loader {

  width: 60px;
}

.loader-wheel {
  animation: spin 1s infinite linear;
  border: 2px solid rgba(255, 164, 46, 0.47);
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 60px;
  margin-bottom: -5px;
  width: 60px;
}

.loader-text {
  color: #364a63;
  font-size: 9pt;
  font-weight: 600;

}

.loader-text:after {
  content: 'Verifying';
  animation: load 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    content: 'Verifying';
  }
  33% {
    content: 'Verifying.';
  }
  67% {
    content: 'Verifying..';
  }
  100% {
    content: 'Verifying...';
  }
}


.loader-text2 {
  color: #364a63;
  font-size: 9pt;
  font-weight: 600;

}

.loader-text2:after {
  content: 'Processing';
  animation: load2 2s linear infinite;
}

@keyframes load2 {
  0% {
    content: 'Processing';
  }
  33% {
    content: 'Processing.';
  }
  67% {
    content: 'Processing..';
  }
  100% {
    content: 'Processing...';
  }
}


.loader-wheel-auth {
  animation: spin 1s infinite linear;
  border: 2px solid rgba(255, 164, 46, 0.47);
  border-left: 2px solid #fff;
  border-radius: 50%;
  height: 25px;
  margin-bottom: -5px;
  width: 25px;
}

.loader-text-auth {
  color: #fff;
  font-size: 12pt;
  font-weight: 600;

}

.loader-text-auth:after {
  content: '.';
  animation: load-auth 2s linear infinite;
}

@keyframes load-auth {
  0% {
    content: '.';
  }
  33% {
    content: '.';
  }
  67% {
    content: '...';
  }
  100% {
    content: '....';
  }
}

@media only screen and (max-width: 700px) {
.hidexs
{	
display:none;
}	

.form-note-s2{
margin-bottom: 135px;	
}
}