/* Start:/bitrix/templates/newstom/css/modal.css?17684344653461*/
/*.open-modal-link {
    color: #007bff;
    text-decoration: none;
    border-bottom: 1px dashed #007bff;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s;
}

.open-modal-link:hover {
    color: #0056b3;
    border-bottom-style: solid;
}*/

/* Стили модального окна */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 700px;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

.modal-overlay.active .modal {
    transform: translateY(0);
}

.modal-header {
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
}

.modal-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
}

.modal-close {
    background: none;
    border: none;
    font-size: 1.8rem;
    color: #6c757d;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.modal-close:hover {
    background-color: #e9ecef;
    color: #343a40;
}

.modal-body {
    padding: 20px;
    overflow-y: auto;
    flex-grow: 1;
}

.modal-footer {
    padding: 15px 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    background-color: #f8f9fa;
}


/* Стили для длинного текста */
.long-text {
    font-size: 1rem;
    line-height: 1.6;
}

.long-text h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    color: #2c3e50;
}

.long-text p {
    margin-bottom: 15px;
}

.long-text ul {
    margin-bottom: 15px;
    padding-left: 20px;
}

.long-text li {
    margin-bottom: 8px;
}

/* Индикатор загрузки */
.modal .loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
    color: #6c757d;
}

.modal .spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.modal .error {
    padding: 40px;
    text-align: center;
    color: #dc3545;
}

.modal .error .icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .container {
        padding: 20px;
    }
    
    .modal {
        width: 95%;
        max-height: 85vh;
    }
    
    .modal-header, .modal-body, .modal-footer {
        padding: 15px;
    }
}
/* End */


/* Start:/bitrix/templates/newstom/css/swiper.min.css?174704233222741*/
/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/*# sourceMappingURL=swiper.min.css.map */

/* End */


