:root {
  --white: #fff;
  --alabaster: #f4efe8;
  --bone: #dcd4c0;
  --black: #000;
  --eerieBlack: #1d1d1b;
  --eerieBlack50: rgba(29, 29, 27, 0.5);
  --middleGreen: #8270a4;
}
.h1,
.h2 {
  color: var(--eerieBlack);
  font-family: 'Tilda Sans', sans-serif;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.h1 {
  --fontSize: 66px;
}
.h1,
.h2 {
  font-size: var(--fontSize);
}
.h2 {
  --fontSize: 52px;
}
@media (max-width: 1280px) {
  .h2 {
    --fontSize: 42px;
  }
}
@media (max-width: 767px) {
  .h1 {
    --fontSize: 26px;
  }
  .h2 {
    --fontSize: 24px;
  }
  .align-center-mob {
    text-align: center;
  }
}
.color-middleGreen {
  color: var(--middleGreen);
}
.flex {
  --flexDirection: column;
  --flexGap: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: var(--flexDirection);
  flex-direction: var(--flexDirection);
  gap: var(--flexGap);
}
.flex--isRentContacts {
  --flexGap: 88px;
  -webkit-transition-delay: 0.5s !important;
  transition-delay: 0.5s !important;
}
@media (max-width: 1279px) {
  .flex--isRentContacts {
    --flexGap: 36px;
  }
}
.btn {
  --btnFontSize: 14px;
  --btnTextColor: var(--eerieBlack50);
  --btnHoverTextColor: var(--black);
  --btnActiveTextColor: var(--white);
  --btnTmpTextColor: var(--btnTextColor);
  --btnBg: var(--white);
  --btnHoverBg: var(--alabaster);
  --btnActiveBg: var(--middleGreen);
  --btnTmpBg: var(--btnBg);
  --btnBorderColor: var(--alabaster);
  --btnHoverBorderColor: var(--alabaster);
  --btnActiveBorderColor: var(--middleGreen);
  --btnTmpBorderColor: var(--btnBorderColor);
  --btnWidth: auto;
  --btnFontFamily: QuadratGroteskNewFont, sans-serif;
  --btnPad: 10px;
  --btnHeight: 58px;
  --btnBorderRad: 8px;
  --btnTransition: 0.2s color, 0.2s background-color, 0.2s border;
  background: var(--btnTmpBg);
  border: 1px solid var(--btnTmpBorderColor);
  border-radius: var(--btnBorderRad);
  color: var(--btnTmpTextColor);
  font-family: var(--btnFontFamily);
  font-size: var(--btnFontSize);
  height: var(--btnHeight);
  padding: var(--btnPad);
  -webkit-transition: var(--btnTransition);
  transition: var(--btnTransition);
  width: var(--btnWidth);
}
.btn:hover {
  --btnTmpBg: var(--btnHoverBg);
  --btnTmpTextColor: var(--btnHoverTextColor);
  --btnTmpBorderColor: var(--btnHoverBorderColor);
}
.btn.isActive,
.btn:active {
  --btnTmpBg: var(--btnActiveBg);
  --btnTmpTextColor: var(--btnActiveTextColor);
  --btnTmpBorderColor: var(--btnActiveBorderColor);
}
.btn--wide {
  --btnWidth: 100%;
}
@media (max-width: 768px) {
  .btn {
    --btnFontSize: 10px;
  }
}
.agreement {
  --argreementLinkColor: inherit;
  --argeementLinkHoverColor: var(--middleGreen);
  color: var(--eerieBlack50);
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}
.agreement a {
  color: var(--argreementLinkColor);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.agreement a:hover {
  color: var(--argeementLinkHoverColor);
}
.modal--isFeedback {
  --modalFeedbackPad: 124px 40px 100px 40px;
  --modalFeedbackContentMargin: auto;
}
@media (max-width: 1279px) {
  .modal--isFeedback {
    --modalFeedbackContentMargin: 0 auto;
  }
}
@media (max-width: 768px) {
  .modal--isFeedback {
    --modalFeedbackPad: 40px 15px;
    --modalFeedbackFooterMb: 80px;
  }
}
.modal--isFeedback .modal__content-wrapper {
  margin: var(--modalFeedbackContentMargin);
  max-width: 1500px;
  padding: var(--modalFeedbackPad);
  width: 100%;
}
.modal--withCircle {
  --modalCircleSize: 790px;
}
@media (max-width: 1279px) {
  .modal--withCircle {
    --modalCircleSize: 500px;
  }
}
@media (max-width: 768px) {
  .modal--withCircle {
    --modalCircleSize: 250px;
  }
}
.modal--withCircle .modal__content-wrapper:before {
  background-color: var(--white);
  border-radius: 100%;
  content: "";
  height: var(--modalCircleSize);
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(40%, -60%);
  transform: translate(40%, -60%);
  width: var(--modalCircleSize);
  z-index: -1;
}
.form--isFeedback {
  --modalFeedbackGridColTempl: 460px auto;
  --modalFeedbackGridRowsHeight: auto 1fr;
  --modalFeedbackGap: 50px 150px;
  --modalFeedbackFooterMb: 0;
  --modalFeedbackHeadingArea: 1/1;
  --modalFeedbackContentArea: 1/2/3/2;
  --modalFeedbackFooterArea: 2/1;
}
@media (max-width: 1279px) {
  .form--isFeedback {
    --modalFeedbackGridColTempl: 1fr;
    --modalFeedbackHeadingArea: 1;
    --modalFeedbackContentArea: 2;
    --modalFeedbackFooterArea: 3;
    --modalFeedbackGap: 20px;
    --modalFeedbackFooterMb: 120px;
  }
}
.form--isFeedback .form__content-wrapper {
  display: grid;
  grid-template-columns: var(--modalFeedbackGridColTempl);
  grid-template-rows: var(--modalFeedbackGridRowsHeight);
  grid-gap: var(--modalFeedbackGap);
  gap: var(--modalFeedbackGap);
}
.form--isFeedback .form__heading {
  grid-area: var(--modalFeedbackHeadingArea);
}
.form--isFeedback .form__content {
  grid-area: var(--modalFeedbackContentArea);
}
.form--isFeedback .form__footer {
  grid-area: var(--modalFeedbackFooterArea);
  margin-bottom: var(--modalFeedbackFooterMb);
}
.form--isFeedback .form__body {
  margin: 0 !important;
}
.section {
  --sectionPad: 0;
  --sectionMar: 0 auto;
  --sectionMaxWidth: 1590px;
  --sectionHeadingMb: 56px;
  --sectionContentDisplay: block;
  --sectionContentMar: 0 auto;
  --sectionGridTemlCols: 1fr;
  --sectionHeadingArea: auto;
  --sectionGridGap: 0 100px;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: var(--sectionMar);
  overflow: hidden;
  padding: var(--sectionPad);
  width: 100%;
}
.section__heading {
  grid-area: var(--sectionHeadingArea);
  margin-bottom: var(--sectionHeadingMb);
  margin-inline: auto;
}
.section__content,
.section__heading {
  max-width: var(--sectionMaxWidth);
  width: 100%;
}
.section__content {
  display: var(--sectionContentDisplay);
  gap: var(--sectionGridGap);
  grid-template-columns: var(--sectionGridTemlCols);
  margin: var(--sectionContentMar);
}
@media (max-width: 1700px) {
  .section {
    --sectionPad: 0 40px;
  }
}
@media (max-width: 1279px) {
  .section {
    --sectionPad: 0 24px;
  }
}
@media (max-width: 768px) {
  .section {
    --sectionPad: 0 15px;
  }
}
.section--grid {
  --sectionContentDisplay: grid;
}
.section--isRequestForms {
  --sectionGridTemlCols: 1fr 540px;
  --sectionHeadingArea: 1/1/1/-1;
  --sectionMar: 0 auto 100px auto;
  --imgTop: 852px;
  --imgBottom: unset;
  --imgRight: -125px;
  --imgWidth: 622px;
  --imgHeight: 728px;
  position: relative;
}
@media (min-width: 769px) {
  .section--isRequestForms:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27622%27 height=%27728%27 fill=%27none%27%3E%3Cpath fill=%27%23595959%27 d=%27M311 364.009 622 728V0z%27/%3E%3Cpath fill=%27%23F4EFE8%27 d=%27M0 364.009 311 728V0z%27/%3E%3Cpath fill=%27%238270a4%27 d=%27M166.748 636.748H220V530.252h-53.252V477H60.252v53.252H7v106.496h53.252V690h106.496zm-79.874-26.63v-53.252h53.252v53.252z%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    bottom: var(--imgBottom);
    content: "";
    height: var(--imgHeight);
    position: absolute;
    right: var(--imgRight);
    top: var(--imgTop);
    width: var(--imgWidth);
    z-index: -1;
  }
  @media (max-width: 1700px) {
    .section--isRequestForms:before {
      --imgHeight: 380px;
      --imgRight: -25px;
      --imgWidth: 325px;
    }
  }
  @media (max-width: 1279px) {
    .section--isRequestForms:before {
      --imgTop: auto;
      --imgBottom: 0px;
      --imgHeight: 335px;
      --imgWidth: 285px;
    }
  }
}
@media (max-width: 1700px) {
  .section--isRequestForms {
    --sectionMar: 0 0 145px 0;
    --sectionGridTemlCols: 1fr 340px;
  }
}
@media (max-width: 1279px) {
  .section--isRequestForms {
    --sectionGridTemlCols: 1fr;
    --sectionPad: 0 24px 80px 24px;
    --sectionMar: 0 0 32px 0;
  }
}
@media (max-width: 768px) {
  .section--isRequestForms {
    --sectionMar: 24px 0;
    --sectionPad: 0 15px;
  }
}
.request-forms {
  --requestFormsMb: 0px;
  --requestFormsControlsMb: 82px;
  margin-bottom: var(--requestFormsMb);
}
.request-forms__controls {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--requestFormsControlsMb);
}
.request-forms__tab:not(.isActive) {
  display: none;
}
@media (max-width: 1279px) {
  .request-forms {
    --requestFormsMb: 100px;
  }
}
@media (max-width: 768px) {
  .request-forms {
    --requestFormsMb: 48px;
  }
}
[data-lsr-AnimateOnScroll] {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition:
    opacity 0.8s,
    transform 0.8s;
  transition:
    opacity 0.8s,
    transform 0.8s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.isShow {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
