﻿@charset "UTF-8";
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.formpage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  max-width: 990px !important;
  margin: 0 auto !important;
  /* @media (min-width: 1200px) and (max-width: 1500px) {
      max-width: 700px !important;
  }*/
}
@media (max-width: 1200px) {
  .formpage {
    max-width: 700px !important;
  }
}
.formpage__header {
  height: 51.5vh !important;
}
@media (max-width: 992px) {
  .formpage__header {
    height: 31vh !important;
  }
}
.formpage__header__image {
  background-size: cover !important;
  background-position: center center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
}
.formpage__container {
  background-color: #fff !important;
  padding: 8rem 8rem !important;
}
@media (max-width: 992px) {
  .formpage__container {
    padding: 2rem 3rem !important;
  }
}
.formpage__content {
  padding-right: 50px !important;
}
@media (max-width: 992px) {
  .formpage__content {
    padding-right: 0 !important;
  }
}
.formpage__content h2 {
  font-size: calc(1.605rem + 4.26vw);
  margin-bottom: 2rem !important;
}
@media (min-width: 1200px) {
  .formpage__content h2 {
    font-size: 4.8rem;
  }
}
@media (max-width: 992px) {
  .formpage__content h2 {
    font-size: 2.4rem !important;
  }
}
.formpage__content p {
  font-size: calc(1.305rem + 0.66vw);
  padding: 1rem 0 2rem 0 !important;
  font-weight: 300 !important;
  margin: 0 !important;
}
@media (min-width: 1200px) {
  .formpage__content p {
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  .formpage__content p {
    font-size: 1.6rem !important;
  }
}
.formpage__content a {
  text-decoration: none !important;
  border-bottom: 2px solid #333 !important;
  color: #333 !important;
  font-weight: 600 !important;
}
.formpage__content a:hover {
  color: #333 !important;
}
.formpage ul {
  list-style: none !important;
  position: relative !important;
  padding-left: 2.5rem !important;
}
.formpage ul li {
  font-size: calc(1.305rem + 0.66vw);
  font-weight: 300 !important;
  padding: 0.5rem 0 !important;
}
@media (min-width: 1200px) {
  .formpage ul li {
    font-size: 1.8rem;
  }
}
.formpage strong {
  font-weight: 600 !important;
}
.formpage ul.form-steps {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  font-size: calc(1.305rem + 0.66vw);
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
  border: solid 1px #7C8789 !important;
}
@media (min-width: 1200px) {
  .formpage ul.form-steps {
    font-size: 1.8rem;
  }
}
.formpage ul.form-steps li {
  display: inline-block !important;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 20px !important;
  flex: 1 !important;
  position: relative !important;
}
@media (min-width: 992px) {
  .formpage ul.form-steps li:not(:last-of-type):after,
  .formpage ul.form-steps li:not(:last-of-type):before {
    content: " " !important;
    display: block !important;
    position: absolute !important;
    left: 90% !important;
    width: 0 !important;
    height: 0 !important;
    top: 0 !important;
    border-style: solid !important;
    margin-top: -25px !important;
  }
  .formpage ul.form-steps li:not(:last-of-type):after {
    top: 25px !important;
    border-color: transparent transparent transparent #fff !important;
    border-width: 25px !important;
  }
  .formpage ul.form-steps li:not(:last-of-type):before {
    top: 24px !important;
    border-color: transparent transparent transparent #7C8789 !important;
    border-width: 26px !important;
  }
  .formpage ul.form-steps li.prev:after {
    background-color: #7C8789 !important;
  }
  .formpage ul.form-steps li.active:not(:last-of-type):after {
    top: 25px !important;
    border-color: transparent transparent transparent #7C8789 !important;
    border-width: 25px !important;
    background-color: #fff !important;
  }
  .formpage ul.form-steps li.active:not(:last-of-type):before {
    top: 24px !important;
    border-color: transparent transparent transparent #fff !important;
    border-width: 26px !important;
  }
  .formpage .umbraco-forms-navigation {
    display: flex !important;
  }
  .formpage .checkboxlist, .formpage .radiobuttonlist {
    display: table !important;
  }
  .formpage .checkboxlistitem, .formpage .radiobuttonlistitem {
    display: inline-table !important;
    margin: 0 20px 20px 0 !important;
    padding: 0 !important;
  }
}
.formpage ul.form-steps li.active {
  background-color: #7C8789 !important;
  color: #fff !important;
}
.formpage .form-steps + .umbraco-forms-page .umbraco-forms-caption {
  display: none !important;
}
.formpage__form .umbraco-forms-page {
  border: solid 1px #e3e3e3 !important;
  padding: 50px 30px !important;
  color: #333 !important;
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
}
.formpage__form .umbraco-forms-page fieldset legend {
  font-weight: lighter !important;
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
  font-size: calc(1.365rem + 1.38vw);
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page fieldset legend {
    font-size: 2.4rem;
  }
}
.formpage__form .umbraco-forms-page .umbraco-forms-field {
  margin-bottom: 20px !important;
}
.formpage__form .umbraco-forms-page .umbraco-forms-caption {
  font-size: calc(1.365rem + 1.38vw);
  margin-bottom: 20px !important;
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page .umbraco-forms-caption {
    font-size: 2.4rem;
  }
}
.formpage__form .umbraco-forms-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
  display: inline-block !important;
}
.formpage__form .umbraco-forms-page .umbraco-forms-label, .formpage__form .umbraco-forms-page .checkboxlistitem label, .formpage__form .umbraco-forms-page .radiobuttonlist label {
  font-weight: lighter !important;
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
  font-size: calc(1.335rem + 1.02vw);
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page .umbraco-forms-label, .formpage__form .umbraco-forms-page .checkboxlistitem label, .formpage__form .umbraco-forms-page .radiobuttonlist label {
    font-size: 2.1rem;
  }
}
.formpage__form .umbraco-forms-page label {
  font-size: calc(1.285rem + 0.42vw);
  display: inline;
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page label {
    font-size: 1.6rem;
  }
}
.formpage__form .umbraco-forms-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type=checkbox] {
  margin: 0 20px !important;
  top: 8px !important;
}
.formpage__form .umbraco-forms-page .umbraco-forms-label {
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}
.formpage__form .umbraco-forms-page .checkboxlist label, .formpage__form .umbraco-forms-page .radiobuttonlist label {
  padding: 0 10px !important;
}
.formpage__form .umbraco-forms-page input[type=text], .formpage__form .umbraco-forms-page select, .formpage__form .umbraco-forms-page textarea {
  font-weight: lighter !important;
  height: 50px !important;
  padding: 0 10px !important;
  font-size: calc(1.305rem + 0.66vw);
  border: 1px solid rgba(118, 118, 118, 0.8);
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page input[type=text], .formpage__form .umbraco-forms-page select, .formpage__form .umbraco-forms-page textarea {
    font-size: 1.8rem;
  }
}
.formpage__form .umbraco-forms-page textarea {
  padding: 10px !important;
}
.formpage__form .umbraco-forms-page input[type=text]:not(.datepickerfield, .customtimepickerfield), .formpage__form .umbraco-forms-page select, .formpage__form .umbraco-forms-page textarea {
  width: 100% !important;
  max-width: 520px !important;
}
.formpage__form .umbraco-forms-page input[type=checkbox], .formpage__form .umbraco-forms-page input[type=radio] {
  position: relative !important;
  display: table-cell !important;
  -webkit-appearance: none !important;
  width: 30px !important;
  height: 30px !important;
  background: white !important;
  border: 1px solid #333 !important;
}
.formpage__form .umbraco-forms-page input[type=checkbox] {
  border-radius: 5px !important;
}
.formpage__form .umbraco-forms-page input[type=radio] {
  border-radius: 15px !important;
}
.formpage__form .umbraco-forms-page input[type=checkbox]:checked:after {
  content: "✓" !important;
  font-size: 22px !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
}
.formpage__form .umbraco-forms-page input[type=radio]:checked:after {
  content: " " !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  transition: 180ms transform ease-in-out !important;
  position: absolute !important;
  background-color: #808080 !important;
  top: 4px !important;
  left: 4px !important;
}
.formpage__form .umbraco-forms-page input[type=submit] {
  height: 50px !important;
  border-radius: 0 !important;
  width: 150px !important;
  border-width: 1px !important;
  background-color: #fff !important;
  font-size: calc(1.265rem + 0.18vw);
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-family: "proxima-nova", Arial, Tahoma, sans-serif !important;
  line-height: 50px !important;
  padding: 0 !important;
  color: #000 !important;
  border-color: #000 !important;
}
@media (min-width: 1200px) {
  .formpage__form .umbraco-forms-page input[type=submit] {
    font-size: 1.4rem;
  }
}
.formpage__form .umbraco-forms-page span.field-validation-error {
  color: red !important;
}
.formpage__form .umbraco-forms-page input[type=submit].prev {
  border-color: #ccc !important;
  color: #ccc !important;
}
.formpage__form .umbraco-forms-page input[type=submit].next {
  float: right !important;
}
.formpage__form .umbraco-forms-page textarea {
  height: 150px !important;
}
.formpage__form .umbraco-forms-page .customtimepickerfield {
  position: relative !important;
}
.formpage__form .umbraco-forms-page .customtimepickerfield:before {
  position: absolute !important;
  content: " " !important;
  background: url(/Assets/images/time-icon.png) no-repeat !important;
}
@media (max-width: 991.98px) {
  .formpage .formpage__form .umbraco-forms-page {
    padding: 30px 20px !important;
  }
  .formpage .umbraco-forms-navigation {
    display: block !important;
    min-height: 50px !important;
  }
  .formpage ul.form-steps {
    display: inline-block !important;
  }
  .formpage ul.form-steps li {
    width: 100% !important;
  }
  .formpage ul.form-steps li.inactive {
    display: none !important;
  }
  .formpage .checkboxlistitem, .formpage .radiobuttonlistitem {
    display: flex !important;
    margin: 10px 20px 10px 0 !important;
  }
  .formpage .umbraco-forms-navigation .col-md-12 {
    display: flex !important;
    justify-content: space-between !important;
  }
  .formpage .umbraco-forms-navigation .col-md-12 input[type=submit].prev {
    border-color: #ccc !important;
    color: #ccc !important;
    margin-right: auto !important;
  }
  .formpage .umbraco-forms-navigation .col-md-12 input[type=submit].next {
    float: right !important;
    margin-left: auto !important;
  }
}

.ui-timepicker-wrapper {
  width: 10em !important;
}
