@charset "UTF-8";

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Involve", Arial, sans-serif;
}

:root {
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.7;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--accent_color);
  --swiper-pagination-color: var(--accent_color);
  --swiper-theme-color: var(--accent_color);
  --swiper-pagination-progressbar-bg-color: #ccc;
  --swiper-navigation-sides-offset: 1rem;
  --header-offset: 0px;
}

html,
body {
  scrollbar-gutter: stable;
}

.models-dropdown-scroll {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.models-dropdown-scroll::-webkit-scrollbar {
  width: 8px;
}

.models-dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.models-dropdown-scroll::-webkit-scrollbar-thumb {
  background-color: #910a2d;
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.models-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #a3a3a3;
}
.jeland_icon {
  position: relative;
  padding: 0 10px 0 47px;
  box-sizing: border-box;
  min-height: 27px;
  min-width: 231px;
  color: #fff;
  background: #333;
  z-index: 5000;
  /* Якорим маркер так, чтобы остриё стрелки (.jeland_icon:before,
     которая выходит на 11px ниже прямоугольника) приземлялось точно
     в гео-точку: сдвигаем себя влево на половину ширины и вверх на
     полную высоту + высоту стрелки. */
  transform: translate(-50%, calc(-100% - 11px));
}

.jeland_icon:before {
  position: absolute;
  content: " ";
  width: 30px;
  height: 11px;
  bottom: -11px;
  left: 45%;
  background: url(/wp-content/themes/adm_template/img/arrow_map_label.png)
    no-repeat left top;
}

.jeland_icon.hover:before {
  background-position: left -11px;
}

.jeland_icon.hover {
  background: #858585;
}

.jeland_icon .icon_header {
  width: 100%;
  position: relative;
  line-height: 35px;
  font-size: 11px;
}

.jeland_icon .icon_header:before {
  position: absolute;
  content: " ";
  width: 18px;
  height: 18px;
  left: -34px;
  top: 8px;
  background: url(/wp-content/themes/adm_template/img/logo_map_label.png)
    no-repeat left top;
}

/* JELAND utilities */
html {
  background: #181d21;
}

.jeland-cut-br {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}

.jeland-cut-br-sm {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}

body .btn {
  border-radius: 0 !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}

body .btn-cut-corner {
  --hero-more-border: 1px;
  --hero-more-cut: 14px;
  background-color: var(--accent_color) !important;
  border: 0 !important;
  isolation: isolate;
  position: relative;
}

body .btn-cut-corner::before {
  background-color: var(--footer_background_color);
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--hero-more-cut) + 0.6px),
    calc(100% - var(--hero-more-cut) + 0.6px) 100%,
    0 100%
  );
  content: "";
  inset: var(--hero-more-border);
  position: absolute;
  transition: background-color 300ms ease-in-out;
  z-index: 0;
}

body .btn-cut-corner > span {
  position: relative;
  z-index: 1;
}

body .btn-cut-corner:is(:hover, :focus-visible, :active)::before {
  background-color: var(--accent_color);
}

body .js-card,
body .js-fade-up-card {
  border-radius: 0 !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}

body .prose h2:after {
  display: none !important;
}

body .mainnav.jeland-floating-nav {
  --color-font: #273238;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  isolation: isolate;
  left: max(20px, calc((100vw - 1660px) / 2)) !important;
  overflow: visible !important;
  right: max(20px, calc((100vw - 1660px) / 2)) !important;
  top: 20px !important;
}

body .jeland-floating-nav:before {
  background: #172329;
  /*border-bottom: 1px solid rgb(255 255 255 / 12%);*/
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

body .jeland-floating-nav.is-fixed-top {
  left: max(20px, calc((100vw - 1660px) / 2)) !important;
  right: max(20px, calc((100vw - 1660px) / 2)) !important;
  top: 16px !important;
}

@media (min-width: 1024px) {
  body .models-series-panel {
    background: #13191d;
    min-height: 252px;
  }

  body .models-series-panel:hover {
    background: #36555d;
  }

  body .models-series-label-c {
    background: #a20aa2;
  }
}

@media (max-width: 1023px) {
  body .jeland-floating-nav,
  body .jeland-floating-nav.is-fixed-top {
    height: 54px;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
  }

  body .jeland-floating-nav:before {
    clip-path: none;
  }
}

[class*="balloon__layout"],
[class*="balloon__content"],
[class*="balloon__tail"]::after {
  background-color: #181d21 !important;
}

[class*="balloon__content"] {
  margin: 0 !important;
  padding: 0 !important;
}

[class*="balloon__close-button"] {
  background-color: transparent !important;
  filter: invert(1);
  opacity: 0.6 !important;
  transition: opacity 0.2s ease;
}

[class*="balloon__close-button"]:hover {
  opacity: 1 !important;
}

.call-back__inputs label,
.call-back__inputs input,
.call-back__inputs select {
  color: black;
}