@charset "utf-8";
/* CSS Document */

.login{ width:100%; height:100%; text-align:center; background:url(/images/loginBg.jpg) no-repeat 50% 100%; background-size:cover;}
.login:after{content:''; display:inline-block; vertical-align:middle; height:100%; width:1px;}

.loginSec1_cont{display:inline-block; vertical-align:middle; max-width:690px; width:100%; overflow:hidden; border-radius:15px;}
.loginSec1_cont:after{content:''; display:block; clear:both;}
.loginSec1_cont aside{height:513px; position:relative;}
.loginSec1_cont aside.loginIntro{ float:left; width:50%; background:#0034a4 url(/images/login-img.jpg) no-repeat 50% 50%; background-size:cover; z-index:2; padding-top:75px;}
.loginSec1_cont aside.loginIntro img{ margin-bottom:55px;}
.loginSec1_cont aside.loginIntro h1{ color:#FFF; border-top:3px solid #FFF; border-bottom:3px solid #FFF; padding:10px 0 20px; display:block; width:80%; margin:0 auto; font-size:40px; line-height:40px; font-weight:400; text-transform:uppercase;}
.loginSec1_cont aside.loginIntro h1 span{ display:block; font-size:16px;}
.loginSec1_cont aside.loginIntro:after{ position:absolute; content:''; border:20px solid transparent; border-left:15px solid #0034a4; top:50%; left:100%; margin-top:-20px;}

.loginSec1_cont aside.loginBox{ float:left; width:50%; background:#FFF; z-index:1;}

.loginBox > div{ padding:30px; height:100%; width:100%; position:relative;}
.loginBox .sign_in{ position:relative; z-index:1;}

.loginBox > div h3{color:#30323f; font-size:16px; text-transform:uppercase; font-weight:400; position:relative; margin-bottom: 30px;}

.loginBox > div.password_reset{ position:absolute; left:100%; top:0; width:100%; height:100%;  z-index:2;}
.loginBox > div.password_reset .submitBtn, .loginBox > div.password_reset_success .submitBtn{ position: absolute; left:30px; right:30px; bottom:53px;}

.loginBox > div.password_reset_success{ position:absolute; left:100%; top:0; width:100%; height:100%; background:#FFF;  z-index:3;}

.loginBox > div.password_reset_success article{ background:url(/images/success-icon.png) no-repeat 50% 25px; padding-top:90px;}
.loginBox > div.password_reset_success article h4{color: #41b514; font-size: 20px; font-weight: 400; margin-bottom: 10px;}
.loginBox > div.password_reset_success article span{ display: block; padding-bottom:10px;}
.loginBox > div.password_reset_success article strong{ display: block; padding-bottom: 20px;}

.loginBox > div.signInHide{ margin-left:-100%;}
.loginBox > div.forgot_password_hide{left:-100% !important;}
.loginBox > div.forgot_password_show{left:0;}
.loginBox > div.password_reset_success_show{left:0;}

.fp_close{ position:absolute; top:35px; left:30px; width:22px; height:18px; background:url(/images/backArrow.png) no-repeat 50% 50%; color:transparent; font-size:0; cursor:pointer;}

.signinForm{text-align: left;}
.signinForm:after{content:''; display:block; clear:both;}
.signinForm li{ position:relative; margin-bottom:30px;}
.signinForm li strong{ display: block; text-align: left; font-weight: 700; color: #30323f; font-size: 13px; margin:0 0 10px 15px;}
.signinForm li.captcha{ margin-bottom:7px;}

.loginBox .errorMsg{ position:relative; z-index:1; position: absolute; left: 0; top:45px; width: 100%; text-align: center;}
.loginBox .captchaErrorMsg{ position: absolute; left: 15px; bottom:-20px; top: auto; text-align: left;}

.forgot_pass{color:#000; font-size:12px; font-weight:400; position:absolute; left:0; right:0; bottom:20px; margin:auto; cursor:pointer;}
.forgot_pass samp{color:#004eaf; display: inline-block;}
.forgot_pass:hover samp{ text-decoration: underline;}

.changeCaptcha{ position: absolute; top: 0; right:15px; padding-right:20px; color: #004eaf; text-decoration: underline;}
.changeCaptcha:after{content:''; width: 15px; height: 15px; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; background: url(/images/icon-login.png) no-repeat 0 -0px;}
.changeCaptcha:hover{text-decoration:none;}

@media screen and (max-width:800px){
	
	.loginSec1_cont aside { height:auto; position: relative;}
	.loginSec1_cont aside.loginIntro{width:100%; padding-top:20px;}
	.loginSec1_cont aside.loginIntro h1 { border-top:0; border-bottom: 0;}
	.loginSec1_cont aside.loginBox{width:100%; }
	.loginSec1_cont aside.loginIntro img{ margin-bottom: 0;}
	.forgot_pass{position: relative; bottom: auto; padding-top: 15px; display: block;}
	.loginSec1_cont aside.loginIntro h1{padding:0px 0 20px;}
}


@media screen and (max-width:600px){
	.login:after{ display: none;}
	.loginSec1_cont aside.loginIntro h1{ font-size: 25px;}
}