#contact-page-element,
.contact-page-element {
  overflow: hidden;
  width: 100%;
}
#contact-page-element .wrapper,
.contact-page-element .wrapper {
  position: relative;
  padding-top: 180px;
  display: flex;
  flex-direction: row;
  gap: 50px;
  justify-content: space-between;
}
#contact-page-element .contact-page-element__heading,
.contact-page-element .contact-page-element__heading {
  padding-left: 115px;
  max-width: 902px;
  align-self: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#contact-page-element .contact-page-element__heading .body-text,
.contact-page-element .contact-page-element__heading .body-text {
  max-width: 390px;
}
#contact-page-element .contact-page-element__heading .contact-elements,
.contact-page-element .contact-page-element__heading .contact-elements {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#contact-page-element .contact-page-element__heading .contact-elements .contact-element__master,
.contact-page-element .contact-page-element__heading .contact-elements .contact-element__master {
  margin-bottom: 12px;
}
#contact-page-element .contact-page-element__heading .contact-elements .contact-element,
.contact-page-element .contact-page-element__heading .contact-elements .contact-element {
  display: flex;
  gap: 12px;
  align-items: center;
}
#contact-page-element .contact-page-element__heading .contact-elements .contact-element .icon,
.contact-page-element .contact-page-element__heading .contact-elements .contact-element .icon {
  flex: 0 0 auto;
  line-height: 0;
}
#contact-page-element .contact-page-element__heading .contact-elements .contact-element:nth-of-type(3n+1),
.contact-page-element .contact-page-element__heading .contact-elements .contact-element:nth-of-type(3n+1) {
  padding-top: 24px;
}
#contact-page-element .contact-page-element__content,
.contact-page-element .contact-page-element__content {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 100px;
}
#contact-page-element .contact-page-element__content:before,
.contact-page-element .contact-page-element__content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #17273F;
  width: 100vw;
}
#contact-page-element .contact-page-element__content .contact-form-container,
.contact-page-element .contact-page-element__content .contact-form-container {
  position: relative;
  z-index: 2;
  width: 440px;
  max-width: 100%;
}
#contact-page-element .contact-map,
.contact-page-element .contact-map {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: #e5e5e5;
}
#contact-page-element .contact-map.is-loading:before,
.contact-page-element .contact-map.is-loading:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  border: 3px solid rgba(232, 189, 127, 0.3);
  border-top-color: #E8BD7F;
  border-radius: 50%;
  animation: contact-map-loading 0.8s linear infinite;
}
#contact-page-element .contact-map.is-error,
.contact-page-element .contact-map.is-error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: #17273F;
  text-align: center;
}
#contact-page-element .contact-map .contact-map__marker,
.contact-page-element .contact-map .contact-map__marker {
  position: absolute;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -100%);
  pointer-events: none;
}
#contact-page-element .contact-map .contact-map__marker img,
.contact-page-element .contact-map .contact-map__marker img {
  display: block;
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  #contact-page-element .wrapper,
  .contact-page-element .wrapper {
    flex-direction: column;
    gap: 0;
  }
  #contact-page-element .contact-page-element__heading,
  .contact-page-element .contact-page-element__heading {
    padding-left: 0;
    max-width: 100%;
  }
  #contact-page-element .contact-page-element__heading .body-text,
  .contact-page-element .contact-page-element__heading .body-text {
    max-width: 100%;
  }
  #contact-page-element .contact-page-element__content,
  .contact-page-element .contact-page-element__content {
    padding-left: 0;
  }
  #contact-page-element .contact-page-element__content:before,
  .contact-page-element .contact-page-element__content:before {
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
  #contact-page-element .contact-page-element__content .contact-form-container,
  .contact-page-element .contact-page-element__content .contact-form-container {
    width: 100%;
  }
}

@keyframes contact-map-loading {
  to {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=style.css.map */