body { font-family:'lato', sans-serif; color:#253155; font-size: 14px; }



.login-page .container { width:100%; max-width: 1150px; } 



.login_logo { padding: 20px 0;}

.login_logo img { max-width: 250px; width: 100%; height: auto; }

 .login-container { border: 1px solid #eceff8; padding:20px 5%; max-width: 100%; font-size: 14px; color: #314262; background: rgb(236,239,248); background: linear-gradient(180deg, rgba(236,239,248,1) 0%, rgba(255,255,255,1) 100%, rgba(236,239,248,1) 100%); }

.ads {font-weight: 600; color: #011c49; padding: 20px; text-align: left; border-right: 1px solid #dbdbdb; }

.ads h1 { font-size: 30px; margin-top: 10%; } 

.ads span {color: #1fa7df; } 

.ads p {margin-top: 40px; font-size: 12px; }

.ads .copytext {

 margin-top: 80px; font-size: 11px; color: #74685b;  font-weight: 100;

}

.ads .copytext a { font-size: 11px; color: #74685b;  }

.login-form {

    width: 100%;

    padding: 20px;

}

.login-form h3 { font-size:20px; font-weight: 800; text-transform: uppercase; color: #011c49; margin: 20px 0;}

.login-form .input-group  { margin-top: 10px; }

.login-form .input-group label {text-transform: uppercase; font-size: 13px; }

.login-form .fa {font-size: 13px; }

.login-form .form-control { font-size: 12px; color: #333333; border: 0; background: none; border-bottom: 1px solid #253155; border-radius: 0;}

.login-form .input-group-text { border: 0; background: none; border-bottom: 1px solid #253155; border-radius: 0; padding: 0; color: #1fa7df;}

.blue_btn { background: #ffff; border: 2px solid #1fa7df; color: #1fa7df; border-radius: 0; min-width: 100px;}

.blue_btn:hover { background: #1fa7df; border: 2px solid #1fa7df; color: #fff; border-radius: 0;}



@media (max-width: 1199px) {

  .ads h1 { font-size: 28px; }

}



@media only screen and (max-width:991px){

  .login_logo { padding: 20px 25px;}

	.ads { border: 0; margin-top: 30px; }

  .ads h1 { margin-top: 0; }

.login-page .container { width: 100%;  max-width: 1280px; padding-right: 0px; padding-left: 0px; }

.login-container { padding: 30px; margin-top: 0; }

  .login-container .ads, .login-container .login-form { padding: 0; }

  .login-form h3 { margin-top: 0; }

}





@media (max-width: 480px) {

  .ads h1 { font-size: 23px; }

}



@media only screen and (max-width:400px){

	.login_logo img { width:100%; height: auto;}

}