html, body{width: 100%; height: 100%;}
html, button, input, select, textarea { color: #636466; font-family: inherit; }
body { background: #fff; color: #414042; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.7; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
p { margin: 0 0 10px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #dbdbdb; margin: 30px 0 20px; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif !important; font-weight: 600; margin: 0 0 10px; }
h6 { font-size: 11px; }
h5 { font-size: 13px; }
h4 { font-size: 15px; }
h3 { font-size: 18px; }
h2 { font-size: 20px; }
h1 { font-size: 24px; }
img { vertical-align: middle; max-width: 100%; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: none; }
input:focus, textarea:focus, button:focus { outline: none; }
address { font-style: normal; }
ul, ol{padding: 0;}
::-webkit-input-placeholder { color: #8f8f8f; }
:-moz-placeholder { color: #8f8f8f; }
::-moz-placeholder { color: #8f8f8f; }
:-ms-input-placeholder { color: #8f8f8f; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
a { color: #e60013; outline: none; text-decoration: none; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; transition: color 0.15s ease-in; }
a:hover { color: #ef5050;  text-decoration: none !important; }

.form-control{height: 50px !important; box-shadow: none !important;}
.btn{padding: 8px 30px !important; margin: 0px 5px 5px !important; color: #fff; font-size: 16px !important; border-radius: 20px !important; line-height: 20px; transition: all 0.2s ease;}
.btn-3{background-color: #172a41; border: 1px solid #172a41 !important; width: 100%; margin: 0 !important;}
.btn-3:hover{color: #172a41; background-color: transparent;}

/*login page*/
.logo-lg{text-align: center; margin-bottom: 40px;}
.login-page{width: 100%; height: 100%; background-color: #f1f2f2; position: relative;}
.login-main{width: 100%; height: 100%;}
.login-content{height: 100%; width: 100%; position: relative; display: table;}
.login-form{width: 600px;  display: table-cell; vertical-align: middle; z-index: 100; position: absolute; margin: -290px auto auto auto; top: 50%; left: 0; right: 0;}
.login-dt {
    padding: 10px 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.login-dt .form-group{position: relative; display: block; margin-bottom: 25px;}
.login-dt .form-group button{padding-right: 35px; border-radius: 0 !important; text-transform:uppercase}
.login-dt .form-group span{position: absolute; right: 10px; top: 13px; font-size: 18px;}
.login-dt h3{margin-bottom: 25px;}
.login-ft{text-align: center; color: #fff; position: absolute; bottom: 0; width: 100%; z-index: 1;}
.login-ft p{margin-bottom: 0;}
.login-content:after, .login-content:before{position: absolute; content: ""; display: block; width: 650px; height: 379px;background-size: 100%; background-repeat: no-repeat; z-index: 1;}
.login-content:after{background-image: url(../images/img-2.png); bottom: 0; left: 0; }
.login-content:before{background-image: url(../images/img-1.png); top: 0; right: 0; }
.bg-middle {
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background-color: #38cb89;
}

.verifi{position: relative;}
.verifi .form-group{margin-right: 180px;}
.code-verifi{position: absolute; top: 0; right: 0; width: 160px;}


/*responsive*/
@media(max-width: 991px){.login-content:after, .login-content:before{display: none;}}
@media(max-width: 650px){
	.login-page{min-height: 590px;}
	.login-form{width: 380px;}
	.login-dt h3{font-size: 19px; text-align: center;}
}