.absolute{position:absolute;}
.relative{position: relative;}
.parsley-error-list{padding:0px;}
.underLine{text-decoration:underline}
.paddLeft0{padding-left:0px;}
.paddRight0{padding-right:0px;}
.padd0{padding:0px;}

ul {
    list-style-type: none;padding:0px;
}

html{font-family: 'Open Sans';
    font-size: 13px;
    color: #717171;/* overflow-x:hidden;overflow-y:hidden */}

body {
     font-family: 'Open Sans';
    font-size: 13px;
    color: #717171;
    background-color: #f3f6f7;line-height: 1.0; 
    -webkit-font-smoothing: antialiased;/* overflow-x:hidden; */overflow-x: hidden
}
.inputTextBdr{border: solid 1px #c7c7c7;}
.hide{display:none;}
.header, .footer {
    min-height: 30px;
     padding: 0 0px; 
}
.loginRegSection {}
.loginRegSection .bgDiv,.bgDiv {
	  width: 100%;
	 /*  height: 100vh; */
	   /* height: 800px;
	  background-color:#ffffff;background-color: #1b486d;overflow-y: hidden;*/
	 background-color:#f3f6f7 ;
     margin: 0px auto;
	}
.loginRegSection .bgImg,.bgImg{z-index: 1;object-fit: contain;opacity: 1;margin: 0px auto;}
.loginRegSection .bgLoginImg,.bgLoginImg{top: -10%;padding: 0px 5% 0px 0px;height: auto;}
.loginRegSection .bgRegImg,.bgRegImg{top: -10%;padding: 0px 0px 0px 5%;height: auto;}

.loginRegSection .bgDivImg,.bgDivImg{margin: 0px auto;object-fit: contain;opacity: 1;position:absolute;top:-60px;}
.loginRegSection .bgLoginDivImg,.bgLoginDivImg{padding-right: 2%;left:0px;width: 90%;}
.loginRegSection .bgRegDivImg,.bgRegDivImg{padding-left: 2%;right:0px;width: 90%;}
	
.loginRegSection .header,.header {height: 80px;width:100%;  line-height: 78px;background-color: transparent;z-index: 2;border-bottom: solid thin #ccc;}
.loginRegSection.footer,.footer{margin-top:5px;height: 30px;width:100%;z-index: 1;}
.headerLeft{width: 100%;}
.headerLeft{padding: 0px 15px 0px 15px;

    height: 80px;
    float: left;
    display: inline-block;}
.logo{/*padding:11px 55px 13px 55px; width: 30%; height: 90px;float:left;display:inline-block*/padding: 0px 15px 0px 15px;
  
    height: 80px;
    float: left;
    display: inline-block;}
	
.logo img{/* width: 179px; height: 34px;*/max-width:225px;max-height: 60px;}
 .logo2{/*padding:11px 55px 13px 55px; width: 30%; height: 90px;float:left;display:inline-block*/
	/*padding: 0px 55px 0px 55px;*/
	padding: 0px 0px 0px 15px;
    width: auto;
    height: 80px;
    display: inline-block;text-align: right; float: right;}	
	.logo2 img{max-width: 100%;
    height: 50px;} 
.headerRight{padding: 0px 15px 0px 5px;
     width: 20%; 
    height: 80px;
    line-height: 40px;
    display: inline-block;
    text-align: right;}
	
.headerRight .user{font-weight:bold}
.headerRight .logo2{/*padding:11px 55px 13px 55px; width: 30%; height: 90px;float:left;display:inline-block*/
	/*padding: 0px 55px 0px 55px;*/
	padding: 0px 0px 0px 15px;
    width: auto;
    height: 90px;
    display: inline-block;text-align: right;}	
	
/* .loginRegSection .login_mainDiv,.login_mainDiv{padding: 1% 2% 1% 2%;}	 */
/* .loginRegSection .reg_mainDiv,.reg_mainDiv{padding: 1% 2% 1% 2%;}	 */	
.loginRegSection .mainDiv,.login_mainDiv{position: relative;top: 0px;width: 100%;margin: 0px;/* height: 100%; */z-index: 2;padding: 0px 0% 0px 0px;}		
.loginRegSection .reg_mainDiv,.reg_mainDiv{position: relative;top: 0px;width: 100%;margin: 0px;/* height: 100%; */z-index: 2;padding: 0px 0% 0px 0px;}	
.loginRegSection .midDiv,.midDiv{position:relative;top:0px;padding: 0% 0% 0px 0px;}
.loginRegSection .loginDiv,.loginRegSection  .regDiv{position:relative;width:96%;height: 100%;
    min-height: 480px;margin: 0px auto;padding-bottom:20px;}
.loginRegSection .login-form,.reg-form{position:relative;}

/* .loginRegSection .logon-heading,.logon-heading{padding:15% 0px 2% 0px; margin: 0px auto 0% auto;height: auto;} */
.loginRegSection .logon-heading,.logon-heading{padding:5% 0px 2% 0px; margin: 0px auto 0% auto;height: auto;}
/* .loginRegSection .reg-heading,.reg-heading{padding:8% 0px 2% 0px; margin: 0px auto 0% auto;height: auto;} */
.loginRegSection .reg-heading,.reg-heading{padding:5% 0px 2% 0px; margin: 0px auto 0% auto;height: auto;}
.loginRegSection .heading,.heading {
	  min-width: 288px;width:auto;
	  min-height: 28px;
	  height: auto;
	  font-size: 21px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  color: #000000;    margin: 0px auto 2% auto;
	}
.loginRegSection .heading  h1,.heading h1{color:#3f398e;font-weight:bold;font-size: 2.0rem;margin-bottom: 1.8rem;}
.loginRegSection .loginBox,.loginBox {min-height: 262px;height:auto;box-shadow: none;
    background-color: transparent;display: inline-block;vertical-align:top;}	
.loginRegSection .regBox,.regBox {margin: 0px auto;  width: 370px;min-height: 414px;height:auto;vertical-align:top;}
	  
.loginRegSection .loginRegBox,.loginRegBox {
	margin: 0px auto ;
	  border-radius: 5px;
	 box-shadow: none;
    background-color: transparent;z-index:2;
	}
.loginRegSection .login_leftImg ,.login_leftImg{display: inline-block;vertical-align:top;
	  max-width: 100%;object-fit: contain; position: relative;
	}
.loginRegSection .login_rightImg,.login_rightImg { display: inline-block;vertical-align:top;
	  max-width: 100%;object-fit: contain; 
	  position: relative;
	}	
.loginRegSection .login_iconImg,.login_iconImg { /*padding:320px 25px 94px 935px;*/
	  width: 90px;height: 74px; object-fit: contain; transform: rotate(5deg);
	  position:absolute;left: 30%; bottom: 13%;
	}
	
	
.loginRegSection .reg_leftImg ,.reg_leftImg{
	  width: 320px;height: 466px;object-fit: contain; position: absolute;bottom: -11%;
	}	
.loginRegSection .reg_rightImg,.reg_rightImg { 
	  width: 320px;height: 466px;object-fit: contain; position: absolute;
	  left: 65.5%;bottom: -17%;
	}
.loginRegSection .reg_iconImg,.reg_iconImg {
	  width: 90px;height: 74px; object-fit: contain; transform: rotate(5deg);
	  position:absolute;left: 30%; bottom: 8%;
	}
	
	
.loginRegSection .formMainDiv,.formMainDiv{padding:0px 40px 10px 40px;}

.loginRegSection .btn,.btn {
	 text-transform:uppercase;
	  width: auto;background-color: #f56161;
	  height: 40px;
	  border-radius: 40px;
	 margin: 0px auto;
	}
.loginRegSection .btnDiv,.btnDiv{margin:10px auto 0px auto;}
.loginRegSection .btnBg,.btnBg{
	  width: auto;
	  height: 40px;
	  border-radius: 40px;
	  margin: 0px auto;text-align:center;
  }
  .loginRegSection .btn:hover ,.btn:hover,.loginRegSection .btn:focus ,.btn:focus{border: none;  
	  color: #ffffff; }
.loginRegSection .btn ,.btn{text-transform:uppercase;
	  width: auto;background-color: #f56161;
	  height: 20px;
	  font-size: 16px;
	  font-weight: 600;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.25;
	  letter-spacing: normal;
	  text-align: center;border: none;    
	  color: #ffffff; padding: 10px 24px;  height:40px; /*padding: 1px 6px; margin: 10px 24px; */
	}
 
.loginRegSection .form-Div,.form-Div {
	   width: 310px;
       height: auto;
    min-height: 56px;   padding-bottom: 20px;
	  /*  padding-bottom: 20px;
       margin-bottom: 2px; */
	   }
.loginRegSection .label,.label {
	  width: 310px;
	  height:16px;
	  font-size: 12px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.33;
	  letter-spacing: normal;
	  color: #6a7070;margin-bottom: 4px!important;
	}
	   
.loginRegSection .inputDiv,.inputDiv {position:relative;width: 310px;min-height: 36px;}
	
.loginRegSection .inputText,.inputText {width: 100%; min-height: 36px;padding: 8px 12px;border: none; border-radius: 4px;border: solid 1px #c7c7c7;background-color: #ffffff;margin:0px 0px;}

.loginRegSection .password,.password {padding: 9px 15px 9px 12px;border-radius: 4px;
border: solid 1px #c7c7c7;background-color: #ffffff;margin:0px 0px;}

.loginRegSection .popover{
  font-family: 'Open Sans';
  width: 292px;
 height: auto;margin-left:15px;padding:10px 0px 10px 0px;    border: solid thin #e5e7ee;
  /* box-shadow: 0 2px 10px 0 #e5e7ee;
  background-color: #ffffff; */
}
.loginRegSection .bs-popover-auto[x-placement^=right]>.arrow::before, .loginRegSection .bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #e5e7ee;
}
.loginRegSection .popover-title ,.loginRegSection .popover-header{
    margin: 0;
    padding: 8px 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #fff!important;
    border-bottom: none;
    border-radius: 5px 5px 0 0;font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4e4e4e;
}
.loginRegSection  .popover-content,.loginRegSection .popover-body {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #585858;

}
.loginRegSection .popover-body  p{
	margin-top: 0;
margin-bottom: 5px;}


.intl-tel-input {position: relative;
   width: 78px;
    height: 36px;margin: 0px 0px;
   }
	.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
   background-color: transparent!important;
    display: table;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 78px;
    height: 36px;
}
.loginRegSection .dailcode,.dailcode{width: 78px;height: 36px;padding: 8px 2px!important;border-radius: 4px;border: solid 1px #c7c7c7;background-color: #ffffff;}

.loginRegSection .inputMobileDiv,.inputMobileDiv{width: 220px;float:right;}

.reveal{position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer;
    margin: 0px 0px 8px 0px;}
.reveal .fa{font-size: 16px;
    width: 19.2px;
    height: 14.2px;
    color: #6a7070;}
.reveal .img{font-size: 16px;
    width: 19.2px;
    height: 14.2px;
    color: #6a7070;}
.responsive {max-width: 100%;height: auto;}	
.errorClassbdr,.errorClassbdr:hover,.errorClassbdr:focus{border: solid 1px #d0021b!important;}

.errorImg{width: 16px;
    height: 14px;
    vertical-align: middle;
    margin: -3px 1px 0px 2px;
}
.required ,.regexp,.minlength,.type{ 
  min-height: 16px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #d0021b;margin:0px!important;margin-top:4px!important;}
.loginRegSection .parsley-error,.parsley-error{border:solid 1px #d0021b}
.fa-danger{color:#d0021b;}
.fa-success{color:#2db332;}
.taketestDiv{padding-top:10px;margin:0px auto;height: 19px;}	
.baseline-help{ width: 22px;
  height: 22px;
  object-fit: contain;margin-right:5px;}  
a.taketest{
	text-transform:uppercase;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e0e0e!important;cursor:pointer}
a.taketest:hover{text-decoration:none;}

/* @media (min-width: 1200px){
	.loginRegSection .bgImg,.bgImg{top: -10%;}
	.loginRegSection .logon-heading,.logon-heading {padding:15% 0px 2% 0px;margin: 0px auto 2% auto;}
	.loginRegSection .reg-heading,.reg-heading{padding:5% 0px 2% 0px; margin: 0px auto 2% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg{left: 2%; bottom: 20%;width: 165px;}
	.loginRegSection .login_rightImg,.login_rightImg {width: 250px;right: -11%;bottom: 17%;}
	.loginRegSection .login_iconImg,.login_iconImg { left: 24%;bottom: 39%;}
	.loginRegSection .reg_leftImg.,.reg_leftImg{ width: 250px;left: -11%;bottom: 17%;}
	.loginRegSection .reg_rightImg,.reg_rightImg {right: 2%; bottom: -17%;width: 165px;}			
	.loginRegSection .reg_iconImg,.reg_iconImg { left: 24%;bottom: 39%;}
}  */
@media (min-width: 768px){
	 .vbox > section {
		top: 60px;
	} 
}
@media (min-width: 1280px){
	.loginRegSection .bgDiv, .bgDiv { height: 100%;}
	.loginRegSection .bgImg,.bgImg{top: -20%;}
	.loginRegSection .midDiv, .midDiv{ height:100%;   top: 0px;}
	.loginRegSection .loginDiv,.loginRegSection  .regDiv{position:relative;width:96%;height: 100%;min-height: 480px;padding-bottom: 20px;}
	.loginRegSection .logon-heading,.logon-heading {height:auto;padding:10% 0px 2% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .reg-heading,.reg-heading{height:auto;padding:2% 0px 2% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg{}
	.loginRegSection .login_rightImg,.login_rightImg {}
	.loginRegSection .login_iconImg,.login_iconImg { left: 30%; bottom: 13%;}
    .loginRegSection .reg_leftImg ,.reg_leftImg{left: 0%;bottom: 0%;}
	.loginRegSection .reg_rightImg,.reg_rightImg {left: 65.0%;bottom: -17%;}
	.loginRegSection .reg_iconImg,.reg_iconImg {left: 30%; bottom: 8%;}
} 
@media (max-width: 1279px) and  (min-width:1242px){
	.loginRegSection .bgDiv, .bgDiv { height: 100vh;}
	.loginRegSection .bgImg,.bgImg{/* top: -20%; */top: 0%;}
	.loginRegSection .logon-heading,.logon-heading {padding: 5% 0px 5% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .reg-heading,.reg-heading{padding:2% 0px 2% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg{}
	.loginRegSection .login_rightImg,.login_rightImg {}
	.loginRegSection .login_iconImg,.login_iconImg { left: 29%; bottom: 13%;}
    .loginRegSection .reg_leftImg ,.reg_leftImg{left: -5%;bottom: 0%;}
	.loginRegSection .reg_rightImg,.reg_rightImg {left: 66.5%;bottom: -17%;}
	.loginRegSection .reg_iconImg,.reg_iconImg {left: 30%; bottom: 8%;}
	
} 	
@media (max-width: 1243px) and  (min-width:1024px){
	.loginRegSection .bgDiv, .bgDiv { height: 100vh;}
	.loginRegSection .bgImg,.bgImg{top: -20%;}
	.loginRegSection .logon-heading,.logon-heading {padding: 5% 0px 5% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .reg-heading,.reg-heading{padding:2% 0px 2% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg{}
	.loginRegSection .login_rightImg,.login_rightImg {}
	.loginRegSection .login_iconImg,.login_iconImg { left: 27%; bottom: 13%;}
    .loginRegSection .reg_leftImg ,.reg_leftImg{left: -5%;bottom: 5%;}
	.loginRegSection .reg_rightImg,.reg_rightImg {left: 68.0%;bottom: -10%;}
	.loginRegSection .reg_iconImg,.reg_iconImg {left: 30%; bottom: 8%;}
	
} 	
 
@media  (max-width: 1023px) and  (min-width: 979px){
	.loginRegSection .bgDiv, .bgDiv { height: 100vh;}
	.loginRegSection .bgImg,.bgImg{top: -10%;}
	.loginRegSection .logon-heading {padding: 2% 0px 2% 0px;margin: 0px auto 0% auto;} 
	.loginRegSection .reg-heading,.reg-heading{padding:2% 0px 2% 0px; margin: 0px auto 0% auto;}
	.loginRegSection .login_leftImg{}
	.loginRegSection .login_rightImg { }
	.loginRegSection .login_iconImg { left: 23%; bottom: 13%;}
	.loginRegSection .reg_leftImg{left: -5%;bottom: 0%;}
	.loginRegSection .reg_rightImg { left: 70.5%; bottom: -10%; }	
	.loginRegSection .reg_iconImg { left: 30%; bottom: 13%;}
	.loginRegSection .midDiv, .midDiv {top: 10px;padding: 0% 0% 0px 0px;}
}
@media (max-width: 980px){
	.loginRegSection .bgDiv, .bgDiv { height: 100vh;}
	.loginRegSection .login_mainDiv, .login_mainDiv{top: 0px;height:auto;}
	.loginRegSection .reg_mainDiv,.reg_mainDiv{top: 0px;height:auto;}	
	.loginRegSection .bgImg,.bgImg{top: -2%;padding: 0px 0px 0px 0px;height:auto;}
	
	.loginRegSection .logon-heading,.logon-heading {padding:2% 0px 0% 0px; margin: 0px auto 2% auto;height: auto;}
	.loginBox{max-width:100%;flex: none;}
	.loginRegSection .formMainDiv, .formMainDiv{padding:0px;}
	.loginRegSection .reg-heading,.reg-heading{height:auto;padding:2% 0px 0% 0px; margin: 0px auto 2% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg,.loginRegSection .reg_leftImg ,.reg_leftImg{display:none}
	.loginRegSection .login_rightImg,.login_rightImg,.loginRegSection .reg_rightImg,.reg_rightImg {display:none}
	.loginRegSection .login_iconImg,.login_iconImg ,.loginRegSection .reg_iconImg,.reg_iconImg{ display:none}
	.loginRegSection .midDiv, .midDiv {top: 10px;padding: 0% 0% 0px 0px; min-height: auto; }
	.loginRegSection .bgDivImg, .bgDivImg{ display:none}
	.loginRegSection .login_mainDiv, .login_mainDiv{top: 0px; position: relative;
    width: 100%;
    height:auto;}
	.loginRegSection .reg_mainDiv,.reg_mainDiv{top: 0px; position: relative;
    width: 100%;
    height:auto;}	
	.loginRegSection .loginDiv,.loginRegSection  .regDiv{position:relative;width:90%;height: auto;    min-height: auto;margin:0px auto}
	.loginRegSection  .regDiv{height: 100vh;}
}
 @media (max-width: 768px){
	.loginRegSection .bgImg,.bgImg{top: -2%;}
	.loginRegSection .logon-heading,.logon-heading {padding:5% 0px 2% 0px; margin: 0px auto 2% auto;}
	.loginRegSection .reg-heading,.reg-heading{padding:2% 0px 2% 0px; margin: 0px auto 2% auto;}
	.loginRegSection .login_leftImg ,.login_leftImg,.loginRegSection .reg_leftImg ,.reg_leftImg{display:none}
	.loginRegSection .login_rightImg,.login_rightImg,.loginRegSection .reg_rightImg,.reg_rightImg {display:none}
	.loginRegSection .login_iconImg,.login_iconImg ,.loginRegSection .reg_iconImg,.reg_iconImg{ display:none}
	.loginRegSection .midDiv, .midDiv {top: 10px;}
	.loginRegSection .loginBox, .loginBox,.loginRegSection .inputDiv, .inputDiv,.loginRegSection .form-Div, .form-Div,.loginRegSection .regBox, .loginRegSection .form-Div, .form-Div,.loginRegSection .label, .label {width: 100%;}
	.loginRegSection .inputMobileDiv, .inputMobileDiv {width: 75%;float: right;}
	.loginRegSection .btnBg, .btnBg {width: auto;}
	.loginRegSection .btn, .btn { width:auto;height: 40px; padding: 1px 6px;margin: 0px auto;}

} 
@media (max-width: 480px){
	
	.loginRegSection .inputMobileDiv, .inputMobileDiv {width: 68%;float: right;}
	
}
@media (max-width: 340px){
	
	.loginRegSection .inputMobileDiv, .inputMobileDiv {width: 55%;float: right;}
	
}