@charset "UTF-8";
@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Regular.eot');
src: url('../fonts/rc/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/rc/RobotoCondensed-Regular.woff2') format('woff2'),
	url('../fonts/rc/RobotoCondensed-Regular.woff') format('woff'),
	url('../fonts/rc/RobotoCondensed-Regular.ttf') format('truetype'),
	url('../fonts/rc/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto Condensed';
src: url('../fonts/rc/RobotoCondensed-Bold.eot');
src: url('../fonts/rc/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/rc/RobotoCondensed-Bold.woff2') format('woff2'),
	url('../fonts/rc/RobotoCondensed-Bold.woff') format('woff'),
	url('../fonts/rc/RobotoCondensed-Bold.ttf') format('truetype'),
	url('../fonts/rc/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

html,body{margin:0; padding:0; height:100vh;}
body{font-family:'Roboto Condensed', sans-serif !important; font-size:14px; color:#212529;}
h3, p, .tel_cls{text-align:center;}
h4{text-align:left;}
.wh_auto{width:100%; position:relative;}
.logo_cls{width:155px; margin:0 auto 20px auto; display:block;}
.chat_icon{display:block; margin:20px auto;}
.chat_icon img, .chat_icon a{display:flex; align-items:center; justify-content:center;}
.login_inner_cls h3{font-weight:600; margin-bottom:15px;}
.login_inner_cls form .form-control{font-size:14px; padding:6px 15px;height: auto;}
.login_inner_cls form button, .login_inner_cls form a.btn.btn-primary{background:#0e79bf; color:#fff; padding:8px 15px; border:none; outline:0; border: 1px solid #0e79bf;}
.login_inner_cls form button:focus, .login_inner_cls form a.btn.btn-primary:focus{box-shadow:none; outline:0;}
.login_inner_cls form button:hover, .login_inner_cls form a.btn.btn-primary:hover{background:#0d71b3; color:#fff;}
.tel_cls, .tel_cls:hover{font-size:28px; color:#333; font-weight:600; text-decoration:none; width:auto; margin:0 auto; display:table;}
.hyperlink_clr, .hyperlink_clr a{color:#000; font-weight: bold;}
.text_underline{text-decoration:underline;}
.text_underline:hover{text-decoration:none;}
.form-group label{font-size:14px; font-weight:600; margin-bottom:3px; color:#212529;}
span{margin-bottom:10px;}
label > span{display:inline; margin-bottom:0; font-size:auto;}
em.invalid{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
label.error{color:#dc3545; font-size:13px; margin-top:5px; display:block;}
.left_header_img{max-height:fit-content; height:auto; margin:0 auto 20px auto; display:block;}
.partner_logo > img{position: absolute;top: 15px; left: 15px;}
img.footer-logo{max-height: 150px;}
.loader-bg{overflow: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; z-index: 11; background-color: rgba(0, 0, 0, 0.5);}
.loader,.loader:after{border-radius: 50%; width: 50px; height: 50px;}
.loader{margin: 0; font-size: 10px; position: relative; text-indent: -9999em; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear;}

@-webkit-keyframes load8{
0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load8{
0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

/** Modal CSS **/
#tandcModel.modal.show .modal-header{position:relative;}
#tandcModel.modal.show button.close{position:absolute; top:-5px; right:-5px; background:#444; border-radius:50%; opacity:1; display:flex; align-items:center; justify-content:center; width:48px; height:48px; text-align:center; z-index:9; padding:0;}
#tandcModel.modal.show button.close:hover{opacity:1;}
#tandcModel.modal.show button.close svg{color:#fff; text-shadow:none;}
#tandcModel.modal .modal-content{border:8px solid rgba(0,0,0,0.10); border-radius:0;}
#tandcModel.modal .modal-content label{font-size:13px; font-weight:bold; margin-bottom:1px;}
#tandcModel.modal .modal-content .form-control{height:30px; padding:0px 10px; font-size:13px;}
#tandcModel.modal .modal-content button{font-size:13px;}
#tandcModel.modal .modal-content button span{margin-bottom:0;}
#tandcModel.modal .modal-content button:focus, .modal .modal-content button:active{outline:0;}
#tandcModel.modal .modal-content *{text-align:left;}
#tandcModel .modal-body{max-height:calc(100vh - 212px); overflow:auto;}
#tandcModel.modal .modal-content ul{padding-left:15px;}
.customer-tc-cls{display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap; align-items:center;}
.customer-tc-cls label.error{order:5; display:flex; max-width:100%; flex:0 0 100%; flex-wrap:wrap;}
/** End **/

#scgQrO, .live_chat{position:inherit !important; bottom:inherit !important; left:inherit !important; right:inherit !important; width:auto !important;  display:flex; align-items:center; justify-content:center; z-index:9; max-width:100%; flex:0 0 100%;}
#scgQrO img, .live_chat img{max-width:100%;}
.captcha-area > div{transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0;}

@media (min-width:768px){
.login_inner_cls{padding:60px; max-width:520px; min-width:400px; position:relative; z-index:1;}	
.grey_bg:before{content:''; background:#efefef; position:absolute; height:100%; width:calc(100% - 80px); top:0; left:80px; right:0; bottom:0;}
.grey_bg:after{content:''; background:#efefef; position:absolute; transform:skewX(-8deg); height:100%; width:calc(80% - 15px); top:0; left:-15px; right:0; bottom:0;}
}

@media (max-width:767px){
.login_inner_cls{padding:25px 0;}	
.grey_bg{background:#efefef;}
.login_container_cls .h-100{height:auto !important;}
.grey_bg:before{width:100%;}
.login_inner_cls{position:relative; top:inherit; transform:inherit; left:0; right:0; width:calc(100% - 30px);}
.row.h-100 > div{flex-wrap:wrap;}
.partner_logo{display:flex; align-items:center; justify-content:center; margin-left:auto; margin-right:auto;}
.partner_logo img{position:inherit;}
#scgQrO, .live_chat{bottom:inherit !important; left:inherit !important; right:inherit !important;}
.live_chat .chat_icon img{width:70px; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
#scgQrO > a img{display:none;}
#scgQrO > a{position:relative;}
#scgQrO > a:before{content:'';background:url(../images/chat-icon-online.png) no-repeat; width:85px; height:85px; display:block; background-size:100%; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.25); border-radius:50%;}
#tandcModel .modal-dialog{padding:25px 20px;}
#tandcModel.modal .modal-footer > button{width:100%;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.login_inner_cls form .form-control{line-height:1; padding:10px 15px;}
.h-100{min-height:100vh; height:auto !important;}
.row.h-100 > div{min-height:100vh;}
}