/* Start:/bitrix/templates/newstom/css/main.css?177688030274831*/
:root {
  --color-whte: #fff;
  --color-whte--rgb: hextorgb(#fff);
  --color-blck: #111827;
  --color-blck--rgb: hextorgb(#111827);
  --color-primary: #3b89e4;
  --color-primary--rgb: hextorgb(#3b89e4);
  --color-primary-light: #B2CEEF;
  --color-primary-light--rgb: hextorgb(#B2CEEF);
  --color-border: #D1D5DB;
  --color-border--rgb: hextorgb(#D1D5DB);
  --color-border-light: #C0D7F1;
  --color-border-light--rgb: hextorgb(#C0D7F1);
  --color-grey: #6B7280;
  --color-grey--rgb: hextorgb(#6B7280);
  --color-grey-light: #F3F4F6;
  --color-grey-light--rgb: hextorgb(#F3F4F6);
  --color-grey-dark: #4B5563;
  --color-grey-dark--rgb: hextorgb(#4B5563);
  --color-secondary: #ffefe5;
  --color-secondary--rgb: hextorgb(#ffefe5);
  --color-green: #32ce18;
  --color-green--rgb: hextorgb(#32ce18);
  --color-red: #E9585B;
  --color-red--rgb: hextorgb(#E9585B);
  --color-yellow: #ffc61a;
  --color-yellow--rgb: hextorgb(#ffc61a);
  --font-primary: Roboto, sans-serif;
}

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  /*outline: none;*/
}

a:focus,
a:active {
  /* outline: none;*/
}

/* Links */
a, a:link, a:visited {
  /* color: inherit; */
  text-decoration: none;
  /* display: inline-block; */
}

a:hover {
  /* color: inherit; */
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img, svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type=submit] {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

@font-face {
  font-family: "Roboto";
  src: url("/bitrix/templates/newstom/css/../fonts/Roboto-Regular.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url("/bitrix/templates/newstom/css/../fonts/Roboto-Medium.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
/*@font-face {
  font-family: "Roboto";
  src: url("/bitrix/templates/newstom/css/../fonts/Roboto-SemiBold.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}*/
@font-face {
  font-family: "Roboto";
  src: url("/bitrix/templates/newstom/css/../fonts/Roboto-Bold.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
.color-red {
  color: var(--color-red);
}

.color-primary {
  color: var(--color-primary);
}

.link {
  padding-bottom: 2px;
  border-bottom: 1px solid var(--color-border);
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.link-primary {
  padding-bottom: 2px;
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-border-light);
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.section {
  padding: 48px 0;
}
.section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 36px;
  gap: 12px;
}

.tab-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.tab-control {
  padding: 10px 18px;
  background-color: transparent;
  border: 2px solid var(--color-primary-light);
  border-radius: 12px;
  font-weight: 500;
  color: var(--color-primary);
  cursor: pointer;
}
.tab-control.is-selected {
  background: rgba(178, 206, 239, 0.32);
}

.slider-btn {
  --size: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  outline: none;
  background-color: var(--color-whte);
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.slider-btn svg {
  --size: 24px;
  display: block;
  width: var(--size);
  height: var(--size);
}

.page {
  background-color: var(--color-grey-light);
}
.page__title {
  margin-bottom: 56px;
}
.page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 60px;
}
.page-main {
  width: 100%;
}
.page-asside {
  max-width: 440px;
  width: 100%;
  gap: 60px;
}

.common-list li {
  position: relative;
  padding-left: 18px;
}
.common-list li:not(:last-of-type) {
  margin-bottom: 12px;
}
.common-list li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  top: 7px;
  left: 0;
  border-radius: 50%;
}

*,
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body.noscroll {
  position: fixed;
  left: 0;
  right: 0;
}

body {
  scroll-behavior: smooth;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 320px;
  min-height: 100dvh;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: var(--color-blck);
  text-rendering: optimizespeed;
  position: relative;
  font-weight: 400;
}
body.no-scroll {
  height: 100vh;
  overflow: hidden;
}

main {
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  background-color: transparent;
  border: none;
}

img,
iframe {
  display: block;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

section {
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

.link {
  position: relative;
}
.link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.link:hover:before {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.container {
  max-width: 1440px;
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}

h1,
h2,
h3 {
  margin: 0;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.h1, h1 {
  /*font-size: 56px;*/
  font-size: 45px;
  font-weight: 500;
}

.h2, h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.22;
}

.h3, h3 {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
}

.h4, h4 {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
}

.form-group {
  width: 100%;
}
.form-label {
  display: none;
}
.form-control {
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  padding: 16px 24px;
  border-radius: 12px;
  background-color: var(--color-whte);
  font-size: 18px;
  line-height: 1.44;
  font-weight: 500;
  border: none;
  outline: none;
}
.form-control::-webkit-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  opacity: 0.6;
  color: var(--color-grey);
}
.form-control::-moz-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  opacity: 0.6;
  color: var(--color-grey);
}
.form-control:-ms-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  opacity: 0.6;
  color: var(--color-grey);
}
.form-control::-ms-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  opacity: 0.6;
  color: var(--color-grey);
}
.form-control::placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 18px */
  opacity: 0.6;
  color: var(--color-grey);
}
.form-control:focus::-webkit-input-placeholder {
  display: none;
  opacity: 0;
}
.form-control:focus::-moz-placeholder {
  display: none;
  opacity: 0;
}
.form-control:focus:-ms-input-placeholder {
  display: none;
  opacity: 0;
}
.form-control:focus::-ms-input-placeholder {
  display: none;
  opacity: 0;
}
.form-control:focus::placeholder {
  display: none;
  opacity: 0;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 12px;
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: var(--color-whte);
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.btn:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: #ffffff;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.btn--outline {
  background-color: transparent;
  border-color: var(--color-primary-light);
  color: var(--color-primary);
}
.btn--white {
  background-color: var(--color-whte);
  color: var(--color-blck);
  border-color: var(--color-whte);
}
.btn--l {
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1.44;
}
.btn--wide {
  width: 100%;
}

.breadcrumbs {
  padding: 36px 0 10px;
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}
.breadcrumbs__item {
  pointer-events: none;
  color: var(--color-grey);
}
.breadcrumbs__item:not(:last-of-type) {
  pointer-events: all;
  padding-right: 16px;
  position: relative;
  color: var(--color-black);
}
.breadcrumbs__item:not(:last-of-type)::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  border-right: 1px solid var(--color-border);
}

.header {
  padding: 24px 0;
  background-color: var(--color-whte);
  border-bottom: 1px solid #e5e7eb;
}
.header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.header__logo {
  width: 195px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 64px;
}
.header__content {
  width: 100%;
}
.header__top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__tel {
  display: block;
  margin: 0 20px 0 auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  color: var(--color-primary);
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.header__tel svg {
  display: none;
}
.header__btn svg {
  display: none;
}
.header__burger {
  display: none;
}
.header__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.header__address-item {
  color: var(--color-primary);
  padding-bottom: 2px;
  border-bottom: 1px solid var(--color-primary-light);
  font-weight: 500;
  line-height: 1.25;
}
.header__menu {
  width: 100%;
  margin-top: 12px;
}
.header__mob {
  display: none;
}
.header__mob-tel {
  color: var(--color-primary);
  font-weight: 500;
}
.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.header__nav-item {
  padding-bottom: 2px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}
.header__nav-item-counter {
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}
.header__nav-item a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.header__nav-item a > span svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__nav-item a > span:hover svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header {
  position: relative;
  z-index: 11;
}

.header-catalog-toggle:hover .header-catalog {
  display: block;
}

.header-catalog {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  border-radius: 0px 0px 16px 16px;
  border: 1px solid var(--gray-200, #e5e7eb);
  background: var(--gray-50, #f9fafb);
  padding: 40px;
  display: none;
}
.header-catalog::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 25px;
  top: -25px;
  left: 0;
  right: 0;
  z-index: -11;
}
.header-catalog__inner {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 40px;
}
.header-catalog__aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  padding-right: 40px;
  border-right: 1px solid var(--color-border);
}
.header-catalog__category {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  transition: 0.25s;
}
.header-catalog__category svg {
  display: block;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
}
.header-catalog__category:hover {
  color: var(--color-primary);
}
.header-catalog__category:hover svg {
  opacity: 1;
}
.header-catalog__category.is-active {
  color: var(--color-primary);
}
.header-catalog__category.is-active svg {
  opacity: 1;
}
.header-catalog__section {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: none;
}
.header-catalog__section.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-catalog__section-headline {
  display: block;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 32px;
  cursor: pointer;
}
.header-catalog__section-headline svg {
  display: none;
}
.header-catalog__section-link {
  display: block;
  font-size: 16px;
  color: var(--color-primary);
  font-weight: 500;
}
.header-catalog__section-link + .header-catalog__section-link {
  margin-top: 16px;
}

.footer {
  padding: 40px 0;
  background-color: var(--color-grey-light);
  border-top: 1px solid var(--color-border);
}
.footer__main {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 24px;
}
.footer__logo {
  display: inline-block;
  margin-bottom: 24px;
}
.footer__mail {
  font-size: 18px;
  font-weight: 500;
}
.footer__tel {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
}
.footer__company {
  grid-column: 1/2;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer__license {
  grid-column: 1/2;
  grid-row: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 8px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
}
.footer__license span {
  color: var(--color-grey);
  font-size: 14px;
}
.footer__nav {
  grid-column: 2/3;
  grid-row: 1/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  column-gap: 32px;
}
.footer__nav-section {
  max-width: 320px;
  width: 100%;
}

.footer__nav-section:first-child {
	max-width: 400px;
}

.footer__nav-section-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
.footer__nav-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.footer__nav-list.footer__nav-catalog {
	grid-template-columns: repeat(1, 1fr);
}
.footer__nav-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.footer__nav-item {
  display: block;
  font-weight: 500;
}
.footer__bottom {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.footer__company {
  color: var(--color-grey);
}

.popup {
  position: fixed;
  inset: 0 0 0 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  display: none;
}
.popup.is-open {
  display: block;
}
.popup-wrapper {
  width: 100%;
  height: 100%;
}
.popup-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.popup-content {
  max-width: 540px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
  border-radius: 20px;
  background: linear-gradient(262deg, #cae0f3 0%, #eaeef3 100%);
  padding: 32px;
}
.popup-content .asside-form {
  padding: 0;
}
.popup-content .asside-form__btn {
  width: 100% !important;
}
.popup__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
}
.popup__close svg {
  display: block;
}

.hero {
  padding: 20px 0;
}
.hero__wrapper {
  overflow: hidden;
  position: relative;
}
.hero__next-btn {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.hero__prev-btn {
  position: absolute;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}
.hero__prev-btn svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hero__item {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(262deg, #cae0f3 0%, #eaeef3 100%);
  min-height: 640px;
  overflow: hidden;
}
.hero__item-info {
  max-width: 850px;
  width: 100%;
  padding: 36px 36px 36px 76px;
  position: relative;
  z-index: 2;
}
.hero__item-title {
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 1.06;
  font-weight: 500;
}
.hero__item-title span {
  color: var(--color-primary);
}
.hero__item-desc {
  max-width: 480px;
  color: var(--color-grey-dark);
  font-size: 18px;
  line-height: 1.44;
  margin-bottom: 40px;
}
.hero__item-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.hero__item-img {
  position: absolute;
  bottom: 0;
  right: 50px;
  z-index: 1;
}
.hero__item-details {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 16px;
  position: relative;
  z-index: 2;
}
.hero__item-detail {
  padding: 16px 24px;
  background-color: var(--color-whte);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  border-radius: 12px;
}
.hero__item-detail img {
  --size: 44px;
  width: var(--size);
  height: var(--size);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hero__item-detail span {
  font-weight: 500;
}

.benefits {
  padding: 20px 0;
  overflow: hidden;
}
.benefits__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.benefits__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  height: 200px;
}
.benefits__item:nth-of-type(1) {
  background: linear-gradient(262deg, #CAE0F3 0%, #EAEEF3 100%);
}
.benefits__item:nth-of-type(2) {
  background: linear-gradient(262deg, #F5D2D7 0%, #F3EAEC 100%);
}
.benefits__item:nth-of-type(3) {
  background: linear-gradient(262deg, #CAF3D5 0%, #EAF3EE 100%);
}
.benefits__item-img {
  position: absolute;
  bottom: 0;
  /*right: 0;*/
  right: 5%;
  
  max-width: 50%;
  max-height: 167px;
}
.benefits__item-title {
  font-size: 24px;
  font-weight: 500;
}
.benefits__item-title span {
  color: var(--color-primary);
  display: block;
}

.s-services__content {
  display: none;
}
.s-services__content.is-open {
  display: block;
}

.services-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.services-card {
  padding: 16px 24px;
  border-radius: 16px;
  background: var(--gray-100, #f3f4f6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 16px;
}
.services-card__img {
  --size: 48px;
  width: var(--size);
  height: var(--size);
}
.services-card__title {
  font-size: 18px;
  font-weight: 500;
}

.services__title {
  margin-bottom: 56px;
}
.services__section-title {
  margin-bottom: 40px;
}
.services__section + .services__section {
  margin-top: 56px;
  padding-top: 56px;
  border-top: 1px solid var(--color-border);
}
.services__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 20px;
}

.services-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.services-item__img {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
}
.services-item__img img {
  width: 100%;
  height: 100%;
}
.services-item__title {
  font-size: 24px;
  font-weight: 500;
  margin: auto 0 4px 0;
  color: var(--color-primary);
}
.services-item__price {
  font-size: 18px;
  font-weight: 500;
}

.team-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.team-item__img {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 16px;
  height: 400px;
}
.team-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.team-item__name {
  display: inline-block;
  width: auto;
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: 500;
}
.team-item__type {
  line-height: 1.25;
  color: var(--color-grey);
}
.team-item__post {
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.s-team__all {
  margin-top: 36px;
}

.other-team__slider {
  overflow: hidden;
}

.advantages {
  overflow: hidden;
}
.advantages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.advantages__item {
  padding: 16px 24px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  background: -webkit-gradient(linear, left top, left bottom, from(#d0e2f7), to(#f1f4f8));
  background: linear-gradient(180deg, #d0e2f7 0%, #f1f4f8 100%);
  min-height: 240px;
}
.advantages__item-title {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: 500;
}
.advantages__item-desc {
  line-height: 1.25;
}

.map__container {
  height: 520px;
}

.feedback {
  padding: 20px 0;
}
.feedback--bg-white {
  background-color: var(--color-whte);
}
.feedback--secondary .feedback__wrapper {
  background: linear-gradient(262deg, #CAE0F3 0%, #EAEEF3 100%);
}
.feedback__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 40px 40px 34px;
  border-radius: 16px;
  background: linear-gradient(262deg, #bdeeda 0%, #e7f1ef 81.5%);
  overflow: hidden;
}
.feedback__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.feedback__title {
  font-size: 48px;
  line-height: 1.08;
  margin-bottom: 20px;
  font-weight: 600;
  max-width: 700px;
  margin-bottom: 20px;
}
.feedback__desc {
  max-width: 457px;
  width: 100%;
  font-size: 18px;
  margin-bottom: 32px;
}
.feedback__form {
  max-width: 435px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-bottom: 32px;
}
.feedback__btn {
  padding: 16px 24px;
  height: 58px;
  font-size: 18px;
  font-weight: 500;
}
.feedback__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
  margin: auto 0 0 0;
  font-size: 18px;
  font-weight: 500;
}
.feedback__contacts a {
  color: var(--color-primary);
}
.feedback__img {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: -34px;
}

.blog-item--author {
  background-color: var(--color-whte);
  border-radius: 16px;
  padding: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 360px;
}
.blog-item--author .blog-item__link {
  margin: auto 0 6px 0;
}
.blog-item--l .blog-item__img {
  height: 360px;
}
.blog-item--l .blog-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-item--s .blog-item__img {
  height: 280px;
}
.blog-item--s .blog-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.blog-item__author-photo {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.blog-item__author-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-item__author-name {
  font-size: 14px;
  margin-bottom: 2px;
}
.blog-item__author-post {
  font-size: 12px;
  color: var(--color-grey);
}
.blog-item__img {
  display: block;
  width: 100%;
  margin-bottom: 16px;
  overflow: hidden;
  border-radius: 16px;
}
.blog-item__img img {
  width: 100%;
}
.blog-item__title {
  font-size: 18px;
  line-height: 1.44;
  font-weight: 500;
  margin-bottom: 6px;
}
.blog-item__link {
  display: inline-block;
  width: auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  margin-bottom: 6px;
}
.blog-item__desc {
  color: var(--color-grey);
}

.blog__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.news {
  padding: 72px 0 84px;
}
.news__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.s-about__wrapper {
  width: 100%;
  padding-bottom: 96px;
  background: url("/bitrix/templates/newstom/css/../images/about/about-logo.png") right 100px bottom 0px/480px no-repeat;
}
.s-about__info {
  max-width: 640px;
}
.s-about__title {
  margin-bottom: 20px;
}
.s-about__desc {
  margin-bottom: 32px;
}
.s-about__text p {
  font-size: 16px;
  line-height: 1.25;
}
.s-about__text p + p {
  margin-top: 16px;
}
.s-about__text span,
.s-about__text a {
  color: var(--color-primary);
}
.s-about__read {
  display: none;
}

.about__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.about__img {
  width: 100%;
}
.about__img img {
  width: 100%;
}
.about__info-title {
  margin-bottom: 12px;
}
.about__info-text {
  margin-bottom: 24px;
}

.about-advantages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 48px;
  gap: 20px;
}
.about-advantages__item {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.about-advantages__item span {
  font-size: 18px;
  font-weight: 600;
}
.about-advantages__item img {
  display: block;
  --size: 44px;
  width: var(--size);
  height: var(--size);
}

.doctor-main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 48px;
}
.doctor-main__img {
  max-width: 440px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.doctor-main__info {
  width: 100%;
}
.doctor-main__title {
  margin-bottom: 20px;
}
.doctor-main__post {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 24px;
}
.doctor-main__type {
  font-size: 18px;
  line-height: 1.44;
  color: var(--color-grey);
  margin-bottom: 64px;
}
.doctor-main__btn {
  margin-bottom: 20px;
}
.doctor-main__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.doctor-about {
  background-color: var(--color-whte);
}
.doctor-about__title {
  margin-bottom: 40px;
}
.doctor-about__subtitle {
  margin-bottom: 20px;
}
.doctor-about__section + .doctor-about__section {
  margin-top: 40px;
}
.doctor-about__list li {
  position: relative;
  padding-left: 18px;
}
.doctor-about__list li:not(:last-of-type) {
  margin-bottom: 12px;
}
.doctor-about__list li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  top: 7px;
  left: 0;
  border-radius: 50%;
}

.documents__title {
  margin-bottom: 40px;
}
.documents__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 48px;
}
.documents__wrapper {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
}
.documents__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.documents__main {
  width: 100%;
}
.documents__section-title {
  margin-bottom: 24px;
}
.documents__section + .documents__section {
  margin-top: 42px;
  padding-top: 40px;
  border-top: 1px solid var(--color-border);
}
.documents__item {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-primary);
  border-color: var(--color-primary-light);
}
.documents__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.documents__form {
  max-width: 440px;
  width: 100%;
}

.asside-form {
  border-radius: 12px;
  background: linear-gradient(262deg, #cae0f3 0%, #eaeef3 100%);
  width: 100%;
  padding: 20px 24px;
}
.asside-form__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
.asside-form__desc {
  color: var(--color-grey-dark);
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.44;
}
.asside-form__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.asside-form__agreement {
  margin-top: 12px;
  font-size: 14px;
}
.asside-form__agreement a {
  color: var(--color-primary);
}
.asside-form__tel {
  margin-top: 32px;
  font-size: 18px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.asside-form__tel a {
  color: var(--color-primary);
  border-color: var(--color-primary-light);
}

.contacts__title {
  margin-bottom: 56px;
}
.contacts__content {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 24px;
}
.contacts__map {
  max-width: 100%;
  overflow: hidden;
}
.contacts__map-wrap {
  max-width: 100%;
  height: 560px;
}
.contacts__clinics {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.contacts__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contacts__connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.contacts__socials {
  margin-top: 12px;
}

.contacts-clinic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  padding: 16px;
  background-color: var(--color-whte);
}
.contacts-clinic:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
.contacts-clinic__img {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.contacts-clinic__info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.contacts-clinic__name {
  color: var(--color-primary);
  margin-bottom: 4px;
}

.contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: var(--color-primary);
}

.not-found {
  padding: 48px 0 96px;
}
.not-found__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.not-found__img {
  margin-bottom: 40px;
}
.not-found__title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.22;
  margin-bottom: 16px;
}
.not-found__desc {
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 1.44;
}
.not-found__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.not-found__tel span {
  display: block;
  margin-bottom: 2px;
}
.not-found__tel a {
  font-size: 18px;
  color: var(--color-primary);
}

.policy-section + .policy-section {
  margin-top: 32px;
}
.policy-section h2 {
  margin-bottom: 24px;
}
.policy-section p + p {
  margin-top: 16px;
}

ol {
  list-style: none;
  padding-left: 0;
  counter-reset: list;
}
ol li {
  position: relative;
  counter-increment: list;
  padding-left: 28px;
}
ol li + li {
  margin-top: 16px;
}
ol li::before {
  position: absolute;
  content: counter(list) ".";
  left: 0;
  top: 0;
  font-weight: 500;
  line-height: 1.44;
  color: var(--color-primary);
}

.faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.faq-item {
  background-color: var(--color-whte);
  padding: 30px;
  border-radius: 16px;
}
.faq-item.is-open .faq-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-item.is-open .faq-item__head svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.faq-item__head {
  font-size: 24px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.faq-item__head svg {
  display: block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.faq-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--color-grey-light);
  display: none;
}
.faq-item__question {
  max-width: 606px;
  width: 100%;
  margin: 0 0 0 auto;
  padding: 20px;
  background-color: #EDF5FF;
  border: 1px solid #B8D8FD;
  border-radius: 12px;
  font-weight: 500;
}
.faq-item__answer {
  max-width: 606px;
  width: 100%;
  margin: 0 auto 0 0;
  padding: 20px;
  background-color: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
}
.faq-item__answer-top {
  padding-left: 8px;
  border-left: 2px solid var(--color-primary);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 16px;
}

.doctors .page__title {
  margin-bottom: 36px;
}
.doctors__nav {
  margin-bottom: 56px;
}

.doctors-section {
  display: none;
}
.doctors-section.is-open {
  display: block;
}
.doctors-section + .doctors-section {
  --size: 56px;
  margin-top: var(--size);
  padding-top: var(--size);
  border-top: 1px solid var(--color-border);
}
.doctors-section__title {
  margin-bottom: 40px;
}
.doctors-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.price__info {
  font-size: 18px;
  margin-bottom: 56px;
}
.price__info > * {
  margin-bottom: 12px;
}
.price__nav {
  margin-bottom: 56px;
}
.price__tabs {
  margin-bottom: 24px;
}
.price-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding-right: 150px;
}
.price-categories__item {
  font-size: 18px;
  line-height: 1.44;
  cursor: pointer;
  display: none;
}
.price-categories__item.is-open {
  display: block;
}
.price__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.price-section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.price-section__head {
  padding: 16px 48px 2px 24px;
  background-color: var(--color-whte);
  font-size: 24px;
  color: var(--color-primary);
  font-weight: 500;
  border-radius: 16px 16px 0 0;
  position: relative;
}
.price-section__head::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: url("/bitrix/templates/newstom/css/../images/border-el.svg") center center/16px no-repeat;
  bottom: 0;
  right: -16px;
}
.price-section__body {
  width: 100%;
  padding: 24px 24px 32px;
  background-color: var(--color-whte);
  border-radius: 0 16px 16px 16px;
}
.price-section__table-cell-all {
  color: #9CA3AF;
  font-weight: 400;
}
.price-section__table-row {
  display: grid;
  /*grid-template-columns: 1fr 120px 120px;*/
  grid-template-columns: 1fr 120px;
  gap: 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 500;
}
.price-section__table-row + .price-section__table-row {
  margin-top: 16px;
}
.price-section__table-head {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}
.price-section__table-name {
  max-width: 450px;
  padding-bottom: 2px;
/*  color: var(--color-primary);*/
  border-bottom: 1px dashed var(--color-border);
}
.price-section__table-name--b {
  color: var(--color-dark);
}
.price-section__table-desc {
  max-width: 450px;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.42;
  font-weight: 400;
  color: var(--color-grey);
}

.link--dashed {
  border-bottom-style: dashed;
}

.article__title {
  margin-bottom: 32px;
}
.article__subtitle {
  margin-bottom: 12px;
}
.article__desc {
  margin-bottom: 32px;
}
.article__img {
  margin-bottom: 4px;
  display: block;
  width: 100%;
}
.article__nav {
  background: linear-gradient(262deg, #cae0f3 0%, #eaeef3 100%);
  border-radius: 4px 4px 16px 16px;
  padding: 24px;
}
.article__nav-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 20px;
}
.article__nav-list li {
  color: var(--color-primary);
}
.article__nav-list li + li {
  margin-top: 12px;
}
.article-section {
  margin-top: 32px;
  font-size: 18px;
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;*/
}
.article-section__img img {
  display: block;
  border-radius: 16px;
}
.article-section__img figcaption {
  font-size: 14px;
  line-height: 1.42;
  margin-top: 10px;
  color: var(--color-grey);
}
.article-section__advice {
  padding: 24px;
  border-radius: 16px;
  background: linear-gradient(262deg, #bdeeda 0%, #e7f1ef 81.5%);
  font-size: 18px;
  line-height: 1.44;
}
.article-section__advice-text {
  max-width: 640px;
}
.article-section__advice-doctor {
  margin-top: 24px;
  font-weight: 700;
}

.service-banner__wrapper {
  position: relative;
  padding: 40px;
  min-height: 480px;
  border-radius: 16px;
  background: linear-gradient(262deg, #cae0f3 0%, #eaeef3 100%);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.service-banner__title {
  margin-bottom: 20px;
}
.service-banner__desc {
  font-size: 24px;
}
.service-banner__content {
  max-width: 480px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-banner__bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.service-banner__price-title {
  margin-bottom: 2px;
  font-weight: 500;
}
.service-banner__price {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service-banner__price-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
.service-banner__price-current {
  color: var(--color-primary);
  font-weight: 500;
  font-size: 18px;
}
.service-banner__price-old {
  font-size: 14px;
  color: var(--color-grey);
  text-decoration: line-through;
}
.service-banner__payment {
  grid-column: span 2;
  font-size: 14px;
  margin-top: 12px;
  color: var(--color-grey);
}
.service-banner__img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: calc(100% - 500px);
}

.service-banner__img img {
	height: 100%;
}

.service-content {
  display: grid;
  /*grid-template-columns: 1fr 325px;*/
  grid-template-columns: auto 325px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  column-gap: 20px;
}

.service-section {
  /*padding: 40px 0;*/
  margin: 40px 0;
}
.service-section:last-child {
	/*padding-bottom: 0;*/
	padding-bottom: 20px;
}
.service-section .service-section {
  padding: 20px 0 40px;
}
.service-section__title {
  margin-bottom: 16px;
}
.service-section__desc {
  font-size: 18px;
  line-height: 1.44;
  margin-bottom: 32px;
}

.service-desc {
  font-size: 20px;
}

.service-info__title {
  margin-bottom: 32px;
}
.service-info__text {
  max-width: 710px;
  font-size: 20px;
  margin-bottom: 32px;
}
.service-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 32px;
}
.service-info__desc {
  width: 100%;
}
.service-info__desc p {
  font-size: 18px;
}
.service-info__desc p + p {
  margin-top: 16px;
}
.service-info__desc p span {
  font-weight: 500;
}
.service-info__list li {
  font-size: 18px;
}
.service-info__list li span {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.service-info__list li + li {
  margin-top: 20px;
}
.service-info__img {
  max-width: 440px;
  width: 100%;
}

.service-banner-text {
  border-radius: 16px;
  background: linear-gradient(262deg, #bdeeda 0%, #e7f1ef 81.5%);
  padding: 40px;
}
.service-banner-text__title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
}
.service-banner-text__desc {
  /*max-width: 640px;*/
  font-size: 18px;
}

.advice__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  padding: 40px;
  overflow: hidden;
  background: var(--gray-200, #e5e7eb);
}
.advice__info {
  max-width: 620px;
}
.advice__img {
  max-width: 360px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 -40px -40px 0;
}
.advice__title {
  margin-bottom: 24px;
}
.advice__subtitle {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 600;
}
.advice__desc {
  font-size: 18px;
  margin-bottom: 16px;
}
.advice__author {
  margin-bottom: 24px;
}
.advice__author-name {
  font-weight: 600;
  margin-bottom: 4px;
}
.advice__author-post {
  color: var(--colog-grey);
}

.service-faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}

.service-faq-item {
  padding: 6px 0 0 0;
}
.service-faq-item__question {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.service-faq-item__text {
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.service-faq-item__text::before {
  position: absolute;
  content: "";
  width: 100%;
  inset: auto 0 -20px 0;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 244, 246, 0)), color-stop(70.81%, #f3f4f6));
  background: linear-gradient(180deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 70.81%);
  pointer-events: none;
}
.service-faq-item__text.is-show {
  display: block;
  overflow: visible;
}
.service-faq-item__text.is-show::before {
  display: none;
}
.service-faq-item__show-text {
  font-size: 18px;
  margin-top: 20px;
  font-weight: 500;
  color: var(--color-primary);
  cursor: pointer;
}

.service-contacts .contacts__connect {
  position: relative;
}
.service-contacts .contacts__socials {
  position: absolute;
  bottom: 0;
  right: 0;
}
.service-contacts .contacts__map-wrap {
  height: 440px;
}

.service-plan {
  counter-reset: plan;
}
.service-plan__item {
  padding: 8px 0 24px 72px;
  position: relative;
  counter-increment: plan;
  --size: 48px;
}
.service-plan__item::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  content: counter(plan);
  left: 0;
  top: 0;
  width: var(--size);
  height: var(--size);
  background-color: #e6ecf4;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 600;
  border-radius: 50%;
}
.service-plan__item::after {
  position: absolute;
  content: "";
  width: 2px;
  height: calc(100% - var(--size));
  top: var(--size);
  left: 23px;
  background-color: #e6ecf4;
}
.service-plan__item:last-of-type::after {
  display: none;
}
.service-plan__item-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}
.service-plan__item-desc {
  font-size: 18px;
}

.reviews {
  overflow: hidden;
  max-width: 100%;
}
.reviews__list {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.reviews__list::before {
  content: "";
  position: absolute;
  width: 96px;
  height: 100%;
  inset: 0 0 0 auto;
  background: -webkit-gradient(linear, right top, left top, from(#F3F4F6), to(rgba(243, 244, 246, 0)));
  background: linear-gradient(270deg, #F3F4F6 0%, rgba(243, 244, 246, 0) 100%);
  z-index: 3;
}
.reviews-item {
  max-width: 440px;
  width: 100%;
  background-color: var(--color-whte);
  padding: 20px;
  border-radius: 16px;
}
.reviews-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.reviews-item__name {
  font-weight: 600;
  font-size: 18px;
}
.reviews-item__date {
  font-size: 18px;
  color: var(--color-grey);
}
.reviews-item__text {
  margin-bottom: 20px;
}
.reviews-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.reviews-item__author span {
  color: var(--color-grey);
}
.reviews-item__rating {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.reviews-item__rating img {
  width: 20px;
  height: 20px;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1440px) {
  .page__title {
    margin-bottom: 40px;
  }
  .page-content {
    gap: 32px;
  }
  .header__logo {
    margin-right: 32px;
    width: 160px;
  }
  .advice__img {
    max-width: 240px;
  }
}
@media (max-width: 1439px) {
  .container {
    padding: 0 20px;
  }
}
@media (max-width: 1200px) {
  .h1, h1 {
    /*font-size: 42px;*/
    font-size: 38px;
  }
  .header {
    padding: 16px 0;
  }
  .header .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: 0;
    background-color: var(--color-primary-light);
    margin-right: 8px;
    border-radius: 4px;
  }
  .header__tel svg {
    display: block;
  }
  .header__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 0;
    margin-right: 8px;
    gap: 0;
  }
  .header__btn svg {
    display: block;
  }
  .header__burger {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
  }
  .header__burger span {
    position: absolute;
    background-color: var(--color-blck);
    width: 24px;
    height: 2px;
    left: 8px;
    right: 8px;
    top: 10px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .header__burger span:nth-of-type(1) {
    top: 12px;
  }
  .header__burger span:nth-of-type(2) {
    top: 20px;
  }
  .header__burger span:nth-of-type(3) {
    top: 28px;
  }
  .header__burger.is-active span {
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .header__burger.is-active span:nth-of-type(1) {
    display: none;
  }
  .header__burger.is-active span:nth-of-type(2) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header__burger.is-active span:nth-of-type(3) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header__address {
    display: none;
  }
  .header__menu {
    position: fixed;
    inset: 82px 0 0 0;
    width: 100%;
    height: calc(100dvh - 82px);
    background-color: var(--color-whte);
    z-index: 10;
    margin-top: 0;
    padding: 20px 16px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    overflow: auto;
  }
  .header__menu.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .header__mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
  }
  .header__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
  }
  .header__nav-item {
    display: block;
  }
  .header-catalog {
    position: static;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }
  .header-catalog::before {
    display: none;
  }
  .header-catalog__inner {
    display: block;
  }
  .header-catalog__aside {
    display: none !important;
  }
  .header-catalog__category {
    font-size: 14px;
    font-weight: 400;
  }
  .header-catalog__section {
    margin-top: 12px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-catalog__section-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .header-catalog__section-headline svg {
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header-catalog__section-headline.is-active {
    color: var(--color-primary);
  }
  .header-catalog__section-headline.is-active svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .header-catalog__section-links {
    display: none;
    padding-left: 20px;
  }
  .header-catalog__section-links.is-open {
    display: block;
  }
  .header-catalog__section-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-blck);
  }
  .footer__nav {
    gap: 40px;
  }
  .hero__item-info {
    max-width: 550px;
    padding: 0;
    margin-bottom: 40px;
    padding-left: 76px;
  }
  .hero__item-title {
    font-size: 42px;
  }
  .hero__item-detail {
    padding: 12px 16px;
    gap: 12px;
  }
  .hero__item-detail img {
    --size: 32px;
  }
  .hero__item-detail span {
    font-size: 14px;
  }
  .services__list {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .team-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .feedback__title {
    font-size: 32px;
  }
  .news__list {
    gap: 12px;
  }
  .s-about__wrapper {
    background-size: 250px;
    background-position: right bottom;
  }
  .doctors-section + .doctors-section {
    --size: 40px;
  }
  .doctors-section__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .service-content {
    grid-template-columns: 100%;
  }
  .reviews {
    max-width: calc(100vw - 32px);
  }
  .reviews__list {
    overflow: visible;
  }
  .reviews-item {
    width: 320px;
  }
}
@media (max-width: 1023px) {
  .section {
    padding: 32px 0;
  }
  .section__head {
    margin-bottom: 24px;
  }
  .slider-btn {
    --size: 44px;
  }
  .slider-btn svg {
    --size: 20px;
  }
  .page__title {
    margin-bottom: 32px;
  }
  .page-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .h1, h1 {
    /*font-size: 36px;*/
    font-size: 30px;
  }
  .h2, h2 {
    font-size: 28px;
  }
  .breadcrumbs {
    padding: 26px 0 10px;
  }
  .footer {
    padding: 24px 0;
  }
  .footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__license {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
    font-size: 14px;
  }
  .footer__nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .footer__bottom {
    margin-top: 48px;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .popup-content {
    padding: 24px 16px;
    max-width: calc(100% - 32px);
  }
  .hero__next-btn {
    top: 65%;
    right: 12px;
  }
  .hero__prev-btn {
    top: 65%;
    left: 12px;
  }
  .hero__item {
    padding: 32px 12px 24px;
  }
  .hero__item-info {
    margin-bottom: 16px;
    padding-left: 0;
  }
  .hero__item-title {
    font-size: 36px;
    margin-bottom: 16px;
  }
  .hero__item-desc {
    margin-bottom: 24px;
  }
  .hero__item-img {
    position: static;
    margin: 0 auto;
  }
  .hero__item-details {
    overflow-x: auto;
    gap: 8px;
  }
  .hero__item-details::-webkit-scrollbar {
    display: none;
  }
  .hero__item-details {
    max-width: initial;
    display: grid;
    grid-template-columns: repeat(4, 330px);
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px;
  }
  .hero__item-detail {
    width: calc(50% - 4px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .hero__item-detail {
    width: 100%;
  }
  .benefits__item {
    padding: 16px;
  }
  .benefits__item-img img {
    height: 150px;
  }
  .benefits__item-title {
    font-size: 20px;
  }
  .services-cards {
    gap: 12px;
  }
  .services__title {
    margin-bottom: 32px;
  }
  .services__section-title {
    margin-bottom: 24px;
  }
  .services__section + .services__section {
    padding-top: 32px;
    margin-top: 32px;
  }
  .services-item__img {
    margin-bottom: 16px;
  }
  .services-item__title {
    font-size: 20px;
  }
  .services-item__price {
    font-size: 16px;
  }
  .team-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .s-team__all {
    margin-top: 24px;
  }
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .advantages__list::-webkit-scrollbar {
    display: none;
  }
  .feedback__wrapper {
    padding: 32px;
  }
  .blog__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .news {
    padding: 48px 0 64px;
  }
  .s-about__title {
    margin-bottom: 16px;
  }
  .s-about__desc {
    margin-bottom: 24px;
  }
  .about__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .about-advantages__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .doctor-main__title {
    margin-bottom: 16px;
  }
  .doctor-main__post {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .doctor-main__type {
    font-size: 16px;
    margin-bottom: 32px;
  }
  .doctor-main__btn {
    margin-bottom: 12px;
  }
  .doctor-main__address {
    font-size: 14px;
  }
  .doctor-main__address svg {
    width: 14px;
    height: 14px;
  }
  .doctor-about__title {
    margin-bottom: 32px;
  }
  .doctor-about__subtitle {
    margin-bottom: 16px;
  }
  .doctor-about__section + .doctor-about__section {
    margin-top: 32px;
  }
  .documents__title {
    margin-bottom: 32px;
  }
  .documents__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .documents__section-title {
    margin-bottom: 16px;
  }
  .documents__section + .documents__section {
    margin-top: 32px;
    padding-top: 32px;
  }
  .documents__list {
    gap: 18px;
  }
  .asside-form {
    padding: 32px 12px;
  }
  .asside-form__desc {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .asside-form__btn {
    width: 150px;
  }
  .contacts__content {
    display: block;
  }
  .contacts__map-wrap {
    height: 480px;
    margin-bottom: 32px;
  }
  .contacts__connect {
    margin-top: 32px;
  }
  .contacts__socials {
    margin-top: 4px;
  }
  .not-found {
    padding: 24px 0 50px;
  }
  .not-found__img {
    margin-bottom: 32px;
  }
  .not-found__title {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .not-found__desc {
    margin-bottom: 24px;
    font-size: 16px;
  }
  .not-found__action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
  .not-found__tel {
    text-align: center;
  }
  .faq__list {
    gap: 16px;
  }
  .doctors-section + .doctors-section {
    --size: 32px;
  }
  .doctors-section__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .article__nav {
    padding: 16px;
  }
  .article__nav-title.h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .service-banner__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    min-height: 320px;
    padding: 32px;
  }
  .service-banner__desc {
    font-size: 18px;
  }
  .service-banner__bottom {
    margin-top: 24px;
  }
  .service-banner__img {
    position: static;
    max-width: 400px;
    margin: 0 auto -32px;
  }
  .service-section {
    margin: 40px 0 20px 0;
  }
  .service-section .service-section {
    padding: 10px 0 20px;
  }
  .service-section__title {
    margin-bottom: 12px;
  }
  .service-section__desc {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.25;
  }
  .service-desc {
    font-size: 16px;
  }
  .service-info__title {
    margin-bottom: 24px;
  }
  .service-info__text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .service-info__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .service-info__desc p {
    font-size: 16px;
  }
  .service-info__list li + li {
    margin-top: 16px;
  }
  .service-info__list li {
    font-size: 16px;
  }
  .service-banner-text {
    padding: 24px;
  }
  .service-banner-text__title {
    font-size: 18px;
  }
  .service-banner-text__desc {
    font-size: 16px;
  }
  .advice__wrapper {
    padding: 24px;
  }
  .advice__title {
    margin-bottom: 16px;
  }
  .advice__subtitle {
    font-size: 16px;
  }
  .advice__desc {
    font-size: 16px;
  }
  .advice__author {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .service-faq__list {
    gap: 16px;
  }
  .service-faq-item {
    padding: 0;
  }
  .service-faq-item__question {
    font-size: 18px;
  }
  .service-faq-item__text {
    font-size: 16px;
  }
  .service-faq-item__show-text {
    font-size: 16px;
  }
  .service-plan__item {
    --size: 32px;
    padding: 0 0 16px 48px;
  }
  .service-plan__item::before {
    font-size: 14px;
  }
  .service-plan__item::after {
    left: 15px;
  }
  .service-plan__item-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .service-plan__item-desc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .link {
    padding-bottom: 0;
  }
  .link-primary {
    padding-bottom: 0;
  }
  .section__head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tab-control {
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 8px;
  }
  .container {
    padding: 0 16px;
  }
  .h2 {
    font-size: 24px;
  }
  .header__logo {
    width: 114px;
  }
  .footer__logo {
    width: 95px;
    margin-bottom: 16px;
  }
  .footer__mail {
    font-size: 16px;
  }
  .footer__tel {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .footer__nav {
    gap: 12px;
  }
  .footer__nav-section-title {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .footer__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
  }
  .footer__nav-col {
    gap: 12px;
  }
  .footer__nav-item {
    font-size: 14px;
    padding-bottom: 0;
  }
  .footer__bottom {
    font-size: 14px;
  }
  .hero__item-desc {
    max-width: 350px;
  }
  .hero__item-btn {
    width: 100%;
    font-size: 16px;
    padding: 12px;
  }
  .services-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-card {
    padding: 12px 16px;
    gap: 24px;
    border-radius: 12px;
  }
  .services-card__img {
    --size: 32px;
  }
  .services-card__title {
    font-size: 16px;
  }
  .services__list {
    gap: 16px 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .feedback__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 12px;
    gap: 48px;
  }
  .feedback__title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.25;
  }
  .feedback__desc {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .feedback__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .feedback__img {
    max-width: 280px;
    margin: 0 auto -32px;
  }
  .news__list {
    grid-template-columns: repeat(3, 334px);
    width: calc(100% + 32px);
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .news__list::-webkit-scrollbar {
    display: none;
  }
  .s-about__wrapper {
    padding-bottom: 308px;
    background-position: center bottom;
  }
  .s-about__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .s-about__read {
    display: block;
    margin-top: 4px;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--color-border-light);
    color: var(--color-primary);
    font-weight: 500;
    cursor: pointer;
  }
  .doctor-main .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
  }
  .documents__wrapper {
    grid-template-columns: 1fr;
  }
  .policy-section + .policy-section {
    margin-top: 24px;
  }
  .policy-section h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .policy-section p + p {
    margin-top: 12px;
  }
  ol li {
    padding-left: 24px;
  }
  ol li + li {
    margin-top: 12px;
  }
  .faq__list {
    gap: 12px;
  }
  .faq-item {
    padding: 12px;
    border-radius: 12px;
  }
  .faq-item__head {
    font-size: 18px;
  }
  .faq-item__content {
    padding-top: 12px;
    margin-top: 12px;
  }
  .faq-item__question {
    padding: 12px 16px;
    font-size: 14px;
    max-width: initial;
    width: calc(100% - 24px);
    margin: 0 8px 0 16px;
  }
  .faq-item__answer {
    padding: 12px 16px;
    font-size: 14px;
    max-width: initial;
    width: calc(100% - 16px);
    margin: 0 8px;
  }
  .faq-item__answer-top {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .doctors .page__title {
    margin-bottom: 20px;
  }
  .doctors__nav {
    margin-bottom: 24px;
  }
  .doctors-section__title {
    margin-bottom: 24px;
  }
  .price__info {
    margin-bottom: 32px;
    font-size: 16px;
  }
  .price__nav {
    margin-bottom: 32px;
  }
  .price-categories {
    padding-right: 0;
    gap: 16px;
  }
  .price-categories__item {
    font-size: 16px;
  }
  .price__list {
    gap: 16px;
  }
  .price-section__head {
    padding: 12px 24px 2px 16px;
    font-size: 16px;
    border-radius: 12px 12px 0 0;
  }
  .price-section__body {
    padding: 16px 16px 24px;
    border-radius: 0 12px 12px 12px;
  }
/*  .price-section__table-cell:last-of-type {
    display: none;
  }*/
  .price-section__table-row {
    font-size: 16px;
    grid-template-columns: 1fr auto;
  }
  .price-section__table-row + .price-section__table-row {
    margin-top: 12px;
  }
  .article-section {
    gap: 20px;
  }
  .service-banner__wrapper {
    padding: 24px 16px;
  }
  .service-banner__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .service-banner__price {
    margin-top: 16px;
  }
  .service-banner__img {
    margin-bottom: -24px;
  }
  .service-banner-text {
    padding: 24px 16px;
  }
  .advice__wrapper {
    padding: 24px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .advice__img {
    display: none;
  }
  .advantages__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .team-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .blog-item--author {
    height: 270px;
    padding: 12px;
  }
  .blog-item--l .blog-item__img {
    height: 200px;
  }
  .blog-item--s .blog-item__img {
    height: 200px;
  }
  .blog__list {
    grid-template-columns: 1fr;
  }
  .about-advantages__list {
    grid-template-columns: 1fr;
  }
  .about-advantages__item {
    gap: 16px;
    padding: 12px 16px;
  }
  .about-advantages__item span {
    font-size: 16px;
  }
  .about-advantages__item img {
    --size: 32px;
  }
  .doctors-section__list {
    grid-template-columns: 1fr;
  }
  .service-banner__title {
    font-size: 29px;
  }
}
@media (max-width: 495px) {
  .feedback__form {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 389px) {
  .hero__item-title {
    font-size: 28px;
  }
}
@media (any-hover: hover) {
  .link:hover {
    border-color: transparent;
    color: var(--color-primary);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .link-primary:hover {
    border-color: transparent;
    color: var(--color-blck);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .slider-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-whte);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .btn--outline:hover {
    background: rgba(178, 206, 239, 0.32);
    color: var(--color-primary);
  }
  .header__tel:hover {
    color: var(--color-primary-light);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
}
/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/bitrix/templates/newstom/css/custom.css?17736582494061*/
.container {
    container-type: inline-size;
}

.simple-section {
    padding: 20px 0;
}

.section-title {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mt-3 {
	margin-top: 3rem;
}

.asside-form__controls {
	row-gap: 15px;
}

.form-group-checkbox {
	display: flex;
	column-gap: 1rem;
	align-items: center;
}

.form-group-checkbox input[type=checkbox] {
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
	margin: 10px 0 10px 10px;
}

.confirm-label {
	font-size: 12px;
}

.page-asside {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}

.feedback__form {
	margin-bottom: 15px;
}

.form-group-checkbox {
	margin-bottom: 32px;
}

.service-banner__content {
	row-gap: 20px;
}

.blog-item--author {
	height: 460px;
}

.service-info__desc {
	font-size: 18px;
}

.section-2 {
	margin: 48px 0;
}

.section-2:first-child {
	margin-top: 0;
}

.section-2:last-child {
	margin-bottom: 0;
}

.article-section ul,
.faq-item__answer-text ul,
.advice__desc ul,
.service-banner-text__desc ul,
.vacancy-text-body ul,
.service-info__text ul,
.service-info__desc ul,
.service-faq__list ul,
.service-desc ul {
	margin: 20px 0;
	padding-left: 40px;
	list-style: disc;
}

.article-section ul li,
.faq-item__answer-text ul li,
.advice__desc ul li,
.service-banner-text__desc ul li,
.vacancy-text-body ul li,
.service-info__text ul li,
.service-info__desc ul li,
.service-faq__list ul li,
.service-desc ul li {
	list-style: disc;
	margin-bottom: 5px;
}

.service-banner__img {
	max-width: 50%;
}

.service-banner__content {
	width: 40%;
}

.asside-form__confirm {
    display: flex;
    column-gap: 1.2cqw;
    align-items: center;

/*    font-size: 1cqw;*/
/*    color: #fff;*/
}

/*.asside-form__confirm label {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    width: 34px;
  	height: 34px;
    aspect-ratio: 1;
    background-color: #fff;
}*/

.asside-form__confirm input {
/*    display: none;*/
	transform: scale(2);
	cursor: pointer;
	margin: 10px;
}

.asside-form__confirm input:checked ~ label {
    background-image: url(/bitrix/templates/newstom/css/../images_2/form-check-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #d9d9d9;
}

@media (max-width: 1023px) {
	.service-banner__content {
		width: 100%;
		max-width: 100%;
	}
	
	.service-banner__img {
		max-width: inherit;
	}
}

.feedback__wrapper {
	column-gap: 10px;
}

@media (max-width: 767px) {
    .feedback__wrapper {
    	row-gap: 10px;
    }
    
    .footer__nav-list {
    	row-gap: 40px;
    }
    
    .asside-form__confirm {
        font-size: 2.3cqw;
        column-gap: 3cqw;
    }
}

.header__nav-list {
    width: fit-content;
}


.header__top {
    position: relative;
}

.for-the-vi {
    margin-left: auto;
    font-weight: bold;
    width: fit-content;

    position: absolute;
    right: 0;
    bottom: calc(-100% - 5px);
}

.for-the-vi a {
    background-image: url(/bitrix/templates/newstom/css/../images_2/icon-eye.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: contain;

    background-color: #f3f4f6;
    padding: 10px 18px 10px 59px;
    border-radius: 12px;
}

.for-the-vi a:hover, .for-the-vi a:focus, .for-the-vi a:active {
    background-color: #000;
    color: #fff;
    background-image: url(/bitrix/templates/newstom/css/../images_2/icon-eye-white.svg);
}

@media (max-width: 1200px) {
    .for-the-vi {
        position: inherit;
        margin: 0 8px 0 0;
        
    }

    .for-the-vi a {
        text-indent: -9999px;
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 4px;
        background-size: 80%;
        background-position: center;
    }
}

.service-desc h2 {
	margin-top: 2rem;
  	margin-bottom: 1rem;
}
/* End */


/* Start:/bitrix/templates/newstom/css/lds-heart.css?17487818161077*/
.lds-heart,
.lds-heart div,
.lds-heart div:after,
.lds-heart div:before {
  box-sizing: border-box;
}
.lds-heart {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
  transform-origin: 40px 40px;
  margin: 0 auto;
}
.lds-heart div {
  top: 28px;
  left: 28px;
  position: absolute;
  width: 32px;
  height: 32px;
  background: #3b89e4;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background: #3b89e4;
}
.lds-heart div:before {
  left: -24px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -24px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}
/* End */


/* Start:/bitrix/templates/newstom/css/tooltips.css?17648031141004*/
[data-tooltip] {
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed #666;
}

[data-tooltip]::before,
[data-tooltip]::after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1000;
}

[data-tooltip]::before {
    content: attr(data-tooltip);
    background: #333;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    max-width: 200px;
    width: max-content;
    text-align: center;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

[data-tooltip]::after {
    content: '';
    border: 5px solid transparent;
    border-top-color: #333;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
    visibility: visible;
    opacity: 1;
}
/* End */


/* Start:/bitrix/templates/newstom/for-the-vi/simplelineicons/css/simple-line-icons.css?163798529012958*/
@font-face {
  font-family: 'simple-line-icons';
  src: url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.eot?v=2.4.0');
  src: url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('/bitrix/templates/newstom/for-the-vi/simplelineicons/css/../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 Use the following CSS code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
*/
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
  font-family: 'simple-line-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\e005";
}
.icon-people:before {
  content: "\e001";
}
.icon-user-female:before {
  content: "\e000";
}
.icon-user-follow:before {
  content: "\e002";
}
.icon-user-following:before {
  content: "\e003";
}
.icon-user-unfollow:before {
  content: "\e004";
}
.icon-login:before {
  content: "\e066";
}
.icon-logout:before {
  content: "\e065";
}
.icon-emotsmile:before {
  content: "\e021";
}
.icon-phone:before {
  content: "\e600";
}
.icon-call-end:before {
  content: "\e048";
}
.icon-call-in:before {
  content: "\e047";
}
.icon-call-out:before {
  content: "\e046";
}
.icon-map:before {
  content: "\e033";
}
.icon-location-pin:before {
  content: "\e096";
}
.icon-direction:before {
  content: "\e042";
}
.icon-directions:before {
  content: "\e041";
}
.icon-compass:before {
  content: "\e045";
}
.icon-layers:before {
  content: "\e034";
}
.icon-menu:before {
  content: "\e601";
}
.icon-list:before {
  content: "\e067";
}
.icon-options-vertical:before {
  content: "\e602";
}
.icon-options:before {
  content: "\e603";
}
.icon-arrow-down:before {
  content: "\e604";
}
.icon-arrow-left:before {
  content: "\e605";
}
.icon-arrow-right:before {
  content: "\e606";
}
.icon-arrow-up:before {
  content: "\e607";
}
.icon-arrow-up-circle:before {
  content: "\e078";
}
.icon-arrow-left-circle:before {
  content: "\e07a";
}
.icon-arrow-right-circle:before {
  content: "\e079";
}
.icon-arrow-down-circle:before {
  content: "\e07b";
}
.icon-check:before {
  content: "\e080";
}
.icon-clock:before {
  content: "\e081";
}
.icon-plus:before {
  content: "\e095";
}
.icon-minus:before {
  content: "\e615";
}
.icon-close:before {
  content: "\e082";
}
.icon-event:before {
  content: "\e619";
}
.icon-exclamation:before {
  content: "\e617";
}
.icon-organization:before {
  content: "\e616";
}
.icon-trophy:before {
  content: "\e006";
}
.icon-screen-smartphone:before {
  content: "\e010";
}
.icon-screen-desktop:before {
  content: "\e011";
}
.icon-plane:before {
  content: "\e012";
}
.icon-notebook:before {
  content: "\e013";
}
.icon-mustache:before {
  content: "\e014";
}
.icon-mouse:before {
  content: "\e015";
}
.icon-magnet:before {
  content: "\e016";
}
.icon-energy:before {
  content: "\e020";
}
.icon-disc:before {
  content: "\e022";
}
.icon-cursor:before {
  content: "\e06e";
}
.icon-cursor-move:before {
  content: "\e023";
}
.icon-crop:before {
  content: "\e024";
}
.icon-chemistry:before {
  content: "\e026";
}
.icon-speedometer:before {
  content: "\e007";
}
.icon-shield:before {
  content: "\e00e";
}
.icon-screen-tablet:before {
  content: "\e00f";
}
.icon-magic-wand:before {
  content: "\e017";
}
.icon-hourglass:before {
  content: "\e018";
}
.icon-graduation:before {
  content: "\e019";
}
.icon-ghost:before {
  content: "\e01a";
}
.icon-game-controller:before {
  content: "\e01b";
}
.icon-fire:before {
  content: "\e01c";
}
.icon-eyeglass:before {
  content: "\e01d";
}
.icon-envelope-open:before {
  content: "\e01e";
}
.icon-envelope-letter:before {
  content: "\e01f";
}
.icon-bell:before {
  content: "\e027";
}
.icon-badge:before {
  content: "\e028";
}
.icon-anchor:before {
  content: "\e029";
}
.icon-wallet:before {
  content: "\e02a";
}
.icon-vector:before {
  content: "\e02b";
}
.icon-speech:before {
  content: "\e02c";
}
.icon-puzzle:before {
  content: "\e02d";
}
.icon-printer:before {
  content: "\e02e";
}
.icon-present:before {
  content: "\e02f";
}
.icon-playlist:before {
  content: "\e030";
}
.icon-pin:before {
  content: "\e031";
}
.icon-picture:before {
  content: "\e032";
}
.icon-handbag:before {
  content: "\e035";
}
.icon-globe-alt:before {
  content: "\e036";
}
.icon-globe:before {
  content: "\e037";
}
.icon-folder-alt:before {
  content: "\e039";
}
.icon-folder:before {
  content: "\e089";
}
.icon-film:before {
  content: "\e03a";
}
.icon-feed:before {
  content: "\e03b";
}
.icon-drop:before {
  content: "\e03e";
}
.icon-drawer:before {
  content: "\e03f";
}
.icon-docs:before {
  content: "\e040";
}
.icon-doc:before {
  content: "\e085";
}
.icon-diamond:before {
  content: "\e043";
}
.icon-cup:before {
  content: "\e044";
}
.icon-calculator:before {
  content: "\e049";
}
.icon-bubbles:before {
  content: "\e04a";
}
.icon-briefcase:before {
  content: "\e04b";
}
.icon-book-open:before {
  content: "\e04c";
}
.icon-basket-loaded:before {
  content: "\e04d";
}
.icon-basket:before {
  content: "\e04e";
}
.icon-bag:before {
  content: "\e04f";
}
.icon-action-undo:before {
  content: "\e050";
}
.icon-action-redo:before {
  content: "\e051";
}
.icon-wrench:before {
  content: "\e052";
}
.icon-umbrella:before {
  content: "\e053";
}
.icon-trash:before {
  content: "\e054";
}
.icon-tag:before {
  content: "\e055";
}
.icon-support:before {
  content: "\e056";
}
.icon-frame:before {
  content: "\e038";
}
.icon-size-fullscreen:before {
  content: "\e057";
}
.icon-size-actual:before {
  content: "\e058";
}
.icon-shuffle:before {
  content: "\e059";
}
.icon-share-alt:before {
  content: "\e05a";
}
.icon-share:before {
  content: "\e05b";
}
.icon-rocket:before {
  content: "\e05c";
}
.icon-question:before {
  content: "\e05d";
}
.icon-pie-chart:before {
  content: "\e05e";
}
.icon-pencil:before {
  content: "\e05f";
}
.icon-note:before {
  content: "\e060";
}
.icon-loop:before {
  content: "\e064";
}
.icon-home:before {
  content: "\e069";
}
.icon-grid:before {
  content: "\e06a";
}
.icon-graph:before {
  content: "\e06b";
}
.icon-microphone:before {
  content: "\e063";
}
.icon-music-tone-alt:before {
  content: "\e061";
}
.icon-music-tone:before {
  content: "\e062";
}
.icon-earphones-alt:before {
  content: "\e03c";
}
.icon-earphones:before {
  content: "\e03d";
}
.icon-equalizer:before {
  content: "\e06c";
}
.icon-like:before {
  content: "\e068";
}
.icon-dislike:before {
  content: "\e06d";
}
.icon-control-start:before {
  content: "\e06f";
}
.icon-control-rewind:before {
  content: "\e070";
}
.icon-control-play:before {
  content: "\e071";
}
.icon-control-pause:before {
  content: "\e072";
}
.icon-control-forward:before {
  content: "\e073";
}
.icon-control-end:before {
  content: "\e074";
}
.icon-volume-1:before {
  content: "\e09f";
}
.icon-volume-2:before {
  content: "\e0a0";
}
.icon-volume-off:before {
  content: "\e0a1";
}
.icon-calendar:before {
  content: "\e075";
}
.icon-bulb:before {
  content: "\e076";
}
.icon-chart:before {
  content: "\e077";
}
.icon-ban:before {
  content: "\e07c";
}
.icon-bubble:before {
  content: "\e07d";
}
.icon-camrecorder:before {
  content: "\e07e";
}
.icon-camera:before {
  content: "\e07f";
}
.icon-cloud-download:before {
  content: "\e083";
}
.icon-cloud-upload:before {
  content: "\e084";
}
.icon-envelope:before {
  content: "\e086";
}
.icon-eye:before {
  content: "\e087";
}
.icon-flag:before {
  content: "\e088";
}
.icon-heart:before {
  content: "\e08a";
}
.icon-info:before {
  content: "\e08b";
}
.icon-key:before {
  content: "\e08c";
}
.icon-link:before {
  content: "\e08d";
}
.icon-lock:before {
  content: "\e08e";
}
.icon-lock-open:before {
  content: "\e08f";
}
.icon-magnifier:before {
  content: "\e090";
}
.icon-magnifier-add:before {
  content: "\e091";
}
.icon-magnifier-remove:before {
  content: "\e092";
}
.icon-paper-clip:before {
  content: "\e093";
}
.icon-paper-plane:before {
  content: "\e094";
}
.icon-power:before {
  content: "\e097";
}
.icon-refresh:before {
  content: "\e098";
}
.icon-reload:before {
  content: "\e099";
}
.icon-settings:before {
  content: "\e09a";
}
.icon-star:before {
  content: "\e09b";
}
.icon-symbol-female:before {
  content: "\e09c";
}
.icon-symbol-male:before {
  content: "\e09d";
}
.icon-target:before {
  content: "\e09e";
}
.icon-credit-card:before {
  content: "\e025";
}
.icon-paypal:before {
  content: "\e608";
}
.icon-social-tumblr:before {
  content: "\e00a";
}
.icon-social-twitter:before {
  content: "\e009";
}
.icon-social-facebook:before {
  content: "\e00b";
}
.icon-social-instagram:before {
  content: "\e609";
}
.icon-social-linkedin:before {
  content: "\e60a";
}
.icon-social-pinterest:before {
  content: "\e60b";
}
.icon-social-github:before {
  content: "\e60c";
}
.icon-social-google:before {
  content: "\e60d";
}
.icon-social-reddit:before {
  content: "\e60e";
}
.icon-social-skype:before {
  content: "\e60f";
}
.icon-social-dribbble:before {
  content: "\e00d";
}
.icon-social-behance:before {
  content: "\e610";
}
.icon-social-foursqare:before {
  content: "\e611";
}
.icon-social-soundcloud:before {
  content: "\e612";
}
.icon-social-spotify:before {
  content: "\e613";
}
.icon-social-stumbleupon:before {
  content: "\e614";
}
.icon-social-youtube:before {
  content: "\e008";
}
.icon-social-dropbox:before {
  content: "\e00c";
}
.icon-social-vkontakte:before {
  content: "\e618";
}
.icon-social-steam:before {
  content: "\e620";
}

/* End */


/* Start:/bitrix/templates/newstom/for-the-vi/special.min.css?17579182484136*/
html{font-size:100%}.special body{margin-top:64px;min-width:300px}#special a{font-size:1rem !important}.avtor{width:100%;text-align:center;}.special-settings i,.special-quit i,.special-images i,.special-audio i,i.special-audio{font-family:'simple-line-icons' !important;cursor:pointer;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.special-audio i:before{content:"\e09f"}.special-settings i:before{content:"\e09a"}.special-quit i:before{content:"\e087"}.special-images button[value='0'] i:before{content:"\e07c"}.special-images button[value='1'] i:before{content:"\e032"}marquee{display:none !important}#special{position:fixed;width:100%;top:0;left:0;right:0;text-align:center;padding:8px 0;border-bottom:1px solid gray;z-index:999999;cursor:default;line-height:1em !important}#special *{font-size:0 !important}#special{webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#special i{font-style:normal;font-weight:bold;line-height:30px !important;color:inherit !important;background:inherit !important;font-size:inherit !important}#special .special-panel div{margin:0;padding:0;display:inline-block;margin-left:16px;margin-bottom:5px}#special span,#special em{font-size:16px !important;vertical-align:middle}#special button{margin:0 2px;border:1px solid;border-color:inherit;min-width:32px;text-align:center;padding:5px;line-height:normal;text-decoration:none;vertical-align:middle;overflow:hidden;box-sizing:border-box;text-align:center;cursor:pointer;outline:0;height:auto;text-transform:none;font-size:20px !important;color:inherit;background:inherit}#special .special-panel button{height:32px;line-height:32px !important;padding:0}#special,#special .active{border-bottom-width:3px}#special-settings-body{display:none;padding:0 1em;text-align:left}#special-settings-body>div{margin:15px 15px 0}#special-settings-body button{margin-bottom:5px}.special-reset,.special-settings-close{display:inline-block}.special-settings-close{float:right}.special-line-height-1 *,#special .special-line-height button[value='1']{line-height:normal !important}.special-line-height-2 *,#special .special-line-height button[value='2']{line-height:1.75rem !important}.special-line-height-3 *,#special .special-line-height button[value='3']{line-height:2rem !important}.special-font-size-1 *,#special .special-font-size button[value='1']{font-size:1rem !important}.special-font-size-2 *,#special .special-font-size button[value='2']{font-size:1.5rem !important}.special-font-size-3 *,#special .special-font-size button[value='3']{font-size:2rem !important}.special-font-family-1 *,#special .special-font-family button[value='1']{font-family:Arial,sans-serif !important}.special-font-family-2 *,#special .special-font-family button[value='2']{font-family:Times,sans !important}.special-color-1 *,#special .special-color button[value='1']{color:#000 !important;background:#FFF !important;border-color:#000 !important}.special-color-2 *,#special .special-color button[value='2']{color:#FFF !important;background:#000 !important;border-color:#FFF!importan}.special-color-3 *,#special .special-color button[value='3']{color:#063462 !important;background:#9dd1ff !important;border-color:#063462 !important}.special-color-4 *,#special .special-color button[value='4']{color:#59422e !important;background:#f7f3d6 !important;border-color:#59422e !important}.special-color-5 *,#special .special-color button[value='5']{color:#a9dd38 !important;background:#3b2716 !important;border-color:#a9dd38 !important}.special-letter-spacing-1 *,#special .special-letter-spacing button[value='1']{letter-spacing:normal !important}.special-letter-spacing-2 *,#special .special-letter-spacing button[value='2']{letter-spacing:2px !important}.special-letter-spacing-3 *,#special .special-letter-spacing button[value='3']{letter-spacing:4px !important}@media(max-width:940px){#special .special-panel span{display:none}}@media(max-width:460px){.special body{margin-top:104px}}
/* End */


/* Start:/bitrix/templates/newstom/table-refiner/table-refiner.css?17718811402978*/
/* =================================================================
   БАЗОВЫЕ СТИЛИ ДЛЯ ТАБЛИЦ
   ================================================================= */
.refined-table {
    border-collapse: collapse;
    border-spacing: 0;
/*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #2c3e50;*/
    background-color: transparent;
    width: 100%;
}

.refined-table th,
.refined-table td {
    padding: 0.75rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.refined-table th {
    font-weight: 600;
    letter-spacing: 0.02em;
    /*font-size: 0.9rem;*/
    text-transform: uppercase;
    /*color: #4a5a6e;*/
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* =================================================================
   РЕЖИМ: КАРТОЧКИ (stacked cards)
   Активируется классом, который добавляет JS при узком родителе
   ================================================================= */
.refined-table.mode-cards {
    display: block;
    width: 100%;
}

.refined-table.mode-cards thead {
    display: none;
}

.refined-table.mode-cards tbody {
    display: block;
    width: 100%;
}

.refined-table.mode-cards tr {
    display: block;
    /*background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);*/
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #eef2f6;
}

.refined-table.mode-cards td {
    display: flex;
    padding: 8px 0;
    border-bottom: 1px dashed #e9eef3;
    justify-content: space-between;
    align-items: center;
}

.refined-table.mode-cards td:last-child {
    border-bottom: none;
}

.refined-table.mode-cards td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #4b5565;
    /*font-size: 0.85rem;*/
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-right: 16px;
    min-width: 100px;
}

.refined-table.mode-cards td.number {
    text-align: left;
}

.refined-table.mode-cards td.number::before {
    content: attr(data-label);
}

/* =================================================================
   РЕЖИМ: ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ
   ================================================================= */
.refined-table.mode-scroll {
    table-layout: auto;
    min-width: 100%;
}

.scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.5rem 0;
    border-radius: 8px;
/*    background: 
        linear-gradient(to right, white 30%, rgba(255,255,255,0)),
        linear-gradient(to left, white 30%, rgba(255,255,255,0));
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%;
    background-position: 0 0, 100% 0;*/
}
/* End */


/* Start:/bitrix/templates/newstom/css/header-v2.css?17748752522872*/
body > header {
	margin: 24px 0 10px 0;
}

.chelstom-header__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.chelstom-header__prefix {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	
	flex-wrap: wrap;
	gap: 10px;
}

.chelstom-header__vi-btn {
	font-weight: bold;
	width: fit-content;
}

.chelstom-header__vi-btn a {
    background-image: url(/bitrix/templates/newstom/css/../images_2/icon-eye.svg);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: contain;
	background-color: #f3f4f6;
	padding: 2px 5px 2px 37px;
	border-radius: 12px;
}

.chelstom-header__vi-btn a:hover, .chelstom-header__vi-btn a:focus, .chelstom-header__vi-btn a:active {
	background-color: #000;
	color: #fff;
	background-image: url(/bitrix/templates/newstom/css/../images_2/icon-eye-white.svg);
}


.chelstom-header__body {
	position: sticky;
    top: 0;
    z-index: 100;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    
    
}

.chelstom-header__body-wrapper {
	padding: 10px 0;
	
	display: flex;
	column-gap: 20px;
	
	position: relative;
}

.chelstom-header__body-middle {
	margin-left: auto;
	margin-right: auto;
	flex: 1;
	
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	row-gap: 10px;
}

.chelstom-header__body-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 10px;
}

@media (max-width: 1200px) {
	.chelstom-header__body-right {
		flex-direction: row;
  		align-items: center;
  		column-gap: 5px;
	}
	
	.chelstom-header__body-right .header__btn {
		margin: 0;
	}
	
	.header__menu {
		position: absolute;
		/*top: 100%;*/
		top: calc(100% + 1px);
		left: -100%;
	}
	
	.header__menu.is-open {
		left: 0;
    }
}

@media (max-width: 575px) {
	.chelstom-header__body-wrapper {
		flex-wrap: wrap;
  		row-gap: 10px;
	}
	
	.chelstom-header__body-left {
		order: 1;
	}
	
	.chelstom-header__body-middle {
		order: 3;
		width: 100%;
		flex: unset;
	}
	
	.chelstom-header__body-right {
		order: 2;
  		margin-left: auto;
	}
}

/* корректировки наследия */
@media (max-width: 1200px) {
  .chelstom-header__prefix .header__address {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
  }
}

.chelstom-header__body-wrapper .header__logo {
	display: inline-block;
	margin-right: 20px;
}

.chelstom-header__body-wrapper .header__menu {
	margin: 0;
}

.chelstom-header__body-wrapper .header__tel {
	margin: 0 0 0 auto;
}

.header__burger {
	border-radius: 4px;
	border: 1px solid #e2e2e2;
}

.header__burger span {
	left: 7px;
}

.header__burger span:nth-of-type(1) {
	top: 11px;
}

.header__burger span:nth-of-type(2) {
	top: 19px;
}

.header__burger span:nth-of-type(3) {
	top: 27px;
}
/* End */


/* Start:/bitrix/templates/newstom/components/bitrix/news.list/head_adress/style.css?1748587594150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/components/kda/search.box/templates/.default/style.css?17748502516280*/
.kda-search-box {
    position: relative;
    width: 100%;
}

.kda-search-input-wrapper {
    position: relative;
    display: flex;
}

.kda-search-input-container {
    position: relative;
    flex: 1;
}

.kda-search-input {
    width: 100%;
    padding: 10px 55px 10px 15px;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: white;
}

.kda-search-input:focus {
    outline: none;
    border-color: #e27d99;
}

.kda-search-clear {
    position: absolute;
    right: 50px;
    top: 0;
    bottom: 0;
    width: 40px;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s, opacity 0.3s;
    opacity: 0.7;
    z-index: 2;
}

.kda-search-clear:hover {
    color: #333;
    opacity: 1;
}

.kda-search-submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: color 0.3s;
    border-radius: 50%;
    overflow: hidden;
    transform-origin: center center;
    will-change: transform;
    z-index: 2;
}

.kda-search-submit svg {
    transition: all 0.2s ease;
    transform-origin: center;
}

.kda-search-submit:hover {
    color: #e27d99;
}

/* ========== АНИМАЦИИ ПОИСКОВОЙ СТРОКИ ========== */

/* 1. Плавная смена цвета */
.search-animation-color .kda-search-input {
    animation: gentleColorShift 4s ease-in-out infinite;
}

.search-animation-color .kda-search-submit svg {
    animation: iconGentlePulse 2.5s ease-in-out infinite;
}

@keyframes gentleColorShift {
    0% { background-color: #ffffff; border-color: #e0e0e0; }
    50% { background-color: #f3f4f6; border-color: #79b9e6; }
    100% { background-color: #ffffff; border-color: #e0e0e0; }
}

@keyframes iconGentlePulse {
    0%, 100% { stroke: #666; opacity: 0.7; transform: scale(1); }
    50% { stroke: #79b9e6; opacity: 1; transform: scale(1.04); }
}

/* 2. Пульсация (тень) */
.search-animation-pulse .kda-search-input {
    animation: gentlePulse 2.2s ease-in-out infinite;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.search-animation-pulse .kda-search-submit svg {
    animation: iconWiggle 2.2s ease-in-out infinite;
}

@keyframes gentlePulse {
    0% { box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 0 0 0 rgba(121,185,230,0); }
    50% { box-shadow: 0 6px 16px rgba(0,0,0,0.08), 0 0 0 4px rgba(121,185,230,0.35); }
    100% { box-shadow: 0 2px 4px rgba(0,0,0,0.02), 0 0 0 0 rgba(121,185,230,0); }
}

@keyframes iconWiggle {
    0%, 100% { transform: scale(1) rotate(0deg); }
    20% { transform: scale(1.05) rotate(3deg); }
    40% { transform: scale(1) rotate(-2deg); }
    60% { transform: scale(1.03) rotate(1deg); }
}

/* 3. Градиентное смещение */
.search-animation-gradient .kda-search-input {
    background: linear-gradient(105deg, #ffffff 0%, #f0f9ff 30%, #e6f3e8 70%, #ffffff 100%);
    background-size: 250% 100%;
    animation: strongGradientShift 3.5s ease infinite;
    /*border: 2px solid transparent;*/
    background-clip: padding-box;
}

.search-animation-gradient .kda-search-submit svg {
    animation: iconGentleGlow 2.5s ease-in-out infinite;
}

@keyframes strongGradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes iconGentleGlow {
    0% { stroke: #999; opacity: 0.6; filter: drop-shadow(0 0 0 rgba(121,185,230,0)); transform: scale(1); }
    50% { stroke: #79b9e6; opacity: 1; filter: drop-shadow(0 0 4px rgba(121,185,230,0.5)); transform: scale(1.04); }
    100% { stroke: #999; opacity: 0.6; filter: drop-shadow(0 0 0 rgba(121,185,230,0)); transform: scale(1); }
}

/* Остановка анимации при взаимодействии */
.kda-search-box.animation-stopped .kda-search-input,
.kda-search-box.animation-stopped .kda-search-submit svg {
    animation: none !important;
}

/* Стили для анимации печати */
.kda-search-input.typing {
    caret-color: transparent;
}

/* Подсказки (suggest) */
.kda-search-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kda-search-suggestions-visible {
    opacity: 1;
    visibility: visible;
    animation: fade-in 0.2s ease-out;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.kda-search-suggestion-item {
    border-bottom: 1px solid #f0f0f0;
}

.kda-search-suggestion-item:last-child {
    border-bottom: none;
}

.kda-search-suggestion-link {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.kda-search-suggestion-link:hover {
    background-color: #f8f8f8;
}

.kda-search-suggestion-text {
    display: block;
    font-weight: 500;
}

.kda-search-suggestion-category {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

.kda-search-highlight {
    background-color: #fff9c4;
    font-weight: bold;
    padding: 0 1px;
    border-radius: 2px;
}

.kda-search-suggestion-all {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
}

.kda-search-suggestion-all-link {
    display: block;
    padding: 10px 15px;
    color: #0066cc;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
}
/* End */


/* Start:/bitrix/templates/newstom/components/bitrix/menu/top/style.css?1748345714581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/newstom/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/bitrix/templates/newstom/digital-cookies/digital-cookies.css?17586364801505*/
#digital-cookies {
    bottom: 20px;
    max-width: 300px;
  	width: 100%;
    box-shadow: 0 5px 20px 0 #0000001f;
    position: fixed;
    min-width: 250px;
    background: #fff;
    max-height: 100%;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2999;
    opacity: 0;
    display: none;
    font-size: 14px;
}

#digital-cookies.left {
	left: 50px;
}

#digital-cookies.right {
	right: 50px;
}

#digital-cookies.active {
    opacity: 1;
    display: block !important;
    animation: toggle_opacity .2s;
}

.dc-body {
    display: flex;
    max-width: none;
	padding: 20px;
	min-height: auto;
	max-height: 100dvh;
	flex-wrap: wrap;
}

.dc-boty__text-title {
    font-weight: bold;
}

.dc-body__btns {
    width: 100%;
}

.dc-body__btns-sub {
    display: flex;
    justify-content: end;
    
    margin: 10px 0;
}

#dc-btn-accept {
	padding: 7px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
	
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	border: 1px solid transparent;
	
	width: 100%;
 	opacity: 0.7;
}

#dc-btn-accept:hover, #dc-btn-accept:focus, #dc-btn-accept:active {
	opacity: 1;
}

@keyframes toggle_opacity {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@media (max-width: 400px) {
	#digital-cookies {
		width: 100%;
		max-width: 100%;
		left: 0 !important;
		right: 0 !important;
		bottom: 0;
		border-radius: 0;
	}
}
/* End */


/* Start:/bitrix/templates/newstom/temporary-modal/style.css?17702736615163*/
.tmp-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    animation: fadeIn 0.3s forwards;
    padding: 15px;
    overflow-y: auto;
}

.modal-content {
    background-color: white;
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    max-height: 90vh; /* Ограничение высоты */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    position: relative;
    transform: translateY(-20px);
    animation: slideIn 0.3s forwards;
    display: flex;
    flex-direction: column;
}

.modal-header {
    padding: 20px 25px 15px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0; /* Запрещаем сжатие */
}

.modal-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #2c3e50;
    padding-right: 10px;
}

.modal-close {
    background: none;
    border: none;
    font-size: 2rem;
    color: #7f8c8d;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s;
    flex-shrink: 0;
}

.modal-close:hover {
    color: #e74c3c;
    background-color: #f8f8f8;
}

#temporary-modal .modal-body {
    padding: 20px 25px;
    font-size: 1.05rem;
    line-height: 1.6;
    overflow-y: auto; /* Прокрутка внутри тела модального окна */
    flex-grow: 1; /* Занимает доступное пространство */
    -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
}

#temporary-modal .modal-body ul {
	margin: inherit;
	padding: 0 10px 10px 10px;
	list-style: inherit;
}

#temporary-modal .modal-body ul li {
	list-style: inherit;
}

/* Стили для длинного текста */
.modal-text-content {
    max-height: 100%;
}

.modal-text-content p {
    margin-bottom: 15px;
}

.modal-text-content ul, .modal-text-content ol {
    margin-bottom: 15px;
    padding-left: 20px;
}

.modal-text-content li {
    margin-bottom: 8px;
}

.modal-footer {
    padding: 15px 25px 20px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0; /* Запрещаем сжатие */
}

.modal-button {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.2s;
    min-height: 44px; /* Минимальный размер для сенсорных устройств */
}

.modal-button:hover {
    background-color: #2980b9;
}

/* Анимации */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    to {
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}

@keyframes slideOut {
    to {
        transform: translateY(-20px);
    }
}

/* Скрытие модального окна */
.tmp-modal-overlay.hiding {
    animation: fadeOut 0.3s forwards;
}

.tmp-modal-overlay.hiding .modal-content {
    animation: slideOut 0.3s forwards;
}

/* Скрытие модального окна полностью */
.tmp-modal-overlay.hidden {
    display: none;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .modal-content {
        max-height: 95vh; /* На мобильных увеличиваем доступную высоту */
        max-width: 95%; /* Уменьшаем максимальную ширину на мобильных */
    }
    
    .modal-header {
        padding: 15px 20px 12px;
    }
    
    .modal-title {
        font-size: 1.2rem;
    }
    
    .modal-body {
        padding: 15px 20px;
        font-size: 1rem;
    }
    
    .modal-footer {
        padding: 12px 20px 15px;
        flex-direction: column; /* Кнопки в столбик на очень маленьких экранах */
    }
    
    .modal-button {
        width: 100%; /* Кнопки на всю ширину */
        text-align: center;
    }
    
    .modal-close {
        min-width: 44px; /* Минимальный размер для сенсорных устройств */
        min-height: 44px;
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .modal-content {
        max-width: 100%;
        border-radius: 0;
        max-height: 100vh;
        height: 100%;
    }
    
    .tmp-modal-overlay {
        padding: 0;
    }
    
    .modal-header {
        padding: 15px;
    }
    
    .modal-body {
        padding: 15px;
    }
    
    .modal-footer {
        padding: 15px;
    }
}
/* End */


/* Start:/bitrix/templates/newstom/styles.css?17745113422014*/
a.tab-control:hover, a.tab-control:focus, a.tab-control:active {
	background-color: #fff;
}

span.tab-control {
	cursor: inherit;
	background-color: #fff;
}

.main-services-wrapper {
	display: flex;
	flex-direction: column-reverse;
}

/*contacts*/
.contacts__title {
  margin-bottom: 56px;
}

.contacts__common {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 30px;
	
	flex-wrap: wrap;
	row-gap: 20px;
}

.contacts-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	color: #333;
}

.contacts__common .contacts-item {
  margin-right: 30px;
  font-size: 22px;
  font-weight: 500;
  white-space: nowrap;
}

.contacts__filials {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 50px;
	column-gap: 20px
}

.contacts__filial {
  font-size: 18px;
}

.contacts__filial-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}

.contacts__filial-title a {
  color: #3782da;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--color-border);
}

.contacts__filial-worktime {
  padding-top: 18px;
}

.contacts__rekvizites {
  padding-top: 30px;
  line-height: 1.5;
}

.contacts__timesopen {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-right: 30px;
}

.contacts-clinic__img > img {
	border-radius: 50%;
}

label.error {
	color: #ff0000;
}

.mb-2 {
	margin-bottom: 2vw;
}

.mv-2 {
	margin: 2vw 0;
}

.price-download__wrapper {
	display: flex;
	column-gap: 1vw;
	align-items: center;
	justify-content: center;
	font-size: 23px;
}

@media (max-width: 991px) {
	.contacts__filials {
		grid-template-columns: 1fr;
		row-gap: 20px
	}
}
/* End */
/* /bitrix/templates/newstom/css/modal.css?17684344653461 */
/* /bitrix/templates/newstom/css/swiper.min.css?174704233222741 */
/* /bitrix/templates/newstom/css/main.css?177688030274831 */
/* /bitrix/templates/newstom/css/custom.css?17736582494061 */
/* /bitrix/templates/newstom/css/lds-heart.css?17487818161077 */
/* /bitrix/templates/newstom/css/tooltips.css?17648031141004 */
/* /bitrix/templates/newstom/for-the-vi/simplelineicons/css/simple-line-icons.css?163798529012958 */
/* /bitrix/templates/newstom/for-the-vi/special.min.css?17579182484136 */
/* /bitrix/templates/newstom/table-refiner/table-refiner.css?17718811402978 */
/* /bitrix/templates/newstom/css/header-v2.css?17748752522872 */
/* /bitrix/templates/newstom/components/bitrix/news.list/head_adress/style.css?1748587594150 */
/* /local/components/kda/search.box/templates/.default/style.css?17748502516280 */
/* /bitrix/templates/newstom/components/bitrix/menu/top/style.css?1748345714581 */
/* /bitrix/templates/newstom/digital-cookies/digital-cookies.css?17586364801505 */
/* /bitrix/templates/newstom/temporary-modal/style.css?17702736615163 */
/* /bitrix/templates/newstom/styles.css?17745113422014 */