/*#00aeef;*/
.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.req {
      font-weight: bold; }
      .form-input label.req span.custom-form-label::after {
        content: '*'; }
    .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.submit,
.custom-form-action button.submit,
.form button[type=submit],
.custom-form-action button[type=submit] {
  background: #039ed7;
  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.submit:hover,
.custom-form-action button.submit:hover,
.form button[type=submit]:hover,
.custom-form-action button[type=submit]:hover {
  background: #777; }

.bg-primary .form button.submit,
.bg-primary .custom-form-action button.submit,
.bg-primary .form button[type=submit],
.bg-primary .custom-form-action button[type=submit] {
  background: #005b77; }

.bg-boylgreen .form button.submit,
.bg-boylgreen .custom-form-action button.submit,
.bg-boylgreen .form button[type=submit],
.bg-boylgreen .custom-form-action button[type=submit] {
  background: #0B5A77; }

a.btn-classic {
  display: inline-block;
  background: #008fc4;
  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%; }

.double > div:nth-child(2n-1) {
  clear: left; }

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

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

.triple > div:nth-child(3n-2) {
  clear: left; }

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

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

.address > div {
  float: left; }

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

.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; } }
.customform-style2 .form-input input[type=text],
.customform-style2 .form-input input[type=tel],
.customform-style2 .form-input input[type=number],
.customform-style2 .form-input input[type=date],
.customform-style2 .form-input input[type=time],
.customform-style2 .form-input input[type=email],
.customform-style2 .form-input textarea,
.customform-style2 .form-input select {
  background: #bbb;
  color: #fff;
  border-radius: 0;
  border: 0;
  font-size: .875rem;
  padding: 1em;
  line-height: 1; }
  .customform-style2 .form-input input[type=text]::placeholder,
  .customform-style2 .form-input input[type=tel]::placeholder,
  .customform-style2 .form-input input[type=number]::placeholder,
  .customform-style2 .form-input input[type=date]::placeholder,
  .customform-style2 .form-input input[type=time]::placeholder,
  .customform-style2 .form-input input[type=email]::placeholder,
  .customform-style2 .form-input textarea::placeholder,
  .customform-style2 .form-input select::placeholder {
    color: #fff; }
.customform-style2 .form button.submit,
.customform-style2 .custom-form-action button.submit,
.customform-style2 .form button[type=submit],
.customform-style2 .custom-form-action button[type=submit] {
  background: var(--boylgreen);
  line-height: 1;
  padding: .75em 3em;
  font-size: .875rem; }
.customform-style2 .form-input {
  margin-bottom: 5px; }
  .customform-style2 .form-input label {
    margin-bottom: 0; }
.customform-style2 p.small {
  font-size: .5rem;
  margin-bottom: 0;
  line-height: 1; }
.customform-style2 .double:after,
.customform-style2 .triple:after,
.customform-style2 .quad:after,
.customform-style2 .address:after {
  content: '';
  display: block;
  clear: both; }
.customform-style2 .double > div {
  float: left;
  width: 49.5%; }
.customform-style2 .double > div:nth-child(2n) {
  margin-left: 1%; }
.customform-style2 .double > div:nth-child(2n-1) {
  clear: left; }
.customform-style2 .triple > div {
  float: left;
  width: 32.66%; }
.customform-style2 .triple > div:nth-child(3n-1) {
  margin-left: 1%;
  margin-right: 1%; }
.customform-style2 .triple > div:nth-child(3n-2) {
  clear: left; }
.customform-style2 .quad > div {
  float: left;
  width: 24.25%;
  margin-left: 1%; }
.customform-style2 .quad > div:nth-child(4n-3) {
  margin-left: 0;
  clear: left; }
.customform-style2 .address > div {
  float: left; }
.customform-style2 .address > div:nth-child(3n-2) {
  width: 50%;
  clear: left; }
.customform-style2 .address > div:nth-child(3n-1) {
  width: 19%;
  margin-left: 1%;
  margin-right: 1%; }
.customform-style2 .address > div:nth-child(3n) {
  width: 29%; }
@media (max-width: 480px) {
  .customform-style2 .double > div,
  .customform-style2 .triple > div,
  .customform-style2 .quad > div,
  .customform-style2 .address > div,
  .customform-style2 .double > div:nth-child(2n),
  .customform-style2 .triple > div:nth-child(3n-1),
  .customform-style2 .quad > div:nth-child(3n-1),
  .customform-style2 .address > div:nth-child(3n-2),
  .customform-style2 .address > div:nth-child(3n-1),
  .customform-style2 .address > div:nth-child(3n) {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }

/*# sourceMappingURL=custom-form.css.map */