body{font-family:sans-serif; font-size:14px; color:#444; line-height:24px;}
@font-face{font-family:'Poiret One';src:url('../../css/LOGIN/fonts/PoiretOne-Regular.ttf');}
@font-face{font-family:'TeX Gyre Adventor';src:url('../../css/LOGIN/fonts/texgyreadventor-regular.otf');}
@font-face{font-family:'Great Vibes';src:url('../../css/LOGIN/fonts/GreatVibes-Regular.otf');}
/*login-page*/
a:focus, a:hover{text-decoration: none;}
.login-pg{position:relative;background: url(../../Image/login-pg-bg.jpg) no-repeat;
    height: 100%;
    background-size: cover;
    position: relative;}
.login-pg .logn-sid-img img{height:100vh; display:initial;}
.logn-sid-img{text-align:right;}
.login-pg .logn{position: relative; top: 14vh; left: 25%; background:#fff; padding: 20px 15px; width:120%; box-shadow:-7px 11px 33px 8px rgba(0,0,0,0.4);}
.login-pg .logn-dtail{margin:10% 30px; background:#fff; width:50%; z-index:9; padding:10px 20px}
.logn h3{background:#4c98b2; color:#fff; margin:0; padding:0; line-height:30px; font-size:18px;padding-left: 10px;}
.login-pg .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.login-pg .fa{font-size:20px;padding-left: 5px;color: #fff;}
.login-pg .form-group {
    margin-bottom: 0;
}
.login-pg .input-group-prepend span {
    width: 40px;
    background-color: #FFC312;
    color: black;
    border: 0 !important;
}
.login-pg .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.input-group-prepend {
    margin-right: -1px;display: flex;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.login-pg select{color:#777;}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.Forgot-pwrd h4{color:#777; text-align:right; font-size:14px; line-height:26px;}
.btn:not(:disabled):not(.disabled) {cursor: pointer;}
.login_btn {margin-top:10px; float:left;}
.login_btn {
    color: black;
    background-color: #4c98b2;
    width: 100px;
	color:#fff;
}
.logn .form-group:nth-child(3) .form-control{border: 1px solid #4c98b2; border-top: 0; border-right: 0;}
.logn .form-group:nth-child(4) .form-control{border: 1px solid #96be4d; border-left:none; border-top:0; border-bottom:1px solid #96be4d;}
.logn .form-group:nth-child(5) .form-control{border: 1px solid #f39f40; border-top:0; border-right:0;}
.login-pg .navbar-nav{float:inherit; }
.login-pg .navbar-fixed-top{ top: 10.7%;}
.login-pg .collapse{text-align:center; position: relative;}
.login-pg .navbar-nav>li{float:initial; display:inline-block; background: #4c98b2; border-radius: 20px;}
.login-pg .navbar-nav>li>a{padding-top: 7px; padding-bottom: 7px; color:#fff; transition:.3s; border-radius: 20px;}
.login-pg .nav>li>a:focus, .login-pg .nav>li>a:hover{color:#4c98b2;}
.pd-0{padding:0;}
.logn-dtail p{color:#666; line-height:30px; font-size:9.5px; border-left:1px solid #4a99b4; text-align: left; padding-left: 8px;}
.logn-dtail .radio{position:relative; left: -5px; z-index:9;}
.logn-dtail .radio:after{ content:""; position:absolute; width:1px; height:45px; background:#4a99b4; left:5px; top: -10px;z-index: -1;}
.Forgot-Pswd .form-group:nth-child(3) .form-control{border-top: 1px solid #4c98b2; border-left: 0; border-right:1px solid #97c44d;border-bottom:1px solid #97c44d;}
.Forgot-Pswd .form-group:nth-child(4) .form-control{border: 1px solid #f59f3f; border-right:none; border-top:0; border-bottom:1px solid #f59f3f;}
.Forgot-Pswd .submit_btn{background:#4a99b4; border:0; margin-top:10px;width: 100%; color:#fff;}
.logn-dtail .nav-menu{margin:0; padding:0;position: relative; background: #fff;  min-height: 25px;}
.logn-dtail .nav-menu li{float:left;list-style:none; }
.logn-dtail .nav-menu li .fa{color:#f39f40; font-size:30px; padding: 0 2px;line-height: 30px;}
.logn-dtail .nav-menu li:nth-child(2) .fa{color:#158ca9;}
.logn-dtail .nav-menu li:nth-child(3) .fa{color:#98c34c;}
.logn-dtail .nav-menu li{text-transform:uppercase; line-height:30px;}
.logn-dtail .nav-menu li a{background:#d8d9db; border-radius:15px; padding:5px 10px; color:#111;margin:0 5px; font-size:14px;}
@media(max-width:1300px){
	.login-pg .logn{top: 140px;}
	.logn-dtail .nav-menu li a{font-size:13px;padding: 4px 7px;}
}
@media(max-width:1240px){
	.login-pg .navbar-fixed-top { top: 8%}
	.login-pg .logn{/*position:absolute; transform:translate(50%,50%);left:-50%;*/}
	.login-pg .logn{position: absolute;
    transform: inherit;
    left: inherit;
    top: 50px;}
	.login-pg .logn-dtail{ /*margin: 16% 20px;*/ width: 60%;}
}
@media(max-width:1024px){
.login-pg .logn{top:50px; width:140%;}
.login-pg .navbar-fixed-top {top: 7%;}
}
@media(max-width:991px){
.login-pg .logn{/*left: 25%;top: 90px;*/ margin: 10px auto; top: 25px;}
.login-pg .logn-dtail {margin: 5% 10px; width: 80%;background: rgba(254,254,254,.8); position: relative;}

}
@media(max-width:830px){
.login-pg .logn{background: rgba(254,254,254,1);position: relative;
    transform: inherit;
    left: 10%;    top: 40px;}
.Forgot-Pswd .logn{top:5px;}
.login-pg .navbar-fixed-top { top:4%;}
.Forgot-Pswd .logn-dtail{margin: 1% 10px;}	
}
@media(max-width:770px){
.login-pg .logn {
    position: absolute;
    transform: translate(50%,45%);width: 120%;
    left: -50%;
}
.logn-dtail p{font-size: 8.5px;line-height: 16px;}
}
@media(max-width:767px){
.login-pg .collapse{text-align:left;}
.login-pg .navbar-nav>li {
    display:block;
    background: #4c98b2;
    border-radius: 20px;}
.login-pg .navbar-fixed-top { top: inherit;}
.login-pg .navbar-nav>li, .login-pg .nav>li>a:focus, .login-pg .nav>li>a:hover{border-radius:0;}
.login-pg .logn{background: rgba(254,254,254,1);position: relative;
    transform: inherit;
    left: 10%;    top: 25px;}
.logn-dtail .nav-menu li a{padding: 5px 8px; font-size: 12px; margin:0 2px;}
}
@media(max-width:667px){
.login-pg .logn {top: 7px;padding: 3px 5px;}
.login-pg .logn-dtail { margin: 5% 0px;width: 85%;}
.Forgot-pwrd h4{font-size: 13px;
    line-height: 18px;}
.logn h3{font-size: 16px;}
.Forgot-Pswd .logn-dtail { margin: 0% 0px;padding-right: 2px;padding-top: 20px;}
.logn-dtail .nav-menu li .fa{font-size:25px;}
}
@media(max-width:568px){
.login-pg .logn {top: 5px;}
.login-pg .logn-dtail{width: 88%;}
.Forgot-Pswd .logn {padding:0; top: 0px;}
.logn-dtail .nav-menu li a{padding: 2px 3px;font-size: 10px;}
}
@media(max-width:480px){
.col-xs-6{width:80%;margin: 0 auto; float: inherit;}
.login-pg .logn { position: relative; transform: inherit; left: inherit; top: inherit;  width: 100%;}
.login-pg .logn-dtail{width:100%;margin:0% auto; padding: 10px 5px;}
.login-pg{background: transparent;}
.login-pg .fa{color: #39919d;}
.logn-sid-img{display:none;}
.Forgot-Pswd .logn-dtail{padding: 20px 10px;}
.logn-dtail p{line-height: 30px;}
.logn-dtail .nav-menu li a{padding: 4px 8px; font-size: 12px;}
.logn-dtail .nav-menu li .fa {font-size: 30px;}
}
@media(max-width:414px){
.Forgot-pwrd h4{font-size: 12px; line-height: 18px;}
.col-xs-6 { width: 95%;}
}
/*login-page*/