@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,600;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body{
  font-family: "Lato", sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{
  font-family: "Lato", sans-serif !important;
}
.clint_top.mt-0{margin-top: 0;padding-top: 100px;background: #fff;}
.bg_l_bl.reach_netwrk .LNHeDING{margin-top: 160px; text-align: left;padding-left: 30px;}
.reach_netwrk p,.reach_netwrk h2{text-align: left;}
.reach_netwrk h2{color: #212529;}
.reach_netwrk .ylw_br_2{margin: 0;}
.bg_l_bl.bg_l_wh.reach_netwrk{padding-bottom: 50px;}
.bg_l_bl.bg_l_wh{background: #f0f6fd;padding-bottom: 100px;}
.cont_clint .bg_l_bl_hei{height: 200px;}
.bg_l_bl p{color: #333;margin-bottom: 20px;}
.bg_l_bl h2 br{display: none;}
.loanofficerform .pass_sh_f{top: 35px;right: 2px;}
.join_profsnl .loanofficerWraper.VenDorWraper{margin-top: 0}
.join_profsnl .LNOfficer .LNHeDING h1{display: inline-table; font-weight: 700;}
/*--------- */

.auto_fill_vndr{float: left;width: 100%; }
.auto_fill_vndr .ui-widget-content{text-align: left;width: 100%;max-width: 100%;} 
.auto_fill_vndr .ui-menu .ui-menu-item-wrapper:hover{background: #fff;color: #006ADC;text-decoration: none;border:1px solid #006ADC;}
.auto_fill_vndr .ui-menu .ui-menu-item-wrapper.active{background: #006ADC;border-color: #006ADC;color: #fff;}
.auto_fill_vndr .ui-menu .ui-menu-item-wrapper{font-size: 16px;color: #767676;height: 40px;border:1px solid #A3A3A3;border-radius: 4px;padding:11px 10px 10px;}
.auto_fill_vndr .ui-menu .ui-menu-item{display: inline-block;margin: 5px 5px;}
.mlti_opt_vnd{text-align: center;}
.pos_rel{position: relative;}
.auto_fill_vndr .ui-menu .ui-menu-item.ui-autocomplete-category{color: #5880A6;font-size: 14px;padding-left: 0px;width: 100%;margin:40px 0 20px;text-align: center; font-weight: 600;}
.srch_pro_inpt .auto_fill_vndr .ui-widget.ui-widget-content{border-radius:4px;padding:20px 7px 0;top: 56px;box-shadow: none;}
 
.type_srch{position: absolute;left: 20px; top: 21px;opacity: 0.6;}
 /*--------- */
/*.join_profsnl .LNOfficer .LNHeDING p{font-size: 20px;}*/
.LNOfficer .srch_pro_inpt .input100{font-size: 18px;color: #767676;}
.stp_2_slct_pr .loanofficerWraperInner{
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.join_profsnl .LNOfficer.stp_2_slct_pr{ position: relative;/*top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);*/
  margin-top: 130px;
  margin-bottom: 50px;
  display: block;
  /*align-items: center;*/
  height: 100%;
}

.stp_2_slct_pr.LNOfficer .LNHeDING{width: 100%;display: inline-block;text-align: center;}
.type_srch_box{width: 100%;margin-top: 30px;float: left;margin-bottom: 50px;;}
.type_srch_box p{text-align: center;font-size: 20px;;margin-bottom: 30px;;color: #333;}
#cat_text_html{position: absolute;left: 0;top: 15px;;font-size: 18px;left: 50px;color: #333;z-index: 9;}
.aro_cat{position: relative;top: 2px;;}
.ui-menu .ui-menu-item-wrapper .aro_cat{top: 1px;}
.sub_cat_arw{position: relative;padding-left: 5px;padding-right: 15px;;}
.sub_cat_arw:before{content: ">";position: absolute;right: 1px;top: 1px;;}
.sub_cat_arw:empty{display: none;}
/*-------------*/
.auto_fill_vndr{display: inline-block;}
.bold{font-weight: bold;}
.srch_pro_inpt .auto_fill_vndr .ui-widget.ui-widget-content{max-height: 300px;max-width: 100% !important;top: 0;border: none;box-shadow: none;}
.company_search_loader{position: absolute;right:133px; top:22px;}
.loader_top_vndor {color: #333;font-size: 21px;margin-left:13px;margin-top: 1px; position: absolute;display: inline-block;}
/*------------ new sign up form --------*/
.signUpLeft {padding-right: 90px;}
.signUpLeft h4{color: #333;font-size: 36px; line-height:45px;;margin-top:8px; font-weight: 700;}
.signUpLeft .key_Dec{color: #333;font-size: 16px; line-height: 26px;margin-bottom: 34px;}
.signUpLeft ul{margin-right:0px;float: left;width: 100%;margin-top: 55px;}
.signUpLeft ul li{ margin-bottom: 27px}
.signUpLeft ul li span{display: block; font-weight: 700; margin-bottom:0px}
.signUpLeft_BTM_LI li{min-height: 82px; color: #333;font-size: 15px;filter: drop-shadow(1px 1px 8px rgba(33, 61, 124, 0.12));float: left; background: #fff;width: 170px;float: left;border-radius: 4px;margin-right: 42px;padding: 10px 10px 17px;position: relative;}
.signUpLeft_TP_LI li{padding-left:43px; background:url('/images/signup/singup-bullet.svg') no-repeat 0 3px;line-height:30px;color: #333;font-size: 20px;padding-top: 0px;padding-bottom: 20px;} 
.signUpLeft_BTM_LI li span{color: #006ADC;font-size: 13px;}
.signUpLeft_BTM_LI li img{float: right;}
.signUpLeft_BTM_LI li strong{width: 100%;display: block;}
.signUpLeft_BTM_LI li:nth-child(3){margin-right: 0;}
.signUpLeft_BTM_LI li a{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 9;cursor: pointer;width: 100%;height: 100%;}
.loanofficerWraperInner{margin-top: 30px;  }.signUpLeft_BTM_LI{margin-top: 25px;}
 
.VenDorWraper .signUpLeft{width: calc(100% - 441px);}
.wrap-input100.validate-input.common-filed:before{top: 29px;}
.LNOfficer .label-input100{color: #333;font-size: 16px;}
.LNOfficer select{background: #fff url(../../../images/signup/down-arow.svg) no-repeat !important;appearance: none; background-size: 15px!important;background-position: 96% 16px!important;}

.LNOfficer .LNHeDING img{
  width: 37px;
  display: block;
  margin: 0 auto 20px;
}

/* .LNOffJOIN .VenDorWraper .signUpLeft{display: none;} */
/* .join_profsnl .LNOffJOIN .loanofficerWraperInner .colmd6 {float: none;margin: 0 auto;} */
 
.LNOfficer .LNHeDING .visible-xs {  display: block !important;}
/*------------ new sign up form --------*/
@media screen and (max-width:1199px) {
  .signUpLeft h4{line-height: 48px;}
  .VenDorWraper .signUpLeft {width: calc( 100% - 375px);} .signUpLeft_BTM_LI li{margin-right:10px;}
  .loanofficerWraperInner .colmd6{width: 100%;max-width:375px;}
  .signUpLeft {padding-right: 20px;}
}
@media screen and (max-width:1024px) {
  /*.VenDorWraper .signUpLeft {width: calc( 100% - 375px);} .signUpLeft_BTM_LI li{margin-right:10px;}
  .loanofficerWraperInner .colmd6{width: 100%;max-width:375px;}
  .signUpLeft {padding-right: 20px;}*/
  .signUpLeft h4{font-size: 32px;line-height: 38px;}
  .loanofficerWraperInner{display: inline-block;width: 100%;margin-top:10px;}
  .signUpLeft_TP_LI li{padding-bottom: 0;}.signUpLeft ul{margin-top: 40px;}
}
@media screen and (max-width:991px) {
  /* .VenDorWraper .signUpLeft{display: none;} */
  /* .join_profsnl .loanofficerWraperInner .colmd6{float: none;margin: 0 auto;} */
  .signUpLeft ul{margin-top: 30px;}.signUpLeft ul li{margin-bottom:25px;padding-bottom: 0;}
  .signUpLeft_BTM_LI li{text-align: left;float: none;display: inline-block;}.signUpLeft_BTM_LI{text-align: center;margin-top: 50px;}
}
@media screen and (max-width:767px) {
  
	  .LNOfficer .srch_pro_inpt .input100{font-size: 16px;padding-right:15px}
    .stp_2_slct_pr .LNHeDING{display: inline-block;width: 100%; }
    .bg_l_bl h2 br{display: block;}.order-lg-2{text-align: center;margin-top:30px;width: 100%;}
    .cont_clint .ylw_br_2{margin-top:20px;margin-bottom: 20px;;}
    .join_profsnl .LNOfficer .LNHeDING h1{font-size:30px;line-height:40px; color: #333;}
    .join_profsnl .LNOfficer .LNHeDING p{font-size: 16px;line-height: 22px; color: #757575; padding: 0 10px;}
    .VNOUtER .container{padding-left: 15px;padding-right: 15px;}
    .reach_netwrk .row{display: flex;flex-wrap: wrap-reverse;}
    .bg_l_bl.reach_netwrk .LNHeDING{margin-top: 40px;text-align: center;padding-left: 0;}.reach_netwrk p, .reach_netwrk h2{text-align: center;}
    .reach_netwrk .ylw_br_2{margin: 0 auto;}
    .ui-menu .ui-menu-item.ui-autocomplete-category{padding-left: 10px}
    .company_search_loader{right:60px;}
    .srch_pro_inpt .auto_fill_vndr .ui-widget.ui-widget-content{padding-top: 10px}
    .loader_top_vndor{margin-left: -10px;}
    .clint_top.m_p_lr .container{padding-left: 0;padding-right: 0;}
    .bg_l_bl.m_p_lr .LNHeDING{padding-left: 15px;padding-right: 15px;}
    .signUpLeft_BTM_LI{margin-top: 50px;}.signUpLeft_BTM_LI li{width: calc(33% - 26px);text-align: left;}
    .join_profsnl .LNOfficer{margin-bottom: 50px;} .bg_l_bl{padding-top: 50px;padding-bottom: 10px;}
    .clint_top.mt-0{padding-top: 50px;}

    .join_profsnl .LNOfficer.stp_2_slct_pr{position: static;transform: none;margin-top: 40px;}
    .type_srch{top: 17px;}
    .auto_fill_vndr .ui-menu .ui-menu-item-wrapper:hover{background: #fff;color: #333;text-decoration: none;border:1px solid #A3A3A3;}
    .auto_fill_vndr .ui-menu .ui-menu-item-wrapper.active{background: #006ADC;border-color: #006ADC;color: #fff;}
    .auto_fill_vndr .ui-menu .ui-menu-item-wrapper{font-size: 14px;height: 36px}
    .auto_fill_vndr .ui-menu .ui-menu-item.ui-autocomplete-category{margin-top: 28px}
    /*.auto_fill_vndr{max-height: calc(100vh - 461px);overflow-y: scroll;}*/
    .LNOfficer .LNHeDING img{
      display: none;
    }
    .join_profsnl .LNOfficer.stp_2_slct_pr{
      margin-bottom: 0;
      height: calc(95vh - 85px - 85px);
      overflow-y: scroll;
    }
    .LNOfficer.stp_2_slct_pr.selectprof{
        height: calc(100vh - 85px - 85px);
     }
     .loanofficerWraperInner{margin-top: 25px;}
}
 
@media screen and (max-width:640px) {
  .join_profsnl .LNOfficer.stp_2_slct_pr{margin-bottom: 0;}
  .stp_2_slct_pr .loanofficerWraperInner{margin-top:10px}
  
  .signUpLeft_BTM_LI{text-align: center;}.signUpLeft_BTM_LI li:nth-child(3){margin-right: auto;}
  .signUpLeft_BTM_LI li{width: 100%;margin: 0 auto;max-width: 305px;float: none;margin-top: 23px;}
  .LNOfficer .srch_pro_inpt .input100{padding-left:30px}.type_srch{left: 10px;}
  .mbfiedbtn{position: fixed;bottom: 0;padding:0 16px 16px;left: 0;width: 100%; background: #fff;}
  .select_you_profession_button{width: 100%;}
  .join_profsnl .LNOfficer.stp_2_slct_pr{
      height: calc(88vh - 85px - 85px);
      overflow-y: scroll;
    }
}
 @media screen and (max-width:390px) {
  .join_profsnl .LNOfficer.stp_2_slct_pr{
      margin-bottom: 0;
      height: calc(80vh - 85px - 85px);
      overflow-y: scroll;
    }
     .LNOfficer.stp_2_slct_pr.selectprof{
        height: calc(100vh - 85px - 85px);
     }
     .stp_2_slct_pr.LNOfficer .LNHeDING {
      /*margin-top: 150px;*/
    }
}
@media screen and (max-width:420px) {
  .join_profsnl .LNOfficer .LNHeDING h1{font-size: 28px;line-height: 30px;margin-bottom: 0}
   .stp_2_slct_pr .loanofficerWraperInner{margin-top:0px}
}
@media screen and (max-width:380px) {
  .join_profsnl .LNOfficer .LNHeDING h1{font-size: 24px;line-height: 26px;margin-bottom: 0}
  .select_you_profession_button{margin-top: 20px}
  .join_profsnl .LNOfficer.stp_2_slct_pr{padding-bottom: 120px !important}
}
@media screen and (max-width:355px) {
  .join_profsnl .LNOfficer .LNHeDING h1{font-size: 24px;line-height: 30px}
}
@media only screen and (max-width: 640px) and (max-height:844px) { 
  .join_profsnl .LNOfficer.stp_2_slct_pr{height: calc(98vh - 85px - 85px); padding-bottom: 70px; }
}