@charset "UTF-8";
.swiper {
  z-index: 1;
}
h2, .ui-h2, h3, .ui-h3, h4, .ui-h4, h5, .ui-h5, h6, .ui-h6 {
  margin-bottom: 1.5rem;
}
h1 {
  font-family: var(--font-family-base-second);
}
.fragment .fragment-title {
  font-size: 1.7143rem;
  font-weight: var(--font-weight-h2);
  line-height: 1.4;
  font-family: var(--font-family-base-second);
}
.fragment .fragment-title + .fragment-description {
  margin-top: 32px;
}
.fragment .fragment-description {
  line-height: 1.8;
}
.layout-content [data-role="h1"] {
  margin-bottom: 32px;
}
.int-tabs-contrast {
  --int-tabs-bg-color: #eeeeee;
}
.intec-page-404 {

}
.intec-page-404 .fragment-picture {
  font-size: 164px;
  line-height: 1;
  font-weight: 800;
  user-select: none;
}
.intec-page-404 .fragment-404-title {
  font-weight: 500;
  line-height: 40px;
}
.intec-page-404 .fragment-404-description {

}
.intec-page-404 .fragment-footer {

}

.ind-p-t-120 {
  padding-top: 120px;
}
.ind-p-b-120 {
  padding-bottom: 120px;
}
.ind-b-v-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* input форм */
.ui-control-select,
.ui-input-text {
  --ui-input-text-padding-horizontal: 0.75rem;
  --ui-input-text-border-color-hover: var(--color-neutral-semi-bright);
  --ui-input-text-border-color-valid: var(--color-neutral-semi-bright);
  --ui-input-text-border-color-invalid: var(--color-neutral-semi-bright);
  --ui-input-text-scheme: var(--color-neutral-semi-bright);
}
.ui-input-text:focus{
  background-color: var(--color-neutral-thin-dark) !important;
  border-color: var(--color-neutral-semi-bright) !important;
}
.ui-control-select{
  padding: 0.75rem 0.75rem;
  background-position: calc(100% -  0.75rem) center;
  appearance: none;
}
.ui-control-multiselect{
  padding: 0;
  appearance: none;
}
.ui-control-multiselect option{
  padding: 0.5em;
  appearance: none;
}
::-webkit-calendar-picker-indicator {
/* #808080 */
filter: invert(58%) sepia(7%) saturate(0%) hue-rotate(220deg) brightness(86%) contrast(84%);
}

/* поле только с нижним подчеркиванием */
.ui-control-underline[type=text],
.ui-control-underline[type=date],
.ui-control-underline[type=datetime-local],
.ui-control-underline[type=email],
.ui-control-underline[type=month],
.ui-control-underline[type=number],
.ui-control-underline[type=password],
.ui-control-underline[type=search],
.ui-control-underline[type=time],
.ui-control-underline[type=url],
.ui-control-underline[type=week] {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.ui-control-underline.ui-control-select {
  padding-left: 0;
  padding-right: 24px;
  background-color: transparent;
  background-position-x: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
}

/* почему не соответствуют размеры --padding-element-base и --padding-element-base-vertical? */
:root {
  --padding-element-base: .786em 1.643em !important;
  --padding-element-base-vertical: .786em !important;
  /*.768em*/
  --padding-element-base-horizontal: 1.643em !important;
}

@media all and (max-width: 768px) {
  .fragment .fragment-title + .fragment-description {
    margin-top: 24px;
  }

  .fragment .fragment-header + .fragment-content {
    margin-top: 35px;
  }
}
/* новый дизайн навигационных кнопок для слайдера: убрана обводка */
.swiper-button-prev, .swiper-button-next {
  --swiper-navigation-border-width: 0;
}

/* вкладки */
.ui-tab {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 6px;
  color: var(--color-neutral-semi-dark);
}
.ui-tab:before {
  width: 0;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-neutral-dark);
  -webkit-transition-duration: var(--duration-base);
  -moz-transition-duration: var(--duration-base);
  -ms-transition-duration: var(--duration-base);
  -o-transition-duration: var(--duration-base);
  transition-duration: var(--duration-base);
  -webkit-transition-property: opacity, width;
  -moz-transition-property: opacity, width;
  -ms-transition-property: opacity, width;
  -o-transition-property: opacity, width;
  transition-property: opacity, width;
}
.ui-tab:hover {
  color: var(--color-primary-base);
}
.ui-tab[data-state=active] {
  font-weight: 500;
  color: var(--color-neutral-dark);
  border-bottom-color: var(--color-neutral-dark);
}
.ui-tab[data-state=active]:before {
  width: 100%;
}

.ui-tablist {
  flex-wrap: wrap;
  gap: 10px 30px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ui-text-little {
  font-size: 0.930rem;
}

/* Вариант решения проблемы с переполнением кнопки */
.ui-button {
  max-width: 100%;
  overflow: hidden;
}

int-panel-bottom {
  z-index: 100;
}

.vue-scroll-top {
  bottom: 125px;
}

@media all and (max-width: 768px) {
  .vue-scroll-top {
    bottom: 145px;
  }
}

@supports (-webkit-touch-callout: none) {
  * {
    backdrop-filter: none!important;
  }
  .intec-staff.slider .blocks-standard-1 .item:hover::after, .intec-staff.slider .blocks-standard-1 .item:focus-within::after,
  .intec-news .item-badge,
  .search-title.popup .standard-1[data-expanded=false] .search-overlay,
  .ns-bitrix.c-search-title.c-search-title-popup-1 .search-title-overlay,
  .ui-overlay, .ns-bitrix.c-menu.c-menu-vertical-1 .menu-overlay,
  .ns-bitrix.c-menu.c-menu-mobile-1 .menu-overlay,
  .modal, .header, .ui-user-panel-fade {
    backdrop-filter: none!important;
    background: rgba(255,255,255,0.9);
  }
}

[data-action="search.open"],
[data-action="search.close"],
[data-action="search.clear"] {
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}