@media (max-width:767px){
    #loginSection {height:calc(100vh - 72px);margin-top:72px;min-height:440px;}
    .fbl {display:block;width:270px;margin:0 auto;padding-bottom:30px;}
    .hfbl {padding-top:20px;}
    .fback {display:block;}
    .reg.fbl .fback, .cong.fbl .fback, .n_pass2.n_pass.fbl .fback {display:none !important;}
    .reg2.reg.fbl .fback {display:block !important;}
}
@media (min-width:768px){
    #loginSection {height:calc(100vh - 140px);margin-top:72px;min-height:540px;}
    .ibg {left:0;right:0;top: 0;bottom: 0%;background: -moz-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);background: -webkit-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);background: -o-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);background: -ms-linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);background: linear-gradient(180deg, #C9CFD4 0%, rgba(189, 189, 189, 0) 100%);}
    .fbl {position: absolute;background: #FFFFFF;width:496px;height:392px;left:50%;margin-left:-248px;top:50%;margin-top:-196px;padding:43px 67px 37px;box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.2);border-radius:3px;}
    .fback {display:none;}
    .reg.fbl {height:520px;margin-top:-260px;}
    .reg2.reg.fbl, .f_pss2.f_pss.fbl {padding: 43px 33px 37px;}
    .f_pss.fbl {height:270px;margin-top:-135px;}
    .n_pass.fbl {height:350px;margin-top:-175px;}
    .n_pass2.n_pass.fbl {padding: 43px 50px 37px;}
}
@media (min-width:992px){
    #loginSection {height:calc(100vh - 124px);}
}
#loginSection .container {height:100%;}
.fbl {color:rgba(0, 0, 0, 0.45);}
.hfbl {font-size:28px;color:#E21839;font-weight:500;}
.fback {position:absolute;top:20px;left:0;}
.reg .chkgr {padding-top:40px;}
.reg.fbl form .gbtn {margin-top:30px;}
.reg.fbl form .chkgr label:first-child .control__indicator:before {content:"";position:absolute;background-image:url(./img/etn.svg);background-repeat:no-repeat;width:15px;height:15px;right:-20px;top:1px;}
.reg2.reg.fbl, .f_pss2.f_pss.fbl {color:#000;}
.reg2.reg.fbl .hfbl, .f_pss2.f_pss.fbl .hfbl {padding-bottom:29px;}
.reg2.reg.fbl p, .f_pss2.f_pss.fbl p {font-size:16px;line-height:20px;padding-bottom:15px;}
.reg2.reg.fbl .gbtn {margin-top:140px;}
.cong.fbl .hfbl, .n_pass2.n_pass.fbl .hfbl {line-height:33px;color:#000;}
.f_pss2.f_pss.fbl .gbtn {margin-top:30px;}
.n_pass2.n_pass.fbl .gbtn {margin-top:45px;}
/**/
.fbl form .form-group {position: relative;}
.fbl form .form-group.hasError input {border-color: #f95959 !important;}
.fbl form .form-group.hasError label.dnm {color: #f95959 !important;}
.fbl form label.dnm {font-size: 16px;line-height:24px;transform: translateY(35px);transition: all 0.4s;cursor: text;display: inline-block;max-width: 100%;margin-bottom:7px;}
.fbl form label.dnm.active {transform: translateY(10px);font-size:12px;}
.fbl form input:not([type=submit]) {background: none;outline: none;border: none;display: block;padding:6px 0;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.24);color: #000;font-size: 16px;z-index: 1;}
.fbl form input:not([type=submit]).hasError {border-color: #f95959;}
.fbl form span.error {color: #f95959;font-size: 12px;position: absolute;bottom: -20px;right: 0;display: none;}
.fbl form .gbtn {margin-top:40px;}
.fbl form .gbtn input, .fgbtn {display:inline-block;width:100%;max-width:220px;text-align:center;font-size: 14px;line-height:36px;text-transform: uppercase;background: #e21839;color: #fff;border: none;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);border-radius: 2px;}
.fgbtn:hover {color:#fff;}
.fgpass a {font-size:12px;line-height:14px;text-decoration:underline;color:rgba(0, 0, 0, 0.45);padding-top:8px;}
.fgpass a:hover, .freg a:hover {color:#e21839;}
.freg {padding-top:25px;width:100%;}
.freg a {font-size:16px;line-height:19px;color:#000;text-decoration:underline;}
.hide-show, .hide-show2 {position:absolute;right:0;bottom:7px;font-size:12px;z-index: 5;}
.hide-show span, .hide-show2 span {cursor: pointer;}
