::-moz-selection { background: #03c7b8; color: #fff; }
::selection { background: #03c7b8; color: #fff;}
a:hover, 
a:focus {
     text-decoration: none;
	 color: #38393b;}
   
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #abb1b0;}
::-moz-placeholder { /* Firefox 19+ */
     color: #abb1b0;}
:-ms-input-placeholder { /* IE 10+ */
     color: #abb1b0;}
:-moz-placeholder { /* Firefox 18- */
     color: #abb1b0;} 

/* number icon remove */	 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
	
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: #fff;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}
    

 
/* button */
button,
.a-btn {
    white-space: nowrap;
    line-height: normal;
    padding: 12px 15px;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    border: none;
    background: #179cd4;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: 0 5px 5px #a0a7ab;}


/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
	padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 35px;}
} 


/* pre-loader */ 
.pre-loader {
  width: 74px;
  height: 74px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  margin-left: -37px;
  margin-top: -37px;}
.pre-loader div {
  height: 0;
  width: 0;
  padding: 30px;
  border: 6px solid #4fd8b338;
  border-right-color: #329e81;
  border-radius: 40px;
  -webkit-animation: rotate 1s infinite linear;}
@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}




/* header */
header {
  background: #fff;
  box-shadow: 0 0 40px #e0e2e4;
  padding-top: 8px;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;}
header .logo {
  max-width: 100%;
  height: 50px;}



/* main-div */
.main-div {
  padding-top: 70px;}



/* section */
section {
  padding-top: 50px;
  padding-bottom: 50px;}

/* terms_condition */
#terms_condition h2 {
  margin-top: 40px;
  font-size: 22px;
  margin-bottom: 10px;
  color: #289465;}
@media screen and (max-width: 767px) {
#terms_condition h2 {
  margin-top: 45px;
  font-size: 18px;}
}



/* footer */
footer {
  background: #e8e7e8;
  padding-top: 15px;
  padding-bottom: 15px;}
footer p {
  font-size: 14px;
  color: #252425;
  margin-bottom: 0;}
footer p a {
  color: #4e4a4e;}



/* insti-login-form */
.insti-login-form {
  width: 340px;
  height: 90vh;
  background: #fff;
  border-radius: 10px;
  box-shadow: #8f9192 0 0 2px;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;}
/* haed */
.insti-login-form .head {
  display: table;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;}
.insti-login-form .head h3 {
  font-size: 18px;
  margin-top:15px;
}
.insti-login-form .head img {
  max-width: 100%;
  height: 70px;}
/* body */ 
.insti-login-form .body .div-col {
  margin-bottom: 15px;}
.insti-login-form .body label {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #969798;}
.insti-login-form .body input {
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 5px;}
/* foot */
.insti-login-form .foot {
  margin-top: 30px;
  text-align: center;}
.insti-login-form .foot .primary-btn {
  width: 100%;
  border-radius: 5px;}
.insti-login-form .foot .forgot-pwd-btn {
  display: block;
  font-size: 14px;
  margin-top: 10px;
  color: #acaeaf;}