/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/contact.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * blue: #1d3753
 * blue-light: #2a4d73
 * red: #852a2a
 * black: #1b1b1b
 * gray: #929292
 * gray-light: #f2f2f2
 * beige: #f1eae1
 * white: #fff
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--h6 - Heading 6
 * .type--h7 - Heading 7
 * .type--text - Paragraph N
 * .type--text-sm - Paragraph S
 *
 * Style guide: typography
 */
.hero-section {
  margin-top: calc(var(--header-height, max(62px, 4.7916666667vw)) * -1);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.hero-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-section h1 {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: max(340px, 40.1041666667vw);
  z-index: 1;
  opacity: 0;
}
.hero-section .swiper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.hero-section .swiper-pagination {
  top: unset !important;
  bottom: 50px !important;
  pointer-events: none;
}
.hero-section .swiper-pagination-bullet {
  pointer-events: all;
  width: max(15px, 0.78125vw);
  height: max(15px, 0.78125vw);
  background-color: #fff;
  opacity: 0.1;
  margin: 0 max(3px, 0.4166666667vw) !important;
}
.hero-section .swiper-pagination-bullet-active {
  opacity: 0.6;
}
.hero-section .hero-navigation {
  position: absolute;
  z-index: 1;
  inset: 0 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  pointer-events: none;
  padding-inline: 20px;
}
.hero-section .hero-navigation__button {
  pointer-events: all;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background-color: rgba(29, 55, 83, 0.3);
  border-radius: max(4px, 0.2083333333vw);
  width: max(54px, 2.8125vw);
  height: max(54px, 2.8125vw);
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.hero-section .hero-navigation__button:hover {
  background-color: #1d3753;
}
.hero-section .hero-navigation__button:first-child {
  margin-right: max(15px, 0.78125vw);
}
.hero-section .hero-navigation__button.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.contact-page .map__details {
  padding-block: max(56px, 14.4270833333vw) max(86px, 10.8333333333vw);
}
.contact-page .map__details-helper {
  width: 241px;
  margin: auto;
}
.contact-page .map__details-helper > a {
  margin-bottom: max(20px, 1.0416666667vw);
}
.contact-page .map__details .socials > a {
  background-color: rgba(29, 55, 83, 0.3);
  width: max(50px, 2.6041666667vw);
  height: max(50px, 2.6041666667vw);
  border-radius: max(4px, 0.2083333333vw);
  transition: background-color 0.3s ease;
}
.contact-page .map__details .socials > a:not(:last-child) {
  margin-right: max(10px, 0.5208333333vw);
}
.contact-page .map__details .socials > a:hover {
  background-color: #1d3753;
}
.contact-page .map__details .logo {
  width: 4.6875vw;
  bottom: -3.90625vw;
  left: 24.3229166667vw;
}
.contact-page .map__details .logo__helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contact-page .map__container {
  height: 600px;
  z-index: 2;
  overflow: hidden;
}
.contact-page .map__container iframe {
  width: 100%;
  height: 100%;
}
.contact-page .form {
  padding-top: 56px;
  padding-bottom: max(50px, 10.4166666667vw);
}
.contact-page .form__title {
  z-index: 2;
  margin-bottom: max(20px, 1.5625vw);
}
.contact-page .form__content {
  z-index: 2;
  padding-inline: 10px;
}
.contact-page .form__content .intro {
  margin: auto auto 40px;
}
.contact-page .form__content .wpcf7 {
  width: 100%;
}
.contact-page .background-image {
  background-image: url(../static/9fdf1388ac180effd223.jpg);
  background-repeat: repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.contact-page .background-image::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #f1eae1;
  /* stylelint-disable */
  mix-blend-mode: multiply;
  /* stylelint-enable */
  opacity: 0.5;
}
@media (min-width: 576px) {
  .hero-section .hero-navigation {
    padding-inline: max(20px, 5.7291666667vw);
    inset: 0;
    align-items: center;
  }
  .contact-page .form__content .intro {
    max-width: 256px;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .contact-page .form__content .intro {
    margin: unset;
  }
}
@media (min-width: 768px) {
  .contact-page .map {
    padding-block: 6.4583333333vw 8.59375vw;
  }
  .contact-page .map__details {
    width: 58.6458333333vw;
    padding-left: 100px;
  }
  .contact-page .map__details-helper {
    width: 20.0520833333vw;
    margin: unset;
  }
  .contact-page .map__container {
    width: 48.4375vw;
    height: 30.7291666667vw;
    margin-left: -16.3020833333vw;
    border-radius: max(4px, 0.2083333333vw);
  }
  .contact-page .form {
    padding-top: unset;
  }
  .contact-page .form__title {
    padding-left: 5.2083333333vw;
  }
  .contact-page .form__content .wpcf7 {
    margin-left: 14.9479166667vw;
  }
}
@media (min-width: 992px) {
  .contact-page .map__details {
    padding-left: 17.7083333333vw;
  }
  .contact-page .form__content {
    padding-inline: 5.2083333333vw;
  }
}
@media (min-width: 1280px) {
  .contact-page .form__title {
    padding-left: 7.5520833333vw;
  }
  .contact-page .form__content {
    padding-inline: 11.71875vw 7.2916666667vw;
  }
}
@media (min-width: 1440px) {
  .contact-page .form__title {
    padding-left: 17.96875vw;
  }
  .contact-page .form__content {
    padding-inline: 22.1354166667vw 17.7083333333vw;
  }
}

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