:root {
  --red: #e31910;
  --black: #1a222c;
  --white: #fff;
  --grey: #e9e9e9;
  --grey2: #777;
  --divider: #2c343e;
  --style: #728190;
}

.page-licensees {
  padding-block: 2.5rem;
}
.page-licensees .container {
  max-width: 92.3125rem;
}

.licensees-page__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.licensees-page__head:not(:last-child) {
  margin-bottom: clamp(2rem, -8.7462686567rem + 11.9402985075vw, 2.5rem);
}
.licensees-page__btn-lk {
  border-radius: 1.875rem;
  padding: 0.625rem 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--divider);
  transition: all 0.3s;
}
.licensees-page__filters:not(:last-child) {
  margin-bottom: clamp(2.25rem, -20.5858208955rem + 25.3731343284vw, 3.3125rem);
}
.licensees-page__body {
  display: grid;
  grid-template-columns: 29.51929587% 1fr;
  gap: 1.25rem;
}
.licensees-page__accs-wrap {
  height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.licensees-page__accs .accordion {
  margin-bottom: 0;
}
.licensees-page__accs .accordion > li {
  margin-bottom: 1.25rem;
  border: 0.0625rem solid var(--divider);
  background-color: var(--black);
  border-radius: 0.3125rem;
}
.licensees-page__accs .accordion > li.active .accordion-control span::after {
  transform: rotate(180deg);
}
.licensees-page__accs .accordion-control {
  padding: 1.75rem 2.5rem;
  padding: clamp(0.75rem, -20.7425373134rem + 23.8805970149vw, 1.75rem) clamp(0.5rem, -42.4850746269rem + 47.7611940299vw, 2.5rem);
  font-size: clamp(1rem, -4.3731343284rem + 5.9701492537vw, 1.25rem);
}
.licensees-page__accs .accordion-panel {
  top: unset;
}
.licensees-page__accs .contacts-info__persons {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, -20.9925373134rem + 23.8805970149vw, 1.5rem);
}
.licensees-page__accs .contacts-info__person {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -5.1231343284rem + 5.9701492537vw, 0.5rem);
  margin: 0;
  width: unset;
}
.licensees-page__accs .contacts-info__name {
  font-size: clamp(0.875rem, -4.4981343284rem + 5.9701492537vw, 1.125rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, -5.1231343284rem + 5.9701492537vw, 0.5rem);
}
.licensees-page__accs .contacts-info__name > p {
  margin: 0;
}
.licensees-page__accs .contacts-info__name a {
  color: inherit;
  text-decoration: none;
}
.licensees-page__accs .contacts-info__post {
  font-size: clamp(0.75rem, -4.6231343284rem + 5.9701492537vw, 1rem);
}
.licensees-page__map {
  position: relative;
  min-height: clamp(23.75rem, -271.7723880597rem + 328.3582089552vw, 37.5rem);
}
.licensees-page__map > * {
  min-height: inherit;
}
.licensees-page__map > * > * {
  min-height: inherit;
}
.filters-licensees {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: clamp(1.5rem, -9.2462686567rem + 11.9402985075vw, 2rem);
}
.filters-licensees__items {
  flex-basis: 60.3926878808%;
  display: flex;
  gap: 1.25rem;
}
.filters-licensees__item {
  flex: 0 0 48.8789237668%;
  width: 100%;
  margin: 0;
}
.filters-licensees__actions {
  display: flex;
  gap: 1.25rem;
}
.filters-licensees__btn {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: unset;
  text-transform: capitalize;
  padding: 0.875rem 2rem;
  width: auto;
  height: auto;
  border: 0.0625rem solid var(--divider);
  border-radius: 1.875rem;
  background-color: #222b36;
}
.filters-licensees__btn--reset {
  background-color: transparent;
}
.custom_scroll::-webkit-scrollbar {
  width: 7px;
  border-radius: 4px;
}
.custom_scroll::-webkit-scrollbar-track {
  background:#c5c5c5;
  width: 7px;
  border-radius: 4px;
}
.custom_scroll::-webkit-scrollbar-thumb {
  background-color:#222;
  border-radius: 4px;
}
/*only for firefox */
@-moz-document url-prefix() {
  .custom_scroll {
    scrollbar-color: #4d4d4d #c5c5c5;
    scrollbar-width: thin;
  }
}


/* Перебиваем стандартные стили хинта Яндекса */
[class*="ymaps-"][class*="-hint"] {
  font-size: 10px !important;
}

.balloon__elem {
  padding: 0;
}

.balloon__elem p {
  font-weight: normal;
}

.balloon__elem b {
  font-weight: 600;
}

.balloon__name {
  margin-bottom: 0;
  padding-right: 0;
}

.balloon__name.__custom {
  font-size: 14px;
  line-height: 1.4;
}

@media (min-width: 1279.98px){
  .licensees-page__body {
    height: 37.5rem;
  }
  .licensees-page__accs {
    padding-block: 1.25rem;
  }
  .licensees-page__map::before {
    content: "";
    width: 300vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #1f2934;
    z-index: -1;
  }
}
@media (max-width: 1279.98px){
  .licensees-page__head {
    flex-direction: column;
    align-items: stretch;
  }
  .licensees-page__body {
    display: flex;
    flex-direction: column-reverse;
  }
  .filters-licensees {
    flex-direction: column;
    align-items: stretch;
  }
  .filters-licensees__items {
    flex-direction: column;
  }
  .filters-licensees__actions {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (any-hover: hover) and (any-pointer: fine){
  .licensees-page__btn-lk:hover {
    background-color: #39414b;
  }
  .licensees-page__accs .contacts-info__name a:hover {
    color: #39414b;
  }
}
@media (any-hover: none){
  .licensees-page__btn-lk:active {
    background-color: #39414b;
  }
  .licensees-page__accs .contacts-info__name a:active {
    color: #39414b;
  }
}