/* Eric Meyer's CSS Reset */ 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; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; box-sizing: border-box; } body { line-height: 1; } ol, ul { 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; } input, button { font: inherit; border-radius: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button { cursor: pointer; } /* Drupal styles reset */ ul.menu li { margin:0; padding:0; list-style-image:none; } .form-item, .form-actions { margin:0; padding:0; } .c-icon { width: 32px; min-width: 32px; height: 32px; min-height: 32px; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 1200px) { .c-icon { width: 36px; min-width: 36px; height: 36px; min-height: 36px; } } .c-icon.o-small { width: 20px; min-width: 20px; height: 20px; min-height: 20px; } .c-icon[data-icon="whatsapp"] { background-image: url(/images/icon-whatsapp.svg?dac29d614f331f7ef098ba1910f86312); } .c-icon[data-icon="instagram"] { background-image: url(/images/icon-instagram.svg?1327a4d1ef339fba389cca7374e48e5f); } .c-icon[data-icon="tel"] { background-image: url(/images/icon-tel.svg?16cf67ec737ca877f33f70e1e180f549); } .c-icon[data-icon="tel-alt"] { background-image: url(/images/icon-tel-alt.svg?11ac8b6b74336a96c486b9b8f0ca9c40); } .c-icon[data-icon="email"] { background-image: url(/images/icon-mail.svg?d782b6d5e45511d02f96b5b728c18fb5); } .c-icon[data-icon="email-alt"] { background-image: url(/images/icon-mail-alt.svg?79b55ddaeb79aea7b9dc5fa375fce100); } .c-icon[data-icon="location-blue"] { background-image: url(/images/icon-location-blue.svg?db27aadf3bdf6c151053bad8ef255769); } .c-icon[data-icon="car-blue"] { background-image: url(/images/icon-car-blue.svg?7fd6a065e32b3ce86caacd090bb5488a); } .c-icon[data-icon="car-pink"] { background-image: url(/images/icon-car-pink.svg?eb9f5ca370af197a30b2bbfa8771d20b); } .c-icon[data-icon="car-green"] { background-image: url(/images/icon-car-green.svg?81af017e871caf4a0401b4fb95ce5e1e); } html, body { min-height: 100vh; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.5; color: #18253b; background: #fff; } @media screen and (max-width: 1024px) { html, body { font-size: 14px; } } @media screen and (max-width: 1023px) { html, body { overflow-x: hidden; } } html.mobile { width: 100vw; max-width: 100vw; } /* Vars */ .o-transition, a, .c-more:before, .c-more:after, .c-header__hamburger, .c-header__hamburger:before, .c-header__hamburger:after, .c-header__logo, .c-footer__logo, .c-bar__overlay, .c-bar__container, .c-bar__close, .c-bar__close:before, .c-bar__close:after, .c-bar__logo, button, input[type="submit"], .c-button, input[type="submit"]:before, .c-button:before, .c-checkbox input[type="checkbox"] + label:before, .c-radio input[type="checkbox"] + label:before, .c-checkbox input[type="radio"] + label:before, .c-radio input[type="radio"] + label:before, .c-popup__main, .c-subpopup__content, .c-modal__main, .c-faq-item__content, .c-faq-item__trigger, .c-faq-item__trigger:before, .c-faq-item__trigger:after, .c-news-item__more:before, .c-news-item__more:after, .c-location__coordinates__item > div, #swiper-timeline .swiper-pagination .swiper-pagination-bullet span, #swiper-timeline .swiper-pagination .swiper-pagination-bullet:after, .swiper-button-prev:before, .swiper-button-next:before, .swiper-button-prev:after, .swiper-button-next:after, .c-gallery-item__media img, .c-site-error__logo, .c-accordion-item__title:after, .c-accordion-item__spoiler, .c-accordion-item__content, .c-indexcontent__main { transition: all 0.25s cubic-bezier(0.645, 0.05, 0.355, 1); } .o-color-red { color: #E02773; } .o-color-blue { color: #009cdc; } .o-color-green { color: #7ddcb4; } p { margin-bottom: 1rem; } p:last-child { margin-bottom: 0; } a { color: #18253b; text-decoration: none; } a:hover { text-decoration: underline; } strong { font-weight: bold; } figure { margin-bottom: 1rem; } figure img { display: block; width: 100%; height: auto; } .h2 { font-size: 2.9rem; line-height: 1; font-weight: 700; margin-bottom: 1em; } @media screen and (max-width: 1200px) { .h2 { font-size: 2.4rem; } } @media screen and (max-width: 767px) { .h2 { font-size: 2rem; } } hr { display: block; border: none; background: #18253b; opacity: 0.2; height: 1px; width: 100%; margin-bottom: 2rem; } input, button, textarea, select { font-family: 'Open Sans', sans-serif; font-size: 1rem; } /* Layout */ .c-site__overlay { display: none; content: "\002"; position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .is-menu .c-site__overlay { display: block; } .c-main { padding-top: 80px; } .c-social { display: flex; margin: 0 -10px; } .c-social a { width: 34px; min-width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 10px; } .c-list-informer { display: flex; flex-wrap: wrap; font-weight: 300; justify-content: space-between; margin-bottom: 3rem; } @media screen and (max-width: 767px) { .c-list-informer { flex-direction: column; justify-content: flex-start; margin-bottom: 1rem; } } .c-list-informer li { width: 100%; max-width: 33.33%; font-size: 0.85rem; line-height: 1.4; padding-left: 50px; position: relative; margin-bottom: 1rem; } @media screen and (max-width: 767px) { .c-list-informer li { max-width: none; margin-bottom: 2rem; display: flex; align-items: center; padding-left: 0; } } .c-list-informer li .c-icon { position: absolute; top: 0; left: 0; } @media screen and (max-width: 767px) { .c-list-informer li .c-icon { position: relative; top: auto; left: auto; margin-right: 2rem; } } .c-list-informer li strong { font-weight: 500; display: block; font-size: 1.2rem; line-height: 1; margin-bottom: 0.5rem; padding-top: 0.5rem; } @media screen and (max-width: 767px) { .c-list-informer li strong { margin: 0 2rem 0 0; padding: 0; } } ul.c-list { margin-bottom: 2rem; } ul.c-list li { display: block; position: relative; margin-bottom: 0.4rem; padding-left: 20px; } ul.c-list li:before { display: block; content: "\0020"; width: 6px; height: 6px; border-radius: 100%; background: #E02773; position: absolute; top: 8px; left: 0; } .c-more { display: block; width: 40px; height: 40px; border: 1px solid #E02773; background: transparent; overflow: hidden; cursor: pointer; position: relative; } .c-more:hover { background: #E02773; } .c-more:before, .c-more:after { display: block; content: "\0020"; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 18px 14px; background-repeat: no-repeat; background-position: center; } .c-more:before { background-image: url(/images/arrow.svg?d7decb8fd7b54210fa1995f07ddc2145); } .c-more:after { background-image: url(/images/arrow-w.svg?9a239c159d0d2370e3270f51c19d48b9); opacity: 0; transform: translateX(-100%); } .c-more:hover:after { transform: none; opacity: 1; } .c-more:before { opacity: 1; transform: none; } .c-more:hover:before { transform: translateX(100%); opacity: 0; } .c-contacts { display: flex; } @media screen and (max-width: 1023px) { .c-contacts { flex-direction: column; } } .c-contacts__main { width: 100%; max-width: 350px; padding-right: 5vw; } @media screen and (max-width: 1023px) { .c-contacts__main { max-width: none; padding: 0 0 3rem; } } .c-contacts__staff { flex-grow: 1; display: flex; } @media screen and (max-width: 767px) { .c-contacts__staff { flex-direction: column; } } .c-contacts-item { display: flex; align-items: center; margin-bottom: 1rem; line-height: 1; } .c-contacts-item .c-icon { margin-right: 1rem; } .c-contacts-item img { height: 15px; width: auto; display: block; } .c-download-list { display: block; } .c-download-list li { display: block; margin-bottom: 0.7rem; } .c-download-list a { position: relative; padding-left: 30px; line-height: 1.2; min-height: 24px; display: inline-flex; color: #18253b; text-decoration: none; box-sizing: border-box; word-break: break-all; } .c-download-list a:hover { color: #E02773; } .c-download-list a:before { display: block; content: "\0020"; width: 16px; height: 16px; position: absolute; top: 3px; left: 0; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(/images/icon-download.svg?fb30330c4899175d0035de50de599a61); } .c-download-list a[data-format="pdf"]:before { background-image: url(/images/pdf.png?1072edfc0f6ce35260bb0784d775b0df); } .c-download-list a[data-format="zip"]:before { background-image: url(/images/zip.png?fb2675adf29636f195e844bf2929b473); } .c-download-list a[data-format="rar"]:before { background-image: url(/images/rar.png?5e98dd7d15a8c334f8859018435fc7ce); } .c-layout { width: 100%; max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 1460px) { .c-layout { width: calc(100% - 120px); } } @media screen and (max-width: 1022px) { .c-layout { width: calc(100% - 40px); } } @media screen and (max-width: 320px) { .c-layout { width: calc(100% - 40px); } } .c-layout .c-layout { width: auto; } @media screen and (max-width: 1280px) { .c-layout .c-layout { width: auto; } } @media screen and (max-width: 1022px) { .c-layout .c-layout { width: auto; } } .c-header { position: fixed; z-index: 5; top: 0; left: 0; right: 0; } .c-header:after { display: block; content: "\0020"; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.99); box-shadow: 0 0 10px rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .is-sticky .c-header:after { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } .c-header__hamburger { cursor: pointer; width: 26px; min-width: 26px; height: 24px; position: relative; } .c-header__hamburger:before { display: block; content: "\0020"; left: 0; right: 0; top: 0; height: 7px; border-top: 3px solid #18253b; border-bottom: 3px solid #18253b; position: absolute; } .c-header__hamburger:after { display: block; content: "\0020"; position: absolute; top: 20px; width: 18px; height: 3px; right: 0; background-color: #18253b; } .c-header__hamburger:hover:before { border-color: #265EAC; } .c-header__hamburger:hover:after { background: #265EAC; } .c-header__container { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; height: 80px; } .c-header__nav { flex-grow: 1; max-width: 1400px; margin-right: 30px; } @media screen and (max-width: 1024px) { .c-header__nav { display: none; } } .c-header__nav ul { display: flex; flex-grow: 1; justify-content: space-between; } .c-header__nav ul li { display: block; margin: 0 1.5rem 0 0; line-height: 1.1; } .c-header__nav ul li a { font-size: 0.85rem; color: #18253b; text-decoration: none; text-transform: uppercase; } .c-header__nav ul li a:hover { color: #265EAC; } .c-header__nav ul li a.active, .c-header__nav ul li a.is-active { font-weight: bold; color: #E02773; pointer-events: none; } .c-header__nav ul li.is-active a { color: #265EAC; pointer-events: none; } .c-header__logo { display: flex; align-items: center; justify-content: center; width: 137px; min-width: 137px; height: 35px; overflow: hidden; margin-right: 30px; position: relative; background-size: 137px 35px; background-position: center; background-repeat: no-repeat; background-image: url(/images/logo.svg?b5014444ce20253dffbdafb06d163515); } .c-header__logo:hover { opacity: 0.7; } .c-header__logo h1, .c-header__logo span { display: none; font-size: 1rem; line-height: 1; font-weight: normal; opacity: 0; } .c-footer__container { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; padding: 2rem 0; } @media screen and (max-width: 1023px) { .c-footer__container { display: block; } } .c-footer__nav { flex-grow: 1; max-width: 1400px; } .c-footer__nav ul { display: flex; flex-grow: 1; justify-content: space-between; } @media screen and (max-width: 1023px) { .c-footer__nav ul { margin: 0 -0.5rem; justify-content: space-between; } } @media screen and (max-width: 767px) { .c-footer__nav ul { margin: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; } } .c-footer__nav ul li { display: block; margin: 0 1.5rem 0 0; } @media screen and (max-width: 1023px) { .c-footer__nav ul li { margin: 0 0.5rem 0 0; } } @media screen and (max-width: 767px) { .c-footer__nav ul li { margin: 0 0 1rem; } } .c-footer__nav ul li:last-child { margin-right: 0; } .c-footer__nav ul li a { font-size: 0.85rem; line-height: 1.1; color: #18253b; text-decoration: none; text-transform: uppercase; } .c-footer__nav ul li a:hover { color: #265EAC; } .c-footer__nav ul li a.active, .c-footer__nav ul li a.is-active { font-weight: bold; color: #E02773; pointer-events: none; } .c-footer__nav ul li.is-active a { color: #265EAC; pointer-events: none; } .c-footer__copyright { padding: 3rem 0; font-size: 0.85rem; line-height: 1; opacity: 0.7; text-align: right; } @media screen and (max-width: 767px) { .c-footer__copyright { padding: 1rem 0 3rem; text-align: left; } } .c-footer__logo { display: flex; align-items: center; justify-content: center; width: 137px; min-width: 137px; height: 35px; overflow: hidden; margin-right: 30px; position: relative; background-size: 137px 35px; background-position: center; background-repeat: no-repeat; background-image: url(/images/logo.svg?b5014444ce20253dffbdafb06d163515); } @media screen and (max-width: 1023px) { .c-footer__logo { margin: 0 0 3rem; } } .c-footer__logo:hover { opacity: 0.7; } .c-footer__logo span { display: none; font-size: 1rem; line-height: 1; font-weight: normal; opacity: 0; } .c-cases-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -20px; padding-top: 2rem; } @media screen and (max-width: 767px) { .c-cases-list { margin: 0; display: block; } } .c-case-item { width: 100%; max-width: 600px; margin: 0 20px 2rem; font-weight: 300; } @media screen and (max-width: 1400px) { .c-case-item { max-width: calc(50% - 40px); } } @media screen and (max-width: 767px) { .c-case-item { max-width: none; margin: 0 0 2rem; } } .c-case-item__media { width: 100%; max-width: 100px; border-radius: 20px; background: #fff; box-shadow: 10px 10px 0 0 #7ddcb4; margin-bottom: 2rem; padding: 10px; } @media screen and (max-width: 1200px) { .c-case-item__media { max-width: 64px; padding: 4px; } } @media screen and (max-width: 767px) { .c-case-item__media { box-shadow: 5px 5px 0 0 #7ddcb4; } } .c-case-item__media img { display: block; width: 100%; height: auto; border-radius: 20px; } .c-case-item__title { font-size: 1.1rem; font-weight: bold; margin-bottom: 1rem; } .c-case-item p { font-weight: 300; } body.is-bar { overflow: hidden; } .c-bar { position: fixed; z-index: 10; top: 0; left: 0; overflow: hidden; opacity: 0; width: 0; height: 0; } .is-bar .c-bar { right: 0; bottom: 0; opacity: 1; width: auto; height: auto; } .c-bar__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; } .is-bar .c-bar__overlay { opacity: 1; } .c-bar__container { background: #18253b; color: #fff; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; overflow-y: auto; width: 100%; min-width: 300px; display: none; } .is-bar .c-bar__container { transform: none; display: block; } @media screen and (max-width: 1023px) { .c-bar__container { width: 50%; transform: translateX(100%); max-height: none; display: block; } } @media screen and (max-width: 1022px) { .c-bar__container { width: 90%; } } .c-bar__close { cursor: pointer; width: 26px; min-width: 26px; height: 24px; position: relative; } .c-bar__close:before { display: block; content: "\0020"; top: 11px; width: 30px; height: 3px; background-color: #fff; transform: rotate(-45deg); position: absolute; } .c-bar__close:after { display: block; content: "\0020"; position: absolute; top: 11px; width: 30px; transform: rotate(45deg); height: 3px; background-color: #fff; } .c-bar__close:hover:before { background: #E02773; } .c-bar__close:hover:after { background: #E02773; } .c-bar__header { display: flex; height: 80px; align-items: center; justify-content: space-between; } .c-bar__content { margin: 0 auto; display: flex; flex-direction: column; } @media screen and (max-width: 1023px) { .c-bar__content { max-width: 400px; padding: 0 20px; } } .c-bar__nav { padding: 3rem 0; position: relative; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; min-height: calc(100vh - 80px); } .c-bar__nav > ul { margin-bottom: 40px; } .c-bar__nav > ul li { display: block; font-size: 2rem; font-weight: 300; padding: 0.5rem 0; } @media screen and (max-width: 1023px) { .c-bar__nav > ul li { font-size: 1.2rem; } } .c-bar__nav > ul li span, .c-bar__nav > ul li a { color: #fff; text-decoration: none; text-transform: uppercase; } .c-bar__nav > ul li span:hover, .c-bar__nav > ul li a:hover { color: #E02773; text-decoration: none; } .c-bar__nav > ul li span.active, .c-bar__nav > ul li a.active, .c-bar__nav > ul li span.is-active, .c-bar__nav > ul li a.is-active { color: #E02773; pointer-events: none; } .c-bar__nav > ul li ul { display: block; } .c-bar__nav > ul li ul li { display: block; text-transform: none; padding: 0 0 0 34px; position: relative; } @media screen and (max-width: 767px) { .c-bar__nav > ul li ul li { margin-top: 1rem; } } .c-bar__nav > ul li ul li a { font-weight: 300; font-size: 0.8em; text-transform: none; } .c-bar__nav > ul li ul li a.is-active { font-weight: 300; } .c-bar__nav > ul li ul li:before { display: block; content: "\0020"; position: absolute; top: calc(50% + 1px); left: 0; width: 14px; height: 1px; background: #fff; } .c-bar__logo { display: flex; align-items: center; justify-content: center; width: 137px; min-width: 137px; height: 35px; overflow: hidden; margin-right: 30px; position: relative; background-size: 137px 35px; background-position: center; background-repeat: no-repeat; background-image: url(/images/logo-w.svg?6529a2b928ffc181ab79be5df56bf3f1); } .c-bar__logo:hover { opacity: 0.7; } .c-bar__logo span { display: none; font-size: 1rem; line-height: 1; font-weight: normal; opacity: 0; } input[type="submit"], .c-button { color: #fff; font-size: 1rem; line-height: 1; display: inline-flex; min-width: 100px; height: 44px; justify-content: center; align-items: center; text-align: center; text-decoration: none; border: none; outline: none; cursor: pointer; padding: 0 1rem; position: relative; background: #E02773; width: 100%; max-width: 200px; } @media screen and (max-width: 767px) { input[type="submit"], .c-button { min-width: 80px; } } input[type="submit"]:after, .c-button:after { display: block; content: "\0020"; width: 18px; min-width: 18px; height: 14px; background-size: cover; background-position: center; background-image: url(/images/arrow-w.svg?9a239c159d0d2370e3270f51c19d48b9); margin-left: 1rem; } input[type="submit"]:before, .c-button:before { display: block; content: "\0020"; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0); } input[type="submit"]:hover, .c-button:hover { background: #E02773; text-decoration: none; color: #fff; } input[type="submit"]:hover:before, .c-button:hover:before { background: rgba(255, 255, 255, 0.1); } input[type="submit"][disabled], .c-button[disabled], input[type="submit"].is-disabled, .c-button.is-disabled { opacity: 0.5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } input[type="submit"]:hover { background: #f15595; } .c-checkbox, .c-radio { position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c-checkbox input[type="checkbox"], .c-radio input[type="checkbox"], .c-checkbox input[type="radio"], .c-radio input[type="radio"] { display: block; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; border: none; background: transparent; visibility: hidden; box-sizing: border-box; opacity: 0; } .c-checkbox input[type="checkbox"] + label, .c-radio input[type="checkbox"] + label, .c-checkbox input[type="radio"] + label, .c-radio input[type="radio"] + label { display: inline-flex; flex-wrap: nowrap; align-items: center; color: #18253b; text-decoration: none; line-height: 1.2; opacity: 1; } .c-checkbox input[type="checkbox"] + label > div, .c-radio input[type="checkbox"] + label > div, .c-checkbox input[type="radio"] + label > div, .c-radio input[type="radio"] + label > div { font-size: 1.2rem; font-weight: bold; } .c-checkbox input[type="checkbox"] + label span, .c-radio input[type="checkbox"] + label span, .c-checkbox input[type="radio"] + label span, .c-radio input[type="radio"] + label span { display: block; font-weight: normal; font-size: 0.8rem; } .c-checkbox input[type="checkbox"]:hover + label, .c-radio input[type="checkbox"]:hover + label, .c-checkbox input[type="radio"]:hover + label, .c-radio input[type="radio"]:hover + label { color: #18253b; text-decoration: none; } .c-checkbox input[type="checkbox"] + label:before, .c-radio input[type="checkbox"] + label:before, .c-checkbox input[type="radio"] + label:before, .c-radio input[type="radio"] + label:before { content: "\0020"; display: block; box-sizing: border-box; width: 18px; height: 18px; max-width: 18px; min-width: 18px; max-height: 18px; min-height: 18px; flex-basis: 18px; margin-right: 12px; border-radius: 4px; background: #f4f4f4; box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.14); } .c-checkbox input[type="radio"] + label:before, .c-radio input[type="radio"] + label:before { border-radius: 100%; } .c-checkbox input[type="checkbox"]:checked + label:before, .c-radio input[type="checkbox"]:checked + label:before, .c-checkbox input[type="radio"]:checked + label:before, .c-radio input[type="radio"]:checked + label:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQwOC42IDQwOC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDguNiA0MDguNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0zMzUuOSwxNDIuOUwxODUuNCwyOTIuMmMtOC45LDguOS0yMyw5LjQtMzIuNSwwLjZsLTc5LjctNzIuNmMtOS40LTguOS0xMC0yMy42LTEuOC0zMy4xYzguOS05LjQsMjMuNi0xMCwzMy4xLTEuMg0KCQkJbDYzLjIsNTcuOGwxMzQuNi0xMzQuNmM5LjQtOS40LDI0LjItOS40LDMzLjYsMEMzNDUuNCwxMTguNywzNDUuNCwxMzMuNCwzMzUuOSwxNDIuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=='); } .c-checkbox input[type="radio"]:checked + label:before, .c-radio input[type="radio"]:checked + label:before { background-color: #265EAC; } .c-checkbox__description, .c-radio__description { font-size: 0.8rem; padding-top: 1rem; } .c-checkbox__description p, .c-radio__description p { margin-bottom: 1em; } .c-checkbox__description ul, .c-radio__description ul { margin-bottom: 1rem; } .c-checkbox__description ul li, .c-radio__description ul li { display: block; position: relative; margin-bottom: 0.2rem; padding-left: 16px; } .c-checkbox__description ul li:before, .c-radio__description ul li:before { display: block; content: "\0020"; width: 4px; height: 4px; border-radius: 100%; background: #18253b; position: absolute; top: 8px; left: 0; opacity: 0.5; } .c-form__title { font-size: 1.2rem; margin-bottom: 1em; } .c-form__agree { max-width: 700px; margin-right: 10px; font-size: 0.8rem; } @media screen and (max-width: 767px) { .c-form__agree { margin: 0 0 2rem; } } .c-form__agree a { color: #265EAC; text-decoration: underline; } .c-form__agree a:hover { text-decoration: none; } .c-form__actions { display: flex; justify-content: space-between; align-items: center; padding: 2rem 0; } @media screen and (max-width: 767px) { .c-form__actions { display: block; padding-top: 0; } } .c-form__actions input[type="submit"] { max-width: 240px; width: 100%; -webkit-appearance: none; } @media screen and (max-width: 640px) { .c-form__actions input[type="submit"] { max-width: none; } } .c-form__actions__message { width: 100%; display: flex; align-items: center; justify-content: center; background: #f4f4f4; padding: 1rem; border-radius: 4px; margin-top: -2rem; } .c-form__actions__message:before { display: block; content: "\0020"; width: 32px; min-width: 32px; height: 32px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url("data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzJCQkU5MEEwNUM0MTFFRUFGRkFBOEE5NUZGODkyMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzJCQkU5MEIwNUM0MTFFRUFGRkFBOEE5NUZGODkyMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMkJCRTkwODA1QzQxMUVFQUZGQUE4QTk1RkY4OTIyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMkJCRTkwOTA1QzQxMUVFQUZGQUE4QTk1RkY4OTIyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqBWD+sAAAt/SURBVHja7F0JkBRFFv3TDCOCjo7IoY6iIseoqyCKNw7gSiiKaGioQLguhOu1u97HqOB9rKuuhAfiBd5srDdoqATKOoPi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"); margin-right: 1rem; } .c-form-item { margin-bottom: 2rem; } .c-form-item .c-error { font-size: 0.8rem; letter-spacing: 0.2px; color: #E02773; padding-top: 0.3rem; } .c-form-row { display: flex; margin: 0 -20px 2rem; } @media screen and (max-width: 767px) { .c-form-row { display: block; margin: 0; } } .c-form-row .c-form-item { width: 100%; max-width: calc(50% - 40px); margin: 0 20px; } @media screen and (max-width: 767px) { .c-form-row .c-form-item { margin: 0 0 2rem; max-width: none; } } label { display: block; margin-bottom: 0.4rem; font-size: 0.85rem; line-height: 1; font-weight: bold; } small { color: #E02773; font-size: 1em; } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"] { font-size: 1rem; display: block; width: 100%; border: 1px solid #d4d6d7; box-sizing: border-box; padding: 0 10px; height: 44px; background: transparent; outline: none; color: #18253b; -webkit-appearance: none; } @media screen and (max-width: 640px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="date"] { max-width: none; } } textarea { display: block; width: 100%; border: 1px solid #d4d6d7; box-sizing: border-box; padding: 10px; min-height: 100px; background: transparent; outline: none; resize: vertical; color: #18253b; } @media screen and (max-width: 767px) { textarea { padding: 10px; } } input.is-error, textarea.is-error { outline: 1px solid #E02773; background: #ffe4e5; } select { display: block; width: 100%; border: 1px solid #d4d6d7; box-sizing: border-box; padding: 0 10px; height: 48px; background: transparent; outline: none; min-width: 70px; color: #18253b; } .c-format:after { display: block; content: "\0020"; height: 1px; width: 100%; clear: both; opacity: 0; } .c-format p { margin: 0 0 1rem; padding: 0; line-height: 1.5; } .c-format em { font-style: italic; font-weight: 400; } .c-format h2 { font-size: 1.4rem; margin-bottom: 1em; padding-top: 1rem; } .c-format h3 { font-size: 1.2rem; line-height: 1.4; margin-bottom: 1.4em; } .c-format h4 { font-size: 1.1rem; margin-bottom: 1.2em; } .c-format ul { margin-bottom: 2rem; } .c-format ul li { display: block; position: relative; margin-bottom: 0.4rem; padding-left: 20px; } .c-format ul li:before { display: block; content: "\0020"; width: 6px; height: 6px; border-radius: 100%; background: #E02773; position: absolute; top: 6px; left: 0; } .c-format ol { list-style-type: none; counter-reset: num; margin-bottom: 2rem; } .c-format ol li { display: block; position: relative; margin-bottom: 0.4rem; padding-left: 20px; } .c-format ol li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; color: #222; opacity: 0.7; } .c-format table { margin-bottom: 1rem; width: 100%; } .c-format table th { border: 1px solid #A1A1A1; padding: 10px; background: #f4f4f4; text-align: left; } .c-format table th p:last-child { margin-bottom: 0; } .c-format table td { border: 1px solid #A1A1A1; padding: 10px; background: #fff; } .c-format table td p:last-child { margin-bottom: 0; } .c-format table tr:hover th, .c-format table tr:hover td { background: #d4d6d7; } .c-format figure { display: block; margin-bottom: 2rem; } .c-format figcaption { font-size: 0.8rem; line-height: 1.4; } .c-format img { display: block; width: 100%; height: auto; margin-bottom: 1rem; } .c-format img.is-float-left { width: 260px; margin: 0 20px 1rem 0; float: left; } @media screen and (max-width: 767px) { .c-format img.is-float-left { float: none; margin: 0 0 1rem; width: 260px; } } .c-format img.is-float-right { width: 260px; margin: 0 0 1rem 20px; float: left; } @media screen and (max-width: 767px) { .c-format img.is-float-right { float: none; margin: 0 0 1rem; width: 260px; } } .c-format blockquote { border-left: 3px solid #E02773; padding-left: 2rem; font-style: italic; margin: 2rem 0 2rem 2rem; } @media screen and (max-width: 767px) { .c-format blockquote { margin: 1rem 0 1rem 0.5rem; } } .c-format p iframe, .c-format iframe { display: block; width: 100%; height: 50vw; border-radius: 4px; max-height: 675px; } .c-table-wrapper { display: block; width: 100%; } @media screen and (max-width: 1023px) { .c-table-wrapper { width: auto; margin: 0 -30px; overflow-x: scroll; -webkit-overflow-scrolling: touch; padding: 0 30px; } } body.is-popup { overflow: hidden; } .c-popup { position: fixed; z-index: 12; top: 0; left: 0; width: 1px; height: 1px; display: flex; overflow: hidden; align-items: center; justify-content: center; flex-direction: column; pointer-events: none; opacity: 0; } .is-popup .c-popup { width: 100%; height: 100%; pointer-events: auto; opacity: 1; } .c-popup__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #18253b; opacity: 0; transition: all 0.3s ease-in-out; } .is-popup .c-popup__overlay { opacity: 0.95; } .c-popup__close { width: 30px; min-width: 30px; height: 30px; position: absolute; z-index: 3; cursor: pointer; top: 15px; right: 15px; border-radius: 100%; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center; background-size: 12px 12px; opacity: 0; } .is-popup .c-popup__close { opacity: 1; } .c-popup__close:hover { opacity: 0.7; } .c-popup__main { width: 560px; margin: 0 20px; position: relative; z-index: 2; transform: translatey(20%); opacity: 0; background: #fff; border-radius: 20px; padding: 3rem 30px 2rem; } .is-popup .c-popup__main { transform: none; opacity: 1; } @media screen and (max-width: 767px) { .c-popup__main { padding: 20px; } } @media screen and (max-width: 600px) { .c-popup__main { width: auto; margin: 0 10px; } } .c-popup__content { max-width: 440px; margin: 0 auto; } .c-popup__title { font-size: 1.4rem; font-weight: bold; margin-bottom: 1em; text-align: center; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 1023px) { .c-popup__title { padding: 0 30px; font-size: 1.2rem; } } .c-popup__title.is-success:before, .is-success .c-popup__title:before { display: block; content: "\0020"; width: 24px; height: 24px; min-width: 24px; margin-right: 14px; background-size: cover; background-position: center; } .c-popup__conent { max-width: 440px; margin: 0 auto; } .c-popup__text { text-align: center; margin-bottom: 2rem; } .c-popup__message { margin-bottom: 1rem; text-align: center; } .c-popup__message__email strong { font-weight: bold; color: #265EAC; } .c-subpopup { position: absolute; z-index: 4; top: 0; left: 0; background: rgba(255, 255, 255, 0.85); border-radius: 20px; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); width: 1px; height: 1px; overflow: hidden; pointer-events: none; } .is-subpopup .c-subpopup { width: 100%; height: 100%; pointer-events: auto; opacity: 1; right: 0; bottom: 0; } .c-subpopup__close { width: 30px; min-width: 30px; height: 30px; position: absolute; z-index: 4; cursor: pointer; top: 15px; right: 15px; border-radius: 100%; background-color: #265EAC; background-repeat: no-repeat; background-position: center; background-size: 12px 12px; opacity: 0; } .is-popup .c-subpopup__close { opacity: 1; } .c-subpopup__close:hover { opacity: 0.7; } .c-subpopup:before, .c-subpopup:after { display: block; content: "\0020"; position: absolute; z-index: 3; left: 0; right: 10px; height: 40px; } .c-subpopup:before { top: 0; background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); } .c-subpopup:after { bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); } .c-subpopup__content { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 60px 30px; opacity: 0; } .is-subpopup .c-subpopup__content { opacity: 1; } body.is-modal { overflow: hidden; } .c-modal { position: fixed; z-index: 12; top: 0; left: 0; width: 1px; height: 1px; display: flex; overflow: hidden; flex-wrap: wrap; pointer-events: none; opacity: 0; } .is-modal .c-modal { width: 100%; height: 100%; pointer-events: auto; opacity: 1; } .c-modal__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #202F3C; opacity: 0; transition: all 0.3s ease-in-out; } .is-modal .c-modal__overlay { opacity: 0.95; } .c-modal__close { width: 30px; min-width: 30px; height: 30px; position: absolute; z-index: 3; cursor: pointer; top: 15px; right: 15px; border-radius: 100%; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center; background-size: 12px 12px; opacity: 0; } .is-modal .c-modal__close { opacity: 1; } .c-modal__close:hover { opacity: 0.7; } .c-modal__container { display: flex; align-items: flex-start; position: relative; } .c-modal__container__main { flex-grow: 1; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 40px - 5.4rem); padding-right: 20px; } .c-modal__container__aside { width: 100%; max-width: 260px; min-width: 260px; margin-right: 30px; background: #f4f4f4; border-radius: 20px; padding: 30px 30px 20px 20px; } @media screen and (max-width: 1023px) { .c-modal__container__aside { position: absolute; z-index: 5; top: 5px; right: 5px; margin: 0; box-shadow: 0 20px 80px #6d779b; max-width: 320px; min-width: 320px; display: none; } .is-modal-dropdown .c-modal__container__aside { display: block; } } @media screen and (max-width: 767px) { .c-modal__container__aside { top: 0; right: 0; left: 0; max-width: none; min-width: 200px; padding: 20px 20px 10px 10px; } } .c-modal__container__aside__content { overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 40px - 5.4rem); } @media screen and (max-width: 1023px) { .c-modal__container__aside__content { max-height: 70vh; } } @media screen and (max-width: 767px) { .c-modal__container__aside__content { max-height: 300px; } } .c-modal__main { flex-grow: 1; margin: 20px; position: relative; z-index: 2; opacity: 0; background: #fff; border-radius: 20px; padding: 3rem 0 2rem; } .is-modal .c-modal__main { transform: none; opacity: 1; } @media screen and (max-width: 1022px) { .c-modal__main { padding: 20px 30px; } } @media screen and (max-width: 767px) { .c-modal__main { padding: 20px; } } @media screen and (max-width: 1022px) { .c-modal__main .c-layout { width: 100%; } } .c-modal__header { margin-bottom: 1em; display: flex; justify-content: space-between; } @media screen and (max-width: 1023px) { .c-modal__header { display: block; } } .c-modal__header .c-search { margin-bottom: 0; } .c-modal__title { font-size: 1.4rem; font-weight: bold; text-align: center; } @media screen and (max-width: 1023px) { .c-modal__title { text-align: left; margin-bottom: 1rem; padding-right: 30px; font-size: 1.2rem; } } .c-modal__text { text-align: center; margin-bottom: 2rem; } .mobile.landscape .c-modal__container { position: static; } .mobile.landscape .c-modal__container__aside { top: 5px; right: 50px; width: auto; } .mobile.landscape .c-modal__container__aside__content { max-height: calc(80vh - 20px); } .c-hero { position: relative; z-index: 1; margin-bottom: 8rem; } @media screen and (max-width: 1023px) { .c-hero { margin-bottom: 4rem; } } .c-hero__media { min-height: 690px; max-height: calc(100vh - 80px); position: relative; z-index: 1; overflow: hidden; } @media screen and (max-width: 1023px) { .c-hero__media { min-height: auto; } } .c-hero__media video, .c-hero__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1023px) { .c-hero__media video, .c-hero__media img { width: 100%; height: auto; -o-object-fit: fill; object-fit: fill; } } .c-hero__mission { background-color: rgba(224, 39, 115, 0.85); max-width: 380px; font-size: 1rem; line-height: 1.3; font-weight: 300; color: #fff; padding: 0 1.5rem 0 2.4rem; display: flex; align-items: center; min-height: 88px; margin-left: 300px; } @media screen and (max-width: 1023px) { .c-hero__mission { margin-left: 0; min-height: 70px; } } @media screen and (max-width: 767px) { .c-hero__mission { padding: 1rem; } } .c-hero__mission .swiper-wrapper { align-items: center; } .c-hero__meta { position: absolute; z-index: 2; bottom: -50px; left: 0; right: 0; } @media screen and (max-width: 1023px) { .c-hero__meta { position: relative; bottom: auto; left: auto; right: auto; max-width: 80%; margin: -200px auto 0; } } @media screen and (max-width: 767px) { .c-hero__meta { margin-top: -70px; max-width: none; } } .c-hero__header { display: flex; } @media screen and (max-width: 1023px) { .c-hero__header { flex-direction: column; } } .c-hero__header__main { flex-grow: 1; background: #45464e; padding: 2rem 2rem 2rem 2.4rem; color: #fff; } @media screen and (max-width: 1023px) { .c-hero__header__main { order: 1; } } @media screen and (max-width: 767px) { .c-hero__header__main { padding: 2rem 1rem; } } .c-hero__title { font-size: 3.6rem; line-height: 1.05; text-transform: uppercase; margin-bottom: 0.5em; font-weight: bold; } @media screen and (max-width: 1023px) { .c-hero__title { font-size: 3rem; } } @media screen and (max-width: 767px) { .c-hero__title { font-size: 2rem; } } .c-hero__text { position: relative; max-width: 416px; font-weight: 300; font-size: 1.3rem; line-height: 1.4; } @media screen and (max-width: 767px) { .c-hero__text { font-size: 1rem; } } .c-hero__header__news { padding: 2rem 1rem 2rem 2.4rem; width: 100%; max-width: 300px; background: #18253b; color: #fff; } @media screen and (max-width: 1023px) { .c-hero__header__news { order: 2; max-width: none; } } @media screen and (max-width: 767px) { .c-hero__header__news { padding: 2rem 1rem 1rem; } } .c-hero__header__news__title { color: #009cdc; font-size: 1.1rem; margin-bottom: 1rem; } .c-section { padding: 5rem 0; position: relative; } @media screen and (max-width: 767px) { .c-section { padding: 3rem 0; } } .c-section#section-devreport-list, .c-section#section-news-list, .c-section#section-page { padding-top: 0; } .c-section#section-location-meta, .c-section#section-intro, .c-section#section-structure, .c-section#section-staff { color: #fff; background: #18253b; } .c-section#section-location-meta a, .c-section#section-intro a, .c-section#section-structure a, .c-section#section-staff a { color: #fff; } .c-section#section-video, .c-section#section-location, .c-section#section-timeline, .c-section#section-intro, .c-section#section-grid, .c-section#section-map { padding: 0; overflow: hidden; } .c-section#section-advantages { background: #009cdc; color: #fff; } .c-section__caption { margin-bottom: 1rem; opacity: 0.7; font-size: 0.85rem; } .c-section__title { font-size: 2.4rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 1em; display: flex; align-items: center; } .c-section__title.o-alt { text-transform: none; } @media screen and (max-width: 1023px) { .c-section__title { font-size: 2.2rem; } } @media screen and (max-width: 767px) { .c-section__title { font-size: 1.6rem; } .c-section__title br { display: none; } } .c-section__title .c-more { margin-left: 2rem; } .c-section__title__actions { display: flex; margin-right: 0; margin-left: auto; position: relative; right: -10px; } .c-section__subtitle { font-size: 2rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 1em; display: flex; align-items: center; } @media screen and (max-width: 1023px) { .c-section__subtitle { font-size: 1.8rem; } } @media screen and (max-width: 767px) { .c-section__subtitle { font-size: 1.4rem; } .c-section__subtitle br { display: none; } } .c-section__container { display: flex; align-items: center; } @media screen and (max-width: 1023px) { .c-section__container { display: block; } } .c-section__meta { flex-grow: 1; max-width: 730px; } @media screen and (max-width: 1200px) { .c-section__meta { max-width: 530px; } } @media screen and (max-width: 1023px) { .c-section__meta { max-width: none; margin-bottom: 3rem; } } .c-section__media { width: 100%; max-width: 40%; display: flex; flex-direction: column; align-items: flex-end; } @media screen and (max-width: 1200px) { .c-section__media { margin-left: 30px; } } @media screen and (max-width: 1023px) { .c-section__media { max-width: none; display: block; margin: 0; } } .c-section__actions { padding-top: 3rem; } .c-faq-item { border-radius: 44px; border: 1px solid #f4f4f4; margin-bottom: 1rem; position: relative; padding: 1.6rem 2rem; } @media screen and (max-width: 767px) { .c-faq-item { border-radius: 20px; } } .c-faq-item__title { font-weight: bold; font-size: 1.2rem; } .c-faq-item__title span { cursor: pointer; } .c-faq-item__title span:hover { opacity: 0.7; } .c-faq-item__content { max-height: 0; opacity: 0; } .is-open .c-faq-item__content { max-height: 10000px; opacity: 1; padding-top: 2rem; } .c-faq-item__trigger { width: 64px; height: 64px; background: #f4f4f4; border-radius: 100%; position: absolute; top: 8px; right: 8px; cursor: pointer; } @media screen and (max-width: 767px) { .c-faq-item__trigger { width: 32px; height: 32px; } } .c-faq-item__trigger:hover { box-shadow: inset 0 0 0 6px rgba(0, 0, 0, 0.15); } .is-open .c-faq-item__trigger { background: #265EAC; } .c-faq-item__trigger:before { display: block; content: "\0020"; width: 18px; height: 18px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(/images/plus.svg?ef4306b38ec4cb57100e89e76864b125); position: absolute; z-index: 1; top: 50%; left: 50%; margin: -9px 0 0 -9px; } .c-faq-item__trigger:hover:before { opacity: 0.8; } .is-open .c-faq-item__trigger:before { opacity: 0; transform: rotate(180deg); } .c-faq-item__trigger:after { display: block; content: "\0020"; width: 14px; height: 14px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(/images/close.svg?f9f9cc612a1c9da049bbca3fa8b695a1); position: absolute; z-index: 1; top: 50%; left: 50%; margin: -7px 0 0 -7px; transform: rotate(180deg); opacity: 0; } .is-open .c-faq-item__trigger:after { opacity: 1; transform: none; } .c-tabs__nav { display: flex; } .c-tabs__nav li { display: block; } .c-tabs__nav li a, .c-tabs__nav li span { cursor: pointer; display: block; border: 1px solid #18253b; color: #18253b; text-decoration: none; line-height: 1; padding: 0.5rem 1rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c-tabs__nav li a.is-active, .c-tabs__nav li span.is-active { background: #18253b; color: #fff; } .c-tabs.o-invert .c-tabs__nav li a, .c-tabs.o-invert .c-tabs__nav li span { border: 1px solid #fff; color: #fff; background: transparent; } .c-tabs.o-invert .c-tabs__nav li a.is-active, .c-tabs.o-invert .c-tabs__nav li span.is-active { background: #fff; color: #18253b; } .c-tab-item { opacity: 0; max-height: 0; overflow: hidden; } .c-tab-item.is-open { opacity: 1; max-height: 10000px; } .c-tab-item__title { font-weight: bold; font-size: 1.25rem; } .c-tab-item__content { opacity: 0; transition: opacity 0.3s; } .is-open .c-tab-item__content { opacity: 1; padding-top: 2rem; } .without-tab-menu .is-open .c-tab-item__content { padding-top: 0; } .c-news-list { display: flex; flex-wrap: wrap; margin: 0 -20px; } @media screen and (max-width: 1023px) { .c-news-list { margin: 0 -10px; } } @media screen and (max-width: 767px) { .c-news-list { flex-direction: column; margin: 0; } } .c-news-list .c-news-item { width: 100%; max-width: calc(33.33% - 40px); margin: 0 20px 1rem; border: 1px solid #f4f4f4; } @media screen and (max-width: 1023px) { .c-news-list .c-news-item { max-width: calc(33.33% - 20px); margin: 0 10px 1rem; } } @media screen and (max-width: 767px) { .c-news-list .c-news-item { max-width: none; margin: 0 0 2rem; } } .c-news-list .c-news-item__meta { padding: 0 1rem 1rem; } .c-news-item { display: flex; flex-direction: column; /* Hero */ } .c-news-item__media { height: 250px; position: relative; margin-bottom: 1rem; } @media screen and (max-width: 1023px) { .c-news-item__media { height: 220px; } } .c-news-item__media a:hover { opacity: 0.8; } .c-news-item__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-news-item__meta { display: flex; flex-direction: column; flex-grow: 1; } .c-news-item__date { opacity: 0.5; } .c-news-item__title { margin-bottom: 1rem; } .c-news-item__title a { text-decoration: none; } .c-news-item__title a:hover { color: #E02773; text-decoration: none; } .c-news-item__footer { margin-bottom: 0; margin-top: auto; } .c-news-item__actions { padding-top: 1rem; margin-bottom: 0; margin-top: auto; } .c-news-item__more { display: block; width: 40px; height: 40px; position: relative; border: 1px solid #E02773; } .c-news-item__more:before, .c-news-item__more:after { display: block; content: "\0020"; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 18px 14px; background-repeat: no-repeat; background-position: center; } .c-news-item__more:hover { background: #E02773; } .c-news-item__more:before { background-image: url(/images/arrow.svg?d7decb8fd7b54210fa1995f07ddc2145); } .c-news-item__more:after { background-image: url(/images/arrow-w.svg?9a239c159d0d2370e3270f51c19d48b9); opacity: 0; transform: translateX(-100%); } .c-news-item__more:hover:after { transform: none; opacity: 1; } .c-news-item__more:before { opacity: 1; transform: none; } .c-news-item__more:hover:before { transform: translateX(100%); opacity: 0; } .c-hero .c-news-item__title a { color: #fff; } .c-hero .c-news-item__title a:hover { color: #d5f6ff; } .c-hero .c-news-item__more { border: none; } .c-hero .c-news-item__more:hover { background: transparent; } .c-news-similar .c-news-item { margin: 0; padding: 1rem 0; border-bottom: 1px solid #d4d6d7; border-top: 1px solid #fff; } .c-news-similar .c-news-item:first-child { border-top: none; } .c-news-similar .c-news-item:last-child { border-bottom: none; } @media screen and (max-width: 1023px) { .c-news-similar .c-news-item { display: flex; flex-direction: row; } } .c-news-similar .c-news-item__media { width: 50px; height: 50px; min-width: 50px; } @media screen and (max-width: 1023px) { .c-news-similar .c-news-item__media { margin-right: 2rem; } } .c-news-similar .c-news-item__title { font-size: 0.9rem; } @media screen and (max-width: 1023px) { .c-news-similar .c-news-item__title { font-size: 1rem; } } .c-news-similar .c-news-item__actions { display: none; } .swiper-promonews { overflow: hidden; background: #18253b; margin-bottom: 4rem; } @media screen and (max-width: 1023px) { .swiper-promonews { padding-bottom: 60px; } } .swiper-promonews .swiper-button-prev, .swiper-promonews .swiper-button-next { position: absolute; bottom: 1rem; } .swiper-promonews .swiper-button-prev { right: calc(50px + 1rem); } .swiper-promonews .swiper-button-next { right: 1rem; } .c-promonews-item { display: flex; align-items: center; background: #18253b; color: #fff; } @media screen and (max-width: 1023px) { .c-promonews-item { display: block; } } .c-promonews-item__video { width: 100%; min-width: calc(66% - 10px); max-width: calc(66% - 10px); } @media screen and (max-width: 1023px) { .c-promonews-item__video { max-width: none; min-width: auto; } } .c-promonews-item__video iframe, .c-promonews-item__video video { display: block; width: 100%; height: 440px; background: #000; outline: none; border: none; } @media screen and (max-width: 1023px) { .c-promonews-item__video iframe, .c-promonews-item__video video { height: 300px; } } @media screen and (max-width: 767px) { .c-promonews-item__video iframe, .c-promonews-item__video video { height: 200px; } } .c-promonews-item__captions { flex-grow: 1; padding: 2rem 1rem 2rem 40px; } @media screen and (max-width: 1023px) { .c-promonews-item__captions { padding: 1rem; } .c-promonews-item__captions br { display: none; padding: 1rem; } } .c-part { padding: 0; } .c-part__description { max-width: 450px; font-weight: 300; margin-bottom: 1rem; } .c-part__media { margin-bottom: 1rem; } .c-part__media img { display: block; width: 100%; height: auto; max-height: 400px; } .c-part-structure, .c-part-structure-alt { display: grid; } .c-part-structure li, .c-part-structure-alt li { display: block; padding: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 0.9rem; font-weight: 300; width: 100%; } .c-part-structure strong, .c-part-structure-alt strong { display: block; font-weight: 700; font-size: 1.4rem; line-height: 1.15; margin-bottom: 0.5rem; } @media screen and (max-width: 767px) { .c-part-structure strong, .c-part-structure-alt strong { font-size: 1.2rem; } } .c-part-structure__title, .c-part-structure-alt__title { display: block; font-size: 1.2rem; line-height: 1.15; margin-bottom: 0.5rem; } @media screen and (max-width: 767px) { .c-part-structure__title, .c-part-structure-alt__title { font-size: 1rem; margin-bottom: 0.2rem; } } .c-part-structure { display: grid; grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 767px) { .c-part-structure { grid-template-columns: 1fr 1fr; } } .c-part-structure li:nth-child(4), .c-part-structure li:nth-child(5), .c-part-structure li:nth-child(6), .c-part-structure li:nth-child(7), .c-part-structure li:nth-child(8) { border-bottom: 0; } .c-part-structure li:nth-child(3), .c-part-structure li:nth-child(6) { border-right: none; } @media screen and (max-width: 767px) { .c-part-structure li:nth-child(1), .c-part-structure li:nth-child(2) { border-top: none; } .c-part-structure li:nth-child(3), .c-part-structure li:nth-child(4), .c-part-structure li:nth-child(5), .c-part-structure li:nth-child(6), .c-part-structure li:nth-child(7), .c-part-structure li:nth-child(8) { border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .c-part-structure li:nth-child(even) { border-right: none; } .c-part-structure li.c-part-structure__prelast, .c-part-structure li.c-part-structure__last { border-bottom: none !important; } .c-part-structure li.c-part-structure__last { border-right: none !important; } .c-part-structure li.c-part-structure__dummy { display: none; } } .c-part-structure-alt { grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 767px) { .c-part-structure-alt { display: block; } } .c-part-structure-alt li { padding: 2rem; } @media screen and (max-width: 767px) { .c-part-structure-alt li { padding: 1rem 0; margin-bottom: 1rem; } } .c-part-structure-alt li:nth-child(4), .c-part-structure-alt li:nth-child(5), .c-part-structure-alt li:nth-child(6), .c-part-structure-alt li:nth-child(7), .c-part-structure-alt li:nth-child(8) { border-bottom: 0; } .c-part-structure-alt li:nth-child(3) { border-right: none; } @media screen and (max-width: 767px) { .c-part-structure-alt li { border-right: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .c-part-structure-alt li:last-child { border-bottom: none !important; } } .c-video { position: relative; } .c-video__media img { display: block; width: 100%; height: auto; } .c-video__title { font-size: 3.6rem; font-weight: bold; margin-bottom: 0.5em; text-transform: uppercase; } @media screen and (max-width: 1023px) { .c-video__title { font-size: 3rem; } } @media screen and (max-width: 767px) { .c-video__title { font-size: 2rem; } } .c-video__meta { position: absolute; color: #fff; left: 0; bottom: 0; right: 0; padding: 4rem 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); } @media screen and (max-width: 767px) { .c-video__meta { padding: 2rem 0; } } .c-video__play { display: inline-flex; align-items: center; padding: 1rem; line-height: 1; color: #fff; text-decoration: none; border: 1px solid #fff; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .c-video__play:hover { background: #E02773; color: #fff; text-decoration: none; } .c-video__play:before { display: block; content: "\0020"; width: 12px; min-width: 12px; height: 12px; background-image: url(/images/icon-play.svg?0c1a988cf195fca5b4c7b039d66f37cf); background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 10px; } .c-facts-list { display: flex; justify-content: space-between; } @media screen and (max-width: 767px) { .c-facts-list { flex-direction: column; justify-content: flex-start; } } @media screen and (max-width: 767px) { .c-fact-item { margin-bottom: 2rem; } } .c-fact-item__title { font-size: 1.8rem; line-height: 1; text-transform: uppercase; font-weight: 300; margin-bottom: 1rem; display: flex; flex-direction: column; align-items: flex-start; } @media screen and (max-width: 1023px) { .c-fact-item__title { font-size: 1.2rem; } } .c-fact-item__title span { display: inline-block; padding: 0.5rem 1rem; background: #18253b; color: #fff; } @media screen and (max-width: 1023px) { .c-fact-item__title span { padding: 0.4rem 0.6rem; } } .c-fact-item__title span:last-child { margin-top: -0.4rem; } .c-fact-item__value { font-size: 2rem; line-height: 1; margin-bottom: 0.5rem; } .c-fact-item__description { font-weight: 300; width: 100%; max-width: 280px; } .c-slider { display: flex; align-items: center; } .c-slider .ui-slider { flex-grow: 1; margin: 0 1rem; border: none; height: 2px; background: #18253b; } .c-slider .ui-slider-range { background: #265EAC; } .c-slider .ui-state-default { border: none; background: #265EAC; border-radius: 100%; } .c-slider .ui-slider-handle { width: 20px; height: 20px; top: -10px; left: -10px; } .c-location { display: flex; background: #18253b; } @media screen and (max-width: 1023px) { .c-location { flex-direction: column; } } .c-location__map { width: 100%; max-width: 40%; background-size: 16px 16px; background-position: center; background-repeat: no-repeat; background-image: url(/images/ajax-loader.gif?4b01ca501fadf65135bfa7c8cc1cbc43); } @media screen and (max-width: 1023px) { .c-location__map { order: 2; max-width: none; } } .c-location__map iframe, .c-location__map img { display: block; width: 100%; } .c-location__map iframe { height: 100%; } @media screen and (max-width: 1023px) { .c-location__map iframe { height: 300px; } } .c-location__map img { height: auto; } .c-location__meta { padding: 5rem 1rem 5rem 2.4rem; color: #fff; max-width: 700px; } @media screen and (max-width: 767px) { .c-location__meta { padding: 3rem 1rem; } } .c-location__coordinates { display: flex; margin-bottom: 3rem; align-items: flex-start; justify-content: flex-start; } @media screen and (max-width: 767px) { .c-location__coordinates { flex-direction: column; margin-bottom: 2rem; } } .c-location__coordinates__item { position: relative; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; margin-right: 5vw; cursor: pointer; } @media screen and (max-width: 767px) { .c-location__coordinates__item { margin: 0 0 2rem; } } .c-location__coordinates__item > div { position: absolute; background: #E02773; color: #fff; top: 100%; left: 0; border-radius: 2px; padding: 0.5rem; display: flex; align-items: center; opacity: 0; max-height: 0; overflow: hidden; z-index: -1; font-size: 0.8rem; line-height: 1; } .c-location__coordinates__item.is-copied > div { opacity: 1; max-height: 1000px; z-index: 3; } .c-location__coordinates__item input[type="text"] { position: relative; z-index: 2; padding: 0 20px 0 0; border: none; border-radius: 0; background-color: transparent; width: auto; height: auto; margin: 0; color: #fff; cursor: pointer; background-position: center right; background-repeat: no-repeat; background-size: 14px 14px; background-image: url(/images/icon-copy-w.svg?48ebfac7c7fafa7d207f639f179fce46); } .c-location__coordinates__item:hover { opacity: 0.8; } .c-map { width: 100%; background-size: 16px 16px; background-position: center; background-repeat: no-repeat; background-image: url(/images/ajax-loader.gif?4b01ca501fadf65135bfa7c8cc1cbc43); position: relative; z-index: 1; } .c-map:before { display: block; content: "\0020"; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; } .c-map:hover:before { display: none; } .c-map iframe, .c-map img { display: block; width: 100%; } .c-map iframe { height: 50vh; } .c-map img { height: auto; } .c-timeline-item { position: relative; } @media screen and (max-width: 767px) { .c-timeline-item { flex-direction: column; } } .c-timeline-item__media { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } @media screen and (max-width: 767px) { .c-timeline-item__media { position: relative; top: auto; left: auto; right: auto; bottom: auto; height: 300px; } .c-timeline-item__media:after { display: block; content: "\0020"; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; top: 50%; background: linear-gradient(to bottom, rgba(24, 37, 59, 0) 0%, #18253b 100%); } } .c-timeline-item__media img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .c-timeline-item__meta { position: relative; z-index: 2; padding: 4rem 0 12rem; background: linear-gradient(to bottom, rgba(27, 37, 57, 0) 30%, rgba(27, 37, 57, 0.65) 100%); flex-grow: 1; display: flex; } @media screen and (max-width: 767px) { .c-timeline-item__meta { padding: 2rem 0; background: #18253b; } } .c-timeline-item__meta .c-layout { display: flex; flex-direction: column; } .c-timeline-item__content { background: #18253b; color: #fff; padding: 2rem; min-height: 360px; width: 100%; max-width: 400px; display: flex; flex-direction: column; flex-grow: 1; } @media screen and (max-width: 767px) { .c-timeline-item__content { padding: 0; min-height: auto; } } .c-timeline-item__date { color: #009cdc; text-transform: uppercase; margin-bottom: 2rem; } .c-timeline-item__title { font-weight: bold; margin-bottom: 1.3rem; font-size: 1.2rem; line-height: 1.3; } .c-timeline-item__actions { position: relative; margin-bottom: 0; margin-top: auto; padding-top: 2rem; background: linear-gradient(to bottom, rgba(24, 37, 59, 0) 0%, rgba(24, 37, 59, 0.65) 100%); } #swiper-timeline { position: relative; z-index: 1; overflow: hidden; } #swiper-timeline .swiper-slide { display: flex; } #swiper-timeline .swiper-pagination { position: absolute; z-index: 10; bottom: 4rem; width: auto; left: calc((100% - 1200px) / 2); right: calc((100% - 1200px) / 2); display: flex; justify-content: space-between; } @media screen and (max-width: 1023px) { #swiper-timeline .swiper-pagination { left: 30px; right: 30px; } } @media screen and (max-width: 767px) { #swiper-timeline .swiper-pagination { bottom: auto; top: 260px; } } #swiper-timeline .swiper-pagination:before { display: block; content: "\0020"; height: 1px; left: -100%; right: -100%; top: 50%; position: absolute; z-index: 1; background: #fff; opacity: 0.5; } #swiper-timeline .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100%; background: #fff; position: relative; z-index: 2; opacity: 1; } @media screen and (max-width: 767px) { #swiper-timeline .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; } } #swiper-timeline .swiper-pagination .swiper-pagination-bullet span { display: block; width: 110px; margin-left: -55px; position: absolute; left: 50%; bottom: 100%; padding-bottom: 0.5rem; color: #fff; line-height: 1; text-align: center; } @media screen and (max-width: 767px) { #swiper-timeline .swiper-pagination .swiper-pagination-bullet span { font-size: 0.8rem; } } #swiper-timeline .swiper-pagination .swiper-pagination-bullet span small { display: block; font-size: 0.8em; line-height: 1; color: #fff; } #swiper-timeline .swiper-pagination .swiper-pagination-bullet:after { display: block; content: "\0020"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; border-radius: 100%; border: 1px solid #fff; } #swiper-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { font-size: 2.2rem; padding-bottom: 1rem; } @media screen and (max-width: 1023px) { #swiper-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { font-size: 1.6rem; } } @media screen and (max-width: 767px) { #swiper-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { font-size: 1rem; } } #swiper-timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { top: -5px; left: -5px; right: -5px; bottom: -5px; } .swiper { overflow: hidden; } .swiper .swiper-wrapper { display: flex; } .swiper .swiper-slide { height: auto; } .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; border: 1px solid #fff; background: transparent; overflow: hidden; cursor: pointer; position: relative; left: auto; right: auto; bottom: auto; top: auto; margin: 0 10px 0 0; } .swiper-button-prev:before, .swiper-button-next:before, .swiper-button-prev:after, .swiper-button-next:after { display: block; content: "\0020"; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 18px 14px; background-repeat: no-repeat; background-position: center; } .swiper-button-prev:before { background-image: url(/images/arrow-back.svg?205e0688e229fdc7495041917556256b); } .swiper-button-prev:after { background-image: url(/images/arrow-back-w.svg?b80c6a0dfba0beffd08e2e3763ec45b9); opacity: 0; transform: translateX(100%); } .swiper-button-prev:hover:after { transform: none; opacity: 1; } .swiper-button-prev:before { opacity: 1; transform: none; } .swiper-button-prev:hover:before { transform: translateX(-100%); opacity: 0; } .swiper-button-next:before { background-image: url(/images/arrow.svg?d7decb8fd7b54210fa1995f07ddc2145); } .swiper-button-next:after { background-image: url(/images/arrow-w.svg?9a239c159d0d2370e3270f51c19d48b9); opacity: 0; transform: translateX(-100%); } .swiper-button-next:hover:after { transform: none; opacity: 1; } .swiper-button-next:before { opacity: 1; transform: none; } .swiper-button-next:hover:before { transform: translateX(100%); opacity: 0; } .c-timeline-item__actions { display: flex; } .c-section__title__actions .swiper-button-prev, .c-section__title__actions .swiper-button-next { border: 1px solid #E02773; } .c-section__title__actions .swiper-button-prev:hover, .c-section__title__actions .swiper-button-next:hover { background: #E02773; } .c-partners-list { display: flex; align-items: flex-start; margin: 0 -20px; } @media screen and (max-width: 1023px) { .c-partners-list { flex-wrap: wrap; margin: 0 -10px; } } .c-partners-list a { display: block; margin: 0 20px; flex-grow: 1; } @media screen and (max-width: 1023px) { .c-partners-list a { max-width: calc(33.33% - 20px); margin: 0 10px 1rem; } } @media screen and (max-width: 767px) { .c-partners-list a { max-width: calc(50% - 20px); } } .c-partners-list a:hover { opacity: 0.7; } .c-partners-list a img { display: block; width: auto; height: 90px; } @media screen and (max-width: 1023px) { .c-partners-list a img { width: 100%; height: auto; max-height: 90px; } } .c-staff-list { display: flex; flex-wrap: wrap; margin: 0 -20px; } @media screen and (max-width: 1023px) { .c-staff-list { margin: 0 -10px; } } .c-staff-list .c-staff-item { width: 100%; max-width: calc(50% - 40px); margin: 0 20px 4rem; } @media screen and (max-width: 1023px) { .c-staff-list .c-staff-item { max-width: calc(50% - 20px); margin: 0 10px 3rem; } } @media screen and (max-width: 767px) { .c-staff-list .c-staff-item { max-width: calc(50% - 20px); } } .c-staff-item.o-main { width: 100%; max-width: 240px; } @media screen and (max-width: 767px) { .c-staff-item.o-main { margin-bottom: 3rem; } } .c-staff-item__media { margin-bottom: 2rem; max-width: 160px; } .c-staff-item__media img { display: block; width: 100%; height: auto; } .c-staff-item__title { margin-bottom: 1rem; font-size: 1.2rem; max-width: 300px; line-height: 1.2; } .c-staff-item__text { font-weight: 300; } .c-staff-item__contact { padding-top: 1rem; opacity: 0.9; font-weight: 300; } .c-staff-item__contact a { color: #18253b; text-decoration: none; } .c-staff-item__contact a:hover { color: #E02773; } .c-intro { background: #18253b; color: #fff; display: flex; overflow: hidden; } @media screen and (max-width: 1023px) { .c-intro { flex-direction: column; } } .c-intro:after { display: block; content: "\0020"; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 20%; background: linear-gradient(to right, rgba(24, 37, 59, 0.95) 0%, rgba(24, 37, 59, 0) 100%); } @media screen and (max-width: 1023px) { .c-intro:after { display: none; } } .c-intro__meta { padding: 4rem 2rem 4rem 0; flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; min-height: 70vh; max-width: 440px; width: 100%; position: relative; z-index: 4; } @media screen and (max-width: 1023px) { .c-intro__meta { max-width: none; order: 1; padding: 2rem 0; justify-content: flex-start; min-height: 1px; } } @media screen and (max-width: 1200px) { .c-intro__meta p br { display: none; } } .c-intro__pretitle { font-size: 1.4rem; margin-bottom: 0.2em; line-height: 1; } .c-intro__title { font-size: 2.4rem; margin-bottom: 0.5em; } .c-intro__title.o-nowrap { white-space: nowrap; } @media screen and (max-width: 1023px) { .c-intro__title { font-size: 2rem; } .c-intro__title.o-nowrap { white-space: normal; } } .c-intro__aftertitle { font-size: 1.4rem; margin-bottom: 0.2em; line-height: 1; } .c-intro__subtitle { font-size: 0.5em; } .c-intro__media { width: 100%; flex-grow: 1; display: flex; align-items: flex-end; background-image: url(/images/ajax-loader.gif?4b01ca501fadf65135bfa7c8cc1cbc43); background-position: center; background-repeat: no-repeat; background-size: 16px 16px; } @media screen and (max-width: 1023px) { .c-intro__media { width: auto; display: block; order: 2; } } .c-intro__media:after { display: block; content: "\0020"; position: absolute; z-index: 2; top: 50%; bottom: 0; left: 0; right: -100%; background: linear-gradient(to bottom, rgba(24, 37, 59, 0) 0%, #18253b 100%); } @media screen and (max-width: 1023px) { .c-intro__media:after { top: 0; right: 0; background: linear-gradient(to bottom, rgba(24, 37, 59, 0.7) 0%, #18253b 100%); } } .c-intro__media img { display: block; width: 100%; height: 100%; position: absolute; z-index: 1; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; bottom: 0; right: 0; } .c-intro__actions { padding-top: 2rem; } .c-intro__facts { position: relative; z-index: 3; display: flex; padding-bottom: 2rem; margin-left: -2rem; } @media screen and (max-width: 767px) { .c-intro__facts { flex-direction: column; margin: 0; } } .c-intro__facts li { display: block; font-size: 0.85rem; line-height: 1.2; padding: 2rem 0 2rem 2rem; font-weight: 300; min-width: 30%; } @media screen and (max-width: 1023px) { .c-intro__facts li { padding-left: 0; } } @media screen and (max-width: 767px) { .c-intro__facts li { padding-top: 0; } .c-intro__facts li br { display: none; } } .c-intro__facts strong { display: block; font-weight: bold; font-size: 1.6rem; line-height: 1.15; margin-bottom: 0.5rem; } @media screen and (max-width: 767px) { .c-intro__facts strong { font-size: 1.2rem; } } .c-gallery-list { display: flex; flex-wrap: wrap; margin: 0 -20px; padding-top: 40px; } @media screen and (max-width: 1023px) { .c-gallery-list { padding-top: 20px; margin: 0 -10px; } } .c-gallery-list .c-gallery-item { width: 100%; max-width: calc(33.33% - 40px); margin: 0 20px 40px; } @media screen and (max-width: 1023px) { .c-gallery-list .c-gallery-item { max-width: calc(50% - 20px); margin: 0 10px 20px; } } @media screen and (max-width: 320px) { .c-gallery-list .c-gallery-item { max-width: calc(100% - 20px); } } .c-gallery-item__media { min-height: 200px; position: relative; z-index: 1; overflow: hidden; background: #18253b; } @media screen and (max-width: 640px) { .c-gallery-item__media { min-height: 140px; } } .has-fancybox .c-gallery-item__media:before { display: block; content: "\0020"; width: 18px; height: 18px; position: absolute; right: 1rem; bottom: 1rem; z-index: 3; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljc1IDEuNUM0LjI5ODIyIDEuNSAxLjUgNC4yOTgyMiAxLjUgNy43NUMxLjUgMTEuMjAxOCA0LjI5ODIyIDE0IDcuNzUgMTRDMTEuMjAxOCAxNCAxNCAxMS4yMDE4IDE0IDcuNzVDMTQgNC4yOTgyMiAxMS4yMDE4IDEuNSA3Ljc1IDEuNVpNMCA3Ljc1QzAgMy40Njk3OSAzLjQ2OTc5IDAgNy43NSAwQzEyLjAzMDIgMCAxNS41IDMuNDY5NzkgMTUuNSA3Ljc1QzE1LjUgOS42MjAwMSAxNC44Mzc3IDExLjMzNTMgMTMuNzM0OCAxMi42NzQyTDE4LjI4MDMgMTcuMjE5N0MxOC41NzMyIDE3LjUxMjYgMTguNTczMiAxNy45ODc0IDE4LjI4MDMgMTguMjgwM0MxNy45ODc0IDE4LjU3MzIgMTcuNTEyNiAxOC41NzMyIDE3LjIxOTcgMTguMjgwM0wxMi42NzQyIDEzLjczNDhDMTEuMzM1MyAxNC44Mzc3IDkuNjIwMDEgMTUuNSA3Ljc1IDE1LjVDMy40Njk3OSAxNS41IDAgMTIuMDMwMiAwIDcuNzVaTTcuNzUgNEM4LjE2NDIxIDQgOC41IDQuMzM1NzkgOC41IDQuNzVWN0gxMC43NUMxMS4xNjQyIDcgMTEuNSA3LjMzNTc5IDExLjUgNy43NUMxMS41IDguMTY0MjEgMTEuMTY0MiA4LjUgMTAuNzUgOC41SDguNVYxMC43NUM4LjUgMTEuMTY0MiA4LjE2NDIxIDExLjUgNy43NSAxMS41QzcuMzM1NzkgMTEuNSA3IDExLjE2NDIgNyAxMC43NVY4LjVINC43NUM0LjMzNTc5IDguNSA0IDguMTY0MjEgNCA3Ljc1QzQgNy4zMzU3OSA0LjMzNTc5IDcgNC43NSA3SDdWNC43NUM3IDQuMzM1NzkgNy4zMzU3OSA0IDcuNzUgNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); } .has-fancybox .c-gallery-item__media:after { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 83%, rgba(0, 0, 0, 0) 100%); display: block; content: "\0020"; width: 140px; height: 140px; position: absolute; right: -70px; bottom: -70px; z-index: 2; } .c-gallery-item__media img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; } .has-fancybox .c-gallery-item__media:hover img { transform: scale(1.1); } .c-gallery-item__meta { padding-top: 1rem; font-size: 0.9rem; opacity: 0.8; } .c-blocks-list { display: flex; flex-wrap: wrap; margin: 0 -20px; } @media screen and (max-width: 1023px) { .c-blocks-list { margin: 0 -10px; } } @media screen and (max-width: 767px) { .c-blocks-list { flex-direction: column; margin: 0; } } .c-blocks-list .c-block-item { max-width: calc(50% - 40px); margin: 0 20px 1rem; } @media screen and (max-width: 767px) { .c-blocks-list .c-block-item { max-width: none; margin: 0 0 2rem; } } .c-blocks-list .c-news-item__meta { padding: 0 1rem 1rem; } .c-block-item { display: flex; flex-direction: column; } .c-block-item__media { position: relative; margin-bottom: 2rem; } .c-block-item__media a:hover { opacity: 0.8; } .c-block-item__media img { display: block; width: 100%; height: auto; } .c-block-item__meta { display: flex; flex-direction: column; flex-grow: 1; font-weight: 300; } .c-block-item__title { font-weight: normal; margin-bottom: 1rem; font-size: 1.4rem; text-transform: uppercase; } .c-block-item__title a { text-decoration: none; } .c-block-item__title a:hover { color: #E02773; text-decoration: none; } .c-engineering-list { border-bottom: 1px solid #45464e; margin-bottom: 3rem; } .c-engineering-item { display: flex; margin-bottom: 3rem; } @media screen and (max-width: 767px) { .c-engineering-item { flex-direction: column; } } .c-engineering-item__title { width: 100%; max-width: 33.33%; margin-right: 4rem; } @media screen and (max-width: 767px) { .c-engineering-item__title { max-width: none; margin: 0 0 2rem; } } .c-engineering-item__params { display: flex; flex-grow: 1; } @media screen and (max-width: 767px) { .c-engineering-item__params { flex-direction: column; } } .c-engineering-item__param { width: 100%; } @media screen and (max-width: 767px) { .c-engineering-item__param { margin-bottom: 1rem; } } .c-engineering-item__param span { opacity: 0.6; } .c-engineering-item__value strong { font-size: 1.6rem; } .c-breadcrumbs { padding: 3rem 0; font-size: 0.8rem; line-height: 1.1; color: #45464e; opacity: 0.7; } .c-breadcrumbs a { color: #45464e; text-decoration: none; } .c-breadcrumbs a:hover { text-decoration: underline; } .c-informator { width: 16px; height: 16px; display: inline-block; position: relative; background-size: cover; background-image: url(/images/icon-informator.svg?ee736a7218e909be4f60e9b5523ce7d5); background-position: center; background-repeat: no-repeat; cursor: pointer; top: 2px; margin-left: 8px; } .c-informator__content { position: absolute; z-index: 4; left: 100%; bottom: 100%; width: 200px; background: #fff; padding: 10px; font-size: 12px; line-height: 1.4; border-radius: 4px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); cursor: help; font-weight: normal; display: none; } @media screen and (max-width: 767px) { .c-informator__content { left: 50%; margin-left: -100px; } } .c-informator:hover .c-informator__content { display: block; } .c-grid-item { position: relative; } .c-grid-item.o-inverse { color: #fff; background: #18253b; } .c-grid-item__content { display: flex; } @media screen and (max-width: 767px) { .c-grid-item__content { flex-direction: column; } } .c-grid-item__media { position: absolute; top: 0; bottom: 0; right: 0; left: 50%; } @media screen and (max-width: 767px) { .c-grid-item__media { position: relative; top: auto; left: auto; right: auto; bottom: auto; order: 1; margin: 0 -20px; } } .c-grid-item__media img { position: absolute; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .c-grid-item__media img { position: relative; -o-object-fit: contain; object-fit: contain; height: auto; } } .c-grid-item:nth-child(even) .c-grid-item__media { order: 1; left: 0; right: 50%; } @media screen and (max-width: 767px) { .c-grid-item:nth-child(even) .c-grid-item__media { left: auto; right: auto; order: 1; } } .c-grid-item__meta { padding: 6rem 0; width: 100%; max-width: 43%; } @media screen and (max-width: 1023px) { .c-grid-item__meta { padding: 4rem 0; } } @media screen and (max-width: 767px) { .c-grid-item__meta { max-width: none; order: 2; padding: 2rem 0; } } .c-grid-item:nth-child(even) .c-grid-item__meta { order: 2; margin-left: 60%; } @media screen and (max-width: 767px) { .c-grid-item:nth-child(even) .c-grid-item__meta { margin: 0; order: 2; } } .c-grid-item__title { font-weight: normal; margin-bottom: 1rem; font-size: 2rem; line-height: 1.2; } @media screen and (max-width: 767px) { .c-grid-item__title { font-size: 1.6rem; } } .c-pager { display: flex; align-items: center; justify-content: center; text-align: center; padding: 3rem 0; margin: 0 auto; } .c-pager__first, .c-pager__last { padding: 0 14px; } .c-pager a { height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; background: #f4f4f4; margin: 0 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-decoration: none; color: #18253b; } .c-pager a:hover { background: #ddd; } .c-pager a.is-active { cursor: default; pointer-events: none; font-weight: bold; color: #fff; background: #E02773; } .c-page { display: flex; align-items: flex-start; } @media screen and (max-width: 1023px) { .c-page { display: block; } } .c-page__main { flex-grow: 1; } .c-page__aside { width: 100%; max-width: 300px; min-width: 300px; margin-left: 4rem; background: #f4f4f4; padding: 2rem 1.4rem; position: sticky; top: 100px; } @media screen and (max-width: 1200px) { .c-page__aside { margin-left: 2rem; } } @media screen and (max-width: 1023px) { .c-page__aside { position: static; top: auto; margin: 2rem 0 0; max-width: none; padding: 2rem; } } .c-page__aside__title { margin-bottom: 1rem; font-size: 1.4rem; line-height: 1.2; } .c-page__caption { margin-bottom: 1rem; opacity: 0.7; font-size: 0.85rem; } .c-page__title { font-size: 2.4rem; line-height: 1.2; margin-bottom: 1em; display: flex; align-items: center; } @media screen and (max-width: 1023px) { .c-page__title { font-size: 2.2rem; } } @media screen and (max-width: 767px) { .c-page__title { font-size: 1.6rem; } } .c-page__title__actions { display: flex; margin-right: 0; margin-left: auto; position: relative; right: -10px; } .c-page__subtitle { font-size: 1.6rem; font-weight: 300; line-height: 1.2; margin-bottom: 1em; } @media screen and (max-width: 1023px) { .c-page__subtitle { font-size: 1.4rem; } .c-page__subtitle br { display: none; } } @media screen and (max-width: 767px) { .c-page__subtitle { font-size: 1.3rem; } } .c-page__cover { margin-bottom: 2rem; } .c-page__cover__media { position: relative; overflow: hidden; background: #18253b; } .c-page__cover__media.has-fancybox:before { display: block; content: "\0020"; width: 18px; height: 18px; position: absolute; right: 1rem; bottom: 1rem; z-index: 3; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljc1IDEuNUM0LjI5ODIyIDEuNSAxLjUgNC4yOTgyMiAxLjUgNy43NUMxLjUgMTEuMjAxOCA0LjI5ODIyIDE0IDcuNzUgMTRDMTEuMjAxOCAxNCAxNCAxMS4yMDE4IDE0IDcuNzVDMTQgNC4yOTgyMiAxMS4yMDE4IDEuNSA3Ljc1IDEuNVpNMCA3Ljc1QzAgMy40Njk3OSAzLjQ2OTc5IDAgNy43NSAwQzEyLjAzMDIgMCAxNS41IDMuNDY5NzkgMTUuNSA3Ljc1QzE1LjUgOS42MjAwMSAxNC44Mzc3IDExLjMzNTMgMTMuNzM0OCAxMi42NzQyTDE4LjI4MDMgMTcuMjE5N0MxOC41NzMyIDE3LjUxMjYgMTguNTczMiAxNy45ODc0IDE4LjI4MDMgMTguMjgwM0MxNy45ODc0IDE4LjU3MzIgMTcuNTEyNiAxOC41NzMyIDE3LjIxOTcgMTguMjgwM0wxMi42NzQyIDEzLjczNDhDMTEuMzM1MyAxNC44Mzc3IDkuNjIwMDEgMTUuNSA3Ljc1IDE1LjVDMy40Njk3OSAxNS41IDAgMTIuMDMwMiAwIDcuNzVaTTcuNzUgNEM4LjE2NDIxIDQgOC41IDQuMzM1NzkgOC41IDQuNzVWN0gxMC43NUMxMS4xNjQyIDcgMTEuNSA3LjMzNTc5IDExLjUgNy43NUMxMS41IDguMTY0MjEgMTEuMTY0MiA4LjUgMTAuNzUgOC41SDguNVYxMC43NUM4LjUgMTEuMTY0MiA4LjE2NDIxIDExLjUgNy43NSAxMS41QzcuMzM1NzkgMTEuNSA3IDExLjE2NDIgNyAxMC43NVY4LjVINC43NUM0LjMzNTc5IDguNSA0IDguMTY0MjEgNCA3Ljc1QzQgNy4zMzU3OSA0LjMzNTc5IDcgNC43NSA3SDdWNC43NUM3IDQuMzM1NzkgNy4zMzU3OSA0IDcuNzUgNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); } .c-page__cover__media.has-fancybox :after { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 83%, rgba(0, 0, 0, 0) 100%); display: block; content: "\0020"; width: 140px; height: 140px; position: absolute; right: -70px; bottom: -70px; z-index: 2; } .c-page__cover__media img { display: block; width: 100%; height: auto; } .c-page__cover__meta { padding-top: 6px; font-size: 0.9rem; opacity: 0.8; margin-bottom: 2rem; } .c-page__cover__meta:empty { display: none; } .c-aside-menu { display: block; margin: 0; } .c-aside-menu li { display: block; margin-bottom: 0.5rem; } .c-aside-menu li span, .c-aside-menu li a { text-decoration: none; cursor: pointer; } .c-aside-menu li span:hover, .c-aside-menu li a:hover { text-decoration: underline; } .c-aside-menu li span.is-active, .c-aside-menu li a.is-active { color: #E02773; font-weight: bold; text-decoration: none; cursor: default; } .c-site-error { min-height: 100vh; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; background-image: url(/images/video-background.jpg?284ad6a8552e8482b4f494ededf069b9); } .c-site-error__content { max-width: 400px; width: 100%; padding: 4rem; background: #fff; text-align: center; box-shadow: -1px 9px 143px 0 rgba(255, 255, 255, 0.75); } .c-site-error__media { font-size: 5rem; line-height: 1; font-weight: bold; } .c-site-error__title { font-size: 1.6rem; line-height: 1.2; font-weight: bold; margin-bottom: 2rem; } .c-site-error__actions { padding-top: 2rem; } .c-site-error__logo { display: flex; align-items: center; justify-content: center; width: 137px; min-width: 137px; height: 35px; overflow: hidden; margin: 0 auto 4rem; position: relative; background-size: 137px 35px; background-position: center; background-repeat: no-repeat; background-image: url(/images/logo.svg?b5014444ce20253dffbdafb06d163515); } .c-site-error__logo:hover { opacity: 0.7; } .c-boss-item { font-weight: 300; padding: 2rem 0; border-bottom: 1px solid #f4f4f4; } @media screen and (max-width: 767px) { .c-boss-item { padding: 1.2rem 0; } } .c-boss-item__media { width: 100%; max-width: 100px; margin-right: 1rem; } .c-boss-item__meta { flex-grow: 1; } .c-boss-item strong { display: block; margin-bottom: 0.1rem; font-weight: bold; } .c-bosses { max-width: 840px; } .c-bosses table { width: 100%; border: none; } .c-bosses table tr { border-top: 1px solid #d9d9d9; } .c-bosses table th, .c-bosses table td { padding: 1rem 0; vertical-align: middle; background: transparent; } @media screen and (max-width: 767px) { .c-bosses table th, .c-bosses table td { vertical-align: top; } } .c-bosses table th img, .c-bosses table td img, .c-bosses table th img.is-wide, .c-bosses table td img.is-wide, .c-bosses table th img.is-float-left, .c-bosses table td img.is-float-left, .c-bosses table th img.is-float-right, .c-bosses table td img.is-float-right { display: block; width: 120px; max-width: 120px; height: auto; float: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .c-bosses table th img, .c-bosses table td img, .c-bosses table th img.is-wide, .c-bosses table td img.is-wide, .c-bosses table th img.is-float-left, .c-bosses table td img.is-float-left, .c-bosses table th img.is-float-right, .c-bosses table td img.is-float-right { width: 60px; max-width: 60px; margin-right: 1rem; } } .c-pad-list { display: flex; flex-wrap: wrap; margin: 0 -10px; } @media screen and (max-width: 767px) { .c-pad-list { flex-wrap: wrap; } } .c-pad-list li { display: flex; width: 100%; max-width: calc(50% - 20px); margin: 0 10px 1.4rem; } @media screen and (max-width: 767px) { .c-pad-list li { max-width: calc(100% - 20px); margin: 0 10px 0.2rem; } } .c-pad-list li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: auto; background: #f4f4f4; padding: 4rem 1rem; } @media screen and (max-width: 767px) { .c-pad-list li a { padding: 2rem 1rem; } } .c-pad-list li a:hover { background: #E02773; color: #fff; text-decoration: none; } .c-pad-list li a:hover svg { fill: #fff; } .c-pad-list li a img, .c-pad-list li a svg { display: block; width: 32px; height: auto; margin-bottom: 1rem; } .c-pad-list li a svg { fill: #E02773; } .c-accordion-list { border-top: 1px solid #d4d6d7; } .c-accordion-item { padding: 1rem 0; border-bottom: 1px solid #d4d6d7; border-top: 1px solid #fff; } .c-accordion-item:last-child { border-bottom: none; } .c-accordion-item__title { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: bold; text-decoration: underline; } .c-accordion-item__title:hover { text-decoration: none; color: #E02773; } .c-accordion-item__title:after { display: block; content: "\0020"; width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/images/arrow.svg?d7decb8fd7b54210fa1995f07ddc2145); transform: rotate(90deg); } .c-accordion-item.is-open .c-accordion-item__title:after { transform: rotate(-90deg); } .c-accordion-item__spoiler { max-height: 0; overflow: hidden; } .c-accordion-item.is-open .c-accordion-item__spoiler { max-height: 100000px; } .c-accordion-item__content { opacity: 0; padding: 1rem 0; } .c-accordion-item.is-open .c-accordion-item__content { opacity: 1; } body.is-indexcontent { overflow: hidden; } .c-indexcontent { position: fixed; z-index: 12; top: 0; left: 0; width: 1px; height: 1px; display: flex; overflow: hidden; align-items: center; justify-content: center; flex-direction: column; pointer-events: none; opacity: 0; } .is-indexcontent .c-indexcontent { width: 100%; height: 100%; pointer-events: auto; opacity: 1; } .c-indexcontent__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #18253b; opacity: 0; transition: all 0.3s ease-in-out; } .is-indexcontent .c-indexcontent__overlay { opacity: 0.95; } .c-indexcontent__close { display: flex; align-items: center; justify-content: center; width: 30px; min-width: 30px; height: 30px; position: absolute; z-index: 3; cursor: pointer; top: 15px; right: 15px; border-radius: 100%; background-color: #E02773; background-repeat: no-repeat; background-position: center; background-size: 12px 12px; opacity: 0; color: #fff; font-weight: bold; font-size: 1.2rem; } .is-indexcontent .c-indexcontent__close { opacity: 1; } .c-indexcontent__close:hover { opacity: 0.7; } .c-indexcontent__close:before { content: "+"; transform: rotate(45deg); } .c-indexcontent__main { width: 96%; margin: 0 20px; position: relative; z-index: 2; transform: translatey(20%); opacity: 0; background: #fff; padding: 3rem 30px 2rem; max-height: calc(100dvh - 40px); overflow-y: auto; } .is-indexcontent .c-indexcontent__main { transform: none; opacity: 1; } @media screen and (max-width: 767px) { .c-indexcontent__main { padding: 20px; } } @media screen and (max-width: 600px) { .c-indexcontent__main { width: auto; margin: 0 10px; } } .c-indexcontent__content { max-width: 900px; margin: 0 auto; } .c-indexcontent__title { font-size: 1.4rem; font-weight: bold; margin-bottom: 1em; text-align: center; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 1023px) { .c-indexcontent__title { padding: 0 30px; font-size: 1.2rem; } } .c-indexcontent__conent { max-width: 440px; margin: 0 auto; } .c-indexcontent__text { text-align: center; margin-bottom: 2rem; }