/* Start:/local/templates/bet/css/section.min.css?175518157253362*/ .section { display: var(--section-display, var(--display, block)); position: var(--section-position); background-color: var(--section-background, var(--page-background)); background-image: var(--section-background-image); margin-top: var(--section-margin-top); color: var(--section-text-color, var(--text-color)); z-index: var(--section-z-index); overflow: var(--section-overflow, hidden); width: var(--section-width); height: var(--section-height); -webkit-box-flex: var(--section-flex); -ms-flex: var(--section-flex); flex: var(--section-flex); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media screen and (max-width: 1440px) { .section { --section-header-gap: 48px; } } @media screen and (max-width: 992px) { .section { --section-header-gap: 16px; --section-header-margin-bottom: 16px; --section-header-align: flex-end; --section-header-subtitle-size: 16px; --section-header-subtitle-line-height: 1.4; --section-header-subtitle-margin-bottom: 24px; --text-size: 18px; --section-header-info-gap: 24px; --section-header-text-font-size: 16px; --section-header-link-font-size: 14px; --section-header-text-width: 100%; --section-header-content-flex-direction: column-reverse; --section-header-content-gap: 32px; --section-element-title-font-size: 18px; --section-element-info-gap: 16px; --section-content-gap: 32px; } } @media screen and (max-width: 768px) { .section { --section-header-subtitle-margin-bottom: 16px; --text-size: 16px; --section-header-wrap: wrap; --section-elements-flex-direction: column; --section-header-actions-width: 100%; --section-header-info-gap: 16px; --section-elements-sidebar-width: 100%; --section-content-gap: 16px; --section-overlay-display: none; } } @media screen and (max-width: 640px) { .section { --section-header-justify-content: flex-start; } } .section__container { width: var(--section-container-width); height: var(--section-container-height); } .section_style--header-center { --section-header-text-align: center; } .section_style--header-align-end { --section-header-align: flex-end; } .section_style--header-info-gap--32 { --section-header-info-gap: 32px; } .section_style--header-info-gap--48 { --section-header-info-gap: 48px; } .section_style--justify-center { --section-content-align-items: center; --section-header-info-align-items: center; --section-header-info-text-align: center; } .section_theme--neutral-white { --section-background: var(--neutral-white); } .section_theme--dark-gradient { --section-background-image: radial-gradient(53.37% 75.21% at 79.62% 94.64%, #535353 0%, #2E2D2D 97.59%); --text-color: var(--neutral-white); --section-text-color: var(--neutral-white); --section-header-title: var(--neutral-white); --section-header-text: var(--neutral-white); --section-header-subtitle: var(--neutral-white); } .section_theme--dark-gradient .section__header-link { --link-text-color: var(--neutral-white); --link-border-color: var(--neutral-white); } .section_theme--dark-gradient .section__header-link:hover, .section_theme--dark-gradient .section__header-link:active { --link-text-color: var(--red-primary); --link-border-color: var(--red-primary); } .section_theme--dark { --section-background: var(--bg-dark); --text-color: var(--neutral-white); --section-text-color: var(--neutral-white); --section-header-title: var(--neutral-white); --section-header-text: var(--neutral-white); --section-header-subtitle: var(--neutral-white); } .section_theme--dark .section__header-link { --link-text-color: var(--neutral-white); --link-border-color: var(--neutral-white); } .section_theme--dark .section__header-link:hover, .section_theme--dark .section__header-link:active { --link-text-color: var(--red-primary); --link-border-color: var(--red-primary); } .section__header { display: var(--section-header-display, var(--display, flex)); position: var(--section-header-position); top: var(--section-header-top); right: var(--section-header-right); bottom: var(--section-header-bottom); left: var(--section-header-left); -webkit-box-align: var(--section-header-align, flex-start); -ms-flex-align: var(--section-header-align, flex-start); align-items: var(--section-header-align, flex-start); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-flex-direction, row); flex-direction: var(--section-header-flex-direction, row); -webkit-box-pack: var(--section-header-justify-content, space-between); -ms-flex-pack: var(--section-header-justify-content, space-between); justify-content: var(--section-header-justify-content, space-between); gap: var(--section-header-gap, 60px); padding: var(--section-header-padding); margin: var(--section-header-margin); -ms-flex-wrap: var(--section-header-wrap, nowrap); flex-wrap: var(--section-header-wrap, nowrap); text-align: var(--section-header-text-align, left); max-width: var(--section-header-width, 100%); width: var(--section-header-global-width, 100%); border-width: var(--section-header-border-width, 0); border-style: var(--section-header-border-style, solid); border-color: var(--section-header-border-color, none); z-index: var(--section-header-z-index); -webkit-box-flex: var(--section-header-flex); -ms-flex: var(--section-header-flex); flex: var(--section-header-flex); } .section__header-top { display: var(--section-header-top-display, flex); -webkit-box-align: var(--section-header-top-align-items, center); -ms-flex-align: var(--section-header-top-align-items, center); align-items: var(--section-header-top-align-items, center); -webkit-box-pack: var(--section-header-top-justify-content, space-between); -ms-flex-pack: var(--section-header-top-justify-content, space-between); justify-content: var(--section-header-top-justify-content, space-between); gap: var(--section-header-top-gap, 24px); width: var(--section-header-top-width, 100%); } .section__header-title { --headers-margin: 0; --headers-text-size: var(--section-header-title-font-size); --headers-word-break: var(--section-header-title-word-break); --headers-hyphens: var(--section-header-title-hyphens); color: var(--section-header-title, var(--text-color)); text-align: var(--section-header-title-text-align); word-break: var(--section-header-title-word-break, var(--headers-word-break)); -webkit-hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); -ms-hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); } .section__header-title span { display: var(--section-header-title-span-display, flex); -webkit-box-align: var(--section-header-title-span-align-items); -ms-flex-align: var(--section-header-title-span-align-items); align-items: var(--section-header-title-span-align-items); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-title-span-flex-direction); flex-direction: var(--section-header-title-span-flex-direction); text-align: var(--section-header-title-span-text-align); width: var(--section-header-title-span-width, -webkit-fit-content); width: var(--section-header-title-span-width, -moz-fit-content); width: var(--section-header-title-span-width, fit-content); } @media screen and (max-width: 992px) { .section__header-title span { --section-header-title-span-display: inline; } } .section__header-text { overflow: hidden; display: var(--section-header-text-display, -webkit-box); -webkit-line-clamp: var(--section-header-text-line-clamp); -webkit-box-orient: vertical; font-family: var(--section-header-text-font-family, var(--stapel-font)); font-size: var(--section-header-text-font-size, 24px); line-height: var(--section-header-text-line-height, var(--text-line-height)); color: var(--section-header-text, var(--section-text-color, var(--concrete-2))); max-width: var(--section-header-text-width, 880px); width: 100%; -webkit-box-flex: var(--section-header-text-flex); -ms-flex: var(--section-header-text-flex); flex: var(--section-header-text-flex); } .section__header-text a { --link-display: inline; --link-font-size: var(--section-header-text-font-size, 24px); } .section__header-text span { color: var(--section-header-text-span-color, var(--red-primary)); } .section__header-link { font-family: var(--section-header-link-font-family, var(--link-font-family)); font-size: var(--section-header-link-font-size, var(--link-font-size)); font-weight: var(--section-header-link-font-weight, var(--link-weight)); line-height: var(--section-header-link-line-height, var(--link-line-height)); } .section__header-content { display: var(--section-header-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-content-flex-direction); flex-direction: var(--section-header-content-flex-direction); -webkit-box-align: var(--section-header-content-align-items, center); -ms-flex-align: var(--section-header-content-align-items, center); align-items: var(--section-header-content-align-items, center); -webkit-box-pack: var(--section-header-content-justify-content, space-between); -ms-flex-pack: var(--section-header-content-justify-content, space-between); justify-content: var(--section-header-content-justify-content, space-between); text-align: var(--section-header-content-text-align); gap: var(--section-header-content-gap, 80px); margin: var(--section-header-content-margin); --section-header-text-flex: 1; } .section__header-info { display: var(--section-header-info-flex, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-info-flex-direction, column); flex-direction: var(--section-header-info-flex-direction, column); -webkit-box-align: var(--section-header-info-align-items, flex-start); -ms-flex-align: var(--section-header-info-align-items, flex-start); align-items: var(--section-header-info-align-items, flex-start); -webkit-box-pack: var(--section-header-info-justify-content, flex-start); -ms-flex-pack: var(--section-header-info-justify-content, flex-start); justify-content: var(--section-header-info-justify-content, flex-start); gap: var(--section-header-info-gap, 32px); -webkit-box-flex: var(--section-header-info-flex, 1); -ms-flex: var(--section-header-info-flex, 1); flex: var(--section-header-info-flex, 1); max-width: var(--section-header-info-width, 100%); width: 100%; text-align: var(--section-header-info-text-align); } .section__header-subtitle { font-size: var(--section-header-subtitle-size, var(--text-size)); line-height: var(--section-header-subtitle-line-height, var(--text-line-height)); color: var(--section-header-subtitle, var(--concrete-2)); } .section__header-actions { display: var(--section-header-actions-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-actions-flex-direction); flex-direction: var(--section-header-actions-flex-direction); -webkit-box-align: var(--section-header-actions-align-items, center); -ms-flex-align: var(--section-header-actions-align-items, center); align-items: var(--section-header-actions-align-items, center); -webkit-box-pack: var(--section-header-actions-justify-content, space-between); -ms-flex-pack: var(--section-header-actions-justify-content, space-between); justify-content: var(--section-header-actions-justify-content, space-between); gap: var(--section-header-actions-gap, 40px); width: var(--section-header-actions-width, auto); } @media screen and (max-width: 768px) { .section__header-navigation.navigation { display: none; } } .section__body { display: var(--section-body-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-body-flex-direction, column); flex-direction: var(--section-body-flex-direction, column); -webkit-box-align: var(--section-body-align-items); -ms-flex-align: var(--section-body-align-items); align-items: var(--section-body-align-items); -webkit-box-pack: var(--section-body-justify-content); -ms-flex-pack: var(--section-body-justify-content); justify-content: var(--section-body-justify-content); gap: var(--section-body-gap, 56px); position: var(--section-body-position); top: var(--section-body-top); right: var(--section-body-right); bottom: var(--section-body-bottom); left: var(--section-body-left); margin-top: var(--section-body-margin-top, 0); padding-top: var(--section-body-padding-top, 0); max-width: var(--section-body-max-width); width: var(--section-body-width, 100%); height: var(--section-body-height); -webkit-box-flex: var(--section-body-flex, 1); -ms-flex: var(--section-body-flex, 1); flex: var(--section-body-flex, 1); z-index: var(--section-body-z-index); } .section__content { position: var(--section-content-position, relative); display: var(--section-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-content-flex-direction, column); flex-direction: var(--section-content-flex-direction, column); -webkit-box-align: var(--section-content-align-items, flex-start); -ms-flex-align: var(--section-content-align-items, flex-start); align-items: var(--section-content-align-items, flex-start); -webkit-box-pack: var(--section-content-justify-content, flex-start); -ms-flex-pack: var(--section-content-justify-content, flex-start); justify-content: var(--section-content-justify-content, flex-start); gap: var(--section-content-gap, 48px); margin: var(--section-content-margin, 48px 0 0 0); width: var(--section-content-width); height: var(--section-content-height); background: var(--section-content-background); padding: var(--section-content-padding, 0); border-radius: var(--section-content-border-radius, 0); border-width: var(--section-content-border-width, 0); border-style: var(--section-content-border-style, solid); border-color: var(--section-content-border-color, transparent); overflow: var(--section-content-overflow, hidden); } .section__content:first-child { --section-content-margin: 0; } .section__content .breadcrumbs__list { --breadcrumbs-margin: 0; } .section__block { margin-bottom: 24px; } .section__block:last-child { margin-bottom: 0; } .section__text { width: var(--section-text-width, 100%); height: var(--section-text-height, 100%); font-size: var(--section-body-text-size, var(--text-size)); line-height: var(--section-body-text-line-height, var(--text-line-height)); color: var(--section-body-text-color, var(--text-color)); position: relative; z-index: 2; } .section__text a, .section__text span { --link-font-size: var(--section-body-text-size); } .section__list { width: var(--section-list-width, 100%); display: var(--section-list-display, flex); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-list-flex-direction); flex-direction: var(--section-list-flex-direction); -webkit-box-pack: var(--section-list-justify-content); -ms-flex-pack: var(--section-list-justify-content); justify-content: var(--section-list-justify-content); -webkit-box-align: var(--section-list-align-items, stretch); -ms-flex-align: var(--section-list-align-items, stretch); align-items: var(--section-list-align-items, stretch); -ms-flex-wrap: var(--section-list-flex-wrap, wrap); flex-wrap: var(--section-list-flex-wrap, wrap); gap: var(--section-list-gap, 24px); -webkit-box-flex: var(--section-list-flex, 1); -ms-flex: var(--section-list-flex, 1); flex: var(--section-list-flex, 1); } .section__list_theme--red { --section-element-counter-font-family: var(--micra-font); --section-element-counter-border-width: 0; --section-element-counter-padding: 0; --section-element-counter-color: var(--red-primary); --section-element-counter-font-size: 40px; --section-element-counter-min-width: 76px; --section-element-gap: 40px; --section-element-flex-direction: row; --section-element-title-font-size: 24px; --section-element-info-gap: 16px; --section-list-gap: 80px; } @media screen and (max-width: 992px) { .section__list_theme--red { --section-element-gap: 20px; --section-element-title-font-size: 18px; } } @media screen and (max-width: 768px) { .section__list_theme--red { --section-element-flex-direction: column; } } .section__list_style--with-counter { counter-reset: section-item; } .section__list_style--with-counter > *::before { counter-increment: section-item; content: counter(section-item, decimal-leading-zero); display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--section-element-counter-font-family, var(--stapel-font)); border-width: var(--section-element-counter-border-width, 1px); border-style: var(--section-element-counter-border-style, solid); border-color: var(--section-element-counter-border-color, var(--concrete-1)); padding: var(--section-element-counter-padding, 8px 12px); border-radius: var(--section-element-counter-border-radius, 4px); color: var(--section-element-counter-color, var(--concrete-2)); min-width: var(--section-element-counter-min-width); width: var(--section-element-counter-width, -webkit-fit-content); width: var(--section-element-counter-width, -moz-fit-content); width: var(--section-element-counter-width, fit-content); font-size: var(--section-element-counter-font-size); line-height: var(--section-element-counter-line-height); } .section__list--width_row--1 > * { --section-element-width: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); } @media screen and (max-width: 640px) { .section__list--width_row--1 > * { --section-element-flex: 100%; } } .section__list--width_row--2 > * { --section-element-width: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); } @media screen and (max-width: 640px) { .section__list--width_row--2 > * { --section-element-flex: 100%; } } .section__list--width_row--3 > * { --section-element-width: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); } @media screen and (max-width: 1200px) { .section__list--width_row--3 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--3 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--3 > * { --section-element-flex: 100%; } } .section__list--width_row--4 > * { --section-element-width: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); } @media screen and (max-width: 1200px) { .section__list--width_row--4 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--4 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--4 > * { --section-element-flex: 100%; } } .section__list--width_row--5 > * { --section-element-width: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); } @media screen and (max-width: 1440px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4)); } } @media screen and (max-width: 1200px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--5 > * { --section-element-flex: 100%; } } .section__list--flex_row--1 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); -ms-flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); } @media screen and (max-width: 640px) { .section__list--flex_row--1 > * { --section-element-flex: 100%; } } .section__list--flex_row--2 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); -ms-flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); } @media screen and (max-width: 640px) { .section__list--flex_row--2 > * { --section-element-flex: 100%; } } .section__list--flex_row--3 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); -ms-flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); } @media screen and (max-width: 1200px) { .section__list--flex_row--3 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--3 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--3 > * { --section-element-flex: 100%; } } .section__list--flex_row--4 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); -ms-flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); } @media screen and (max-width: 1200px) { .section__list--flex_row--4 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--4 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--4 > * { --section-element-flex: 100%; } } .section__list--flex_row--5 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); -ms-flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); } @media screen and (max-width: 1440px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4)); } } @media screen and (max-width: 1200px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--5 > * { --section-element-flex: 100%; } } .section__list--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .section__list--grid > *:first-child { grid-column: span 2; } .section__list--grid > *:nth-child(6), .section__list--grid > *:nth-child(7) { grid-column: span 2; } .section-element { position: var(--section-element-position, relative); display: var(--section-element-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-flex-direction, column); flex-direction: var(--section-element-flex-direction, column); -webkit-box-align: var(--section-element-align-items, flex-start); -ms-flex-align: var(--section-element-align-items, flex-start); align-items: var(--section-element-align-items, flex-start); -webkit-box-pack: var(--section-element-justify-content, flex-start); -ms-flex-pack: var(--section-element-justify-content, flex-start); justify-content: var(--section-element-justify-content, flex-start); gap: var(--section-element-gap, 24px); width: var(--section-element-width, 100%); height: var(--section-element-height); background: var(--section-element-background, none); padding: var(--section-element-padding, 0); margin: var(--section-element-margin); border-radius: var(--section-element-border-radius, 0); border-width: var(--section-element-border-width, 0); border-style: var(--section-element-border-style, solid); border-color: var(--section-element-border-color, transparent); aspect-ratio: var(--section-element-aspect-ratio); -webkit-box-shadow: var(--section-element-box-shadow); box-shadow: var(--section-element-box-shadow); z-index: var(--section-element-z-index); overflow: hidden; } .section-element::after { content: var(--section-element-overlay-content, none); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--section-element-overlay-background, none); background-blend-mode: multiply; } .section-element.wo-content { --section-element-overlay-content: none; } .section-element_theme-gray { --section-element-background: var(--neutral-white); --section-element-padding: 40px; --section-element-border-radius: 8px; } .section-element__header { display: var(--section-element-header-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-header-flex-direction, column); flex-direction: var(--section-element-header-flex-direction, column); -webkit-box-align: var(--section-element-header-align-items, flex-start); -ms-flex-align: var(--section-element-header-align-items, flex-start); align-items: var(--section-element-header-align-items, flex-start); -webkit-box-pack: var(--section-element-header-justify-content); -ms-flex-pack: var(--section-element-header-justify-content); justify-content: var(--section-element-header-justify-content); gap: var(--section-element-header-gap, 8px); width: var(--section-element-header-width); margin-bottom: var(--section-element-header-margin-bottom, 24px); } .section-element__info { position: var(--section-element-info-position); top: var(--section-element-info-top); right: var(--section-element-info-right); bottom: var(--section-element-info-bottom); left: var(--section-element-info-left); display: var(--section-element-info-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-info-flex-direction, column); flex-direction: var(--section-element-info-flex-direction, column); -webkit-box-align: var(--section-element-info-align-items, flex-start); -ms-flex-align: var(--section-element-info-align-items, flex-start); align-items: var(--section-element-info-align-items, flex-start); -webkit-box-pack: var(--section-element-info-justify-content, flex-start); -ms-flex-pack: var(--section-element-info-justify-content, flex-start); justify-content: var(--section-element-info-justify-content, flex-start); text-align: var(--section-element-info-text-align); padding: var(--section-element-info-padding); gap: var(--section-element-info-gap, var(--section-element-gap, 24px)); -webkit-box-flex: var(--section-element-info-flex); -ms-flex: var(--section-element-info-flex); flex: var(--section-element-info-flex); width: var(--section-element-info-width); height: var(--section-element-info-height); z-index: var(--section-element-info-z-index); } .section-element__content { display: var(--section-element-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-content-flex-direction, column); flex-direction: var(--section-element-content-flex-direction, column); -webkit-box-align: var(--section-element-content-align-items, flex-start); -ms-flex-align: var(--section-element-content-align-items, flex-start); align-items: var(--section-element-content-align-items, flex-start); -webkit-box-pack: var(--section-element-content-justify-content, flex-start); -ms-flex-pack: var(--section-element-content-justify-content, flex-start); justify-content: var(--section-element-content-justify-content, flex-start); gap: var(--section-element-content-gap, var(--section-element-gap, 24px)); -webkit-box-flex: var(--section-element-content-flex, auto); -ms-flex: var(--section-element-content-flex, auto); flex: var(--section-element-content-flex, auto); width: var(--section-element-content-width); height: var(--section-element-content-height); padding: var(--section-element-content-padding, 0); position: var(--section-element-content-position, static); top: var(--section-element-content-top, auto); left: var(--section-element-content-left, auto); right: var(--section-element-content-right, auto); bottom: var(--section-element-content-bottom, auto); z-index: var(--section-element-content-z-index, 1); } .section-element__subtitle { font-size: var(--section-element-subtitle-size, var(--text-size)); line-height: var(--section-element-subtitle-line-height, var(--text-line-height)); color: var(--section-element-subtitle-color, var(--concrete-2)); margin-bottom: var(--section-element-subtitle-margin-bottom, 8px); } .section-element__title { display: var(--section-element-title-display, var(--display)); -ms-flex-wrap: var(--section-element-title-flex-wrap); flex-wrap: var(--section-element-title-flex-wrap); font-family: var(--section-element-title-font-family, var(--micra-font)); font-size: var(--section-element-title-font-size, 26px); line-height: var(--section-element-title-line-height, 1.2); color: var(--section-element-title-color, var(--text-color)); text-align: var(--section-element-title-text-align); word-wrap: var(--section-element-title-word-wrap); -webkit-box-flex: var(--section-element-title-flex); -ms-flex: var(--section-element-title-flex); flex: var(--section-element-title-flex); -webkit-hyphens: var(--section-element-title-hyphens, manual); -ms-hyphens: var(--section-element-title-hyphens, manual); hyphens: var(--section-element-title-hyphens, manual); } .section-element__text { overflow: hidden; display: var(--section-element-text-display, var(--display, -webkit-box)); -webkit-line-clamp: var(--section-element-text-line-clamp); -webkit-box-orient: vertical; font-family: var(--section-element-text-font-family, var(--text-family)); font-size: var(--section-element-text-font-size, 16px); line-height: var(--section-element-text-line-height, 1.4); color: var(--section-element-text-color, var(--concrete-3)); width: var(--section-element-text-width); opacity: var(--section-element-text-opacity); text-transform: var(--section-element-text-transform); } .section-element__text span { color: var(--section-element-text-span-color, var(--section-element-text-color, var(--red-primary))); } .section-element__text a { font-size: var(--section-element-text-font-size, 16px); } .section-element__desc { display: var(--section-element-desc-display, var(--display)); font-family: var(--section-element-desc-font-family, var(--stapel-font)); font-size: var(--section-element-desc-font-size, 20px); line-height: var(--section-element-desc-line-height, 1.4); color: var(--section-element-desc-color, var(--text-color)); } .section-element__date { font-family: var(--section-element-date-font-family, var(--stapel-font)); font-size: var(--section-element-date-font-size, 16px); line-height: var(--section-element-date-line-height, 1.2); color: var(--section-element-date-color, var(--text-color)); } .section-element__actions { display: var(--section-element-actions-display, var(--display, flex)); -webkit-box-align: var(--section-element-actions-align-items, stretch); -ms-flex-align: var(--section-element-actions-align-items, stretch); align-items: var(--section-element-actions-align-items, stretch); -webkit-box-pack: var(--section-element-actions-justify-content, space-between); -ms-flex-pack: var(--section-element-actions-justify-content, space-between); justify-content: var(--section-element-actions-justify-content, space-between); gap: var(--section-element-actions-gap, 8px); width: var(--section-element-actions-width, 100%); } .section__elements { display: var(--section-elements-display, var(--display, flex)); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--section-elements-flex-direction, row); flex-direction: var(--section-elements-flex-direction, row); -webkit-box-align: var(--section-elements-align-items, flex-start); -ms-flex-align: var(--section-elements-align-items, flex-start); align-items: var(--section-elements-align-items, flex-start); -webkit-box-pack: var(--section-elements-justify-content, flex-start); -ms-flex-pack: var(--section-elements-justify-content, flex-start); justify-content: var(--section-elements-justify-content, flex-start); gap: var(--section-elements-gap, var(--section-list-gap, 24px)); width: var(--section-elements-width, 100%); -webkit-box-flex: var(--section-elements-flex, 1); -ms-flex: var(--section-elements-flex, 1); flex: var(--section-elements-flex, 1); } .section__elements-title { font-family: var(--section-elements-title-font-family, var(--stapel-font)); font-weight: var(--section-elements-title-font-family, 400); font-size: var(--section-elements-title-font-size, 32px); line-height: var(--section-elements-title-line-height, 1.2); color: var(--section-elements-title-color, var(--red-primary)); max-width: var(--section-elements-title-width, 100%); width: 100%; } .section__elements-pagination { width: var(--section-elements-pagination-width, 100%); } .section__elements-sidebar { width: var(--section-elements-sidebar-width, 268px); } .section__elements-content { display: var(--section-elements-content-display, flex); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-elements-content-flex-direction, column); flex-direction: var(--section-elements-content-flex-direction, column); -webkit-box-align: var(--section-elements-content-align-items, flex-start); -ms-flex-align: var(--section-elements-content-align-items, flex-start); align-items: var(--section-elements-content-align-items, flex-start); gap: var(--section-elements-content-gap, 40px); width: var(--section-elements-content-width, 100%); -webkit-box-flex: var(--section-elements-content-flex, 1); -ms-flex: var(--section-elements-content-flex, 1); flex: var(--section-elements-content-flex, 1); } .section__cards { display: -webkit-box; display: -ms-flexbox; display: flex; } .section__cards-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 32px; border-top: 1px solid var(--neutral-white); border-right: 1px solid var(--neutral-white); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section__cards-item:last-child { border-right: 0; } .section__cards-item-icon { padding: 12px 20px 12px 0; margin-bottom: 32px; } .section__cards-item-title { font-size: var(--headers-text-size, 24px); line-height: 1.4; } @media screen and (max-width: 992px) { .section__cards-item-title { --headers-text-size: 22px; } } @media screen and (max-width: 992px) { .section__gallery { margin-top: 16px; } } .section__gallery-list { display: grid; grid-template-columns: repeat(2, auto); gap: var(--section-gallery-gap, 13px); margin-top: -11.5rem; position: relative; z-index: 1; } @media screen and (max-width: 992px) { .section__gallery-list { margin-top: 0; } } .section__gallery-picture:first-child { --image-width: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; grid-column: span 2; } .section__gallery-picture:first-child img { border-radius: 137.5px 0px 0px 0px; } @media screen and (max-width: 768px) { .section__gallery-picture:first-child img { --image-width: 100%; } } .section__action { display: var(--display, flex); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; --button-width: 100%; } .section__overlay { display: var(--section-overlay-display, var(--display, block)); position: var(--section-overlay-position, static); top: var(--section-overlay-top, auto); right: var(--section-overlay-right, auto); bottom: var(--section-overlay-bottom, auto); left: var(--section-overlay-left, auto); z-index: var(--section-overlay-z-index, 1); margin-top: var(--section-overlay-margin-top, -14rem); -webkit-transform: var(--section-overlay-transform); -ms-transform: var(--section-overlay-transform); transform: var(--section-overlay-transform); pointer-events: var(--section-overlay-pointer-events, none); } .section__overlay img { --image-fit: contain; } .section__slider { height: var(--section-slider-height, 100%); padding: 1px 0; margin: -1px 0; overflow: var(--section-slider-overflow, hidden); } .section__slider.swiper { padding: 1px 0; margin: -1px 0; } .section__slider-scrollbar { position: var(--section-slider-scrollbar-position, absolute) !important; margin: var(--section-slider-scrollbar-margin, 0); --swiper-scrollbar-size: 2px; --swiper-scrollbar-bg-color: var(--gray); --swiper-scrollbar-drag-bg-color: var(--red-primary); --swiper-scrollbar-sides-offset: 0; } .section-filter__header { 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; } .section-filter__header-title { font-family: var(--micra-font); font-size: 24px; line-height: 1.2; } .section-filter__header-result { font-size: 20px; line-height: 1.4; color: var(--concrete-2); } .section-filter__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: 40px; } .section-filter__item { 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; } .section-filter__item.hidden .section-filter__item-title::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .section-filter__item.hidden .section-filter__item-content { display: none; } .section-filter__item-title { font-size: 24px; line-height: 1.2; 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; gap: 16px; cursor: pointer; } .section-filter__item-title::after { content: ""; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.795H6v1.41l6 6 6-6v-1.41z' fill='%232E2D2D'/%3E%3C/svg%3E"); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .section-filter__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; gap: 16px; } .section__grid { display: grid; grid-template-columns: 320px 320px 1fr; grid-template-rows: repeat(2, auto); gap: 16px; grid-template-areas: "el1 el2 el3" "el1 el2 el4"; } @media screen and (max-width: 1440px) { .section__grid { grid-template-columns: 275px 275px 1fr; } } @media screen and (max-width: 992px) { .section__grid { grid-template-columns: auto; grid-template-rows: auto; grid-template-areas: "el1" "el2" "el3" "el4"; } } .section__grid-element { position: relative; background: var(--neutral-white); padding: 40px; border-radius: 8px; 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; gap: 24px; } @media screen and (max-width: 1440px) { .section__grid-element { padding: 24px; } } .section__grid-element-info { 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; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section__grid-element .image-element__image { --image-filter: grayscale(100%); --image-mix-blend-mode: darken; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 1440px) { .section__grid-element .image-element__image { --image-height: auto; } } .section__grid-element:nth-child(1) { grid-area: el1; } .section__grid-element:nth-child(1) .image-element__image { --image-filter: none; } .section__grid-element:nth-child(2) { grid-area: el2; } .section__grid-element:nth-child(3) { grid-area: el3; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .section__grid-element:nth-child(3) .section__grid-element-picture { --image-position: absolute; --image-top: 0; --image-right: 0; --picture-height: 100%; } @media screen and (max-width: 1280px) { .section__grid-element:nth-child(3) .section__grid-element-picture { --image-position: static; --picture-width: calc(100% / 3); --image-align-items: center; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) .section__grid-element-picture { --picture-width: 100%; } } .section__grid-element:nth-child(3) .section__grid-element-info { max-width: 350px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) .section__grid-element-info { max-width: 100%; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section__grid-element:nth-child(4) { grid-area: el4; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .section__grid-element:nth-child(4) .section__grid-element-picture { --image-position: absolute; --image-top: 50%; --image-right: 0; --picture-width: 300px; --picture-transform: translate(0, -50%); --picture-mix-blend-mode: darken; } @media screen and (max-width: 1280px) { .section__grid-element:nth-child(4) .section__grid-element-picture { --image-position: static; --picture-transform: none; --picture-width: calc(100% / 3); --image-align-items: center; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) .section__grid-element-picture { --picture-width: 100%; } } .section__grid-element:nth-child(4) .section__grid-element-info { max-width: 350px; } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) .section__grid-element-info { max-width: 100%; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section__grid-element:nth-child(1), .section__grid-element:nth-child(2) { grid-row: span 2; } .section__grid-element-subtitle { color: var(--concrete-2); } .section__grid-element-text { color: var(--concrete-2); } .section__grid-element-title { --headers-text-size: 22px; line-height: 1.2; margin-bottom: 0; } .section__grid-element-title span.small { display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--graphite); --headers-text-size: 14px; line-height: 1.2; } .gallery-stretch { --section-position: relative; } .gallery-stretch::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(44.58%, rgba(0, 0, 0, 0)), color-stop(73.44%, rgba(0, 0, 0, 0.375))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 44.58%, rgba(0, 0, 0, 0.375) 73.44%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.58%, rgba(0, 0, 0, 0.375) 73.44%); z-index: 1; pointer-events: none; } .gallery-stretch .section__container { display: contents; } .gallery-stretch .section__header { --section-header-position: absolute; --section-header-bottom: 0; --section-header-z-index: 3; --headers-text-color: var(--white-primary); max-width: var(--container-width-custom, var(--container-width)); width: 100%; margin-top: var(--container-margin-top-custom, var(--container-margin-top, auto)); margin-right: var(--container-margin-right-custom, var(--container-margin-right, auto)); margin-bottom: var(--container-margin-bottom-custom, var(--container-margin-bottom, auto)); margin-left: var(--container-margin-left-custom, var(--container-margin-left, auto)); padding-top: var(--container-padding-top-custom, var(--container-padding-top)); padding-right: var(--container-padding-right-custom, var(--container-padding-right)); padding-bottom: var(--container-padding-bottom-custom, var(--container-padding-bottom)); padding-left: var(--container-padding-left-custom, var(--container-padding-left)); } .gallery-stretch .section__content { --section-content-align-items: center; --image-width: auto; } @media screen and (max-width: 992px) { .gallery-stretch .section__content { --image-height: 480px; } } /* End */ /* Start:/local/templates/bet/css/pages/filials.min.css?17551745374301*/ .page__filials { --section-header-text-font-size: 20px; } .page__filials .head-slider { --section-height: 720px; --section-element-text-width: 800px; --section-element-text-font-family: var(--micra-font); --section-element-text-font-size: 20px; --head-slider-after-border-bottom-color: transparent; --head-slider-after-border-left-color: var(--section-background, var(--page-background)); --head-slider-after-border-right-color: var(--section-background, var(--page-background)); --head-slider-after-transform: scale(1, -1); --container-padding-bottom: 88px; --container-height: 100%; } @media screen and (max-width: 992px) { .page__filials .head-slider .large { --headers-text-size: 24px; } } @media screen and (max-width: 992px) { .page__filials .head-slider { --section-height: 560px; --section-element-text-width: 100%; --section-element-text-font-size: 14px; } } .page__filials .head-slider-element__info { --container-padding-bottom: 88px; --container-height: 100%; } @media screen and (max-width: 992px) { .page__filials .head-slider-element__info { --container-padding-bottom: 48px; } } .page__filials .head-slider .image-element__image { --image-filter: grayscale(100%); } .page__filials .files { --section-content-gap: 60px; --section-list-gap: 32px; --section-element-flex-direction: row; --section-element-title-font-family: var(--stapel-font); --section-element-title-font-size: 20px; --section-element-title-line-height: 1.4; } .page__filials .awards-block { --section-list-gap: 8px; } .page__filials .awards-block .section-element__title { --section-element-title-font-size: 18px; --section-element-title-line-height: 1.2; } .page__filials .awards-block .card-element { --section-element-padding: 32px; } .page__filials .header-section .section__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 56px; } @media screen and (max-width: 992px) { .page__filials .header-section .section__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .page__filials .header-section .section__content { --section-content-margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page__filials .contacts__body { 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; } .page__filials .contacts__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; } .page__filials .contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .page__filials .contacts__item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .page__filials .activity__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 96px; } @media screen and (max-width: 992px) { .page__filials .activity__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } } .page__filials .activity__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page__filials .activity__item-title { font-family: var(--stapel-font); } .page__filials .activity__item-content { color: var(--concrete-3); } .page__filials .activity__table { margin-bottom: 24px; } /* End */ /* Start:/local/templates/bet/css/swiper-bundle.min.css?175509113218456*/ /** * Swiper 11.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 10, 2025 */ @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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;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:var(--swiper-navigation-top-offset,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:flex;align-items: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:.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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.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:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;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%;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;transition:.2s transform,.2s top}.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%;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{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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:flex;justify-content: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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-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;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/components/yks/head-slider/templates/.default/style.min.css?17550842849884*/ .head-slider { --image-position: absolute; --image-top: 0; --image-left: 0; --picture-width: 100%; --picture-height: 100lvh; --picture-opacity: .35; --video-position: absolute; --video-top: 0; --video-left: 50%; --video-opacity: .35; --video-transform: translate(-50%, 0); --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-width: 80px; --swiper-pagination-bullet-height: 2px; --swiper-pagination-color: var(--neutral-white); --swiper-pagination-bullet-inactive-color: var(--white-transparent); --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-border-radius: none; --swiper-pagination-bottom: 0; --swiper-pagination-top: 0; --container-padding-bottom: 147px; --text-color: var(--neutral-white); --section-text-color: var(--neutral-white); --section-element-text-width: 880px; --section-element-text-color: var(--neutral-white); --headers-span-text-color: var(--neutral-white); --section-height: 100lvh; --section-position: relative; --section-background-image: linear-gradient(180deg, rgba(11, 13, 21, 0) 44.58%, rgba(9, 13, 17, 0.75) 89.43%); background-blend-mode: overlay; } @media screen and (max-width: 992px) { .head-slider { --container-padding-bottom: 36px; --section-element-text-width: 100%; } } @media screen and (max-width: 768px) { .head-slider { --head-slider-element-actions-width: 100%; --head-slider-element-actions-button-width: 100%; } } .head-slider::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--head-slider-background, var(--bg-dark)); } .head-slider::after { content: ""; position: absolute; bottom: 0; left: 0; width: calc(100% - 50px); border-bottom: 25px solid var(--head-slider-after-border-bottom-color, var(--section-background, var(--page-background))); border-left: 25px solid var(--head-slider-after-border-left-color, transparent); border-right: 25px solid var(--head-slider-after-border-right-color, transparent); -webkit-transform: var(--head-slider-after-transform); -ms-transform: var(--head-slider-after-transform); transform: var(--head-slider-after-transform); z-index: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .head-slider .breadcrumbs { --breadcrumbs-text-color: var(--neutral-white); --breadcrumbs-margin: 0 0 25px 0; } @media screen and (max-width: 992px) { .head-slider .breadcrumbs { --breadcrumbs-margin: 0; } } .head-slider .breadcrumbs__back { display: none; } .head-slider__footer { --container-position: absolute; --container-height: auto; --container-z-index: 1; --link-text-transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: absolute; left: 50%; bottom: 0; width: 100%; height: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: none; } @media screen and (max-width: 992px) { .head-slider__footer { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; bottom: 32px; } } .head-slider__footer > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 992px) { .head-slider__footer > div:first-child { display: none; } } .head-slider__content { height: var(--head-slider-content-height, 100%); padding: var(--head-slider-content-padding); } .head-slider__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 24px; pointer-events: all; } @media screen and (max-width: 992px) { .head-slider__navigation { display: none; } } .head-slider__navigation-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .head-slider__navigation-fraction { font-size: 16px; line-height: 1.4; } .head-slider__navigation-fraction-text { color: var(--concrete-2); } .head-slider__pagination { position: relative; text-align: center; line-height: 0; pointer-events: all; } .head-slider__pagination.swiper-pagination-bullets { width: auto; } .head-slider-element { overflow: hidden; --section-element-text-font-size: 20px; } @media screen and (max-width: 992px) { .head-slider-element { --section-element-text-font-size: 14px; } } .head-slider-element::after { content: ""; background: var(--head-slider-element-after-background, linear-gradient(180deg, rgba(0, 0, 0, 0) 44.58%, rgba(0, 0, 0, 0.375) 73.44%)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: var(--head-slider-element-after-z-index, 1); } .head-slider-element.only-one .head-slider-element__info-body { max-width: var(--head-slider-only-one-width, 100%); } .head-slider-element.only-one .head-slider-element__info-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 992px) { .head-slider-element.only-one .head-slider-element__info-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .head-slider-element__title { --headers-margin: 0; } .head-slider-element__title span { color: var(--neutral-white); } .head-slider-element__title span:is([class]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 992px) { .head-slider-element__title span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media screen and (max-width: 992px) { .head-slider-element__title span.h2 { --headers-text-size: 18px; } } @media screen and (max-width: 992px) { .head-slider-element__title { --headers-text-size: 32px; } } .head-slider-element__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; --container-height: 100lvh; } @media screen and (max-width: 992px) { .head-slider-element__info { --container-height: calc(100lvh - 36px); } } .head-slider-element__info-body { max-width: var(--head-slider-element-body-width, 1104px); 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; gap: var(--head-slider-element-body-gap, 32px); } @media screen and (max-width: 992px) { .head-slider-element__info-body { --head-slider-element-body-gap: 20px; } } .head-slider-element__info-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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--head-slider-element-content-gap, var(--head-slider-element-body-gap, 32px)); } .head-slider-element__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: var(--head-slider-element-actions-width); gap: var(--head-slider-element-actions-gap, 8px); } .head-slider-element__actions-button { width: var(--head-slider-element-actions-button-width); } .head-slider-element__tags { 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; gap: 10px; position: absolute; bottom: 81px; right: 0; } .head-slider-element__tags-item { 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: 8px; background: var(--white-transparent-5); border-radius: 5px; } /* End */ /* Start:/local/templates/bet/components/bitrix/breadcrumb/bet/style.min.css?17550710252670*/ .breadcrumbs { 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; --breadcrumbs-font-family: var(--micra-font); --breadcrumbs-font-size: 14px; --breadcrumbs-line-height: 1.2; --breadcrumbs-text-color: var(--concrete-2); --link-font-family: var(--breadcrumbs-font-family); --link-font-size: var(--breadcrumbs-font-size); --link-line-height: var(--breadcrumbs-line-height); --link-border-width: 0; --link-text-color: var(--breadcrumbs-text-color); --container-padding-bottom: 24px; --headers-margin: 0; } @media screen and (max-width: 768px) { .breadcrumbs { --breadcrumbs-font-size: 12px; --breadcrumbs-margin: 0 0 12px 0; --container-padding-bottom: 24px; } } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--breadcrumbs-gap, 8px); margin: var(--breadcrumbs-margin, 0 0 32px 0); font-family: var(--breadcrumbs-font-family); font-size: var(--breadcrumbs-font-size); line-height: var(--breadcrumbs-line-height); color: var(--breadcrumbs-text-color); -ms-flex-wrap: var(--breadcrumbs-flex-wrap, wrap); flex-wrap: var(--breadcrumbs-flex-wrap, wrap); } .breadcrumbs__back { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .breadcrumbs__back { display: none; } } .breadcrumbs__back-link { --link-font-size: 20px; --link-text-color: var(--red-primary); } .breadcrumbs__back-link::before { content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.94 9.88L19.06 8l-8 8 8 8 1.88-1.88L14.835 16l6.107-6.12z' fill='%23980E2F'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.94 9.88L19.06 8l-8 8 8 8 1.88-1.88L14.835 16l6.107-6.12z' fill='%23980E2F'/%3E%3C/svg%3E"); background-color: var(--red-primary); width: 32px; height: 32px; } .breadcrumbs__item::after { content: " / "; } .breadcrumbs__item:last-child::after { content: none; } /* End */ /* Start:/local/components/yks/yandex-map/templates/.default/style.min.css?175395553351*/ .ya-map { height: var(--ya-map-height, 318px); } /* End */ /* Start:/local/components/yks/section/templates/.default/style.min.css?175518157253362*/ .section { display: var(--section-display, var(--display, block)); position: var(--section-position); background-color: var(--section-background, var(--page-background)); background-image: var(--section-background-image); margin-top: var(--section-margin-top); color: var(--section-text-color, var(--text-color)); z-index: var(--section-z-index); overflow: var(--section-overflow, hidden); width: var(--section-width); height: var(--section-height); -webkit-box-flex: var(--section-flex); -ms-flex: var(--section-flex); flex: var(--section-flex); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } @media screen and (max-width: 1440px) { .section { --section-header-gap: 48px; } } @media screen and (max-width: 992px) { .section { --section-header-gap: 16px; --section-header-margin-bottom: 16px; --section-header-align: flex-end; --section-header-subtitle-size: 16px; --section-header-subtitle-line-height: 1.4; --section-header-subtitle-margin-bottom: 24px; --text-size: 18px; --section-header-info-gap: 24px; --section-header-text-font-size: 16px; --section-header-link-font-size: 14px; --section-header-text-width: 100%; --section-header-content-flex-direction: column-reverse; --section-header-content-gap: 32px; --section-element-title-font-size: 18px; --section-element-info-gap: 16px; --section-content-gap: 32px; } } @media screen and (max-width: 768px) { .section { --section-header-subtitle-margin-bottom: 16px; --text-size: 16px; --section-header-wrap: wrap; --section-elements-flex-direction: column; --section-header-actions-width: 100%; --section-header-info-gap: 16px; --section-elements-sidebar-width: 100%; --section-content-gap: 16px; --section-overlay-display: none; } } @media screen and (max-width: 640px) { .section { --section-header-justify-content: flex-start; } } .section__container { width: var(--section-container-width); height: var(--section-container-height); } .section_style--header-center { --section-header-text-align: center; } .section_style--header-align-end { --section-header-align: flex-end; } .section_style--header-info-gap--32 { --section-header-info-gap: 32px; } .section_style--header-info-gap--48 { --section-header-info-gap: 48px; } .section_style--justify-center { --section-content-align-items: center; --section-header-info-align-items: center; --section-header-info-text-align: center; } .section_theme--neutral-white { --section-background: var(--neutral-white); } .section_theme--dark-gradient { --section-background-image: radial-gradient(53.37% 75.21% at 79.62% 94.64%, #535353 0%, #2E2D2D 97.59%); --text-color: var(--neutral-white); --section-text-color: var(--neutral-white); --section-header-title: var(--neutral-white); --section-header-text: var(--neutral-white); --section-header-subtitle: var(--neutral-white); } .section_theme--dark-gradient .section__header-link { --link-text-color: var(--neutral-white); --link-border-color: var(--neutral-white); } .section_theme--dark-gradient .section__header-link:hover, .section_theme--dark-gradient .section__header-link:active { --link-text-color: var(--red-primary); --link-border-color: var(--red-primary); } .section_theme--dark { --section-background: var(--bg-dark); --text-color: var(--neutral-white); --section-text-color: var(--neutral-white); --section-header-title: var(--neutral-white); --section-header-text: var(--neutral-white); --section-header-subtitle: var(--neutral-white); } .section_theme--dark .section__header-link { --link-text-color: var(--neutral-white); --link-border-color: var(--neutral-white); } .section_theme--dark .section__header-link:hover, .section_theme--dark .section__header-link:active { --link-text-color: var(--red-primary); --link-border-color: var(--red-primary); } .section__header { display: var(--section-header-display, var(--display, flex)); position: var(--section-header-position); top: var(--section-header-top); right: var(--section-header-right); bottom: var(--section-header-bottom); left: var(--section-header-left); -webkit-box-align: var(--section-header-align, flex-start); -ms-flex-align: var(--section-header-align, flex-start); align-items: var(--section-header-align, flex-start); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-flex-direction, row); flex-direction: var(--section-header-flex-direction, row); -webkit-box-pack: var(--section-header-justify-content, space-between); -ms-flex-pack: var(--section-header-justify-content, space-between); justify-content: var(--section-header-justify-content, space-between); gap: var(--section-header-gap, 60px); padding: var(--section-header-padding); margin: var(--section-header-margin); -ms-flex-wrap: var(--section-header-wrap, nowrap); flex-wrap: var(--section-header-wrap, nowrap); text-align: var(--section-header-text-align, left); max-width: var(--section-header-width, 100%); width: var(--section-header-global-width, 100%); border-width: var(--section-header-border-width, 0); border-style: var(--section-header-border-style, solid); border-color: var(--section-header-border-color, none); z-index: var(--section-header-z-index); -webkit-box-flex: var(--section-header-flex); -ms-flex: var(--section-header-flex); flex: var(--section-header-flex); } .section__header-top { display: var(--section-header-top-display, flex); -webkit-box-align: var(--section-header-top-align-items, center); -ms-flex-align: var(--section-header-top-align-items, center); align-items: var(--section-header-top-align-items, center); -webkit-box-pack: var(--section-header-top-justify-content, space-between); -ms-flex-pack: var(--section-header-top-justify-content, space-between); justify-content: var(--section-header-top-justify-content, space-between); gap: var(--section-header-top-gap, 24px); width: var(--section-header-top-width, 100%); } .section__header-title { --headers-margin: 0; --headers-text-size: var(--section-header-title-font-size); --headers-word-break: var(--section-header-title-word-break); --headers-hyphens: var(--section-header-title-hyphens); color: var(--section-header-title, var(--text-color)); text-align: var(--section-header-title-text-align); word-break: var(--section-header-title-word-break, var(--headers-word-break)); -webkit-hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); -ms-hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); hyphens: var(--section-header-title-hyphens, var(--headers-hyphens)); } .section__header-title span { display: var(--section-header-title-span-display, flex); -webkit-box-align: var(--section-header-title-span-align-items); -ms-flex-align: var(--section-header-title-span-align-items); align-items: var(--section-header-title-span-align-items); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-title-span-flex-direction); flex-direction: var(--section-header-title-span-flex-direction); text-align: var(--section-header-title-span-text-align); width: var(--section-header-title-span-width, -webkit-fit-content); width: var(--section-header-title-span-width, -moz-fit-content); width: var(--section-header-title-span-width, fit-content); } @media screen and (max-width: 992px) { .section__header-title span { --section-header-title-span-display: inline; } } .section__header-text { overflow: hidden; display: var(--section-header-text-display, -webkit-box); -webkit-line-clamp: var(--section-header-text-line-clamp); -webkit-box-orient: vertical; font-family: var(--section-header-text-font-family, var(--stapel-font)); font-size: var(--section-header-text-font-size, 24px); line-height: var(--section-header-text-line-height, var(--text-line-height)); color: var(--section-header-text, var(--section-text-color, var(--concrete-2))); max-width: var(--section-header-text-width, 880px); width: 100%; -webkit-box-flex: var(--section-header-text-flex); -ms-flex: var(--section-header-text-flex); flex: var(--section-header-text-flex); } .section__header-text a { --link-display: inline; --link-font-size: var(--section-header-text-font-size, 24px); } .section__header-text span { color: var(--section-header-text-span-color, var(--red-primary)); } .section__header-link { font-family: var(--section-header-link-font-family, var(--link-font-family)); font-size: var(--section-header-link-font-size, var(--link-font-size)); font-weight: var(--section-header-link-font-weight, var(--link-weight)); line-height: var(--section-header-link-line-height, var(--link-line-height)); } .section__header-content { display: var(--section-header-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-content-flex-direction); flex-direction: var(--section-header-content-flex-direction); -webkit-box-align: var(--section-header-content-align-items, center); -ms-flex-align: var(--section-header-content-align-items, center); align-items: var(--section-header-content-align-items, center); -webkit-box-pack: var(--section-header-content-justify-content, space-between); -ms-flex-pack: var(--section-header-content-justify-content, space-between); justify-content: var(--section-header-content-justify-content, space-between); text-align: var(--section-header-content-text-align); gap: var(--section-header-content-gap, 80px); margin: var(--section-header-content-margin); --section-header-text-flex: 1; } .section__header-info { display: var(--section-header-info-flex, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-info-flex-direction, column); flex-direction: var(--section-header-info-flex-direction, column); -webkit-box-align: var(--section-header-info-align-items, flex-start); -ms-flex-align: var(--section-header-info-align-items, flex-start); align-items: var(--section-header-info-align-items, flex-start); -webkit-box-pack: var(--section-header-info-justify-content, flex-start); -ms-flex-pack: var(--section-header-info-justify-content, flex-start); justify-content: var(--section-header-info-justify-content, flex-start); gap: var(--section-header-info-gap, 32px); -webkit-box-flex: var(--section-header-info-flex, 1); -ms-flex: var(--section-header-info-flex, 1); flex: var(--section-header-info-flex, 1); max-width: var(--section-header-info-width, 100%); width: 100%; text-align: var(--section-header-info-text-align); } .section__header-subtitle { font-size: var(--section-header-subtitle-size, var(--text-size)); line-height: var(--section-header-subtitle-line-height, var(--text-line-height)); color: var(--section-header-subtitle, var(--concrete-2)); } .section__header-actions { display: var(--section-header-actions-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-header-actions-flex-direction); flex-direction: var(--section-header-actions-flex-direction); -webkit-box-align: var(--section-header-actions-align-items, center); -ms-flex-align: var(--section-header-actions-align-items, center); align-items: var(--section-header-actions-align-items, center); -webkit-box-pack: var(--section-header-actions-justify-content, space-between); -ms-flex-pack: var(--section-header-actions-justify-content, space-between); justify-content: var(--section-header-actions-justify-content, space-between); gap: var(--section-header-actions-gap, 40px); width: var(--section-header-actions-width, auto); } @media screen and (max-width: 768px) { .section__header-navigation.navigation { display: none; } } .section__body { display: var(--section-body-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-body-flex-direction, column); flex-direction: var(--section-body-flex-direction, column); -webkit-box-align: var(--section-body-align-items); -ms-flex-align: var(--section-body-align-items); align-items: var(--section-body-align-items); -webkit-box-pack: var(--section-body-justify-content); -ms-flex-pack: var(--section-body-justify-content); justify-content: var(--section-body-justify-content); gap: var(--section-body-gap, 56px); position: var(--section-body-position); top: var(--section-body-top); right: var(--section-body-right); bottom: var(--section-body-bottom); left: var(--section-body-left); margin-top: var(--section-body-margin-top, 0); padding-top: var(--section-body-padding-top, 0); max-width: var(--section-body-max-width); width: var(--section-body-width, 100%); height: var(--section-body-height); -webkit-box-flex: var(--section-body-flex, 1); -ms-flex: var(--section-body-flex, 1); flex: var(--section-body-flex, 1); z-index: var(--section-body-z-index); } .section__content { position: var(--section-content-position, relative); display: var(--section-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-content-flex-direction, column); flex-direction: var(--section-content-flex-direction, column); -webkit-box-align: var(--section-content-align-items, flex-start); -ms-flex-align: var(--section-content-align-items, flex-start); align-items: var(--section-content-align-items, flex-start); -webkit-box-pack: var(--section-content-justify-content, flex-start); -ms-flex-pack: var(--section-content-justify-content, flex-start); justify-content: var(--section-content-justify-content, flex-start); gap: var(--section-content-gap, 48px); margin: var(--section-content-margin, 48px 0 0 0); width: var(--section-content-width); height: var(--section-content-height); background: var(--section-content-background); padding: var(--section-content-padding, 0); border-radius: var(--section-content-border-radius, 0); border-width: var(--section-content-border-width, 0); border-style: var(--section-content-border-style, solid); border-color: var(--section-content-border-color, transparent); overflow: var(--section-content-overflow, hidden); } .section__content:first-child { --section-content-margin: 0; } .section__content .breadcrumbs__list { --breadcrumbs-margin: 0; } .section__block { margin-bottom: 24px; } .section__block:last-child { margin-bottom: 0; } .section__text { width: var(--section-text-width, 100%); height: var(--section-text-height, 100%); font-size: var(--section-body-text-size, var(--text-size)); line-height: var(--section-body-text-line-height, var(--text-line-height)); color: var(--section-body-text-color, var(--text-color)); position: relative; z-index: 2; } .section__text a, .section__text span { --link-font-size: var(--section-body-text-size); } .section__list { width: var(--section-list-width, 100%); display: var(--section-list-display, flex); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-list-flex-direction); flex-direction: var(--section-list-flex-direction); -webkit-box-pack: var(--section-list-justify-content); -ms-flex-pack: var(--section-list-justify-content); justify-content: var(--section-list-justify-content); -webkit-box-align: var(--section-list-align-items, stretch); -ms-flex-align: var(--section-list-align-items, stretch); align-items: var(--section-list-align-items, stretch); -ms-flex-wrap: var(--section-list-flex-wrap, wrap); flex-wrap: var(--section-list-flex-wrap, wrap); gap: var(--section-list-gap, 24px); -webkit-box-flex: var(--section-list-flex, 1); -ms-flex: var(--section-list-flex, 1); flex: var(--section-list-flex, 1); } .section__list_theme--red { --section-element-counter-font-family: var(--micra-font); --section-element-counter-border-width: 0; --section-element-counter-padding: 0; --section-element-counter-color: var(--red-primary); --section-element-counter-font-size: 40px; --section-element-counter-min-width: 76px; --section-element-gap: 40px; --section-element-flex-direction: row; --section-element-title-font-size: 24px; --section-element-info-gap: 16px; --section-list-gap: 80px; } @media screen and (max-width: 992px) { .section__list_theme--red { --section-element-gap: 20px; --section-element-title-font-size: 18px; } } @media screen and (max-width: 768px) { .section__list_theme--red { --section-element-flex-direction: column; } } .section__list_style--with-counter { counter-reset: section-item; } .section__list_style--with-counter > *::before { counter-increment: section-item; content: counter(section-item, decimal-leading-zero); display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--section-element-counter-font-family, var(--stapel-font)); border-width: var(--section-element-counter-border-width, 1px); border-style: var(--section-element-counter-border-style, solid); border-color: var(--section-element-counter-border-color, var(--concrete-1)); padding: var(--section-element-counter-padding, 8px 12px); border-radius: var(--section-element-counter-border-radius, 4px); color: var(--section-element-counter-color, var(--concrete-2)); min-width: var(--section-element-counter-min-width); width: var(--section-element-counter-width, -webkit-fit-content); width: var(--section-element-counter-width, -moz-fit-content); width: var(--section-element-counter-width, fit-content); font-size: var(--section-element-counter-font-size); line-height: var(--section-element-counter-line-height); } .section__list--width_row--1 > * { --section-element-width: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); } @media screen and (max-width: 640px) { .section__list--width_row--1 > * { --section-element-flex: 100%; } } .section__list--width_row--2 > * { --section-element-width: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); } @media screen and (max-width: 640px) { .section__list--width_row--2 > * { --section-element-flex: 100%; } } .section__list--width_row--3 > * { --section-element-width: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); } @media screen and (max-width: 1200px) { .section__list--width_row--3 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--3 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--3 > * { --section-element-flex: 100%; } } .section__list--width_row--4 > * { --section-element-width: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); } @media screen and (max-width: 1200px) { .section__list--width_row--4 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--4 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--4 > * { --section-element-flex: 100%; } } .section__list--width_row--5 > * { --section-element-width: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); } @media screen and (max-width: 1440px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4)); } } @media screen and (max-width: 1200px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--width_row--5 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--width_row--5 > * { --section-element-flex: 100%; } } .section__list--flex_row--1 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); -ms-flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); flex: var(--section-element-flex, calc(100% / 1 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 1))); } @media screen and (max-width: 640px) { .section__list--flex_row--1 > * { --section-element-flex: 100%; } } .section__list--flex_row--2 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); -ms-flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); flex: var(--section-element-flex, calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2))); } @media screen and (max-width: 640px) { .section__list--flex_row--2 > * { --section-element-flex: 100%; } } .section__list--flex_row--3 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); -ms-flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); flex: var(--section-element-flex, calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3))); } @media screen and (max-width: 1200px) { .section__list--flex_row--3 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--3 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--3 > * { --section-element-flex: 100%; } } .section__list--flex_row--4 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); -ms-flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); flex: var(--section-element-flex, calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4))); } @media screen and (max-width: 1200px) { .section__list--flex_row--4 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--4 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--4 > * { --section-element-flex: 100%; } } .section__list--flex_row--5 > * { -webkit-box-flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); -ms-flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); flex: var(--section-element-flex, calc(100% / 5 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 5))); } @media screen and (max-width: 1440px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 4 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 4)); } } @media screen and (max-width: 1200px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 3 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 3)); } } @media screen and (max-width: 992px) { .section__list--flex_row--5 > * { --section-element-flex: calc(100% / 2 - (var(--section-list-gap, 24px) - var(--section-list-gap, 24px) / 2)); } } @media screen and (max-width: 640px) { .section__list--flex_row--5 > * { --section-element-flex: 100%; } } .section__list--grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .section__list--grid > *:first-child { grid-column: span 2; } .section__list--grid > *:nth-child(6), .section__list--grid > *:nth-child(7) { grid-column: span 2; } .section-element { position: var(--section-element-position, relative); display: var(--section-element-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-flex-direction, column); flex-direction: var(--section-element-flex-direction, column); -webkit-box-align: var(--section-element-align-items, flex-start); -ms-flex-align: var(--section-element-align-items, flex-start); align-items: var(--section-element-align-items, flex-start); -webkit-box-pack: var(--section-element-justify-content, flex-start); -ms-flex-pack: var(--section-element-justify-content, flex-start); justify-content: var(--section-element-justify-content, flex-start); gap: var(--section-element-gap, 24px); width: var(--section-element-width, 100%); height: var(--section-element-height); background: var(--section-element-background, none); padding: var(--section-element-padding, 0); margin: var(--section-element-margin); border-radius: var(--section-element-border-radius, 0); border-width: var(--section-element-border-width, 0); border-style: var(--section-element-border-style, solid); border-color: var(--section-element-border-color, transparent); aspect-ratio: var(--section-element-aspect-ratio); -webkit-box-shadow: var(--section-element-box-shadow); box-shadow: var(--section-element-box-shadow); z-index: var(--section-element-z-index); overflow: hidden; } .section-element::after { content: var(--section-element-overlay-content, none); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--section-element-overlay-background, none); background-blend-mode: multiply; } .section-element.wo-content { --section-element-overlay-content: none; } .section-element_theme-gray { --section-element-background: var(--neutral-white); --section-element-padding: 40px; --section-element-border-radius: 8px; } .section-element__header { display: var(--section-element-header-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-header-flex-direction, column); flex-direction: var(--section-element-header-flex-direction, column); -webkit-box-align: var(--section-element-header-align-items, flex-start); -ms-flex-align: var(--section-element-header-align-items, flex-start); align-items: var(--section-element-header-align-items, flex-start); -webkit-box-pack: var(--section-element-header-justify-content); -ms-flex-pack: var(--section-element-header-justify-content); justify-content: var(--section-element-header-justify-content); gap: var(--section-element-header-gap, 8px); width: var(--section-element-header-width); margin-bottom: var(--section-element-header-margin-bottom, 24px); } .section-element__info { position: var(--section-element-info-position); top: var(--section-element-info-top); right: var(--section-element-info-right); bottom: var(--section-element-info-bottom); left: var(--section-element-info-left); display: var(--section-element-info-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-info-flex-direction, column); flex-direction: var(--section-element-info-flex-direction, column); -webkit-box-align: var(--section-element-info-align-items, flex-start); -ms-flex-align: var(--section-element-info-align-items, flex-start); align-items: var(--section-element-info-align-items, flex-start); -webkit-box-pack: var(--section-element-info-justify-content, flex-start); -ms-flex-pack: var(--section-element-info-justify-content, flex-start); justify-content: var(--section-element-info-justify-content, flex-start); text-align: var(--section-element-info-text-align); padding: var(--section-element-info-padding); gap: var(--section-element-info-gap, var(--section-element-gap, 24px)); -webkit-box-flex: var(--section-element-info-flex); -ms-flex: var(--section-element-info-flex); flex: var(--section-element-info-flex); width: var(--section-element-info-width); height: var(--section-element-info-height); z-index: var(--section-element-info-z-index); } .section-element__content { display: var(--section-element-content-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-element-content-flex-direction, column); flex-direction: var(--section-element-content-flex-direction, column); -webkit-box-align: var(--section-element-content-align-items, flex-start); -ms-flex-align: var(--section-element-content-align-items, flex-start); align-items: var(--section-element-content-align-items, flex-start); -webkit-box-pack: var(--section-element-content-justify-content, flex-start); -ms-flex-pack: var(--section-element-content-justify-content, flex-start); justify-content: var(--section-element-content-justify-content, flex-start); gap: var(--section-element-content-gap, var(--section-element-gap, 24px)); -webkit-box-flex: var(--section-element-content-flex, auto); -ms-flex: var(--section-element-content-flex, auto); flex: var(--section-element-content-flex, auto); width: var(--section-element-content-width); height: var(--section-element-content-height); padding: var(--section-element-content-padding, 0); position: var(--section-element-content-position, static); top: var(--section-element-content-top, auto); left: var(--section-element-content-left, auto); right: var(--section-element-content-right, auto); bottom: var(--section-element-content-bottom, auto); z-index: var(--section-element-content-z-index, 1); } .section-element__subtitle { font-size: var(--section-element-subtitle-size, var(--text-size)); line-height: var(--section-element-subtitle-line-height, var(--text-line-height)); color: var(--section-element-subtitle-color, var(--concrete-2)); margin-bottom: var(--section-element-subtitle-margin-bottom, 8px); } .section-element__title { display: var(--section-element-title-display, var(--display)); -ms-flex-wrap: var(--section-element-title-flex-wrap); flex-wrap: var(--section-element-title-flex-wrap); font-family: var(--section-element-title-font-family, var(--micra-font)); font-size: var(--section-element-title-font-size, 26px); line-height: var(--section-element-title-line-height, 1.2); color: var(--section-element-title-color, var(--text-color)); text-align: var(--section-element-title-text-align); word-wrap: var(--section-element-title-word-wrap); -webkit-box-flex: var(--section-element-title-flex); -ms-flex: var(--section-element-title-flex); flex: var(--section-element-title-flex); -webkit-hyphens: var(--section-element-title-hyphens, manual); -ms-hyphens: var(--section-element-title-hyphens, manual); hyphens: var(--section-element-title-hyphens, manual); } .section-element__text { overflow: hidden; display: var(--section-element-text-display, var(--display, -webkit-box)); -webkit-line-clamp: var(--section-element-text-line-clamp); -webkit-box-orient: vertical; font-family: var(--section-element-text-font-family, var(--text-family)); font-size: var(--section-element-text-font-size, 16px); line-height: var(--section-element-text-line-height, 1.4); color: var(--section-element-text-color, var(--concrete-3)); width: var(--section-element-text-width); opacity: var(--section-element-text-opacity); text-transform: var(--section-element-text-transform); } .section-element__text span { color: var(--section-element-text-span-color, var(--section-element-text-color, var(--red-primary))); } .section-element__text a { font-size: var(--section-element-text-font-size, 16px); } .section-element__desc { display: var(--section-element-desc-display, var(--display)); font-family: var(--section-element-desc-font-family, var(--stapel-font)); font-size: var(--section-element-desc-font-size, 20px); line-height: var(--section-element-desc-line-height, 1.4); color: var(--section-element-desc-color, var(--text-color)); } .section-element__date { font-family: var(--section-element-date-font-family, var(--stapel-font)); font-size: var(--section-element-date-font-size, 16px); line-height: var(--section-element-date-line-height, 1.2); color: var(--section-element-date-color, var(--text-color)); } .section-element__actions { display: var(--section-element-actions-display, var(--display, flex)); -webkit-box-align: var(--section-element-actions-align-items, stretch); -ms-flex-align: var(--section-element-actions-align-items, stretch); align-items: var(--section-element-actions-align-items, stretch); -webkit-box-pack: var(--section-element-actions-justify-content, space-between); -ms-flex-pack: var(--section-element-actions-justify-content, space-between); justify-content: var(--section-element-actions-justify-content, space-between); gap: var(--section-element-actions-gap, 8px); width: var(--section-element-actions-width, 100%); } .section__elements { display: var(--section-elements-display, var(--display, flex)); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--section-elements-flex-direction, row); flex-direction: var(--section-elements-flex-direction, row); -webkit-box-align: var(--section-elements-align-items, flex-start); -ms-flex-align: var(--section-elements-align-items, flex-start); align-items: var(--section-elements-align-items, flex-start); -webkit-box-pack: var(--section-elements-justify-content, flex-start); -ms-flex-pack: var(--section-elements-justify-content, flex-start); justify-content: var(--section-elements-justify-content, flex-start); gap: var(--section-elements-gap, var(--section-list-gap, 24px)); width: var(--section-elements-width, 100%); -webkit-box-flex: var(--section-elements-flex, 1); -ms-flex: var(--section-elements-flex, 1); flex: var(--section-elements-flex, 1); } .section__elements-title { font-family: var(--section-elements-title-font-family, var(--stapel-font)); font-weight: var(--section-elements-title-font-family, 400); font-size: var(--section-elements-title-font-size, 32px); line-height: var(--section-elements-title-line-height, 1.2); color: var(--section-elements-title-color, var(--red-primary)); max-width: var(--section-elements-title-width, 100%); width: 100%; } .section__elements-pagination { width: var(--section-elements-pagination-width, 100%); } .section__elements-sidebar { width: var(--section-elements-sidebar-width, 268px); } .section__elements-content { display: var(--section-elements-content-display, flex); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--section-elements-content-flex-direction, column); flex-direction: var(--section-elements-content-flex-direction, column); -webkit-box-align: var(--section-elements-content-align-items, flex-start); -ms-flex-align: var(--section-elements-content-align-items, flex-start); align-items: var(--section-elements-content-align-items, flex-start); gap: var(--section-elements-content-gap, 40px); width: var(--section-elements-content-width, 100%); -webkit-box-flex: var(--section-elements-content-flex, 1); -ms-flex: var(--section-elements-content-flex, 1); flex: var(--section-elements-content-flex, 1); } .section__cards { display: -webkit-box; display: -ms-flexbox; display: flex; } .section__cards-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 32px; border-top: 1px solid var(--neutral-white); border-right: 1px solid var(--neutral-white); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section__cards-item:last-child { border-right: 0; } .section__cards-item-icon { padding: 12px 20px 12px 0; margin-bottom: 32px; } .section__cards-item-title { font-size: var(--headers-text-size, 24px); line-height: 1.4; } @media screen and (max-width: 992px) { .section__cards-item-title { --headers-text-size: 22px; } } @media screen and (max-width: 992px) { .section__gallery { margin-top: 16px; } } .section__gallery-list { display: grid; grid-template-columns: repeat(2, auto); gap: var(--section-gallery-gap, 13px); margin-top: -11.5rem; position: relative; z-index: 1; } @media screen and (max-width: 992px) { .section__gallery-list { margin-top: 0; } } .section__gallery-picture:first-child { --image-width: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; grid-column: span 2; } .section__gallery-picture:first-child img { border-radius: 137.5px 0px 0px 0px; } @media screen and (max-width: 768px) { .section__gallery-picture:first-child img { --image-width: 100%; } } .section__action { display: var(--display, flex); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; --button-width: 100%; } .section__overlay { display: var(--section-overlay-display, var(--display, block)); position: var(--section-overlay-position, static); top: var(--section-overlay-top, auto); right: var(--section-overlay-right, auto); bottom: var(--section-overlay-bottom, auto); left: var(--section-overlay-left, auto); z-index: var(--section-overlay-z-index, 1); margin-top: var(--section-overlay-margin-top, -14rem); -webkit-transform: var(--section-overlay-transform); -ms-transform: var(--section-overlay-transform); transform: var(--section-overlay-transform); pointer-events: var(--section-overlay-pointer-events, none); } .section__overlay img { --image-fit: contain; } .section__slider { height: var(--section-slider-height, 100%); padding: 1px 0; margin: -1px 0; overflow: var(--section-slider-overflow, hidden); } .section__slider.swiper { padding: 1px 0; margin: -1px 0; } .section__slider-scrollbar { position: var(--section-slider-scrollbar-position, absolute) !important; margin: var(--section-slider-scrollbar-margin, 0); --swiper-scrollbar-size: 2px; --swiper-scrollbar-bg-color: var(--gray); --swiper-scrollbar-drag-bg-color: var(--red-primary); --swiper-scrollbar-sides-offset: 0; } .section-filter__header { 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; } .section-filter__header-title { font-family: var(--micra-font); font-size: 24px; line-height: 1.2; } .section-filter__header-result { font-size: 20px; line-height: 1.4; color: var(--concrete-2); } .section-filter__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: 40px; } .section-filter__item { 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; } .section-filter__item.hidden .section-filter__item-title::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .section-filter__item.hidden .section-filter__item-content { display: none; } .section-filter__item-title { font-size: 24px; line-height: 1.2; 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; gap: 16px; cursor: pointer; } .section-filter__item-title::after { content: ""; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.795H6v1.41l6 6 6-6v-1.41z' fill='%232E2D2D'/%3E%3C/svg%3E"); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .section-filter__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; gap: 16px; } .section__grid { display: grid; grid-template-columns: 320px 320px 1fr; grid-template-rows: repeat(2, auto); gap: 16px; grid-template-areas: "el1 el2 el3" "el1 el2 el4"; } @media screen and (max-width: 1440px) { .section__grid { grid-template-columns: 275px 275px 1fr; } } @media screen and (max-width: 992px) { .section__grid { grid-template-columns: auto; grid-template-rows: auto; grid-template-areas: "el1" "el2" "el3" "el4"; } } .section__grid-element { position: relative; background: var(--neutral-white); padding: 40px; border-radius: 8px; 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; gap: 24px; } @media screen and (max-width: 1440px) { .section__grid-element { padding: 24px; } } .section__grid-element-info { 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; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section__grid-element .image-element__image { --image-filter: grayscale(100%); --image-mix-blend-mode: darken; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media screen and (max-width: 1440px) { .section__grid-element .image-element__image { --image-height: auto; } } .section__grid-element:nth-child(1) { grid-area: el1; } .section__grid-element:nth-child(1) .image-element__image { --image-filter: none; } .section__grid-element:nth-child(2) { grid-area: el2; } .section__grid-element:nth-child(3) { grid-area: el3; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .section__grid-element:nth-child(3) .section__grid-element-picture { --image-position: absolute; --image-top: 0; --image-right: 0; --picture-height: 100%; } @media screen and (max-width: 1280px) { .section__grid-element:nth-child(3) .section__grid-element-picture { --image-position: static; --picture-width: calc(100% / 3); --image-align-items: center; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) .section__grid-element-picture { --picture-width: 100%; } } .section__grid-element:nth-child(3) .section__grid-element-info { max-width: 350px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) .section__grid-element-info { max-width: 100%; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(3) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section__grid-element:nth-child(4) { grid-area: el4; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .section__grid-element:nth-child(4) .section__grid-element-picture { --image-position: absolute; --image-top: 50%; --image-right: 0; --picture-width: 300px; --picture-transform: translate(0, -50%); --picture-mix-blend-mode: darken; } @media screen and (max-width: 1280px) { .section__grid-element:nth-child(4) .section__grid-element-picture { --image-position: static; --picture-transform: none; --picture-width: calc(100% / 3); --image-align-items: center; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) .section__grid-element-picture { --picture-width: 100%; } } .section__grid-element:nth-child(4) .section__grid-element-info { max-width: 350px; } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) .section__grid-element-info { max-width: 100%; } } @media screen and (max-width: 992px) { .section__grid-element:nth-child(4) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section__grid-element:nth-child(1), .section__grid-element:nth-child(2) { grid-row: span 2; } .section__grid-element-subtitle { color: var(--concrete-2); } .section__grid-element-text { color: var(--concrete-2); } .section__grid-element-title { --headers-text-size: 22px; line-height: 1.2; margin-bottom: 0; } .section__grid-element-title span.small { display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--graphite); --headers-text-size: 14px; line-height: 1.2; } .gallery-stretch { --section-position: relative; } .gallery-stretch::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(44.58%, rgba(0, 0, 0, 0)), color-stop(73.44%, rgba(0, 0, 0, 0.375))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 44.58%, rgba(0, 0, 0, 0.375) 73.44%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.58%, rgba(0, 0, 0, 0.375) 73.44%); z-index: 1; pointer-events: none; } .gallery-stretch .section__container { display: contents; } .gallery-stretch .section__header { --section-header-position: absolute; --section-header-bottom: 0; --section-header-z-index: 3; --headers-text-color: var(--white-primary); max-width: var(--container-width-custom, var(--container-width)); width: 100%; margin-top: var(--container-margin-top-custom, var(--container-margin-top, auto)); margin-right: var(--container-margin-right-custom, var(--container-margin-right, auto)); margin-bottom: var(--container-margin-bottom-custom, var(--container-margin-bottom, auto)); margin-left: var(--container-margin-left-custom, var(--container-margin-left, auto)); padding-top: var(--container-padding-top-custom, var(--container-padding-top)); padding-right: var(--container-padding-right-custom, var(--container-padding-right)); padding-bottom: var(--container-padding-bottom-custom, var(--container-padding-bottom)); padding-left: var(--container-padding-left-custom, var(--container-padding-left)); } .gallery-stretch .section__content { --section-content-align-items: center; --image-width: auto; } @media screen and (max-width: 992px) { .gallery-stretch .section__content { --image-height: 480px; } } /* End */ /* Start:/local/components/yks/section.element/templates/file/style.min.css?17539555331616*/ .files.shown .file-element { --section-element-display: inherit; } .file-content { --section-list-gap: 32px; } @media screen and (max-width: 992px) { .file-content { --section-list-gap: 24px; } } .file-content.show-all .file-element { --section-element-display: flex; } .file-element { --section-element-align-items: center; --section-element-flex-direction: row; --section-element-gap: 40px; --section-element-info-gap: 4px; --section-element-padding: 0; --section-element-title-font-family: var(--stapel-font); --section-element-title-font-size: 20px; --section-element-title-line-height: 1.4; --section-element-title-color: var(--concrete-3); --section-element-text-transform: uppercase; } @media screen and (max-width: 992px) { .file-element { --section-element-gap: 12px; --section-element-title-font-size: 14px; --section-element-text-font-size: 14px; } } .file-element__type { 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: 68px; height: 68px; padding: 20px 13px; border-radius: 8px; border: 1px solid var(--red-primary); text-transform: uppercase; } @media screen and (max-width: 992px) { .file-element__type { width: 48px; height: 48px; padding: 9px; font-size: 14px; } } .file-element:nth-child(n + 5) { --section-element-display: none; } /* End */ /* Start:/local/components/yks/section.element/templates/gallery/style.min.css?17539555331583*/ .gallery { --section-element-width: 360px; --picture-border-radius: 8px; --section-element-content-position: absolute; --section-element-content-bottom: 0; --section-element-content-padding: 24px; --section-element-content-width: 100%; --section-element-overlay-content: ""; --section-element-overlay-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.75) 87%); --section-element-title-color: var(--neutral-white); --section-element-title-font-size: 24px; --section-element-border-radius: 8px; } .gallery-slider { --section-slider-overflow: visible; --section-content-overflow: visible; --section-header-info-gap: 8px; --section-header-text-font-size: 20px; } @media screen and (max-width: 992px) { .gallery-slider { --section-header-text-font-size: 16px; } } .gallery-slider .swiper-wrapper { overflow: visible; } @media screen and (max-width: 992px) { .gallery { --section-element-title-font-size: 12px; } } @media screen and (max-width: 768px) { .gallery { --section-element-width: 360px; --section-header-link-font-size: 14px; } } @media screen and (max-width: 414px) { .gallery { --section-element-width: 100%; } } .gallery_style--wide { --section-content-gap: 64px; --section-element-width: 750px; } @media screen and (max-width: 992px) { .gallery_style--wide { --section-element-width: 360px; } } @media screen and (max-width: 414px) { .gallery_style--wide { --section-element-width: 100%; } } /* End */ /* Start:/local/components/yks/section.element/templates/gallery/src/css/lightgallery-bundle.min.css?175395553331060*/ @font-face{font-family:lg;src:url(/local/components/yks/section.element/templates/gallery/src/css/../fonts/lg.woff2?io9a6k) format("woff2"),url(/local/components/yks/section.element/templates/gallery/src/css/../fonts/lg.ttf?io9a6k) format("truetype"),url(/local/components/yks/section.element/templates/gallery/src/css/../fonts/lg.woff?io9a6k) format("woff"),url(/local/components/yks/section.element/templates/gallery/src/css/../fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:"\e095"}.lg-prev{left:20px}.lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:"\e90a"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:"\e1ff"}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition{transition:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition{transform:scale3d(1,1,1) translate3d(-50%,-50%,0)!important;max-width:none!important;max-height:none!important;top:50%!important;left:50%!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x{transform:scale3d(1,1,1) translate3d(-50%,0,0)!important;top:0!important;left:50%!important;max-width:none!important;max-height:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y{transform:scale3d(1,1,1) translate3d(0,-50%,0)!important;top:50%!important;left:0!important;max-width:none!important;max-height:none!important}.lg-icon.lg-zoom-in:after{content:"\e311"}.lg-actual-size .lg-icon.lg-zoom-in{opacity:1;pointer-events:auto}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:"\e033"}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:"\e312"}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:"\e80d"}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:"\e904"}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:"\e907"}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:"\e906"}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(/local/components/yks/section.element/templates/gallery/src/css/../images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:"\e070"}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:"\e908"}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-outer .lg-img-rotate:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-rotate-left:after{content:"\e900"}.lg-rotate-right:after{content:"\e901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\e903"}.lg-flip-hor:after{content:"\e902"}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:"";display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(/local/components/yks/section.element/templates/gallery/src/css/../images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-outer .lg-media-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-media-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-media-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:"\e909"}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0} /* End */ /* Start:/local/components/yks/map/templates/.default/style.min.css?17552544098786*/ .map { --section-header-text-font-size: 18px; --section-header-flex-direction: column; --section-header-gap: 32px; --section-content-overflow: visible; --section-header-z-index: 1; --container-width-custom: 100%; --container-padding-left-custom: 0; --container-padding-right-custom: 0; --section-header-width: calc(var(--container-width)); --section-header-margin: auto; --section-header-padding: 0 var(--container-padding-right) 0 var(--container-padding-left); } @media screen and (max-width: 992px) { .map { --section-header-text-font-size: 16px; --section-header-align: flex-start; } } .map-filials { --section-position: absolute; --section-width: 100%; --section-height: 100%; --section-overflow: visible; } .map-tooltip { width: 470px; height: 154px; opacity: 0; pointer-events: none; position: relative; z-index: 9; } .map-tooltip.show { opacity: 1; pointer-events: all; } .map .section__body { overflow: hidden; } .map-content { position: relative; width: 100%; max-width: calc(var(--container-width)); margin: auto; padding: 0 var(--container-padding-right) 0 var(--container-padding-left); } @media screen and (max-width: 992px) { .map-content { width: 100%; } } .map-content.loading { position: relative; } .map-content.loading .map-content__map { opacity: .5; } .map-content.loading .map-content__preload { --map-content-preload-display: none; } .map-content.loading::before { content: ""; position: absolute; 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; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; text-align: center; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='preloader__image' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z'/%3E%3C/svg%3E"); -webkit-animation: preloader-rotate 2s infinite linear; animation: preloader-rotate 2s infinite linear; z-index: 2; } .map-content.loaded .map-content__preload { --map-content-preload-display: none; } .map-content.loaded .map-content__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .map-content.disabled::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .map-content__preload { display: var(--map-content-preload-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--map-content-preload-flex-direction, column); flex-direction: var(--map-content-preload-flex-direction, column); -webkit-box-align: var(--map-content-preload-align-items, center); -ms-flex-align: var(--map-content-preload-align-items, center); align-items: var(--map-content-preload-align-items, center); -webkit-box-pack: var(--map-content-preload-justify-content, space-between); -ms-flex-pack: var(--map-content-preload-justify-content, space-between); justify-content: var(--map-content-preload-justify-content, space-between); gap: var(--map-content-preload-gap, 16px); position: var(--map-content-preload-position, absolute); padding: var(--map-content-preload-padding, 24px); margin: var(--map-content-preload-margin); top: var(--map-content-preload-top, 0); left: var(--map-content-preload-left, 0); width: var(--map-content-preload-width, 100%); height: var(--map-content-preload-height, 100%); background: var(--map-content-preload-background, var(--black-transparent)); -webkit-backdrop-filter: var(--map-content-preload-backdrop-filter, blur(4px)); backdrop-filter: var(--map-content-preload-backdrop-filter, blur(4px)); z-index: var(--map-content-preload-z-index, 2); } .map-content__preload-title { font-family: var(--map-content-preload-title-font-family, var(--micra-font)); font-size: var(--map-content-preload-title-font-size, 15px); line-height: var(--map-content-preload-title-line-height, 1.4); text-align: var(--map-content-preload-title-text-align, center); color: var(--map-content-preload-title-color, var(--white-primary)); } .map-content__actions { position: absolute; top: 0; left: 0; z-index: 3; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1px; width: 100%; height: 100%; pointer-events: none; } .map-content__actions-right { position: absolute; top: 50%; right: var(--container-padding-right); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); pointer-events: all; } @media screen and (max-width: 992px) { .map-content__actions-right { display: none; } } .map-content__actions-right button:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .map-content__actions-right button:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } .map-content__actions-bottom { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: all; display: var(--display, flex); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; } @media screen and (max-width: 992px) { .map-content__actions-bottom { width: 100%; gap: 8px; } } .map-content__picture { --picture-width: 110%; --image-position: relative; --image-left: 50%; --picture-transform: translate(-50%, 0); --picture-overflow: visible; -ms-touch-action: none; touch-action: none; } @media screen and (max-width: 992px) { .map-content__picture { --picture-width: 100%; --picture-height: 302px; } } .map-content svg { width: 110%; position: relative; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-touch-action: none; touch-action: none; overflow: visible; } @media screen and (max-width: 992px) { .map-content svg { width: 100%; height: 302px; } } @media screen and (max-width: 992px) { .map { --section-header-width: 100%; } } .map__item-path { -webkit-transition: stroke-dashoffset 2s ease-in-out; -o-transition: stroke-dashoffset 2s ease-in-out; transition: stroke-dashoffset 2s ease-in-out; stroke-width: 2px; } .map__item-path.animate { stroke-dashoffset: 0 !important; } .map__item-city { cursor: pointer; } .map__item-city-name.hover, .map__item-city-point.hover { fill: var(--red-hover); } @-webkit-keyframes preloader-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes preloader-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* End */ /* Start:/local/components/yks/section.element/templates/factory-map-tooltip/style.min.css?17539555332938*/ .factory-element-map-tooltip { --text-color: var(--white-primary); --section-element-position: absolute; --section-element-z-index: 9; --section-element-content-position: relative; --section-element-content-justify-content: space-between; --section-element-content-bottom: 0; --section-element-content-padding: 12px 24px; --section-element-content-gap: 0; --section-element-content-width: 100%; --section-element-gap: 0; --section-element-margin: 14px; --section-element-width: calc(100% - 28px); --section-element-title-font-size: 20px; --section-element-title-font-family: var(--micra-font); --section-element-text-font-family: var(--micra-font); --section-element-text-color: var(--text-color); --section-element-text-font-size: 12px; --section-element-text-line-height: 1.5; --section-element-overlay-content: none; --picture-width: 124px; --picture-flex: none; --section-element-display: flex; --section-element-flex-direction: row; --section-element-align-items: center; --link-font-size: 14px; --link-border-width: 0; --link-padding: 0; } .factory-element-map-tooltip__content { width: 100%; } .factory-element-map-tooltip__body { background: var(--graphite); border-radius: 8px; width: 100%; overflow: hidden; 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; } .factory-element-map-tooltip__picture { background: var(--white-transparent); } .factory-element-map-tooltip__picture .image-element__image { aspect-ratio: 1 / 1; } .factory-element-map-tooltip.swiper-slide.section-element { --text-color: var(--white-primary); --section-element-position: absolute; --section-element-z-index: 9; --section-element-content-position: relative; --section-element-content-justify-content: space-between; --section-element-content-bottom: 0; --section-element-content-padding: 12px 24px; --section-element-content-gap: 0; --section-element-content-width: 100%; --section-element-gap: 0; --section-element-margin: 14px; --section-element-width: calc(100% - 28px); --section-element-title-font-size: 20px; --section-element-title-font-family: var(--micra-font); --section-element-text-font-family: var(--micra-font); --section-element-text-color: var(--text-color); --section-element-text-font-size: 12px; --section-element-text-line-height: 1.5; --section-element-overlay-content: none; --picture-width: 124px; --picture-flex: none; --section-element-display: flex; --section-element-flex-direction: row; --section-element-align-items: center; --link-font-size: 14px; --link-border-width: 0; --link-padding: 0; } /* End */ /* Start:/local/components/yks/section.element/templates/factory/style.min.css?17551745372750*/ .factory-element { --text-color: var(--white-primary); --section-element-content-position: absolute; --section-element-content-bottom: 0; --section-element-content-padding: 28px; --section-element-content-gap: 20px; --section-element-border-radius: 8px; --section-element-content-width: 100%; --section-element-title-font-size: 20px; --section-element-title-font-family: var(--micra-font); --section-element-text-font-family: var(--micra-font); --section-element-text-color: var(--text-color); --section-element-text-font-size: 12px; --section-element-text-line-height: 1.5; --section-element-overlay-content: ""; --section-element-overlay-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.75) 87%); --picture-width: 100%; --picture-height: 100%; --section-element-height: 510px; height: var(--section-element-height); --section-element-content-height: 180px; } @media screen and (max-width: 992px) { .factory-element { --section-element-height: 390px; --section-element-width: calc(100% - 8px); height: var(--section-element-height); } } @media screen and (max-width: 992px) { .factory-element { --section-element-width: calc(100% - 16px); } } .factory-element__picture { height: 100%; width: 100%; background: var(--white-transparent); } .factory-element.swiper-slide.section-element { --text-color: var(--white-primary); --section-element-content-position: absolute; --section-element-content-bottom: 0; --section-element-content-padding: 28px; --section-element-content-gap: 20px; --section-element-border-radius: 8px; --section-element-content-width: 100%; --section-element-title-font-size: 20px; --section-element-title-font-family: var(--micra-font); --section-element-text-font-family: var(--micra-font); --section-element-text-color: var(--text-color); --section-element-text-font-size: 12px; --section-element-text-line-height: 1.5; --section-element-overlay-content: ""; --section-element-overlay-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.75%, rgba(0, 0, 0, 0.75) 87%); --picture-width: 100%; --picture-height: 100%; --section-element-height: 510px; height: var(--section-element-height); --section-element-content-height: 180px; } @media screen and (max-width: 992px) { .factory-element.swiper-slide.section-element { --section-element-height: 390px; --section-element-width: calc(100% - 8px); height: var(--section-element-height); } } @media screen and (max-width: 992px) { .factory-element.swiper-slide.section-element { --section-element-width: calc(100% - 16px); } } /* End */ /* Start:/local/components/yks/feedback/templates/.default/style.min.css?17539555331061*/ .feedback { --container-z-index: 2; --form-z-index: 1; --section-content-flex-direction: row; --section-content-gap: 43px; --section-header-text: var(--concrete-3); --section-overlay-position: relative; --section-overlay-bottom: 0; --section-overlay-margin-top: -34rem; --section-header-width: 545px; --button-width: 100%; --section-header-text-font-size: 20px; } @media screen and (max-width: 992px) { .feedback { --section-header-width: 100%; --section-content-flex-direction: column; --section-overlay-display: none; --section-content-gap: 16px; --section-header-text-font-size: 18px; } } .feedback__action { display: var(--display); } .feedback__footer { margin-top: 24px; } .feedback__footer-text { font-family: var(--stapel-font); font-size: 16px; line-height: 1.4; text-align: center; color: var(--concrete-3); } @media screen and (max-width: 992px) { .feedback__footer-text { font-size: 14px; line-height: 1.2; } } /* End */ /* Start:/local/components/yks/form/templates/.default/style.min.css?17551745379762*/ form, .form { position: var(--form-position, relative); display: var(--form-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--form-flex-direction, column); flex-direction: var(--form-flex-direction, column); z-index: var(--form-z-index, 0); gap: var(--form-gap, 40px); } @media screen and (max-width: 992px) { form, .form { --form-direction: column; --form-group-title-font-size: 18px; --form-group-gap: 24px; --form-footer-flex-direction: column; --form-footer-align-items: stretch; } } @media screen and (max-width: 768px) { form, .form { --form-gap: 24px; --form-body-gap: 40px; } } form__footer, .form__footer { display: var(--form-footer-display, flex); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--form-footer-flex-direction, row); flex-direction: var(--form-footer-flex-direction, row); -webkit-box-align: var(--form-footer-align-items, center); -ms-flex-align: var(--form-footer-align-items, center); align-items: var(--form-footer-align-items, center); gap: var(--form-footer-gap, 16px); } form__header, .form__header { --headers-margin: 0; display: var(--form-header-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--form-header-flex-direction, column); flex-direction: var(--form-header-flex-direction, column); gap: var(--form-header-gap, 16px); } form__header-text, .form__header-text { font-size: var(--form-header-font-size, 18px); line-height: var(--form-header-line-height, 1.4); color: var(--form-header-color, var(--text-color)); } form__body, .form__body { display: var(--form-body-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--form-body-flex-direction); flex-direction: var(--form-body-flex-direction); -ms-flex-wrap: var(--form-body-flex-wrap, wrap); flex-wrap: var(--form-body-flex-wrap, wrap); gap: var(--form-body-gap, var(--form-gap, 40px)); } form__group, .form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--form-group-gap, 32px); width: var(--form-group-width, 100%); } form__group-title, .form__group-title { font-family: var(--form-group-title-font-family, var(--micra-font)); font-size: var(--form-group-title-font-size, 20px); line-height: var(--form-group-title-line-height, 1.2); } form__group-button, .form__group-button { --form-group-width: var(--form-group-button-width, auto); } form__group.invalid, .form__group.invalid { --input-border-color: var(--input-invalid-border-color, var(--red-primary)); --input-text-color: var(--input-invalid-text-color, var(--red-primary)); } form__group.invalid [data-label="title"], .form__group.invalid [data-label="title"] { color: var(--input-invalid-text-color, var(--red-primary)); } form__item, .form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--form-item-gap, 10px); width: var(--form-item-width, 100%); } form__item.invalid, .form__item.invalid { --input-border-color: var(--input-invalid-border-color, var(--red-primary)); --input-text-color: var(--input-invalid-text-color, var(--red-primary)); } form__item.invalid [data-label="title"], .form__item.invalid [data-label="title"] { color: var(--input-invalid-text-color, var(--red-primary)); } form__search, .form__search { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; --form-item-gap: 10px; } form_direction, .form_direction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--form-direction, row); flex-direction: var(--form-direction, row); gap: var(--form-direction-gap, var(--form-gap, 40px)); width: 100%; } form_direction--col, .form_direction--col { --form-direction: column; } form__alert, .form__alert { position: var(--form-alert-position, absolute); top: var(--form-alert-top); right: var(--form-alert-right); bottom: var(--form-alert-bottom); left: var(--form-alert-left); max-width: var(--form-alert-width, 350px); padding: var(--form-alert-padding, 0); 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: end; -ms-flex-align: end; align-items: flex-end; gap: var(--form-alert-gap, 4px); opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } form__alert.fixed, .form__alert.fixed { --form-alert-position: fixed; --form-alert-top: 0; --form-alert-right: 0; --form-alert-padding: 15px; } form__alert.shown, .form__alert.shown { opacity: 1; } form__alert.shown:not(.fixed), .form__alert.shown:not(.fixed) { --form-alert-position: static; } form__alert-item, .form__alert-item { color: var(--form-alert-item-text-color, var(--input-invalid-text-color, var(--concrete-1))); background: var(--form-alert-item-background, var(--alert-info)); padding: var(--form-alert-item-padding, 8px 16px); border-radius: var(--form-alert-item-border-radius, 8px); width: var(--form-alert-item-width, -webkit-fit-content); width: var(--form-alert-item-width, -moz-fit-content); width: var(--form-alert-item-width, fit-content); font-family: var(--stapel-font); font-weight: 400; font-size: 14px; line-height: 1.2; } form__alert-item.error, .form__alert-item.error { --form-alert-item-background: var(--alert-error); --form-alert-item-text-color: var(--white-primary); } form__alert-item.warning, .form__alert-item.warning { --form-alert-item-background: var(--alert-success); --form-alert-item-text-color: var(--white-primary); } form__alert-item.success, .form__alert-item.success { --form-alert-item-background: var(--alert-success); --form-alert-item-text-color: var(--white-primary); } form__upload, .form__upload { display: -webkit-box; display: -ms-flexbox; display: flex; } form__upload-item, .form__upload-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } form__upload-item-name, .form__upload-item-name { font-size: 14px; line-height: 1.2; } form__upload-item-remove:hover, .form__upload-item-remove:hover { text-decoration: none; } form__button, .form__button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } form_theme--dark, .form_theme--dark { --text-color: var(--neutral-white); --link-border-radius: 0; --link-text-color: var(--neutral-white); --link-border-color: var(--neutral-white); --input-text-color: var(--neutral-white); } form_theme--dark input:-webkit-autofill, form_theme--dark input:-webkit-autofill:hover, form_theme--dark input:-webkit-autofill:focus, form_theme--dark textarea:-webkit-autofill, form_theme--dark textarea:-webkit-autofill:hover, form_theme--dark textarea:-webkit-autofill:focus, form_theme--dark select:-webkit-autofill, form_theme--dark select:-webkit-autofill:hover, form_theme--dark select:-webkit-autofill:focus, form_theme--dark .input:-webkit-autofill, form_theme--dark .input:-webkit-autofill:hover, form_theme--dark .input:-webkit-autofill:focus, .form_theme--dark input:-webkit-autofill, .form_theme--dark input:-webkit-autofill:hover, .form_theme--dark input:-webkit-autofill:focus, .form_theme--dark textarea:-webkit-autofill, .form_theme--dark textarea:-webkit-autofill:hover, .form_theme--dark textarea:-webkit-autofill:focus, .form_theme--dark select:-webkit-autofill, .form_theme--dark select:-webkit-autofill:hover, .form_theme--dark select:-webkit-autofill:focus, .form_theme--dark .input:-webkit-autofill, .form_theme--dark .input:-webkit-autofill:hover, .form_theme--dark .input:-webkit-autofill:focus { -webkit-text-fill-color: var(--input-text-color, var(--neutral-white)); -webkit-box-shadow: 0 0 0px 40rem var(--section-background, var(--graphite)) inset; } form_theme--dark a:hover, form_theme--dark a:active, .form_theme--dark a:hover, .form_theme--dark a:active { --link-text-color: var(--red-primary); --link-border-color: var(--red-primary); } form__list, .form__list { display: var(--form-list-display, var(--display, flex)); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--form-list-flex-direction, column); flex-direction: var(--form-list-flex-direction, column); gap: var(--form-list-gap, 10px); } /* End */ /* Start:/local/components/yks/modal/templates/.default/style.min.css?17550710253443*/ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: var(--modal-padding, 32px); background-color: var(--modal-background-overlay, rgba(40, 40, 40, 0.8)); overflow: auto; -webkit-animation-duration: .35s; animation-duration: .35s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; z-index: 9; } @media screen and (max-width: 768px) { .modal { --modal-padding: 0; --modal-header-gap: 16px; --modal-dialog-padding: 32px; --modal-dialog-gap: 40px; --modal-close-top: 12px; --modal-close-right: 12px; } } .modal.is-modal-closed { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .35s; animation-duration: .35s; } .modal__header { padding: var(--modal-header-padding, 0); } .modal__header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--modal-header-gap, 40px); } .modal__header-title { --headers-margin: 0; } @media screen and (max-width: 768px) { .modal__header-title.large { --headers-text-size: 24px; } } .modal__header-text { color: var(--modal-header-text-color, var(--concrete-3)); } .modal_content { padding: var(--modal-content-padding, 0); } .modal__dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; max-width: var(--modal-dialog-width, 960px); width: 100%; height: var(--modal-dialog-height, auto); padding: var(--modal-dialog-padding, 72px); border-radius: var(--modal-dialog-border-radius, 16px); background-color: var(--modal-dialog-background, var(--white-primary)); gap: var(--modal-dialog-gap, 60px); margin: auto; overflow: hidden; } @media screen and (max-width: 768px) { .modal_style--tiny { padding: 16px; } } .modal_style--tiny .modal__dialog { max-width: 620px; } @media screen and (max-width: 768px) { .modal_style--tiny .modal__dialog { height: auto; border-radius: 16px; } } .modal__close { position: absolute; top: var(--modal-close-top, 32px); right: var(--modal-close-right, 32px); padding: var(--modal-close-padding, 0); border: none; background-color: transparent; background-image: none; z-index: 100; cursor: pointer; } .modal__close svg path { fill: var(--modal-close-svg-color, var(--concrete-1)); } .modal__close:hover { opacity: .5; } .modal__footer { padding-top: 0; border-top: 0; text-align: right; } .modal.is-modal-active { display: -webkit-box; display: -ms-flexbox; display: flex; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* End */ /* /local/templates/bet/css/section.min.css?175518157253362 */ /* /local/templates/bet/css/pages/filials.min.css?17551745374301 */ /* /local/templates/bet/css/swiper-bundle.min.css?175509113218456 */ /* /local/components/yks/head-slider/templates/.default/style.min.css?17550842849884 */ /* /local/templates/bet/components/bitrix/breadcrumb/bet/style.min.css?17550710252670 */ /* /local/components/yks/yandex-map/templates/.default/style.min.css?175395553351 */ /* /local/components/yks/section/templates/.default/style.min.css?175518157253362 */ /* /local/components/yks/section.element/templates/file/style.min.css?17539555331616 */ /* /local/components/yks/section.element/templates/gallery/style.min.css?17539555331583 */ /* /local/components/yks/section.element/templates/gallery/src/css/lightgallery-bundle.min.css?175395553331060 */ /* /local/components/yks/map/templates/.default/style.min.css?17552544098786 */ /* /local/components/yks/section.element/templates/factory-map-tooltip/style.min.css?17539555332938 */ /* /local/components/yks/section.element/templates/factory/style.min.css?17551745372750 */ /* /local/components/yks/feedback/templates/.default/style.min.css?17539555331061 */ /* /local/components/yks/form/templates/.default/style.min.css?17551745379762 */ /* /local/components/yks/modal/templates/.default/style.min.css?17550710253443 */