.top_contact_bg{ width:100%; float:left; height:auto; background:#fff; padding:20px 0 50px 0;}
.contact_form_bg{width:100%;float:left;height:auto;background: #f1f1f1;padding: 34px 0;box-shadow: 10px 10px #00000021;/* margin-bottom: 62px; */}
.contact_bg{ width:100%; float:left; min-height:500px;  background:url(../../../images/contact_bg.jpg) no-repeat center; background-size:cover; background-attachment:fixed; padding:150px 0; text-align:center; font-size:26px; color:#fff; font-weight:300; line-height:40px;}


.career_form .main p { font-size:15px; line-height:24px; color:rgba(0,0,0,0.8); text-align:center; }
.career_form .main p a { color:rgba(0,100,175,.8);}


.career_form .main ul { width:100%; float:left; margin:0 0 0 0; padding:0 1%; }
.career_form .main ul h3{font-family:'Open Sans', sans-serif; font-size:24px; text-align:center; color:#79bb0c; border-bottom:solid 1px #ccc; padding:20px 0 15px 0; }
.career_form .main ul li {width:47%;float:left;margin: 23px 1.5% 0;height: 76px;}
.career_form .main .area{ display:block; left:0px; top:0px;}
.career_form .main .area_2{ display:none;  left:0px; top:0px;}
.career_form .main ul li label { color:#000; font-family:'Open Sans', sans-serif; font-size:15px; float:left; width:100%; margin:0; padding:0 0 4px 0; font-weight:700; }
.career_form .main ul li label sup { color:red; top: -0.4em; }
.career_form .main ul li input { width:100%; font-size:14px; color:#000; padding:11px 10px; border:solid 1px #d1d1d1;  height:45px; background:#fff;}
.career_form .main ul li input[type="file"]{ cursor:pointer; padding:0 10px;}

.career_form .main ul li input[type=checkbox]{ width: 12px; height: 12px; margin-right: 2px; }
.career_form .main ul .mltpl_4{ width: 97%; }
.career_form .main ul .mltpl_4 label{ width: auto; float: left; margin: 0 20px 0 0; font-weight: 400; font-size: 14px; cursor: pointer;  }
.career_form .main ul .mltpl_4 label:first-child{ width: 100%; font-weight: 700; font-size: 15px; margin-bottom: 10px; cursor: default; }
.career_form .main ul li textarea { width:100%; font-size:14px; color:#000; padding:7px 10px; border:solid 1px #d1d1d1; min-height:110px; }
.career_form .main ul li .button {
	display:inline-block;
	line-height:45px;
	padding: 0 38px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:14px;
	font-weight:700;
	color: #ffffff;
	background: #086880;
	border:none;
	transition:all .5s ease;
	margin-top: 21px;
	}
.career_form .main ul .button:hover {background: #f1f1f1;transition:all .5s ease;/* box-shadow:0 0 4px #ccc; */color: #264796;border: 1px solid #0c3a80;}
.career_form .main ul  .interested_in { width:100%; padding:10px 0;}
.career_form .main ul  .interested_in label{ width:auto !important; display:inline-block; line-height:25px; float:none; margin-right:50px; cursor:pointer;}
.career_form .main ul  .interested_in input{ width:18px; height:12px; display:inline-block; float:none; }
.career_form .main ul li select {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:14px;color:#000;padding:0 10px;border:solid 1px #d1d1d1;background: url(../images/down_arrow_select.jpg);background-repeat:no-repeat;background-position:98% center;background-color:#fff;cursor:pointer;height:45px;}
div#BotBootInputImage {
    float: left;
    padding: 3px 24px;
    font-size: 18px;
    margin: 5px 0;
    background: url(../captcha.png) no-repeat;
}

.loader {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    background: rgba(255, 255, 255, 0.6);
}

pre {
    font-size: 11px;
    padding: 0px !important;
    color: red;
    background: none !important;
    border: none !important;
	top:10px;
}

.error {
border: 1px solid red !important ;
}

.loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

.loader {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    background: rgba(255, 255, 255, 0.6);
}


.btn-class {margin: 8px 0;}

.btn-class a{display: inline-flex;vertical-align: middle;margin: 0em;cursor: pointer;background: #000000;text-decoration: none;color: #FFF;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;text-align: left;font-size: 18px;font-weight: 500;}

.btn-class a span{padding: 16px 14px;display: inline-block;font-size: 17px;}

.btn-class a i{padding: 22px 18px;background-color: #c78f13;float: right;}

.btn-class a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.btn-class a:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.btn-class a:hover, .btn-class a:focus, .btn-class a:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  color: rgb(255, 255, 255) !important;
  background-color: #c78f13;
  text-decoration:none;
  
  /* move the element up by 5px */
}

.btn-class a:hover:before, .btn-class a:focus:before, .btn-class a:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}