.custom-form-option-container.horizontal,
.custom-form-option-container.vertical {
  margin-bottom: 10px; }

.custom-form-option-container.horizontal label {
  display: inline;
  margin-right: 10px; }

.custom-form-recaptcha {
  margin-bottom: 1em; }

.custom-form-action {
  text-align: center; }

.form-input {
  margin-bottom: 15px; }
  .form-input label {
    display: block;
    position: relative;
    font-size: 16px; }
    .form-input label .example {
      float: right;
      font-size: 12px; }
    .form-input label span.error-message,
    .form-input label span.error-validate {
      position: absolute;
      top: 2em;
      right: 20px;
      display: none;
      font-size: 11px;
      color: #c00; }
    .form-input label.has-error input[type=text],
    .form-input label.has-error input[type=tel],
    .form-input label.has-error input[type=email],
    .form-input label.has-error input[type=date],
    .form-input label.has-error input[type=time],
    .form-input label.has-error input[type=number],
    .form-input label.has-error select,
    .form-input label.has-error textarea {
      border: 1px solid #f00; }
  .form-input .horizontal label,
  .form-input .vertical label {
    white-space: nowrap; }
  .form-input strong {
    display: block;
    margin-bottom: 5px;
    white-space: normal; }
  .form-input input[type=text],
  .form-input input[type=tel],
  .form-input input[type=number],
  .form-input input[type=date],
  .form-input input[type=time],
  .form-input input[type=email],
  .form-input textarea,
  .form-input select {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    font-family: inherit;
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 5px; }
  .form-input textarea {
    height: 100px; }
  .form-input label input[type=radio],
  .form-input label input[type=checkbox] {
    margin-left: 10px; }

.form h2,
h2.custom-form-section-header {
  font-size: 20px; }

.form button[type=submit],
.form button.submit,
.custom-form-action button[type=submit],
.custom-form-action button.submit {
  background: #ff9a00;
  color: #fff;
  font-family: inherit;
  text-transform: uppercase;
  border: 0;
  font-size: 20px;
  font-weight: 300;
  padding: 5px 30px;
  display: block;
  margin-bottom: 20px;
  margin: 0 auto 20px;
  cursor: pointer;
  transition: all .3s; }

.form button[type=submit]:hover,
.form button.submit:hover,
.custom-form-action button[type=submit]:hover,
.custom-form-action button.submit:hover {
  background: #777; }

.custom-form-hideuntil {
  display: none; }

.custom-form-hideuntil-now {
  display: block; }

a.btn-classic {
  display: inline-block;
  background: #72042b;
  color: #fff;
  font-size: 16px;
  width: auto;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

@media (max-width: 768px) {
  .form-input label,
  .form-input strong {
    display: block; }

  .form-input label input[type=radio],
  .form-input label input[type=checkbox] {
    margin-left: 0; } }
.double:after,
.triple:after,
.quad:after,
.address:after {
  content: '';
  display: block;
  clear: both; }

.double > div {
  float: left;
  width: 48%; }

.double > div:nth-child(2n) {
  margin-left: 4%; }

.triple > div {
  float: left;
  width: 30.66%; }

.triple > div:nth-child(3n-1) {
  margin-left: 4%;
  margin-right: 4%; }

.quad > div {
  float: left;
  width: 22%;
  margin-left: 4%; }

.quad > div:nth-child(4n-3) {
  margin-left: 0; }

.address > div {
  float: left; }

.address > div:nth-child(3n-2) {
  width: 46%; }

.address > div:nth-child(3n-1) {
  width: 18%;
  margin-left: 4%;
  margin-right: 4%; }

.address > div:nth-child(3n) {
  width: 28%; }

@media (max-width: 480px) {
  .double > div,
  .triple > div,
  .quad > div,
  .address > div,
  .double > div:nth-child(2n),
  .triple > div:nth-child(3n-1),
  .quad > div:nth-child(3n-1),
  .address > div:nth-child(3n-2),
  .address > div:nth-child(3n-1),
  .address > div:nth-child(3n) {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }