@charset "UTF-8";
/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
main input[type="submit"],
main input:visited[type="submit"] {
  display: inline-flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: var(--white) !important;
  font-size: 16px;
  font-weight: 600;
  padding: .625em .625em .625em 1.25em;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  background: var(--orange);
  text-align: left;
  transition: background-color 0.14s ease-in-out, color 0.14s ease-in-out;
  width: auto; }
  main input[type="submit"] .link-icon,
  main input:visited[type="submit"] .link-icon {
    background-color: var(--orange-darken);
    color: var(--white);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    flex-shrink: 0; }
    main input[type="submit"] .link-icon span,
    main input[type="submit"] .link-icon i,
    main input:visited[type="submit"] .link-icon span,
    main input:visited[type="submit"] .link-icon i {
      font-size: 14px;
      line-height: inherit;
      color: inherit;
      margin: 0 auto; }
      main input[type="submit"] .link-icon span.icon-chevron-right,
      main input[type="submit"] .link-icon i.icon-chevron-right,
      main input:visited[type="submit"] .link-icon span.icon-chevron-right,
      main input:visited[type="submit"] .link-icon i.icon-chevron-right {
        font-size: 8px;
        position: relative; }
  main input:hover[type="submit"], main input:focus[type="submit"],
  main input:visited:hover[type="submit"],
  main input:visited:focus[type="submit"] {
    color: var(--white) !important;
    text-decoration: none;
    outline: none;
    background-color: var(--orange-darken); }
  main input.blue[type="submit"],
  main input:visited.blue[type="submit"] {
    background-color: var(--lightblue);
    color: var(--white) !important; }
    main input.blue[type="submit"] .link-icon,
    main input:visited.blue[type="submit"] .link-icon {
      background-color: var(--white);
      color: var(--lightblue); }
    main input.blue:hover[type="submit"], main input.blue:focus[type="submit"],
    main input:visited.blue:hover[type="submit"],
    main input:visited.blue:focus[type="submit"] {
      color: var(--white) !important;
      background-color: var(--blue-darken); }
  main input.dark-blue[type="submit"],
  main input:visited.dark-blue[type="submit"] {
    background-color: var(--night);
    color: var(--white); }
    main input.dark-blue[type="submit"] .link-icon,
    main input:visited.dark-blue[type="submit"] .link-icon {
      background-color: var(--white);
      color: var(--night); }
    main input.dark-blue:hover[type="submit"], main input.dark-blue:focus[type="submit"],
    main input:visited.dark-blue:hover[type="submit"],
    main input:visited.dark-blue:focus[type="submit"] {
      color: var(--white);
      background-color: #001e7d; }
  main input.white[type="submit"],
  main input:visited.white[type="submit"] {
    background-color: var(--white);
    color: var(--night) !important;
    border: 1px solid var(--light-gray-2); }
    main input.white[type="submit"] .link-icon,
    main input:visited.white[type="submit"] .link-icon {
      background-color: var(--night);
      color: var(--white); }
    main input.white:hover[type="submit"], main input.white:focus[type="submit"],
    main input:visited.white:hover[type="submit"],
    main input:visited.white:focus[type="submit"] {
      color: var(--night) !important;
      background-color: var(--light-gray-2); }
  main input.arrow[type="submit"],
  main input:visited.arrow[type="submit"] {
    background-color: transparent;
    border: none;
    color: var(--night) !important;
    padding-left: 0; }
    main input.arrow[type="submit"] span,
    main input:visited.arrow[type="submit"] span {
      order: 2; }
    main input.arrow[type="submit"] .link-icon,
    main input:visited.arrow[type="submit"] .link-icon {
      order: 1;
      background-color: transparent;
      border: 1px solid var(--night);
      color: var(--night);
      transition: color .14s ease-in-out, background-color .14s ease-in-out;
      height: 36px;
      width: 36px; }
      @media all and (min-width: 981px) {
        main input.arrow[type="submit"] .link-icon,
        main input:visited.arrow[type="submit"] .link-icon {
          height: 50px;
          width: 50px; } }
    main input.arrow.dark[type="submit"],
    main input:visited.arrow.dark[type="submit"] {
      color: var(--white) !important; }
      main input.arrow.dark[type="submit"] .link-icon,
      main input:visited.arrow.dark[type="submit"] .link-icon {
        border-color: var(--white);
        color: var(--white); }
      main input.arrow.dark:hover[type="submit"] .link-icon,
      main input:visited.arrow.dark:hover[type="submit"] .link-icon {
        background-color: var(--white);
        color: var(--night); }
    main input.arrow:hover[type="submit"] .link-icon,
    main input:visited.arrow:hover[type="submit"] .link-icon {
      background-color: var(--night);
      color: var(--white) !important; }

main input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
main textarea, main select {
  padding: .5em;
  margin-bottom: .5em;
  display: block;
  width: 100%;
  box-shadow: none;
  border-radius: 15px;
  border: 1px solid var(--gray);
  height: 60px;
  color: var(--night); }
  main input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]):focus,
  main textarea:focus, main select:focus {
    outline: 2px solid var(--orange);
    outline-offset: 3px;
    border-radius: 15px; }

main input:not([type="checkbox"]) {
  border-radius: 15px; }

main input[type="submit"] {
  margin-top: .85rem; }

main form label {
  font-weight: 400 !important; }

main form h4 {
  color: var(--orange);
  margin: 0; }

main form .ginput_container_select {
  position: relative; }
  main form .ginput_container_select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  main form .ginput_container_select:after {
    content: '\e903';
    font-family: Icomoon;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--night);
    border-radius: 15px;
    color: var(--white);
    font-size: 7px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 10px; }

main form .ginput_container_date {
  position: relative; }
  main form .ginput_container_date:after {
    content: '\e901';
    font-family: Icomoon;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--night);
    border-radius: 15px;
    color: var(--white);
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 10px; }
  main form .ginput_container_date select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

main form .ginput_container_checkbox .gchoice {
  position: relative; }
  main form .ginput_container_checkbox .gchoice:not(:last-of-type) {
    margin-bottom: 1em; }
  main form .ginput_container_checkbox .gchoice label:after {
    content: '';
    font-family: Icomoon;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 10px;
    border-radius: 10px; }

main form .ginput_container_checkbox input {
  height: 36px;
  width: 36px;
  border-radius: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: thin solid var(--night); }
  main form .ginput_container_checkbox input:checked + label:after {
    content: '\e902';
    background: var(--night); }

main form .incasso input:checked + label:after {
  content: '€';
  background: var(--lightblue);
  border-color: var(--lightblue);
  font-size: 16px; }

main .gform_footer {
  position: relative;
  height: 60px;
  margin: 1em 0 0 !important;
  padding: 0 !important; }
  @media (min-width: 981px) {
    main .gform_footer {
      max-width: 250px;
      margin-top: 2em !important; } }
  main .gform_footer .button {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 20px;
    line-height: 1 !important;
    font-weight: 600; }
  main .gform_footer:after {
    content: '\e904';
    font-family: Icomoon;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: var(--orange-darken);
    color: var(--white);
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px; }

main .validation_message:before {
  content: '\e90d';
  font-family: Icomoon;
  color: #c02b0a;
  font-size: 20px;
  position: relative;
  margin-right: .5em;
  top: 3px;
  margin-left: -11px; }

main .gfield_error legend:before {
  content: '\e90d';
  font-family: Icomoon;
  color: #c02b0a;
  font-size: 20px;
  position: relative;
  margin-right: .5em;
  top: 3px;
  font-weight: normal; }

.section-form.head h2:not(.gform_submission_error) {
  color: #fff; }

@media (max-width: 980px) {
  .section-form.head {
    background: var(--lightblue); } }

@media (min-width: 981px) {
  .section-form.head .container {
    border-radius: 15px;
    padding: 2em;
    background: var(--lightblue); } }

.section-form.head input[type="submit"] {
  background: var(--yellow); }
  .section-form.head input[type="submit"]:hover {
    background: var(--yellow-darken); }

@media (max-width: 980px) {
  .section-form.accent {
    background: var(--yellow); } }

@media (min-width: 981px) {
  .section-form.accent .container {
    border-radius: 15px;
    padding: 2em;
    background: var(--yellow); } }

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