/* Start:/local/templates/bet/css/pages/about.min.css?17550900402666*/ .page__about { --section-header-text-font-size: 20px; --section-content-gap: 32px; --breadcrumbs-margin: 0; --section-header-content-align-items: flex-start; } @media screen and (max-width: 992px) { .page__about { --section-header-margin-top: 0; } } .page__about .about { --section-header-info-gap: 32px; } @media screen and (max-width: 1280px) { .page__about .header-section .section__header-text { --section-header-text-flex: auto; } } .page__about .history-block { --section-content-gap: 60px; --section-header-info-gap: 8px; } @media screen and (max-width: 1376px) { .page__about .history-block { --section-header-padding: 0; } } @media screen and (max-width: 992px) { .page__about .history-block { --section-content-gap: 40px; } } .page__about .values-content { --section-content-gap: 64px; --section-list-gap: 0px; --section-element-text-font-size: 18px; --section-element-border-color: var(--gray); --section-element-padding: 40px; } @media screen and (max-width: 992px) { .page__about .values-content { --section-content-gap: 32px; --section-element-text-font-size: 16px; --section-element-title-font-size: 20px; --section-element-padding: 40px 20px; --section-element-border-width: 1px 0 0 0; } } @media screen and (max-width: 640px) { .page__about .values-content { --section-element-flex-direction: column; --section-element-gap: 20px; --section-element-padding: 20px 0; } } .page__about .values-content .section-element:nth-child(2n - 1) { --section-element-border-width: 1px 1px 0 0; } @media screen and (max-width: 640px) { .page__about .values-content .section-element:nth-child(2n - 1) { --section-element-border-width: 1px 0 0 0; } } .page__about .values-content .section-element:nth-child(2n) { --section-element-border-width: 1px 0 0 1px; --section-element-margin: 0 0 0 -1px; } @media screen and (max-width: 640px) { .page__about .values-content .section-element:nth-child(2n) { --section-element-border-width: 1px 0 0 0; } } .page__about .values-content .section-element:first-child { border-top-width: 0; } @media screen and (max-width: 640px) { .page__about .values-content .section-element:first-child { padding-top: 0; } } @media screen and (min-width: 640px) { .page__about .values-content .section-element:nth-child(2) { border-top: 0; } } .page__about .values-content .section__list { --section-list-gap: 0px; } /* 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/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/templates/bet/css/mission.min.css?17550900405109*/ .mission { --image-fit: contain; --picture-width: auto; --section-header-width: 700px; --section-overflow: visible; --section-header-margin-top: 0; --section-header-info-gap: 32px; } @media screen and (max-width: 992px) { .mission { --section-header-width: 100%; --section-header-info-gap: 20px; --mission-block-align-items: flex-start; --mission-block-flex-direction: column-reverse; --mission-block-width: 100%; --mission-content-title-font-family: var(--micra-font); --mission-content-title-font-size: 18px; --mission-content-title-line-height: 1.2; --mission-content-text-font-size: 16px; --mission-block-picture-position: relative; --mission-block-picture-top: 0; --mission-block-picture-width: auto; --mission-block-picture-height: auto; --mission-content-width: 100%; --mission-content-text-margin: 16px 0 0 0; --mission-content-item-title-font-size: 20px; } } .mission__block { display: var(--mission-block-display, flex); -webkit-box-align: var(--mission-block-align-items, flex-start); -ms-flex-align: var(--mission-block-align-items, flex-start); align-items: var(--mission-block-align-items, flex-start); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--mission-block-flex-direction, column); flex-direction: var(--mission-block-flex-direction, column); -webkit-box-pack: var(--mission-block-justify-content, space-between); -ms-flex-pack: var(--mission-block-justify-content, space-between); justify-content: var(--mission-block-justify-content, space-between); gap: var(--mission-block-gap, 32px); width: var(--mission-block-width, 700px); } .mission__block-picture { --image-position: var(--mission-block-picture-position, absolute); --image-top: var(--mission-block-picture-top, 15%); --image-right: var(--mission-block-picture-right, 0); --picture-width: var(--mission-block-picture-width, 750px); --picture-height: var(--mission-block-picture-height, 755px); --picture-z-index: var(--mission-block-picture-z-index, 4); } @media screen and (max-width: 1200px) { .mission__block-picture { --mission-block-picture-width: 500px; } } @media screen and (max-width: 992px) { .mission__block-picture { --mission-block-picture-width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .mission__content { display: var(--mission-content-display, flex); -webkit-box-align: var(--mission-content-align-items, flex-start); -ms-flex-align: var(--mission-content-align-items, flex-start); align-items: var(--mission-content-align-items, flex-start); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--mission-content-flex-direction, column); flex-direction: var(--mission-content-flex-direction, column); gap: var(--mission-content-gap, 16px); width: var(--mission-content-width, 460px); } @media screen and (max-width: 992px) { .mission__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .mission__content-title { font-family: var(--mission-content-title-font-family, var(--stapel-font)); font-size: var(--mission-content-title-font-size, 32px); line-height: var(--mission-content-title-line-height, 1.4); } .mission__content-text { font-size: var(--mission-content-text-font-size, 18px); line-height: var(--mission-content-text-line-height, 1.4); color: var(--mission-content-text-color, var(--white-primary)); margin: var(--mission-content-text-margin, 32px 0 0 0); } @media screen and (max-width: 992px) { .mission__content-text { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .mission__content-item { display: var(--mission-content-item-display, flex); -webkit-box-align: var(--mission-content-item-align-items, center); -ms-flex-align: var(--mission-content-item-align-items, center); align-items: var(--mission-content-item-align-items, center); padding: var(--mission-content-item-padding, 12px 0); gap: var(--mission-content-item-gap, 10px); border-width: var(--mission-content-item-border-width, 0 0 1px 0); border-style: var(--mission-content-item-border-style, solid); border-color: var(--mission-content-item-border-color, var(--white-transparent)); } .mission__content-item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .mission__content-item-title { font-size: var(--mission-content-item-title-font-size, 24px); line-height: var(--mission-content-item-titl-line-height, 1.4); } .mission__content-list { width: var(--mission-content-list-width, 100%); } /* End */ /* Start:/local/templates/bet/css/history.min.css?17550900402749*/ .history { --headers-margin: 0 0 12px 0; --section-header-align: flex-end; } @media screen and (max-width: 992px) { .history { --history-item-width: 90%; --history-item-gap: 32px; } } @media screen and (max-width: 768px) { .history { --history-item-gap: 16px; --history-item-flex-direction: column; --image-width: auto; --image-height: 200px; --history-info-gap: 12px; --history-info-desc-size: 16px; --history-info-text-size: 14px; --history-info-text-line-height: 1.2; --section-header-flex-direction: row; } } .history-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .history-pagination button { --button-border-radius: 0; } .history-pagination button:first-child { --button-border-radius: 8px 0 0 8px; } .history-pagination button:last-child { --button-border-radius: 0 8px 8px 0; } .history-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: var(--history-item-flex-direction, row); flex-direction: var(--history-item-flex-direction, row); width: var(--history-item-width, 80%) !important; gap: var(--history-item-gap, 64px); } .history-slider__item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--history-info-gap, 48px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .history-slider__item-desc { font-size: var(--history-info-desc-size, var(--text-size)); line-height: var(--history-info-desc-line-height, var(--text-line-height)); color: var(--history-info-desc-color, var(--concrete-2)); } .history-slider__item-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: var(--history-info-text-line-clamp, 11); -webkit-box-orient: vertical; font-size: var(--history-info-text-size, var(--text-size)); line-height: var(--history-info-text-line-height, var(--text-line-height)); color: var(--history-info-text-color, var(--concrete-3)); } .history-slider__item-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--history-actions-gap, 16px); } /* 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/section.element/templates/history-slide/style.min.css?17539555331254*/ .history-block .section__content { overflow: visible; } .history-slide { overflow: visible; --section-element-info-flex-direction: row; --section-element-info-gap: 64px; --section-slider-scrollbar-position: relative; --swiper-scrollbar-top: 0; --section-slider-scrollbar-margin: auto auto 60px auto; } @media screen and (max-width: 992px) { .history-slide { --section-slider-scrollbar-margin: auto auto 24px auto; } } .history-slide-element { width: 924px !important; --section-element-title-font-family: var(--stapel-font); --section-element-title-font-size: 24px; --section-element-title-color: var(--concrete-3); --section-element-desc-font-size: 16px; --section-element-desc-color: var(--concrete-2); --section-element-header-gap: 16px; --section-element-header-margin-bottom: 0; } @media screen and (max-width: 992px) { .history-slide-element { width: 100% !important; --section-element-info-flex-direction: column; --section-element-info-gap: 24px; } } .history-slide-element__year { --section-element-text-font-family: var(--micra-font); --section-element-text-font-size: 80px; --section-element-text-color: var(--red-primary); } /* End */ /* Start:/local/templates/bet/css/blocks/principles.min.css?17550900401109*/ .principles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 48px; --section-element-title-font-size: 20px; } .principles-block { --section-elements-width: 738px; } @media screen and (max-width: 992px) { .principles-block { --section-elements-width: 100%; } } .principles-block .section__content { --section-content-gap: 48px; } @media screen and (max-width: 992px) { .principles-block .section__content { --section-content-gap: 24px; } } .principles__overlay { position: relative; --picture-width: 885px; margin-left: -212px; margin-right: -131px; margin-top: -204px; margin-bottom: -120px; --image-position: sticky; --image-top: 0; pointer-events: none; } @media screen and (max-width: 1280px) { .principles__overlay { margin-left: -245px; margin-right: -325px; } } @media screen and (max-width: 992px) { .principles__overlay { display: none; } } /* End */ /* Start:/local/components/yks/section.element/templates/principle/style.min.css?1753955533920*/ .principle { --section-list-gap: 8px; } .principle-element { background: var(--neutral-white); --section-element-padding: 40px; --section-element-border-radius: 6px; --section-element-gap: 32px; --section-element-title-font-size: 20px; --section-element-info-gap: 24px; --section-element-header-margin-bottom: 0; --section-element-text-color: var(--concrete-2); } @media screen and (max-width: 992px) { .principle-element { --section-element-padding: 24px; } } .principle-element__icon { 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; border: 1px solid var(--gray); padding: 12px 20px; border-radius: 6px; } /* 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/templates/bet/css/filials.min.css?1755174537322*/ .filials { --section-header-text: var(--concrete-2); --section-header-text-font-size: 18px; --section-header-text-line-height: 1.2; --section-slider-overflow: visible; --section-content-overflow: visible; } @media screen and (max-width: 992px) { .filials { --section-header-text-font-size: 16px; } } /* 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/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/management/style.min.css?17539555332129*/ .management { --section-list-gap: 60px; } @media screen and (max-width: 992px) { .management { --section-list-gap: 32px; } } .management-content { --section-list-gap: 48px; } @media screen and (max-width: 992px) { .management-content { --section-list-gap: 32px; } } .management .section__content { --section-content-gap: 48px; } @media screen and (max-width: 992px) { .management .section__content { --section-content-gap: 32px; } } .management-element { --section-element-title-color: var(--graphite); --section-element-title-font-size: 20px; --section-element-header-margin-bottom: 0; --section-element-text-color: var(--concrete-2); } @media screen and (max-width: 992px) { .management-element { --section-element-title-color: var(--red-primary); --section-element-title-font-size: 20px; --section-element-gap: 8px; } } .management-element__post { --section-element-text-font-size: 20px; } @media screen and (max-width: 992px) { .management-element__post { --section-element-text-font-size: 24px; } } .management-element__responsibility { --section-element-text-font-size: 20px; } @media screen and (max-width: 992px) { .management-element__responsibility { --section-element-text-font-size: 16px; } } .management-element:first-child { --section-element-width: 100%; --section-element-title-font-size: 32px; --section-element-text-font-size: 24px; --section-element-border-width: 0 0 1px 0; --section-element-border-color: var(--gray); --section-element-padding: 32px 0; } .management-element:first-child .management-element__post { --section-element-text-font-size: 24px; } @media screen and (max-width: 992px) { .management-element:first-child { --section-element-title-font-size: 20px; --section-element-text-font-size: 24px; --section-element-gap: 8px; --section-element-border-width: 0; --section-element-padding: 0; } } /* 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/pages/about.min.css?17550900402666 */ /* /local/components/yks/section/templates/.default/style.min.css?175518157253362 */ /* /local/templates/bet/components/bitrix/breadcrumb/bet/style.min.css?17550710252670 */ /* /local/templates/bet/css/mission.min.css?17550900405109 */ /* /local/templates/bet/css/history.min.css?17550900402749 */ /* /local/templates/bet/css/swiper-bundle.min.css?175509113218456 */ /* /local/components/yks/section.element/templates/history-slide/style.min.css?17539555331254 */ /* /local/templates/bet/css/blocks/principles.min.css?17550900401109 */ /* /local/components/yks/section.element/templates/principle/style.min.css?1753955533920 */ /* /local/components/yks/map/templates/.default/style.min.css?17552544098786 */ /* /local/components/yks/section.element/templates/factory-map-tooltip/style.min.css?17539555332938 */ /* /local/templates/bet/css/filials.min.css?1755174537322 */ /* /local/components/yks/section.element/templates/factory/style.min.css?17551745372750 */ /* /local/components/yks/section.element/templates/file/style.min.css?17539555331616 */ /* /local/components/yks/section.element/templates/management/style.min.css?17539555332129 */ /* /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 */