/* Start:/local/frontend/css/fonts.css?17422179163791*/ @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-Black.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-Black.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-Black.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-Black.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-Bold.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-Bold.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-Bold.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-Bold.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-ExtraBold.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-ExtraBold.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-ExtraBold.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-ExtraLight.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-ExtraLight.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-ExtraLight.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-Light.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-Light.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-Light.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-Light.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/subset-AVFontimer-Medium.woff2') format('woff2'), url('/local/frontend/css/../fonts/subset-AVFontimer-Medium.woff') format('woff'), url('/local/frontend/css/../fonts/subset-AVFontimer-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/subset-AVFontimer-Regular.woff2') format('woff2'), url('/local/frontend/css/../fonts/subset-AVFontimer-Regular.woff') format('woff'), url('/local/frontend/css/../fonts/subset-AVFontimer-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'AV Fontimer'; src: url('/local/frontend/css/../fonts/AVFontimer-SemiBold.eot'); src: url('/local/frontend/css/../fonts/AVFontimer-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/frontend/css/../fonts/AVFontimer-SemiBold.woff2') format('woff2'), url('/local/frontend/css/../fonts/AVFontimer-SemiBold.woff') format('woff'), url('/local/frontend/css/../fonts/AVFontimer-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } /* End */ /* Start:/local/frontend/css/reset.css?17387107211245*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /* font: inherit; */ vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul, nav { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button { border: none; background-color: transparent; } input, button, select, optgroup, textarea { font: inherit; min-width: 0; } /* End */ /* Start:/local/frontend/css/vars.css?17443679275008*/ /* fonts */ :root { --font-main: 'AV Fontimer', Arial, sans-serif; --font-main-color: #30323F; --font-weight-black: 900; --font-weight-extraBold: 800; --font-weight-bold: 700; --font-weight-semiBold: 600; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-light: 300; --font-weight-extraLight: 200; } /* colours */ :root { --brand-secondary: #003591; --white: #fff; --brand-blue: #0069FF; --brand-blue-hover: #0050FF; --bgr: #F6F7F9; --primary-blue: var(--brand-blue); --primary-blue-hover: #0042D7; --primary-disabled: #EDEEF1; --primary-text-disabled: #B3B9C6; --primary-pink: #DE1285; --primary-pink-hover: #AA0A5E; --primary-pink-secondary: #ED0188; --primary-purple: #6941C6; --primary-black: #30323F; --primary-brown: #93370D; --primary-red: #D92D20; --primary-green: #067647; --primary-secondary: #3D424F; --primary-secondary-text: #8A94A6; --primary-secondary-hover: #464C5E; --primary-secondary-disabled: #3D424F; --primary-third: #D7DAE0; --primary-third-text: #30323F; --primary-third-border-hover: var(--brand-blue); --primary-third-border: #D7DAE0; --primary-third-text-disabled: #B3B9C6; --link-disabled: #B3B9C6; --shadow: #0037851A; --text: #667085; --danger: #F04438; --notification: #DC6803; --green: #17B26A; --radio-hover: #F6F7F9; --black: #000; --tab: #565E73; --light-blue: #D1EEFF; --lightest-blue: #EBF7FF; --light-pink: #FEE5F6; --lightest-pink: #FEF1FA; --light-purple: #E9D7FE; --lightest-purple: #F9F5FF; --light-black: #EDEEF1; --lightest-black: #F6F7F9; /* --light-gray: #FEE5F6; --lightest-gray: #FEF1FA; */ --light-yellow: #FEDF89; --lightest-yellow: #FFFAEB; --light-red: #FDA19B; --lightest-red: #FEF3F2; --light-green: #A9EFC5; --lightest-green: #ECFDF3; } /* our sizes */ :root { --radius-3xl: var(--indent-20); --bold: var(--font-weight-medium); --padding-lg: var(--indent-64); --padding-md: var(--indent-32); --padding-sm: var(--indent-24); --padding-xs: var(--indent-17); --gap: var(--indent-8); } /* buttons */ /* sizes font/indent */ :root { --main-text-size: 17px; --indent-4: 0.2353rem; --indent-5: 0.2941rem; --indent-6: 0.3529rem; --indent-7: 0.4118rem; --indent-8: 0.4706rem; --indent-9: 0.5294rem; --indent-10: 0.5882rem; --indent-11: 0.6875rem; --indent-12: 0.7059rem; --indent-13: 0.7647rem; --indent-14: 0.8235rem; --indent-15: 0.8824rem; --indent-16: 0.9412rem; --indent-17: 1rem; --indent-18: 1.0588rem; --indent-19: 1.1875rem; --indent-20: 1.1765rem; --indent-21: 1.2353rem; --indent-22: 1.375rem; --indent-23: 1.3125rem; --indent-24: 1.4118rem; --indent-25: 1.47rem; --indent-28: 1.65rem; --indent-30: 1.76rem; --indent-32: 1.8824rem; --indent-36: 2.1176rem; --indent-38: 2.2353rem;/**/ --indent-40: 2.3529rem; --indent-44: 2.75rem; --indent-48: 2.8235rem; --indent-56: 3.294rem; --indent-60: 3.53rem; --indent-64: 3.7647rem; --indent-70: 4.118rem; --indent-72: 4.236rem; --indent-80: 4.701rem; --indent-86: 5.059rem; --indent-88: 5.176rem; --indent-96: 5.647rem; --indent-444: 26.1176rem; --indent-784: 46.1176rem; /* Base font size */ /* font-size: 17px; */ /* Font sizes */ --fs-display-2xl: 4.24rem; /* 72px */ --fs-display-lg: 3.06rem; /* 52px */ --fs-display-md: 2.12rem; /* 36px */ --fs-display-sm: 1.88rem; /* 32px */ --fs-display-xs: 1.47rem; /* 25px */ --fs-text-xl: 1.24rem; /* 21px */ --fs-text-lg: 1.12rem; /* 19px */ --fs-text-md: 1rem; /* 17px */ --fs-text-sm: 0.88rem; /* 15px */ /* Font weights */ --fw-regular: 400; --fw-bold: 500; --line-20: 1.1765rem; --line-24: 1.4118rem; /* Font line-height */ --fh-display-2xl: 4.24rem; /* 72px */ --fh-display-lg: 3.55rem; /* 60px */ --fh-display-md: 2.60rem; /* 44px */ --fh-display-sm: 2.2353rem; /* 38px */ --fh-display-xs: 1.8824rem; /* 32px */ --fh-text-xl: 1.76rem; /* 30px */ --fh-text-lg: 1.65rem; /* 28px */ --fh-text-md: 1.4118rem; /* 24px */ --fh-text-sm: 1.1765rem; /* 20px */ } @media (max-width: 767px) { :root { /* а нужно ли???? --main-text-size: 15px; */ } } /*для инпутов*/ :root { --color-primary: #000; --color-secondary: #555; --color-error: #d32f2f; --color-disabled: #e0e0e0; --color-border: #ccc; --color-blue: #2979ff; --font-size-base: 1rem; --font-size-small: 0.875rem; --spacing-base: 1rem; --spacing-small: 0.5rem; --input-height: 2.5rem; --border-radius: 0.25rem; } /* End */ /* Start:/local/frontend/css/other.css?174556386119007*/ .wrapper { max-width: 59.875rem; width: 100%; padding: var(--indent-20); } .content-sidebar { margin-bottom: var(--indent-24); } .content-sidebar__title { margin-bottom: var(--indent-8); } .content-sidebar__list { border-left: 1px solid var(--primary-third); } .content-sidebar__item { border-left: 1px solid var(--primary-third); } .content-sidebar__item a { display: block; color: var(--text); padding: var(--indent-12) 0 var(--indent-12) var(--indent-12); } .content-sidebar__wrapper { position: relative; height: 100%; } .content-sidebar__wrapper .content-sidebar-indicator { position: absolute; top: 0; height: 100%; width: 1px; border-left: 1px solid var(--primary-pink); color: var(--primary-pink); -webkit-transition: height 0.3s ease, -webkit-transform 0.3s ease; transition: height 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, height 0.3s ease; transition: transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; } .content-sidebar__item.active a { color: var(--font-main-color); } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-20) 0; border: 1px solid var(--primary-third); 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; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); color: var(--primary-black); } .share-epilog--mobile .share-epilog__social { padding: var(--indent-14) 0; } .share-epilog--mobile .share-epilog__social span { display: none; } .share-epilog--mobile { max-width: 21.4375rem; } .case__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-20); -moz-column-gap: var(--indent-20); column-gap: var(--indent-20); margin-bottom: var(--indent-40); } .card-case { padding: var(--indent-32); border-radius: var(--indent-16); background-color: var(--bgr); max-width: 25.6875rem; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: flex; flex-direction: column; min-height: 20.7rem; height: 100%; width: 100%; } .card-case:hover { -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); } .card-case.hover { -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); } .card-case__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); margin-bottom: var(--indent-16); } @media (max-width: 767px) { .card-case__tags { margin-bottom: var(--indent-12); } } .card-case.mobile .card-case__tags { margin-bottom: var(--indent-16); } .card-case__title { display: -webkit-box; margin-bottom: var(--indent-22); white-space: normal; word-break: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media (max-width: 767px) { .card-case__title { margin-bottom: var(--indent-4); } } .card-case.mobile .card-case__title { margin-bottom: var(--indent-4); } .card-case__bottom { display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--indent-8); margin: auto 0 0 0; } @media screen and (max-width: 1439px) { .card-case__bottom { display: flex; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } .card-case__name { border-radius: var(--indent-8); padding: var(--indent-8) var(--indent-12); background-color: var(--white); } .card-case__icon { max-width: 8.5rem; max-height: 8.5rem; } .card-case__icon img { width: 100%; } @media (max-width: 767px) { .card-case__icon { max-width: 5.25rem; max-height: 5.25rem; } } .card-case.mobile .card-case__icon { max-width: 5.25rem; max-height: 5.25rem; } .item-send { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .item-send__wrapper { margin-bottom: var(--indent-40); } .item-send:hover { color: var(--brand-blue); } .item-send:not(:last-child) { margin-bottom: var(--indent-20); } .item-send span { margin-left: 0.25rem; vertical-align: bottom; } .item-send.hover { color: var(--brand-blue); } .like { cursor: pointer; } .like path { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .like__wrapper { margin-bottom: var(--indent-40); } .like:hover path { fill: var(--brand-blue); } .like.hover path { fill: var(--brand-blue); } .side-menu__wrapper { margin-bottom: var(--indent-40); } .side-menu__item { padding: var(--indent-8) var(--indent-12) var(--indent-8) 0; -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: var(--indent-8); cursor: pointer; max-width: 14.8125rem; } .side-menu__item::before { content: ""; display: inline-block; width: var(--indent-16); height: var(--indent-16); background: url('data:image/svg+xml,') no-repeat; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; vertical-align: top; margin-right: 0.25rem; } .side-menu__item.open::before { content: ""; display: inline-block; width: var(--indent-16); height: 0.125rem; background: url('data:image/svg+xml,') no-repeat; -webkit-transition: all 0.35s; transition: all 0.35s; vertical-align: middle; margin-right: 0.25rem; } .side-menu__item:hover { background-color: var(--bgr); } .side-menu__item.hover { background-color: var(--bgr); } .side-menu__item.active { background-color: var(--lightest-blue); } .side-menu__item:not(:last-child) { margin-bottom: var(--indent-20); } .item-list__wrapper { margin-bottom: var(--indent-40); } .item-list__item { padding: var(--indent-8) var(--indent-12); -webkit-transition: all 0.35s; transition: all 0.35s; border-radius: var(--indent-8); cursor: pointer; max-width: 48.9375rem; } .item-list__item:hover { background-color: var(--bgr); } .item-list__item.hover { background-color: var(--bgr); } .item-list__item:not(:last-child) { margin-bottom: var(--indent-20); } .item-list__title { margin-bottom: 0.25rem; white-space: normal; word-break: normal; } .item-list__title b { font-weight: 600; } .accordion__wrapper { margin-bottom: var(--indent-40); } .accordion__item { padding: var(--indent-24); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; border-radius: var(--indent-16); cursor: pointer; max-width: 85rem; background-color: var(--bgr); 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; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-24); -ms-flex-wrap: wrap; flex-wrap: wrap; } .accordion__item.swiper-slide { display: flex; } .accordion__item:hover .accordion__btn { border: 1px solid var(--brand-blue); } .accordion__item:hover .accordion__btn svg path { stroke: var(--brand-blue); } .accordion__item.hover .accordion__btn { border: 1px solid var(--brand-blue); } .accordion__item.hover .accordion__btn svg path { stroke: var(--brand-blue); } .accordion__item:not(:last-child) { margin-bottom: var(--indent-20); } .accordion__item span { vertical-align: super; } .accordion__item.mobile { max-width: 21.4375rem; } .accordion__title { margin-bottom: var(--indent-16); } .accordion__btn { padding: var(--indent-12); border-radius: var(--indent-8); border: 1px solid var(--primary-third); background-color: var(--white); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .accordion__btn svg path { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .list__wrapper { max-width: 96.0625rem; margin-bottom: var(--indent-40); } ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } @media screen and (min-width: 1024px) { .block-accordion__items.swiper-wrapper { transform: none !important; } } @media screen and (max-width: 1023px) { .block-accordion__wrapper.swiper { margin-left: calc(var(--indent-16) * -1); margin-right: calc(var(--indent-16) * -1); padding-left: var(--indent-16); padding-right: var(--indent-16); width: calc(100% + var(--indent-16) * 2); } .block-accordion__items.swiper-wrapper { flex-direction: row; gap: 0; align-items: stretch; } .accordion__item.swiper-slide { height: auto; flex-direction: column; align-items: start; } } @media (max-width: 767px) { ol.number { margin-bottom: var(--indent-24); } } ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } ol.number.mobile { max-width: 21.4375rem; } ol.number.mobile li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } ol.number.mobile li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } .speaker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .speaker { margin-bottom: var(--indent-24); } } .speaker__wrapper { margin-bottom: var(--indent-40); max-width: 31.6875rem; } .speaker__card { width: 100%; padding: var(--indent-8) var(--indent-16) var(--indent-8) var(--indent-8); background-color: var(--bgr); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-24); -moz-column-gap: var(--indent-24); column-gap: var(--indent-24); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1024px) { .speaker__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .speaker__card:not(:last-child) { margin-bottom: var(--indent-20); } .speaker__card.mobile { max-width: 21.4375rem; } .speaker__card.mobile .speaker__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } .speaker__card.mobile .speaker__img { -ms-flex-negative: 0; flex-shrink: 0; width: 5rem; height: 5rem; } .speaker__card.mobile .speaker__name { margin-bottom: em(4px); } .speaker__img { -ms-flex-negative: 0; flex-shrink: 0; width: 9.5rem; height: 9.5rem; } @media (max-width: 767px) { .speaker__img { -webkit-box-flex: 0; -ms-flex: 0 0 5.5rem; flex: 0 0 5.5rem; } } .speaker__img img { margin: 0; width: 100%; height: 100%; border-radius: var(--indent-8); } .speaker__name { margin-bottom: var(--indent-8); } @media (max-width: 767px) { .speaker__name { margin-bottom: 0.25rem; } } .knowledge-base { padding: var(--indent-24); border-radius: var(--indent-16); -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); max-width: 85rem; background-color: var(--white); } .knowledge-base__wrapper { margin-bottom: var(--indent-40); } .knowledge-base__title { white-space: normal; word-break: normal; margin-bottom: var(--indent-16); } .knowledge-base__body { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-12); } .knowledge-base__search { width: 100%; max-width: 320px; } .knowledge-base:not(:last-child) { margin-bottom: var(--indent-20); } .knowledge-base.mobile { max-width: 21.375rem; } .knowledge-base.mobile .tab-buttons { max-width: 100%; } .licenses__item { padding: var(--indent-12) var(--indent-12) var(--indent-20) var(--indent-12); border-radius: var(--indent-16); background-color: var(--bgr); display: flex; flex-direction: column; } .licenses__item:hover { -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); } .licenses__item:hover .licenses__img::before { opacity: 1; } .licenses__item.hover { -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 55, 133, 0.2); } .licenses__item.hover .licenses__img::before { opacity: 1; } .licenses__item.mobile .licenses__img { height: 12rem; } .licenses__item.mobile .licenses__img img { width: auto; } .licenses__img { position: relative; margin-bottom: var(--indent-16); width: 100%; border-radius: var(--indent-16); overflow: hidden; } .licenses__img::before { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } @media (max-width: 991px) { .licenses__img::before { opacity: 1; width: 3rem; height: 3rem; top: auto; left: auto; -webkit-transform: none; transform: none; bottom: 1rem; right: 1rem; } } .licenses__img img { height: 100%; width: 100%; display: block; margin: auto; } .licenses__img, .licenses__img > img { aspect-ratio: 235/326; } @media (max-width: 767px) { .licenses__img img { /* width: auto; */ object-fit: contain; } } @media (max-width: 767px) { .licenses__img { height: 12rem; } } .licenses__item._horizontal .licenses__img > img { object-fit: contain; position: relative; } .licenses__img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background-color: rgba(255,255,255, 0.7); filter: blur(40px); } .licenses__text { color: var(--primary-black); } .licenses.vertically, .licenses.horizontally { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-20); -moz-column-gap: var(--indent-20); column-gap: var(--indent-20); } .licenses.vertically:not(:last-child), .licenses.horizontally:not(:last-child) { margin-bottom: var(--indent-20); } .licenses.vertically .licenses__item { max-width: 16.1875rem; } .licenses.horizontally .licenses__item { max-width: 20.5rem; } .licenses.vertically .licenses__item img { max-width: 20.5rem; border-radius: var(--indent-16); } .licenses.horizontally .licenses__item img { max-width: 20.5rem; border-radius: var(--indent-16); } /* End */ /* Start:/local/frontend/js/libs/swiper/swiper.css?173871072118457*/ /** * 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/frontend/js/libs/aos/aos.css?174116847526053*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/frontend/css/main.css?175515947573272*/ *::before, *::after, * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; font-weight: 400; } html, body { font-family: var(--font-main); scroll-behavior: smooth; /* height: 100%; */ min-height: 100dvh; line-height: 1; margin: 0; } html { font-size: var(--main-text-size); } a { text-decoration: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } a:hover {} a:active { outline: none; } /*example*/ .example-main { margin: var(--padding-md); } .example-header { background-color: var(--bgr); border-radius: var(--radius-3xl); margin-bottom: var(--indent-40); } .example-wrapper { padding: var(--indent-40); } .example-col-3 { display: grid; grid-template-columns: auto auto; gap: var(--indent-40); } .example-col { display: flex; flex-direction: column; justify-content: end; gap: var(--indent-20); padding: var(--indent-40) var(--indent-20); } .example-block { display: grid; grid-template-columns: repeat(2, 1fr); padding: var(--padding-md) 0; } .example-block:first-child { padding-top: 0; } .example-body__gray { background-color: var(--primary-disabled); border-radius: var(--indent-5); padding: var(--indent-20); } .example-body__vertical { display: flex; flex-direction: column; gap: var(--indent-20); } .example-btns { display: flex; align-items: start; flex-wrap: wrap; gap: var(--indent-13); } .example-flex { display: flex; gap: var(--indent-40); } .example-tabs { display: flex; gap: var(--indent-20); } .example-tooltip { display: flex; flex-wrap: wrap; /* display: grid; grid-template-columns: repeat(2, 1fr); */ gap: var(--indent-20); } /*headers*/ /* h1, h2, h3, h4, h5, .title-2xl, .title-lg, .title-md, .title-sm, .title-xs, .text-xl, .text-md, .text-lg, .text-sm { margin-bottom: var(--indent-64); } */ /* Title styles */ .bold { font-weight: var(--bold); } .title-2xl, h1 { font-size: var(--fs-display-2xl); line-height: var(--fh-display-2xl); font-weight: var(--fw-regular); } .title-2xl.bold, h1.bold { font-weight: var(--fw-bold); } .title-lg, h2 { font-size: var(--fs-display-lg); line-height: var(--fh-display-lg); /* font-weight: var(--fw-regular); */ font-weight: var(--fw-bold); } .title-lg.bold, h2.bold { font-weight: var(--fw-bold); } .title-md, h3 { font-size: var(--fs-display-md); line-height: var(--fh-display-md); font-weight: var(--fw-regular); } .title-md.bold, h3.bold { font-weight: var(--fw-bold); } .title-sm, h4 { font-size: var(--fs-display-sm); line-height: var(--fh-display-sm); font-weight: var(--fw-regular); } .title-sm.bold, h4 { font-weight: var(--fw-bold); } .title-xs, h5 { font-size: var(--fs-display-xs); line-height: var(--fh-display-xs); font-weight: var(--fw-regular); } .title-xs.bold, h5.bold { font-weight: var(--fw-bold); } /* Text styles */ .text-xl { font-size: var(--fs-text-xl); line-height: var(--fh-text-xl); font-weight: var(--fw-regular); } .text-xl.bold { font-weight: var(--fw-bold); } .text-lg { font-size: var(--fs-text-lg); line-height: var(--fh-text-lg); font-weight: var(--fw-regular); } .text-lg.bold { font-weight: var(--fw-bold); } .text-md { font-size: var(--fs-text-md); line-height: var(--fh-text-md); font-weight: var(--fw-regular); } .text-md.bold { font-weight: var(--fw-bold); } .text-sm { font-size: var(--fs-text-sm); line-height: var(--fh-text-sm); font-weight: var(--fw-regular); } .text-sm.bold { font-weight: var(--fw-bold); } @media screen and (max-width: 767px) { .title-2xl, h1 { font-size: var(--fs-display-md); line-height: var(--fh-display-md); } .title-lg, h2 { font-size: var(--fs-display-sm); line-height: var(--fh-display-sm); } .title-sm, h4 { font-size: var(--fs-display-xs); line-height: var(--fh-display-xs); } .title-xs, h5 { font-size: var(--fs-text-xl); line-height: var(--fh-text-xl); } .text-xl { font-size: var(--fs-text-lg); line-height: var(--fh-text-lg); } .text-lg { font-size: var(--fs-text-md); line-height: var(--fh-text-md); } .text-md { font-size: var(--fs-text-sm); line-height: var(--fh-text-sm); } .text-sm { font-size: var(--fs-text-sm); line-height: var(--fh-text-sm); } .example-block { grid-template-columns: 1fr; margin: var(--padding-xs); padding: var(--padding-xs) 0; } .example-main { margin: var(--padding-xs); } .example-wrapper { padding: var(--padding-xs); } .example-header { margin-bottom: var(--padding-xs); } } /*colours*/ .primary { color: var(--primary-blue); } .danger { color: var(--danger); } .notification { color: var(--notification); } .gray { color: var(--text); } .gray-light { color: var(--primary-secondary-text); } .white { color: var(--white); } .gray path { fill: var(--text); } .green { color: var(--green); } .black { background-color: var(--black); } .secondary { color: var(--primary-secondary-text); } .secondary path { fill: var(--primary-secondary-text); } .pink { color: var(--primary-pink); } .pink path { fill: var(--primary-pink); } .purple { color: var(--primary-purple); } .purple path { fill: var(--primary-purple); } .black { color: var(--primary-black); } .black path { fill: var(--primary-black); } .brown { color: var(--primary-brown); } .brown path { fill: var(--primary-brown); } .red { color: var(--primary-red); } .red path { fill: var(--primary-red); } .tag-green { color: var(--primary-green); } .tag-green path { fill: var(--primary-green); } a.primary:hover, a.danger:hover, a.notification:hover, a.gray:hover, a.green:hover { color: var(--primary-blue-hover); } /*btns*/ .button { max-width: max-content; width: auto; height: auto; display: flex; align-items: center; justify-content: start; gap: var(--gap); color: var(--white); border-radius: var(--indent-8); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-color: var(--white); font-weight: 500; line-height: 141%; border: 1px solid transparent; } .button span { display: inline-block; font-weight: var(--font-weight-medium); } .button-sm span { font-size: var(--fs-text-sm); line-height: var(--indent-20); /* line-height: var(--fs-text-sm); font-weight: bold; margin-top: 3px; */ } .button-md span { font-size: var(--fs-text-md); line-height: var(--indent-24); } .button-lg span { font-size: var(--fs-text-lg); line-height: var(--fs-text-lg); } /*иконка+текст*/ .button-sm { padding: var(--indent-10) var(--indent-12); } .button-md { padding: calc(var(--indent-12) - 1px) var(--indent-16); } .button-lg { padding: var(--indent-20) var(--indent-32); } @media screen and (max-width: 767px) { .button-lg { padding: var(--indent-14) var(--indent-32); } .button-lg span { font-size: var(--fs-text-md); line-height: var(--fs-text-md); } } /*только иконка*/ .button-icon-sm { padding: var(--indent-10); } .button-icon-md { padding: var(--indent-12); } .button-icon-lg { padding: var(--indent-18); } .button-blue { border-color: var(--brand-blue); background: var(--brand-blue); } .button-blue:hover { border-color: var(--primary-blue-hover); background: var(--primary-blue-hover); } .button-pink { background: var(--primary-pink-secondary); border-color: var(--primary-pink-secondary); } .button-pink:hover { background: var(--primary-pink-hover); border-color: var(--primary-pink-hover); } .button-secondary { background: var(--primary-secondary); border-color: var(--primary-secondary); } .button-secondary:hover { background: var(--primary-secondary-hover); border-color: var(--primary-secondary-hover); } .button-secondary--disabled { color: var(--primary-secondary-text); border-color: var(--primary-secondary-text); } .button-secondary--disabled svg path { stroke: var(--primary-secondary-text); } .button-disabled { color: var(--primary-text-disabled); background: var(--primary-disabled); border-color: var(--primary-disabled); } .button-disabled svg path { stroke: var(--primary-text-disabled); } .button-third { color: var(--primary-third-text); border-color: var(--primary-third-border); } .button-third svg path { stroke: var(--primary-third-text); } .button-third:hover { color: var(--primary-third-border-hover); border-color: var(--primary-third-border-hover); } .button-third:hover svg path { stroke: var(--primary-third-border-hover); } .button-third--disabled { color: var(--primary-third-text-disabled); border-color: var(--primary-third-border); } .button-third--disabled:hover { color: var(--primary-third-text-disabled); border-color: var(--primary-third-border); } .button-third--disabled:hover svg path { stroke: var(--primary-third-text-disabled); } .button-third--disabled svg path { stroke: var(--primary-third-text-disabled); } .button-transparent { color: var(--primary-third-text); border-color: var(--primary-third); background-color: transparent; } .button-transparent svg path { stroke: var(--primary-third-text); } .button-transparent:hover { color: var(--primary-third-border-hover); border-color: var(--primary-third-border-hover); } .button-transparent:hover svg path { stroke: var(--primary-third-border-hover); } .button-transparent--disabled { color: var(--primary-third-text-disabled); border-color: var(--primary-third); } .button-transparent--disabled:hover { color: var(--primary-third-text-disabled); border-color: var(--primary-third); } .button-transparent--disabled:hover svg path { stroke: var(--primary-third-text-disabled); } .button-transparent--disabled svg path { stroke: var(--primary-third-text-disabled); } @media screen and (max-width: 991px) { .button-descr-more { display: none !important; } } .link { max-width: max-content; width: auto; height: auto; display: flex; align-items: center; justify-content: start; gap: var(--gap); } .link span { color: var(--primary-blue); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .link svg path { stroke: var(--brand-blue); } .link:hover span { color: var(--brand-blue-hover); } .link:hover svg path { stroke: var(--brand-blue-hover); } .link--disabled span { color: var(--link-disabled); } .link--disabled:hover span { color: var(--link-disabled); } .link--disabled:hover svg path { color: var(--link-disabled); stroke: var(--link-disabled); } .link--disabled svg path { color: var(--link-disabled); stroke: var(--link-disabled); } /*кнопки закрытия*/ .close { display: flex; align-items: center; justify-content: center; border-radius: var(--indent-8); cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .close:hover { background-color: var(--white); } .close--xl { width: var(--indent-40); height: var(--indent-40); min-width: var(--indent-40); min-height: var(--indent-40); padding: var(--indent-4); } .close--xl svg { width: var(--indent-32); height: var(--indent-32); } .close--xs { width: var(--indent-24); height: var(--indent-24); min-width: var(--indent-24); min-height: var(--indent-24); padding: 0; } .close--xs svg {} /*всплывающие окна*/ .alert { position: relative; max-width: var(--indent-784); display: flex; align-items: start; gap: var(--indent-16); box-shadow: 0px 1px 5px 0px var(--shadow); border-radius: var(--indent-12); padding: var(--indent-16); margin: var(--indent-24); } .alert-svg { width: var(--indent-40); height: var(--indent-40); min-width: var(--indent-40); min-height: var(--indent-40); } .alert-title { color: var(--font-main-color); line-height: var(--fs-display-xs); margin-bottom: var(--indent-4); } .alert-text { color: var(--text); margin-bottom: var(--indent-12); } .alert-btns { display: flex; align-items: center; gap: var(--indent-12); } .alert-btn { padding: var(--indent-7) 0; } .alert .close { position: absolute; top: var(--indent-12); right: var(--indent-12); } /*чекбоксы, радио, свичеры*/ .radio-group, .switcher-group, .checkbox-group { display: flex; justify-content: center; gap: var(--indent-24); margin-bottom: 1.5rem; } .radio-group, .switcher-group, .checkbox-group { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .radio input { display: none; } .radio span { display: inline-block; width: var(--indent-20); height: var(--indent-20); border: 1px solid var(--primary-third); border-radius: 50%; transition: all 0.3s ease; position: relative; cursor: pointer; } .radio:hover span { border-color: var(--radio-hover); } .radio input:checked+span { background-color: var(--primary-blue); border-color: var(--primary-blue); } .radio input:checked+span::after { content: ''; width: var(--indent-8); height: var(--indent-8); background-color: var(--white); position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .radio input:checked+span:hover { background-color: var(--primary-blue-hover); border-color: var(--primary-blue-hover); } .radio--disabled span { /* border-color: var(--primary-third-text-disabled); */ background-color: var(--primary-disabled); } .radio--disabled input:checked+span { background-color: var(--primary-disabled); border-color: var(--primary-third); } .radio--disabled input:checked+span::after { background-color: var(--primary-third-text-disabled); border-color: var(--primary-third-text-disabled); } .radio--disabled:hover input:checked+span { background-color: var(--primary-disabled); border-color: var(--primary-third-text-disabled); } .radio--disabled:hover span { border-color: var(--primary-disabled); } /* Switcher */ .switcher { position: relative; display: inline-block; width: var(--indent-36); height: var(--indent-20); cursor: pointer; } .switcher input { opacity: 0; width: 0; height: 0; } .switcher span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--primary-third); border-radius: var(--indent-20); transition: all 0.3s ease; } .switcher span::before { content: ''; position: absolute; width: var(--indent-16); height: var(--indent-16); background-color: white; box-shadow: 0px 4px 10px 0px #00378526; border-radius: 50%; left: 2px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; } .switcher input:checked+span { background-color: var(--primary-blue); } .switcher input:checked+span::before { box-shadow: 0px 1px 5px 0px #0037851A; transform: translate(var(--indent-16), -50%); } .switcher input:checked+span:hover { background-color: var(--primary-blue-hover); } .switcher.switcher--disabled span { background-color: var(--primary-third) !important; } .switcher--disabled span::before { background-color: var(--primary-text-disabled); } /* Чекбоксы */ .checkbox input { display: none; } .checkbox span { position: relative; display: inline-block; width: var(--indent-20); height: var(--indent-20); border: 2px solid var(--primary-third); border-radius: var(--indent-6); cursor: pointer; transition: all 0.3s ease; } .radio:hover span { border-color: var(--radio-hover); } .checkbox input:checked+span { border-color: var(--primary-blue); background-color: var(--primary-blue); } .checkbox input:checked+span::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 0.3s ease; } .checkbox input:disabled+span { border-color: var(--primary-third); background-color: #f5f5f5; cursor: not-allowed; } .checkbox input:checked:disabled+span::after { border: solid var(--primary-third); border-width: 0 2px 2px 0; } .checkbox:hover input:checked:hover+span { /* border-color: var(--primary-third); */ border-color: var(--white); background-color: #f5f5f5; } .checkbox:hover span { /* border: var(--primary-third); */ border-color: var(--radio-hover); } .checkbox:hover input:checked:hover+span { border-color: var(--primary-blue-hover); background-color: var(--primary-blue-hover); } .checkbox input:checked:disabled:hover+span::after { border-color: var(--primary-third); background-color: #f5f5f5; } .checkbox input:checked:hover+span::after { border: solid var(--primary-third); border-width: 0 2px 2px 0; transform: rotate(45deg); border-color: var(--white); } .checkbox:hover input:checked:disabled:hover+span { border-color: var(--primary-third); background-color: #f5f5f5; } /*чекбокс с текстом*/ .checkbox { display: flex; gap: var(--indent-8); } .checkbox-text div:first-child { margin-bottom: var(--indent-4); } /* tooltip */ /* .tooltip { --max-width-tooltip: 21.3125rem; display: flex; align-items: center; gap: 0.125rem; width: fit-content; position: relative; pointer-events: all; } .tooltip__caption { color: red; font-size: 0.75rem; cursor: pointer; transition: var(--transition); } .tooltip__icon, .tooltip__body-icon { color: red; display: block; border-radius: 50%; transition: var(--transition); } .tooltip__icon { min-width: calc(var(--size-icon) / 2); width: calc(var(--size-icon) / 2); min-height: calc(var(--size-icon) / 2); height: calc(var(--size-icon) / 2); } .tooltip__body-icon { min-width: var(--size-icon); width: var(--size-icon); min-height: var(--size-icon); height: var(--size-icon); } .tooltip__body-icon svg, .tooltip__icon svg, .tooltip__close svg { display: block; width: 100%; height: 100%; } .tooltip__wrapper { transition: 0.2s opacity, 0.2s padding; z-index: 15; width: fit-content; opacity: 0; visibility: hidden; pointer-events: none; position: absolute; bottom: 0; left: calc(50% + var(--offset-tooltip, 0px)); transform: translateY(100%) translateX(calc(-50% - 0.0625rem)); max-width: var(--max-width-tooltip); min-width: var(--max-width-tooltip); width: max-content; } .tooltip__item { background-color: var(--color-muted); padding: var(--offset-small); display: flex; flex-direction: column; gap: var(--offset-small); } .tooltip__item-image { width: 100%; overflow: hidden; } .tooltip__item-image img { object-fit: contain; width: 100%; } .tooltip__body { display: flex; flex-direction: column; gap: 0.625rem; transition: var(--transition); background-color: green; border-radius: var(--radius); box-shadow: var(--shadow-big); position: relative; padding: var(--offset-secondary); } .tooltip__body-title { font-weight: var(--font-semibold); } .tooltip__close { position: absolute; top: var(--offset-secondary); right: var(--offset-secondary); min-width: var(--size-icon); width: var(--size-icon); min-height: var(--size-icon); height: var(--size-icon); color: var(--color-dark-light); } .tooltip:not(.tooltip_oval) .tooltip__body::before { content: ''; width: 0.75rem; height: 0.75rem; background-color: green; position: absolute; top: 0; left: calc(50% - var(--offset-tooltip, 0px)); transform: rotate(45deg) translateX(-50%); border-radius: 0.125rem; } .tooltip:not(.tooltip_hover)._active .tooltip__wrapper { opacity: 1; visibility: visible; pointer-events: all; padding: 0.625rem 0; } .tooltip:not(.tooltip_hover)._active .button_outlined-muted { --btn-bg: var(--color-primary); --btn-color: var(--color-text-extralight); --btn-border: var(--color-primary); } .tooltip.tooltip_top .tooltip__wrapper { top: 0; bottom: auto; transform: translateY(-100%) translateX(calc(-50% - 0.0625rem)); } .tooltip.tooltip_top:not(.tooltip_oval) .tooltip__body::before { top: auto; bottom: -0.5rem; } .tooltip.tooltip_right .tooltip__wrapper { left: auto; right: 0; bottom: auto; top: 50%; transform: translateY(calc(-50% - 0.125rem)) translateX(100%); } .tooltip.tooltip_right:not(.tooltip_oval) .tooltip__body::before { top: 50%; left: 0; } .tooltip.tooltip_left .tooltip__wrapper { left: 0; bottom: auto; top: 50%; transform: translateY(calc(-50% - 0.125rem)) translateX(-100%); } .tooltip.tooltip_left:not(.tooltip_oval) .tooltip__body::before { top: 50%; left: auto; right: -0.5rem; } .tooltip.tooltip_top-left .tooltip__wrapper { top: 0; left: calc(50% - 1.125rem + var(--offset-tooltip, 0px)); bottom: auto; transform: translateY(-100%); } .tooltip.tooltip_top-left:not(.tooltip_oval) .tooltip__body::before { top: auto; bottom: -0.5rem; left: calc(1rem - var(--offset-tooltip, 0px)); } .tooltip.tooltip_top-left:not(.tooltip_hover)._active .tooltip__wrapper { padding-left: 0; padding-right: 0; } .tooltip.tooltip_top-right .tooltip__wrapper { top: 0; bottom: auto; left: auto; right: var(--offset-tooltip, 0px); transform: translateY(-100%) translateX(1rem); } .tooltip.tooltip_top-right:not(.tooltip_oval) .tooltip__body::before { top: auto; left: auto; bottom: -0.5rem; right: calc(1rem - var(--offset-tooltip, 0px)); } .tooltip.tooltip_top-right:not(.tooltip_hover)._active .tooltip__wrapper { padding-right: 0; padding-left: 0; } .tooltip.tooltip_bottom-left .tooltip__wrapper { top: auto; left: var(--offset-tooltip, 0px); bottom: 0; transform: translateY(100%); } .tooltip.tooltip_bottom-left:not(.tooltip_oval) .tooltip__body::before { top: 0; bottom: auto; left: calc(1rem - var(--offset-tooltip, 0px)); } .tooltip.tooltip_bottom-left:not(.tooltip_hover)._active .tooltip__wrapper { padding-left: 0; padding-right: 0; } .tooltip.tooltip_bottom-right .tooltip__wrapper { top: auto; bottom: 0; left: auto; right: var(--offset-tooltip, 0px); transform: translateY(100%); } .tooltip.tooltip_bottom-right:not(.tooltip_oval) .tooltip__body::before { top: 0; left: auto; bottom: auto; right: calc(1rem - var(--offset-tooltip, 0px)); } .tooltip.tooltip_bottom-right:not(.tooltip_hover)._active .tooltip__wrapper { padding-right: 0; padding-left: 0; } @media screen and (min-width: 1024px) { .tooltip_hover .tooltip__close { display: none; } .tooltip_hover:hover .tooltip__wrapper { opacity: 1; visibility: visible; pointer-events: all; padding: 0.625rem 0; } .tooltip:hover .tooltip__icon, .tooltip:hover .tooltip__caption, .tooltip__close:hover { color: var(--color-text); } .tooltip__list-link:hover { background-color: var(--color-muted); } .tooltip_top-left.tooltip_hover:hover .tooltip__wrapper { padding-left: 0; } } @media screen and (max-width: 1023px) { .tooltip_hover._active .tooltip__wrapper { opacity: 1; visibility: visible; pointer-events: all; padding: 0.75rem 0; } .tooltip.tooltip_oval .tooltip__title { padding-right: 2rem; } .tooltip_top-left.tooltip_hover._active .tooltip__wrapper { padding-left: 0; } } @media screen and (max-width: 767px) { .tooltip { --max-width-tooltip: 15rem; } .tooltip__body { font-size: 1rem; } .tooltip__item { gap: var(--offset-extrasmall); } .tooltip__item-descr { font-size: 0.875rem; } } @media screen and (max-width: 1439px) { .tooltip__wrapper { } } .tooltip__icon:active { color: var(--color-text-muted); } .tooltip__icon:focus-visible { box-shadow: var(--shadow); } .tooltip__close:active { border-color: var(--color-text-muted); color: var(--color-text-muted); } .tooltip__close:focus-visible { box-shadow: var(--shadow); } */ /*****************************/ /* Стили для тултипов */ /* .tooltip { position: absolute; max-width: 250px; background-color: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); padding: 10px; font-size: 14px; color: #333; z-index: 1000; transform: translateX(-50%); } .tooltip::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; } */ /* Стили для чекбоксов */ /* input[type="checkbox"] { display: none; } input[type="checkbox"] + span { display: inline-block; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 4px; position: relative; transition: all 0.3s ease; } input[type="checkbox"]:checked + span { background-color: #0066ff; border-color: #0066ff; } input[type="checkbox"]:checked + span::after { content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius: 4px; transition: all 0.3s ease; } */ /* .tooltip { position: absolute; background-color: #333; color: #fff; padding: 10px; border-radius: 6px; font-size: 12px; display: none; white-space: nowrap; z-index: 1000; } .tooltip::after { content: ''; position: absolute; border-style: solid; border-width: 6px; } .tooltip.visible { display: block; } .tooltip.bottom-left::after { top: -12px; left: 10px; border-color: transparent transparent #333 transparent; } .tooltip.bottom-right::after { top: -12px; right: 10px; border-color: transparent transparent #333 transparent; } .tooltip.top-left::after { bottom: -12px; left: 10px; border-color: #333 transparent transparent transparent; } .tooltip.top-right::after { bottom: -12px; right: 10px; border-color: #333 transparent transparent transparent; } .tooltip.left::after { top: 50%; right: -12px; transform: translateY(-50%); border-color: transparent transparent transparent #333; } .tooltip.right::after { top: 50%; left: -12px; transform: translateY(-50%); border-color: transparent #333 transparent transparent; } .container { display: flex; flex-direction: column; align-items: start; max-width: 500px; } */ /*инпуты дл формы*/ .inputs-and-quantity { display: flex; gap: var(--spacing-base); } .inputs-and-quantity__inputs { /* display: flex; flex-direction: column; gap: var(--indent-24); */ } .input { width: 100%; max-width: 25.625rem; display: flex; flex-direction: column; gap: var(--indent-8); cursor: pointer; margin-bottom: var(--indent-24); } .input:last-child { margin-bottom: 0; } .input input { border: none; outline: 1px solid var(--primary-third-border); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .input:not(.input--error):hover input { outline: 1px solid var(--primary-blue); } /* .input:hover input { } */ .input:not(.input--error) input:target, .input:not(.input--error) input:focus-visible, .input:not(.input--error) input:focus { outline: 2px solid var(--primary-blue); border-width: 2px; } .input:target svg path, .input:focus-visible svg path, .input:focus svg path { stroke: var(--font-main-color); fill: var(--font-main-color); color: var(--font-main-color); } .input::placeholder { color: var(--text); font-size: var(--fs-text-sm); } .input__wrapper { position: relative; display: flex; flex-direction: column; gap: var(--indent-8); } .input__wrapper svg { position: absolute; width: var(--indent-20); height: var(--indent-20); position: absolute; top: 50%; transform: translateY(-50%); left: var(--indent-18); } .input__cleaar { width: var(--indent-20); height: var(--indent-20); position: absolute; top: 50%; transform: translateY(-50%); right: var(--indent-18); } .input__cleaar svg { left: auto; } .input__label { font-size: var(--font-size-base); color: var(--color-primary); } .tab-btn>span { font-size: var(--indent-17); } .input__field { width: 100%; height: var(--indent-48); padding: var(--indent-12) var(--indent-44); font-size: var(--indent-17); border-radius: var(--indent-8); } .input__field~svg path, .input__field~svg circle { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .input__field.active~svg path, .input__field.active~svg circle { stroke: var(--font-main-color); fill: white; } /* .input__field.active ~ svg path { stroke: var(--font-main-color); } */ .input--error .input__field { outline-color: var(--light-red); } .input--disabled .input__field { background-color: var(--color-disabled); pointer-events: none; } .input__hint { font-size: var(--font-size-small); line-height: var(--font-size-small); color: var(--color-secondary); } .input--error .input__hint { color: var(--primary-red); } .inputs-and-quantity__quantity { display: flex; flex-direction: column; gap: var(--indent-20); } .quantity__controls { width: max-content; display: flex; align-items: center; /* gap: var(--indent-8); */ } .quantity__button { width: 2.6rem; height: var(--indent-48); border: 1px solid var(--primary-disabled); color: #fff; background-color: #fff; font-size: var(--font-size-base); cursor: pointer; display: flex; align-items: center; justify-content: center; } .quantity__button svg path { transition: 0.2s all; } .quantity__button--decrease { border-radius: var(--indent-8) 0 0 var(--indent-8); border-right: none; } .quantity__button--increase { border-radius: 0 var(--indent-8) var(--indent-8) 0; border-left: none; } .quantity__button[disabled] { pointer-events: none; } .quantity__button[disabled] svg path { stroke: var(--link-disabled); } .quantity__field { width: var(--indent-40); height: var(--indent-48); text-align: center; font-size: var(--fs-text-md); border-top: 1px solid var(--primary-disabled); border-bottom: 1px solid var(--primary-disabled); border-left: none; border-right: none; } .quantity__field:target, .quantity__field:focus-visible, .quantity__field:focus { border-top: 1px solid var(--primary-disabled); border-bottom: 1px solid var(--primary-disabled); outline: transparent; } .inputs-and-quantity__dropdown { display: flex; flex-direction: column; gap: var(--indent-20); } .dropdown__select { width: 24.1176rem; height: var(--indent-48); font-size: var(--font-size-base); border: 1px solid var(--primary-disabled); border-radius: var(--indent-8); padding: 0 var(--indent-8); } .input__label { display: flex; align-items: center; gap: var(--indent-4); } .input__label span { font-size: var(--fs-text-md); line-height: var(--fs-text-md); color: var(--font-main-color); } .quantity__label, .dropdown__label { font-weight: bold; font-size: var(--fs-display-xs); } .dropdown__select { width: 100%; padding: 10px 12px; font-size: 14px; color: #333; background: #F9FAFB; border: 1px solid #D1D5DB; border-radius: 8px; appearance: none; cursor: pointer; position: relative; transition: border-color 0.3s, box-shadow 0.3s; } .dropdown__select:hover { border-color: #6366F1; } .dropdown__select:focus { outline: none; border-color: #6366F1; box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3); } .dropdown__select option { padding: 10px; font-size: 14px; } /* Custom arrow */ .dropdown__select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23737484'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; } /*табы*/ .tab-group__tabs { position: relative; display: flex; max-width: fit-content; border-radius: var(--indent-8); } .tab { width: fit-content; display: flex; align-items: center; gap: var(--indent-6); cursor: pointer; border-radius: var(--indent-8); border: 1px solid transparent; padding: var(--indent-12) var(--indent-16); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .tab span, .tab svg path { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .tab-group__tabs .tab-btn.active { z-index: 1; font-weight: 400; text-shadow: 0 0 0.1px var(--font-main-color), 0 0 0.3px var(--font-main-color); } .tab-buttons.dropdown__list { flex-direction: column; max-width: 100%; } .tab-btn.dropdown__item { text-align: left; } /*на черном фоне*/ .tab-num { display: flex; align-items: center; justify-content: center; width: var(--indent-24); height: var(--indent-24); min-width: var(--indent-24); min-height: var(--indent-24); border-radius: var(--indent-4); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .tab-num span { margin-top: 5px; font-weight: var(--bold); } .black .tab-num { color: var(--white); background-color: var(--primary-secondary-hover); } .black .tab:hover span, .black .tab:hover svg path { color: var(--white); fill: var(--white); } .black .tab.active span, .black .tab.active svg path { color: var(--white); fill: var(--white); /* font-weight: var(--bold); */ } .black .tab.active { border-color: var(--tab); background-color: var(--primary-secondary-hover); } .black .tab.active .tab-num { background-color: var(--primary-secondary); } /*дефолт*/ .default .tab:hover span, .default .tab:hover svg path { color: var(--font-main-color); fill: var(--font-main-color); } .default .tab:hover .tab-num span { color: var(--text); } .default .tab.active span, .default .tab.active svg path { color: var(--font-main-color); fill: var(--font-main-color); /* font-weight: var(--bold); */ } .tab.active .tab-num { background-color: var(--bgr); } .default .tab .tab-num { background-color: var(--white); } .default .tab.active .tab-num { color: var(--gray); } .default .tab.active { border-color: var(--primary-third); background-color: transparent; } .default .tab.active:hover .tab-num span { color: var(--font-main-color); } /*список*/ .list .tab { border: 1px solid var(--primary-third); padding: var(--indent-8) var(--indent-12); } .list .tab:hover span, .list .tab:hover svg path { color: var(--font-main-color); fill: var(--font-main-color); } .list .tab:hover .tab-num span { color: var(--text); } .list .tab.active span, .list .tab.active svg path { color: var(--primary-blue); fill: var(--primary-blue); } .list .tab.active .tab-num { color: var(--primary-blue); } .list .tab:hover { border-color: var(--primary-blue); } .list .tab.active { border-color: var(--primary-blue); background-color: transparent; } .list .tab.active:hover .tab-num span { color: var(--primary-blue); } /*с линией*/ .line .tab { border: none; border-radius: 0; padding: var(--indent-16); } .line .tab:hover span, .line .tab:hover svg path { color: var(--font-main-color); fill: var(--font-main-color); } .line .tab:hover .tab-num span { color: var(--text); } .line .tab.active span, .line .tab.active svg path { color: var(--primary-blue); fill: var(--primary-blue); /* font-weight: var(--bold); */ } .tab.active .tab-num { background-color: var(--bgr); } .line .tab.active .tab-num { color: var(--primary-blue); } .line .tab.active { border-color: transparent; background-color: transparent; border-bottom: 2px solid var(--primary-blue); } .line .tab .tab-num { background-color: var(--bgr); } .line .tab:hover .tab-num { background-color: transparent; } .line .tab.active:hover .tab-num { background-color: var(--bgr); } .line .tab.active:hover .tab-num span { color: var(--primary-blue); } /* .tooltip { position: relative; } .tooltip-text { width: 256px; position: absolute; bottom: 100%; left: 100%; z-index: 1; display: none; } .tooltip-toggle { width: var(--indent-20); height: var(--indent-20); } .tooltip-toggle:hover + .tooltip-text, .tooltip-toggle:focus + .tooltip-text { display: block; } .tooltip-toggle svg path { fill: var(--text); } */ /*теги*/ .tags { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 20px; } .tag { width: fit-content; display: flex; align-items: center; gap: 2px; border: 1px solid transparent; border-radius: var(--indent-8); cursor: pointer; } .tag-s { padding: 2px var(--indent-8); } .tag-m { padding: var(--indent-8) var(--indent-12); } .tag-m span{ padding: 2px 0; } .tag-s svg { width: var(--indent-16); height: var(--indent-16); } .tag-m svg { width: var(--indent-20); height: var(--indent-20); } .tag.primary { background-color: var(--lightest-blue); border-color: var(--light-blue); } .tag.pink { background-color: var(--lightest-pink); border-color: var(--light-pink); } .tag.pink { background-color: var(--lightest-pink); border-color: var(--light-pink); } .tag.purple { background-color: var(--lightest-purple); border-color: var(--light-purple); } .tag.black { background-color: var(--lightest-black); border-color: var(--light-black); } .tag.yellow { background-color: var(--lightest-yellow); border-color: var(--light-yellow); } .tag.red { background-color: var(--lightest-red); border-color: var(--light-red); } .tag.tag-green { background-color: var(--lightest-green); border-color: var(--light-green); } /*табы с переключателем*/ .tab-buttons { position: relative; display: flex; max-width: fit-content; /* background-color: var(--lightest-black); */ /* border: 1px solid var(--light-black); */ border-radius: var(--indent-8); } .tab-buttons.black { background-color: var(--primary-secondary); } .tab-buttons.default { background-color: var(--lightest-black); border: 1px solid var(--light-black); } .tab-buttons.list { gap: var(--indent-8); } .tab-content { margin-top: 20px; } .tab-pane { display: none; } .tab-pane.active { display: block; } .tab-indicator { position: absolute; top: 0; left: -1px; height: 100%; box-sizing: border-box; transition: transform 0.3s ease, width 0.3s ease; pointer-events: none; background-color: var(--white); } .default .tab-indicator { outline: 1px solid var(--primary-third); outline-offset: 0; border-radius: var(--indent-8); } .line .tab-indicator { position: absolute; top: auto; bottom: 0; left: 0; background-color: var(--primary-blue); height: 2px; outline: none; outline-offset: 0; border-radius: 0; } .tabs .line .tab.active { border-bottom: none; } .tabs:first-child .tab-content { margin-top: 0; } .tab-btn { flex-shrink: 0; padding: var(--indent-12) var(--indent-16); text-align: center; cursor: pointer; background: none; border: none; outline: none; font-size: 16px; position: relative; } .tab-buttons:not(.list) .tab-btn.active { z-index: 1; font-weight: 400; text-shadow: 0 0 0.1px var(--font-main-color), 0 0 0.3px var(--font-main-color); } /* active in load */ .tab-buttons:not(.list):not(.line) .tab-btn.active:not(.active-nobackground):not(.dropdown__item) { box-shadow: 0 0 0 1px var(--primary-third); border-radius: var(--indent-8); background-color: var(--white); } .black.tab-buttons:not(.list):not(.line) .tab-btn.active:not(.active-nobackground):not(.dropdown__item) { background-color: var(--primary-secondary-hover); border-radius: var(--indent-8); box-shadow: none; } .tab-buttons:not(.list):not(.line) .tab-btn.dropdown__item.active:not(.active-nobackground) { box-shadow: none; border-radius: 0; } /* .tab-buttons .tab-btn.active span { font-weight: var(--fw-regular); } */ .black .tab-indicator { background-color: var(--primary-secondary); border-radius: var(--indent-8); } .list .tab-indicator { outline: 1px solid var(--primary-blue); outline-offset: 0; border-radius: var(--indent-8); } /* хлебные крошки */ .breadcrumbs { width: max-content; display: flex; align-items: center; padding: var(--indent-10); } .breadcrumbs__item { font-size: var(--fs-text-sm); line-height: var(--fh-text-sm); } .breadcrumbs__item--active {} .breadcrumbs__separator svg { width: var(--indent-16); width: var(--indent-16); } .breadcrumbs__separator { display: flex; align-items: center; justify-content: center; margin: 0 var(--indent-8); } /* Стили для светлого фона */ .breadcrumbs--light .breadcrumbs__item { color: var(--text); } .breadcrumbs--light .breadcrumbs__item--active { color: var(--font-main-color); } .breadcrumbs--light .breadcrumbs__separator svg path { stroke: var(--text); } /* Стили для темного фона */ .breadcrumbs--dark .breadcrumbs__item { color: var(--primary-secondary-text); } .breadcrumbs--dark .breadcrumbs__item--active { color: var(--white); } .breadcrumbs--dark .breadcrumbs__separator svg path { stroke: var(--primary-secondary-text); } /*прелоадер*/ .loader { width: max-content; display: flex; flex-direction: column; align-items: center; gap: var(--indent-12); } .loader svg { animation: spin 2s linear infinite; } .loader--sm svg { width: 24px; height: 24px; } .loader--md svg { width: 40px; height: 40px; } .loader--lg svg { width: 58px; height: 56px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*form*/ .form { width: 100%; padding: var(--indent-24); } .tab-group { width: 100%; } /* Стили для выпадающего списка (мобильные табы) */ .tab-group__dropdown { position: relative; width: 100%; } .dropdown { position: relative; width: 100%; } .dropdown__button { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: calc(var(--indent-18) - 1px) var(--indent-16); color: var(--text); border: 1px solid var(--light-black); /**/ border-radius: var(--indent-8); cursor: pointer; text-align: left; position: relative; background: var(--lightest-black); /**/ transition: 0.3s; } .dropdown__button svg { transform: rotate(0); transition: .3s; } .dropdown.open .dropdown__button svg { transform: rotate(180deg); } .dropdown__menu { position: absolute; top: -100%; left: 0; width: 0; opacity: 0; overflow-y: scroll; max-height: 20.7059rem; width: 100%; border-radius: var(--indent-8); margin-top: 2px; box-shadow: 0px 4px 10px 0px #00378526; z-index: 10; transform: scaleY(0); transition: .3s linear; } .dropdown__menu::-webkit-scrollbar { width: 6px; } .dropdown__menu::-webkit-scrollbar-track { background-color: transparent; } .dropdown__menu::-webkit-scrollbar-thumb { background: var(--primary-third); border-radius: 6px; } .dropdown.open .dropdown__button { background: transparent; border: 1px solid var(--primary-blue); border-radius: var(--indent-8); } .dropdown.open .dropdown__menu { top: 100%; height: max-content; opacity: 1; background: #FFFFFF; transform: scaleY(100%); padding: var(--indent-8); } .dropdown__item { display: flex; align-items: center; height: var(--indent-48); padding: var(--indent-12) var(--indent-16); font-size: var(--fs-text-md); line-height: var(--fs-text-md); color: var(--font-main-color); cursor: pointer; transition: background 0.3s; } .dropdown__item:hover { background: var(--lightest-blue); } .dropdown__input { width: 100%; height: 100%; border: none; background: transparent; cursor: pointer; } .dropdown__input:target, .dropdown__input:focus-visible, .dropdown__input:focus { outline: none; } /*загрузка файлов*/ /* field file */ .field-file { --size-icon-file: 2.5rem; --size-icon-item: 3rem; letter-spacing: -0.01em; display: flex; flex-direction: column; gap: var(--offset-small); } .field-file__label { display: flex; flex-direction: column; position: relative; transition: var(--transition); } .field-file__label input { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; } .field-file__wrapper { position: relative; border: 0.0625rem dashed currentColor; display: flex; flex-direction: column; align-items: center; gap: var(--offset-small); padding: var(--offset-main); text-align: center; width: 100%; transition: var(--transition); } .field-file__wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); transition: var(--transition); opacity: 0; pointer-events: none; } .field-file__icon { display: block; color: var(--color-primary); min-width: var(--size-icon-file); width: var(--size-icon-file); min-height: var(--size-icon-file); height: var(--size-icon-file); } .field-file__icon svg { display: block; width: 100%; height: 100%; } .field-file__content { display: flex; flex-direction: column; gap: var(--offset-extrasmall); } .field-file__title span { color: var(--color-primary); } .field-file__descr { font-size: 1.125rem; color: var(--color-text-muted); } /**/ .field-file__item { display: flex; align-items: start; gap: calc(var(--offset-extrasmall) * 1.5); padding: calc(var(--offset-extrasmall) * 2) var(--offset-small); background-color: var(--color-bg); border: 0.0625rem solid var(--color-border); letter-spacing: -0.01em; transition: var(--transition); } .field-file__item-icon { color: var(--color-primary); min-width: var(--size-icon-item); width: var(--size-icon-item); min-height: var(--size-icon-item); height: var(--size-icon-item); } .field-file__item-icon svg { display: block; width: 100%; height: 100%; } .field-file__item-body { flex-grow: 1; display: flex; flex-direction: column; gap: calc(var(--offset-small) / 2); } .field-file__item-top { display: flex; align-items: start; justify-content: space-between; gap: calc(var(--offset-extrasmall) / 2); } .field-file__item-content { display: flex; flex-direction: column; } .field-file__item-title { font-size: 1.125rem; } .field-file__item-subtitle { font-size: 1rem; color: var(--color-text-muted); } .field-file__item-bottom { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--offset-extrasmall) * 1.5); } .field-file__item-scrollbar { flex-grow: 1; height: 0.5rem; background-color: var(--color-muted); position: relative; overflow: hidden; } .field-file__item-scrollbar::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; transition: var(--transition); background-color: var(--color-primary); min-width: var(--width-progress, 0); } .field-file__item-percent { font-size: 1rem; min-width: 2.5rem; } .field-file__item-check { min-width: var(--size-icon); width: var(--size-icon); min-height: var(--size-icon); height: var(--size-icon); color: var(--color-text-muted); transition: var(--transition); } .field-file__item-check svg { display: block; width: 100%; height: 100%; } .field-file__item-text { font-size: 1.125rem; } /**/ .field-file__item._failed { border-color: var(--color-error); } .field-file__item._failed .field-file__item-check, .field-file__item._failed .field-file__item-text { color: var(--color-error); } .field-file__label._hover .field-file__wrapper:after { opacity: 1; } .field-file__label._disabled { opacity: 0.5; pointer-events: none; } .field-file__label.field__error .field-file__wrapper { border-color: var(--color-error); } @media screen and (max-width: 767px) { .field-file__wrapper { padding: var(--offset-small); } .field-file__descr { font-size: 1rem; } } @media screen and (max-width: 575px) { .field-file { --size-icon-item: 2.5rem; --size-icon: 1.5rem; } .field-file__descr { font-size: 0.875rem; } .field-file__item-title, .field-file__item-text, .field-file__item-percent { font-size: 1rem; } .field-file__item-subtitle { font-size: 0.875rem; } } /**/ .upload-container { width: 100%; max-width: 29.1765rem; /* margin: 0 auto; */ padding: 20px; border: 1px solid var(--light-black); border-radius: var(--indent-12); text-align: center; color: #6c6c6c; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .upload-container span { color: var(--brand-blue); font-weight: var(--bold); } .upload-container svg { margin-bottom: var(--indent-12); } .upload-container p { font-size: var(--fs-text-sm); line-height: var(--fs-text-sm); } .upload-container:hover { border: 1px dashed var(--primary-blue); } .upload-container.dragover { background-color: #f0f8ff; border-color: var(--primary-blue); } .upload-list { width: 100%; max-width: 29.1765rem; margin-top: var(--indent-8); list-style: none; padding: 0; } .upload-list-item { position: relative; display: flex; align-items: start; gap: var(--indent-12); padding: var(--indent-16); border: 1px solid var(--primary-third-border); border-radius: var(--indent-12); margin-bottom: var(--indent-8); background-color: transparent; } .progress-bar { width: 100%; height: 8px; background-color: var(--light-black); border-radius: 5px; overflow: hidden; margin-top: 6px; } .progress-bar-fill { width: 0; height: 100%; background-color: #007bff; transition: width 0.3s; } .upload-error { color: red; font-size: 0.9em; } .upload-success { color: green; } .delete-button { background: none; border: none; color: red; cursor: pointer; font-size: 0.9em; } .delete-button:hover { text-decoration: underline; } /*******************/ /* .upload-list { list-style: none; padding: 0; width: 400px; background: white; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } */ /* .upload-list-item { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #f0f0f0; position: relative; } */ /* .upload-list-item:last-child { border-bottom: none; } */ .file-icon { width: var(--indent-40); height: var(--indent-40); flex-shrink: 0; } .file-info { flex-grow: 1; } .file-name { font-size: var(--fs-text-sm); line-height: var(--fs-text-sm); font-weight: var(--bold); margin: 0; color: var(--font-main-color); } .file-size { font-size: var(--fs-text-sm); line-height: var(--fs-text-sm); color: var(--text); margin-bottom: 4px; } /* .progress-bar { width: 100%; height: 8px; background-color: #e0e0e0; border-radius: 4px; overflow: hidden; margin: 5px 0; } */ .progress-bar-fill { width: 0; height: 100%; background-color: #0069FF; transition: width 0.3s ease; } .delete-button { background: none; border: none; cursor: pointer; padding: 0; position: absolute; top: var(--indent-18); right: var(--indent-18); } .delete-button svg { width: var(--indent-24); height: var(--indent-24); } .progress-percentage { font-size: var(--fs-text-sm); line-height: var(--fs-text-sm); color: var(--text); word-break: keep-all; text-align: right; margin-top: 5px; } .progress-container { display: flex; gap: var(--indent-12); } .upload-container--disabled { border: 1px solid transparent; background-color: var(--primary-disabled); } .upload-container--disabled p, .upload-container--disabled span { color: var(--primary-secondary-text); } /*стрелки с нумерацией пагинации*/ .arrow { height: var(--indent-48); display: flex; align-items: center; justify-content: center; cursor: pointer; } .arrow--left { padding: var(--indent-14) var(--indent-12); padding-right: 0; } .arrow--right { padding: var(--indent-14) var(--indent-12); padding-left: 0; } .arrow-wrap { width: 100%; max-width: max-content; display: flex; align-items: center; gap: var(--indent-8); overflow: hidden; border-radius: var(--indent-8); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .arrow-num { width: var(--indent-24); display: flex; align-items: center; justify-content: center; } .arrow-num span { font-size: var(--fs-text-md); line-height: var(--fs-text-md); font-weight: var(--bold); color: var(--text); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .arrow-wrap svg path { color: var(--text); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .arrow-wrap:hover { background-color: var(--bgr); } .arrow-wrap:hover .arrow-num span { color: var(--primary-blue); } .arrow-wrap:hover svg path { stroke: var(--primary-blue); } /*пагинация*/ .pagination-wrap { width: 100%; max-width: max-content; display: flex; align-items: center; } .pagination-num { width: var(--indent-48); height: var(--indent-48); display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--indent-8); } .pagination-num span { width: var(--indent-24); text-align: center; font-size: var(--fs-text-md); line-height: var(--fs-text-md); font-weight: var(--bold); color: var(--font-main-color); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .pagination-arrow { height: var(--indent-48); width: var(--indent-48); display: flex; align-items: center; justify-content: center; cursor: pointer; } .pagination-arrow svg path { stroke: var(--font-main-color); } .pagination-num--active { background-color: var(--bgr); } .pagination-num--active span { color: var(--primary-blue); } .example-col .dark, .dark { background-color: var(--black); } /*пагинация для свайпера*/ .swiper-pagination { display: flex; gap: var(--indent-8); } body .swiper-pagination-bullet { margin: 0; width: var(--indent-8); height: var(--indent-8); border-radius: 8px; background-color: #24252c; border: 1px solid #444548; backdrop-filter: blur(40px); transition: all .45s ease; } body .swiper-pagination-bullet-active { background-color: var(--white); color: var(--white); width: var(--indent-24); border: 1px solid var(--white); } body .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, body .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; opacity: 1; } /*Список*/ .text-list li { padding-left: var(--indent-20); position: relative; margin-top: var(--indent-16); } .text-list li:before { content: ''; position: absolute; left: var(--indent-10); width: 0.1875rem; height: 0.1875rem; border-radius: 50%; background-color: var(--text); top: 0.375rem; } /*Список*/ /*кнопки слайдера*/ .swiper-button { display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .dark .swiper-button { background-color: #24252c; border: 1px solid #444548; } .swiper-button { background-color: transparent; border: 1px solid var(--primary-third); } .dark .swiper-button svg path { stroke: var(--white); } .swiper-button svg path { stroke: var(--font-main-color); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .swiper-button::after { display: none; } .dark .swiper-button:hover { background-color: #383838; border: 1px solid #636569; } .swiper-button:hover { background-color: transparent; border: 1px solid var(--primary-blue); } .swiper-button:hover svg path { stroke: var(--primary-blue); } .dark .swiper-button svg path { stroke: var(--white); } .swiper-button--prev { transform: rotate(-180deg); } .swiper-button--sm { width: var(--indent-32); height: var(--indent-32); } .swiper-button--sm svg { width: var(--indent-16); height: var(--indent-16); } .swiper-button--md { width: var(--indent-48); height: var(--indent-48); } .swiper-button--md svg { width: var(--indent-20); height: var(--indent-20); } .swiper-button--lg { width: var(--indent-64); height: var(--indent-64); } .swiper-button--lg svg { width: var(--indent-24); height: var(--indent-24); } /*тултипы*/ .tooltip { position: relative; max-width: 18.2941rem; box-shadow: 0px 4px 15px 0px #00378533; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-8) var(--indent-12); } .tooltip::before { content: ''; position: absolute; width: var(--indent-12); height: var(--indent-12); background-color: var(--white); } .tooltip.tooltip--center-top::before { transform: rotate(45deg) translateX(-50%); top: 0; right: auto; bottom: auto; left: 50%; } .tooltip.tooltip--center-bottom::before { transform: rotate(45deg) translateX(-50%); bottom: -8px; right: auto; top: auto; left: 50%; } /* .tooltip.tooltip--left::before { transform: rotate(45deg) translateX(-50%); top: auto; right: auto; bottom: -8px; left: 50%; } */ .tooltip--right-bottom::before { transform: rotate(45deg); top: auto; right: var(--indent-12); bottom: -3px; left: auto; } .tooltip--left-bottom::before { transform: rotate(45deg); top: auto; left: var(--indent-12); bottom: -3px; right: auto; } .tooltip--left::before { transform: rotate(45deg); top: 50%; right: auto; bottom: 0; left: -3px; } .tooltip--right::before { transform: rotate(45deg); top: 50%; right: -3px; bottom: 0; left: auto; } /*container*/ .container { padding: 0 var(--indent-40); } @media screen and (max-width: 1023px) { .container { padding: 0 var(--indent-16); } } /*header*/ .header { display: flex; align-items: center; justify-content: space-between; padding: var(--indent-24) 0; } .header-left { display: flex; gap: var(--indent-24); } .header-logo { display: flex; align-items: center; } .header-logo svg { max-width: 6.4706rem; width: 100%; height: var(--indent-32); align-self: start; } .header-logo hr { height: var(--indent-38); margin: 0 var(--indent-16); } .header-logo span { font-size: var(--indent-12); font-weight: var(--bold); text-transform: uppercase; color: var(--white); } .header-menu { display: flex; align-items: center; gap: var(--indent-24); } .header-menu li { display: flex; align-items: center; } .header-menu li:first-child { display: flex; align-items: center; gap: var(--indent-8); /* padding: var(--indent-10) var(--indent-12); */ padding: var(--indent-8) var(--indent-12); border-radius: var(--indent-8); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header-menu li svg { width: var(--indent-20); height: var(--indent-20); } .header-menu__link { color: var(--white); font-size: var(--fs-text-sm); /* line-height: var(--indent-24); */ font-weight: var(--bold); } .header-menu .header-menu__item:hover { opacity: 1; } .header-menu .header-menu__item:hover > .header-menu__link { opacity: 0.8; } .header-menu__item { position: relative; } .header-menu__item .header-menu__link { display: flex; align-items: center; gap: 0.25rem; } .header-menu__item .header-menu__link svg { display: block; width: var(--indent-15); height: var(--indent-15); } .header-menu__item .header-menu__link svg path { stroke: currentColor; } .header-menu__submenu { position: absolute; bottom: 0; left: 0; transform: translateY(calc(100% - 0.25rem)); border-radius: var(--indent-8); background-color: #fff; transition: 0.2s all; opacity: 0; pointer-events: none; min-width: 222px; width: max-content; max-width: 222px; box-shadow: 0 var(--indent-4) var(--indent-15) 0 #00378533; padding: var(--indent-8); } .header-menu__submenu::before { content: ''; width: var(--indent-12); height: var(--indent-12); transform: rotate(45deg); position: absolute; top: calc(var(--indent-4) * -1); left: var(--indent-32); background-color: #fff; border-radius: 1px; } .header-menu__submenu li:first-child { padding: 0; } .header-menu__submenu-item { display: flex; width: 100%; overflow: hidden; } .header-menu__submenu-item > .header-menu__link { display: flex; width: 100%; color: var(--font-main-color); padding: var(--indent-8) var(--indent-12); line-height: var(--indent-20); font-weight: var(--fw-regular); border-radius: var(--indent-8); transition: 0.2s all; } .header-menu li { height: 100%; } .header-menu > li > .header-menu__link { height: 100%; display: flex; align-items: center; } .header-right { display: flex; align-items: center; gap: var(--indent-24); } .header-right .button { display: flex; align-items: center; justify-content: center; } .header-right .button.button-sm { padding: var(--indent-6) var(--indent-12); height: var(--indent-40); } .header-entry { display: flex; align-items: center; gap: 4px; } .header-entry span { color: var(--white); margin-top: 2px; } .header-menu li, .header-entry, .header-mail, .header-phone, .header-search { cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .header-menu li:hover, .header-entry:hover, .header-mail:hover, .header-phone:hover, .header-search:hover { opacity: 0.8; } .header-menu__submenu-item > .header-menu__link:hover { background-color: var(--bgr); } .light .header-logo span { line-height: var(--indent-12); line-height: 12px; color: var(--brand-secondary); } .light .header-logo path:nth-child(1), .light .header-logo path:nth-child(2), .light .header-logo path:nth-child(3), .light .header-logo path:nth-child(4) { fill: var(--brand-secondary); } .light .header .button-secondary { background-color: transparent; border: 1px solid var(--primary-third); } .light .header .button-secondary svg path { stroke: var(--font-main-color); } .light .header-menu__link, .light .header-entry span { color: var(--font-main-color); } .light .header-menu li svg path, .light .header-entry svg path, .light .header-mail svg path, .light .header-phone svg path, .light .header-search svg path { stroke: var(--font-main-color); } .header-mobile { display: none; } @media screen and (min-width: 992px) { .header-menu__item:hover > .header-menu__submenu { opacity: 1; pointer-events: all; transform: translateY(100%); } } @media screen and (max-width: 1279px) { .header-left, .header-menu, .header-right { gap: var(--indent-20); } } @media screen and (max-width: 991px) { .header { padding: var(--indent-12) 0; } .header-menu, .header-logo hr, .header-logo span { display: none; } .header-right > *:not(.modal-overlay){ display: none; } .header-mobile { display: block; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(345px, 0, 0); transform: translate3d(345px, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(345px, 0, 0); transform: translate3d(345px, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } .b-nav { background: #000 none repeat scroll 0 0; position: absolute; top: 0; width: 320px; z-index: 12; } .b-nav:not(.open) { animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } .b-nav { animation-duration: .4s; animation-fill-mode: both; -webkit-animation-name: slideInLeft; animation-name: slideInLeft } .b-nav ul { padding-left: 0px; } .b-nav li { color: #fff; list-style-type: none; padding: 10px 10px 10px 0; text-align: left; -webkit-transform: translateX(345px); -ms-transform: translateX(345px); transform: translateX(345px) } .b-nav li:not(.open) { animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } .b-nav li:not(.open), .b-nav.open li { -webkit-animation-duration: 0.4s; -webkit-animation-fill-mode: both } .b-nav li:first-child { margin-top: 0px } .b-nav.open { visibility: visible; animation-duration: 0.4s; animation-fill-mode: both; -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } .b-nav:not(.open) { visibility: hidden; animation-duration: 0.4s; animation-fill-mode: backwards; -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } .b-nav.open li { padding-left: 30px; animation-duration: 0.2s; animation-fill-mode: both; -webkit-animation-name: slideInLeft; animation-name: slideInLeft } .b-link { background: 0 0; border-left: rgba(255, 255, 255, 0)solid 2px; color: #fff; transition: all .4s ease; width: auto } .b-link, .b-menu { -webkit-transition: all .4s ease; } .b-nav li { border-left: 5px solid #e00a12; } /*.b-link--active, .b-link:hover { border-left: #e00a12 solid 5px; padding-left: 30px }*/ .b-menu { cursor: pointer; display: block; height: 66px; padding-top: 20px; position: relative; top: -20px; transition: all 0.4s ease 0s; width: 43px; z-index: 12; right: 10px; } .b-bun--bottom, .b-bun--mid, .b-bun--top { height: 1px; width: 15px } .b-container.open .b-main, .b-menu:hover {} .b-bun { background: #fff; transition: all .4s ease } .b-brand, .b-bun { position: relative; -webkit-transition: all .4s ease } .b-bun--top { top: 0 } .b-bun--mid { top: 4px } .b-bun--bottom { top: 8px } .b-brand { color: #2196f3; top: -21.43px; transition: all .4s ease; z-index: 13 } .b-container { position: absolute; right: 0; top: 20px; } .b-container:hover:not(.open) .bun-bottom, .b-container:hover:not(.open) .bun-mid, .b-container:hover:not(.open) .bun-top { background: #2196f3 } .b-container.open .b-bun--top { /* background: #e00a12; */ top: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .b-container.open .b-bun--mid { opacity: 0 } .b-container.open .b-bun--bottom { /* background: #e00a12; */ top: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .b-container.open .b-brand { color: #fff } .mobile-search-btn { background-color: #e00a12; border-radius: 4px; color: #fff; margin-bottom: 25px; margin-left: 30px; padding: 10px 20px; text-transform: uppercase; border: none; } .mobile-search { background: transparent none repeat scroll 0 0; border: 1px solid #fff; color: #949494; font-size: 14px; margin-bottom: 20px; margin-left: 30px; padding: 10px; width: 80%; } .light .header-mobile__btn, .mobile-close .header-mobile__btn { background-color: var(--white); box-shadow: 0 0 0 1px var(--primary-third-border); color: var(--primary-black); } } .example-shadows { display: flex; flex-wrap: wrap; align-items: center; gap: var(--indent-64); } .example-blur { display: flex; flex-direction: column; gap: var(--indent-64); max-width: 960px; border-radius: var(--indent-16); background-image: url('/local/frontend/css/../images/example-bg-blur.png'); background-position: center; background-repeat: no-repeat; background-size: cover; } .example-cards { display: flex; flex-direction: column; gap: var(--indent-20); padding: var(--indent-20); } .example-cards--slider { padding: var(--padding-xs) 0; } .example-cards--horizontal { flex-direction: row; flex-wrap: wrap; align-items: center; } .example-card { flex-grow: 1; max-width: 16rem; border-radius: var(--indent-12); min-height: 15rem; padding: var(--indent-24); } .example-card-big { border-radius: var(--indent-12); min-height: 20rem; padding: var(--indent-32); text-align: center; color: var(--white); } /* shadows */ .shadow-xs, .shadow-md, .shadow-lg { border: 1px solid var(--primary-third-border); } .shadow-xs { box-shadow: 0px 1px 5px 0px var(--shadow); } .shadow-md { box-shadow: 0px 4px 10px 0px #00378526; } .shadow-lg { box-shadow: 0px 4px 15px 0px #00378533; } /* blur */ .blur-sm, .blur-md, .blur-lg { background: #FFFFFF40; } .blur-sm { backdrop-filter: blur(var(--indent-12)); -webkit-backdrop-filter: blur(var(--indent-12)); } .blur-md { backdrop-filter: blur(var(--indent-20)); -webkit-backdrop-filter: blur(var(--indent-20)); } .blur-lg { backdrop-filter: blur(var(--indent-40)); -webkit-backdrop-filter: blur(var(--indent-40)); } .line-24 { line-height: var(--line-24); } .line-20 { line-height: var(--line-20); } .body-overflow { overflow: hidden; } html.body-overflow body { padding-right: var(--width-scrollbar, 0px); } @media screen and (max-width: 767px) { .fancybox__carousel .fancybox__slide.has-html .fancybox__content { max-width: 95% !important; height: auto; width: 100%; aspect-ratio: 1.5; } } .section__bottom { margin-top: var(--indent-24); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--indent-16); } .SmartCaptcha-Shield{ z-index: 9999; } /* .not-found */ .not-found .container { padding-top: var(--indent-40); padding-bottom: var(--indent-40); display: flex; flex-direction: column; align-items: center; overflow: hidden; } .not-found__animation { position: relative; width: 100%; max-width: 841px; min-width: 400px; } .not-found__animation-first img, .not-found__animation-second img { width: 100%; height: 100%; } .not-found__animation-first { width: 100%; } .not-found__animation-second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .not-found__content { max-width: 760px; display: flex; flex-direction: column; margin-top: -20px; text-align: center; position: relative; } .not-found__content-title { font-size: var(--fs-display-sm); line-height: 1.1875; } .not-found__content-descr { color: var(--text); margin-top: var(--indent-8); line-height: 1.41; } .not-found__content-btns { margin-top: var(--indent-40); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--indent-8); } @media screen and (max-width: 991px) { .not-found__content { margin-top: 0; } .not-found .container { padding-top: 2.5rem; padding-bottom: 2.5rem; } .not-found__content-title { font-size: 1.5625rem; line-height: 1.28; } .not-found__content-descr { font-size: 0.9375rem; font-size: 1.33; } .not-found__content-btns { margin-top: 1.5rem; } } /* End */ /* Start:/local/frontend/css/custom.css?174495816437877*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .dropdown-container { position: relative; } /* Скрытое меню с анимацией */ .dropdown-phone { position: absolute; left: 50%; top: 180%; background-color: var(--white); min-width: 222px; z-index: -1; border-radius: var(--indent-8); -webkit-box-shadow: 0 4px 15px 0 rgba(0, 55, 133, 0.2); box-shadow: 0 4px 15px 0 rgba(0, 55, 133, 0.2); opacity: 0; -webkit-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); -webkit-transition: z-index 0.1s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; transition: z-index 0.1s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; -o-transition: z-index 0.1s ease, opacity 0.5s ease, transform 0.5s ease; transition: z-index 0.1s ease, opacity 0.5s ease, transform 0.5s ease; transition: z-index 0.1s ease, opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; visibility: hidden; } .dropdown-phone::before { content: ""; position: absolute; top: -8px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; } .dropdown-phone.show { z-index: 1; opacity: 1; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); visibility: visible; } .dropdown-phone .dropdown-phone__item { color: black; text-decoration: none; display: block; border-radius: var(--indent-8); padding: var(--indent-6) var(--indent-12); } .dropdown-phone .dropdown-phone__item:hover { background-color: var(--radio-hover); } .dropdown-phone__wrapper { padding: 8px; } .phone__item-title { font-weight: 400; font-size: var(--indent-15); line-height: 133%; color: var(--text); padding-bottom: var(--indent-4); } .phone__item-link { font-weight: 500; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); } .modal-tabs .close--xs { width: var(--indent-20); height: var(--indent-20); min-width: var(--indent-20); min-height: var(--indent-20); } .modal-tabs .close--xs svg path { stroke: #222425; } /*Модальное окно*/ /* Фон модального окна */ .search-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Прозрачный черный фон */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: -1000; opacity: 0; -webkit-transition: z-index 1s ease, opacity 0.25s ease; -o-transition: z-index 1s ease, opacity 0.25s ease; transition: z-index 1s ease, opacity 0.25s ease; } .search-wrapper { 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(--indent-8); position: relative; width: 100%; max-width: 860px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); /* Начальная позиция для анимации */ -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; padding-top: var(--indent-20); } .search-body-input { background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-12) var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-8); color: var(--font-main-color); } .search-body-finding { background-color: var(--white); border-radius: var(--indent-8); 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(--indent-16); } .search-hints { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-8); -ms-flex-wrap: wrap; flex-wrap: wrap; padding: var(--indent-12) var(--indent-16); padding-bottom: 0; } .hint-item { cursor: pointer; border-radius: var(--indent-8); padding: var(--indent-8) var(--indent-12); background-color: var(--radio-hover); color: var(--font-main-color); } .search-sections { display: none; } .search-delete { cursor: pointer; } .search-sections.active { display: block; } .section-items { border-bottom: 1px solid var(--primary-third); 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(--indent-16); padding-top: var(--indent-16); padding-bottom: var(--indent-16); } .section-items:first-of-type { padding-top: 0; } .section-finding-item p { font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--primary-third-text); } .section-finding-item p b { font-weight: 700; } .section-finding-item span { font-weight: 400; font-size: var(--indent-15); line-height: 133%; color: var(--text); } .section-finding-item span b { font-weight: 700; } .search-btn-results { padding-left: var(--indent-16); padding-right: var(--indent-16); padding-bottom: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-16); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-btn-results .button { font-size: var(--indent-15); font-weight: 500; line-height: var(--indent-20); } .search-btn-results p { font-weight: 400; font-size: var(--indent-15); line-height: 133%; color: var(--text); } .section-title { padding-left: var(--indent-16); padding-right: var(--indent-16); font-weight: 500; font-size: var(--indent-21); line-height: 143%; color: var(--font-main-color); } .section-finding-item { padding-left: var(--indent-16); padding-right: var(--indent-16); 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(--indent-4); } .search-body-input input { border: unset; width: 100%; font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); } .search-body-input input::-webkit-input-placeholder { color: var(--text); } .search-body-input input::-moz-placeholder { color: var(--text); } .search-body-input input:-ms-input-placeholder { color: var(--text); } .search-body-input input::-ms-input-placeholder { color: var(--text); } .search-body-input input::placeholder { color: var(--text); } .search-body-input input:focus-visible { outline: transparent; } /* Анимация для модального окна */ .search-modal.show { opacity: 1; z-index: 1000; -webkit-transition: z-index 0s ease, opacity 0.4s ease; -o-transition: z-index 0s ease, opacity 0.4s ease; transition: z-index 0s ease, opacity 0.4s ease; } .search-wrapper.show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Прозрачный черный фон */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: -1000; opacity: 0; /* -webkit-transition: z-index 1s ease, opacity 0.25s ease; -o-transition: z-index 1s ease, opacity 0.25s ease; transition: z-index 1s ease, opacity 0.25s ease; */ transition: 0.2s all; visibility: hidden; } /* Модальное окно */ .modal-window { background-color: var(--bgr); border-radius: var(--indent-16); padding: 2rem 2.5rem; position: relative; min-width: 460px; max-width: 460px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); /* Начальная позиция для анимации */ /* -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease; */ } /* Крестик для закрытия */ .close-btn { position: absolute; top: var(--indent-16); right: var(--indent-16); cursor: pointer; } /* Анимация для модального окна */ .modal-overlay.show { opacity: 1; z-index: 9999; /* -webkit-transition: z-index 0s ease, opacity 0.4s ease; -o-transition: z-index 0s ease, opacity 0.4s ease; transition: z-index 0s ease, opacity 0.4s ease; */ visibility: visible; pointer-events: all; } .modal-window:not([data-modal-window]).show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } .modal-title { font-weight: 500; font-size: var(--indent-32); line-height: 119%; color: var(--font-main-color); padding-bottom: var(--indent-24); } /*Форма, поля, кнопка*/ .form-wrapper { 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(--indent-12); } .form-inputs { 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(--indent-12); } .form-inputs .input { margin-bottom: 0; } .input-item { border: 1px solid var(--primary-disabled); border-radius: var(--indent-8); padding: var(--indent-12) var(--indent-16); font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); } textarea.input-item { height: 7.059rem; resize: none; } .input-item::-webkit-input-placeholder { color: var(--text); } .input-item::-moz-placeholder { color: var(--text); } .input-item:-ms-input-placeholder { color: var(--text); } .input-item::-ms-input-placeholder { color: var(--text); } .input-item::placeholder { color: var(--text); } .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: var(--indent-15); } .footer-politic { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-16); } .footer-politic.yandex{ width: 100%; } .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-24); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-politic p, .footer-politic a { color: var(--primary-secondary-text); } .footer-middle { border-top: 1px solid var(--primary-secondary-hover); border-bottom: 1px solid var(--primary-secondary-hover); padding-top: var(--indent-40); padding-bottom: 80px; margin-bottom: var(--indent-32); display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--indent-40) 276px; grid-template-columns: 1fr 276px; gap: var(--indent-40); } .menu-footer { display: -ms-grid; display: grid; gap: var(--indent-40); -ms-grid-columns: 1fr var(--indent-40) 1fr var(--indent-40) 1fr var(--indent-40) 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .menu-item-footer-items { 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(--indent-8); } .tab-container { 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(--indent-8); } .tab-content-phone, .tab-content-street, .tab-content-work, .tab-content-email { color: var(--white); } .menu-item-footer-title { margin-bottom: var(--indent-16); font-weight: 500; font-size: var(--indent-19); line-height: 147%; color: var(--primary-secondary-text); } .contacts-title { margin-bottom: var(--indent-16); font-weight: 500; font-size: var(--indent-19); line-height: 147%; color: var(--primary-secondary-text); } .menu-item-footer-items a { font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--white); word-break: break-word; -webkit-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .menu-item-footer-items a:hover { color: var(--primary-secondary-text); } .footer-social a { width: 20px; height: 20px; display: block; } .footer-social a img { width: 20px; height: 20px; display: block; } .fotm-button { cursor: pointer; width: 100%; max-width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-text { font-weight: 400; font-size: var(--indent-15); line-height: 133%; color: var(--text); } .form-text a { color: var(--brand-blue); } .modal-overlay.modal-menu-products { background: transparent; left: -30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .modal-menu-products .modal-window { min-width: unset; max-width: none; width: 80vw; margin-top: var(--indent-24); margin-bottom: 50px; padding: 0; background-color: var(--white); -webkit-box-shadow: 0 4px 15px 0 rgba(0, 55, 133, 0.2); box-shadow: 0 4px 15px 0 rgba(0, 55, 133, 0.2); overflow: hidden; transition: 0.2s all; } .modal-menu-products .modal-wrapper { height: 100%; } .modal-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-16); } .tabs-title { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-8); -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--indent-40); } .tabs-title span { color: var(--font-main-color); } .tabs-menu-item { padding: var(--indent-14) var(--indent-16); color: var(--font-main-color); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; cursor: pointer; line-height: var(--indent-20); } .tabs-menu-item.tabs-menu--active { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); background-color: var(--white); border-radius: var(--indent-8); } .modal-tabs { background-color: var(--bgr); padding: var(--indent-8); min-width: 216px; 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(--indent-8); } .tabs-container-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: var(--indent-8); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: var(--indent-16); line-height: var(--indent-15); } .tabs-container-title { color: var(--brand-blue); font-weight: 500; line-height: var(--indent-20); } .modal-tabs-container { width: 100%; padding-right: var(--indent-16); padding-top: var(--indent-16); padding-bottom: var(--indent-16); } .tabs-container-list { display: -ms-grid; display: grid; -ms-grid-columns: 380px var(--indent-16) 380px; grid-template-columns: 380px 380px; gap: var(--indent-16); } .tabs-container-news__item { padding: var(--indent-8) var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .tabs-container-news__item:hover { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 55, 133, 0.15); box-shadow: 0 4px 10px 0 rgba(0, 55, 133, 0.15); border-radius: var(--indent-8); cursor: pointer; } .tabs-news-item__description { color: var(--text); line-height: var(--indent-20); } .tabs-news-item__title { color: var(--primary-black); margin-bottom: var(--indent-4); line-height: var(--indent-20); } .tabs-news-item__image { border-radius: var(--indent-8); width: 40px; height: 40px; background-color: var(--radio-hover); -ms-flex-negative: 0; flex-shrink: 0; 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; } .tabs-news-item__image img { width: 32px; height: 32px; } .tabs-sale-block { background-color: var(--bgr); border-radius: var(--indent-16); padding: var(--indent-16) var(--indent-24) var(--indent-16) var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-24); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sale-info { width: 100%; } .sale-info-title { color: var(--font-main-color); margin-bottom: var(--indent-4); line-height: var(--indent-30); } .sale-info-description { color: var(--text); width: 80%; } .tabs-container-item { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .tabs-container-item.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-mobile__btn { /* border: 1px solid var(--primary-third); */ background-color: var(--primary-secondary); border-radius: var(--indent-8); /* padding: var(--indent-10); */ padding: 0; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--white); } .menu-bottom .button-third svg path { stroke: unset; } .burger-icon { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; gap: 2.5px; } .burger-icon svg { display: block; width: 100%; height: 100%; } .burger-icon span { transform-origin: center; width: 100%; height: 1.5px; border-radius: 1.5px; background-color: var(--font-main-color); border-radius: var(--indent-8); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .header-mobile__entry { color: var(--primary-third-text); } .dark:not(.light) .header-mobile__entry { color: var(--white); } .dark:not(.light) .burger-icon span { background-color: var(--white); } .mobile-menu { display: none; } .footer { background-color: var(--primary-third-text); padding-top: 40px; padding-bottom: 40px; } .footer-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscribe-footer .form { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: var(--indent-12); margin-bottom: var(--indent-24); } .subscribe-footer .form .input { margin-bottom: 0; } .subscribe-footer .button-secondary { outline: 2px solid var(--primary-secondary); border-width: 2px; } .subscribe-footer .input__label span { color: var(--white); font-size: var(--indent-17); line-height: var(--indent-24); } .subscribe-footer .input input { padding-left: var(--indent-16); padding-right: var(--indent-16); min-width: 332px; } .subscribe-footer .button { -ms-flex-negative: 0; flex-shrink: 0; } .mobile-menu-items.mobile-menu--mobile { display: none; } .contacts-footer .tab-buttons.black { border: 1px solid var(--tab); } .contacts-footer .black .tab.active { /* border: 0.1px solid var(--tab); */ } .fancybox__image { border-radius: var(--indent-16); } .subscribe-footer .input__hint { display: none; } .subscribe-footer .input.input--error { position: relative; } .subscribe-footer .input.input--error .input__hint { display: block; position: absolute; bottom: -23px; } #loader { display: none; /* Изначально скрыт */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--font-main-color); /* Полупрозрачный фон */ opacity: 0.5; z-index: 10000; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .spinner { border: 4px solid rgba(255, 255, 255, 0.3); border-top: 4px solid white; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } body .toastBlock { padding: var(--indent-16); max-width: var(--indent-784); } body .toastBlockSmall { padding: var(--indent-24); max-width: var(--indent-444); } body .toastBlock, body .toastBlockSmall { font-weight: 500; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-radius: var(--indent-12); border: 1px solid var(--primary-third-border); } body .toastBlock img, body .toastBlockSmall img { margin-left: 0; margin-right: var(--indent-16); width: var(--indent-40); height: var(--indent-40); } body .toastBlockSmall .alert-text { margin-bottom: 0; } body .toast-close { color: var(--text); opacity: 1; } body .toastBlock .alert, body .toastBlockSmall .alert { padding: 0; margin: 0; -webkit-box-shadow: unset; box-shadow: unset; border-radius: 0; } .main { position: relative; } .main ul li:not(:last-child) { margin-bottom: var(--indent-12); } .main ul li a { color: var(--black); text-decoration: underline; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width: 1279px) { .modal-menu-products .modal-window { width: calc(100vw - 60px); } } @media (max-width: 991px) { .modal-overlay.modal-menu-products.show { display: none; } .menu-footer { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .search-delete { border: 1px solid var(--primary-third); border-radius: var(--indent-8); padding: var(--indent-6) var(--indent-10); width: 40px; height: 40px; cursor: pointer; } .search-wrapper { padding: 0; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); background-color: var(--white); margin-bottom: var(--indent-8); height: 100%; border-radius: 0; max-width: 100%; } .search-body-input { padding-top: 0; border-radius: 0 0 var(--indent-16) var(--indent-16); padding: var(--indent-8) var(--indent-16); height: 56px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); background-color: var(--white); margin-bottom: var(--indent-8); } .header-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-24); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-menu-wrapper { height: calc(100% - 65px); } .mobile-menu-body { 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; height: 100%; } .mobile-menu { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: var(--bgr); z-index: 9999; overflow: auto; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.35s ease-in-out; transition: -webkit-transform 0.35s ease-in-out; -o-transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; } .mobile-menu.active { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .mobile-menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 0 0 var(--indent-16) var(--indent-16); padding: var(--indent-8) var(--indent-16); height: 56px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); background-color: var(--white); margin-bottom: var(--indent-8); } .header-mobile__btn.mobile__btn--close .burger-icon span:nth-child(1) { -webkit-transform: translateY(4px) rotate(45deg); -ms-transform: translateY(4px) rotate(45deg); transform: translateY(4px) rotate(45deg); width: 90%; } .header-mobile__btn.mobile__btn--close .burger-icon span:nth-child(2) { opacity: 0; } .header-mobile__btn.mobile__btn--close .burger-icon span:nth-child(3) { -webkit-transform: translateY(-4px) rotate(-45deg); -ms-transform: translateY(-4px) rotate(-45deg); transform: translateY(-4px) rotate(-45deg); width: 90%; } .mobile-searching { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-8); } .mobile-searching input { border: unset; width: 100%; padding-right: var(--indent-8); font-weight: 400; font-size: var(--indent-17); line-height: 141%; } .mobile-searching input::-webkit-input-placeholder { color: var(--text); } .mobile-searching input::-moz-placeholder { color: var(--text); } .mobile-searching input:-ms-input-placeholder { color: var(--text); } .mobile-searching input::-ms-input-placeholder { color: var(--text); } .mobile-searching input::placeholder { color: var(--text); } .mobile-searching input:focus-visible { outline: transparent; } .mobile-menu-items { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 55, 133, 0.1); background-color: var(--white); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-item { padding: var(--indent-16); } .expandable-item { overflow: hidden; } .item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: var(--white); -webkit-transition: margin 0.25s ease; -o-transition: margin 0.25s ease; transition: margin 0.25s ease; } .item-menu__link { width: 80%; } .item-menu__link, .item-submenu__item { font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); } .header-title { margin: 0; font-weight: 400; font-size: var(--indent-17); line-height: 141%; } .arrow { display: inline-block; width: 10px; height: 10px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .item-header.active .arrow { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .item-content { padding: 0; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .item-menu { font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); padding: var(--indent-16); } .item-content.active { max-height: 1000px; } .item-header.active { margin-bottom: var(--indent-16); } .expandable-item .tabs-container-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .expandable-item .tabs-container-list .tabs-container-news__item { padding: 0; } .expandable-item .tabs-container-list .tabs-container-news__item:hover { -webkit-box-shadow: unset; box-shadow: unset; } .mobile-email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-8); padding: var(--indent-16); } .mobile-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--indent-8); padding: var(--indent-16); } .mobile-phone .button-third, .mobile-email .button-third { border: none; background-color: var(--white); padding: var(--indent-4); } .mobile-email img { width: 19px; height: 19px; } .mobile-phone img { width: 19px; height: 19px; } .mobile-email p { font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); } .phones-items { 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(--indent-8); } .elem-phone { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-8); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .elem-phone a { display: block; font-weight: 400; font-size: var(--indent-17); line-height: 141%; color: var(--font-main-color); min-width: 150px; } .elem-phone span { font-weight: 500; font-size: var(--indent-13); line-height: 123%; color: var(--text); } .btns-menu .button svg path { stroke: var(--font-main-color); } .btns-menu { 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(--indent-12); padding: var(--indent-16); } .btns-menu a.button { width: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btns-menu a.button.button-third { border: 1px solid var(--primary-third); } } @media (max-width: 990px) { .footer-middle { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (max-width: 900px) { .footer-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: var(--indent-32); } } @media (max-width: 768px) { .subscribe-footer .form { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .subscribe-footer .input { margin-bottom: 0; } body .toastBlock { width: auto; } .tab-container .tab-content-phone { font-size: var(--indent-21); line-height: var(--indent-30); } .footer { padding-top: var(--indent-32); padding-bottom: var(--indent-24); } .footer-middle { gap: var(--indent-16); padding-bottom: 48px; margin-top: var(--indent-24); padding-top: 0; } .subscribe-footer .button span { display: none; } .subscribe-footer .button svg { width: var(--indent-24); height: var(--indent-24); } .subscribe-footer .input { max-width: 100%; } .subscribe-footer .input input { min-width: unset; } .subscribe-footer { width: 100%; } .logo-footer img { height: 40px; width: 140px; -o-object-fit: contain; object-fit: contain; } .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--indent-16); } .mobile-menu-items.mobile-menu--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .menu-footer { display: none; } .mobile-menu-items.mobile-menu--mobile { -webkit-box-shadow: unset; box-shadow: unset; background-color: transparent; border-radius: 0; } .mobile-menu-items.mobile-menu--mobile .item-menu { padding-left: 0; padding-right: 0; } .mobile-menu-items.mobile-menu--mobile .item-header { background: transparent; } .mobile-menu-items.mobile-menu--mobile .header-title { color: var(--white); font-size: var(--indent-19); font-weight: 500; } .mobile-menu-items.mobile-menu--mobile .arrow { border-top: 2px solid var(--white); border-right: 2px solid var(--white); } .mobile-menu-items.mobile-menu--mobile .expandable-item { overflow: unset; border-bottom: 1px solid var(--primary-secondary-hover); } .contacts-title { color: var(--white); } } @media (max-width: 550px) { .footer-politic { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal-window { padding: 1.5rem 1rem; max-width: 355px; width: 100%; min-width: 0; margin: 0 1rem; } .close-btn{ top: 0.25rem; right: 0.25rem; } } @media (max-width: 440px) { .elem-phone { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* text-decoration underline */ .tdu, .tdu-reverse { text-decoration: underline; text-decoration-thickness: var(--indent-1); text-underline-offset: var(--indent-4); text-decoration-skip-ink: none; transition: 0.2s all; } .tdu { text-decoration-color: currentColor; } .tdu:hover { text-decoration-color: transparent; } .tdu-reverse { text-decoration-color: transparent; } .tdu-reverse:hover { text-decoration-color: currentColor; } .overflow-shadow { position: relative; } .overflow-shadow::before, .overflow-shadow::after { content: ''; pointer-events: none; position: absolute; left: 0; width: 100%; height: 3rem; opacity: 0; transition: 0.2s all; z-index: 1; } .overflow-shadow::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); bottom: 0; } .overflow-shadow::before { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); top: 0; } .overflow-shadow.overflow-shadow__end::after { opacity: 1; } .overflow-shadow.overflow-shadow__start::before { opacity: 1; } /* End */ /* Start:/local/frontend/css/toastify.css?17387107211525*/ /** * Minified by jsDelivr using clean-css v5.3.2. * Original file: /npm/toastify-js@1.12.0/src/toastify.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ /*! * Toastify js 1.12.0 * https://github.com/apvarun/toastify-js * @license MIT licensed * * Copyright (C) 2018 Varun A P */ .toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215, .61, .355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:0 0;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}} /*# sourceMappingURL=/sm/cb4335d1b03e933ed85cb59fffa60cf51f07567ed09831438c60f59afd166464.map */ /* End */ /* Start:/local/frontend/css/cards.css?175515768333297*/ /* card */ .card { --offset-card: var(--indent-24); padding: var(--offset-card); border-radius: var(--indent-16); background-color: var(--bgr); position: relative; /* overflow: hidden; */ display: flex; flex-direction: column; /* max-width: 49.35rem; */ word-break: normal; transition: 0.2s all; } .card.swiper-slide { transition: 0.2s box-shadow; } .card-bg--image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--indent-16); overflow: hidden; } .card-bg--image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right; } .card-bg .card-bottom, .card-bg .card-body { width: 50%; } .card-body { display: flex; flex-direction: column; gap: var(--indent-12); position: relative; } .card-title, .card-title p { font-size: var(--size-title); line-height: var(--indent-30); font-weight: var(--fw-bold); } .card-descr { font-size: var(--size-descr); line-height: var(--indent-24); font-weight: var(--fw-regular); color: var(--text); word-break: normal; } /* .card-image { position: absolute; bottom: var(--offset-card); right: var(--offset-card); width: var(--size-image); height: var(--size-image); max-height: calc(100% - var(--offset-card) * 2); } */ .card-image { margin-left: auto; min-width: var(--size-image); width: var(--size-image); min-height: var(--size-image); height: var(--size-image); } .card-image img { width: 100%; height: 100%; object-fit: contain; } .card-bottom { position: relative; margin-top: auto; display: flex; align-items: end; justify-content: space-between; gap: var(--offset-card); } .card-bottom--body { padding-top: var(--offset-vertical-card); } .card-bottom--body:empty { padding-bottom: var(--indent-48); } .card-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--indent-16); transition: 0.2s all; } /* sizes */ .card, .card-s { --offset-vertical-card: 3.29rem; --size-image: 6.12rem; --size-title: var(--fs-text-xl); --size-descr: var(--fs-text-md); } .card-m { --offset-vertical-card: 4.7rem; --size-image: 7.06rem; --size-title: var(--fs-display-xs); } .card-m .card-title { line-height: var(--indent-32); } .card-l { --offset-vertical-card: 4.7rem; --size-image: 8.47rem; --size-title: var(--fs-display-sm); } .card-l .card-title { line-height: var(--indent-38); } .card-xl { --offset-vertical-card: 4.7rem; --size-image: 8.47rem; --size-title: var(--fs-display-lg); --offset-card: var(--indent-40); } .card-xl .card-title { line-height: var(--indent-60); } .card-mobile { --offset-vertical-card: var(--indent-24); --size-image: 6.12rem; --size-title: var(--fs-text-lg); --size-descr: var(--fs-text-sm); } .card-mobile .card-title { line-height: var(--indent-28); } @media screen and (min-width: 1024px) { .card:hover .card-link { box-shadow: 0px 4px 15px 0px #00378533; } .card-xl { min-height: 23.53rem; } } @media screen and (max-width: 1023px) { .card-l, .card-m, .card, .card-s, .card-xl { --offset-vertical-card: var(--indent-24); --size-image: 6.12rem; --size-title: var(--fs-text-lg); --size-descr: var(--fs-text-sm); } .card-xl { --offset-card: var(--indent-24); } .card-descr { line-height: var(--indent-20); } .card-title, .card-title p, .card-l .card-title, .card-s .card-title, .card-m .card-title, .card-xl .card-title { line-height: var(--indent-28); } .card .card-bottom .button { padding: var(--indent-10) var(--indent-12); } .card .card-bottom .button span { font-size: var(--fs-text-sm); line-height: var(--indent-20); } } @media screen and (max-width: 991px) { .card-xl { --offset-card: 1.5rem; } } @media screen and (max-width: 767px) { .card-bg .card-bottom, .card-bg .card-body { width: 100%; } .cards-wrapper .card-s.card-bg { --offset-vertical-card: 50%; } .card-bg--image img { object-position: bottom; } } /* card-client */ .card-client { --offset-card: var(--indent-32); --size-image: 7.53rem; --size-title: var(--fs-display-sm); --size-descr: var(--fs-text-md); padding: var(--offset-card); border-radius: var(--indent-16); background-color: var(--bgr); position: relative; /* overflow: hidden; */ display: flex; flex-direction: column; max-width: 26.6875rem; word-break: break-word; transition: 0.2s all; } .card-client.swiper-slide { transition: 0.2s box-shadow; } .card-client--top { display: flex; align-items: start; justify-content: space-between; gap: var(--indent-8); } .card-client--title, .card-client--title p { font-size: var(--size-title); font-weight: var(--fw-bold); line-height: var(--indent-38); } .card-client--image { min-width: var(--size-image); min-height: var(--size-image); width: var(--size-image); height: var(--size-image); } .card-client--image img, .card-client--image svg { width: 100%; height: 100%; } .card-client--image img { object-fit: contain; } .card-client--body { display: flex; flex-direction: column; gap: var(--indent-16); } .card-client--body:not(:first-child) { margin-top: auto; padding-top: 4.7rem; } .card-client--body-descr { font-size: var(--size-descr); color: var(--text); line-height: 1.41; } .card-client--body-btns { display: flex; flex-wrap: wrap; align-items: center; gap: var(--indent-8); } .card-client--moblie { --offset-card: var(--indent-24); --size-image: 3.76rem; --size-title: var(--fs-display-xs); --size-descr: var(--fs-text-sm); } .card-client--moblie .card-client--title, .card-client--moblie .card-client--title p { line-height: var(--indent-32); } @media screen and (min-width: 1024px) { .card-client:hover { /* box-shadow: 0px 4px 15px 0px #00378533; */ } } @media screen and (max-width: 1023px) { .card-client { --offset-card: var(--indent-24); --size-image: 3.76rem; --size-title: var(--fs-display-xs); --size-descr: var(--fs-text-sm); } .card-client .card-client--title, .card-client .card-client--title p { line-height: var(--indent-32); } } /* card-simple */ .card-simple { --offset-card: var(--indent-24); --size-image: 2.82rem; --size-title: var(--fs-text-xl); --size-descr: var(--fs-text-md); width: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns)); padding: var(--offset-card); border-radius: var(--indent-16); background-color: var(--bgr); position: relative; overflow: hidden; display: flex; flex-direction: column; word-break: break-word; line-height: 1.41; transition: 0.2s all; } .card-simple.swiper-slide { transition: 0.2s box-shadow; } .card-simple--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .card-simple--bg img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; opacity: 0.8; object-position: 100% 8%; } /* .example-cards--slider .card-simple { max-width: 25.76rem; } */ .card-simple--content { display: flex; flex-direction: column; gap: var(--indent-24); flex-grow: 1; } .card-simple--icon { min-width: var(--size-image); width: var(--size-image); min-height: var(--size-image); height: var(--size-image); } .card-simple--icon img { width: 100%; height: 100%; object-fit: contain; } .card-simple--body { display: flex; flex-direction: column; gap: var(--indent-8); } .card-simple--body-title, .card-simple--body-title p { font-size: var(--size-title); font-weight: var(--fw-bold); } .card-simple--body-descr { font-size: var(--size-descr); color: var(--text); } .card-simple--bottom:not(:first-child) { margin-top: var(--indent-24); } .card-simple--title, .card-simple--title p { line-height: 1.1875; font-size: var(--fs-display-sm); font-weight: var(--fw-bold); } .card-simple--form { display: flex; flex-direction: column; gap: var(--indent-12); } .card-simple--form:not(:first-child) { margin-top: var(--indent-24); } .card-simple--form-item { display: flex; align-items: center; justify-content: space-between; gap: var(--indent-8); } .card-simple--form-body { display: flex; flex-direction: column; } .card-simple--form-descr { color: var(--text); } .card-simple--form-final { display: flex; align-items: center; justify-content: space-between; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-12); } .card-simple--form-bottom { display: flex; flex-direction: column; gap: var(--indent-8); } .card-simple--form-bottom .button { max-width: 100%; justify-content: center; } .card-simple--form-privacy { color: var(--text); } .card-form { background-image: url('/local/frontend/images/bg-pattern-form.png'); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; } .card-form .card-simple--form-descr, .card-form .card-simple--form-privacy { color: #fff; } .card-form .card-simple--form-final { color: var(--primary-third-text); } .card-form > .card-simple--title, .card-form > .card-simple--form { position: relative; } .card-form-mobile { max-width: 20.18rem; } .card-form[style] { background: linear-gradient(218.4deg, #BBD7FF 0%, #ED0188 100%); } .card-form-mobile .card-simple--title, .card-form-mobile .card-simple--title p { font-size: var(--fs-display-xs); } .card-simple--mobile { --size-title: var(--fs-text-lg); } .card-simple--mobile .card-simple--body-title { line-height: var(--indent-28); } .card-simple--mobile .card-simple--body-descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } @media screen and (min-width: 1024px) { .card-simple:hover { /* box-shadow: 0px 4px 15px 0px #00378533; */ } .card-form.cards-uneven--main { padding: var(--indent-32); } } @media screen and (max-width: 1023px) { .card-simple { --size-title: var(--fs-text-lg); } .card-simple .card-simple--body-title { line-height: var(--indent-28); } .card-simple .card-simple--body-descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .card-form .card-simple--title, .card-form .card-simple--title p { font-size: var(--fs-display-xs); } } /* card-transparent */ .card-transparent { --size-icon: 3.3rem; display: flex; align-items: start; gap: var(--indent-16); word-break: normal; transition: 0.2s all; } .card-transparent.swiper-slide { transition: 0.2s box-shadow; } .card-transparent--image { min-width: var(--size-icon); width: var(--size-icon); min-height: var(--size-icon); height: var(--size-icon); display: flex; align-items: center; justify-content: center; background-color: var(--bgr); border-radius: var(--indent-8); text-align: center; color: var(--brand-blue); } .card-transparent--image img, .card-transparent--image svg { width: 2.35rem; height: 2.35rem; } .card-transparent--image img { object-fit: contain; } .card-transparent--icon { min-width: var(--indent-24); width: var(--indent-24); min-height: var(--indent-24); height: var(--indent-24); } .card-transparent--icon img, .card-transparent--icon svg { width: 100%; height: 100%; } .card-transparent--icon img { object-fit: contain; } .card-transparent--picture { width: 100%; overflow: hidden; border-radius: var(--indent-16); } .card-transparent--picture img, .card-transparent--picture svg { display: block; width: 100%; height: auto; } .card-transparent--picture img { object-fit: cover; } .card-transparent--body { display: flex; flex-direction: column; gap: var(--indent-8); } .card-transparent--body-title.text-xl { line-height: var(--indent-30); } .card-transparent--body-title.text-lg { line-height: var(--indent-28); } .card-transparent--body-descr { color: var(--text); } .card-transparent--mobile { --size-icon: 2.59rem; gap: var(--indent-12); } .card-transparent--mobile .card-transparent--image img { width: var(--indent-32); height: var(--indent-32); font-size: var(--fs-text-md); } .card-transparent--mobile .card-transparent--body { gap: var(--indent-4); } .card-transparent--mobile .card-transparent--body-title.text-xl { font-size: var(--fs-text-lg); line-height: var(--indent-28); } .card-transparent--mobile .card-transparent--body-title.text-lg { font-size: var(--fs-text-md); line-height: var(--indent-24); } .card-transparent--mobile .card-transparent--body-descr { font-size: var(--fs-text-sm); } .card-transparent--small { gap: var(--indent-12); } .card-transparent--small .card-transparent--body { gap: var(--indent-4); } /**/ .card-transparent_vertical { flex-direction: column; align-items: center; text-align: center; } @media screen and (max-width: 1023px) { .card-transparent { --size-icon: 2.59rem; gap: var(--indent-12); } .card-transparent .card-transparent--image img { width: var(--indent-32); height: var(--indent-32); font-size: var(--fs-text-md); } .card-transparent .card-transparent--body { gap: var(--indent-4); } .card-transparent .card-transparent--body-title.text-xl { font-size: var(--fs-text-lg); line-height: var(--indent-28); } .card-transparent .card-transparent--body-title.text-lg { font-size: var(--fs-text-md); line-height: var(--indent-24); } .card-transparent .card-transparent--body-descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } } @media screen and (max-width: 424px) { .cards-wrapper--three-two .card-transparent, .cards-wrapper--mobile-center .card-transparent { flex-direction: column; align-items: center; text-align: center; } } /* card-extrabig */ .card-extrabig { padding: var(--indent-40); display: flex; align-items: stretch; gap: 4.7rem; border-radius: var(--indent-16); background-color: var(--bgr); max-width: 1360px; word-break: normal; transition: 0.2s all; } .card-extrabig.swiper-slide { transition: 0.2s box-shadow; } .card-extrabig--title.display-lg { line-height: var(--indent-60); } .card-extrabig--title.title-sm { line-height: var(--indent-38); } .card-extrabig--title-center { text-align: center; } .card-extrabig--title-left { text-align: left; } .card-extrabig--title-right { text-align: right; } .card-extrabig--content { display: flex; flex-direction: column; gap: var(--indent-24); } .card-extrabig--list { display: grid; gap: var(--indent-24); } .card-extrabig--list-big { gap: var(--indent-40); padding: var(--indent-16) 0; } .card-extrabig--list-two { grid-template-columns: repeat(2, auto); } .card-extrabig--aside { display: flex; flex-direction: column; gap: var(--indent-16); max-width: 29.06rem; height: auto; } .card-extrabig--aside .card { flex-grow: 1; } .card-extrabig--image { width: 100%; height: auto; border-radius: var(--indent-16); overflow: hidden; } .card-extrabig--image img, .card-extrabig--video video { width: 100%; height: 100%; object-fit: contain; border-radius: var(--indent-16); } .card-extrabig--reverse .card-extrabig--aside { order: -1; } .card-extrabig--content, .card-extrabig--aside { flex-grow: 1; } @media screen and (min-width: 992px) { .card-extrabig--bottom-mobile { display: none; } } @media screen and (max-width: 1279px) { .card-extrabig--list-two { grid-template-columns: 1fr; } } @media screen and (max-width: 991px) { .card-extrabig { flex-direction: column; gap: var(--indent-24); padding: var(--indent-24); } .card-extrabig--title.display-lg, .card-extrabig--title.title-sm { font-size: var(--fs-display-xs); line-height: var(--indent-32); } .card-extrabig--descr.text-md, .list-text--item-descr.text-md { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .card-extrabig--aside { max-width: 100%; } .card-extrabig--aside .card { --offset-vertical-card: 3.29rem; } .card-extrabig--content-bottom { display: none; } .card-extrabig--list { gap: var(--indent-16); } .card-extrabig--list-big { padding: 0; gap: var(--indent-24); } .card-extrabig--image { max-height: 20rem; display: flex; align-items: stretch; } .card-extrabig--image img { /* aspect-ratio: 295 / 200; */ } .card-extrabig--image img, .card-extrabig--image video { height: auto; } .card-extrabig--reverse .card-extrabig--aside { order: inherit; } .card-extrabig--reverse .card-extrabig--mobile-start, .card-extrabig--mobile-start { order: -1; } .card-extrabig--reverse .card-extrabig--mobile-end, .card-extrabig--mobile-end { order: 1; } } @media screen and (max-width: 767px) { .card.banner.banner--btn .banner-content { grid-template-columns: 1fr; } } @media screen and (max-width: 575px) { .card-extrabig--bottom-mobile .button { max-width: 100%; justify-content: center; } .card.banner.banner--btn .banner-content { gap: var(--indent-16); } } /* cards-wrapper */ .cards-wrapper { --columns: 1; --offset-block: var(--indent-16); } .cards-wrapper--list { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--offset-block); } .cards-wrapper--list .card, .cards-wrapper--list .card-transparent, .cards-wrapper--list .card-client, .cards-wrapper--list .tariff { width: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns)); max-width: 100%; } .cards-wrapper--list .card:not(.swiper-slide), .cards-wrapper--list .card-client:not(.swiper-slide), .cards-wrapper--list .tariff:not(.swiper-slide), .cards-wrapper--list .card-simple:not(.swiper-slide), .swiper-disabled .cards-wrapper--list .card, .swiper-disabled .cards-wrapper--list .card-client, .swiper-disabled .cards-wrapper--list .tariff, .swiper-disabled .cards-wrapper--list .card-simple { flex-grow: 1; } .cards-wrapper--list .tariff { min-width: 0; } .cards-wrapper .card-s { --offset-vertical-card: 3.65rem; } .cards-wrapper--offset-big { --offset-block: var(--indent-48); } .cards-wrapper--offset-big .cards-wrapper--list { gap: var(--indent-40) var(--offset-block) ; } .cards-uneven .cards-wrapper--list { display: grid; } .cards-uneven--two .cards-wrapper--list { grid-template-columns: repeat(2, 1fr); } .cards-uneven--three .cards-wrapper--list { grid-template-columns: repeat(3, 1fr); } .cards-uneven--main { grid-row: span 2; } .cards-uneven--main.card { --size-image: 7.06rem; } .cards-uneven .card-client--body:not(:first-child) { padding-top: var(--indent-24); } .cards-wrapper--four { --columns: 4; } .cards-wrapper--three, .cards-wrapper--three-two { --columns: 3; } .cards-wrapper--two { --columns: 2; } /**/ .card-combined.swiper-slide { display: grid; grid-template-rows: repeat(2, 1fr); gap: var(--indent-16); } .cards-wrapper.swiper { width: 100%; } .cards-wrapper.swiper:not(.swiper-disabled) .swiper-wrapper { flex-direction: row; align-items: stretch; gap: 0; flex-wrap: nowrap; } .cards-wrapper.swiper.swiper-disabled .swiper-wrapper { transform: translate3d(0, 0, 0) !important; } .cards-wrapper.swiper:not(.swiper-disabled) .swiper-slide { width: auto; } .cards-wrapper.swiper .swiper-slide { height: auto; } .cards-wrapper.swiper.swiper-disabled .swiper-slide { margin-right: 0 !important; } .cards-uneven--calc .card.card-m { --offset-vertical-card: var(--indent-24) } @media screen and (min-width: 576px) { .cards-uneven--double { grid-column: span 2; } } @media screen and (min-width: 768px) { .cards-wrapper--two .cards-wrapper--list .card-s:not(.swiper-slide), .cards-wrapper--two .cards-wrapper--list .card-simple:not(.swiper-slide) { --columns: 3; } .cards-wrapper--two .cards-wrapper--item-five:nth-child(n+3):nth-child(-n+5) { --columns: 3; } } @media screen and (min-width: 1024px) { .cards-uneven--main.card { --offset-card: var(--indent-32); } .cards-uneven--main.card .card-body { gap: var(--indent-24); } .cards-wrapper.swiper { padding: var(--indent-12); margin: calc(var(--indent-12) * -1); width: calc(100% + var(--indent-12) * 2); } } @media screen and (min-width: 1279px) { .cards-uneven--calc .cards-wrapper--list { grid-template-rows: repeat(2, 1fr); } } @media screen and (max-width: 1279px) { .cards-wrapper--four { --columns: 3; } .cards-wrapper--three, .cards-wrapper--three-two { --columns: 2; } .cards-uneven--three .cards-wrapper--list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 1023px) { .cards-wrapper .card-s { --offset-vertical-card: 2.82rem; } .cards-wrapper--offset-big { --offset-block: var(--indent-24); } .cards-wrapper--offset-big .cards-wrapper--list { gap: var(--offset-block); } .cards-uneven--main.card { --size-image: 6.12rem; } .cards-wrapper.swiper-auto .swiper-slide { max-width: 296px; } .cards-wrapper.swiper-auto .swiper-slide.tariff { max-width: 500px; } .cards-wrapper.swiper-auto .swiper-slide.card-combined { max-width: 600px; } .cards-wrapper.swiper { width: calc(100% + var(--indent-16) * 2); margin: 0 calc(var(--indent-16) * -1); padding: 0 var(--indent-16); } .card-combined.swiper-slide { gap: var(--indent-8); } } @media screen and (max-width: 767px) { .cards-wrapper--four { --columns: 2; } } @media screen and (max-width: 575px) { .cards-wrapper--four, .cards-wrapper--three, .cards-wrapper--two { --columns: 1; } .cards-uneven--two .cards-wrapper--list, .cards-uneven--three .cards-wrapper--list { grid-template-columns: 1fr; } .cards-wrapper.swiper-desktop .cards-wrapper--list.swiper-wrapper { flex-wrap: wrap; gap: var(--indent-8); } .cards-wrapper.swiper-desktop .swiper-slide { width: 100% !important; margin-right: 0 !important; } .cards-wrapper.swiper-auto .swiper-slide.tariff { max-width: 296px; } } /* card modif */ .card-light { background-color: var(--white); } /* card-resume */ .card-resume { --offset-card: var(--indent-24); --size-icon-card: var(--indent-24); border-radius: var(--indent-16); overflow: hidden; background-color: var(--bgr); display: flex; flex-direction: column; transition: 0.2s all; } .card-resume.swiper-slide { transition: 0.2s box-shadow; } .card-resume__top, .card-resume__content { padding: var(--offset-card); } .card-resume__top { border-bottom: 3px solid var(--white); display: flex; flex-direction: column; justify-content: center; } .card-resume__title, .card-resume__title p { font-weight: var(--fw-bold); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .card-resume__item { display: flex; flex-direction: column; } .card-resume__item + .card-resume__item { margin-top: var(--indent-24); } .card-resume__item-top { display: flex; align-items: center; gap: var(--indent-12); } .card-resume__item-title, .card-resume__item-title p { font-weight: var(--fw-bold); font-size: var(--fs-text-lg); line-height: var(--indent-28); } .card-resume__item-icon { min-width: var(--size-icon-card); width: var(--size-icon-card); min-height: var(--size-icon-card); height: var(--size-icon-card); } .card-resume__item-descr { padding-top: var(--indent-12); padding-left: var(--size-icon-card); color: var(--text); } @media screen and (min-width: 1024px) { .card-resume:hover { /* box-shadow: 0px 4px 15px 0px #00378533; */ } } @media screen and (max-width: 1023px) { .card-resume__title, .card-resume__title p { font-size: var(--fs-text-xl); line-height: var(--indent-30); } .card-resume__item-title, .card-resume__item-title p { font-size: var(--fs-text-md); line-height: var(--indent-24); } .card-resume__item-descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .card-resume__top { padding: var(--indent-16) var(--indent-24); min-height: var(--indent-96); } } /* card-easy */ .card-easy { --offset-card: var(--indent-24); --size-title: var(--fs-text-xl); --size-descr: var(--fs-text-md); padding: var(--offset-card); border-radius: var(--indent-16); background-color: var(--bgr); position: relative; overflow: hidden; display: flex; flex-direction: column; word-break: break-word; transition: 0.2s all; } .card-easy.swiper-slide { transition: 0.2s box-shadow; } .card-easy__content { position: relative; display: flex; flex-direction: column; } .card-easy__item { display: flex; flex-direction: column; } .card-easy__item-title, .card-easy__item-title p { font-size: var(--fs-text-sm); line-height: var(--indent-20); color: var(--text); } .card-easy__item-descr, .card-easy__item-descr p { margin-top: var(--indent-4); font-weight: var(--fw-bold); } .card-easy__item + .card-easy__item { margin-top: var(--indent-16); } .card-easy__bottom { display: flex; flex-direction: column; margin-top: var(--indent-16); gap: var(--indent-16); } @media screen and (min-width: 1024px) { .card-easy:hover { /* box-shadow: 0px 4px 15px 0px #00378533; */ } } /* slider-block */ .slider-block, .slider-block-wrapper { border-radius: var(--indent-16); overflow: hidden; position: relative; word-break: break-word; } .slider-block-wrapper { padding: var(--indent-24); } .slider-block--item { position: relative; overflow: hidden; border-radius: var(--indent-16); padding: var(--indent-24); } .slider-block--item-bg { border-radius: var(--indent-16); overflow: hidden; width: 100%; } .slider-block--item-bg img { width: 100%; height: 100%; object-fit: cover; } .slider-block--item-content { position: relative; z-index: 1; color: var(--white); padding: var(--indent-24); border-radius: var(--indent-16); background: #FFFFFF1A; border: 1px solid #FFFFFF26; display: flex; flex-direction: column; } .slider-block--item-subtitle { padding-top: var(--indent-8); } .slider-block--item-list { display: flex; flex-wrap: wrap; align-items: start; gap: var(--indent-24) var(--indent-40); } .slider-block--item-list:not(:first-child), .slider-block--item-bottom:not(:first-child) { padding-top: var(--indent-40); } .slider-block--item-list .list-text--item { gap: 0; } .slider-block--item-bottom { margin-top: auto; display: flex; flex-direction: column; gap: var(--indent-12); } .slider-block--item-btns { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--indent-12); } .slider-block--item-bottom .button { max-width: 100%; justify-content: center; } .slider-block--arrows { position: absolute; bottom: var(--indent-24); right: var(--indent-24); display: flex; align-items: center; gap: var(--indent-8); z-index: 1; } .slider-block--arrows .swiper-button { background: #FFFFFF1A; border: 1px solid #FFFFFF26; backdrop-filter: blur(var(--indent-40)); } .slider-block--arrows .swiper-button svg path { stroke: #fff; } .slider-block.swiper { width: 100%; } .slider-block.swiper .swiper-wrapper { flex-direction: row; gap: 0; flex-wrap: nowrap; } .slider-block.swiper .swiper-slide { width: auto; height: auto; } .slider-block.swiper-auto .swiper-slide { max-width: 296px; } @media screen and (min-width: 768px) { .slider-block--item-bg { position: absolute; top: 0; left: 0; height: 100%; } .slider-block-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider-block--item { min-height: 560px; } .slider-block-bg .slider-block--item { min-height: 0; } .slider-block--item-content { max-width: 424px; height: 100%; } .slider-block--top-right .slider-block--item-content { height: auto; justify-self: end; margin-bottom: var(--indent-56); } } @media screen and (min-width: 1024px) { .slider-block--item-title:not(:first-child) { margin-top: var(--indent-40); } .slider-block--arrows .swiper-button:hover { background-color: transparent; border: 1px solid var(--primary-blue); } } .slider-block--arrows .swiper-button:active { border: 1px solid var(--primary-blue); } @media screen and (max-width: 1023px) { .slider-block--item-subtitle.text-md { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .slider-block--item-title.title-sm, .list-text--item-title.title-sm { line-height: var(--indent-32); } .slider-block--item-title:not(:first-child) { margin-top: var(--indent-24); } } @media screen and (max-width: 767px) { .slider-block--item, .slider-block-wrapper { padding: 0; } .slider-block--item, .slider-block-wrapper { display: flex; flex-direction: column-reverse; gap: var(--indent-8); } .slider-block--item-content { flex-grow: 1; background: var(--primary-secondary-hover); backdrop-filter: none; -webkit-backdrop-filter: none; } .slider-block--item-bg img { aspect-ratio: 3 / 1; } .slider-block--arrows { bottom: var(--indent-16); right: var(--indent-16); } } @media screen and (max-width: 575px) { .slider-block--item-bg img { aspect-ratio: 343 / 200; } } /* list-text */ .list-text--item { max-width: 290px; display: flex; flex-direction: column; gap: var(--indent-8); } @media screen and (max-width: 1023px) { .list-text--item { gap: var(--indent-16); } .list-text--item-title.title-xs { font-size: var(--fs-text-xl); line-height: var(--fs-text-xl); } .list-text--item-descr .text-md { font-size: var(--fs-text-sm); line-height: var(--fs-text-sm); } } /* content */ .content ul:not([class]), .content ol:not([class]) { padding-left: 1.41rem; } .content ul:not([class]) li { list-style-type: disc; } .content ul:not([class]) li:not(:first-child) { margin-top: var(--indent-8); } .content ol:not([class]) li { list-style-type: numeric; } .content p:not([class]):not(:first-child), .content ul:not([class]):not(:first-child), .content ol:not([class]):not(:first-child), .knowledge-detail__content .news-text p:not([class]):not(:first-child) { margin-top: var(--indent-8); } .content p:not([class]):not(:last-child), .content ul:not([class]):not(:last-child), .content ol:not([class]):not(:last-child), .knowledge-detail__content .news-text p:not([class]):not(:last-child) { margin-bottom: var(--indent-8); } .content b, .content strong { font-weight: var(--font-weight-bold); } /**/ .card.banner { height: auto; } .card.banner .banner-content { grid-template-columns: 1fr; } .card.banner .card-link { z-index: 1; } .card.banner.card-banner--transparent { background-color: transparent; } @media screen and (min-width: 1024px) { .card.banner.card-banner--transparent:hover { box-shadow: none; } } @media screen and (max-width: 1023px) { .card.banner .banner-left-block h4 { font-size: var(--indent-25); } } /* End */ /* Start:/local/frontend/titles/css/titles.css?17446421472997*/ .example-wrapper-titles { padding: 20px; } /* title-header */ .title-header { display: flex; align-items: center; } .title-header--title { word-break: normal; } .title-header--title.title-lg { line-height: var(--indent-60); } .title-header--descr { margin-top: var(--indent-16); color: var(--text); } .title-header--tabs { margin: var(--indent-24) auto 0; width: fit-content; max-width: 100%; overflow-x: auto; white-space: nowrap; scrollbar-width: none; } .title-header--tab::-webkit-scrollbar, .title-header--tab::-webkit-scrollbar-track, .title-header--tab::-webkit-scrollbar-thumb { display: none; } .title-header--arrows { display: flex; align-items: center; gap: var(--indent-12); } .title-header--center { text-align: center; flex-direction: column; } .title-header--vertical { display: flex; flex-direction: column; align-items: start; } .title-header--vertical .title-header--tabs { margin-left: 0; } .title-header:not(.title-header--center):not(.title-header--vertical) { justify-content: space-between; gap: var(--indent-48); margin-bottom: var(--indent-32); } .title-header:not(.title-header--center):not(.title-header--vertical) .title-header--descr { max-width: 480px; } .title-header:not(.title-header--center):not(.title-header--vertical) .title-header--tabs, .title-header:not(.title-header--center):not(.title-header--vertical) .title-header--descr { margin: 0 0 0 auto; } .section--title .title-header + .section { margin-top: var(--indent-32); } @media screen and (max-width: 1023px) { .title-header:not(.title-header--center):not(.title-header--vertical) { gap: var(--indent-12); } .title-header--descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .section--title .title-header + .section { margin-top: 0; } } @media screen and (max-width: 767px) { .title-header--arrows { display: none; } .title-header, .title-header:not(.title-header--center):not(.title-header--vertical) { /* flex-direction: column; */ /* align-items: center; */ } .title-header:not(.title-header--center):not(.title-header--vertical) .title-header--tabs, .title-header:not(.title-header--center):not(.title-header--vertical) .title-header--descr { margin: 0; margin-top: var(--indent-12); } .title-header .title-header--tabs, .title-header .title-header--descr { margin: 0; margin-top: var(--indent-12); } .title-header--center { /* text-align: left; */ } .title-header:not(.title-header--center):not(.title-header--vertical) { margin-bottom: var(--indent-24); } .title-header--title.title-lg { font-size: var(--indent-32); line-height: var(--indent-38); } .title-header.title-header--mobile-left { text-align: left; flex-direction: column; align-items: start; } .title-header.title-header--mobile-center { text-align: center; flex-direction: column; align-items: center; } } /* End */ /* Start:/local/frontend/banners/banners.css?174495869220463*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .banner { border-radius: var(--indent-16); padding: var(--indent-24); background: var(--bgr); position: relative; height: fit-content; } .banner-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-position: center; background-size: contain; opacity: .6; } .banner-wrapper { position: relative; z-index: 1; } .banner.banner--image .banner-right-block { position: relative; } /* .banner.banner--image .banner-right-block img{ position: absolute; right: 220px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 6.75rem; max-height: 6.75rem; } */ .banner.banner--image .banner-right-block img { margin: calc(var(--indent-24) * -1) 0; max-width: 6.75rem; max-height: 6.75rem; } .banner-content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--indent-16) 1fr; grid-template-columns: 1fr 1fr; gap: var(--indent-16); } .banner-left-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-40); } .banner-right-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: var(--indent-48); } .banner-left-block .h2 { -ms-flex-negative: 0; flex-shrink: 0; } .banner-left-block p { word-break: break-word; } .banner-title-main { word-break: break-word; } .h2.banner-title-main { line-height: 115%; } .h5.banner-title-main { line-height: 128%; } .banner-left-block { max-width: 37.5rem; } .banner-form .form { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banner-form .input { margin-bottom: 0; } .banner-right-block.banner-form .button { -ms-flex-negative: 0; flex-shrink: 0; align-self: start } .banner-form .input { max-width: 14.875rem; } .banner-form .input input { padding-left: var(--indent-16); } .example-main--banners { 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(--indent-40); } .banner.banner--blue { background: -webkit-gradient(linear, right top, left top, from(#BBD7FF), to(#0119ED)); background: -o-linear-gradient(right, #BBD7FF, #0119ED); background: linear-gradient(to left, #BBD7FF, #0119ED); } .banner.banner--red { background: linear-gradient(218.4deg, #BBD7FF 0%, #ED0188 100%); } .banner.banner--blue .banner-left-block .h2, .banner.banner--blue .banner-left-block .h5, .banner.banner--blue .banner-left-block .h4, .banner.banner--blue .banner-left-block p, .banner.banner--red .banner-left-block .h2, .banner.banner--red .banner-left-block .h5, .banner.banner--red .banner-left-block .h4, .banner.banner--red .banner-left-block p { color: var(--white); } .banner.banner--btn .banner-left-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: var(--indent-28); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banner.banner--small .banner-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .banner.banner--btn.banner--small .banner-content { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .banner.banner--btn.banner--small .banner-right-block { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banner.banner--small .banner-right-block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .banner.banner--image.banner--small .banner-right-block img { right: -12px; } .banner.banner--btn.banner--small .banner-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 0; } .banner--small .banner-form .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner--small .banner-form .input { max-width: 100%; } .banner--small .banner-form .form-wrapper { width: 100%; } .banner--small .banner-right-block.banner-form .button { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner.banner--small .banner-left-block .h5 { font-size: var(--indent-21); } .banner-left-block .h4 { font-size: var(--indent-32); line-height: 119%; } .banner.banner--small .banner-left-block .h4 { font-size: var(--indent-25); line-height: 128%; } .banner.banner--small .banner-left-block .h2 { font-size: var(--indent-32); line-height: 119%; } .banner--small .banner-left-block p { font-size: var(--indent-15); line-height: 133%; } .banner--small .banner-left-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: var(--indent-8); } .banner--small .banner-content { gap: var(--indent-40); } .banner.banner--small .banner-right-block img { position: absolute; right: var(--indent-24); top: 25%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5.25rem; height: 5.25rem; } .banner.banner--btn:not(.banner--small) .banner-right-block.banner-btn-with__image img { height: 100%; max-height: 152px; } .banner.banner--btn.banner--small .banner-right-block img { top: 84%; right: -12px; } .banner.banner--small { max-width: calc(21.4375rem - 1.2125rem); } .swiper--main__banner { width: 100%; height: auto; } .swiper--main__banner img { width: 100%; -o-object-fit: cover; object-fit: cover; } .swiper--main__banner .swiper-slide { overflow: hidden; } .swiper-slide__content { position: relative; } .slide__information { /* padding-top: 8.875rem; */ padding-top: 8.353rem; /* padding-left: var(--indent-40); */ /* padding-bottom: 6.5rem; */ padding-bottom: 6.118rem; /*position: absolute; top: 50%; left: var(--indent-40); transform: translateY(-50%);*/ 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(--indent-24); } .banner-main-wrapper { overflow: hidden; background-color: var(--primary-third-text); } .slide__information-buttons { margin-top: 2.625rem; } .slide__information-title, .slide__information-description { color: var(--white); } .slide__information-title, .slide__information-description, .slide__information-buttons { width: 50%; } .slide__information-description { /* max-width: 560px; */ } .slide__information-title { margin-bottom: var(--indent-24); } .slide__information-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } .banner-main-wrapper { position: relative; } .banner-paralax { position: absolute; top: -10%; right: -5%; width: 50%; height: 110%; background-size: cover; background-position: left; } .banner-paralax-video::after { content: ''; } .banner-paralax-video video { display: block; height: 100%; width: 100%; object-fit: contain; position: relative; } @media screen and (max-width: 991px) { .banner-paralax-video::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 356deg, rgba(48, 50, 63, 0) 65.31%, #30323f 78.77% ); } } @media screen and (max-width: 567px) { .banner-paralax-video::before { background: linear-gradient( 350deg, rgba(48, 50, 63, 0) 65.31%, #30323f 78.77% ); } } .swiper-nav { position: absolute; bottom: var(--indent-24); left: calc(100vw - 1980px)/2 + var(--indent-40); display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-16); -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; } .swiper-nav .swiper-button-prev, .swiper-nav .swiper-button-next, .swiper-nav .swiper-pagination { position: relative; left: unset; top: unset; right: unset; bottom: unset; } .breadcrumbs-wrapper { position: relative; } .banner-main .breadcrumbs.breadcrumbs--dark { background-color: transparent; position: absolute; left: 0; top: 6.5rem; z-index: 3; margin-top: 0rem; } .swiper-nav .swiper-button-prev, .swiper-nav .swiper-button-next { width: var(--indent-32); height: var(--indent-32); margin: 0; } .swiper-nav .dark { width: var(--indent-32); height: var(--indent-32); } body .swiper-button-next.swiper-button--sm svg, body .swiper-button-prev.swiper-button--sm svg { width: var(--indent-16); height: var(--indent-16); } .swiper-nav .dark { background-color: transparent; } .banner-main--small .title-2xl { font-size: var(--fs-display-md); line-height: var(--indent-44); } .banner-main--small { width: 23.4375rem; } .banner-main--small .swiper-nav .dark { display: none; } .banner-main--small .slide__information { /* padding-top: 3.5rem; */ /* padding-bottom: 21.75rem; */ padding-top: 3.29rem; padding-bottom: 20.47rem; padding-left: var(--indent-16); padding-right: var(--indent-16); } .banner-main.banner-main--small .breadcrumbs.breadcrumbs--dark { top: 3.5rem; left: var(--indent-6); } .banner-main--small .slide__information-description { width: 100%; word-break: break-word; } .banner-main--small .slide__information-buttons { margin-top: var(--indent-32); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-main--small .slide__information-buttons .button { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-main--small .banner-paralax { height: 43%; right: 0; bottom: 0; top: unset; width: 100%; background-image: url('/local/frontend/banners/img/layer-mobile.png') !important; background-repeat: no-repeat; background-position: center; } .banner-main--small .swiper-nav { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body .banner-main--small .swiper-nav .swiper-pagination-bullet { background-color: var(--white); } .banner-main--small .slide__information-title { word-break: break-word; } body .banner-main--small .swiper-nav .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, body .banner-main--small .swiper-nav .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { opacity: .5; background-color: #ffffff2d; border: 1px solid #ffffff50; } body .banner-main--small .swiper-nav .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, body .banner-main--small .swiper-nav .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: var(--white); border: 1px solid var(--white); } .swiper--main__banner .swiper-slide__content { height: 100%; } .swiper--main__banner .swiper-slide { height: initial; } .banner-bottom-card { display: flex; align-items: end; justify-content: space-between; gap: var(--indent-12); margin-top: auto; padding-top: var(--indent-40); } .banner-bottom-card img { display: block; min-width: 114px; width: 114px; min-height: 114px; height: 114px; margin-left: auto; } .banner--blue .banner-center { color: #fff; } .banner-center { text-align: center; width: 100%; position: relative; } .banner-top-block { display: flex; flex-direction: column; gap: var(--indent-24); } .banner-top { display: flex; align-items: center; justify-content: center; gap: var(--indent-24); text-align: left; } .banner-top img { width: 144px; min-width: 144px; } @media screen and (min-width: 992px) { .swiper--main__banner-one .slide__information { padding-bottom: var(--indent-72); } } @media(max-width: 1200px) { .banner-paralax { width: 75%; } } @media screen and (max-width: 991px) { .slide__information-title, .slide__information-description, .slide__information-buttons { width: 100%; max-width: 100%; } .banner-bottom-card { padding-top: 0; } .banner-bottom-card img { min-width: 104px; width: 104px; min-height: 104px; height: 104px; } .banner-paralax { width: 100%; position: relative; top: 0; right: 0; margin-top: auto; height: 35rem; background-repeat: no-repeat; background-size: contain; background-position: bottom right; transform: none !important; } .banner-paralax::after { content: ""; background: linear-gradient(356deg, rgba(48, 50, 63, 0) 65.31%, #30323f 90%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-paralax-video::after { content: none; } } @media(max-width: 991px) { .banner-paralax { height: 25rem; } .banner-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } /* .banner.banner--btn .banner-content{ -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } */ .banner.banner--btn .banner-right-block { position: absolute; bottom: 0; right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banner.banner--btn .banner-left-block .button { margin-top: var(--indent-40); } .banner-right-block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .banner.banner--image .banner-right-block img { margin: 0; } .banner-right-block { flex-direction: row-reverse; align-items: end; justify-content: space-between; } } @media screen and (max-width: 767px) { .banner-paralax { height: 20rem; } .banner-top { flex-direction: column; text-align: center; } } @media(max-width: 567.98px) { .banner-main .breadcrumbs.breadcrumbs--dark { position: static; margin-top: 5rem; } .banner.banner--btn .banner-content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 0; } .banner-right-block.banner-form { margin-top: 1.5rem; } .banner-form .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-form .input { max-width: 100%; } .banner-form .form-wrapper { width: 100%; } .banner-right-block.banner-form .button { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner .banner-left-block .h5 { font-size: var(--indent-21); } .banner .banner-left-block .h4 { font-size: var(--indent-25); line-height: 128%; } .banner .banner-left-block .h2 { font-size: var(--indent-32); line-height: 119%; } .h5.banner-title-main { line-height: 143%; } .banner-left-block p { font-size: var(--indent-15); line-height: 133%; } .banner-left-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: var(--indent-8); } .banner-content { gap: 0; /* gap: var(--indent-40); */ } .banner-right-block { gap: 0.5rem; } .banner-right-block.banner-btn-with__image .button { margin-top: var(--indent-40); } /* .banner .banner-right-block img{ position: absolute; right: var(--indent-24); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5.25rem; height: 5.25rem; } */ .banner .banner-right-block img { width: 5.25rem; height: 5.25rem; } .banner.banner--btn .banner-right-block img { top: 84%; right: -12px; } .swiper-nav .dark { display: none; } .slide__information { padding-top: 0; /* padding-bottom: 21.75rem; */ padding-bottom: 20.47rem; } .banner-main .breadcrumbs.breadcrumbs--dark { top: 3.5rem; left: var(--indent-6); } .slide__information-description, .slide__information-title { width: 100%; word-break: break-word; } .slide__information-buttons { margin-top: var(--indent-32); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slide__information-buttons .button { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-paralax { height: auto; aspect-ratio: 1.5; right: 0; bottom: 0; top: unset; width: 100%; /* background-image: url('/local/frontend/banners/img/layer-mobile.png') !important; */ background-position: center; background-size: cover; } .banner-paralax::after { content: none; } .swiper-nav { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } body .swiper-nav .swiper-pagination-bullet { background-color: var(--white); } .slide__information-title { word-break: break-word; } body .swiper-nav .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, body .swiper-nav .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { opacity: .5; background-color: #ffffff2d; border: 1px solid #ffffff50; } body .swiper-nav .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, body .swiper-nav .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: var(--white); border: 1px solid var(--white); } } @media(max-width: 374px) { .banner.banner--image .banner-right-block img { right: -12px; } .banner.banner--image.banner--small .banner-right-block img { right: -12px; } .banner.banner--btn .banner-right-block img { right: -12px; } } /* End */ /* Start:/local/frontend/logotips/logotips.css?17441972464280*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .logo-block-text--gray { color: var(--text); } .logotips-wrapper { 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(--indent-20); } .logo-block { padding: var(--indent-24); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid var(--primary-third); border-radius: var(--indent-16); /* width: 16.5rem; */ height: 11.5rem; } .logo-block:not(.logo-block-text), .logo-group { width: calc((100% - 16px * 5) / 6); } .logo-block img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; user-select: none; } .logo-block-text img { height: 4.5rem; object-position: top left; } .logo-block-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--indent-24); /* width: 22.5rem; */ height: 13.5rem; justify-content: flex-start; } .logo-block-text p { word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .swiper.swiper--logos { overflow: unset; } .swiper.swiper--logos .swiper-wrapper { } .block-slider-logotips { overflow: hidden; margin-bottom: var(--indent-24); } .splide__arrows{ display: none; } .block-slider-logotips .swiper-button { background-color: var(--white); margin-top: -1.875rem; } .block-slider-logotips .swiper-button-prev, .block-slider-logotips .swiper-button-next { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .block-slider-logotips:hover .swiper-button-prev, .block-slider-logotips:hover .swiper-button-next { opacity: 1; } .block-slider-logotips .swiper:not(.swiper-transition-timing) .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .block-slider-logotips .swiper.swiper-transform-paused .swiper-wrapper { /* transform: translate3d(var(--swiper-transform-paused, 0px), 0px, 0px) !important; */ } .splide__slide.logo-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(--indent-16); width: 22.5rem; } @media screen and (max-width: 1920px) { .block-logos .container { padding: 0; } } .splide--logos .splide__slide { margin-right: 1rem; } @media (max-width: 991.98px) { .splide--logos .splide__slide { margin-right: 0.5rem; } } @media screen and (max-width: 1439px) { .logo-block:not(.logo-block-text), .logo-group { width: calc((100% - 16px * 4) / 5); } } @media (max-width: 991.98px) { .block-slider-logotips .swiper-button { display: none; } .logo-block:not(.logo-block-text), .logo-group { width: calc((100% - 16px * 2) / 3); } } @media screen and (max-width: 767px) { .logo-block:not(.logo-block-text), .logo-group { width: calc((100% - 16px) / 2); } } @media (max-width: 567.98px) { .logo-block { /* width: 11.5rem; */ height: 8rem; } .logo-block-text { /* width: 17.5rem; */ height: 10.75rem; } .swiper--logos { padding: 0 var(--indent-16); } .logo-block:not(.logo-block-text), .logo-group { /* width: 100%; */ } .logo-block-text img { height: 3rem; } .splide__slide.logo-group { width: 17.5rem; } .block-slider-logotips .swiper-button--lg { width: var(--indent-32); height: var(--indent-32); } .block-slider-logotips .swiper-button--lg svg { width: var(--indent-16); height: var(--indent-16); } .block-slider-logotips .swiper-button-prev, .block-slider-logotips .swiper-button-next { opacity: 1; } .block-slider-logotips .swiper-button { margin-top: -1rem; } } /* End */ /* Start:/local/frontend/news/news.css?174194914612827*/ .wrapper { max-width: 708px; width: 100%; padding: var(--indent-20); } .news-block.card-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-block .item-card-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); margin-bottom: var(--indent-20); } @media (max-width: 768px) { .news-block .item-card-video { -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } } .news-block .item-card-video__img { -webkit-box-flex: 0; -ms-flex: 0 1 208px; flex: 0 1 208px; position: relative; width: 100%; height: 136px; } @media (max-width: 768px) { .news-block .item-card-video__img { -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem; position: relative; width: 100%; height: 5rem; } } .news-block .item-card-video__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .item-card-video__body { -webkit-box-flex: 1; -ms-flex: 1 1 63%; flex: 1 1 63%; height: 100%; padding-top: var(--indent-8); } @media (max-width: 768px) { .news-block .item-card-video__body { -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; height: auto; padding-top: 0; max-width: 15.6875rem; } } .news-block .item-card-video__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-block .item-card-video__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .news-block .item-card-video__tag { padding: 2px var(--indent-8); } .news-block .item-card-video__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .news-block .item-card-video__line { display: block; background-color: var(--text); width: 0.0625rem; height: 1rem; } .news-block .item-card-video--mobile .item-card-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-block .item-card-video--mobile .item-card-video__img { -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem; position: relative; width: 100%; height: 5rem; } .news-block .item-card-video--mobile .item-card-video__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .item-card-video--mobile .item-card-video__body { -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; height: auto; padding-top: 0; max-width: 15.6875rem; } .news-block .item-card-video--mobile .item-card-video__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-block .item-card-video--mobile .item-card-video__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .news-block .item-card-video--mobile .item-card-video__tag { padding: 0.125rem var(--indent-8); } .news-block .item-card-video--mobile .item-card-video__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .news-block .item-card-video--mobile .item-card-video__line { display: block; background-color: var(--text); width: 0.0625rem; height: 1rem; } .news-block .card-news { max-width: 20.125rem; margin-bottom: var(--indent-20); display: flex; flex-direction: column; height: 100%; } .news-block .card-news-list__inner { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } @media (max-width: 768px) { .news-block .card-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); max-width: 100%; flex-direction: row; } } .news-block .card-news__img { position: relative; width: 100%; height: 100%; margin-bottom: var(--indent-16); flex: 0 0 14.5rem; } @media (max-width: 768px) { .news-block .card-news__img { position: relative; max-width: 5rem; width: 100%; height: 5rem; margin-bottom: var(--indent-16); } } .news-block .card-news__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .card-news__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); color: var(--primary-black); } .news-block .card-news__tag { padding: 0.125rem var(--indent-8); } .news-block .card-news__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .news-block .card-news__info.gray path { fill: unset; } .news-block .card-news__time.desktop { display: block; } .news-block .card-news__time.mobile { display: none; } @media (max-width: 768px) { .news-block .card-news__time.desktop { display: none; } .news-block .card-news__time.mobile { display: block; margin: 0; } .news-block .card-news__time.mobile svg { vertical-align: middle; } } .news-block .card-news__line { display: block; background-color: var(--text); width: 0.0625rem; height: 1rem; } .news-block .card-news__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-block .card-news--mobile.card-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); max-width: 21.4375rem; } .news-block .card-news--mobile .card-news__img, .news-block .card-video-news__img--mobile .card-news__img { position: relative; max-width: 5rem; width: 100%; height: 5rem; margin-bottom: var(--indent-16); } .news-block .card-news--mobile .card-news__img img, .news-block .card-video-news__img--mobile .card-news__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .card-news--mobile .card-news__title, .news-block .card-video-news__img--mobile .card-news__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .news-block .card-news--mobile .card-news__tag, .news-block .card-video-news__img--mobile .card-news__tag { padding: 0.125rem var(--indent-8); } .news-block .card-news--mobile .card-news__info, .news-block .card-video-news__img--mobile .card-news__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .news-block .card-news--mobile .card-news__info.gray path, .news-block .card-video-news__img--mobile .card-news__info.gray path { fill: unset; } .news-block .card-news--mobile .card-news__time.desktop, .news-block .card-video-news__img--mobile .card-news__time.desktop { display: none; } .news-block .card-news--mobile .card-news__time.mobile, .news-block .card-video-news__img--mobile .card-news__time.mobile { display: block; } .news-block .card-news--mobile .card-news__time.mobile svg, .news-block .card-video-news__img--mobile .card-news__time.mobile svg { vertical-align: bottom; } .news-block .card-news--mobile .card-news__line, .news-block .card-video-news__img--mobile .card-news__line { display: block; background-color: var(--text); width: 0.0625rem; height: 1rem; } .news-block .card-news--mobile .card-news__top, .news-block .card-video-news__img--mobile .card-news__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-block .card-video-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-40); -moz-column-gap: var(--indent-40); column-gap: var(--indent-40); margin-bottom: var(--indent-32); } .news-block .card-video-news__list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } .news-block .card-video-news__img { /* max-width: 41.75rem; */ position: relative; width: 100%; height: 27.5rem; margin-bottom: var(--indent-20); flex: 1 1 37.75rem; } @media (max-width: 768px) { .news-block .card-video-news__img { max-width: 100%; height: 21.4375rem; } } .news-block .card-video-news__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .card-video-news__info { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.1019607843); border: 1px solid rgba(255, 255, 255, 0.1490196078); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); padding: var(--indent-24); margin: 0 var(--indent-16) var(--indent-16) var(--indent-16); border-radius: var(--indent-12); width: calc(100% - (var(--indent-16) + var(--indent-16))); } .news-block .card-video-news__info .item-card-video__top { margin-bottom: var(--indent-16); } .news-block .card-video-news__info .item-card-video__top .item-card-video__line { background: var(--white); } .news-block .card-video-news__list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } .news-block .card-video-news__img.card-video-news__img--mobile { position: relative; max-width: 21.4375rem; height: 21.4375rem; } .news-block .card-video-news__img.card-video-news__img--mobile img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news-block .card-video-news__info { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.1019607843); border: 1px solid rgba(255, 255, 255, 0.1490196078); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); padding: var(--indent-24); margin: 0 var(--indent-16) var(--indent-16) var(--indent-16); border-radius: var(--indent-12); width: calc(100% - (var(--indent-16) + var(--indent-16))); } .news-block .card-video-news__info .item-card-video__top { margin-bottom: var(--indent-16); } .news-block .card-video-news__info .item-card-video__top .item-card-video__line { background: var(--white); } /* End */ /* Start:/local/frontend/chars/css/chars.css?17434267272324*/ /* chars list */ .chars-list { --gap: 106px; display: flex; flex-wrap: wrap; align-items: stretch; row-gap: var(--indent-48); column-gap: var(--gap); word-break: normal; text-align: center; } .chars-list__item { height: auto; flex-grow: 1; width: calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--indent-8); position: relative; } .chars-list__item:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%) translateX(calc(var(--gap) / 2)); height: 3.3rem; width: 1px; background-color: var(--primary-third); } .chars-list__item:last-child::after { content: none; } .example-chars { margin: 0 auto; padding: var(--indent-20); } @media screen and (min-width: 1024px) { .chars-list { --columns: 4; } .chars-list__item:nth-child(4n)::after { content: none; } } @media screen and (max-width: 1279px) { .chars-list { --gap: var(--indent-64); } } @media screen and (max-width: 1023px) { .chars-list { --columns: 3; } .chars-list__item:nth-child(3n)::after { content: none; } .chars-list__item:after { height: var(--indent-48); } .chars-list--title { line-height: var(--indent-32); } .chars-list--descr { font-size: var(--indent-15); line-height: var(--indent-20); } } @media screen and (max-width: 767px) { .chars-list { --columns: 2; } .chars-list__item:nth-child(3n)::after { content: ''; } .chars-list__item:nth-child(2n)::after, .chars-list__item:last-child::after { content: none; } } @media screen and (max-width: 575px) { .chars-list { --columns: 1; --gap: var(--indent-48); } .chars-list__item:nth-child(2n)::after { content: ''; } .chars-list__item:last-child::after { content: none; } .chars-list__item::after { width: 3.18rem; height: 1px; top: auto; bottom: 0; right: auto; left: 50%; transform: translateX(-50%) translateY(calc(var(--gap) / 2)); } } /* End */ /* Start:/local/frontend/accordion/accordion.css?17440232056733*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .accordion{ overflow: hidden; border-radius: var(--indent-16); padding: var(--indent-20) var(--indent-24); background-color: var(--bgr); cursor: pointer; } .accordion-header{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); } .accordion.active .accordion-content{ margin-top: var(--indent-20); } .banner-tab-description{ word-break: break-word; } .accordion-title{ word-break: break-word; line-height: 143%; } .accordion-content{ padding: 0; max-height: 0; overflow: hidden; -webkit-transition: margin .5s ease, max-height 0.3s ease; -o-transition: margin .5s ease, max-height 0.3s ease; transition: margin .5s ease, max-height 0.3s ease; 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(--indent-24); } .accordion .accordion-indicator svg{ -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .accordion.active .accordion-indicator svg{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .content-documents{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr var(--indent-24) 1fr; grid-template-columns: 1fr 1fr; gap: var(--indent-24); padding-top: var(--indent-4); } .content-schemes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--indent-24); } .documents-card{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .document-title{ font-size: var(--indent-10); font-weight: 700; text-transform: uppercase; text-align: center; position: absolute; bottom: 0.625rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .documents-card-document{ -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .documents-card-document img{ width: 2.375rem; height: 3rem; -o-object-fit: contain; object-fit: contain; } .documents-card-information span{ color: var(--primary-black); word-break: break-word; } .documents-card-information p{ word-break: break-word; } .documents-card-information{ 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(--indent-4); } .tab-buttons{ overflow: auto; } .tab-buttons::-webkit-scrollbar { display: none; /* Hides the scrollbar */ } .tab-buttons{ overflow: -moz-scrollbars-none; /* Hides the scrollbar */ } .banner-tab{ height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; border-radius: var(--indent-16); padding: var(--indent-24); background: var(--bgr); position: sticky; width: calc(27.4375rem - var(--indent-48)); -ms-flex-negative: 0; flex-shrink: 0; top: var(--indent-20); } .banner-tab-title { margin-bottom: var(--indent-16); } .banner-tab-link{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-8); -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: var(--indent-16); } .banner-tab.banner-tab--blue{ background: -o-linear-gradient(right, #BBD7FF, #0119ED); background: -webkit-gradient(linear, right top, left top, from(#BBD7FF), to(#0119ED)); background: linear-gradient(to left, #BBD7FF, #0119ED); } .banner-tab-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-position: center; background-size: contain; opacity: .6; } .banner-tab-wrapper { position: relative; z-index: 1; } .banner-tab-content{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .accordion-tabs{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-48); position: relative; } .accordion-tabs .tabs { max-width: calc(100% - 27.4375rem); } .banner-tab-button{ margin-top: var(--indent-40); max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .accordion-images { display: flex; flex-wrap: wrap; align-items: center; gap: var(--indent-12); } .accordion-images__item { height: var(--indent-32); width: fit-content; max-width: 100%; } .accordion-images__item svg, .accordion-images__item img { display: block; width: auto; height: 100%; } .accordion-images__item img { object-fit: contain; } @media(max-width: 991px){ .banner-tab{ width: calc(22.4375rem - 3.5625rem); } .accordion-tabs{ gap: var(--indent-24); } .accordion-tabs .tabs { max-width: 100%; } } @media(max-width: 761px){ .banner-tab{ width: 100%; } .accordion-title{ line-height: 147%; font-size: var(--indent-19); } .accordion-tabs{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--indent-16); } .content-text .text-md{ font-size: var(--indent-15); line-height: 133%; } } @media(max-width: 550px){ .content-documents{ -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: var(--indent-16); } .documents-card-document img{ width: var(--indent-40); height: var(--indent-40); } .document-title{ font-size: 0.5625rem; } .banner-tab{ width: 100%; } } /* End */ /* Start:/local/frontend/cases/css/cases.css?17448998705580*/ /* cases */ .example-cases { /* max-width: calc(1360px + var(--indent-40) * 2); */ padding: var(--indent-20); } .cases { --width-aside: 35%; --size-aside-image: 16.18rem; --offset-block: var(--indent-32); display: flex; align-items: stretch; gap: var(--indent-16); word-break: normal; } .banner-tab-wrapper{ --size-aside-image: 16.18rem; } .cases-content { background-color: var(--bgr); overflow: hidden; border-radius: var(--indent-16); align-self: stretch; height: auto; flex-grow: 1; display: flex; flex-direction: column; align-items: start; } .cases-content--body.active { margin: var(--offset-block); display: flex; flex-direction: column; } .cases-content--bottom { margin-top: auto; display: flex; flex-wrap: wrap; gap: var(--indent-12); padding-top: var(--indent-40); } .cases-content--descr { color: var(--text); } .cases-content--descr:not(:first-child) { margin-top: var(--indent-8); } .cases-content--list-title { color: var(--text); width: 100%; } .cases-content--list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--indent-8); } .cases-content--list-items .button span { font-weight: var(--fw-regular); } .cases-content--list-items .button svg path { stroke: none; } .cases-content--list-items, .cases-content--list-images { display: flex; flex-wrap: wrap; align-items: center; } .cases-content--list-items { gap: var(--indent-8); } .cases-content--list-images { gap: var(--indent-20); } .cases-content--list-image { /* max-width: 6rem; */ width: auto; } .cases-content--list-image svg, .cases-content--list-image img { max-height: var(--indent-56); width: auto; filter: grayscale(1); } .cases-content--list-image img { object-fit: contain; /* width: 100%; */ } .cases-content--list-items { width: 100%; } .cases-content--list:not(:first-child) { margin-top: var(--indent-24); } .cases-aside { position: sticky; top: 6.75rem; overflow: hidden; border-radius: var(--indent-16); min-width: var(--width-aside); width: var(--width-aside); } .cases-aside--bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cases-aside--bg img { width: 100%; height: 100%; } .cases-aside--body { height: 100%; position: relative; color: var(--white); padding: var(--offset-block); display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .cases-aside--image { width: var(--size-aside-image); height: var(--size-aside-image); aspect-ratio: 1; max-width: 100%; margin: 0 auto; } .banner-tab-background-image{ border-radius: var(--indent-16); background-position: center; background-size: cover; background-repeat: no-repeat; } .cases-aside--image img { width: 100%; height: 100%; object-fit: contain; } .line .tab-indicator { width: 0; } .cases-content--slider { width: 100%; max-width: 100%; margin: 0; position: relative; transition: 0.2s all; } .cases-content--slider .tab-buttons { /* max-width: 100%; */ } .cases-content--slider .tab { flex-shrink: 0; width: auto; max-width: auto; height: 100%; position: relative; transition-property: transform; display: block; } .cases-content--content { border-top: 1px solid var(--light-black); } .cases-content--slider-arrows { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); pointer-events: none; display: flex; align-items: center; justify-content: space-between; z-index: 1; } .cases-content--slider-arrow { pointer-events: all; width: var(--indent-40); height: var(--indent-40); display: flex; align-items: center; justify-content: center; transition: 0.2s all; background: linear-gradient(270deg, #F6F7F9 60%, rgba(246, 247, 249, 0) 100%); } .cases-content--slider-arrow svg { width: var(--indent-16); height: var(--indent-16); } .cases-content--slider-prev { transform: scale(-1); } .cases-content--slider-arrow.swiper-button-disabled { opacity: 0; pointer-events: none; } .cases-swiper-offset { transition: 0.2s all; padding-left: var(--indent-40); } @media screen and (max-width: 1279px) { .cases { --width-aside: 45%; } } @media screen and (max-width: 1023px) { .cases { --width-aside: 100%; --offset-block: var(--indent-24); flex-direction: column; gap: var(--indent-8); } .cases-content--bottom { padding-top: var(--indent-24); } .cases-content--title.title-sm, .cases-aside--title.title-sm { line-height: var(--indent-32); } .cases-content--descr, .cases-aside--text { font-size: var(--indent-15); line-height: var(--indent-20); } } @media screen and (max-width: 575px) { .cases, .banner-tab-wrapper { --size-aside-image: 11.765rem; } .cases-content--list-images { column-gap: var(--offset-block); } } @media screen and (max-width: 424px) { .cases-content--bottom { flex-direction: column; align-items: stretch; } .cases-content--bottom .button { max-width: 100%; justify-content: center; } } .news .cases-list .pagination-wrap { margin: 0 auto; } .news .cases-list { margin-bottom: var(--indent-80); } /* End */ /* Start:/local/frontend/block-img/block-img.css?174436599413345*/ .mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .slider-img { max-width: 67.125rem; margin: 0 auto var(--indent-40) auto; position: relative; } @media (max-width: 768px) { .slider-img { max-width: 100%; margin: 0; } } .slider-img__img { position: relative; width: calc(100% - 179px); /* height: calc((1vw + 1vh) * 18); */ margin: 0 auto var(--indent-32) auto; } @media (max-width: 768px) { .slider-img__img { position: relative; width: 100%; /* height: calc((1vw + 1vh) * 19); */ margin: 0 auto var(--indent-16) auto; } } .slider-img__img img { /* position: absolute; top: 0; left: 0; */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); } .slider-img__prev { left: 0; -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .slider-img__next { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider-img__next, .slider-img__prev { position: absolute; z-index: 1; margin: auto 0; top: 50%; } @media (max-width: 768px) { .slider-img__next, .slider-img__prev { display: none; } } .slider-img p { text-align: center; } .slider-img a::before { content: ""; position: absolute; width: var(--indent-64); height: var(--indent-64); border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } @media (max-width: 768px) { .slider-img a::before { opacity: 1; width: 3rem; height: 3rem; bottom: 2rem; right: 1rem; -webkit-transform: none; transform: none; } } .slider-img a:hover::before { opacity: 1; } .slider-video { max-width: 67.125rem; margin: 0 auto var(--indent-40) auto; position: relative; } @media (max-width: 768px) { .slider-video { max-width: 100%; margin: 0; } } .slider-video__img { position: relative; width: calc(100% - 179px); height: calc((1vw + 1vh) * 18); margin: 0 auto var(--indent-32) auto; } @media (max-width: 768px) { .slider-video__img { position: relative; width: 100%; height: calc((1vw + 1vh) * 19); margin: 0 auto var(--indent-16) auto; } } .slider-video__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); } .slider-video__prev { left: 0; -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .slider-video__next { right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider-video__next, .slider-video__prev { position: absolute; z-index: 1; margin: auto 0; top: 50%; } @media (max-width: 768px) { .slider-video__next, .slider-video__prev { display: none; } } .slider-video p { text-align: center; } .slider-video a::before { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .fancybox__slide.has-html .fancybox__content { width: 60rem; height: 33.75rem; } @media screen and (max-width: 991px) and (min-width: 768px) { .fancybox__slide.has-html .fancybox__content { max-width: 90vw; } } .mobile { margin-bottom: var(--indent-60); -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile .slider-img { max-width: 20rem; position: relative; margin: 0; } .mobile .slider-img__img { position: relative; width: 20rem; /* height: 11.875rem; */ margin: 0 auto var(--indent-16) auto; } .mobile .slider-img__next, .mobile .slider-img__prev { display: none; } .mobile .slider-img a::before { content: ""; opacity: 1; } .mobile .slider-video { max-width: 20rem; position: relative; margin: 0; } .mobile .slider-video__img { position: relative; width: 20rem; height: 11.875rem; margin: 0 auto var(--indent-16) auto; } .mobile .slider-video__next, .mobile .slider-video__prev { display: none; } .swiper-steps { width: 60%; -ms-flex-negative: 1; flex-shrink: 1; } .swiper-steps__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-20); -moz-column-gap: var(--indent-20); column-gap: var(--indent-20); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; margin-bottom: var(--indent-20); /* margin-top: 3.75rem; */ } @media (max-width: 991px) { .swiper-steps__container { display: none; } } .swiper-steps__navigation { position: relative; max-width: 40%; -ms-flex-negative: 0; flex-shrink: 0; width: 40%; } @media (max-width: 1060px) { .swiper-steps__navigation { width: 30%; } } .swiper-steps__navigation .progress-bar { position: absolute; bottom: 0; left: 0; width: calc(100% * (0 + var(--progress))); height: 0.125rem; background-color: var(--primary-pink); z-index: 2; } .swiper-steps__item { margin-bottom: var(--indent-24); border-bottom: 2px solid var(--primary-disabled); cursor: pointer; } .swiper-steps__item h3 { margin-bottom: var(--indent-16); } .swiper-steps__item.active p { display: block; margin-bottom: var(--indent-24); } .swiper-steps__item p { display: none; } .swiper-steps a::before { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; bottom: 50%; right: 50%; transform: translateY(50%,50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } @media (max-width: 768px) { .swiper-steps a::before { opacity: 1; bottom: var(--indent-24); right: var(--indent-24); } } .swiper-steps a:hover::before { opacity: 1; } .slide-steps__img { position: relative; max-width: 100%; margin-left: 5px; /* height: calc((1vw + 1vh) * 18); */ } .slide-steps__img img { /* position: absolute; top: 0; left: 0; */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); -moz-border-radius: var(--indent-16); -webkit-border-radius: var(--indent-16); } .slide-steps__img-contain { height: calc((1vw + 1vh) * 18); } .slide-steps__img-contain img { -o-object-fit: contain; object-fit: contain; } .swiper-steps-mobile__container { max-width: 87.5rem; margin-bottom: var(--indent-20); /* margin-top: 3.75rem; */ /* width: calc(100% + 80px); margin-left: -40px; padding-left: 40px; padding-right: 40px; */ display: none; } @media (max-width: 991px) { .swiper-steps-mobile__container { display: block; } .swiper-steps-mobile__container .swiper-steps-mobile { width: calc(100% + var(--indent-16) * 2); margin-left: calc(var(--indent-16) * -1); margin-right: calc(var(--indent-16) * -1); padding-left: var(--indent-16); padding-right: var(--indent-16); } } .swiper-steps-mobile a { outline: none !important; position: relative; } .swiper-steps-mobile a::before { content: ""; position: absolute; width: var(--indent-48); height: var(--indent-48); border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; bottom: var(--indent-24); right: var(--indent-24); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; } .swiper-steps-mobile .swiper-slide { max-width: 20rem; } .swiper-steps-mobile .swiper-slide h3, .swiper-steps-mobile .swiper-slide p { max-width: 20rem; } .swiper-steps-mobile .swiper-slide h3 { margin-bottom: var(--indent-8); } .swiper-steps-mobile .slide-steps__img { width: 100%; max-width: 20rem; /* height: 12rem; */ margin-bottom: var(--indent-16); } .swiper-steps-mobile .slide-steps__img img { /* position: absolute; top: 0; left: 0; */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); } .swiper-steps-mobile .slide-steps__img-contain { height: 12rem; } .swiper-steps-mobile .slide-steps__img-contain img { -o-object-fit: contain; object-fit: contain; } /* End */ /* Start:/local/frontend/textBlock/textBlock.css?17387107212004*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .text-block__description.text-block--gray{ color: var(--text); } .text-block__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: var(--indent-24); padding: var(--indent-40); background-color: var(--bgr); border-radius: var(--indent-16); } .text-block__show-more{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-8); -webkit-box-align: end; -ms-flex-align: end; align-items: end; cursor: pointer; } .text-block__show-more .text-sm{ line-height: 133%; } .text-block__show-more svg{ -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .text-block__show-more.active svg{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .text-block-expanded-block{ 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(--indent-16); padding: 0; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .text-block__with-title .text-xl{ margin-bottom: var(--indent-16); color: var(--font-main-color); } @media(max-width: 550px){ .text-block__content{ padding: var(--indent-24); gap: var(--indent-16); } } /* End */ /* Start:/local/frontend/tariff/tariff.css?17434305765774*/ .wrapper { max-width: 87.5rem; } .tariff { background-color: var(--bgr); border-radius: var(--indent-16); max-width: 29.25rem; min-width: 17.5rem; } .tariff.mobile { max-width: 21.4375rem; } .tariff__top { min-height: var(--height-top-tariff, 0px); padding: var(--indent-24); border-bottom: 3px solid var(--white); 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; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .tariff__top svg { width: 5.5rem; height: 5.5rem; } .tariff__body { --columns: 1; padding: var(--indent-24); } .top-tariff__price { margin-top: var(--indent-8); } .body-tariff ul.check { margin-bottom: var(--indent-32); padding-left: 0; } .body-tariff ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .body-tariff ul.check li:before { content: ""; display: inline-block; background-color: var(--bgr); padding: var(--indent-8); border-radius: var(--indent-8); width: var(--indent-24); height: var(--indent-24); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } .body-tariff ul.check li span { display: block; margin-top: var(--indent-8); } .column-3 { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--indent-16); grid-template-columns: repeat(3, 1fr); grid-auto-flow: row; } @media (max-width: 1145px) { .column-3 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 785px) { .column-3 { grid-template-columns: 1fr; } } @media (max-width: 575px) { .tariff__top { padding: var(--indent-12) var(--indent-24); } } @media (max-width: 1145px) { .column-3 .tariff { max-width: 100%; } } .column-4 { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--indent-16); grid-template-columns: repeat(4, 1fr); grid-auto-flow: row; } @media (max-width: 1505px) { .column-4 { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1145px) { .column-4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 785px) { .column-4 { grid-template-columns: 1fr; } } @media (max-width: 1145px) { .column-4 .tariff { max-width: 100%; } } .slider-tariff { width: calc(100% + 80px); margin-left: -40px; padding-left: 40px; padding-right: 40px; } .slider-tariff-mobile { width: 100%; } .slider-tariff-mobile .swiper-wrapper { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--indent-16); grid-template-columns: repeat(3, 1fr); grid-auto-flow: row; } @media (max-width: 1145px) { .slider-tariff-mobile .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 785px) { .slider-tariff-mobile .swiper-wrapper { grid-template-columns: 1fr; } } @media (max-width: 768px) { .slider-tariff-mobile .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; } } @media (min-width: 768px) and (max-width: 1145px) { .slider-tariff-mobile .tariff { max-width: 100%; } } @media (max-width: 768px) { .slider-tariff-mobile { width: calc(100% + 80px); margin-left: -40px; padding-left: 40px; padding-right: 40px; overflow: hidden; } } .slider-tariff, .slider-tariff-mobile, .column-3, .column-4, .mobile { margin-top: var(--indent-20); } /* End */ /* Start:/local/frontend/table/table.css?174548117116680*/ .table-container.container { /* max-width: 61rem; */ width: 100% } @media (max-width: 992px) { .table-container { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 1.5rem; } } .table-container ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } /* @media (max-width: 992px) { .table-container ol.number { margin-bottom: var(--indent-24); } } */ .table-container ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* @media (max-width: 992px) { .table-container ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } */ .table-container ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 992px) { .table-container ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } .table-container ul.check { margin-bottom: var(--indent-40); padding-left: 0; } @media (max-width: 992px) { .table-container ul.check { margin-bottom: var(--indent-24); } } .table-container ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 992px) { .table-container ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .table-container ul.check li:before { content: ""; display: inline-block; background-color: var(--bgr); padding: var(--indent-8); border-radius: var(--indent-8); width: 3.5rem; height: 3.5rem; color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url("/local/frontend/table/../img/check.png"); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 992px) { .table-container ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } } .table-container ul.check li span { display: block; margin-top: var(--indent-8); } .table-container ul { list-style: disc; padding-left: var(--indent-20); margin-bottom: var(--indent-40); } @media (max-width: 992px) { .table-container ul { margin-bottom: var(--indent-24); } } .table-container table { /* max-width: 61rem; */ max-width: 100%; width: 100%; border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); /* margin-bottom: var(--indent-40); */ margin-left: auto; margin-right: auto; } .table-wrapper { position: relative; border-radius: var(--indent-16); overflow-x: auto; } .table__content-touch { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 0.5rem); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; background: rgba(0,0,0,0.5); color: var(--white); cursor: pointer; text-align: center; pointer-events: none; border-radius: var(--indent-16); transition: 0.2s all; } .table__content-touch:not(._visible) { opacity: 0; pointer-events: none; } .table__content-touch svg { height: 4rem; fill: currentColor; } /* @media (max-width: 992px) { .table-container table { border-radius: 0; border: unset; margin-bottom: var(--indent-24); } } */ /* @media (max-width: 992px) { .table-container table thead { display: none; } } */ .table-container table thead tr th { padding: var(--indent-14) var(--indent-16); background-color: var(--bgr); text-align: left; vertical-align: middle; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .table-container table thead tr th:first-child { border-top-left-radius: 10px; } .table-container table thead tr th:last-child { border-top-right-radius: 10px; } .table-container table tbody tr td { padding: var(--indent-16); border-bottom: 1px solid var(--primary-disabled); /* vertical-align: middle; */ min-width: 13rem; } .table-container table tbody tr td:first-child { /* white-space: nowrap; */ } /* @media (max-width: 992px) { .table-container table tbody tr td { border-bottom: unset; padding: var(--indent-12); } } */ .table-container table tbody tr td .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 992px) { .table-container table tbody tr td .speaker-events-detail { margin-bottom: var(--indent-24); } } .table-container table tbody tr td .speaker-events-detail__card { width: 20rem; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } @media (max-width: 992px) { .table-container table tbody tr td .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .table-container table tbody tr td .speaker-events-detail__img { position: relative; width: var(--indent-48); height: var(--indent-48); border-radius: 100%; } .table-container table tbody tr td .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .table-container table tbody tr td ul { margin-bottom: 0; } /* @media (max-width: 992px) { .table-container table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); border-radius: var(--indent-16); padding: var(--indent-12); } .table-container table tbody tr:not(:last-child) { margin-bottom: var(--indent-8); } } */ .table-container .table__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-20); -moz-column-gap: var(--indent-20); column-gap: var(--indent-20); } .table-container .table__column .tablet { max-width: 59.875rem; width: 100%; } .table-container .table__column .tablet table { border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); margin-bottom: var(--indent-40); } .table-container .table__column .tablet table thead tr th { padding: var(--indent-14) var(--indent-16); background-color: var(--primary-disabled); text-align: left; vertical-align: middle; } .table-container .table__column .tablet table thead tr th:first-child { border-top-left-radius: 10px; } .table-container .table__column .tablet table thead tr th:last-child { border-top-right-radius: 10px; } .table-container .table__column .tablet table tbody tr td { padding: var(--indent-16); border-bottom: 1px solid var(--primary-disabled); vertical-align: middle; } .table-container .table__column .tablet table tbody tr td:first-child { white-space: break-spaces; width: 6rem; } .table-container .table__column .tablet table tbody tr td .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } .table-container .table__column .tablet table tbody tr td .speaker-events-detail__card { width: 15.4375rem; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .table-container .table__column .tablet table tbody tr td .speaker-events-detail__img { position: relative; width: var(--indent-48); height: var(--indent-48); border-radius: 100%; } .table-container .table__column .tablet table tbody tr td .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .table-container .table__column .tablet table tbody tr td ul { margin-bottom: 0; } .table-container .table__column .mobile { max-width: 21.4375rem; width: 100%; } .table-container .table__column .mobile table { border: unset; border-collapse: separate; border-spacing: 0; border-radius: 0; margin-bottom: var(--indent-24); } .table-container .table__column .mobile table thead { display: none; } .table-container .table__column .mobile table tbody tr td { padding: var(--indent-12); border-bottom: unset; vertical-align: middle; } .table-container .table__column .mobile table tbody tr td:first-child { white-space: nowrap; } .table-container .table__column .mobile table tbody tr td .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-24); } .table-container .table__column .mobile table tbody tr td .speaker-events-detail__card { width: 20rem; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } .table-container .table__column .mobile table tbody tr td .speaker-events-detail__img { position: relative; width: var(--indent-40); height: var(--indent-40); border-radius: 100%; } .table-container .table__column .mobile table tbody tr td .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .table-container .table__column .mobile table tbody tr td ul { margin-bottom: 0; } .table-container .table__column .mobile table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); margin-bottom: var(--indent-8); border-radius: var(--indent-16); padding: var(--indent-12); } .table-container .tabel-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 46.625rem; gap: var(--indent-24); } .table-container .tabel-cell__speaker { padding: var(--indent-16) var(--indent-24); width: calc(50% - var(--indent-48)); max-width: 20rem; } .table-container .tabel-cell__speaker.mobile { padding: var(--indent-16) var(--indent-12); } .table-container .tabel-cell__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .table-container .tabel-cell__wrapper svg { opacity: 0; transition: 0.2s all; min-width: 14px; width: 14px; } .table-container .tabel-cell__header { padding: var(--indent-16) var(--indent-24); } .table-container .tabel-cell__header.mobile { padding: var(--indent-16) var(--indent-12); background-color: var(--bgr); } .table-container .tabel-cell__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* max-width: 20rem; */ width: 100%; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); cursor: pointer; } .table-container .tabel-cell__inner:hover svg { opacity: 1; } .table-container .tabel-cell__inner svg { display: none; } .table-container .tabel-cell__inner .h3 { /* white-space: nowrap; */ } .table-container .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 992px) { .table-container .speaker-events-detail { margin-bottom: var(--indent-24); } } .table-container .speaker-events-detail__card { width: 20rem; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } @media (max-width: 992px) { .table-container .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .table-container .speaker-events-detail__img { position: relative; width: var(--indent-48); height: var(--indent-48); border-radius: 100%; } .table-container .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .table-container .mobile .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 992px) { .table-container .mobile .speaker-events-detail { margin-bottom: var(--indent-24); } } .table-container .mobile .speaker-events-detail__card { width: 20rem; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } @media (max-width: 992px) { .table-container .mobile .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .table-container .mobile .speaker-events-detail__img { position: relative; width: var(--indent-40); height: var(--indent-40); border-radius: 100%; } .table-container .mobile .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /* End */ /* Start:/local/frontend/forms/forms.css?174436470815793*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ .form-large__content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8.75rem 27.5rem; grid-template-columns: 1fr 27.5rem; gap: 8.75rem; } .form-large__rightside .input { max-width: 100%; } .form-large__wrapper { position: relative; z-index: 1; } .form-large { border-radius: var(--indent-16); padding: var(--indent-40); background: var(--bgr); position: relative; overflow: hidden; } .form-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-position: center; background-size: cover; } .form-large__leftside { 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(--indent-16); } .form-large__contacts { 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(--indent-16); margin: auto 0 0 0; } .form-large__contacts-item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-large .form__contacts-image img { width: var(--indent-40); height: var(--indent-40); } .form-large .button-icon-lg { padding: var(--indent-7); } .form__contacts-information { 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(--indent-4); } .form__contacts-information a { color: var(--primary-black); } .form-large__leftside h2, .form-large__leftside p { word-break: break-word; } .form-large__rightside .form-text { word-break: break-word; } .form-large.form-large--small { width: 21.4375rem; padding: var(--indent-24); } .form-large.form-large--small .form-large__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: var(--indent-24); } .form-large.form-large--gray.form-large--small .form-background-image { background-image: unset !important; } .form-large.form-large--small .form-large__leftside h2 { font-size: var(--fs-display-sm); line-height: 119%; } .form-large.form-large--small .text-md { font-size: var(--indent-15); line-height: 133%; } .form-large.form-large--pink { width: 27.6875rem; padding: var(--indent-32); } .form-large.form-large--pink { background: -o-linear-gradient(225deg, #bbd7ff 0%, #ed0188 100%); background: linear-gradient(225deg, #bbd7ff 0%, #ed0188 100%); } .form-large.form-large--pink .form-large__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: var(--indent-24); } .form-text.white, .form-text.white a { color: var(--white); } .form-large.form-large--pink .form-large__content .example-card { max-width: 100%; min-height: auto; 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(--indent-4); border-radius: var(--indent-8); padding: var(--indent-8) var(--indent-16); border: 1px solid #ffffff4f; } .form-inputs textarea.input-item { height: 48px; resize: vertical; border: none; outline: 1px solid var(--primary-third-border); } .card-description { word-break: break-word; } .card-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: var(--indent-4); } .card-price svg path { fill: var(--white) } .form-large.form-large--pink .form-background-image { background-size: auto; } .tooltip { opacity: 0; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: margin 0s ease, opacity 0s ease, -webkit-transform .15s ease; transition: margin 0s ease, opacity 0s ease, -webkit-transform .15s ease; -o-transition: margin 0s ease, transform .15s ease, opacity 0s ease; transition: margin 0s ease, transform .15s ease, opacity 0s ease; transition: margin 0s ease, transform .15s ease, opacity 0s ease, -webkit-transform .15s ease; } .tooltip.show { opacity: 1; pointer-events: auto; -webkit-transition: margin 0s ease, opacity 0s ease, -webkit-transform 0.15s ease; transition: margin 0s ease, opacity 0s ease, -webkit-transform 0.15s ease; -o-transition: margin 0s ease, transform 0.15s ease, opacity 0s ease; transition: margin 0s ease, transform 0.15s ease, opacity 0s ease; transition: margin 0s ease, transform 0.15s ease, opacity 0s ease, -webkit-transform 0.15s ease; } .form-large.form-large--pink.form-large--small { width: 21.4375rem; padding: var(--indent-24); } .form-large.form-large--pink.form-large--small .form-large__leftside h4 { font-size: var(--fs-display-xs); line-height: var(--fs-display-xs); } .form-large.form-large--pink.form-large--small .text-md { font-size: var(--indent-15); line-height: 133%; } .tooltip[data-popper-placement^="top"]::before { content: ''; position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .tooltip[data-popper-placement^="bottom"]::before { content: ''; position: absolute; top: -5px; left: 50%; -webkit-transform: translateX(-50%) rotate(135deg); -ms-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); } .tooltip[data-popper-placement^="left"]::before { content: ''; position: absolute; right: -5px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .tooltip[data-popper-placement^="right"]::before { content: ''; position: absolute; left: -5px; top: 50%; -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); } .tooltip-arrow { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: var(--indent-12); height: var(--indent-12); background-color: var(--white); } .input__field::placeholder { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .form-main .form-button { cursor: pointer; width: 100%; max-width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media(max-width: 1200px) { .form-large__content { gap: var(--indent-24); -ms-grid-columns: 1fr var(--indent-24) 19.5rem; grid-template-columns: 1fr 19.5rem; } .form-large.form-large--pink { width: 23rem; } } @media(max-width: 990px) { .form-large .text-sm { font-size: var(--indent-15); } .form-large__content { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .form-large { padding: var(--indent-24); } .form-background-image.form-large--gray { background-image: unset !important; } .form-large .text-md { font-size: var(--indent-15); line-height: 133%; } .form-large .form-large__leftside h2 { font-size: var(--fs-display-sm); line-height: 119%; } } @media(max-width: 768px) { .card-description { font-size: var(--indent-15); } .form-large .form__contacts-image img { width: var(--indent-32); height: var(--indent-32); } .form-large.form-large--pink { width: 100%; } } @media(max-width: 550px) { .form-large.form-large--pink { width: 100%; padding: var(--indent-24); } .form-large.form-large--small { width: 100%; } } div[id^="wait_comp_"] { display: none; } .file-input { opacity: 0; position: absolute; z-index: -1; overflow: hidden; width: 0.4px; height: 0.4px; } .file-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; border: 1px solid var(--light-black); padding: var(--indent-15) var(--indent-24); border-radius: var(--indent-12); cursor: pointer; background: var(--white); } .file-label svg { margin-bottom: var(--indent-12); } .file-loading { margin-top: var(--indent-8); } .file-label p { text-align: center; max-width: 250px; white-space: normal; word-break: normal; } .file-label p span { color: var(--brand-blue); font-weight: 500; } .file-loading__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border: 1px solid var(--light-black); border-radius: var(--indent-12); padding: var(--indent-16); background: var(--white); margin-bottom: var(--indent-8); } .erorr { border-color: var(--primary-red); } .erorr .delete svg path { stroke: var(--primary-red); } .file-loading__icon { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .file-loading__body { width: 100%; } .file-loading__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); margin-bottom: 2px; } .file-loading__retry { color: var(--primary-red); } .file-loading__progress { 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; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .file-loading__progress-indicator { background: var(--brand-blue); width: 100%; border-radius: 100px; height: var(--indent-8); } .file-loading__progress-number { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* drag and drop - "hover" */ .file-label.hover { border: 1px dotted var(--brand-blue); } .reiting-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); padding: var(--indent-8) 0; } .rating-area { overflow: hidden; width: auto; } .rating-area:not(:checked)>input { display: none; } .rating-area:not(:checked)>label { float: right; width: var(--indent-32); padding: 0; cursor: pointer; } .rating-area:not(:checked)>label:not(:first-child) { margin-right: var(--indent-8); } .rating-area:not(:checked)>label:before { content: ''; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; width: var(--indent-32); height: var(--indent-32); display: block; z-index: -1; position: relative; } .rating-area>input:checked~label:before { background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; } .rating-area>input:not(:checked)~label:hover, .rating-area>input:not(:checked)~label:hover~label:before { background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; } .rate-area>label:active { position: relative; } .search-form.input { max-width: 20rem; } .input__wrapper button[type="submit"] { width: var(--indent-21); height: var(--indent-21); position: absolute; top: 50%; transform: translateY(-50%); left: var(--indent-18); padding: 0; } .search-news__input { padding: var(--indent-14) var(--indent-44); height: 100%; } /* End */ /* Start:/local/frontend/css/more.css?174464195728362*/ /* more */ .block-title { margin-bottom: var(--indent-32); } .block-offset { margin-bottom: 4.71rem; } @media screen and (max-width: 767px) { .block-offset { margin-bottom: var(--indent-48); } .block-title { margin-bottom: var(--indent-16); } .block-title .title-lg { line-height: var(--indent-38); } } /* block-program */ .block-program { --offset-block: var(--indent-16); --columns: 2; } .block-program__items { display: grid; align-items: stretch; grid-template-columns: repeat(var(--columns), 1fr); gap: var(--offset-block); } @media screen and (max-width: 767px) { .block-program { --offset-gap: 1rem; --offset-block: var(--indent-8); } .block-program__wrapper { overflow-x: auto; margin: 0 calc(var(--offset-gap) * -1); padding: 0 var(--offset-gap); width: calc(100% + var(--offset-gap) * 2); scrollbar-width: none; } .block-program__wrapper::-webkit-scrollbar, .block-program__wrapper::-webkit-scrollbar-track, .block-program__wrapper::-webkit-scrollbar-thumb { display: none; } .block-program__items { display: flex; width: fit-content; } .block-program__item { min-width: 17.41rem; } } /* block-cards */ .block-cards { --columns: 2; --offset-block: var(--indent-24); } .block-cards__wrapper { display: grid; align-items: stretch; grid-template-columns: repeat(var(--columns), 1fr); gap: var(--offset-block); } @media screen and (max-width: 1023px) { .block-cards { --offset-block: var(--indent-16); } } @media screen and (max-width: 767px) { .block-cards { --columns: 1; } } /* result-search */ .result-search { max-width: 53.059rem; width: 100%; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; color: var(--primary-third-text); word-break: break-word; } .result-search__descr { margin-top: var(--indent-16); line-height: var(--indent-24); color: var(--text); } .result-search__content { margin-top: var(--indent-16); } .result-search__input { border: 1px solid var(--light-black); padding: var(--indent-18) var(--indent-16); } .result-search__content .tab-buttons { max-width: 100%; border-bottom: 1px solid var(--light-black); overflow-x: auto; scrollbar-width: none; border-radius: 0; } .block-program__wrapper::-webkit-scrollbar, .block-program__wrapper::-webkit-scrollbar-track, .block-program__wrapper::-webkit-scrollbar-thumb { display: none; } .result-search__bottom { display: flex; flex-direction: column; align-items: center; gap: var(--indent-24); margin-top: var(--indent-32); } .result-search__button-more { max-width: 100%; width: 100%; justify-content: center; } .result-search__items { margin-top: var(--indent-32); display: flex; flex-direction: column; gap: var(--indent-24); } .result-search__item { line-height: var(--indent-24); } .result-search__item-link { color: currentColor; } .result-search__item-descr { color: var(--text); margin-top: var(--indent-4); } @media screen and (max-width: 1300px) { .result-search__input { box-shadow: none; border-radius: var(--indent-8); margin: 0; height: 48px; padding: var(--indent-8) var(--indent-16); } .result-search__input .search-delete { border: none; } } @media screen and (max-width: 1023px) { .result-search__descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .result-search__items { margin-top: var(--indent-24); } .result-search__bottom { margin-top: var(--indent-24); gap: var(--indent-16); } .result-search__content .tab-buttons { --offset-gap: 1rem; margin: 0 calc(var(--offset-gap) * -1); padding: 0 var(--offset-gap); width: calc(100% + var(--offset-gap) * 2); max-width: calc(100% + var(--offset-gap) * 2); } .result-search__button-more { padding: var(--indent-12); } .result-search__button-more span { font-size: var(--fs-text-md); line-height: var(--indent-24); } } /* block-map */ .block-map { word-break: break-word; } .block-map__wrapper { position: relative; } .block-map__content { position: relative; max-width: 424px; width: 100%; margin: var(--indent-24); border-radius: var(--indent-16); background-color: rgba(255,255,255, 0.25); box-shadow: 0px 4px 15px 0px #00378533; border: 1px solid var(--white); } .block-map__content .tab-buttons { max-width: 100%; width: 100%; border-bottom: 1px solid var(--white); } .block-map__content .tab-btn { text-align: center; justify-content: center; flex: 1 0 0; } .block-map__content .tab-content { margin: 0; } .block-map__body { padding: var(--indent-24); display: flex; flex-direction: column; } .block-map__body-content { display: flex; flex-direction: column; gap: var(--indent-24); } .block-map__body-bottom { margin-top: auto; padding-top: var(--indent-40); display: flex; align-items: stretch; flex-direction: column; gap: var(--indent-8); } .block-map__body-bottom .button { max-width: 100%; justify-content: center; } .block-map__body-descr { margin-top: var(--indent-8); } .block-map__contacts-descr { margin-top: var(--indent-4); font-size: var(--fs-text-xl); line-height: var(--indent-30); } .block-map__body-descr, .block-map__contacts-descr { line-height: var(--indent-24); } .block-map__contacts-descr, .block-map__contacts-descr a, .block-map__contacts-descr p { color: currentColor; font-weight: var(--fw-bold); } .block-map__body-descr, .block-map__contacts-title { color: var(--text); } .block-map__hidden { display: none; } .block-map__map > .ymaps-2-1-79-map, .block-map__map > .ymaps-2-1-79-map > .ymaps-2-1-79-map { height: 100% !important; } /**/ .ymaps-2-1-79-ground-pane { /* filter: grayscale(1) invert(8%) sepia(41%) saturate(2570%) hue-rotate(178deg) brightness(109%) contrast(93%); */ } .ymaps-2-1-79-controls__toolbar { margin-top: 1rem !important; } .ymaps-2-1-79-controls__control_toolbar.ymaps-2-1-79-user-selection-none { margin-right: 1rem !important; } .ymaps-2-1-79-controls__control_toolbar.ymaps-2-1-79-user-selection-none > *, .ymaps-2-1-79-zoom__button > * { display: none !important; } .ymaps-2-1-79-controls__control { inset: 12rem 1rem auto auto !important; } .ymaps-2-1-79-image { border-radius: 50%; background-color: #fff; border: 2px solid var(--primary-blue-hover); box-shadow: 0px 4px 15px 0px #00378533; } .ymaps-2-1-79-zoom { width: 2rem !important; padding: 2rem 0 !important; height: 0.75rem !important; } .ymaps-2-1-79-controls__control_toolbar.ymaps-2-1-79-user-selection-none, .ymaps-2-1-79-zoom__button { width: 2rem !important; height: 2rem !important; background-color: var(--white) !important; border-radius: var(--indent-8) !important; cursor: pointer; background-position: center; background-size: 1rem; background-repeat: no-repeat; } .ymaps-2-1-79-controls__control_toolbar.ymaps-2-1-79-user-selection-none { display: none !important; } .ymaps-2-1-79-zoom__plus { background-image: url('/local/frontend/css/../images/navigation-plus.svg') !important; } .ymaps-2-1-79-zoom__minus { background-image: url('/local/frontend/css/../images/navigation-minus.svg') !important; } /**/ .ymaps-2-1-79-balloon { box-shadow: none !important; } .ymaps-2-1-79-balloon__layout { background: transparent !important; } .ymaps-2-1-79-balloon__content { border-radius: var(--indent-8); border: none; padding: var(--indent-16); } .ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content { padding-right: var(--indent-16) !important; margin-right: 0 !important; } .ymaps-2-1-79-copyrights-pane { display: none; } @media screen and (min-width: 1024px) { .block-map__map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-map__wrapper { border-radius: var(--indent-16); overflow: hidden; min-height: 560px; } } @media screen and (max-width: 1023px) { .block-map__map { height: 400px; border-radius: var(--indent-16); overflow: hidden; } .block-map__content { margin: 0; max-width: 100%; } .block-map__body-descr, .block-map__contacts-title { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .block-map__body-content { gap: var(--indent-16); } .block-map__body-bottom { padding-top: var(--indent-24); } .block-map__contacts-descr { font-size: var(--fs-text-lg); line-height: var(--indent-28); } .block-map__wrapper { display: flex; gap: var(--indent-8); flex-direction: column-reverse; } } /* block-requisites */ .block-requisites { --columns: 2; --offset-block: var(--indent-24); word-break: break-word; } .block-requisites__wrapper { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--offset-block); } .block-requisites__text { flex-grow: 1; max-width: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns)); } .block-requisites__bottom { margin-top: var(--indent-32); } @media screen and (max-width: 767px) { .block-requisites { --columns: 1; --offset-block: var(--indent-8); } .block-requisites__bottom { margin-top: var(--indent-24); } .block-requisites__text { font-size: var(--fs-text-sm); line-height: var(--indent-20); } } /**/ .btn-small { display: inline-flex; align-items: center; justify-content: center; padding: 2px var(--indent-8); gap: var(--indent-4); border-radius: var(--indent-8); overflow: hidden; color: var(--brand-blue); background: var(--lightest-blue); border: 1px solid var(--light-blue); font-size: var(--fs-text-sm); line-height: var(--indent-20); transition: 0.2s all; } @media screen and (min-width: 1024px) { .btn-small:hover { background-color: var(--light-blue); } } .btn-small:active { background-color: var(--light-blue); } /* block-awards */ .block-awards { --offset-block: var(--indent-56); word-break: break-word; position: relative; } .block-awards__wrapper { margin: 0 var(--indent-48); padding: var(--indent-16) calc(var(--offset-block)); /* position: relative; */ } .block-awards__item { display: flex; flex-direction: column; text-align: center; } .block-awards__item-num { display: flex; justify-content: center; align-items: end; gap: var(--indent-32); font-weight: var(--fw-bold); font-size: var(--fs-display-2xl); line-height: var(--fs-display-2xl); color: var(--brand-blue); } .block-awards__item-num svg { display: block; min-width: 43px; width: 43px; } .block-awards__item-btn, .block-awards__item-body { margin-top: var(--indent-12); } .block-awards__arrows { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; pointer-events: none; z-index: 1; } .block-awards__arrows > * { pointer-events: all; } .block-awards__arrows .swiper-button-lock { display: none; } @media screen and (max-width: 1023px) { .block-awards__wrapper { margin: 0; } .block-awards__arrows .swiper-button--md { width: var(--indent-32); height: var(--indent-32); } .block-awards__arrows .swiper-button--md svg { width: var(--indent-16); height: var(--indent-16); } } @media screen and (max-width: 424px) { .block-awards__wrapper { padding: var(--indent-16) var(--indent-32); } } /* block-team */ .block-team { --offset-block: var(--indent-32); word-break: break-word; } .block-team .tab-content { margin-top: 0; } .block-team__top { display: flex; align-items: center; justify-content: space-between; gap: var(--indent-12); } .block-team__content { position: relative; overflow: hidden; border-radius: var(--indent-16); } .block-team__content-image { width: 100%; height: 100%; } .block-team__content-image img { display: block; width: 100%; height: 100%; object-fit: cover; max-height: 560px; min-height: 220px; } .block-team__content-body { position: absolute; bottom: var(--offset-block); left: var(--offset-block); width: calc(100% - var(--offset-block) * 2); pointer-events: none; z-index: 1; display: flex; align-items: center; justify-content: space-between; } .block-team__button { pointer-events: all; } .block-team__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-team__more { content: ""; width: var(--indent-48); height: var(--indent-48); border-radius: var(--indent-8); background-color: var(--primary-pink); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: var(--indent-20); transition: all 0.3s ease; /* opacity: 0; */ opacity: 1; } @media screen and (min-width: 1023px) { .block-team__content:hover .block-team__more { opacity: 1; } } @media screen and (max-width: 1023px) { .block-team__more { opacity: 1; } .block-team { --offset-block: var(--indent-16); } .block-team__top { flex-direction: column; align-items: start; } } /* block-steps */ .block-steps { --offset-gap: var(--indent-16); --width-image: 39.53rem; word-break: break-word; } .block-steps__title { margin-bottom: var(--indent-24); } .block-steps__top-tabs { display: flex; align-items: center; justify-content: space-between; gap: var(--indent-24); } .block-steps__arrows { display: flex; align-items: center; gap: var(--indent-12); } .block-steps__top-tabs .tab-buttons { max-width: 100%; overflow-x: auto; scrollbar-width: none; } .block-steps__wrapper::-webkit-scrollbar, .block-steps__wrapper::-webkit-scrollbar-track, .block-steps__wrapper::-webkit-scrollbar-thumb { display: none; } .block-steps__wrapper .tab-content { margin-top: var(--indent-24); } .block-steps__item { display: flex; align-items: start; gap: var(--indent-40); } .block-steps__item-image { border-radius: var(--indent-16); overflow: hidden; min-width: var(--width-image); width: var(--width-image); } .block-steps__item-image img { object-fit: cover; width: 100%; height: 100%; display: block; } .block-steps__item-body { display: flex; flex-direction: column; padding: var(--indent-16) 0; } .block-steps__item-title { font-weight: var(--fw-bold); font-size: 100px; line-height: 100px; color: var(--primary-blue); } .block-steps__item-subtitle { margin-top: var(--indent-16); font-weight: var(--fw-bold); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .block-steps__item-subtitle p { font-weight: var(--fw-bold); } .block-steps__item-descr { margin-top: var(--indent-16); line-height: var(--indent-24); color: var(--text); } @media screen and (max-width: 1439px) { .block-steps { --width-image: 45%; } } @media screen and (max-width: 1023px) { .block-steps__arrows { display: none; } .block-steps__top-tabs .tab-buttons { margin: 0 calc(var(--offset-gap) * -1); padding: 0 var(--offset-gap); width: calc(var(--offset-gap) * 2 + 100%); max-width: calc(var(--offset-gap) * 2 + 100%); } .block-steps__item-title { font-size: var(--fs-display-lg); line-height: var(--indent-60); } .block-steps__item-subtitle { margin-top: var(--indent-8); font-size: var(--fs-text-xl); line-height: var(--indent-30); } .block-steps__item-descr { margin-top: var(--indent-8); font-size: var(--fs-text-sm); line-height: var(--indent-20); } .block-steps__item { gap: var(--indent-24); } .block-steps__title { line-height: var(--indent-38); } } @media screen and (max-width: 575px) { .block-steps { --width-image: 100%; } .block-steps__item { flex-direction: column; } .block-steps__item-body { padding: 0; } } /* block-purposes */ .block-purposes { --offset-gap: var(--padding-md); word-break: break-word; } .block-purposes__top { display: flex; align-items: end; justify-content: space-between; gap: var(--indent-48); margin-bottom: var(--indent-32); } .block-purposes__arrows { display: flex; align-items: end; gap: var(--indent-12); } .block-purposes .tariff { min-width: 0; max-width: 100%; height: auto; } .block-purposes .card-transparent + .card-transparent { margin-top: var(--indent-24); } .block-purposes__slider { margin: 0 calc(var(--offset-gap) * -1); padding: 0 var(--offset-gap); width: calc(100% + var(--offset-gap) * 2); } .block-purposes__slider-wrapper { align-items: stretch; } @media screen and (max-width: 1023px) { .block-purposes .tariff { max-width: 26rem; } .block-purposes__arrows { display: none; } } @media screen and (max-width: 767px) { .block-purposes .tariff { max-width: 17.41rem; } .block-purposes { --offset-gap: var(--padding-xs); } .block-purposes__title { line-height: var(--indent-38); } .block-purposes__top { margin-bottom: var(--indent-24); } } /* block-text */ .block-text-wrapper { padding-top: var(--indent-40); text-align: center; word-break: break-word; position: sticky; top: 40dvh; } .block-text__content, .block-text__content p { font-weight: 500; } .block-text__content { letter-spacing: -0.02em; font-size: var(--fs-display-lg); margin: 0 9.412rem; } .block-text__bottom { margin-top: var(--indent-64); } .block-text__title { transition: 0.2s all; opacity: 0; } .block-text__title._active { opacity: 1; } .block-text__title, .block-text__title p, .block-text__title span { font-weight: var(--fw-bold); } .block-text__title { font-size: var(--fs-display-2xl); line-height: var(--fs-display-2xl); display: flex; align-items: center; justify-content: center; gap: var(--indent-16); color: var(--primary-pink); } .block-text__title img { display: block; min-width: var(--indent-88); width: var(--indent-88); min-height: var(--indent-88); height: var(--indent-88); } @media screen and (max-width: 1023px) { .block-text-wrapper { padding-top: 1.5rem; } .block-text__content { margin: 0; } .block-text__content { margin-top: var(--indent-24); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .block-text__bottom { margin-top: var(--indent-40); } .block-text__title { gap: var(--indent-12); font-size: var(--fs-display-md); line-height: var(--indent-44); } .block-text__title img { width: var(--indent-48); height: var(--indent-48); min-width: var(--indent-48); min-height: var(--indent-48); } } /* block-heroes */ .block-heroes { word-break: break-word; } /* block-accordion */ .block-accordion { word-break: break-word; } .block-accordion .accordion__item { margin-bottom: 0; max-width: 100%; } .block-accordion__wrapper { display: flex; flex-direction: column; gap: var(--indent-16); } .block-accordion__items { display: flex; flex-direction: column; gap: var(--indent-8); } .block-accordion__more { max-width: 100%; width: 100%; justify-content: center; } /* block-life */ .block-life { word-break: break-word; } .block-life__top { margin-bottom: var(--indent-32); text-align: center; } .block-life__title.title-lg { line-height: var(--indent-60); } .block-life__introtext { margin-top: var(--indent-16); line-height: var(--indent-24); color: var(--text); } .block-life__wrapper { position: relative; margin: 0 143px; padding: 0 var(--indent-88); } .block-life__slider { position: static; } .block-life__slider-wrapper { align-items: stretch; } .block-life__slider-item { height: auto; display: flex; align-items: center; } .block-life__slider-img { display: block; width: 100%; border-radius: var(--indent-16); overflow: hidden; } .block-life__slider-img img { display: block; width: 100%; height: 100%; } .block-life__arrows { position: absolute; top: 50%; left: 0; transform: translateY(-50%); pointer-events: none; width: 100%; display: flex; align-items: center; justify-content: space-between; z-index: 1; } .block-life__arrows > * { pointer-events: all; } @media screen and (max-width: 1023px) { .block-life__wrapper { margin: 0; } } @media screen and (max-width: 767px) { .block-life__top { margin-bottom: var(--indent-24); text-align: left; } .block-life__title.title-lg { line-height: var(--indent-38); } .block-life__introtext { margin-top: var(--indent-12); font-size: var(--fs-text-sm); line-height: var(--indent-20); } } @media screen and (max-width: 575px) { .block-life { --offset-gap: var(--padding-xs); } .block-life__arrows { display: none; } .block-life__wrapper { padding: 0; } .block-life__slider-item { max-width: 18.824rem; } .block-life__slider { padding: 0 var(--offset-gap); margin: 0 calc(var(--offset-gap) * -1); width: calc(100% + var(--offset-gap) * 2); } } /* js-text-muted */ .js-text-muted font { transition: 0.2s all; } /* block-banner */ .block-banner { color: var(--white); background-color: var(--primary-black); word-break: initial; position: relative; } .block-banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .block-banner__bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .block-banner__main-bg { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; overflow: hidden; } .block-banner__main-bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .block-banner__main { padding-top: 6.5rem; position: relative; } .block-banner__main .breadcrumbs--light .breadcrumbs__item { color: var(--primary-secondary-text); } .block-banner__main .breadcrumbs--light .breadcrumbs__separator svg path { stroke: var(--primary-secondary-text); } .block-banner__main .breadcrumbs--light .breadcrumbs__item--active { color: var(--white); } .block-banner__title { font-size: var(--fs-display-2xl); line-height: var(--fs-display-2xl); letter-spacing: -0.02em; } .block-banner__content { padding: var(--indent-32) 0 var(--indent-40); display: flex; flex-direction: column; max-width: 390px; } .block-banner__logo { width: 100%; aspect-ratio: 39 / 20; } .block-banner__logo img { display: block; width: 100%; height: auto; max-height: 100%; object-fit: contain; } .block-banner__descr { font-size: var(--fs-text-xl); line-height: var(--indent-30); margin-top: var(--indent-40); } .block-banner__bottom { margin-top: var(--indent-80); } .block-banner__bottom .button { min-width: 226px; justify-content: center; } .block-banner__bottom .button + .button { margin-top: var(--indent-12); } .block-banner__wrapper { display: flex; align-items: stretch; justify-content: space-between; gap: var(--indent-64); } /**/ .block-banner__items { padding: var(--indent-12) 0 var(--indent-40); display: grid; grid-template-columns: repeat(4, 25%); max-width: 896px; } .block-banner__item { text-align: center; text-transform: uppercase; backdrop-filter: blur(var(--indent-12)); -webkit-backdrop-filter: blur(var(--indent-12)); display: flex; flex-direction: column; } .block-banner__item:not(.block-banner__item-link) { min-height: 192px; } .block-banner__item-gradient { background: linear-gradient(44.1deg, rgba(255, 88, 182, 0.2) 0%, rgba(64, 147, 255, 0.25) 100%); } .block-banner__item-border { border: 1.5px solid rgba(255,255,255, 0.1); width: 100%; height: 100%; display: flex; flex-direction: column; gap: var(--indent-24); align-items: center; justify-content: center; overflow: hidden; } .block-banner__item-letter { font-size: 120px; line-height: 0.8; font-weight: 900; padding-bottom: var(--indent-32); } .block-banner__item-bg { width: 100%; height: 100%; } .block-banner__item-bg img { width: 100%; height: 100%; object-fit: cover; } .block-banner__item-title { font-weight: var(--fw-bold); font-size: var(--fs-text-sm); line-height: var(--indent-20); padding: var(--indent-32) var(--indent-32) 0; } .block-banner__item-link .block-banner__item-border { padding: var(--indent-12); } .block-banner__item-link .block-banner__item-border svg { width: var(--indent-32); height: var(--indent-32); } .block-banner__item-image { justify-self: end; width: 100%; } .block-banner__item-image img { display: block; object-fit: cover; width: 100%; height: auto; } .block-banner__item-color { color: var(--primary-pink); } .block-banner__item:first-child { grid-row: span 2; } .block-banner__item:nth-child(3) { grid-column: span 2; } .block-banner__item:nth-child(6) { grid-row: span 2; } .block-banner__item:nth-child(7) { grid-row: span 2; } .block-banner__item:nth-child(10) { grid-column: span 3; } @media screen and (max-width: 1023px) { .block-banner__items { display: none; } } @media screen and (max-width: 767px) { .block-banner__content { padding: var(--indent-48) 0 var(--indent-70); } .block-banner__title { font-size: var(--fs-display-lg); line-height: var(--indent-60); } .block-banner__bottom { margin-top: var(--indent-56); } .block-banner__descr { font-style: var(--fs-text-lg); line-height: var(--indent-28); margin-top: var(--indent-28); } } /* End */ /* Start:/local/frontend/pages/vacancies/css/vacancies.css?17453101365763*/ /* breadcrumbs */ .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1023px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } /* all */ .vacancies.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1023px) { .vacancies.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } /* vacancies-cards */ .vacancies-form-img, .vacancies-detail { margin-bottom: 4.71rem; } .vacancies-form-img { width: 100%; } .vacancies { color: var(--primary-third-text); word-break: break-word; } .vacancies__title { margin-bottom: var(--indent-24); word-break: break-word; } @media screen and (max-width: 1023px) { .vacancies-form-img, .vacancies-detail { margin-bottom: var(--indent-48); } } @media screen and (max-width: 767px) { .vacancies-form-img, .vacancies-detail { margin-bottom: var(--indent-48); } } /* vacancies-detail */ .vacancies-detail { --width-aside: 328px; --offset-block: 3.29rem; display: flex; align-items: start; gap: var(--offset-block); } .vacancies-detail__content { /* max-width: calc(100% - var(--width-aside) - var(--offset-block)); */ flex-grow: 1; display: flex; flex-direction: column; gap: var(--indent-40); } .vacancies-detail__text { display: flex; flex-direction: column; } .vacancies-detail__text-title, .vacancies-detail__text-title p { font-weight: var(--fw-bold); font-size: var(--fs-display-sm); line-height: var(--indent-38); } .vacancies-detail__text-descr { margin-top: var(--indent-24); line-height: var(--indent-24); } .vacancies-detail__text-descr ol.number { margin-bottom: 0; } .vacancies-detail__banner { border-radius: var(--indent-16); position: relative; overflow: hidden; } .vacancies-detail__banner-content { padding: var(--indent-30) var(--indent-24); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--indent-48); position: relative; color: var(--white); } .vacancies-detail__banner-title, .vacancies-detail__banner-title p { font-weight: var(--fw-bold); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .vacancies-detail__banner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vacancies-detail__banner-bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .vacancies-detail__share { margin-bottom: 0; } .vacancies-detail__tags-list { display: flex; flex-wrap: wrap; gap: var(--indent-8); margin-top: var(--indent-16); } .vacancies-detail__tags-list .button svg path { stroke: var(--brand-blue); } .vacancies-detail__aside { --size-aside: var(--indent-20); min-width: var(--width-aside); width: var(--width-aside); display: flex; flex-direction: column; gap: var(--indent-32); position: sticky; top: calc(var(--height-header, 0px) + var(--indent-20)); /* height: 100vh; overflow-y: auto; scrollbar-width: none; margin: 0 calc(var(--size-aside) * -1); padding: 0 var(--size-aside); width: calc(var(--size-aside) * 2 + 100%); */ } /* .vacancies-detail__aside::-webkit-scrollbar, .vacancies-detail__aside::-webkit-scrollbar-track, .vacancies-detail__aside::-webkit-scrollbar-thumb { display: none; } */ .vacancies-detail__aside .card-case { padding: var(--indent-24); } .vacancies-detail__aside-title, .vacancies-detail__aside-title p { font-weight: var(--fw-bold); font-size: var(--fs-text-lg); line-height: var(--indent-28); } .vacancies-detail__aside-more { margin-top: var(--indent-12); display: flex; flex-direction: column; gap: var(--indent-12); } @media screen and (max-width: 1023px) { .vacancies-detail { --offset-block: var(--indent-30); } .vacancies-detail__content { gap: var(--indent-24); } } @media screen and (max-width: 767px) { .vacancies-detail { --offset-block: var(--indent-24); --width-aside: 100%; flex-direction: column; } .vacancies-detail__text-title, .vacancies-detail__text-title p { font-size: var(--fs-display-xs); line-height: var(--indent-32); } .vacancies-detail__text-descr { margin-top: var(--indent-16); font-size: var(--fs-text-sm); line-height: var(--indent-20); } .vacancies-detail__banner-content { padding: var(--indent-24); } .vacancies-detail__banner-title, .vacancies-detail__banner-title p { font-size: var(--fs-text-xl); line-height: var(--indent-30); } .vacancies-detail__tags-title { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .vacancies-detail__content, .vacancies-detail__aside { max-width: 100%; } .vacancies-detail__aside .card-case { max-width: 100%; } .vacancies-detail__aside { gap: var(--indent-24); } .vacancies-detail__aside-title, .vacancies-detail__aside-title p { font-size: var(--fs-text-md); line-height: var(--indent-24); } .vacancies-detail__aside .card-case { padding: var(--indent-16); } } /* End */ /* Start:/local/frontend/pages/histories/css/histories.css?174461415710285*/ /* breadcrumbs */ .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1023px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } /* all */ .histories.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1023px) { .histories.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } /* histories-cards */ .histories-cards, .histories-form-img, .histories-detail { margin-bottom: 4.71rem; } .histories-form-img { width: 100%; } .histories { color: var(--primary-third-text); word-break: break-word; } .histories__title { margin-bottom: var(--indent-24); word-break: break-word; } .histories-cards__top { display: flex; align-items: center; column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } .histories-cards__top .dropdown__button { padding: var(--indent-12) var(--indent-16); margin-bottom: 0; } .histories-cards__filter { display: flex; align-items: center; row-gap: var(--indent-12); column-gap: var(--indent-12); flex: 1 1 39%; } .histories-cards__form { max-width: 15.295rem; flex: 1 0 0; } .histories-cards__search { justify-items: end; flex: 1 1 auto; } .histories-cards__search .input__wrapper button svg { position: static; transform: none; } .histories-cards__search .search-form { margin-left: auto; } .histories-cards__items { margin-bottom: var(--indent-24); display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--indent-16); } .histories-cards__item { max-width: calc((100% - var(--indent-16) * 2) / 3); height: auto; } .histories-cards__bottom-more { width: 100%; max-width: 100%; justify-content: center; } .histories-cards__bottom { display: flex; align-items: center; flex-direction: column; gap: var(--indent-24); } @media screen and (max-width: 1439px) { .histories-cards__item { padding: var(--indent-24); } } @media screen and (max-width: 1023px) { .histories-cards__item { max-width: calc((100% - var(--indent-16)) / 2); } .histories-cards, .histories-form-img, .histories-detail { margin-bottom: var(--indent-48); } } @media screen and (max-width: 767px) { .histories-cards__top { flex-direction: column; } .histories-cards__form { max-width: 100%; width: 100%; flex: auto; } .histories-cards__filter { flex-direction: column; width: 100%; } .histories-cards__form { flex: 1 1 60%; } .histories-cards__search { width: 100%; } .histories-cards__search .input { max-width: 100%; } .histories-cards, .histories-form-img, .histories-detail { margin-bottom: var(--indent-48); } .histories-cards__top .dropdown__button { margin-bottom: 0; } } @media screen and (max-width: 575px) { .histories-cards__items { gap: var(--indent-8); } .histories-cards__item { max-width: 100%; min-height: 14.25rem; } .histories-cards__bottom { gap: var(--indent-16); } } /* histories-badge */ .histories-badge { border-radius: var(--indent-16); overflow: hidden; min-height: var(--indent-60); padding: var(--indent-8) var(--indent-24); display: flex; align-items: center; justify-content: space-between; gap: var(--indent-10); border: 1px solid #078FFF; background-color: var(--lightest-blue); margin-bottom: var(--indent-32); } .histories-badge__title { font-weight: var(--font-weight-medium); font-size: var(--indent-21); line-height: 1.43; } .histories-badge__descr { margin-top: var(--indent-10); font-size: 1rem; line-height: 1.41; color: var(--text); } .histories-badge__img { height: 7.06rem; } .histories-badge__img img { display: block; width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 1023px) { .histories-badge { margin-bottom: var(--indent-24); } .histories-badge__img { height: 6.118rem; } .histories-badge__title { font-size: var(--fs-text-lg); line-height: var(--indent-28); } .histories-badge__descr { font-size: var(--fs-text-sm); line-height: var(--indent-20); } } @media screen and (max-width: 575px) { .histories-badge { padding: var(--indent-24); flex-direction: column; align-items: start; gap: var(--indent-16); } } /* histories-detail */ .histories-detail { --width-aside: 328px; --offset-block: 3.29rem; display: flex; align-items: start; gap: var(--offset-block); } .histories-detail__content { max-width: calc(100% - var(--width-aside) - var(--offset-block)); flex-grow: 1; display: flex; flex-direction: column; gap: var(--indent-40); } .histories-detail__text { display: flex; flex-direction: column; } .histories-detail__text-title, .histories-detail__text-title p { font-weight: var(--fw-bold); font-size: var(--fs-display-sm); line-height: var(--indent-38); } .histories-detail__text-descr { margin-top: var(--indent-24); line-height: var(--indent-24); } .histories-detail__text-descr ol.number { margin-bottom: 0; } .histories-detail__banner { border-radius: var(--indent-16); position: relative; overflow: hidden; } .histories-detail__banner-content { padding: var(--indent-30) var(--indent-24); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--indent-48); position: relative; color: var(--white); } .histories-detail__banner-title, .histories-detail__banner-title p { font-weight: var(--fw-bold); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .histories-detail__banner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .histories-detail__banner-bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .histories-detail__share { margin-bottom: 0; } .histories-detail__tags-list { display: flex; flex-wrap: wrap; gap: var(--indent-8); margin-top: var(--indent-16); } .histories-detail__tags-list .button svg path { stroke: var(--brand-blue); } .histories-detail__aside { --size-aside: var(--indent-20); min-width: var(--width-aside); width: var(--width-aside); display: flex; flex-direction: column; gap: var(--indent-32); position: sticky; top: calc(var(--height-header, 0px) + var(--indent-20)); /* height: 100vh; overflow-y: auto; scrollbar-width: none; margin: 0 calc(var(--size-aside) * -1); padding: 0 var(--size-aside); width: calc(var(--size-aside) * 2 + 100%); */ } /* .histories-detail__aside::-webkit-scrollbar, .histories-detail__aside::-webkit-scrollbar-track, .histories-detail__aside::-webkit-scrollbar-thumb { display: none; } */ .histories-detail__aside .card-case { padding: var(--indent-24); min-height: 12.24rem; } .histories-detail__aside .card-case__tags { margin-bottom: var(--indent-12); } .histories-detail__aside .card-case .card-case__title { font-size: var(--indent-17); line-height: var(--indent-24); margin-bottom: var(--indent-8); } .histories-detail__aside .card-case .card-case__bottom { gap: var(--indent-8); } .histories-detail__aside .card-case__icon { max-width: 4.94rem; max-height: 4.94rem; align-self: center; } .histories-detail__aside .card-case__icon img { width: 100%; height: 100%; object-fit: contain; } .histories-detail__aside-title, .histories-detail__aside-title p { font-weight: var(--fw-bold); font-size: var(--fs-text-lg); line-height: var(--indent-28); } .histories-detail__aside-more { margin-top: var(--indent-12); display: flex; flex-direction: column; gap: var(--indent-12); } @media screen and (max-width: 991px) { .histories-detail { --offset-block: var(--indent-24); --width-aside: 100%; flex-direction: column; } .histories-detail { --offset-block: var(--indent-30); } .histories-detail__content { gap: var(--indent-24); } .histories-detail__aside .card-case .card-case__title { font-size: 1.0625rem; line-height: 1.5rem; } .histories-detail__content, .histories-detail__aside { max-width: 100%; } .histories-detail__aside .card-case { max-width: 100%; } } @media screen and (max-width: 767px) { .histories-detail__text-title, .histories-detail__text-title p { font-size: var(--fs-display-xs); line-height: var(--indent-32); } .histories-detail__text-descr { margin-top: var(--indent-16); font-size: var(--fs-text-sm); line-height: var(--indent-20); } .histories-detail__banner-content { padding: var(--indent-24); } .histories-detail__banner-title, .histories-detail__banner-title p { font-size: var(--fs-text-xl); line-height: var(--indent-30); } .histories-detail__tags-title { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .histories-detail__aside { gap: var(--indent-24); } .histories-detail__aside-title, .histories-detail__aside-title p { font-size: var(--fs-text-md); line-height: var(--indent-24); } .histories-detail__aside .card-case { padding: var(--indent-16); } } .search-histories .search-news__input::-webkit-search-cancel-button { -webkit-appearance: none; } /* End */ /* Start:/local/frontend/pages/events/css/events.css?174374837610443*/ .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1024px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .events.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .events.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .events__title { margin-bottom: var(--indent-24); } .events__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events__list { margin-bottom: 5rem; } .events__list .pagination-wrap { margin: 0 auto; } .card-events { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); border-radius: var(--indent-16); min-height: 25.5rem; margin-bottom: var(--indent-24); } @media (max-width: 767px) { .card-events { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } } .card-events__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; height: 25.5rem; } @media (max-width: 767px) { .card-events__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 600px) { .card-events__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 12.75rem; } } .card-events__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .body-card-events { align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: auto; } @media (max-width: 767px) { .body-card-events { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /* height: 12.75rem; */ height: auto; } } .body-card-events__inner { padding: var(--indent-32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 767px) { .body-card-events__inner { padding: var(--indent-24); } } .body-card-events__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-gap: var(--indent-12); -moz-gap: var(--indent-12); gap: var(--indent-12); margin-bottom: var(--indent-16); } .body-card-events__tag { padding: var(--indent-8) var(--indent-12); } .body-card-events__tag span { line-height: var(--indent-20); } .body-card-events__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .body-card-events__flex { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .body-card-events__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .body-card-events__title { /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ /* -webkit-line-clamp: 3; */ overflow: hidden; margin-bottom: var(--indent-16); } .body-card-events__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 767px) { .body-card-events__text { display: none; } .body-card-events__title { margin-bottom: 0; } } .body-card-events__more { background-color: var(--white); } .body-card-events__bth { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); margin-top: var(--indent-24); } .events-list__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto-fill; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-24); margin-bottom: var(--indent-24); } @media screen and (max-width: 1279px) { .events-list__wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .events-list__wrapper { grid-template-columns: 1fr; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 0; } .body-card-events__bth { flex-direction: column; gap: 0.75rem; } .body-card-events__bth .button { max-width: 100%; width: 100%; justify-content: center; } } .events-list__button { width: 100%; max-width: none; margin-bottom: var(--indent-24); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .events-list__pagination { margin: 0 auto; } .card-events-list { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } @media (max-width: 767px) { .card-events-list { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); margin-bottom: var(--indent-24); } } .card-events-list__img { position: relative; width: 100%; height: 14.5rem; margin-bottom: var(--indent-16); } .card-events-list__divider { display: block; background-color: currentColor; align-self: stretch; height: auto; width: 1px; } @media (max-width: 767px) { .card-events-list__img { height: 5rem; width: 5rem; margin-bottom: 0; } } .card-events-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-events-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); color: var(--primary-black); } .card-events-list__tag { padding: 0.125rem var(--indent-8); } .card-events-list__tag span { line-height: var(--indent-20); } .card-events-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 767px) { .card-events-list__info.gray path { fill: unset; } } .card-events-list__time.desktop { display: block; } .card-events-list__time.mobile { display: none; } @media (max-width: 767px) { .card-events-list__time.desktop { display: none; } .card-events-list__time.mobile { display: block; } .card-events-list__time.mobile svg { vertical-align: bottom; } } .card-events-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .card-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); } .last-events__title { margin-bottom: var(--indent-32); } .last-events__button { width: 100%; max-width: none; margin-bottom: var(--indent-24); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .last-events__pagination { margin: 0 auto; } @media (max-width: 767px) { .last-events .tab-buttons { overflow: auto; margin-left: var(--indent-16); } .last-events__title { margin-bottom: var(--indent-24); } } .card-last-events { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-40); -moz-column-gap: var(--indent-40); column-gap: var(--indent-40); margin-bottom: var(--indent-32); } @media (max-width: 767px) { .card-last-events { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; row-gap: var(--indent-24); } } .card-last-events__list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } .card-last-events__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; width: 100%; height: 27.5rem; } @media (max-width: 767px) { .card-last-events__img { height: 21.4375rem; } } .card-last-events__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-last-events__info { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.1019607843); border: 1px solid rgba(255, 255, 255, 0.1490196078); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: var(--indent-24); margin: 0 var(--indent-16) var(--indent-16) var(--indent-16); border-radius: var(--indent-12); width: calc(100% - (var(--indent-16) + var(--indent-16))); } .card-last-events__info .item-card-last-events-list__top { margin-bottom: var(--indent-16); } .card-last-events__info .item-card-last-events-list__top .item-card-last-events-list__line { background: var(--white); } /* End */ /* Start:/local/frontend/pages/events/css/events-detail.css?175551806819223*/ @charset "UTF-8"; .events-detail.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .events-detail.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .events-detail__title { margin-bottom: var(--indent-16); } .events-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__tag { padding: var(--indent-8) var(--indent-12); } .events-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .events-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .events-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.7rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } @media (min-width: 1440px) { .events-detail__wrapper { -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } } @media (max-width: 991px) { .events-detail__wrapper { margin-bottom: var(--indent-48); -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__record { width: 100%; height: 28.125rem; padding: 11.25rem 4.1875rem 11.25rem 4.1875rem; border-radius: var(--indent-16); background-color: var(--bgr); margin-bottom: var(--indent-40); } .events-detail__record p { text-align: center; max-width: 34.375rem; margin: 0 auto; } .events-detail__content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; /* max-width: 61rem; */ max-width: 100%; color: var(--primary-black); width: 100%; } .events-detail__content table { max-width: 100%; width: 100%; } @media (min-width: 1441px) { .events-detail__content { /* margin-bottom: var(--indent-48); */ max-width: 100%; } } @media (max-width: 991px) { .events-detail__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-24); } } .events-detail__content img { border-radius: var(--indent-16); margin-bottom: var(--indent-40); object-fit: cover; width: 100%; } @media (max-width: 767px) { .events-detail__content img { margin-bottom: var(--indent-24); } } .events-detail__content b { font-weight: 600; } .events-detail__content p a { color: var(--primary-blue); } .events-detail__content .banner { margin: var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__content .banner { margin: var(--indent-24) 0; } } .events-detail__content h3 { margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__content h3 { margin-bottom: var(--indent-16); } } .events-detail__content ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ol.number { margin-bottom: var(--indent-24); } } .events-detail__content ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } .events-detail__content ul.check { margin-bottom: var(--indent-40); padding-left: 0; } @media (max-width: 767px) { .events-detail__content ul.check { margin-bottom: var(--indent-24); } } .events-detail__content ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ul.check li:before { content: ""; display: inline-block; background-color: unset; padding: 0; border-radius: var(--indent-8); width: var(--indent-40); height: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } } .events-detail__content ul.check li span { display: block; margin-top: var(--indent-8); } .events-detail__content ul { list-style: disc; padding-left: var(--indent-20); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ul { margin-bottom: var(--indent-24); } } .events-detail__content table { border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); margin-bottom: var(--indent-40); margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .events-detail__content table { border-radius: 0; border: unset; margin-bottom: var(--indent-24); } } @media (max-width: 767px) { .events-detail__content table thead { display: none; } } .events-detail__content table thead tr th { padding: var(--indent-14) var(--indent-16); /* background-color: var(--primary-disabled); */ text-align: left; } .events-detail__content table thead tr th:first-child { border-top-left-radius: 10px; } .events-detail__content table thead tr th:last-child { border-top-right-radius: 10px; } .events-detail__content table tbody tr td { padding: var(--indent-16); border-bottom: 1px solid var(--primary-disabled); vertical-align: middle; } @media (max-width: 767px) { .events-detail__content table tbody tr td { border-bottom: unset; padding: 0.75rem 1rem; } } .events-detail__content table tbody tr td ul { margin-bottom: 0; } @media (max-width: 767px) { .events-detail__content table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); border-radius: var(--indent-16); } .events-detail__content table tbody tr:not(:last-child) { margin-bottom: 0.5rem; } } .events-detail__content .section--banner { margin-top: 0 !important; margin-bottom: 0 !important; } .events-detail__description { margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__description { margin-bottom: var(--indent-24); } } .events-detail__quote { padding-left: var(--indent-40); border-left: 4px solid var(--primary-blue); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__quote { padding-left: var(--indent-24); margin-bottom: var(--indent-24); } } .events-detail__quote p { margin-bottom: var(--indent-16); } .events-detail__quote cite { font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .events-detail__quote cite span { display: block; } .events-detail__quote.pink-blockquote { border-left: 4px solid var(--primary-pink); } .events-detail__quote.primary-blockquote { border-left: 4px solid var(--primary-blue); } .events-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .events-detail__sidebar { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-48); } } .events-detail__video { margin: 0 0 var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__video { margin-bottom: var(--indent-24); } } .events-detail__video img { margin-bottom: var(--indent-16); } .epilog { width: 100%; } .epilog__link { width: 100%; background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .epilog__link a { text-align: center; display: block; color: var(--brand-blue); } .epilog__link a svg { vertical-align: middle; } .author-epilog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); margin-bottom: var(--indent-8); padding: var(--indent-8); -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border-radius: var(--indent-16); } @media (max-width: 767px) { .author-epilog { padding: var(--indent-16); } } .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 1 6.5rem; flex: 0 1 6.5rem; } @media (max-width: 767px) { .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 0 6.5rem; flex: 0 0 6.5rem; } } .author-epilog__img img { border-radius: var(--indent-16); margin-bottom: 0; } .info-author-epilog__title { margin-bottom: var(--indent-8); } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-20) 0; border: 1px solid var(--primary-third); } @media (max-width: 767px) { .share-epilog__social { padding: var(--indent-14) 0; } } .share-epilog__social svg { margin: 0 auto; width: 100%; } .slider-events-list { margin-bottom: 5rem; } @media screen and (min-width: 768px) { .slider-events-list .swiper-wrapper { align-items: stretch; } .slider-events-list .swiper-slide { height: auto; } .slider-events-list .swiper-slide .card-events-list { height: 100%; display: flex; flex-direction: column; } .slider-events-list .swiper-slide .card-events-list>div:not([class]) { flex-grow: 1; display: flex; flex-direction: column; } .slider-events-list .swiper-slide .card-events-list .card-events-list__top { margin-top: auto; } } @media (max-width: 767px) { .slider-events-list { margin-bottom: var(--indent-48); } .slider-events-list .swiper-slide { width: 100% !important; } .slider-events-list .swiper-wrapper { transform: none !important; } } .slider-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-32); } .slider-events-list__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 767px) { .slider-events-list__controll { display: none; } } @media (max-width: 767px) { .slider-events-list .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .card-events-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .card-events-list__img { position: relative; width: 100%; height: calc((1vw + 1vh)* 11.4); margin-bottom: var(--indent-16); } @media (max-width: 767px) { .card-events-list__img { height: 5rem; width: 5rem; flex-grow: 0; flex-shrink: 0; margin-bottom: 0; } } .card-events-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-events-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .card-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .card-events-list__tag { padding: 0.125rem var(--indent-8); } .card-events-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 767px) { .card-events-list__info.gray path { fill: unset; } } .card-events-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .sidebar { position: sticky; top: 2var --indent-20; /* Расстояние от верха окна */ -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 767px) { .sidebar { margin-bottom: var(--indent-24); } } .events-detail__sidebar .content-sidebar { max-width: 100%; } .events-detail__wrapper .events-detail__sidebar .button { max-width: 100%; justify-content: center; } .events-detail__wrapper .events-detail__sidebar .button:not(:last-child) { margin-bottom: var(--indent-12); } .content-sidebar { background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .content-sidebar__wrapper { margin-bottom: var(--indent-16); } .content-sidebar__name { margin-bottom: 0.25rem; } .content-sidebar__reg { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .speaker-events-detail { margin-bottom: var(--indent-24); } } .speaker-events-detail__card { width: calc(50% - var(--indent-24)); padding: var(--indent-8) var(--indent-16) var(--indent-8) var(--indent-8); background-color: var(--bgr); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-24); -moz-column-gap: var(--indent-24); column-gap: var(--indent-24); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1024px) { .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .events-detail .speaker-events-detail__img { width: 9.5rem; height: 9.5rem; } .events-detail .speaker-events-detail__img img { margin: 0; width: 100%; height: 100%; border-radius: var(--indent-8); } .speaker-events-detail__name { margin-bottom: var(--indent-8); } @media (max-width: 767px) { .speaker-events-detail__name { margin-bottom: 0.25rem; } } .iframe-form { margin: 0 auto; width: 600px; } [id="iframe-form"] { scroll-margin-top: 100px; } /* End */ /* Start:/local/frontend/pages/events/css/events-detail-last.css?174549001340585*/ @charset "UTF-8"; .events-detail.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .events-detail.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .events-detail__title { margin-bottom: var(--indent-16); } .events-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__tag { padding: var(--indent-8) var(--indent-12); } .events-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .events-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .events-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } @media (min-width: 1440px) { .events-detail__wrapper { -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } } @media (max-width: 991px) { .events-detail__wrapper { margin-bottom: var(--indent-48); -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__wrapper .content-sidebar { margin-bottom: 0; } @media (max-width: 991px) { .events-detail__wrapper .content-sidebar { display: block; margin-bottom: 0; } } .events-detail__wrapper .content-sidebar { background-color: var(--bgr) !important; padding: var(--indent-24) !important; } .events-detail__wrapper .events-detail__sidebar .button { max-width: 100%; justify-content: center; } .events-detail__wrapper .events-detail__sidebar .button:not(:last-child) { margin-bottom: var(--indent-12); } .events-detail__record { width: 100%; height: 32.625rem; border-radius: var(--indent-16); background-color: var(--bgr); margin-bottom: var(--indent-40); position: relative; } @media (max-width: 767px) { .events-detail__record { height: 24rem; } } @media (max-width: 600px) { .events-detail__record { height: 11.5rem; } } .events-detail__record p { text-align: center; max-width: 34.375rem; margin: 0 auto; } .events-detail__content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; /* max-width: 61rem; */ max-width: 100%; color: var(--primary-black); width: 100%; } @media (min-width: 1441px) { .events-detail__content { /* margin-bottom: var(--indent-48); */ max-width: 100%; } } .events-detail__content>div:not(.news-detail__epilog):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5), .events-detail__content>blockquote, .events-detail__content>img { margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content>div:not(.news-detail__epilog):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5), .events-detail__content>blockquote, .events-detail__content>img { margin-bottom: var(--indent-24); } } .events-detail__content>.h1, .events-detail__content>.h2, .events-detail__content>.h3, .events-detail__content>.h4, .events-detail__content>.h5, .events-detail__content>.h6 { margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-48); } .events-detail__content>.h1, .events-detail__content>.h2, .events-detail__content>.h3, .events-detail__content>.h4, .events-detail__content>.h5, .events-detail__content>.h6 { margin-bottom: var(--indent-16); } } .events-detail__content img { border-radius: var(--indent-16); margin-bottom: var(--indent-40); width: 100%; } @media (max-width: 767px) { .events-detail__content img { margin-bottom: var(--indent-24); } } .events-detail__content b { font-weight: 600; } .events-detail__content p a { color: var(--primary-blue); } .events-detail__content .banner { margin: var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__content .banner { margin: var(--indent-24) 0; } } .events-detail__content h3 { margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__content h3 { margin-bottom: var(--indent-16); } } .events-detail__content ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ol.number { margin-bottom: var(--indent-24); } } .events-detail__content ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } .events-detail__content ul.check { margin-bottom: var(--indent-40); padding-left: 0; } @media (max-width: 767px) { .events-detail__content ul.check { margin-bottom: var(--indent-24); } } .events-detail__content ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ul.check li:before { content: ""; display: inline-block; background-color: unset; padding: 0; border-radius: var(--indent-8); width: var(--indent-40); height: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } } .events-detail__content ul.check li span { display: block; margin-top: var(--indent-8); } .events-detail__content ul.check>li>div { align-self: center; } .events-detail__content ul { list-style: disc; padding-left: var(--indent-20); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ul { margin-bottom: var(--indent-24); } } .events-detail__content table { border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); margin-bottom: var(--indent-40); margin-left: 0; margin-right: 0; } @media (max-width: 767px) { .events-detail__content table { border-radius: 0; border: unset; margin-bottom: var(--indent-24); } } @media (max-width: 767px) { .events-detail__content table thead { display: none; } } .events-detail__content table thead tr th { padding: var(--indent-14) var(--indent-16); background-color: var(--bgr); text-align: left; } .events-detail__content table thead tr th:first-child { border-top-left-radius: 10px; } .events-detail__content table thead tr th:last-child { border-top-right-radius: 10px; } .events-detail__content table tbody tr td { padding: var(--indent-16); border-bottom: 1px solid var(--primary-disabled); vertical-align: middle; } @media (max-width: 767px) { .events-detail__content table tbody tr td { border-bottom: unset; padding: 0.75rem 1rem; } } .events-detail__content table tbody tr td .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content table tbody tr td .speaker-events-detail { margin-bottom: var(--indent-24); } } .events-detail__content table tbody tr td .speaker-events-detail__card { width: 100%; padding: 0; background-color: unset; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); max-width: 22.625rem; } @media (max-width: 767px) { .events-detail__content table tbody tr td .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .events-detail__content table tbody tr td .speaker-events-detail__img { position: relative; width: var(--indent-48); height: var(--indent-48); border-radius: 100%; flex-grow: 0; flex-shrink: 0; } .speaker-events-detail__img { position: relative; width: 9.5rem; height: 9.5rem; border-radius: 100%; flex-grow: 0; flex-shrink: 0; } .events-detail__content table tbody tr td .speaker-events-detail__img img { position: absolute; margin: 0; border-radius: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 767px) { .events-detail__content table tbody tr td .speaker-events-detail__img { height: var(--indent-40); width: var(--indent-40); } .speaker-events-detail__img { position: relative; width: 5.5rem; height: 5.5rem; border-radius: 100%; flex-grow: 0; flex-shrink: 0; } } .events-detail__content table tbody tr td ul { margin-bottom: 0; } @media (max-width: 767px) { .events-detail__content table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); border-radius: var(--indent-16); padding: var(--indent-12) 0; } } .events-detail__content .section--banner { margin-top: 0 !important; margin-bottom: 0 !important; } .events-detail__description { margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__description { margin-bottom: var(--indent-24); } } .events-detail__quote { padding-left: var(--indent-40); border-left: 0.25rem solid var(--primary-blue); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__quote { padding-left: var(--indent-24); margin-bottom: var(--indent-24); } } .events-detail__quote p { margin-bottom: var(--indent-16); } .events-detail__quote cite { font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .events-detail__quote cite span { display: block; } .events-detail__quote.pink-blockquote { border-left: 0.25rem solid var(--primary-pink); } .events-detail__quote.primary-blockquote { border-left: 0.25rem solid var(--primary-blue); } .events-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; gap: var(--indent-24); } @media (max-width: 767px) { .events-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } } .events-detail__video { margin: 0 0 var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__video { margin-bottom: var(--indent-24); } } .events-detail__video img { margin-bottom: var(--indent-16); } .epilog { width: 100%; } .epilog__link { width: 100%; background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .epilog__link a { text-align: center; display: block; color: var(--brand-blue); } .epilog__link a svg { vertical-align: middle; } .author-epilog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); margin-bottom: var(--indent-8); padding: var(--indent-8); -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border-radius: var(--indent-16); } @media (max-width: 767px) { .author-epilog { padding: var(--indent-16); } } .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 1 6.5rem; flex: 0 1 6.5rem; } @media (max-width: 767px) { .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 0 6.5rem; flex: 0 0 6.5rem; } } .author-epilog__img img { border-radius: var(--indent-16); margin-bottom: 0; } .info-author-epilog__title { margin-bottom: var(--indent-8); } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-20) 0; border: 1px solid var(--primary-third); } @media (max-width: 767px) { .share-epilog__social { padding: var(--indent-14) 0; } } .share-epilog__social svg { margin: 0 auto; width: 100%; } .slider-events-list { margin-bottom: 5rem; } @media (max-width: 767px) { .slider-events-list { margin-bottom: var(--indent-48); } } .slider-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-32); } .slider-events-list__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 767px) { .slider-events-list__controll { display: none; } .slider-events-list__top { margin-bottom: var(--indent-24); } } @media (max-width: 767px) { .slider-events-list .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .card-events-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--indent-24); } } .card-events-list__img { position: relative; width: 100%; height: calc((1vw + 1vh)* 11.4); margin-bottom: var(--indent-16); } @media (max-width: 767px) { .card-events-list__img { height: 5rem; width: 5rem; flex-grow: 0; flex-shrink: 0; margin-bottom: 0; } } .card-events-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-events-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } @media (max-width: 767px) { .card-events-list__title { margin-bottom: var(--indent-8); font-size: var(--fs-text-md); line-height: var(--fh-text-md); } } .card-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .card-events-list__tag { padding: 0.125rem var(--indent-8); } .card-events-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 767px) { .card-events-list__info.gray path { fill: unset; } } .card-events-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .sidebar { position: sticky; top: var(--indent-20); /* Расстояние от верха окна */ -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 991px) { .events-detail__wrapper .sidebar { margin-bottom: 0; } .news-detail+.section { margin-bottom: var(--indent-48); } } .content-sidebar { background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .content-sidebar__wrapper { margin-bottom: var(--indent-16); } .content-sidebar__name { margin-bottom: 0.25rem; } .content-sidebar__bth { width: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-sidebar__bth:not(:last-child) { margin-bottom: var(--indent-12); } .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; column-gap: var(--indent-16); row-gap: var(--indent-8); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .speaker-events-detail { margin-bottom: var(--indent-24); } } .speaker-events-detail__card { width: calc(50% - var(--indent-24)); padding: var(--indent-8) var(--indent-16) var(--indent-8) var(--indent-8); background-color: var(--bgr); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-24); -moz-column-gap: var(--indent-24); column-gap: var(--indent-24); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1024px) { .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); } } .speaker-events-detail__img { border-radius: var(--indent-8); } .speaker-events-detail__img { border-radius: var(--indent-8); } .speaker-events-detail__img img { margin: 0; } .speaker-events-detail__name { margin-bottom: var(--indent-8); } @media (max-width: 767px) { .speaker-events-detail__name { margin-bottom: 0.25rem; } } table .speaker-events-detail__name { margin-bottom: 0; } @media (max-width: 767px) { table .speaker-events-detail__name { margin-bottom: 0; } } .record-events-detail__img a { display: block; } .record-events-detail__img a::before { content: ""; position: absolute; width: var(--indent-48); height: var(--indent-48); border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .record-events-detail__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } @charset "UTF-8"; .events-detail.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .events-detail.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .events-detail__title { margin-bottom: var(--indent-16); } .events-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__tag { padding: var(--indent-8) var(--indent-12); } .events-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .events-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .events-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 4.7rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } @media (min-width: 1440px) { .events-detail__wrapper { -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } } @media (max-width: 991px) { .events-detail__wrapper { margin-bottom: var(--indent-48); -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-detail__record { width: 100%; height: 28.125rem; padding: 11.25rem 4.1875rem 11.25rem 4.1875rem; border-radius: var(--indent-16); background-color: var(--bgr); margin-bottom: var(--indent-40); } .events-detail__record p { text-align: center; max-width: 550px; margin: 0 auto; } @media (max-width: 767px) { .events-detail__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-24); } } .events-detail__content img { border-radius: var(--indent-16); margin-bottom: var(--indent-40); object-fit: cover; width: 100%; } @media (max-width: 767px) { .events-detail__content img { margin-bottom: var(--indent-24); } } .events-detail__content b { font-weight: 600; } .events-detail__content p a { color: var(--primary-blue); } .events-detail__content .banner { margin: var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__content .banner { margin: var(--indent-24) 0; } } .events-detail__content h3 { margin-bottom: var(--indent-24); } @media (max-width: 767px) { .events-detail__content h3 { margin-bottom: var(--indent-16); } } .events-detail__content ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ol.number { margin-bottom: var(--indent-24); } } .events-detail__content ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } .events-detail__content ul.check { margin-bottom: var(--indent-40); padding-left: 0; } @media (max-width: 767px) { .events-detail__content ul.check { margin-bottom: var(--indent-24); } } .events-detail__content ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .events-detail__content ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .events-detail__content ul.check li:before { content: ""; display: inline-block; background-color: unset; padding: 0; border-radius: var(--indent-8); width: var(--indent-40); height: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .events-detail__content ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } } .events-detail__content ul.check li span { display: block; margin-top: var(--indent-8); } .events-detail__content ul { list-style: disc; padding-left: var(--indent-20); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content ul { margin-bottom: var(--indent-24); } } .events-detail__content table { border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__content table { border-radius: 0; border: unset; margin-bottom: var(--indent-24); } } @media (max-width: 767px) { .events-detail__content table thead { display: none; } } .events-detail__content table thead tr th { padding: var(--indent-14) var(--indent-16); /* background-color: var(--primary-disabled); */ text-align: left; } .events-detail__content table thead tr th:first-child { border-top-left-radius: 10px; } .events-detail__content table thead tr th:last-child { border-top-right-radius: 10px; } .events-detail__content table tbody tr td ul { margin-bottom: 0; } @media (max-width: 767px) { .events-detail__content table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); border-radius: var(--indent-16); } } .events-detail__content .section--banner { margin-top: 0 !important; margin-bottom: 0 !important; } .events-detail__description { margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__description { margin-bottom: var(--indent-24); } } .events-detail__quote { padding-left: var(--indent-40); border-left: 4px solid var(--primary-blue); margin-bottom: var(--indent-40); } @media (max-width: 767px) { .events-detail__quote { padding-left: var(--indent-24); margin-bottom: var(--indent-24); } } .events-detail__quote p { margin-bottom: var(--indent-16); } .events-detail__quote cite { font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .events-detail__quote cite span { display: block; } .events-detail__quote.pink-blockquote { border-left: 4px solid var(--primary-pink); } .events-detail__quote.primary-blockquote { border-left: 4px solid var(--primary-blue); } .events-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .events-detail__sidebar { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-48); } } .events-detail__video { margin: 0 0 var(--indent-40) 0; } @media (max-width: 767px) { .events-detail__video { margin-bottom: var(--indent-24); } } .events-detail__video img { margin-bottom: var(--indent-16); } .epilog { width: 100%; } .epilog__link { width: 100%; background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .epilog__link a { text-align: center; display: block; color: var(--brand-blue); } .epilog__link a svg { vertical-align: middle; } .author-epilog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); margin-bottom: var(--indent-8); padding: var(--indent-8); -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border-radius: var(--indent-16); } @media (max-width: 767px) { .author-epilog { padding: var(--indent-16); } } .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 1 6.5rem; flex: 0 1 6.5rem; } @media (max-width: 767px) { .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 0 6.5rem; flex: 0 0 6.5rem; } } .author-epilog__img img { border-radius: var(--indent-16); margin-bottom: 0; } .info-author-epilog__title { margin-bottom: var(--indent-8); } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-20) 0; border: 1px solid var(--primary-third); } @media (max-width: 767px) { .share-epilog__social { padding: var(--indent-14) 0; } } .share-epilog__social svg { margin: 0 auto; width: 100%; } .slider-events-list { margin-bottom: 5rem; } @media (max-width: 767px) { .slider-events-list { margin-bottom: var(--indent-48); } } .slider-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-32); } .slider-events-list__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 767px) { .slider-events-list__controll { display: none; } } @media (max-width: 767px) { .slider-events-list .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .card-events-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .card-events-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .card-events-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .card-events-list__tag { padding: 0.125rem var(--indent-8); } .card-events-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 767px) { .card-events-list__info.gray path { fill: unset; } } .card-events-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .sidebar { position: sticky; top: 2var --indent-20; /* Расстояние от верха окна */ -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 767px) { .sidebar { margin-bottom: var(--indent-24); } } .events-detail__sidebar .content-sidebar { max-width: 100%; } .content-sidebar { background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .content-sidebar__wrapper { margin-bottom: var(--indent-16); } .content-sidebar__name { margin-bottom: 0.25rem; } .content-sidebar__reg { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .speaker-events-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 767px) { .speaker-events-detail { margin-bottom: var(--indent-24); } } .speaker-events-detail__card { width: calc(50% - var(--indent-24)); padding: var(--indent-8) var(--indent-16) var(--indent-8) var(--indent-8); background-color: var(--bgr); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-24); -moz-column-gap: var(--indent-24); column-gap: var(--indent-24); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1024px) { .speaker-events-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .events-detail .speaker-events-detail__img { width: 9.5rem; height: 9.5rem; } .events-detail .speaker-events-detail__img img { margin: 0; width: 100%; height: 100%; border-radius: var(--indent-8); } .speaker-events-detail__name { margin-bottom: var(--indent-8); } @media (max-width: 767px) { .speaker-events-detail__name { margin-bottom: 0.25rem; } } /* End */ /* Start:/local/frontend/pages/events/css/empty.css?17437537211452*/ .events__empty { width: 100%; background-color: var(--bgr); padding: 5rem var(--indent-24); border-radius: var(--indent-16); margin-bottom: 5rem; } @media (max-width: 767px) { .events__empty { margin-bottom: var(--indent-48); padding: var(--indent-64) var(--indent-24); } } .events__titile { margin-bottom: var(--indent-12); } .events__subtitle { margin-bottom: var(--indent-32); } @media (max-width: 767px) { .events__subtitle { margin-bottom: var(--indent-24); } } .events__subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-12); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; } .events__subscribe .input__field { padding: var(--indent-14) var(--indent-16); } .events__subscribe .input__hint { display: none; } .events__subscribe .input { margin-bottom: 0; } @media (max-width: 767px) { .events__subscribe .input { max-width: 100%; } .events__btn { width: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .events__subscribe { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events__wrapper { width: 100%; max-width: 35rem; margin: 0 auto; text-align: center; } /* End */ /* Start:/local/frontend/pages/action/css/empty.css?17387107211615*/ .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1024px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .action__empty { width: 100%; padding: 5rem var(--indent-24); border-radius: var(--indent-16); margin-bottom: 5rem; } @media (max-width: 768px) { .action__empty { margin-bottom: var(--indent-40); padding: var(--indent-64) var(--indent-24); } } .action__titile { margin-bottom: var(--indent-12); } .action__subtitle { margin-bottom: var(--indent-32); } @media (max-width: 768px) { .action__subtitle { margin-bottom: var(--indent-24); } } .action__subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-12); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .action__subscribe .input__wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 20rem; flex: 1 1 20rem; } .action__subscribe .input__field { padding: var(--indent-14) var(--indent-16); } .action__btn { margin: 0 auto; } .action__wrapper { width: 100%; max-width: 35rem; margin: 0 auto; text-align: center; } /* End */ /* Start:/local/frontend/pages/action/css/action.css?174360611213403*/ .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1024px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .action.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .action.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .action__title { margin-bottom: var(--indent-24); } .action__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 768px) { .action__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .action__list { margin-bottom: 5rem; } .card-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: var(--bgr); border-radius: var(--indent-16); min-height: 25.5rem; margin-bottom: var(--indent-24); } .card-action.action__card-main { grid-column: span 3; } @media (max-width: 768px) { .card-action { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; min-height: 100%; } .card-action.action__card-main { grid-column: span 1; } } .card-action__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; min-height: 25.5rem; height: auto; } @media (max-width: 768px) { .card-action__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /* min-height: 25.5rem; */ height: 13rem; } } @media (max-width: 600px) { .card-action__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /* min-height: 12.75rem; */ } } @media screen and (max-width: 575px) { .card-action__img { min-height: auto; } } .card-action__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .body-card-action { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } @media (max-width: 768px) { .body-card-action { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /* height: 100%; */ height: auto; } } .body-card-action__inner { padding: var(--indent-32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 768px) { .body-card-action__inner { padding: var(--indent-24); } } .body-card-action__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); margin-bottom: var(--indent-16); } .body-card-action__tag { padding: var(--indent-8) var(--indent-12); } .body-card-action__tag span { line-height: var(--indent-24); } .body-card-action__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .body-card-action__flex { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .body-card-action__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .body-card-action__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: var(--indent-16); } .body-card-action__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 768px) { .body-card-action__text { display: none; } } .body-card-action__more { background-color: var(--white); } .body-card-action__bth { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } @media (max-width: 768px) { .body-card-action__bth { -webkit-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .body-card-action__bth .button { flex-grow: 1; max-width: calc(50% - 0.375rem); justify-content: center; } } @media (max-width: 424px) { .body-card-action__bth .button { flex-grow: 1; max-width: calc(50% - 0.375rem); justify-content: center; } } .action-list__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto-fill; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-24); margin-bottom: var(--indent-24); } @media (max-width: 768px) { .action-list__wrapper { grid-template-columns: 1fr; } } .action-list__button { width: 100%; max-width: none; margin-bottom: var(--indent-24); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .action-list__pagination { margin: 0 auto; } .card-action-list { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } @media (max-width: 768px) { .card-action-list { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } } .card-action-list__img { position: relative; width: 100%; height: calc((1vw + 1vh)* 10.6); margin-bottom: var(--indent-16); } @media (max-width: 768px) { .card-action-list__img { height: 5rem; width: 5rem; } } .card-action-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-action-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); color: var(--primary-black); } .card-action-list__tag { padding: 2px var(--indent-8); } .card-action-list__tag span { line-height: var(--indent-20); } .card-action-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 768px) { .card-action-list__info.gray path { fill: unset; } } .card-action-list__time.desktop { display: block; } .card-action-list__time.mobile { display: none; } @media (max-width: 768px) { .card-action-list__time.desktop { display: none; } .card-action-list__time.mobile { display: block; } .card-action-list__time.mobile svg { vertical-align: bottom; } } .card-action-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .card-action-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); } .last-action__title { margin-bottom: var(--indent-32); } .last-action__button { width: 100%; max-width: none; margin-bottom: var(--indent-24); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .last-action__pagination { margin: 0 auto; } @media (max-width: 768px) { .last-action .tab-buttons { overflow: auto; margin-left: var(--indent-16); } } .card-last-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-40); -moz-column-gap: var(--indent-40); column-gap: var(--indent-40); margin-bottom: var(--indent-32); } @media (max-width: 768px) { .card-last-action { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; row-gap: var(--indent-24); } } .card-last-action__list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } .card-last-action__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; width: 100%; height: 27.5rem; } @media (max-width: 768px) { .card-last-action__img { height: 21.4375rem; } } .card-last-action__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-last-action__info { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.1019607843); border: 1px solid rgba(255, 255, 255, 0.1490196078); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); padding: var(--indent-24); margin: 0 var(--indent-16) var(--indent-16) var(--indent-16); border-radius: var(--indent-12); width: calc(100% - (var(--indent-16) + var(--indent-16))); } .card-last-action__info .item-card-last-action-list__top { margin-bottom: var(--indent-16); } .card-last-action__info .item-card-last-action-list__top .item-card-last-action-list__line { background: var(--white); } .item-card-last-action-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); margin-bottom: var(--indent-16); } @media (max-width: 768px) { .item-card-last-action-list { -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } } .item-card-last-action-list__img { -webkit-box-flex: 1; -ms-flex: 1 1 37%; flex: 1 1 37%; position: relative; width: 100%; height: 136px; } @media (max-width: 768px) { .item-card-last-action-list__img { height: 5rem; width: 5rem; } } .item-card-last-action-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .item-card-last-action-list__body { -webkit-box-flex: 1; -ms-flex: 1 1 63%; flex: 1 1 63%; height: 100%; padding-top: var(--indent-8); } @media (max-width: 768px) { .item-card-last-action-list__body { height: 5rem; width: 5rem; } } .item-card-last-action-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .item-card-last-action-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .item-card-last-action-list__tag { padding: 0.125rem var(--indent-8); } .item-card-last-action-list__tag span { line-height: var(--indent-20); } .item-card-last-action-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .item-card-last-action-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .news .action-list { margin-bottom: var(--indent-80); } .news .action-list .pagination-wrap { margin: 0 auto; } @media screen and (max-width: 991px) { .news .action-list { margin-bottom: 3rem; } } /* End */ /* Start:/local/frontend/pages/action/css/action-detail.css?174350496721341*/ @charset "UTF-8"; .breadcrumbs { padding: 0; } .breadcrumbs__wrapper { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto var(--indent-24) auto; overflow: auto; padding: var(--indent-14) var(--indent-40) 0 var(--indent-40); } @media (max-width: 1024px) { .breadcrumbs__wrapper { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .action-detail.container { width: 100%; max-width: calc(95rem - var(--indent-40) - var(--indent-40)); margin: 0 auto; } @media (max-width: 1024px) { .action-detail.container { padding: 0 var(--indent-16); max-width: calc(90rem - var(--indent-16) - var(--indent-16)); } } .action-detail__title { margin-bottom: var(--indent-16); } .action-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 768px) { .action-detail__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .action-detail__tag { padding: var(--indent-8) var(--indent-12); } .action-detail__tag span { line-height: var(--indent-20); } .action-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .action-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .action-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } @media (min-width: 1440px) { .action-detail__wrapper { -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } } @media (max-width: 991px) { .action-detail__wrapper { margin-bottom: var(--indent-48); -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-action-advantagest { padding-left: var(--indent-16); padding-right: var(--indent-16); margin-left: calc(var(--indent-16) * -1); margin-right:calc(var(--indent-16) * -1); width: calc(100% + var(--indent-16) * 2); } .slider-action-advantagest__title { line-height: 2rem; } } .action-detail__record { width: 61rem; height: 28.125rem; padding: 11.25rem 4.1875rem 11.25rem 4.1875rem; border-radius: var(--indent-16); background-color: var(--bgr); margin-bottom: var(--indent-40); } .action-detail__content { color: var(--primary-black); width: 100%; -ms-flex-negative: 1; flex-shrink: 1; flex-grow: 0; max-width: calc(100% - 20.5rem - 3.5rem); } @media (max-width: 991px) { .action-detail__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-24); max-width: 100%; } } .action-detail__content > img { border-radius: var(--indent-16); width: 100%; -o-object-fit: cover; object-fit: cover; margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__content img { margin-bottom: var(--indent-24); } } .action-detail__content b { font-weight: 600; } .action-detail__content p a { color: var(--primary-blue); } .action-detail__content>div:not(.news-detail__epilog), .action-detail__content>blockquote, .action-detail__content>img { margin-bottom: var(--indent-40); } .action-detail__content>div[id*=sp-block-my_bannerLinking] { margin-bottom: var(--indent-24); } .action-detail__content>div[id*=sp-block-my_bannerLinking] + div[id*=sp-block-my_text] { margin-bottom: var(--indent-24); } .action-detail__content>h1, .action-detail__content>h2, .action-detail__content>h3, .action-detail__content>h4, .action-detail__content>h5, .action-detail__content>h6 { margin-bottom: var(--indent-24); } @media (max-width: 767px) { .action-detail__content>div:not(.news-detail__epilog), .action-detail__content>div, .action-detail__content>blockquote, .action-detail__content>img { margin-bottom: var(--indent-24); } .action-detail__content>h1, .action-detail__content>h2, .action-detail__content>h3, .action-detail__content>h4, .action-detail__content>h5, .action-detail__content>h6 { margin-bottom: var(--indent-16); } } .action-detail__content ol.number { list-style-type: none; counter-reset: num; margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__content ol.number { margin-bottom: var(--indent-24); } } .action-detail__content ol.number li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .action-detail__content ol.number li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .action-detail__content ol.number li:before { content: counter(num); counter-increment: num; display: inline-block; background-color: var(--bgr); padding: var(--indent-8) var(--indent-14); height: var(--indent-40); border-radius: var(--indent-8); width: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 768px) { .action-detail__content ol.number li:before { height: var(--indent-32); width: var(--indent-32); padding: 0.125rem var(--indent-12); } } .action-detail__content ul.check { margin-bottom: var(--indent-40); padding-left: 0; } .action-detail__content ul.check h4{ margin-bottom: var(--indent-8); } @media (max-width: 768px) { .action-detail__content ul.check { margin-bottom: var(--indent-24); } .action-detail__content ul.check h4{ margin-bottom: var(--indent-4); } } .action-detail__content ul.check li { position: relative; margin-bottom: var(--indent-24); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .action-detail__content ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .action-detail__content ul.check li:before { content: ""; display: inline-block; background-color: unset; padding: 0; border-radius: var(--indent-8); width: var(--indent-40); height: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .action-detail__content ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } .action-detail__content ul.check li { margin-bottom: 1.5rem; } } .action-detail__content ul.check li span { display: block; margin-top: var(--indent-8); } .action-detail__content ul { list-style: disc; padding-left: var(--indent-20); margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__content ul { margin-bottom: var(--indent-24); } } .action-detail__content .section--banner { margin-top: 0 !important; margin-bottom: 0 !important; } .action-detail__content table { border: 1px solid var(--primary-disabled); border-collapse: separate; border-spacing: 0; border-radius: var(--indent-16); margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__content table { border-radius: 0; border: unset; margin-bottom: var(--indent-24); } } @media (max-width: 768px) { .action-detail__content table thead { display: none; } } .action-detail__content table thead tr th:first-child { padding: var(--indent-14) var(--indent-16); background-color: var(--primary-disabled); border-top-left-radius: var(--indent-10); text-align: left; } .action-detail__content table thead tr th:last-child { padding: var(--indent-14) var(--indent-16); background-color: var(--primary-disabled); border-top-right-radius: var(--indent-10); text-align: left; } .action-detail__content table tbody tr td { padding: var(--indent-16); border-bottom: 1px solid var(--primary-disabled); } .action-detail__content table tbody tr td:first-child { white-space: nowrap; } @media (max-width: 768px) { .action-detail__content table tbody tr td { border-bottom: unset; padding: var(--indent-12); } } @media (max-width: 768px) { .action-detail__content table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid var(--primary-disabled); margin-bottom: var(--indent-8); border-radius: var(--indent-16); padding: var(--indent-12); } } .action-detail__description { margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__description { margin-bottom: var(--indent-24); } } .action-detail__quote { padding-left: var(--indent-40); border-left: 4px solid var(--primary-blue); margin-bottom: var(--indent-40); } @media (max-width: 768px) { .action-detail__quote { padding-left: var(--indent-24); margin-bottom: var(--indent-24); } } .action-detail__quote p { margin-bottom: var(--indent-16); } .action-detail__quote cite { font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .action-detail__quote cite span { display: block; } .action-detail__quote.pink-blockquote { border-left: 4px solid var(--primary-pink); } .action-detail__quote.primary-blockquote { border-left: 4px solid var(--primary-blue); } @media (max-width: 768px) { .action-detail__wrapper .content-sidebar { display: block; margin-bottom: 0; } } .action-detail__wrapper .content-sidebar { max-width: 100%; background-color: var(--bgr) !important; padding: var(--indent-24) !important; } .action-detail__wrapper .content-sidebar .button { max-width: 100%; justify-content: center; } .action-detail__wrapper .content-sidebar .button:not(:last-child) { margin-bottom: var(--indent-12); } .action-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 768px) { .action-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } } .action-detail__video { margin: 0 0 var(--indent-40) 0; } @media (max-width: 768px) { .action-detail__video { margin-bottom: var(--indent-24); } } .action-detail__video img { margin-bottom: var(--indent-16); } .epilog { width: 100%; } .epilog__link { width: 100%; background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); } .epilog__link a { text-align: center; display: block; color: var(--brand-blue); } .epilog__link a svg { vertical-align: middle; } .author-epilog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); margin-bottom: var(--indent-8); padding: var(--indent-8); -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border-radius: var(--indent-16); } @media (max-width: 768px) { .author-epilog { padding: var(--indent-16); } } .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 1 6.5rem; flex: 0 1 6.5rem; } @media (max-width: 768px) { .author-epilog__img { -webkit-box-flex: 0; -ms-flex: 0 0 6.5rem; flex: 0 0 6.5rem; } } .author-epilog__img img { border-radius: var(--indent-16); margin-bottom: 0; } .info-author-epilog__title { margin-bottom: var(--indent-8); } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-20) 0; border: 1px solid var(--primary-third); } @media (max-width: 768px) { .share-epilog__social { padding: var(--indent-14) 0; } } .share-epilog__social svg { margin: 0 auto; width: 100%; } .slider-action-list { margin-bottom: 5rem; } @media (max-width: 768px) { .slider-action-list { margin-bottom: var(--indent-48); } } .slider-action-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-32); } .slider-action-list__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 768px) { .slider-action-list__controll { display: none; } } @media (max-width: 768px) { .slider-action-list .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 768px) { .card-action-list { display: -webkit-box; display: -ms-flexbox; display: flex; } } .card-action-list__img { position: relative; width: 100%; height: calc((1vw + 1vh)* 10.6); margin-bottom: var(--indent-16); } @media (max-width: 768px) { .card-action-list__img { height: 5rem; -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem; } } .card-action-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-action-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } .card-action-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .card-action-list__tag { padding: 0.125rem var(--indent-8); } .card-action-list__tag span { line-height: var(--indent-20); } .card-action-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 768px) { .card-action-list__info.gray path { fill: unset; } } .card-action-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .sidebar { position: sticky; top: var(--indent-20); /* Расстояние от верха окна */ -ms-flex-item-align: start; align-self: flex-start; } @media (max-width: 991px) { .sidebar { margin-bottom: var(--indent-24); width: 100%; } .action-detail__sidebar.sidebar { margin-bottom: 0; } } .content-sidebar__wrapper { margin-bottom: var(--indent-16); } .content-sidebar__name { margin-bottom: 0.25rem; } .content-sidebar__bth .content-sidebar a{ max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-sidebar__bth:not(:last-child) { margin-bottom: var(--indent-12); } .speaker-action-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--indent-16); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-40); } @media (max-width: 768px) { .speaker-action-detail { margin-bottom: var(--indent-24); } } .speaker-action-detail__card { width: calc(50% - var(--indent-24)); padding: var(--indent-8) var(--indent-16) var(--indent-8) var(--indent-8); background-color: var(--bgr); border-radius: var(--indent-16); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-24); -moz-column-gap: var(--indent-24); column-gap: var(--indent-24); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 768px) { .speaker-action-detail__card { width: 100%; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-8); } } .speaker-action-detail__img { -webkit-box-flex: 1; -ms-flex: 1 0 152px; flex: 1 0 152px; border-radius: var(--indent-8); } @media (max-width: 768px) { .speaker-action-detail__img { -webkit-box-flex: 1; -ms-flex: 1 0 5.5rem; flex: 1 0 5.5rem; } } .speaker-action-detail__img img { margin: 0; } .speaker-action-detail__name { margin-bottom: var(--indent-8); } @media (max-width: 768px) { .speaker-action-detail__name { margin-bottom: 0.25rem; } } .slider-action-advantagest { margin-bottom: var(--indent-40); } @media (max-width: 768px) { .slider-action-advantagest { margin-bottom: var(--indent-24); } } .slider-action-advantagest__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-24); gap: var(--indent-12); } .slider-action-advantagest__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 768px) { .slider-action-advantagest__controll { display: none; } } .slider-action-advantagest__slide { padding: var(--indent-24); background-color: var(--bgr); border-radius: var(--indent-16); height: auto; } @media (max-width: 767px) { .slider-action-advantagest__slide { width: 80%; } .slider-action-advantagest__top { margin-bottom: 1rem; } } /* End */ /* Start:/local/frontend/pages/news/css/news.css?174437706122875*/ @charset "UTF-8"; .news { margin-bottom: var(--indent-80); } @media (max-width: 767px) { .news { margin-bottom: var(--indent-48); } .news.container { padding: 0 var(--indent-16); } } .news__title { margin-bottom: var(--indent-24); white-space: normal; word-break: normal; } .news__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 991px) { .news__top { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--indent-12); } } .news__top .tab-btn { padding: calc(var(--indent-12) - 1px) var(--indent-16); } .news__top .dropdown__button, .news__filter .dropdown__button { padding: calc(var(--indent-12) - 1px) var(--indent-16); } @media (max-width: 767px) { .news__top .dropdown__button, .news__filter .dropdown__button{ padding: var(--indent-12) var(--indent-16); } } .news__top .tab-group { display: none; } @media (max-width: 767px) { .news__top .tab-buttons.default { display: none; } .news__top .tab-group { display: block; } .news__top .tab-group .tab-buttons { max-width: 100%; } } .news__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: var(--indent-12); -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); -webkit-box-flex: 1; -ms-flex: 1 1 39%; flex: 1 1 39%; } @media (max-width: 767px) { .news__filter { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: var(--indent-12); } } .news__filter .inputs-and-quantity__dropdown { -webkit-box-flex: 1; -ms-flex: 1 1 39%; flex: 1 1 39%; } @media (max-width: 767px) { .news__filter .inputs-and-quantity__dropdown { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; } } .news__filter .inputs-and-quantity__dropdown:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 19%; flex: 1 1 19%; } @media (max-width: 767px) { .news__filter .inputs-and-quantity__dropdown:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } } .news__search { justify-items: end; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .news__search .search-news__input { padding: calc(var(--indent-14) - 1px) var(--indent-44); } @media screen and (max-width: 991px) { .news__search { width: 100%; } } @media (max-width: 767px) { .news__search{ margin-bottom: var(--indent-24); } } .news__search .input__wrapper button { width: var(--indent-20); height: var(--indent-20); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: var(--indent-18); padding: 0; } .news__search .input__wrapper svg { width: var(--indent-20); height: var(--indent-20); position: unset; top: unset; -webkit-transform: unset; transform: unset; left: unset; } .news__search .input input::-webkit-input-placeholder { -webkit-transform: translateY(2px); transform: translateY(2px); } .news__search .input input::-moz-placeholder { transform: translateY(2px); } .news__search .input input:-ms-input-placeholder { transform: translateY(2px); } .news__search .input input::-ms-input-placeholder { transform: translateY(2px); } .news__search .input input::placeholder { -webkit-transform: translateY(2px); transform: translateY(2px); } .news__search .search-news__input::-webkit-search-cancel-button { -webkit-appearance: none; } .news__search .search-news__clear { position: absolute; top: 50%; right: var(--indent-10); -webkit-transform: translateY(-40%); transform: translateY(-40%); cursor: pointer; font-size: var(--indent-30); color: #667085; display: none; } .news__search .search-news__input.has-text+.search-news__clear { /* Отображаем крестик, если у input есть класс has-text */ display: block; } .news .tabs { margin-bottom: var(--indent-80); } @media (max-width: 767px) { .news .tabs { margin-bottom: var(--indent-48); } } .news .search-news form { max-width: 320px; margin-left: auto; } @media (max-width: 991px) { .news .search-news form { max-width: 100%; } } .news .card-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); border-radius: var(--indent-16); height: 25.5rem; margin-bottom: var(--indent-24); } @media (max-width: 767px) { .news .card-news { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } } .news .card-news__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; height: 25.5rem; } @media (max-width: 767px) { .news .card-news__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 600px) { .news .card-news__img { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 12.75rem; } } .news .card-news__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news .body-card-news { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } @media (max-width: 767px) { .news .body-card-news { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: auto; } } .news .body-card-news__inner { padding: var(--indent-32); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 767px) { .news .body-card-news__inner { padding: var(--indent-24); } } .news .body-card-news__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-12); margin-bottom: var(--indent-16); } .news .body-card-news__tag span { line-height: unset; } .news .body-card-news__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); line-height: unset; } .news .body-card-news__info.gray path { fill: unset; } .news .body-card-news__flex { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .news .body-card-news__line { display: block; background-color: var(--text); width: 1px; height: 16px; } .news .body-card-news__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: var(--indent-16); color: var(--primary-black); } @media (max-width: 767px) { .news .body-card-news__title { -webkit-line-clamp: 2; } } .news .body-card-news__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 767px) { .news .body-card-news__text { display: none; } } .news .body-card-news__more { background-color: var(--white); } @media (max-width: 767px) { .news .body-card-news__more { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .news .news-list__wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto-fill; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-24); margin-bottom: var(--indent-24); } .news .news-list__wrapper .news__card.card-news:first-child { grid-column: span 4; } /* @media (max-width: 1305px) { .news .news-list__wrapper { grid-template-columns: repeat(2, 1fr); } } */ @media (max-width: 991px) { .news .news-list__wrapper { grid-template-columns: repeat(2, 1fr); } .news .news-list__wrapper .news__card.card-news:first-child { grid-column: span 2; } } @media screen and (max-width: 767px) { .news .body-card-news__inner { height: auto; } .card-news-list__time.mobile { margin: 0; } .card-news-list { -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news .news-list__wrapper .card-news-list{ margin-bottom: 0; } } @media (max-width: 575px) { .news .news-list__wrapper { grid-template-columns: 1fr; } .news .news-list__wrapper .news__card.card-news:first-child { grid-column: span 1; } } .video .video-list__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto-fill; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); row-gap: var(--indent-24); margin-bottom: var(--indent-24); } @media (max-width: 1305px) { .video .video-list__wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .video .video-list__wrapper { grid-template-columns: 1fr; } } .news .news-list { margin-bottom: var(--indent-80); } .news .news-list .pagination-wrap { margin: 0 auto; } @media (max-width: 767px) { .news .news-list { margin-bottom: var(--indent-48); } } .news .news-list__button { width: 100% !important; max-width: none !important; margin-bottom: var(--indent-24); -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } @media (max-width: 767px) { .news .news-list__button { margin-bottom: var(--indent-16); } } .news .news-list__pagination { margin: 0 auto; } .news .card-news-list, .slider-news-list .card-news-list { max-width: 100%; display: flex; flex-direction: column; height: 100%; } .news .card-news-list__inner, .slider-news-list .card-news-list__inner { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } @media (max-width: 1305px) { .news .card-news-list { max-width: 100%; } } @media (max-width: 767px) { .news .card-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); flex-direction: row; } .news .card-news-list__inner, .slider-news-list .card-news-list__inner { display: flex; flex-direction: column; height: 100%; justify-content: unset; } .slider-news-list .card-news-list { max-width: 100%; display: flex; flex-direction: row; height: 100%; } } .news .card-news-list__img, .slider-news-list .card-news-list__img { position: relative; width: 100%; height: 100%; margin-bottom: var(--indent-16); flex: 0 0 13rem; } @media (min-width: 1500px) { .news .card-news-list__img, .slider-news-list .card-news-list__img { height: 100%; flex: 0 0 16rem; } } @media (max-width: 767px) { .news .card-news-list__img, .slider-news-list .card-news-list__img { height: var(--indent-80); -webkit-box-flex: 0; -ms-flex: 0 0 var(--indent-80); flex: 0 0 var(--indent-80); } .news .card-news-list__img{ margin-bottom: 0; } } .news .card-news-list__img img, .slider-news-list .card-news-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news .card-news-list__title, .slider-news-list .card-news-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: var(--indent-12); color: var(--primary-black); } @media (max-width: 767px) { .news .card-news-list__title, .slider-news-list .card-news-list__title { -webkit-line-clamp: 2; font-size: var(--fs-text-md); line-height: var(--fh-text-md); } } .news .card-news-list__tag span { line-height: unset; } .news .card-news-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); line-height: unset; } @media (max-width: 991px) { .news .card-news-list__info.gray path { fill: unset; } } .news .card-news-list__time.desktop { display: block; } .news .card-news-list__time.mobile { display: none; } @media (max-width: 991px) { .news .card-news-list__time.desktop { display: none; } .news .card-news-list__time.mobile { display: block; margin: 0; } .news .card-news-list__time.mobile svg { vertical-align: middle; } } .news .card-news-list__line { display: block; background-color: var(--text); width: 1px; height: 16px; } .news .card-news-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-12); } .news .video-news { margin-bottom: var(--indent-80); } @media screen and (max-width: 1279px) { .news .card-news-list__top { flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media screen and (max-width: 991px) { .news .card-news-list__top { flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .news .video-news { margin-bottom: var(--indent-48); } } .news .video-news__top { 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; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-12); padding: 0 var(--indent-40); max-width: 1980px; margin: 0 auto var(--indent-32) auto; } .news .video-news__top .tab-group{ display: none; } @media (max-width: 1024px) { .news .video-news__top { padding: 0 var(--indent-16); } } @media (max-width: 767px) { .news .video-news__top { padding: 0; } } .news .video-news__title { white-space: normal; word-break: normal; } @media (max-width: 1024px) { .news .video-news__title { padding: 0 var(--indent-16); } } @media (max-width: 767px) { .news .video-news__title { padding: 0 var(--indent-16); } } .news .video-news__button { width: 100%; max-width: none; margin-bottom: var(--indent-24); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .news .video-news__button { margin-bottom: var(--indent-16); } } .news .video-news__pagination { margin: 0 auto; } @media (max-width: 767px) { .news .video-news .tab-buttons { overflow: auto; margin-left: var(--indent-16); } } .news .card-video-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-40); -moz-column-gap: var(--indent-40); column-gap: var(--indent-40); margin-bottom: var(--indent-32); } @media (max-width: 767px) { .news .card-video-news { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; row-gap: var(--indent-24); margin-bottom: 0; } } .news .card-video-news__list { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; height: 100%; } .video .video-list__pagination .pagination-wrap{ margin: 0 auto; } .news .card-video-news__img { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; position: relative; width: 100%; /* height: 440px; */ align-self: start; } @media (max-width: 767px) { .news .card-video-news__img { /* height: 343px; */ } } .news .card-video-news__img img { /* position: absolute; */ /* height: auto; */ height: 100%; max-height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; border-radius: var(--indent-16); top: 50%; left: 0; /* transform: translateY(-50%); */ } .news .card-video-news__info { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.1019607843); border: 1px solid rgba(255, 255, 255, 0.1490196078); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: var(--indent-24); margin: 0 var(--indent-16) var(--indent-16) var(--indent-16); border-radius: 12px; width: calc(100% - (var(--indent-16) + var(--indent-16))); } .news .card-video-news__info .item-card-video-news-list__top { margin-bottom: var(--indent-16); } .news .card-video-news__info .item-card-video-news-list__top .item-card-video-news-list__line { background: var(--white); } @media (max-width: 991px) { .news .card-video-news__img img { position: static; transform: none; } .news .card-video-news__info { padding: var(--indent-16); } } .news .item-card-video-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); margin-bottom: var(--indent-16); } @media (max-width: 767px) { .news .item-card-video-news-list { -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); margin-bottom: var(--indent-24); } } .news .item-card-video-news-list a { display: block; } .news .item-card-video-news-list a::before, .video .card-news-list__img::before { content: ""; position: absolute; width: var(--indent-48); height: var(--indent-48); border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .news .item-card-video-news-list__img { -webkit-box-flex: 1; -ms-flex: 1 1 37%; flex: 1 1 37%; position: relative; width: 100%; height: 136px; } @media (max-width: 767px) { .news .item-card-video-news-list__img { height: var(--indent-80); -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .news .item-card-video-news-list__img, .news .item-card-video-news-list a, .news .item-card-video-news-list a img { aspect-ratio: 1; } } .news .item-card-video-news-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .news .item-card-video-news-list__body { -webkit-box-flex: 1; -ms-flex: 1 1 63%; flex: 1 1 63%; height: 100%; padding-top: var(--indent-8); } @media (max-width: 767px) { .news .item-card-video-news-list__body { height: auto; -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; padding-top: 0; } } .news .item-card-video-news-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--indent-12); } .news .item-card-video-news-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); } @media (max-width: 991px) { .news .item-card-video-news-list__title { font-size: var(--fs-text-md); line-height: var(--fh-text-md); } } .news .item-card-video-news-list__tag span { line-height: unset; } .news .item-card-video-news-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); line-height: unset; } .news .item-card-video-news-list__line { display: block; background-color: var(--text); width: 1px; height: 16px; } .news .fancybox__slide.has-html .fancybox__content { width: 960px; height: 540px; } @media (max-width: 767px) { .news .fancybox__slide.has-html .fancybox__content { width: 100%; height: 50%; } } .slider-news-list { margin-bottom: 80px; } .slider-news-list .swiper-slide { height: auto !important; } @media (max-width: 767px) { .slider-news-list { margin-bottom: var(--indent-48); } .slider-news-list .swiper-slide { width: 100% !important; } .slider-news-list .swiper-wrapper { transform: none !important; } } .slider-news-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--indent-32); } .slider-news-list__controll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--indent-12); } @media (max-width: 767px) { .slider-news-list__controll { display: none; } } @media (max-width: 767px) { .slider-news-list .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* End */ /* Start:/local/frontend/pages/news/css/news-detail.css?174375269122765*/ @charset "UTF-8"; @media (max-width: 767px) { .news-detail.container { padding: 0 var(--indent-16); } } .news-detail { color: var(--primary-black); } .news-detail__title { white-space: normal; word-break: normal; margin-bottom: var(--indent-24); } .news-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-12); margin-bottom: var(--indent-24); } @media (max-width: 767px) { .news-detail__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .news-detail__tag { padding: 2px var(--indent-8); } .news-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .news-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .news-detail__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5rem; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; } @media (min-width: 1440px) { .news-detail__wrapper { -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } } @media (max-width: 991px) { .news-detail__wrapper { margin-bottom: var(--indent-48); -ms-flex-wrap: wrap; flex-wrap: wrap; } } .news-detail__content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; /* max-width: 61rem; */ max-width: 100%; color: var(--primary-black); width: 100%; } @media (min-width: 1441px) { .news-detail__content { /* margin-bottom: var(--indent-48); */ max-width: 100%; } } @media (max-width: 991px) { .news-detail__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: var(--indent-48); } } .news-detail__content>img { border-radius: var(--indent-16); width: 100%; -o-object-fit: cover; object-fit: cover; } .news-detail__content b, .news-detail__content strong { font-weight: 600; } .news-detail__content p a { color: var(--primary-blue); } .news-detail__content .news-text { margin-bottom: var(--indent-40); } .news-detail__content h2 { font-size: var(--fs-display-sm); line-height: 1.1875; font-weight: var(--fw-bold); } .news-detail__content h3 { font-size: var(--fs-display-xs); line-height: 1.28; font-weight: var(--fw-bold); } .news-detail__content h4 { font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); } @media screen and (max-width: 991px) { .news-detail__content h2 { font-size: var(--fs-display-xs); line-height: 1.28; } .news-detail__content h3 { font-size: var(--fs-text-lg); line-height: var(--indent-28); } .news-detail__content h4 { font-size: 1.0625rem; line-height: 1.41rem; } } @media (max-width: 767px) { .news-detail__content .news-text { margin-bottom: var(--indent-24); } } .news-detail__content .banner { margin-bottom: 0; } .news-detail__main-img { /* height: calc((1vw + 1vh)* 16); */ } /* @media (max-width: 767px) { .news-detail__main-img { height: 8.875rem; } } */ .news-detail__description { margin-bottom: var(--indent-40); } @media (max-width: 767px) { .news-detail__description { margin-bottom: var(--indent-24); } } .news-detail__quote { padding-left: var(--indent-40); border-left: 4px solid var(--primary-blue); } @media (max-width: 767px) { .news-detail__quote { padding-left: var(--indent-24); } } .news-detail__quote p + cite { margin-top: var(--indent-16); } .news-detail__quote cite { font-style: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .news-detail__quote cite span { display: block; } @media (max-width: 767px) { .news-detail__quote cite span:not(.text-sm) { font-size: var(--fs-text-md); line-height: var(--fh-text-md); } } .news-detail__quote.pink-blockquote { border-left: 4px solid var(--primary-pink); } .news-detail__quote.primary-blockquote { border-left: 4px solid var(--primary-blue); } .news-detail__content>div:not(.epilog):not(.histories-detail__tags), .news-detail__content>blockquote, .news-detail__content>img { margin-bottom: var(--indent-40); } .news-detail__content>h1, .news-detail__content>h2, .news-detail__content>h3, .news-detail__content>h4, .news-detail__content>h5, .news-detail__content>h6 { margin-bottom: var(--indent-24); } .histories-detail .news-detail__content { margin-bottom: 0; } @media (max-width: 767px) { .news-detail__content>div:not(.epilog):not(.histories-detail__tags), .news-detail__content>blockquote, .news-detail__content>img { margin-bottom: var(--indent-24); } .news-detail__content>h1, .news-detail__content>h2, .news-detail__content>h3, .news-detail__content>h4, .news-detail__content>h5, .news-detail__content>h6 { margin-bottom: var(--indent-16); } } .news-detail__sidebar { width: 20.5rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .news-detail__content + .news-detail__sidebar { display: none; } } .news-detail__video { margin: 0 0 var(--indent-40) 0; position: relative; } .news-detail__video a { display: block; position: relative; overflow: hidden; } .news-detail__video a::before { content: ""; position: absolute; width: var(--indent-64); height: var(--indent-64); border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 991px) { .news-detail__video { margin-bottom: var(--indent-24); } .news-detail__video a::before { width: 3rem; height: 3rem; } } .news-detail__video img { margin-bottom: var(--indent-16); position: relative; width: 100%; border-radius: var(--indent-16); /* height: calc((1vw + 1vh)* 19); */ -o-object-fit: cover; object-fit: cover; } /* @media (max-width: 767px) { .news-detail__video img { height: 180px; } } */ .news-detail__img { margin: 0 0 var(--indent-40) 0; position: relative; } .news-detail__img a { display: block; } .news-detail__img a::before { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .news-detail__img:hover a::before { opacity: 1; } @media (max-width: 767px) { .news-detail__img { margin-bottom: var(--indent-24); } } .news-detail__img img { margin-bottom: var(--indent-16); position: relative; width: 100%; border-radius: var(--indent-16); height: calc((1vw + 1vh)* 19); -o-object-fit: cover; object-fit: cover; } .vebinar-news-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); margin: var(--indent-16) 0 var(--indent-40) 0; } @media (max-width: 767px) { .vebinar-news-detail { -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); margin: var(--indent-16) 0 var(--indent-24) 0; } } .vebinar-news-detail__img { max-width: 146px; position: relative; width: 100%; height: 120px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .vebinar-news-detail__img { height: var(--indent-80); max-width: var(--indent-80); } } .vebinar-news-detail__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .vebinar-news-detail__body { -webkit-box-flex: 0; -ms-flex: 0 1 31.625rem; flex: 0 1 31.625rem; height: 100%; padding: var(--indent-7) 0; } @media (max-width: 767px) { .vebinar-news-detail__body { height: 6.75rem; -webkit-box-flex: 1; -ms-flex: 1 1 80%; flex: 1 1 80%; padding: 0; } } .vebinar-news-detail__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: var(--indent-12); color: var(--primary-black); } @media (max-width: 767px) { .vebinar-news-detail__title { font-size: var(--fs-text-md); line-height: var(--fh-text-md); margin-bottom: var(--indent-8); } } .vebinar-news-detail__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); row-gap: var(--indent-8); } .vebinar-news-detail__tag { padding: 0.125rem var(--indent-8); } .vebinar-news-detail__tag span { line-height: var(--indent-20); } .vebinar-news-detail__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } .vebinar-news-detail__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .epilog { width: 100%; } .epilog__link { width: 100%; background-color: var(--bgr); padding: var(--indent-24); border-radius: var(--indent-16); margin-top: var(--indent-8); } .epilog__link a { text-align: center; display: block; color: var(--brand-blue); } .epilog__link a svg { vertical-align: middle; } .author-epilog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--bgr); margin-bottom: var(--indent-8); padding: var(--indent-8); -webkit-column-gap: var(--indent-16); -moz-column-gap: var(--indent-16); column-gap: var(--indent-16); border-radius: var(--indent-16); } @media (max-width: 767px) { .author-epilog { padding: var(--indent-16); } } .author-epilog__img { width: 104px; height: 104px; position: relative; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { .author-epilog__img { width: 88px; height: 88px; } } .author-epilog__img img { border-radius: var(--indent-16); margin-bottom: 0; position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .info-author-epilog__title { margin-bottom: var(--indent-8); } @media (max-width: 767px) { .info-author-epilog__title { margin-bottom: 0; } } .info-author-epilog__departament { white-space: normal; word-break: normal; } .share-epilog { background-color: var(--bgr); padding: var(--indent-16) var(--indent-24); border-radius: var(--indent-16); } .share-epilog__title { margin-bottom: var(--indent-8); } .share-epilog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-8); -moz-column-gap: var(--indent-8); column-gap: var(--indent-8); } .share-epilog__social { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-16) 0; min-height: var(--indent-64); border: 1px solid var(--primary-third); display: flex; align-items: center; justify-content: center; gap: var(--indent-8); font-size: var(--fs-text-lg); line-height: 1.47; } .share-epilog__social, .share-epilog__social span { font-weight: var(--fw-bold); } .share-epilog__social-copy { position: relative; cursor: pointer; } .share-epilog__social-tooltip { display: block; position: absolute; top: 0; left: 50%; padding: var(--indent-12) var(--indent-10); background-color: var(--primary-secondary); color: var(--white); pointer-events: none; border-radius: var(--indent-8); font-size: var(--fs-text-sm); font-weight: var(--fw-bold); line-height: 1.3; transition: 0.2s all; opacity: 0; transform: translateX(-50%) translateY(-100%); } .share-epilog__social-tooltip::before { content: ''; width: var(--indent-12); height: var(--indent-12); border-radius: 2px; transform: rotate(45deg); background-color: var(--primary-secondary); position: absolute; bottom: calc(var(--indent-12) * -1 / 3); left: 50%; } .share-epilog__social-copy { text-align: center; flex-wrap: wrap; } .share-epilog__social-copy._active .share-epilog__social-tooltip { opacity: 1; transform: translateX(-50%) translateY(calc(100% * -1 - var(--indent-10))); } @media (max-width: 767px) { .share-epilog__social { padding: var(--indent-14) 0; min-height: 48px; } .share-epilog__social span:not(.share-epilog__social-tooltip){ display: none; } } .share-epilog__social svg { display: block; width: var(--indent-24); height: var(--indent-24); margin: 0; } @media (max-width: 767px) { .share-epilog__social svg { height: 20px; width: 20px; } } @media (max-width: 767px) { .card-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--indent-24); } .video .card-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } .card-news-list__img { position: relative; width: 100%; height: 14rem; margin-bottom: var(--indent-16); } @media (max-width: 767px) { .card-news-list__img { height: 80px; width: 80px; } } .card-news-list__img img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: var(--indent-16); top: 0; left: 0; } .card-news-list__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: var(--indent-12); } @media (max-width: 767px) { .card-news-list__title { -webkit-line-clamp: 2; margin-bottom: var(--indent-8); } } .card-news-list__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); } .card-news-list__tag { padding: 0.125rem var(--indent-8); } .card-news-list__tag span { line-height: var(--indent-20); } .card-news-list__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-10); -moz-column-gap: var(--indent-10); column-gap: var(--indent-10); } @media (max-width: 767px) { .card-news-list__info.gray path { fill: unset; } } .card-news-list__line { display: block; background-color: var(--text); width: 0.0625rem; height: var(--indent-16); } .card-news-list__time.desktop { display: block; } .card-news-list__time.mobile { display: none; } @media (max-width: 767px) { .card-news-list__time.desktop { display: none; } .card-news-list__time.mobile { display: block; } .card-news-list__time.mobile svg { vertical-align: middle; } } .news-detail .content-sidebar { background: unset; padding: 0; } .news-detail .content-sidebar__list { background: unset; padding: 0; } .news-detail .content-sidebar__list { background: unset; padding: 0; } .news-detail+.form-large { margin-bottom: 4.7rem; } @media (max-width: 767px) { .recomend-sidebar { margin-bottom: var(--indent-48); } .news-detail .form-large { margin-bottom: var(--indent-48); } } .recomend-sidebar__title { margin-bottom: var(--indent-8); } .recomend-sidebar__item { margin-bottom: var(--indent-12); } .recomend-sidebar__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: var(--indent-12); -moz-column-gap: var(--indent-12); column-gap: var(--indent-12); color: var(--font-main-color); } .recomend-sidebar__link svg { height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 var(--indent-48); flex: 0 0 var(--indent-48); border-radius: var(--indent-8); background: var(--bgr); padding: 4px; } .news-detail__content .section--banner { margin-top: 0 !important; margin-bottom: 0 !important; } ul.check { margin-bottom: var(--indent-40); padding-left: 0; } @media (max-width: 767px) { ul.check { margin-bottom: var(--indent-24); } } ul.check li { position: relative; margin-bottom: var(--indent-12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { ul.check li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } ul.check li:before { content: ""; display: inline-block; background-color: unset; padding: 0; border-radius: var(--indent-8); width: var(--indent-40); height: var(--indent-40); color: var(--brand-blue); text-align: right; font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); margin-right: var(--indent-16); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 767px) { ul.check li:before { width: var(--indent-40); height: var(--indent-40); margin-right: var(--indent-12); padding: 0.375rem; } } ul.check li span { display: block; margin-top: var(--indent-8); } /* End */ /* Start:/local/frontend/pages/knowledge/css/knowledge.css?174462056520136*/ /* breadcrumbs */ .breadcrumbs { padding: 0; margin-bottom: var(--indent-16); } .breadcrumbs__wrapper { width: 100%; overflow: auto; } /* knowledge */ .knowledge.container { /* width: 100%; */ /* max-width: calc(95rem - var(--indent-40) - var(--indent-40)); */ /* margin: 0 auto; */ } @media (max-width: 1023px) { .knowledge.container { /* padding: 0 var(--indent-16); */ /* max-width: calc(90rem - var(--indent-16) - var(--indent-16)); */ } } /* knowledge */ .knowledge .knowledge-base { margin-bottom: var(--indent-40); } .knowledge-detail, .knowledge-form-img, .knowledge-main { margin-bottom: 4.71rem; } .knowledge-form-img { width: 100%; } .knowledge { color: var(--primary-third-text); word-break: break-word; } .knowledge__title { margin-bottom: var(--indent-24); font-weight: var(--fw-bold); font-size: var(--fs-display-sm); line-height: var(--indent-38); } @media screen and (min-width: 992px) { .knowledge .knowledge-base .tab-group { display: none; } } @media screen and (max-width: 991px) { .knowledge-detail, .knowledge-form-img, .knowledge-main { margin-bottom: var(--indent-48); } .knowledge .knowledge-base { margin-bottom: var(--indent-24); } .knowledge .knowledge-base .tabs { display: none; } .knowledge-base__search { max-width: 100%; } .knowledge-base__search .input { max-width: 100%; } .knowledge .knowledge-base .tab-group .dropdown .dropdown__menu { max-width: 100%; width: 100%; } .knowledge .knowledge-base .tab-group .dropdown .dropdown__menu .tab-buttons.dropdown__list { width: 100%; } } @media screen and (max-width: 767px) { .knowledge__title { font-size: var(--fs-display-xs); line-height: var(--indent-32); } } /* knowledge-block */ .knowledge-block { --width-item-small: 443px; } .knowledge-block:not(:last-child) { margin-bottom: var(--indent-40); } .knowledge-block__items { --columns-items: 2; --offset-items: var(--indent-16); display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--offset-items); } .knowledge-block__item { height: auto; flex-grow: 1; max-width: 100%; width: calc((100% - var(--offset-items) * (var(--columns-items) - 1)) / var(--columns-items)); } .knowledge-block__item:nth-child(2) { /* max-width: var(--width-item-small); */ } @media screen and (max-width: 1023px) { .knowledge-block:not(:last-child) { margin-bottom: var(--indent-24); } } @media screen and (max-width: 767px) { .knowledge-block__items { --offset-items: var(--indent-8); } } @media screen and (max-width: 575px) { .knowledge-block__items { flex-direction: column; } } /* knowledge-list */ .knowledge-list { --columns: 1; padding: var(--indent-32); display: flex; flex-direction: column; border-radius: var(--indent-16); background-color: var(--bgr); } .knowledge-list__medium { --columns: 2; } .knowledge-list__big { --columns: 3; } .knowledge-list__title, .knowledge-list__title p { font-weight: var(--fw-bold); font-size: var(--fs-display-xs); line-height: var(--indent-32); } .knowledge-list__title { margin-bottom: var(--indent-32); } .knowledge-list__items { display: grid; grid-template-columns: repeat(var(--columns), 1fr); gap: var(--indent-16) var(--indent-40); } .knowledge-list__items .item-send { margin-bottom: 0; } .item-send { margin-bottom: 0; color: var(--primary-third-text); ; } @media screen and (max-width: 1023px) { .knowledge-list { padding: var(--indent-24); } .knowledge-list__items { gap: var(--indent-16); } } @media screen and (max-width: 767px) { .knowledge-list__big { --columns: 2; } .knowledge-list__medium { --columns: 1; } .knowledge-list__title, .knowledge-list__title p { font-size: var(--fs-text-xl); line-height: var(--indent-30); } .knowledge-list__title { margin-bottom: var(--indent-24); } } @media screen and (max-width: 575px) { .knowledge-list__big { --columns: 1; } .knowledge-block__item { width: 100%; } .knowledge-block__item:nth-child(2) { max-width: 100%; } } /* knowledge-detail */ .knowledge-detail { --offset-block: var(--indent-40); --width-menu: 17.5%; --width-sidebar: 16%; } .knowledge-detail .news-detail__img img { -o-object-fit: contain; object-fit: contain; height: auto; } .knowledge-detail__title, .knowledge-detail__content h1 { font-weight: var(--fw-bold); font-size: var(--fs-display-sm); line-height: var(--indent-38); } .knowledge-detail .breadcrumbs__wrapper { margin-bottom: var(--indent-16); } .knowledge-detail__wrapper { display: flex; align-items: start; justify-content: space-between; gap: var(--offset-block); } .knowledge-detail__content { display: flex; flex-direction: column; gap: var(--offset-block); } .knowledge-detail__content-top { display: flex; flex-direction: column; } /**/ .knowledge-detail__block > * { margin: var(--indent-24) 0; } .knowledge-detail__block > *:first-child { margin-top: 0 !important; } .knowledge-detail__block > *:last-child { margin-bottom: 0 !important; } .knowledge-detail__block { font-size: var(--fs-text-md); line-height: var(--indent-24); } .knowledge-detail__block a:not([class]), .knowledge-detail__content a:not([class]) { color: var(--primary-blue); } .knowledge-detail__block-title, .knowledge-detail__content h2 { font-size: var(--fs-display-xs); line-height: var(--indent-32); margin-bottom: var(--indent-24); font-weight: var(--fw-bold); margin-top: var(--indent-40); } .knowledge-detail__image, .knowledge-detail__image-picture { width: 100%; } .knowledge-detail__image-picture { position: relative; } .knowledge-detail__image-picture:after { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; transition: all 0.3s ease; opacity: 0; } .knowledge-detail__image-picture img { display: block; border-radius: var(--indent-8); border: 1px solid var(--primary-third-border); width: 100%; } .knowledge-detail__image-descr { margin-top: var(--indent-8); font-size: var(--fs-text-sm); line-height: var(--indent-20); color: var(--text); } .knowledge-detail__block-item { display: flex; flex-direction: column; gap: var(--indent-24); } .knowledge-detail__block-caption, .knowledge-detail__content h3 { font-size: var(--fs-text-lg); line-height: var(--indent-28); font-weight: var(--fw-bold); } .knowledge-detail__block-badge { line-height: var(--indent-24); border-radius: var(--indent-8); padding: var(--indent-16); background-color: #F6F7F9; overflow: hidden; border: 1px solid var(--primary-disabled); } .knowledge-detail__block-item+.knowledge-detail__block-item { margin-top: var(--indent-24); } .knowledge-detail__content-bottom { display: flex; flex-direction: column; gap: var(--indent-16); } .knowledge-detail__content-btns { display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); gap: var(--indent-12); } .knowledge-detail__mobile-btn { display: flex; align-items: center; justify-content: space-between; gap: var(--indent-8); padding: var(--indent-14) var(--indent-16); border-radius: var(--indent-8); overflow: hidden; border: 1px solid var(--light-black); background-color: var(--bgr); } .knowledge-detail__mobile-btn span { flex-grow: 1; } .knowledge-detail__mobile-btn svg { min-width: var(--indent-20); width: var(--indent-20); min-height: var(--indent-20); height: var(--indent-20); } .knowledge-detail__mobile-down { transition: 0.2s all; } @media screen and (min-width: 992px) { .knowledge-detail__image-picture:hover::after { opacity: 1; } .knowledge-detail__content { flex-grow: 1; max-width: calc(100% - var(--width-sidebar) - var(--width-menu) - var(--offset-block) * 2); } .knowledge-detail__sidebar { min-width: var(--width-sidebar); width: var(--width-sidebar); } .knowledge-detail__menu-wrapper { min-width: var(--width-menu); width: var(--width-menu); position: sticky; top: var(--height-header, 0px); } .knowledge-detail__mobile-btn { display: none; } .knowledge-detail__menu { height: calc(100vh - var(--height-header, var(--indent-40))); overflow-y: auto; scrollbar-width: none; padding-bottom: var(--indent-40); } .knowledge-detail__menu::-webkit-scrollbar, .knowledge-detail__menu::-webkit-scrollbar-track, .knowledge-detail__menu::-webkit-scrollbar-thumb { display: none; } } @media screen and (max-width: 991px) { .knowledge-detail { --offset-block: var(--indent-24); } .knowledge-detail__menu-wrapper.overflow-shadow::after, .knowledge-detail__menu-wrapper.overflow-shadow::before { content: none; } .knowledge-detail .text-md, .knowledge-detail__block-badge { font-size: 0.9375rem; line-height: 1.33; } .knowledge-detail__wrapper { flex-direction: column; } .knowledge-detail__sidebar { display: none; } .knowledge-detail__title, .knowledge-detail__content h1 { font-size: var(--fs-display-xs); line-height: var(--indent-32); } .knowledge-detail__block { font-size: var(--fs-text-sm); line-height: var(--indent-20); } .knowledge-detail__block-caption, .knowledge-detail__content h3 { font-size: 1.0625rem; line-height: 1.41rem; } .knowledge-detail__block > * { margin: 1rem 0; } .knowledge-detail__block-title, .knowledge-detail__content h2 { font-size: 1.3125rem; line-height: 1.43; margin-bottom: 1rem; margin-top: 1.5rem; } .knowledge-detail__block-item { gap: var(--indent-16); } .knowledge-detail__content { width: 100%; max-width: 100%; gap: 1.5rem; } .knowledge-detail__menu { width: 100%; } .knowledge-detail__menu .sidebar-menu { padding: var(--indent-8); border-radius: var(--indent-8); background-color: var(--white); box-shadow: 0px 4px 10px 0px #00378526; margin-top: 2px; transition: 0.5s all ease; max-height: 10000px; } .knowledge-detail__menu:not(._active) .sidebar-menu { max-height: 0; opacity: 0; pointer-events: none; overflow: hidden; padding-top: 0; padding-bottom: 0; margin-top: 0; } .knowledge-detail__menu._active .knowledge-detail__mobile-down { transform: rotate(180deg); } .knowledge-detail__title, .knowledge-detail__content h1 { font-size: 1.5625rem; line-height: 1.28; } } @media screen and (max-width: 768px) { .knowledge-detail__wrapper { margin-bottom: var(--indent-48); flex-wrap: wrap; } .knowledge-detail__sidebar { flex: 0 1 100%; } } @media screen and (max-width: 575px) { .knowledge-detail__content-btns { grid-template-columns: 1fr; } } /* sidebar */ .sidebar { position: sticky; /* top: 7.5rem; */ top: calc(var(--height-header, 0px) + var(--indent-20)); align-self: start; } .content-sidebar { margin-bottom: var(--indent-24); max-width: 13.94rem; } .content-sidebar__title { margin-bottom: var(--indent-8); } .content-sidebar__item { border-left: 1px solid var(--primary-third); position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .content-sidebar__item a { color: var(--text); display: block; padding: var(--indent-12) 0 var(--indent-12) var(--indent-12); } .content-sidebar__wrapper { position: relative; height: 100%; } .content-sidebar__wrapper .content-sidebar-indicator { position: absolute; top: 0; height: 0; width: 1px; border-left: 1px solid var(--primary-pink); color: var(--primary-pink); -webkit-transition: height 0.3s ease, -webkit-transform 0.3s ease; transition: height 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, height 0.3s ease; transition: transform 0.3s ease, height 0.3s ease, -webkit-transform 0.3s ease; } .content-sidebar__item.active { color: var(--primary-pink); } .content-sidebar__item.active a { color: var(--font-main-color); } @media (max-width: 768px) { .content-sidebar { display: none; } } /* sidebar-menu */ .sidebar-menu { --size-icon: var(--indent-16); font-size: var(--fs-text-sm); line-height: var(--indent-20); } .sidebar-menu__btn { padding: var(--indent-8) var(--indent-12) var(--indent-8) 0; position: relative; border-radius: var(--indent-8); overflow: hidden; display: flex; align-items: center; gap: var(--indent-4); color: var(--primary-third-text); cursor: pointer; transition: 0.2s all; } .sidebar-menu__icon { position: relative; display: block; width: var(--size-icon); min-width: var(--size-icon); height: var(--size-icon); min-height: var(--size-icon); } .sidebar-menu__icon::before, .sidebar-menu__icon::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; border-radius: 1.5px; background-color: currentColor; transition: 0.2s all; } .sidebar-menu__icon::before { width: 50%; height: 1.5px; } .sidebar-menu__icon::after { height: 50%; width: 1.5px; } .sidebar-menu__link .sidebar-menu__icon { opacity: 0; } .sidebar-menu__submenu { padding-left: var(--indent-20); overflow: hidden; transition: 0.5s all ease; max-height: 10000px; } /**/ .sidebar-menu__link._active { background-color: var(--lightest-blue); } .sidebar-menu__item._open>.sidebar-menu__btn .sidebar-menu__icon::after { opacity: 0; } .sidebar-menu__item:not(._open)>.sidebar-menu__submenu { opacity: 0; pointer-events: none; max-height: 0; } @media screen and (min-width: 1024px) { .sidebar-menu__btn:hover { background-color: var(--bgr); } } .sidebar-menu__btn:active { background-color: var(--bgr); } /* block-usefull */ .block-usefull { --size-icon-block: var(--indent-20); padding: var(--indent-16); border-radius: var(--indent-8); overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: var(--indent-24); background-color: var(--bgr); } .block-usefull__content { display: flex; align-items: center; gap: var(--indent-8); color: var(--text); } .block-usefull__like { color: currentColor; transition: 0.2s all; cursor: pointer; padding: 0; } .block-usefull__like._added { color: var(--primary-third-border-hover); } .block-usefull__content svg { min-width: var(--size-icon-block); width: var(--size-icon-block); min-height: var(--size-icon-block); height: var(--size-icon-block); } @media screen and (min-width: 1024px) { .block-usefull__like:hover { color: var(--primary-third-border-hover); } } .block-usefull__like:active { color: var(--primary-third-border-hover); } /* button-link */ .button-link { --size-icon-block: var(--indent-24); position: relative; overflow: hidden; border-radius: var(--indent-8); padding: var(--indent-10) var(--indent-12); display: flex; flex-direction: column; gap: var(--indent-4); color: var(--primary-third-text); background-color: var(--white); border: 1px solid var(--light-black); transition: 0.2s all; } .button-link__next { align-items: end; text-align: right; } .button-link__top { display: flex; align-items: center; gap: var(--indent-8); color: var(--text); font-size: var(--fs-text-sm); line-height: var(--indent-20); } .button-link__top svg { display: block; min-width: var(--size-icon-block); width: var(--size-icon-block); min-height: var(--size-icon-block); height: var(--size-icon-block); } .block-usefull__btns .button { cursor: pointer; } @media screen and (min-width: 1024px) { .button-link:hover { color: var(--primary-third-border-hover); border-color: var(--primary-third-border-hover); } } @media screen and (max-width: 424px) { .block-usefull { flex-direction: column; align-items: start; } .block-usefull__btns { width: 100%; } .block-usefull__btns .button { max-width: 100%; width: 100%; justify-content: center; } .block-usefull__content { font-size: var(--fs-text-sm); line-height: var(--indent-20); } } /* modal-small */ .modal-small { padding: var(--indent-24) !important; border-radius: var(--indent-16); box-shadow: 0px 4px 10px 0px #00378526; width: 100%; max-width: 444px; display: flex; flex-direction: column; gap: var(--indent-16); word-break: break-word; } .modal-small__form .input { margin-bottom: 0; } .modal-small .form-wrapper { gap: var(--indent-16); } .modal-small .form-inputs { gap: var(--indent-8); } .modal-small__body { color: var(--text); } .modal-small__bottom { display: flex; flex-direction: column; align-items: end; } .modal-small .carousel__button.is-close { top: var(--indent-16) !important; right: var(--indent-16) !important; width: var(--indent-24) !important; height: var(--indent-24) !important; } .modal-small .carousel__button.is-close svg { display: block; width: 100%; height: 100%; } .modal-small .carousel__button.is-close svg path { fill: var(--text); stroke: var(--text); } .knowledge-detail__content .section--banner, .knowledge-detail__content .news-detail__img { margin-bottom: 0; } .knowledge+.form-large { margin-bottom: 5rem; } @media (max-width: 768px) { .knowledge+.form-large { margin-bottom: var(--indent-48); } } /* End */ /* Start:/local/frontend/pages/sertificates/css/sertificates.css?17430870292380*/ /* breadcrumbs */ .breadcrumbs { padding: 0; margin-bottom: var(--indent-16); } .breadcrumbs__wrapper { width: 100%; overflow: auto; } /* sertificates */ .sertificates.container { width: 100%; /* max-width: calc(95rem - var(--indent-40) - var(--indent-40)); */ margin: 0 auto; } @media (max-width: 1023px) { .sertificates.container { padding: 0 var(--indent-16); /* max-width: calc(90rem - var(--indent-16) - var(--indent-16)); */ } } /* sertificates */ .sertificates-form-img, .sertificates-main { margin-bottom: 4.71rem; } .sertificates-form-img { width: 100%; } .sertificates { color: var(--primary-third-text); word-break: break-word; } .sertificates__title { margin-bottom: var(--indent-40); } @media screen and (max-width: 1023px) { .sertificates-form-img, .sertificates-main { margin-bottom: var(--indent-48); } } @media screen and (max-width: 767px) { .sertificates__title { font-size: var(--fs-display-xs); line-height: var(--indent-32); } } /* sertificates-main */ .sertificates-main { --columns-main: 6; --columns-secondary: 4; --offset-block: var(--indent-16); } .sertificates-main__list, .sertificates-main__items { display: flex; align-items: stretch; flex-wrap: wrap; gap: var(--offset-block); } .sertificates-main__list { --columns: var(--columns-main); } .sertificates-main__items { --columns: var(--columns-secondary); margin-top: var(--indent-40); } .sertificates-main__item { flex-grow: 1; max-width: calc((100% - var(--offset-block) * (var(--columns) - 1)) / var(--columns)); } @media screen and (max-width: 1600px) { .sertificates-main { --columns-main: 5; } } @media screen and (max-width: 1023px) { .sertificates-main { --columns-main: 4; --columns-secondary: 3; --offset-block: var(--indent-8); } } @media screen and (max-width: 767px) { .sertificates-main { --columns-main: 3; --columns-secondary: 2; } .sertificates-main__items { margin-top: var(--indent-24); } } @media screen and (max-width: 575px) { .sertificates-main { --columns-main: 2; } } @media screen and (max-width: 424px) { .sertificates-main { --columns-main: 1; --columns-secondary: 1; } } /* End */ /* Start:/local/templates/linx/assets/splide.min.css?17431603715002*/ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* End */ /* Start:/local/frontend//js/libs/fancybox/fancybox.css?173871072118774*/ .carousel { position: relative; box-sizing: border-box; } .carousel *, .carousel :after, .carousel :before { box-sizing: inherit; } .carousel.is-draggable { cursor: move; cursor: grab; } .carousel.is-dragging { cursor: move; cursor: grabbing; } .carousel__viewport { position: relative; overflow: hidden; max-width: 100%; max-height: 100%; } .carousel__track { display: flex; } .carousel__slide { flex: 0 0 auto; width: var(--carousel-slide-width, 60%); max-width: 100%; padding: 1rem; position: relative; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .has-dots { margin-bottom: calc(0.5rem + 22px); } .carousel__dots { margin: 0 auto; padding: 0; position: absolute; top: calc(100% + 0.5rem); left: 0; right: 0; display: flex; justify-content: center; list-style: none; user-select: none; } .carousel__dots .carousel__dot { margin: 0; padding: 0; display: block; position: relative; width: 22px; height: 22px; cursor: pointer; } .carousel__dots .carousel__dot:after { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: currentColor; opacity: 0.25; transition: opacity 0.15s ease-in-out; } .carousel__dots .carousel__dot.is-selected:after { opacity: 1; } .carousel__button { width: var(--carousel-button-width, 48px); height: var(--carousel-button-height, 48px); padding: 0; border: 0; display: flex; justify-content: center; align-items: center; pointer-events: all; cursor: pointer; color: var(--carousel-button-color, currentColor); background: var(--carousel-button-bg, transparent); border-radius: var(--carousel-button-border-radius, 50%); box-shadow: var(--carousel-button-shadow, none); transition: opacity 0.15s ease; } .carousel__button.is-next, .carousel__button.is-prev { position: absolute; top: 50%; transform: translateY(-50%); } .carousel__button.is-prev { left: 10px; } .carousel__button.is-next { right: 10px; } .carousel__button[disabled] { cursor: default; opacity: 0.3; } html.with-fancybox { scroll-behavior: auto; } body.compensate-for-scrollbar { overflow: hidden !important; touch-action: none; } .fancybox__container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; margin: 0; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); box-sizing: border-box; display: flex; flex-direction: column; color: var(--fancybox-color, #fff); -webkit-tap-highlight-color: transparent; overflow: hidden; z-index: 1050; outline: 0; transform-origin: top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); } .fancybox__container *, .fancybox__container ::after, .fancybox__container ::before { box-sizing: inherit; } .fancybox__container :focus { outline: 0; } body:not(.is-using-mouse) .fancybox__container :focus { box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); } @media all and (min-width: 1024px) { .fancybox__container { --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 27px; --carousel-button-svg-height: 27px; } } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); } .fancybox__carousel { position: relative; flex: 1 1 auto; min-height: 0; height: 100%; z-index: 10; } .fancybox__carousel.has-dots { margin-bottom: calc(0.5rem + 22px); } .fancybox__viewport { position: relative; width: 100%; height: 100%; overflow: visible; cursor: default; } .fancybox__track { display: flex; height: 100%; } .fancybox__slide { flex: 0 0 auto; width: 100%; max-width: 100%; margin: 0; padding: 48px 8px 8px 8px; position: relative; overscroll-behavior: contain; display: flex; flex-direction: column; outline: 0; overflow: auto; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px; } .fancybox__slide::after, .fancybox__slide::before { content: ""; flex: 0 0 0; margin: auto; } @media all and (min-width: 1024px) { .fancybox__slide { padding: 64px 100px; } } .fancybox__content { margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0); padding: 64px; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); position: relative; align-self: center; display: flex; flex-direction: column; z-index: 20; } .fancybox__content :focus:not(.carousel__button.is-close) { outline: thin dotted; box-shadow: none; } .fancybox__caption { align-self: center; max-width: 100%; margin: 0; padding: 1rem 0 0 0; line-height: 1.375; color: var(--fancybox-color, currentColor); visibility: visible; cursor: auto; flex-shrink: 0; overflow-wrap: anywhere; } .is-loading .fancybox__caption { visibility: hidden; } .fancybox__container > .carousel__dots { top: 100%; color: var(--fancybox-color, #fff); } .fancybox__nav .carousel__button { z-index: 40; } .fancybox__nav .carousel__button.is-next { right: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-next { right: 40px; } } .fancybox__nav .carousel__button.is-prev { left: 8px; } @media all and (min-width: 1024px) { .fancybox__nav .carousel__button.is-prev { left: 40px; } } .carousel__button.is-close { position: absolute; top: 8px; right: 8px; top: calc(env(safe-area-inset-top, 0px) + 8px); right: calc(env(safe-area-inset-right, 0px) + 8px); z-index: 40; } @media all and (min-width: 1024px) { .carousel__button.is-close { right: 40px; } } .fancybox__content > .carousel__button.is-close { position: absolute; top: 24px; right: 24px; color: var(--fancybox-color, #fff); } .fancybox__no-click, .fancybox__no-click button { pointer-events: none; } .fancybox__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; color: var(--fancybox-color, currentColor); } .fancybox__slide .fancybox__spinner { cursor: pointer; z-index: 1053; } .fancybox__spinner svg { animation: fancybox-rotate 2s linear infinite; transform-origin: center center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; } .fancybox__spinner svg circle { fill: none; stroke-width: 2.75; stroke-miterlimit: 10; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: fancybox-dash 1.5s ease-in-out infinite; stroke-linecap: round; stroke: currentColor; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } @keyframes fancybox-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } .carousel__button.is-close, .carousel__dots, .fancybox__backdrop, .fancybox__caption, .fancybox__nav { opacity: var(--fancybox-opacity, 1); } .fancybox__container.is-animated[aria-hidden="false"] .carousel__button.is-close, .fancybox__container.is-animated[aria-hidden="false"] .carousel__dots, .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption, .fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav { animation: 0.15s ease backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .carousel__button.is-close, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav { animation: 0.15s ease both fancybox-fadeOut; } .fancybox-fadeIn { animation: 0.15s ease both fancybox-fadeIn; } .fancybox-fadeOut { animation: 0.1s ease both fancybox-fadeOut; } .fancybox-zoomInUp { animation: 0.2s ease both fancybox-zoomInUp; } .fancybox-zoomOutDown { animation: 0.15s ease both fancybox-zoomOutDown; } .fancybox-throwOutUp { animation: 0.15s ease both fancybox-throwOutUp; } .fancybox-throwOutDown { animation: 0.15s ease both fancybox-throwOutDown; } @keyframes fancybox-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fancybox-fadeOut { to { opacity: 0; } } @keyframes fancybox-zoomInUp { from { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0; } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes fancybox-zoomOutDown { to { transform: scale(0.97) translate3d(0, 16px, 0); opacity: 0; } } @keyframes fancybox-throwOutUp { to { transform: translate3d(0, -30%, 0); opacity: 0; } } @keyframes fancybox-throwOutDown { to { transform: translate3d(0, 30%, 0); opacity: 0; } } .fancybox__carousel .carousel__slide { scrollbar-width: thin; scrollbar-color: #ccc rgba(255, 255, 255, 0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar { width: 8px; height: 8px; } .fancybox__carousel .carousel__slide::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.1); } .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 2px; box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); } .fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__carousel .fancybox__slide .fancybox__content { cursor: auto; } .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { cursor: zoom-in; } .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { cursor: zoom-out; } .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { cursor: move; cursor: grab; } .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { cursor: move; cursor: grabbing; } .fancybox__image { transform-origin: 0 0; user-select: none; transition: none; } .has-image .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; } .is-closing .has-image .fancybox__content { overflow: visible; } .has-image[data-image-fit="contain"] { overflow: visible; touch-action: none; } .has-image[data-image-fit="contain"] .fancybox__content { flex-direction: row; flex-wrap: wrap; } .has-image[data-image-fit="contain"] .fancybox__image { max-width: 100%; max-height: 100%; object-fit: contain; } .has-image[data-image-fit="contain-w"] { overflow-x: hidden; overflow-y: auto; } .has-image[data-image-fit="contain-w"] .fancybox__content { min-height: auto; } .has-image[data-image-fit="contain-w"] .fancybox__image { max-width: 100%; height: auto; } .has-image[data-image-fit="cover"] { overflow: visible; touch-action: none; } .has-image[data-image-fit="cover"] .fancybox__content { width: 100%; height: 100%; } .has-image[data-image-fit="cover"] .fancybox__image { width: 100%; height: 100%; object-fit: cover; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible; } .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { width: 100%; height: 80%; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .fancybox__carousel .fancybox__slide.has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .fancybox__thumbs { flex: 0 0 auto; position: relative; padding: 0 3px; opacity: var(--fancybox-opacity, 1); } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs { animation: 0.15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__thumbs { opacity: 0; } .fancybox__thumbs .carousel__slide { flex: 0 0 auto; width: var(--fancybox-thumbs-width, 96px); margin: 0; padding: 8px 3px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; overflow: visible; cursor: pointer; } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-width: 5px; border-style: solid; border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); opacity: 0; transition: opacity 0.15s ease; border-radius: var(--fancybox-thumbs-border-radius, 4px); } .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after { opacity: 0.92; } .fancybox__thumbs .carousel__slide > * { pointer-events: none; user-select: none; } .fancybox__thumb { position: relative; width: 100%; padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5))); background-size: cover; background-position: center center; background-color: rgba(255, 255, 255, 0.1); background-repeat: no-repeat; border-radius: var(--fancybox-thumbs-border-radius, 4px); } .fancybox__toolbar { position: absolute; top: 0; right: 0; left: 0; z-index: 20; background: linear-gradient( to top, hsla(0deg, 0%, 0%, 0) 0, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100% ); padding: 0; touch-action: none; display: flex; justify-content: space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); } @media all and (min-width: 1024px) { .fancybox__toolbar { padding: 8px; } } .fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar { animation: 0.15s ease-in backwards fancybox-fadeIn; } .fancybox__container.is-animated.is-closing .fancybox__toolbar { opacity: 0; } .fancybox__toolbar__items { display: flex; } .fancybox__toolbar__items--left { margin-right: auto; } .fancybox__toolbar__items--center { position: absolute; left: 50%; transform: translateX(-50%); } .fancybox__toolbar__items--right { margin-left: auto; } @media (max-width: 640px) { .fancybox__toolbar__items--center:not(:last-child) { display: none; } } .fancybox__counter { min-width: 72px; padding: 0 10px; line-height: var(--carousel-button-height, 48px); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; } .fancybox__progress { background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); height: 3px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 30; user-select: none; } .fancybox__container:fullscreen::backdrop { opacity: 0; } .fancybox__button--fullscreen g:nth-child(2) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { display: none; } .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { display: block; } .fancybox__button--slideshow g:nth-child(2) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { display: none; } .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { display: block; } /* End */ /* Start:/local/components/infinity/search/templates/.default/style.css?1742209052192*/ .search-body-finding { max-height: calc(100vh - 6rem); overflow-y: scroll; } @media(max-width: 991.98px){ .search-body-finding { max-height: calc(100vh - 4.5rem); } } /* End */ /* Start:/local/templates/linx/styles.css?17542895382493*/ .card-case { position: relative; } .modal-menu-products .tabs-header { max-height: 100%; } .modal-menu-products .tabs-header .tabs-container-list { overflow-y: auto; } .modal-menu-products .tabs-header .tabs-container-list { grid-template-columns: repeat(3, 1fr); } .section--accordion .tabs { flex-grow: 1; } .card-extrabig--content-bottom { margin-top: auto; } .card-extrabig { position: relative; } .slider-img .swiper-slide { display: flex; } .card-extrabig--aside-back { position: absolute; left: -3px; top: -16px; width: 100%; object-fit: cover; height: 100%; z-index: 0; scale: 1.5; opacity: 1; } .card-extrabig { overflow: hidden; } .card-extrabig--bottom-mobile, .card-extrabig--aside, .card-extrabig--image { position: relative; z-index: 1; } .card-extrabig--content { z-index: 2; } @media screen and (max-width: 991px) { .card-extrabig--aside-back { scale: 2; } } [data-tooltip] { display: inline-flex; pointer-events: all; } [data-tooltip] svg { pointer-events: none; } .b-tooltip { border: 3px solid #fff; display: inline-block; font-size: 0.875em; padding: 0.75em; position: absolute; text-align: center; font-size: var(--fs-text-sm); line-height: var(--fh-text-sm); font-weight: var(--fw-regular); } html { max-width: 100vw; overflow-x: hidden; } .b-tooltip { max-width: 18.2941rem; box-shadow: 0px 4px 15px 0px #00378533; background-color: var(--white); border-radius: var(--indent-8); padding: var(--indent-8) var(--indent-12); position: absolute; z-index: 1000; } .cart-title__wrapper { display: flex; justify-content: space-between; } .block-team__top.block-title { margin-bottom: var(--indent-32); } @media (max-width: 567.98px) { .block-team__top.block-title { margin-bottom: var(--indent-16); } .title-header--arrows { display: none; } } @media (max-width: 1680px) { :root { --main-text-size: 16px; } } @media (max-width: 1440px) { :root { --main-text-size: 14px; } } @media (max-width: 991.98px) { :root { --main-text-size: 16px; } } .modal-menu-products .tabs-header{ display: flex; flex-direction: column; height: 100%; } .modal-menu-products .tabs-header .tabs-container-list{ padding: 1rem; margin: -1rem -1rem 0; } .tabs-sale-block{ margin-top: auto; } .knowledge-detail__block-badge{ display: block; } .knowledge-detail__block-badge { white-space: break-spaces; } .bold-600 {font-weight: 600; } /* End */ /* Start:/local/templates/linx/template_styles.css?17453135789793*/ .banner-paralax { z-index: -1; } .button img { width: 1.25rem; height: 1.25rem; } .compensate-for-scrollbar { padding-right: 0 !important; } header { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 2; background: transparent; } .container { width: 100%; } .section { margin-bottom: 5rem; } @media (max-width: 768px) { .section { margin-bottom: var(--indent-48); } } .section--medium { margin-bottom: 3rem; } .section--small { margin-bottom: var(--indent-40); } .section--title { margin-bottom: 2rem; } .block-career-header .section { margin-bottom: var(--indent-48); } @media screen and (max-width: 991px) { .block-career-header .section { margin-bottom: 2rem; } .section--title { margin-bottom: 1.5rem; } .section--small { margin-bottom: 3rem; } } .block-cards + * .section--banner, .block-cards + script + * .section--banner { margin-top: -3rem; } @media screen and (max-width: 768px) { .block-cards + * .section--banner, .block-cards + script + * .section--banner { margin-top: calc(var(--indent-24) * -1); } } .banner--dark { background: var(--primary-black); } .banner.banner--dark .banner-left-block h2, .banner.banner--dark .banner-left-block h5, .banner.banner--dark .banner-left-block h4, .banner.banner--dark .banner-left-block p { color: var(--white); } .landing-ui-view-wrapper { background: var(--white); } .card-extrabig { max-width: 100%; } .card-extrabig--aside { width: 100%; } .slider-video.swiper-slide { margin: 0; } /* .swiper-steps__navigation { width: 50%; } */ header { transition: 0.25s; } header.light { background: var(--white); z-index: 10; } .banner-main-wrapper .slide__information { min-height: 520px; height: 100%; } .banner-main-wrapper .slide__information > .container { display: flex; flex-direction: column; } .slide__information-buttons { padding-top: var(--indent-28); } .banner-main-wrapper .slide__information .slide__information-buttons { margin-top: auto; } .banner-main-wrapper .slide__information .slide__information-buttons .button { min-width: 226px; justify-content: center; } .slider-block--item-btns { display: flex; flex-wrap: wrap; } .slider-block--item-bottom .button { flex-grow: 1; flex-basis: calc(50% - 0.75rem); } /* .slider-block--item-bg img { */ /* .slider-block--item { min-height: 35rem; } */ .block-title { margin: 0; } .container { max-width: 1980px; } body.static-page { /* padding-top: 6.25rem; */ padding-top: calc(var(--height-header, 90px) + var(--indent-16)); } @media screen and (max-width: 991px) { body.static-page { padding-top: calc(var(--height-header, 62px) + 1rem); } } body { display: flex; flex-direction: column; } footer { margin-top: auto; } header.shadow-xs { border: 0; } a.accordion__item { color: var(--primary-third-text); } .container { margin: 0 auto; } .breadcrumbs__wrapper { padding: 0; width: auto; } .section .section { margin: 0; } .container .container:not(.knowledge) { padding: 0; } .cases-content--slider .tab-buttons { overflow: unset; } .cases-content--list-items .button { line-height: 1; } .cases-content--list-items .button span { position: relative; top: 2px; } .dark:not(.light) .header-logo hr { color: var(--white); } .light .header-logo hr { color: var(--font-main-color); } .btn--admin { position: fixed; bottom: 40px; right: 100px; z-index: 1000; } .card-extrabig--aside-big { min-width: 50%; } .card-extrabig--aside-big a { position: relative; } .card-extrabig--aside-big a::before { content: ""; position: absolute; width: 4rem; height: 4rem; border-radius: var(--indent-8); background-color: var(--primary-pink); padding: var(--indent-12); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .card-extrabig--aside-big a:hover::before { opacity: 1; } .breadcrumbs-container { padding-bottom: var(--indent-16); } .breadcrumbs-container__offset { padding-bottom: var(--indent-24); } .slide__animation { background-position: right; background-size: contain; background-repeat: no-repeat; overflow: hidden; pointer-events: none; } .slide__animation-first, .slide__animation-second { position: absolute; top: 0; right: 0; height: 100%; width: auto; max-width: 100%; } .slide__animation-first img, .slide__animation-second img { height: 100%; width: 100%; object-position: center; object-fit: contain; } .breadcrumbs { overflow-x: auto; max-width: calc(100% + var(--indent-40) * 2); white-space: nowrap; margin: 0 calc(-1 * var(--indent-40)); padding: 0 var(--indent-40); } .knowledge-base { max-width: 100%; } @media screen and (max-width: 1023px) { .breadcrumbs { max-width: calc(100% + var(--indent-16) * 2); margin: 0 calc(-1 * var(--indent-16)); padding: 0 var(--indent-16); } } @media screen and (min-width: 992px) { .banner-main-wrapper .slide__information > .container { height: 100%; } .slide__animation { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; } /* .slide__animation-first { position: absolute; top: 0; right: 0; height: 100%; width: auto; } */ .slide__animation-first, .slide__animation-second { max-width: 50%; } .breadcrumbs { max-width: calc(100% + var(--indent-16) * 2); margin: 0 calc(-1 * var(--indent-16)); padding: 0 var(--indent-16); } } @media screen and (max-width: 1439px) { /* .slide__animation { background-size: cover; } */ .slide__animation-first, .slide__animation-second { width: 50%; } /* .slide__animation::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.4); } */ } @media screen and (max-width: 991px) { .banner-main-wrapper .slide__information > .container { flex-grow: 1; } .slide__animation { order: 1; position: relative; background-position: bottom right; margin-top: auto; height: 17.65rem; } .slide__information { padding-bottom: 0; height: 100%; } .slide__animation-first, .slide__animation-second { width: 100%; height: 100%; } .slide__animation-first img, .slide__animation-second img { object-position: center; } .slide__animation::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 356deg, rgba(48, 50, 63, 0) 65.31%, #30323f 78.77% ); } .slide__information-title { font-size: var(--indent-36); line-height: var(--indent-44); margin-bottom: var(--indent-24); } .slide__information-buttons { padding-top: var(--indent-32); } .banner-main-wrapper .slide__information { min-height: 420px; } } @media screen and (max-width: 991px) { .slide__animation { background-size: cover; } } @media screen and (max-width: 567px) { .banner-main-wrapper .slide__information .slide__animation-first img, .banner-main-wrapper .slide__information .slide__animation-second img { object-position: 50% 65%; } .slide__animation { padding-top: var(--indent-64); } .slide__animation::before { background: linear-gradient( 350deg, rgba(48, 50, 63, 0) 65.31%, #30323f 78.77% ); } } @media screen and (max-width: 424px) { .slide__animation-first img, .slide__animation-second img { scale: 1.2; } } .tariff__body .card-transparent + .card-transparent { margin-top: 24px; } .arrow-back-wrapper { padding-bottom: var(--indent-16); display: flex; align-items: center; } .arrow-back { --size-svg: var(--indent-20); display: flex; align-items: center; justify-content: start; gap: var(--indent-8); color: var(--brand-blue); font-weight: var(--bold); transition: 0.2s all; } .arrow-back svg { min-width: var(--size-svg); width: var(--size-svg); min-height: var(--size-svg); height: var(--size-svg); fill: currentColor; } @media screen and (min-width: 1024px) { .arrow-back:hover { color: var(--brand-blue-hover); } } @media screen and (max-width: 1023px) { .arrow-back { --size-svg: 1.25rem; font-size: 0.9375rem; line-height: 1.33; } } .arrow-back:active { color: var(--brand-secondary); } /* End */ /* /local/frontend/css/fonts.css?17422179163791 */ /* /local/frontend/css/reset.css?17387107211245 */ /* /local/frontend/css/vars.css?17443679275008 */ /* /local/frontend/css/other.css?174556386119007 */ /* /local/frontend/js/libs/swiper/swiper.css?173871072118457 */ /* /local/frontend/js/libs/aos/aos.css?174116847526053 */ /* /local/frontend/css/main.css?175515947573272 */ /* /local/frontend/css/custom.css?174495816437877 */ /* /local/frontend/css/toastify.css?17387107211525 */ /* /local/frontend/css/cards.css?175515768333297 */ /* /local/frontend/titles/css/titles.css?17446421472997 */ /* /local/frontend/banners/banners.css?174495869220463 */ /* /local/frontend/logotips/logotips.css?17441972464280 */ /* /local/frontend/news/news.css?174194914612827 */ /* /local/frontend/chars/css/chars.css?17434267272324 */ /* /local/frontend/accordion/accordion.css?17440232056733 */ /* /local/frontend/cases/css/cases.css?17448998705580 */ /* /local/frontend/block-img/block-img.css?174436599413345 */ /* /local/frontend/textBlock/textBlock.css?17387107212004 */ /* /local/frontend/tariff/tariff.css?17434305765774 */ /* /local/frontend/table/table.css?174548117116680 */ /* /local/frontend/forms/forms.css?174436470815793 */ /* /local/frontend/css/more.css?174464195728362 */ /* /local/frontend/pages/vacancies/css/vacancies.css?17453101365763 */ /* /local/frontend/pages/histories/css/histories.css?174461415710285 */ /* /local/frontend/pages/events/css/events.css?174374837610443 */ /* /local/frontend/pages/events/css/events-detail.css?175551806819223 */ /* /local/frontend/pages/events/css/events-detail-last.css?174549001340585 */ /* /local/frontend/pages/events/css/empty.css?17437537211452 */ /* /local/frontend/pages/action/css/empty.css?17387107211615 */ /* /local/frontend/pages/action/css/action.css?174360611213403 */ /* /local/frontend/pages/action/css/action-detail.css?174350496721341 */ /* /local/frontend/pages/news/css/news.css?174437706122875 */ /* /local/frontend/pages/news/css/news-detail.css?174375269122765 */ /* /local/frontend/pages/knowledge/css/knowledge.css?174462056520136 */ /* /local/frontend/pages/sertificates/css/sertificates.css?17430870292380 */ /* /local/templates/linx/assets/splide.min.css?17431603715002 */ /* /local/frontend//js/libs/fancybox/fancybox.css?173871072118774 */ /* /local/components/infinity/search/templates/.default/style.css?1742209052192 */ /* /local/templates/linx/styles.css?17542895382493 */ /* /local/templates/linx/template_styles.css?17453135789793 */