/* #41c100 = green = background:rgba(65,193,0,1) / #00adff = blue = background:rgba(0,173,255,1) / #ff983d = orange = background:rgba(255,152,61,1) / #131313 = background:rgba(19,19,19,1) */

.contact-header-bump {
  height: 140px;
}
@media ( max-width: 768px ) {
  .contact-header-bump {
    height: 83px;
  }
}
#contact {
}
.fail {
  text-align: center;
  display: none;
  padding-top: 150px;
}
.success {
  text-align: center;
  display: none;
  padding-top: 150px;
}
.formBox {
  position: relative;
  min-height: 30px;
}
.errBox {
  top: -37px;
  margin-left: -150px;
  left: 50%;
  position: absolute;
  width: 300px;
  display: none;
}
.point {
  position: absolute;
  width: 20px;
  height: 20px;
  transform: rotate( 45deg );
  background: red;
  top: 30px;
  left: 50%;
  margin-left: -10px;
}
.err {
  position: absolute;
  padding: 10px;
  background: red;
  color: #fff;
  width: 300px;
  text-align: center;
}
.form {
  padding-top: 15px;
  min-height: 400px;
}
.form input, .form textarea, .form option, .form select {
  padding: 7px;
  width: 100%;
  margin-top: 15px;
  color: #333;
  border: 1px solid #fff;
}
.form textarea {
  height: 200px;
}
.form select {
  height: 40px;
  border: 1px solid #333;
  color: #333;
  border-radius: 0;
}
.sendMail {
  padding: 9px;
  margin-top: 11px;
  margin-bottom: 15px;
  background: #fff;
  transition: all ease .3s;
}
.sendMail:hover {
  background: #00adff;
  color: #fff;
  border: 1px solid #00adff;
}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {
  border: 1px solid #41c100;
  outline: none;
}
.ajaxOverlay {
  background: rgba( 0, 0, 0, .7 );
  width: 100%;
  height: 430px;
  display: none;
  position: absolute;
  z-index: 3;
}
@media ( max-width: 768px ) {
  .ajaxOverlay {
    height: 530px;
  }
}

/* #41c100 = green = background:rgba(65,193,0,1) / #00adff = blue = background:rgba(0,173,255,1) / #ff983d = orange = background:rgba(255,152,61,1) / #131313 = background:rgba(19,19,19,1) */