/* .formContainer {} */

#hpb .formBoxContainer {
  margin: 0 auto;
  padding: 2rem;
  max-width: 900px;
  background-color: #fff;
  border: 1px solid #ddd;
}

#hpb .formContainer input[type="checkbox"] + label,
#hpb .formContainer input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: top;
  max-width: 90%;
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#hpb .formContainer .checkboxLabel {
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#hpb .progress-bars {
  margin-bottom: 100px !important;
}

#hpb .progress-indicator {
  margin-top: -4px;
}

#hpb .progress-indicator img {
  margin-top: 4px;
}

#hpb .warning {
  display: none;
  color: #be1924;
  font-size: 13px;
  font-weight: 700;
}

#hpb label {
  margin-bottom: .25rem;
}

#hpb label.error {
  color: #be1924;
  font-size: 13px !important;
  font-weight: 700;
}

#hpb .formContainer label {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
  text-transform: none;
  font-family: 'proxima_novabold', Helvetica, Arial, sans-serif;
}

#hpb .formContainer label.noStyle {
  font-weight: 400;
}

#hpb .formContainer input[type="text"],
#hpb .formContainer input[type="tel"],
#hpb .formContainer input[type="number"],
#hpb .formContainer input[type="email"],
#hpb .formContainer select {
  width: 100%;
  background: #fff;
  border: 1px solid #bbb;
  padding: 10px 15px;
  border-radius: 3px;
}

#hpb .formContainer select {
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#hpb .formBoxContainer select {
  height: 37px;
}

#hpb .formContainer select::-ms-expand {
  display: none;
}

#hpb .formContainer .selectContainer {
  position: relative;
}

#hpb .formContainer .selectContainer::after {
  font-weight: 900;
  content: "\2304";
  font-size: 20px;
  position: absolute;
  top: 8px;
  right: 15px;
  color: #be1924;
  pointer-events: none;
}

#hpb .formContainer .checkboxRound label,
#hpb .formContainer .checkboxSquare label {
  font-size: 16px;
  font-weight: 400;
}

#hpb input[type="radio"],
#hpb .formContainer .checkboxRound input,
#hpb .formContainer .checkboxSquare input {
  margin: 0 10px .5rem 0;
}

#hpb .formContainer .fullClear {
  width: 100%;
  clear: both;
  margin: 0 auto 1rem;
}

#hpb .formContainer .halfLeft,
#hpb .formContainer .halfRight {
  width: 49%;
  margin: 0 auto 1rem;
}

#hpb .formContainer .halfLeft {
  float: left;
}

#hpb .formContainer .halfRight {
  float: right;
}

#hpb input[type="file"],
#hpb input[type="checkbox"],
#hpb input[type="radio"],
#hpb select {
  margin: .25rem 0 !important;
}

#hpb .inputQuant label {
  float: left;
  margin-right: 1rem;
}

#hpb .inputQuant input[type="text"] {
  width: 50%;
  margin-top: -.25rem;
}


#hpb input[type="text"].short-input {
  width: 80px;
  display: inline-block;
}

#hpb textarea {
  height: 80px !important;
  margin-bottom: .5rem !important;
}


@media screen and (max-width: 850px) {

  #hpb .order-1,
  #hpb .order-12 {
    order: 0;
  }

  #hpb .formContainer .halfLeft,
  #hpb .formContainer .halfRight {
    width: 100%;
  }
}