@font-face{
 font-family: 'Rubik-Reg';
  src: url('../fonts/Rubik-Regular.eot');
  src: local('☺'), 
       url('../fonts/Rubik-Regular.woff') format('woff'), 
       url('../fonts/Rubik-Regular.ttf') format('truetype')
}


@font-face{
 font-family: 'Rubik-Med';
  src: url('../fonts/Rubik-Medium.eot');
  src: local('☺'), 
       url('../fonts/Rubik-Medium.woff') format('woff'), 
       url('../fonts/Rubik-Medium.ttf') format('truetype')
}


@font-face{
 font-family: 'Rubik-Bold';
  src: url('../fonts/Rubik-Bold.eot');
  src: local('☺'), 
       url('../fonts/Rubik-Bold.woff') format('woff'), 
       url('../fonts/Rubik-Bold.ttf') format('truetype')

}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
    

*{margin:0px;padding:0px;box-sizing: border-box;font-family: 'Rubik-Reg';font-weight: normal;}


.resume_uplode_form{width: 100%;float: left;background-color: #fff;padding: 60px 0 60px;}
.form_container{padding: 0 100px;float: left;width: 100%;}
.inputMainBlock{width: 50%;float: left;padding: 0 23px;position: relative;margin-bottom: 60px;}
.inputMainBlock_1{width: 50%;float: left;padding: 0 23px;position: relative;margin-bottom: 60px;}
.row{margin: 0 -23px;}
.inputMainBlock label{font-size: 16px;color: #111111;padding-bottom: 12px;width: 100%;float: left;}
.uplodefile p{font-size: 16px;color: #111111;padding-bottom: 12px;width: 100%;float: left;}
.inputMainBlock_1 p{font-size: 16px;color: #111111;padding-bottom: 18px;width: 100%;float: left;}
.inputMainBlock input{width: 100%;float: left;border-radius: 4px;border: solid 1px #e6e6e6;padding: 18px 20px 15px 20px;height: 56px;    font-size: 18px;color: #111111;}
.inputMainBlock input.FullNameVD{text-transform: capitalize;}

.inputMainBlock input.uplodedoc{padding: 18px 90px 15px 20px;text-overflow: ellipsis;}

.inputMainBlock input:focus{outline: none;}
.inputMainBlock input::placeholder{font-size: 18px;color: #999;}
.inputMainBlock input.mobileVD{padding-left: 62px;}
.inputMainBlock.invalid input{border:1px solid red;}
.inputMainBlock.invalid select{border:1px solid red;}
.errormsg{width: 100%;float: left;font-size: 14px;color: #b60000;padding-top: 8px;position: absolute;bottom: -22px;display: none;}
.contry_code{float: left;font-size: 18px;color: #111;position: absolute;    top: 50px;left: 45px;}
.infodoc{width: 100%;float: left;font-size: 14px;color: #666;padding-top: 8px;position: absolute;
bottom:-22px;font-style: italic;}
.inputMainBlock .location{width: 100%;float: left;border-radius: 4px;border: solid 1px #e6e6e6;padding: 18px 20px 15px 20px;height: 56px;font-size: 18px;color: #111111;-webkit-appearance: none;background: url('../images/arrow.png')no-repeat 98%;background-size: 12px;}
.inputMainBlock .location:focus{outline: none;}
.uplodefile input[type="file"]{display: none;height: auto;padding: 0 0;border: 0;}
.upfiles{    position: absolute;right: 23px;top: 31px;width: 92%;border: 0;}
.upfiles label{position: relative;    z-index: 1;}
.upfiles label {width: 100%;float: left;border-radius: 4px;border:0;padding: 18px 20px 15px 20px;height: 56px;}
.lastpart_confirm{width: 100%;float: left; border-top: solid 0.5px #e4eaf8;padding: 19px 0;}
.update_your_details{width: 50%;float: left;}
.update_your_details img{float: left;}
.update_your_details p{float: left;font-size: 14px;color: #333333;padding-left: 11px;    width: 95%;}
.inputMainBlock .uplodedoc::placeholder{font-size: 18px;color: #ff6700;}

.checkterm{width:100%;float:left;padding:0 23px 15px;position:relative;margin-bottom: 45px;}
.checkterm .Benefits .checkmark{top:0;}
.checkterm .Benefits p{font-size:13px;color:#666666;float:left;padding:3px 0 0;}


.Benefits{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.Benefits input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.Benefits .checkmark{position:absolute;top:15px;left:3px;height:20px;width:20px;border:1px solid #b9b9b9;border-radius:2px;}
.Benefits input:checked ~ .checkmark{background-color:#ff6700;border:1px solid #ff6700;}
.Benefits .checkmark:after{content:"";position:absolute;display:none;}
.Benefits input:checked ~ .checkmark:after{display:block;}
.Benefits .checkmark:after{left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.Submitapplication{width: 100%;float: left;    text-align: center;}
.Submitapplication button{display: inline-block;color: #ffffff;font-size: 18px;text-transform: uppercase;border-radius: 43px;padding: 22px 57px;border: 0;background-image: linear-gradient(145deg, #ff6700 38%, #ff8900 108%);font-family: 'Rubik-Med';cursor: pointer;}
.Submitapplication button[disabled] {opacity: 0.3;}
.removefile {cursor: pointer;display: none;z-index: 9;margin-top: 0;margin-right:-8px;position: relative;float: right;color: #ff6700;font-size: 18px;font-family: 'Rubik-Med';}

/* .uplodefile .errormsg{bottom:-43px;} */

.yesnoclass {display: inline-block;position: relative;padding-left: 22px;margin-bottom: 0;cursor: pointer;
font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-right: 20px;}
.yesnoclass input {position: absolute;opacity: 0;cursor: pointer;}
.yesnoclass .checkmark {position: absolute;top: 3px;left: 0px;height: 16px;width: 16px;border: 1px solid #999999;border-radius: 50%;}
.yesnoclass input:checked ~ .checkmark {background-color: #fff;border: 1px solid #ff6700;}
.yesnoclass .checkmark:after {content: "";position: absolute;display: none;}
.yesnoclass input:checked ~ .checkmark:after {display: block;}
.yesnoclass .checkmark:after {top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: #ff6700;}



@media screen and (min-width:318px) and (max-width:991px){
    .form_container {padding: 0 15px;}
    .row {margin: 0 0;}
    .inputMainBlock {width: 100%;margin-bottom: 35px;padding: 0 0;}
    .contry_code{left: 15px;}
    .inputMainBlock input.mobileVD {padding-left: 58px;}
    .Submitapplication button{padding: 11px 48px;font-size: 14px;}
    .checkterm{padding: 20px 0 0px;}
    .inputMainBlock_1{padding: 0;width: 100%;margin-bottom:35px;}
	.removefile{ margin-right: -30px; }
}

@media screen and (min-width:768px) and (max-width:991px){
    .inputMainBlock{width: 50%;padding:0 15px}
    .inputMainBlock_1{width: 50%;padding:0 15px}
    .row {margin: 0 -15px;}
    .contry_code{left: 30px;}
    .checkterm{padding: 20px 15px 0px;}
}




.bfl_logo{width: 100%;padding: 20px 100px;display: flex;}
.bfl_logo img{width: 150px;height: 40px;}
.banner_full{display: flex;justify-content: space-between;padding: 60px 100px;align-items: center;}
.banner_dsc{text-align: center;width: 50%;}
.banner_dsc p{font-size: 18px;}
.banner_dsc h3{ font-family: 'Rubik-Med';font-size: 40px;margin: 12px 0;line-height: 60px;}
.banner_img{width: 50%;justify-content: flex-end;display: flex;}
.banner_img img{width: 85%;}


.banner_thank{width:100%; float:left; background:#f8f8f8; padding-top:50px;}
.thankimg{width:40%; float:left; margin-left:30%;}
.thankimg img{width:100%; float:left; }
.thanktitle{width:100%; float:left; text-align:center; font-size:36px; font-family: 'Rubik-Bold'; color:#111; margin-top:50px; margin-bottom:20px;}
.thankdesc{width:100%; float:left; text-align:center; color:#111; font-size:18px; margin-bottom:50px;}

footer{background-color: #263238;float: left;width: 100%;}
.footer-menus{float: left;width: 100%;padding: 40px 144px 82px 144px;}
.footer_lst{float: left;width: 20%;}
.footer_lst ul{display: flex;flex-direction: column;}
.footer_lst li{margin-top: 25px;display: flex;width: 100%;}
.footer_lst h3{font-size: 15px;color: #fff;}
.footer_lst li a{color: rgba(255, 255, 255, 0.7);text-decoration: none;font-size: 14px;}
.with_social{float: left;width: 40%;}
.social_dsc{margin: 0 auto;width: 40%;}
.b-social{ width: 113px;height: 30px;}
.social_dsc p{font-size: 15px;color: #fff;margin: 22px 0 30px 0;}
.social_dsc span{font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.social_icn{display: flex;justify-content: space-between;list-style: none;}
.social_icn img{width: 22px;height: 22px;}
.footer_txt{float: left;width: 100%;background-color: rgba(0, 0, 0, 0.1);padding: 20px 144px 20px 144px;}
.footer_txt p{font-size: 14px;color: rgba(255, 255, 255, 0.7);float: left;width: 100%;;}
@media screen and (min-width: 319px) and (max-width: 991px){
  .bfl_logo{padding: 20px 15px;}
  .banner_full{padding: 60px 15px;}
     .banner_full{padding: 0 15px 30px;}
     .banner_full{flex-direction: column;}
     .banner_dsc p, .footer_lst li a
     {font-size: 12px;}
    .banner_dsc h3{font-size: 22px;line-height: normal; }
     .banner_dsc, .banner_img, .banner_img img{width: 100%;}
     .banner_img{margin-top: 30px;}
     .bfl_logo img{width: 100px;}
     .footer-menus{padding: 25px 15px 40px;}
     .footer_lst, .with_social
     {width: 50%;}
     .footer_lst li{margin-top: 10px;}
     .footer_lst h3{font-size: 13px;}
     .social_dsc p{margin: 10px 0;font-size: 13px;}
     .social_dsc {width: 100%;margin: 30px 0 0 0;}
     .social_dsc span{font-size: 12px;}
     .mo_mr{margin-top: 30px;}
     .social_icn img{width: 20px;height: 20px;}
     .social_icn{width: 83%;}
     .b-social{width: 75px;height: 25px;}
     .footer_txt{padding: 15px;}
     .footer_txt p{font-size: 12px;}
     
.thanktitle{font-size:20px;}
.thankimg{width:50%; float:left; margin-left:25%;}
}

@media screen and (min-width: 319px) and (max-width: 767px) {

}

@media screen and (min-width: 319px) and (max-width: 374px){
.banner_dsc h3{font-size: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 991px)
{
 .footer_lst{width: 50%;}

 .social_dsc{width: 60%;}
 .banner_img{width: 60%;}
 .footer_txt{padding: 20px 15px;}
 .footer_lst{width: 20%;}
 .mo_mr{margin-top: 0;}
 .social_dsc{margin:  0 auto;}
 .with_social{width: 35%;}
 .banner_dsc h3{margin:  12px auto;width: 41%;}

}
@media screen and (min-width: 992px) and (max-width: 1199px)   {
     .bfl_logo{padding: 20px 60px;}
     .banner_full{padding: 60px;}
     .banner_dsc h3{font-size: 31px;}
     .footer-menus{padding: 40px 100px 82px 100px;}
     .social_dsc{width: 55%;}
     .footer_txt{padding: 20px 100px 20px 100px;}
}




.loadingboxmain {
  position: fixed;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.loadingbox {
  width: 210px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 60px;
  right: 0;
  margin: auto;
}

.three-bounce {
  text-align: center;
  font-size: 26px;
  position: relative;
  top: 0px;
  width: 210px;
  margin-right: 30px;
}

.three-bounce > div {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}

.three-bounce .one {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.three-bounce .two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.three-bounce p {
  color: #fff;
  font-size: 20px;
  width: 210px;
 font-weight:bold;
}


.termscheck-wrapper a{color:#0077c8;}

@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}