/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%); }

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%); }

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }

.spin-cw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }

.spin-ccw {
  animation-name: spin-ccw-1turn; }

@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(-1turn); } }

.wiggle {
  animation-name: wiggle-7deg; }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms; }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 36rem;
  padding: 2.4rem;
  visibility: hidden;
  border: 1px solid #99abc3;
  border-radius: 0;
  background-color: #fff;
  font-size: 100%; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 12rem; }

.dropdown-pane.small {
  width: 24rem; }

.dropdown-pane.large {
  width: 48rem; }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 2.4rem;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 64rem;
      max-width: 128rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 128rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 128rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 128rem; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media print, screen and (max-width: 29.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.component-form [type='text'], .component-form [type='password'], .component-form [type='date'], .component-form [type='datetime'], .component-form [type='datetime-local'], .component-form [type='month'], .component-form [type='week'], .component-form [type='email'], .component-form [type='number'], .component-form [type='search'], .component-form [type='tel'], .component-form [type='time'], .component-form [type='url'], .component-form [type='color'],
.component-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.62rem;
  margin: 0 0 2.4rem;
  padding: 0 1.2rem;
  border: 1px solid #f2f4f7;
  border-radius: 0.5rem;
  background-color: #f2f4f7;
  box-shadow: none;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
  color: #505b6c;
  transition: 0.2s ease-out;
  appearance: none; }
  .component-form [type='text']:focus, .component-form [type='password']:focus, .component-form [type='date']:focus, .component-form [type='datetime']:focus, .component-form [type='datetime-local']:focus, .component-form [type='month']:focus, .component-form [type='week']:focus, .component-form [type='email']:focus, .component-form [type='number']:focus, .component-form [type='search']:focus, .component-form [type='tel']:focus, .component-form [type='time']:focus, .component-form [type='url']:focus, .component-form [type='color']:focus,
  .component-form textarea:focus {
    outline: none;
    border: 1px solid #757575;
    background-color: #f2f4f7;
    box-shadow: none;
    transition: 0.2s ease-out; }

.component-form textarea {
  max-width: 100%; }
  .component-form textarea[rows] {
    height: auto; }

.component-form input:disabled, .component-form input[readonly],
.component-form textarea:disabled,
.component-form textarea[readonly] {
  background-color: #f2f4f7;
  cursor: not-allowed; }

.component-form [type='submit'],
.component-form [type='button'] {
  appearance: none;
  border-radius: 0.5rem; }

.component-form input[type='search'] {
  box-sizing: border-box; }

.component-form ::placeholder {
  color: #757575; }

.component-form [type='file'],
.component-form [type='checkbox'],
.component-form [type='radio'] {
  margin: 0 0 2.4rem; }

.component-form [type='checkbox'] + label, .component-form [type='checkbox'] + legend.form-control-label,
.component-form [type='radio'] + label,
.component-form [type='radio'] + legend.form-control-label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 1.2rem;
  margin-right: 2.4rem;
  margin-bottom: 0; }
  .component-form [type='checkbox'] + label[for], .component-form [type='checkbox'] + legend.form-control-label[for],
  .component-form [type='radio'] + label[for],
  .component-form [type='radio'] + legend.form-control-label[for] {
    cursor: pointer; }

.component-form label > [type='checkbox'], .component-form legend.form-control-label > [type='checkbox'],
.component-form label > [type='radio'],
.component-form legend.form-control-label > [type='radio'] {
  margin-right: 1.2rem; }

.component-form [type='file'] {
  width: 100%; }

.component-form label, .component-form legend.form-control-label {
  display: block;
  margin: 0;
  font-size: 80%;
  font-weight: 500;
  line-height: 1.7;
  color: #505b6c; }
  .component-form label.middle, .component-form legend.middle.form-control-label {
    margin: 0 0 2.4rem;
    line-height: 1.7;
    padding: 1.3rem 0; }

.component-form .help-text {
  margin-top: -1.2rem;
  font-size: 87.5%;
  font-style: italic;
  color: #757575; }

.component-form .input-group {
  display: flex;
  width: 100%;
  margin-bottom: 2.4rem;
  align-items: stretch; }
  .component-form .input-group > :first-child, .component-form .input-group > :first-child.input-group-button > * {
    border-radius: 0.5rem 0 0 0.5rem; }
  .component-form .input-group > :last-child, .component-form .input-group > :last-child.input-group-button > * {
    border-radius: 0 0.5rem 0.5rem 0; }

.component-form .input-group-label, .component-form .input-group-field, .component-form .input-group-button, .component-form .input-group-button a,
.component-form .input-group-button input,
.component-form .input-group-button button,
.component-form .input-group-button label, .component-form .input-group-button legend.form-control-label {
  margin: 0;
  white-space: nowrap; }

.component-form .input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #99abc3;
  color: #505b6c;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .component-form .input-group-label:first-child {
    border-right: 0; }
  .component-form .input-group-label:last-child {
    border-left: 0; }

.component-form .input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.component-form .input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .component-form .input-group-button a,
  .component-form .input-group-button input,
  .component-form .input-group-button button,
  .component-form .input-group-button label,
  .component-form .input-group-button legend.form-control-label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.6rem; }

.component-form fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

.component-form legend {
  max-width: 100%;
  margin-bottom: 1.2rem; }

.component-form .fieldset {
  margin: 0;
  padding: 0;
  border: 0; }
  .component-form .fieldset legend {
    margin: 0;
    margin-left: -0.3rem;
    padding: 0; }

.component-form select {
  height: 2.62rem;
  margin: 0 0 2.4rem;
  padding: 0 1.2rem;
  appearance: none;
  border: 1px solid #f2f4f7;
  border-radius: 0.5rem;
  background-color: #f2f4f7;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.7;
  color: #505b6c;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2880, 91, 108%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -2.4rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 3.6rem;
  transition: 0.2s ease-out; }
  @media screen and (min-width: 0\0) {
    .component-form select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  .component-form select:focus {
    outline: none;
    border: 1px solid #757575;
    background-color: #f2f4f7;
    box-shadow: none;
    transition: 0.2s ease-out; }
  .component-form select:disabled {
    background-color: #f2f4f7;
    cursor: not-allowed; }
  .component-form select::-ms-expand {
    display: none; }
  .component-form select[multiple] {
    height: auto;
    background-image: none; }
  .component-form select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0; }

.component-form .is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb; }
  .component-form .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.component-form .form-error {
  display: none;
  margin-top: -1.2rem;
  margin-bottom: 2.4rem;
  font-size: 87.5%;
  font-weight: bold;
  color: #cc4b37; }
  .component-form .form-error.is-visible {
    display: block; }

.component-form .callout {
  position: relative;
  margin: 0 0 2.4rem;
  padding: 1rem;
  border: 1px solid rgba(80, 91, 108, 0.25);
  border-radius: 0.5rem;
  background-color: white;
  color: #505b6c; }
  .component-form .callout > :first-child {
    margin-top: 0; }
  .component-form .callout > :last-child {
    margin-bottom: 0; }
  .component-form .callout.primary {
    background-color: #e0e2ef;
    color: #505b6c; }
  .component-form .callout.secondary {
    background-color: #d4e9fb;
    color: #505b6c; }
  .component-form .callout.tertiary {
    background-color: #fff3de;
    color: #505b6c; }
  .component-form .callout.quaternary {
    background-color: #d4e9fb;
    color: #505b6c; }
  .component-form .callout.success {
    background-color: #e1faea;
    color: #505b6c; }
  .component-form .callout.warning {
    background-color: #fff3d9;
    color: #505b6c; }
  .component-form .callout.alert {
    background-color: #f7e4e1;
    color: #505b6c; }
  .component-form .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .component-form .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.component-form .callout li label, .component-form .callout li legend.form-control-label {
  display: inline;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer; }
  @media (hover: hover) and (pointer: fine) {
    .component-form .callout li label:hover, .component-form .callout li legend.form-control-label:hover {
      text-decoration: none; } }

.component-form .callout.primary li label, .component-form .callout.primary li legend.form-control-label {
  color: #fff; }

.component-form .callout.secondary li label, .component-form .callout.secondary li legend.form-control-label {
  color: #fff; }

.component-form .callout.tertiary li label, .component-form .callout.tertiary li legend.form-control-label {
  color: #505b6c; }

.component-form .callout.quaternary li label, .component-form .callout.quaternary li legend.form-control-label {
  color: #fff; }

.component-form .callout.success li label, .component-form .callout.success li legend.form-control-label {
  color: #505b6c; }

.component-form .callout.warning li label, .component-form .callout.warning li legend.form-control-label {
  color: #505b6c; }

.component-form .callout.alert li label, .component-form .callout.alert li legend.form-control-label {
  color: #fff; }

.component-form .form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 0 2.4rem; }
  .component-form .form .form-controls {
    min-width: 100%;
    display: flex;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
    flex-direction: column; }
    @media print, screen and (min-width: 40em) {
      .component-form .form .form-controls {
        margin-left: -1.2rem;
        margin-right: -1.2rem; } }
    @media print, screen and (min-width: 64em) {
      .component-form .form .form-controls {
        margin-left: -1.6rem;
        margin-right: -1.6rem; } }
  .component-form .form .form-control, .component-form .form .recaptcha-holder {
    margin-bottom: 2.4rem;
    width: 100%;
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
    @media print, screen and (min-width: 40em) {
      .component-form .form .form-control, .component-form .form .recaptcha-holder {
        padding-left: 1.2rem;
        padding-right: 1.2rem; } }
    @media print, screen and (min-width: 64em) {
      .component-form .form .form-control, .component-form .form .recaptcha-holder {
        padding-left: 1.6rem;
        padding-right: 1.6rem; } }
    .component-form .form .form-control .form-control-wrapper, .component-form .form .recaptcha-holder .form-control-wrapper {
      margin-left: -0.8rem;
      margin-right: -0.8rem; }
      @media print, screen and (min-width: 40em) {
        .component-form .form .form-control .form-control-wrapper, .component-form .form .recaptcha-holder .form-control-wrapper {
          margin-left: -1.2rem;
          margin-right: -1.2rem; } }
      @media print, screen and (min-width: 64em) {
        .component-form .form .form-control .form-control-wrapper, .component-form .form .recaptcha-holder .form-control-wrapper {
          margin-left: -1.6rem;
          margin-right: -1.6rem; } }
    .component-form .form .form-control .form-control, .component-form .form .recaptcha-holder .form-control, .component-form .form .form-control .recaptcha-holder, .component-form .form .recaptcha-holder .recaptcha-holder {
      margin-bottom: 1.2rem; }
  .component-form .form .form-control-whitespace {
    height: 2.4rem; }
  .component-form .form [type='text'], .component-form .form [type='password'], .component-form .form [type='date'], .component-form .form [type='datetime'], .component-form .form [type='datetime-local'], .component-form .form [type='month'], .component-form .form [type='week'], .component-form .form [type='email'], .component-form .form [type='number'], .component-form .form [type='search'], .component-form .form [type='tel'], .component-form .form [type='time'], .component-form .form [type='url'], .component-form .form [type='color'],
  .component-form .form select,
  .component-form .form textarea {
    margin: 0;
    -webkit-appearance: none; }
  .component-form .form .form-control-buttons {
    display: flex;
    align-items: center; }
    .component-form .form .form-control-buttons > button {
      margin: 0 0 2.4rem; }
      .component-form .form .form-control-buttons > button:not(:last-child) {
        margin-right: 2.4rem; }
  .component-form-verwijzing .component-block:not(:last-child) {
    margin-bottom: 2.4rem; }
    @media print, screen and (min-width: 64em) {
      .component-form-verwijzing .component-block:not(:last-child) {
        margin-bottom: 4.8rem; } }

.component-form .form-control-label {
  margin: 0 0 0.6rem; }
  .component-form .form-control-label .form-control-optional {
    margin: 0 0 0 0.6rem;
    color: #757575;
    font-style: normal;
    font-weight: normal; }
  .form-control-field-wrapper-checkbox-radio .component-form .form-control-label,
  .form-control-wrapper .component-form .form-control-label {
    font-weight: normal; }
  legend.form-control-label {
    margin: 0 0 0.6rem;
    float: left; }
    legend.form-control-label + * {
      clear: both; }

.component-form .form-control-field-wrapper-checkbox-radio {
  position: relative; }
  .component-form .form-control-field-wrapper-checkbox-radio .form-control-label {
    padding-left: 2.7rem;
    position: relative;
    margin-left: 0;
    margin-right: 0; }
    .component-form .form-control-field-wrapper-checkbox-radio .form-control-label::before {
      transition: 0.2s ease-out;
      content: '';
      background: #f2f4f7;
      width: 1.8rem;
      height: 1.8rem;
      display: block;
      position: absolute;
      top: 0.85rem;
      transform: translateY(-50%);
      left: 0;
      border: 2px solid #99abc3;
      border-radius: 0.25rem;
      padding: 0.1rem;
      background-clip: content-box; }
    @media (hover: hover) and (pointer: fine) {
      .component-form .form-control-field-wrapper-checkbox-radio .form-control-label:hover::before, .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
      .component-form .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
        border: 2px solid #757575;
        background-color: rgba(68, 75, 133, 0.5); }
      .component-form .form-control-field-wrapper-checkbox-radio .form-control-label:hover::after {
        color: #fff;
        opacity: 1 !important; } }
  .component-form .form-control-field-wrapper-checkbox-radio [type='radio'] + .form-control-label::before {
    border-radius: 50%; }
  .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:hover + .form-control-label::after, .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label:checked + .form-control-label::after {
    opacity: 1;
    border-color: #fff; }
  .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox'] + .form-control-label::after {
    content: '';
    width: 1.02rem;
    height: 0.51rem;
    display: block;
    position: absolute;
    top: 0.85rem;
    left: 0.9rem;
    transform: translate(-50%, -50%) rotate(-45deg);
    border: 0.225rem solid rgba(80, 91, 108, 0.25);
    border-top: 0;
    border-right: 0;
    opacity: 0; }
  .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox'],
  .component-form .form-control-field-wrapper-checkbox-radio [type='radio'] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important; }
    .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox']:checked + .form-control-label::before,
    .component-form .form-control-field-wrapper-checkbox-radio [type='radio']:checked + .form-control-label::before {
      background: #444B85;
      background-clip: content-box; }
    .component-form .form-control-field-wrapper-checkbox-radio [type='checkbox']:focus + .form-control-label::before,
    .component-form .form-control-field-wrapper-checkbox-radio [type='radio']:focus + .form-control-label::before {
      box-shadow: none; }
  .component-form .form-control-field-wrapper-checkbox-radio + .form-control-field-wrapper input[type='text'] {
    margin-top: 0.6rem; }
  .form-control-radio-text .component-form .form-control-field-wrapper-checkbox-radio:has([type='radio']:not(:checked)) ~ .form-control-field-wrapper [type='text'] {
    display: none; }

.component-form .form .form-control-select-date {
  margin-bottom: 1.2rem; }
  .component-form .form .form-control-select-date .form-control-wrapper {
    padding-left: 0.8rem;
    padding-right: 0.8rem; }
    @media print, screen and (min-width: 40em) {
      .component-form .form .form-control-select-date .form-control-wrapper {
        padding-left: 1.2rem;
        padding-right: 1.2rem; } }
    @media print, screen and (min-width: 64em) {
      .component-form .form .form-control-select-date .form-control-wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem; } }
  .component-form .form .form-control-select-date .form-control-field-wrapper {
    margin-bottom: 1.2rem; }
    .component-form .form .form-control-select-date .form-control-field-wrapper .form-label {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important; }
  @media print, screen and (min-width: 40em) {
    .component-form .form .form-control-select-date .form-control-wrapper {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; }
    .component-form .form .form-control-select-date .form-control-field-wrapper {
      position: relative;
      width: calc(33.3333% - 1.60008rem); }
      .component-form .form .form-control-select-date .form-control-field-wrapper:not(:last-of-type) {
        margin-right: 2.4rem; } }

.component-form textarea {
  min-height: 12rem; }

.component-form .form-control-file .file-upload-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 2.4rem;
  padding: 1.125em 1.3125em;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  transition: 0.2s ease-out;
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: bold;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  font-weight: bold;
  text-decoration: none;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-flex; }
  [data-whatinput='mouse'] .component-form .form-control-file .file-upload-button {
    outline: 0; }
  .component-form .form-control-file .file-upload-button dfn {
    color: inherit !important; }
    .component-form .form-control-file .file-upload-button dfn:before, .component-form .form-control-file .file-upload-button dfn::after {
      content: ' ';
      white-space: pre; }
  .component-form .form-control-file .file-upload-button, .component-form .form-control-file .file-upload-button.disabled, .component-form .form-control-file .file-upload-button[disabled], .component-form .form-control-file .file-upload-button.disabled:hover, .component-form .form-control-file .file-upload-button[disabled]:hover, .component-form .form-control-file .file-upload-button.disabled:focus, .component-form .form-control-file .file-upload-button[disabled]:focus {
    background-color: #ffb124;
    color: #573800; }
  .component-form .form-control-file .file-upload-button:hover, .component-form .form-control-file .file-upload-button:focus {
    background-color: #1267ae;
    color: #573800; }

.component-form .form-control-file [type='file'] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }
  .component-form .form-control-file [type='file']:focus + .file-upload-button {
    outline: 1px dotted #212121;
    outline: auto 5px -webkit-focus-ring-color; }
    .component-form .form-control-file [type='file']:focus + .file-upload-button, .component-form .form-control-file [type='file']:focus + .file-upload-button.disabled, .component-form .form-control-file [type='file']:focus + .file-upload-button[disabled], .component-form .form-control-file [type='file']:focus + .file-upload-button.disabled:hover, .component-form .form-control-file [type='file']:focus + .file-upload-button[disabled]:hover, .component-form .form-control-file [type='file']:focus + .file-upload-button.disabled:focus, .component-form .form-control-file [type='file']:focus + .file-upload-button[disabled]:focus {
      background-color: #1267ae;
      color: #573800; }
    .component-form .form-control-file [type='file']:focus + .file-upload-button:hover, .component-form .form-control-file [type='file']:focus + .file-upload-button:focus {
      background-color: #1267ae;
      color: #573800; }

.component-form .form .form-control, .component-form .form .recaptcha-holder {
  position: relative; }

.component-form .form .form-control-label {
  padding-right: 2rem; }
  @media print, screen and (min-width: 40em) {
    .component-form .form .form-control-label {
      padding-right: 2.4rem; } }
  @media print, screen and (min-width: 64em) {
    .component-form .form .form-control-label {
      padding-right: 2.8rem; } }

.component-form .form .form-control-wrapper .form-control-label {
  padding-right: 0; }

.component-form .form .tooltip-trigger {
  position: absolute;
  top: 0;
  right: 0.8rem; }
  @media print, screen and (min-width: 40em) {
    .component-form .form .tooltip-trigger {
      right: 1.2rem; } }
  @media print, screen and (min-width: 64em) {
    .component-form .form .tooltip-trigger {
      right: 1.6rem; } }

.component-form .tooltip.dropdown-pane {
  border: 0; }
  .component-form .tooltip.dropdown-pane::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem;
    content: '';
    border-bottom-width: 0;
    border-color: #505b6c transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%; }

.component-form .form-control-error-message {
  margin: 0.6rem 0 0;
  color: #cc4b37;
  font-weight: bold;
  font-size: 87.5%; }

.component-form .form-control-error [type='text']:not(:focus), .component-form .form-control-error [type='password']:not(:focus), .component-form .form-control-error [type='date']:not(:focus), .component-form .form-control-error [type='datetime']:not(:focus), .component-form .form-control-error [type='datetime-local']:not(:focus), .component-form .form-control-error [type='month']:not(:focus), .component-form .form-control-error [type='week']:not(:focus), .component-form .form-control-error [type='email']:not(:focus), .component-form .form-control-error [type='number']:not(:focus), .component-form .form-control-error [type='search']:not(:focus), .component-form .form-control-error [type='tel']:not(:focus), .component-form .form-control-error [type='time']:not(:focus), .component-form .form-control-error [type='url']:not(:focus), .component-form .form-control-error [type='color']:not(:focus),
.component-form .form-control-error textarea:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb; }
  .component-form .form-control-error [type='text']:not(:focus)::placeholder, .component-form .form-control-error [type='password']:not(:focus)::placeholder, .component-form .form-control-error [type='date']:not(:focus)::placeholder, .component-form .form-control-error [type='datetime']:not(:focus)::placeholder, .component-form .form-control-error [type='datetime-local']:not(:focus)::placeholder, .component-form .form-control-error [type='month']:not(:focus)::placeholder, .component-form .form-control-error [type='week']:not(:focus)::placeholder, .component-form .form-control-error [type='email']:not(:focus)::placeholder, .component-form .form-control-error [type='number']:not(:focus)::placeholder, .component-form .form-control-error [type='search']:not(:focus)::placeholder, .component-form .form-control-error [type='tel']:not(:focus)::placeholder, .component-form .form-control-error [type='time']:not(:focus)::placeholder, .component-form .form-control-error [type='url']:not(:focus)::placeholder, .component-form .form-control-error [type='color']:not(:focus)::placeholder,
  .component-form .form-control-error textarea:not(:focus)::placeholder {
    color: #cc4b37; }

.component-form .form-required-description {
  display: none; }

.component-form .form-control-color [type='color'] {
  padding: 2px; }

.component-form .recaptcha-holder .grecaptcha-badge {
  position: static !important; }

.component-form .has-tip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #757575;
  font-weight: bold;
  cursor: help; }

.component-form .tooltip {
  position: absolute;
  top: calc(100% + 0.8rem);
  z-index: 1200;
  max-width: 18rem;
  padding: 1.2rem;
  border-radius: 0.5rem;
  background-color: #505b6c;
  font-size: 87.5%;
  color: #fff; }
  .component-form .tooltip::before {
    position: absolute; }
  .component-form .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem;
    content: '';
    border-top-width: 0;
    border-color: transparent transparent #505b6c;
    bottom: 100%; }
  .component-form .tooltip.bottom.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .component-form .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem;
    content: '';
    border-bottom-width: 0;
    border-color: #505b6c transparent transparent;
    top: 100%;
    bottom: auto; }
  .component-form .tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
  .component-form .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #505b6c;
    left: 100%; }
  .component-form .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .component-form .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.8rem;
    content: '';
    border-left-width: 0;
    border-color: transparent #505b6c transparent transparent;
    right: 100%;
    left: auto; }
  .component-form .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%); }
  .component-form .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .component-form .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .component-form .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .component-form .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.component-form .tooltip-trigger {
  min-width: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  background: #505b6c;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: help;
  position: relative;
  font-size: 14px; }
  .component-form .tooltip-trigger .icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "silka", sans-serif;
    content: "?"; }

.page-content .form .form-control-wrapper > :last-child,
.page-content .form .form-controls > :last-child,
.page-content .form .form-control-hidden {
  margin-bottom: 0; }

.page-content .form .form-control-label {
  text-transform: uppercase; }

.form .form-control-file .form-control-field-wrapper {
  background: #f2f4f7;
  padding: 0.6rem 1.2rem; }

.form .form-control-file .file-upload-button {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  line-height: 1.7;
  text-transform: uppercase;
  padding: 0.6rem 1.2rem; }
  @media (hover: hover) and (pointer: fine) {
    .form .form-control-file .file-upload-button:hover {
      color: #fff; }
    .form .form-control-file .file-upload-button:focus {
      color: #fff; } }

.tooltip-trigger {
  padding: 0;
  min-height: auto; }

.component-contactpagina .form .form-control input, .component-contactpagina .form .component-form .recaptcha-holder input, .component-form .component-contactpagina .form .recaptcha-holder input {
  height: auto;
  padding: 0.84rem; }