From c6365d62638c1f847cd5eb8c826f159f68ebe4f5 Mon Sep 17 00:00:00 2001 From: Turing Date: Wed, 3 Apr 2024 22:58:59 +0300 Subject: [PATCH] cOrrect mainnews in mobail --- front-page.php | 3 +- frontend/dist/assets/main.css | 3545 +++++++++++++++++ .../src/styles/components/article-item.css | 4 +- partials/pinned-post-mob.php | 11 +- 4 files changed, 3557 insertions(+), 6 deletions(-) create mode 100644 frontend/dist/assets/main.css diff --git a/front-page.php b/front-page.php index ad07dd0..9821467 100644 --- a/front-page.php +++ b/front-page.php @@ -1,12 +1,13 @@
- +
'post', // Или ваш пользовательский тип постов, если необходимо + 'post__not_in' => [ $mainpost_id ], 'posts_per_page' => 10, // Количество постов на странице 'cat' => [-17, -20, -21] ); diff --git a/frontend/dist/assets/main.css b/frontend/dist/assets/main.css new file mode 100644 index 0000000..c253e09 --- /dev/null +++ b/frontend/dist/assets/main.css @@ -0,0 +1,3545 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v5.0.1 | 20191019 + 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, +main, 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, main, menu, nav, section { + display: block; +} +/* HTML5 hidden-attribute fix for newer browsers */ +*[hidden] { + display: none; +} +body { + line-height: 1; +} +menu, 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; +} +:root { + --primary: #f18917; + --secondary: #006842; + --black: #000; + --white: #fff; + --gray: #cfcfcf; + --adv-gray: #2f2f2f; + --placeholder-gray: #3a3a3a; + --bg: #f7f8f3; +} + +html { + font-size: 10px; +} + +a { + color: inherit; +} + +body { + font-family: 'Raleway', sans-serif; + font-variant-numeric: lining-nums; + background: var(--bg); + font-size: 1.3rem; + line-height: 150%; + color: var(--black); + -webkit-text-size-adjust: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; +} + +a { + text-decoration: none; + outline: none; + color: var(--black); +} + +li { + list-style: none; +} + +button { + border: 0; + padding: 0; + background: none; + cursor: pointer; +} + +.link { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.link:hover { + color: var(--primary); +} + +.link-icon-after::after { + content: ''; + background: url(../images/link_after.svg); + width: 1rem; + height: 1rem; + display: inline-block; + margin-left: 0.4rem; + position: relative; + top: 0.1rem; +} + +.wpcf7-spinner { + display: none !important; +} + +.wp-block-embed iframe { + width: 100%; +}.container { + max-width: 1440px; + margin: 0 auto; +} + +@media (max-width: 767px) { + .container { + padding: 0 2rem; + } +} +.footer { + background: #fff; +} + +.footer-top { + border-top: 1px solid var(--gray); +} + +.footer-top__inner { + 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; + padding: 3rem 6.9rem; +} + +@media (max-width: 1400px) { + .footer-top__inner { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } +} + +.footer__nav { + padding-right: 12.5rem; +} + +@media (max-width: 768px) { + .footer-top__inner { + padding: 0; + } + .footer__nav { + padding: 0; + } +} + +.footer-top__right { + padding-right: 13.9rem; +} + +.footer-bottom { + border-top: 1px solid var(--gray); +} + +.footer-bottom__inner { + padding: 3.2rem 11.2rem 4.2rem 11.2rem; + 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; +} + +@media (max-width: 1300px) { + .footer-bottom__inner { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.footer-bottom__text { + font-size: 1.2rem; + color: #2f2f2f; + line-height: 2.6rem; + font-family: 'Roboto', sans-serif; +} + +.footer-bottom__link { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.footer-bottom__link:hover { + color: var(--primary); +} + +@media (max-width: 768px) { + .footer__logo { + border-bottom: 1px solid var(--gray); + padding: 2.8rem 7.8rem 3.2rem; + text-align: center; + } + .footer__conatiner { + padding: 0; + } + .footer-bottom__inner { + padding: 0; + padding-top: 1.8rem; + padding-bottom: 2.4rem; + } +} +.header { + border-bottom: 1px solid #cfcfcf; + background: #fff; +} + +.header__inner { + padding: 1.2rem 3.6rem; + 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; +} + +.header__logo { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.header__logo img { + max-width: 100%; +} + +.header__right { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 9.6rem; +} + +@media (max-width: 1120px) { + .header__right { + gap: 4.8rem; + } +} + +.header__actions { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4rem; +} + +.header-action { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.header-action svg path { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.header-action:hover svg path { + fill: var(--primary); +} + +.header__burger { + display: none; +} + +.header-mobile { + display: none; +} + +@media (max-width: 1023px) { + .nav.header__nav { + display: none; + } + + .socials.header__socials { + display: none; + } + + .header__burger { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transition: 0.3s; + transition: 0.3s; + } + + .header__burger img:last-child { + display: none; + } + + .header__burger.is-active { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + + .header__burger.is-active img:first-child { + display: none; + } + + .header__burger.is-active img:last-child { + display: block; + } + + .header-mobile { + position: absolute; + width: 100%; + top: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background: #fff; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: 0.3s; + transition: 0.3s; + z-index: 99; + } + + .header-mobile.is-active { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + .nav.header-mobile__nav { + padding: 4.5rem 7.9rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + max-width: unset; + margin: 0; + gap: 3rem; + border-top: 1px solid #cfcfcf; + } + + .socials.header-mobile__socials { + padding: 3.6rem 0 4.8rem 0; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-top: 1px solid #cfcfcf; + } +} + +@media (max-width: 767px) { + .header { + position: relative; + } + + .header__inner { + padding: 1.5rem 0; + } + + .header__logo { + width: 15.8rem; + } + + .header__right { + gap: 3.3rem; + } +} +.advert-item { + padding: 2rem 2.5rem 2.5rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: var(--bg); + width: 100%; + border-bottom: 1px solid var(--gray); + border-left: 1px solid var(--gray); + margin-left: -1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 15px; +} + +@media (max-width: 1024px) { + .advert-item { + width: 100%; + } +} + +@media (max-width: 767px) { + .advert-item { + gap: 20px; + } +} + +.advert-item__heading { + color: var(--white); + position: absolute; + left: 2.5rem; + bottom: 3rem; +} + +.advert-item__block-title { + margin-bottom: 5px; +} + +.advert-item__block-title_margin-lg { + margin-bottom: 20px; +} + +@media (max-width: 767px) { + .advert-item__block-title_margin-lg { + margin-bottom: 10px; + } +} + +.advert-item__subtitle { + font-size: 2.4rem; +} + +.advert-item__documents-list { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +@media (max-width: 767px) { + .advert-item__documents-list { + grid-template-columns: repeat(1, 1fr); + gap: 10px; + } +} + +.advert-item__document { + padding: 7px 9px; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background-color: var(--white); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 10px; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; +} + +.advert-item__document:hover .advert-item__document-description { + text-decoration: underline; +} + +.advert-item__icon { + width: 36px; + height: 36px; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.advert-item__icon_pdf { + background-image: url('../images/pdf_icon.png'); +} + +.advert-item__icon_doc { + background-image: url('../images/doc_icon.png'); +} + +.advert-item__document-description { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.advert-item__contacts { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); + gap: 10px; +} + +@media (max-width: 767px) { + .advert-item__contacts { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } +} + +.advert-item__contact-item { + width: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 16px; + padding-bottom: 42px; +} + +@media (max-width: 767px) { + .advert-item__contact-item { + width: 100%; + padding-bottom: 0; + } +} + +.advert-item__avatar-container { + -ms-flex-negative: 0; + flex-shrink: 0; + width: 80px; + border-radius: 50%; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.advert-item__contacts-avatar { + width: 100%; +} + +.advert-item__contact-name { + margin-bottom: 5px; +} + +.advert-item__contact-position { + margin-bottom: 10px; +} + +.advert-item__contact-phone { + margin-bottom: 5px; +} + +.advert-item__contact-email { + color: var(--secondary); +}.article-item { + padding: 1.2rem 1.25rem 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: var(--bg); + width: 50%; + border-bottom: 1px solid var(--gray); + border-left: 1px solid var(--gray); + margin-left: -1px; +} + +.maintitle-mob{ + display: none; + font-weight: bold; + color: #006842; + margin: 12px 0 12px 0; +} + +.article-item-mob{ + display: none; +} + +@media (max-width: 1024px) { + .article-item { + width: 100%; + } +} + +.article-item__image-container { + position: relative; +} + +.article-item__image-container img { + width: 100%; + height: 21rem; + -o-object-fit: cover; + object-fit: cover; +} + +.article-item__text { + margin-top: 0.5rem; + padding: 1.5rem 1.25rem; +} + +.article-item__link { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.article-item__link:hover { + color: var(--primary); +} + +.article-item__tag { + position: absolute; + right: 1.3rem; + bottom: 2.1rem; +} + +.article-item__title { + margin-top: 0.5rem; +} + +.article-item--lg { + width: 100%; + padding: 0; +} + +.article-item--lg .article-item__image-container img { + height: 41.5rem; +} + +.article-item--lg .article-item__text { + margin-top: 0; + padding: 2rem 2.5rem 2.5rem 2.5rem; +} + +.article-item__descr { + margin-top: 1.5rem; +} + +.article-item--no-image { + padding: 0; + background: #fff; + min-height: 22.6rem; +} + +.article-item--no-image .article-item__text { + padding: 1.5rem 2.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.article-item--no-image .article-item__tag { + border-color: #7c7c7c; + color: #000; + position: relative; + right: unset; + bottom: unset; + margin-bottom: 0.5rem; +} + +.article-item--no-image .article-item__descr { + margin-top: 1rem; +} + +.article-item--horizontal { + width: 100%; + padding: 1.2rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.article-item--horizontal .article-item__image-container { + width: 33rem; + min-width: 33rem; +} + +.article-item--horizontal .article-item__text { + margin-top: 0; + padding: 1.5rem 2.5rem; +} + +.article-item--inline { + width: 100%; + padding: 1.2rem; +} + +.article-item--inline .article-item__text { + margin-top: 0; + padding: 1.5rem 2.5rem; +} + +@media (max-width: 767px) { + + .article-item-mob{ + display: block; + } + + .maintitle-mob{ + display: block; + } + + .article-item__image-container img { + height: auto; + } + + .articles-preview { + margin: 0 -2rem; + } + + .article-item { + padding: 1.2rem 2rem 2.7rem 2rem; + border: 0; + border-bottom: 1px solid var(--gray); + } + + .article-item__text { + padding: 1rem 0.7rem 0 0.7rem; + } + + .article-item--lg { + padding: 0; + border-top: 1px solid var(--gray); + } + + .article-item--lg .article-item__image-container img { + height: 26rem; + } + + .article-item--lg .article-item__text { + padding: 2.7rem; + } + + .article-item__descr { + margin-top: 0.5rem; + } + + .article-item--horizontal { + padding: 1.2rem 2rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + .article-item--horizontal .article-item__image-container { + width: 100%; + min-width: 100%; + } + + .article-item--horizontal .article-item__text { + margin-top: 0; + padding: 1.5rem 0.7rem; + } + + .article-item--inline .article-item__text { + margin-top: 0; + padding: 0.3rem 0.7rem; + } +}.article-single { + padding: 2rem 2.5rem 0 2.5rem; +} + +.article-time.article-single__time { + margin-bottom: 1.5rem; +} + +.article-single__tag { + font-size: 1.1rem; + line-height: 1.6rem; + color: #000; + padding: 0.1rem 1.2rem; + border: 1px solid #7c7c7c; + border-radius: 5rem; + display: inline-block; + margin-bottom: 1.5rem; +} + +.article-single__title { + margin-bottom: 1.5rem; +} + +.article-author { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1.4rem; + margin-bottom: 1.5rem; +} + +.article-author__img { + width: 5rem; + height: 5rem; + border-radius: 50%; + overflow: hidden; + position: relative; +} + +.article-author__img img { + position: absolute; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.article-author__name { + font-weight: 700; + font-size: 1.3rem; + line-height: 2rem; + color: #2f2f2f; +} + +.article-single__content p { + font-weight: 500; + font-size: 1.5rem; + line-height: 2rem; + margin-bottom: 2.5rem; +} + +.article-single__content a { + color: var(--secondary); + font-weight: bold; +} + +.article-single-img, +.wp-block-image { + margin: 0 -2.5rem; + position: relative; + margin-bottom: 2rem; + height: 41.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.event-single .article-single-img, +.event-single .wp-block-image { + margin: 0; +} + +.article-single-img>img, +.wp-block-image>img { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + -o-object-fit: cover; + object-fit: cover; +} + +.article-single-img__text, +.wp-element-caption { + position: absolute; + z-index: 1; + left: 2.5rem; + bottom: 2.5rem; + font-size: 1.1rem; + line-height: 1.6rem; + border: 1px solid #fff; + border-radius: 5rem; + background-color: #ffffff; + padding: 4px 8px; +} + +.article-single-img__video { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 2rem; + position: absolute; + left: 3.9rem; + bottom: 2.3rem; + font-size: 1.1rem; + line-height: 1.6rem; + color: #ffffff; +} + +.article-single-gal, +.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0.1rem; + margin: 0 -2.5rem; + margin-bottom: 2rem; +} + +.event-single .article-single-gal, +.event-single .wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex { + margin: 0; +} + +.wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image { + margin: 0; + margin-bottom: 0; + height: 20.8rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.article-single-gal .article-single-img, +.wp-block-gallery .article-single-img { + margin: 0; + height: 20.8rem; +} + +.article-section__title { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 2.5rem; + font-weight: 700; + font-size: 1.8rem; + line-height: 2.2rem; + border-top: 1px solid var(--gray); + border-bottom: 1px solid var(--gray); +} + +.article-social{ + text-transform: uppercase; + font-weight: bold; + margin-bottom: 14px; +} + +@media (max-width: 767px) { + .article-single { + border-top: 1px solid var(--gray); + margin: 0 -2rem; + padding: 1.5rem 2.4rem 0.5rem 2.4rem; + } + + .article-time.article-single__time { + margin-bottom: 1rem; + } + + .article-single__tag { + margin-bottom: 1rem; + } + + .article-single__title { + margin-bottom: 1rem; + } + + .article-author { + margin-bottom: 1rem; + } + + .article-single__content p { + margin-bottom: 1.5rem; + } + + .article-single-img, + .wp-block-image { + margin: 0 -2.4rem; + margin-bottom: 2rem; + height: 26rem; + } + + .article-single-img__text { + bottom: 2rem; + } + + .article-single-img__video { + left: 2.1rem; + bottom: 2.1rem; + } + + .article-single-gal, + .wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex { + grid-template-columns: 1fr; + gap: 0; + margin: 0 -2.4rem; + margin-bottom: 2rem; + } + + .wp-block-gallery.is-layout-flex.wp-block-gallery-is-layout-flex .wp-block-image { + height: 26rem; + } + + .article-single-gal .article-single-img { + height: 26rem; + } + + .article-section__title { + width: calc(100% + 4rem); + margin: 0 -2rem; + } + + .article-item--no-image { + padding: 0; + min-height: unset; + } +}.contacts__map-container { + width: 100%; + max-width: 711px; + aspect-ratio: 711 / 414; +} + +.contacts__map { + width: 100%; + height: 100%; +} + +.contacts__container { + padding: 20px 25px 25px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 15px; +} + +.contacts__text-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: 5px; +} +.contacts__block-email { + color: var(--secondary); +} + +.contacts__form { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + gap: 20px; +} + +.contacts__input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 12px 13px 11px; + border: 1px solid var(--gray); +} + +.contacts__input::-webkit-input-placeholder { + color: var(--placeholder-gray); + font-family: 'Raleway', sans-serif; + font-size: 13px; + font-weight: 500; +} + +.contacts__input::-moz-placeholder { + color: var(--placeholder-gray); + font-family: 'Raleway', sans-serif; + font-size: 13px; + font-weight: 500; +} + +.contacts__input:-ms-input-placeholder { + color: var(--placeholder-gray); + font-family: 'Raleway', sans-serif; + font-size: 13px; + font-weight: 500; +} + +.contacts__input::-ms-input-placeholder { + color: var(--placeholder-gray); + font-family: 'Raleway', sans-serif; + font-size: 13px; + font-weight: 500; +} + +.contacts__input::placeholder { + color: var(--placeholder-gray); + font-family: 'Raleway', sans-serif; + font-size: 13px; + font-weight: 500; +} + +.contacts__input_name { + width: calc(50% - 10px); +} + +.contacts__input_email { + width: calc(50% - 10px); +} + +.contacts__input_theme { + width: 100%; +} + +.contacts__input_message { + height: 160px; + width: 100%; + resize: none; +} +.contacts__submit-button { + padding: 12px 40px !important; +} +.contacts__policy { + color: var(--secondary); +} + +@media (max-width: 1439px) { + .contacts__map-container { + max-width: initial; + } +} + +@media (max-width: 767px) { + .contacts__map-container { + aspect-ratio: 360 / 260; + margin: 0 -2rem; + width: calc(100% + 4rem); + } + + .contacts__container { + padding: 15px 26.5px; + margin: 0 -2rem; + } + + .contacts__form { + gap: 15px; + } + + .contacts__input_name, + .contacts__input_email { + width: 100%; + } + + .contacts__submit-button { + padding: 15px 40px !important; + width: 100%; + } +} +.event-item { + padding: 1.2rem 1.25rem 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: var(--bg); + width: 100%; + padding: 0; + border-bottom: 1px solid var(--gray); + border-left: 1px solid var(--gray); + margin-left: -1px; +} + +@media (max-width: 1024px) { + .event-item { + width: 100%; + } +} + +.event-item__image-container { + position: relative; + height: 30rem; +} + +.event-item__image-container img { + width: 100%; + height: 30rem; + -o-object-fit: cover; + object-fit: cover; +} + +.event-item__heading { + color: var(--white); + position: absolute; + left: 2.5rem; + bottom: 3rem; +} + +.event-item__title { + font-weight: 700; + font-size: 3.2rem; + line-height: 1.17; + margin-bottom: 5px; +} + +.event-item__subtitle { + font-weight: 700; + font-size: 2.4rem; +} + +.event-item__text { + padding: 2rem 2.5rem 2.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 1.5rem; +} + +.event-item__description-block { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 5px; +} + +@media (max-width: 767px) { + .event-item__heading { + left: 2.5rem; + bottom: 3.2rem; + } + + .event-item__image-container, + .event-item__image-container img { + height: 26rem; + } + + .event-item__title { + max-width: 50%; + font-size: 2rem; + } + + .event-item__subtitle { + font-size: 1.8rem; + } + + .event-item__text { + padding: 1.5rem 2.6rem 1.5rem; + gap: 1rem; + } +} +.interview-item__image-container { + position: relative; +} + +.interview-item__image-container > img { + width: 100%; + height: 21rem; + -o-object-fit: cover; + object-fit: cover; +} + +.interview-item-video__button { + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: white; + gap: 1.5rem; + left: 1.5rem; + bottom: 2rem; +} +.partner-item { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 12px; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.partner-item:not(:last-of-type) { + border-bottom: 1px solid var(--gray); +} + +.partner-item:hover { + cursor: pointer; +} + +.partner-item p { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.partner-item:hover p { + color: var(--primary); +} + +.partner-item__text-container { + padding: 15px 25px 15px; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.partner-item__image-container { + -ms-flex-negative: 0; + flex-shrink: 0; + width: 33%; +} + +.partner-item__image-container img { + width: 100%; +} + +@media (max-width: 767px) { + .partner-item { + padding: 12px 20px; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + + .partner-item__image-container { + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + } + + .partner-item__text-container { + padding: 15px 7px 15px; + } + + .partner-item { + border-bottom: 1px solid var(--gray); + } +} +.single-partner-item { + width: 100%; + padding: 20px 25px 25px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + gap: 10px; + border-bottom: 1px solid var(--gray); +} + +.subtitle_code { + color: var(--adv-gray); + font-size: 11px; + font-weight: 400; +} + +.single-partner__text-block { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.single-partner__block-title { + margin-bottom: 10px; +} + +.content-middle ul, +.content-middle ol { + margin-bottom: 10px; + padding-left: 20px; +} + +.content-middle ol li { + list-style: decimal; + display: list-item; +} + +.content-middle li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; +} + +.content-middle ul li::before { + content: ''; + display: block; + position: absolute; + -ms-flex-negative: 0; + flex-shrink: 0; + left: -12px; + top: 8px; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + width: 3px; + height: 3px; + max-height: 3px; + overflow: visible; + border-radius: 50%; + background: var(--black); + margin-right: 10px; +} + +@media (max-width: 767px) { + .single-partner-item { + width: 100%; + padding: 15px 26.5px; + } + + .single-partner__block-title { + margin-bottom: 5px; + } +}.suggestion-item { + width: 50%; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 15px 25px; + background-color: var(--white); +} + +.suggestion-item:nth-of-type(2n + 1) { + border-right: 1px solid var(--gray); +} + +.suggestion-item:nth-of-type(-n + 2) { + border-bottom: 1px solid var(--gray); +} + +@media (max-width: 767px) { + .suggestion-item { + margin: 0 -2rem; + padding: 15px 25px; + width: calc(100% + 4rem); + border: none !important; + } + + .suggestion-item:not(:last-of-type) { + border-bottom: 1px solid var(--gray) !important; + } +} +/*! name: vanilla-calendar-pro | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */ +.vanilla-calendar{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;min-width:272px;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:.75rem;padding:1rem;opacity:1;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s}@supports ((width: -moz-max-content) or (width: max-content)) and ((height: -moz-max-content) or (height: max-content)){.vanilla-calendar{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content}}.vanilla-calendar_multiple{width:550px}@supports ((width: -moz-fit-content) or (width: fit-content)){.vanilla-calendar_multiple{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.vanilla-calendar button:focus-visible{border-radius:.5rem;outline-style:solid;outline-width:1px}.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.vanilla-calendar_hidden{pointer-events:none;opacity:0}.vanilla-calendar_hidden *{pointer-events:none!important}.vanilla-calendar_to-input{position:absolute}.vanilla-calendar_to-input_bottom{margin-top:.25rem}.vanilla-calendar_to-input_top{margin-top:-.25rem}.vanilla-calendar-controls{pointer-events:none;position:absolute;left:0;right:0;top:0;z-index:20;-webkit-box-sizing:content-box;box-sizing:content-box;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;padding-left:1rem;padding-right:1rem;padding-top:1.25rem}.vanilla-calendar-arrow{pointer-events:auto;position:relative;display:block;height:1.5rem;width:1.5rem;cursor:pointer;border-width:0px;background-color:transparent}.vanilla-calendar-arrow:before{position:absolute;left:0;top:0;height:100%;width:100%;--tw-content: "";content:var(--tw-content)}.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vanilla-calendar-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.75rem}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column{pointer-events:none;opacity:.3}.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year{pointer-events:auto;opacity:1}.vanilla-calendar-column{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vanilla-calendar-header{position:relative;margin-bottom:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vanilla-calendar-header__content{display:grid;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:pre-wrap;padding-left:1rem;padding-right:1rem}.vanilla-calendar-month,.vanilla-calendar-year{cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled{pointer-events:none}.vanilla-calendar-months{display:grid;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;grid-template-columns:repeat(4,minmax(0,1fr));-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-years{display:grid;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;grid-template-columns:repeat(5,minmax(0,1fr));-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:1rem;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.vanilla-calendar-months_selecting .vanilla-calendar-months__month,.vanilla-calendar-years_selecting .vanilla-calendar-years__year{cursor:pointer}.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled{cursor:default}.vanilla-calendar-months__month,.vanilla-calendar-years__year{display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;word-break:break-all;border-radius:.5rem;border-width:0px;padding:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{pointer-events:none}.vanilla-calendar-week-numbers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vanilla-calendar-week-numbers__title{margin-bottom:.5rem;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;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-week-numbers__content{display:grid;grid-auto-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-week-number{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-style:none;background-color:transparent;padding:0;font-size:.75rem;line-height:1rem;font-weight:600}.vanilla-calendar-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.vanilla-calendar-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vanilla-calendar-week{margin-bottom:.5rem;display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.vanilla-calendar-week__day{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:1.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.75rem;line-height:1rem;font-weight:700}.vanilla-calendar-days{display:grid;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;grid-template-columns:repeat(7,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;row-gap:.25rem}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn{cursor:pointer;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:75ms;transition-duration:75ms}.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled{cursor:default}.vanilla-calendar-day{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn{border-radius:0}.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn{border-radius:.5rem}.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,.vanilla-calendar-day:hover .vanilla-calendar-day__popup{pointer-events:auto;opacity:1}.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected{border-radius:.5rem}.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected{border-radius:0}.vanilla-calendar-day__btn{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;min-height:1.875rem;width:100%;min-width:1.875rem;cursor:default;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.5rem;border-width:0px;padding:0;font-size:.75rem;line-height:1rem;font-weight:400}.vanilla-calendar-day__btn_today{font-weight:700}.vanilla-calendar-day__btn_disabled{pointer-events:none}.vanilla-calendar-day__popup{-webkit-transform:translate(-50%);transform:translate(-50%);pointer-events:none;position:absolute;left:50%;top:100%;z-index:20;width:8rem;padding:1rem .75rem .5rem;font-size:.75rem;line-height:1rem;font-weight:400;opacity:0}.vanilla-calendar-day__popup:before{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:after{content:var(--tw-content);position:absolute}.vanilla-calendar-day__popup:hover{pointer-events:auto;opacity:1}.vanilla-calendar-day__popup:before{content:"";left:0;bottom:0;z-index:-10;display:block;height:calc(100% - 8px);width:100%;border-radius:.5rem}.vanilla-calendar-day__popup:after{content:"";-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;top:1px;z-index:-10;display:block;height:0px;width:0px;border-left-width:8px;border-right-width:8px;border-top-width:0px;border-bottom-width:8px;border-style:solid;border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.vanilla-calendar-time{margin-top:.75rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-style:solid;padding-top:.75rem}.vanilla-calendar-time__content{display:grid;grid-auto-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vanilla-calendar-time__hours{position:relative;margin-right:.35rem;width:1.75rem}.vanilla-calendar-time__hours:after{position:absolute;right:-5px;top:50%;margin-top:calc(-50% + 1px);display:block;--tw-content: ":";content:var(--tw-content)}.vanilla-calendar-time__minutes{width:1.75rem}.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input{position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border-radius:.25rem;border-width:0px;padding:.125rem;text-align:center;font-size:1.125rem;font-weight:600;line-height:1.125rem}.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__hours input:disabled,.vanilla-calendar-time__minutes input:disabled{cursor:default}.vanilla-calendar-time__hours input:hover:disabled,.vanilla-calendar-time__minutes input:hover:disabled{background-color:transparent}.vanilla-calendar-time__keeping{margin-left:1px;margin-top:.25rem;width:22px;cursor:pointer;border-radius:.25rem;border-width:0px;background-color:transparent;padding:0;font-size:.69rem}.vanilla-calendar-time__keeping:focus-visible{outline-style:solid;outline-width:1px}.vanilla-calendar-time__keeping:disabled{cursor:default}.vanilla-calendar-time__keeping:hover:disabled{background-color:transparent}.vanilla-calendar-time__ranges{display:grid;grid-auto-flow:row}.vanilla-calendar-time__range{position:relative;z-index:10;font-size:0}.vanilla-calendar-time__range:before{content:var(--tw-content);left:0}.vanilla-calendar-time__range:after{content:var(--tw-content);right:0}.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after{content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;position:absolute;top:50%;z-index:10;height:.5rem;width:1px}.vanilla-calendar-time__range input{position:relative;margin:0;height:1.25rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0px}.vanilla-calendar-time__range input::-webkit-slider-thumb{position:relative;z-index:20;margin-top:-.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-thumb{position:relative;z-index:20;box-sizing:border-box;height:1rem;width:.75rem;cursor:pointer;border-radius:.25rem;border-width:1px;border-style:solid;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-webkit-slider-runnable-track{margin-top:1px;-webkit-box-sizing:border-box;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vanilla-calendar-time__range input::-moz-range-track{margin-top:1px;box-sizing:border-box;height:1px;width:100%;cursor:pointer;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-calendar-theme=light].vanilla-calendar{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#0f172a}[data-calendar-theme=light].vanilla-calendar_to-input{--tw-shadow: 0 9px 20px rgba(0,0,0,.1);--tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-calendar-theme=light].vanilla-calendar button:focus-visible{outline-color:#fdba74}[data-calendar-theme=light] .vanilla-calendar-arrow{background-color:transparent}[data-calendar-theme=light] .vanilla-calendar-arrow:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzBmMTcyYScgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==)}[data-calendar-theme=light] .vanilla-calendar-arrow:hover:before{opacity:.6}[data-calendar-theme=light] .vanilla-calendar-header__content,[data-calendar-theme=light] .vanilla-calendar-month,[data-calendar-theme=light] .vanilla-calendar-year{color:#0f172a}[data-calendar-theme=light] .vanilla-calendar-month:hover,[data-calendar-theme=light] .vanilla-calendar-year:hover{color:#64748b}[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_not-active,[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_not-active{color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_disabled,[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_disabled{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-months__month{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-months__month:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-years__year{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-years__year:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled,[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-week-numbers__title,[data-calendar-theme=light] .vanilla-calendar-week-number{color:#64748b}[data-calendar-theme=light] .vanilla-calendar-week-number:hover{color:#475569}[data-calendar-theme=light] .vanilla-calendar-week__day{color:#64748b}[data-calendar-theme=light] .vanilla-calendar-week__day_weekend{color:#f43f5e}[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover{background-color:rgb(244 63 94 / var(--tw-bg-opacity));--tw-bg-opacity: .7;color:#fff}[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover{background-color:rgb(6 182 212 / var(--tw-bg-opacity));--tw-bg-opacity: .7;color:#fff}[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-day__btn{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#0f172a}[data-calendar-theme=light] .vanilla-calendar-day__btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-day__btn_today{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));color:#06b6d4}[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover{color:#06b6d4}[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next{color:#64748b}[data-calendar-theme=light] .vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day__btn_next{color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-day__btn_disabled{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday{color:#f43f5e}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today{color:#f43f5e}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today{color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled{color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-day__btn_selected,[data-calendar-theme=light] .vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity));color:#64748b}[data-calendar-theme=light] .vanilla-calendar-day__popup{color:#0f172a}[data-calendar-theme=light] .vanilla-calendar-day__popup:before{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 3px 15px rgba(85, 85, 85, .2);--tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-calendar-theme=light] .vanilla-calendar-day__popup:after{border-bottom-color:#fff}[data-calendar-theme=light] .vanilla-calendar-time{border-color:#cbd5e1}[data-calendar-theme=light] .vanilla-calendar-time__hours:after{content:var(--tw-content);color:#0f172a}[data-calendar-theme=light] .vanilla-calendar-time__hours input,[data-calendar-theme=light] .vanilla-calendar-time__minutes input{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));color:#0f172a}[data-calendar-theme=light] .vanilla-calendar-time__hours input:hover,[data-calendar-theme=light] .vanilla-calendar-time__minutes input:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__hours input:focus-visible,[data-calendar-theme=light] .vanilla-calendar-time__minutes input:focus-visible{outline-color:#fdba74}[data-calendar-theme=light] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,[data-calendar-theme=light] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__keeping{color:#64748b}[data-calendar-theme=light] .vanilla-calendar-time__keeping:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__keeping:focus-visible{outline-color:#fdba74}[data-calendar-theme=light] .vanilla-calendar-time__range input{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__range:before,[data-calendar-theme=light] .vanilla-calendar-time__range:after{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb{border-color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-moz-range-thumb{border-color:#94a3b8}[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb{border-color:#fdba74}[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb{border-color:#fdba74}[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-thumb{border-color:#cbd5e1;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-thumb{border-color:#cbd5e1;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-runnable-track{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-track{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}[data-calendar-theme=dark].vanilla-calendar{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark].vanilla-calendar_to-input{--tw-shadow: 0 9px 20px rgba(0,0,0,.1);--tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-calendar-theme=dark].vanilla-calendar button:focus-visible{outline-color:#fdba74}[data-calendar-theme=dark] .vanilla-calendar-arrow{background-color:transparent}[data-calendar-theme=dark] .vanilla-calendar-arrow:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==)}[data-calendar-theme=dark] .vanilla-calendar-arrow:hover:before{opacity:.6}[data-calendar-theme=dark] .vanilla-calendar-header__content,[data-calendar-theme=dark] .vanilla-calendar-month,[data-calendar-theme=dark] .vanilla-calendar-year{color:#fff}[data-calendar-theme=dark] .vanilla-calendar-month:hover,[data-calendar-theme=dark] .vanilla-calendar-year:hover,[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_not-active,[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_not-active{color:#64748b}[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_disabled,[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_disabled{color:#334155;opacity:.8}[data-calendar-theme=dark] .vanilla-calendar-months__month,[data-calendar-theme=dark] .vanilla-calendar-years__year{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark] .vanilla-calendar-months__month:hover,[data-calendar-theme=dark] .vanilla-calendar-years__year:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled{color:#334155;opacity:.8}[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover{color:#334155}[data-calendar-theme=dark] .vanilla-calendar-week-numbers__title,[data-calendar-theme=dark] .vanilla-calendar-week-number{color:#fff}[data-calendar-theme=dark] .vanilla-calendar-week-number:hover{color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-week__day{color:#fff}[data-calendar-theme=dark] .vanilla-calendar-week__day_weekend{color:#f43f5e}[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover{background-color:rgb(244 63 94 / var(--tw-bg-opacity));--tw-bg-opacity: .8;color:#fff}[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover{background-color:rgb(6 182 212 / var(--tw-bg-opacity));--tw-bg-opacity: .8;color:#fff}[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-day__btn{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));color:#94a3b8}[data-calendar-theme=dark] .vanilla-calendar-day__btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#e2e8f0}[data-calendar-theme=dark] .vanilla-calendar-day__btn_today{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#06b6d4}[data-calendar-theme=dark] .vanilla-calendar-day__btn_today:hover{color:#06b6d4}[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,[data-calendar-theme=dark] .vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day__btn_next{color:#475569}[data-calendar-theme=dark] .vanilla-calendar-day__btn_disabled{color:#334155;opacity:.8}[data-calendar-theme=dark] .vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday{color:#f43f5e}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#f43f5e}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled{color:#334155;opacity:.8}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today{color:#f43f5e}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled{color:#334155}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));color:#475569}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today{color:#94a3b8}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled{color:#334155;opacity:.8}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity));color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected,[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected:hover{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity));color:#cbd5e1}[data-calendar-theme=dark] .vanilla-calendar-day__popup{color:#fff}[data-calendar-theme=dark] .vanilla-calendar-day__popup:before{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));--tw-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}[data-calendar-theme=dark] .vanilla-calendar-day__popup:after{border-bottom-color:#334155}[data-calendar-theme=dark] .vanilla-calendar-time{border-color:#1e293b}[data-calendar-theme=dark] .vanilla-calendar-time__hours:after{content:var(--tw-content);color:#fff}[data-calendar-theme=dark] .vanilla-calendar-time__hours input,[data-calendar-theme=dark] .vanilla-calendar-time__minutes input{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity));color:#fff}[data-calendar-theme=dark] .vanilla-calendar-time__hours input:hover,[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__hours input:focus-visible,[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:focus-visible{outline-color:#fdba74}[data-calendar-theme=dark] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,[data-calendar-theme=dark] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__keeping{color:#64748b}[data-calendar-theme=dark] .vanilla-calendar-time__keeping:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity));color:#94a3b8}[data-calendar-theme=dark] .vanilla-calendar-time__keeping:focus-visible{outline-color:#fdba74}[data-calendar-theme=dark] .vanilla-calendar-time__range input{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__range:before,[data-calendar-theme=dark] .vanilla-calendar-time__range:after{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb{border-color:#94a3b8}[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-moz-range-thumb{border-color:#94a3b8}[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb{border-color:#fdba74}[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb{border-color:#fdba74}[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-thumb{border-color:#475569;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-thumb{border-color:#475569;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-runnable-track{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-track{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))} +:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ss-spacing-m);-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;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;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{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;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;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;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)} + +/*# sourceMappingURL=slimselect.css.map */.about { + padding: 2rem 2.5rem 2.5rem 2.5rem; +} + +.about-text { + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + margin-bottom: 2rem; +} + +.about-title { + font-weight: 700; + font-size: 1.8rem; + line-height: 2.2rem; + margin-top: 4.5rem; + margin-bottom: 2rem; +} + +.about-items { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + -webkit-column-gap: 1.6rem; + -moz-column-gap: 1.6rem; + column-gap: 1.6rem; + row-gap: 2.5rem; +} + +.about-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1.6rem; +} + +.about-item__img { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 8rem; + height: 8rem; + border-radius: 50%; + overflow: hidden; + position: relative; +} + +.about-item__img img { + position: absolute; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.about-item__name { + font-weight: 700; + font-size: 1.3rem; + line-height: 1.6rem; + margin-bottom: 0.5rem; + max-width: 19rem; +} + +.about-item__position { + font-weight: 500; + font-size: 13px; + line-height: 2rem; + color: #2f2f2f; +} + +@media (max-width: 767px) { + .about { + padding: 1.5rem 0.5rem; + } + + .about-title { + font-size: 1.6rem; + line-height: 2rem; + margin-top: 1rem; + } + + .about-items { + row-gap: 1rem; + } + + .about-item__img { + min-width: 8rem; + } + + .about-section-title { + border-top: 1px solid var(--gray); + } +} +.banner--header { + height: 12rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + overflow: hidden; +} + +.banner--header img { + min-height: 100%; + max-height: 100%; +} + +.banner--header a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +@media (max-width: 767px) { + .banner--header { + height: 8rem; + position: relative; + } + + .banner--header img { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-height: 100%; + } +}.breadcrumbs { + background: #fff; + border-bottom: 1px solid var(--gray); + margin-bottom: -4px; + position: relative; +} + +.breadcrumbs__list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.8rem; + padding: 0.8rem 5rem; +} + +.breadcrumbs__item { + line-height: 1.2rem; + color: #7c7c7c; + -webkit-transition: 0.3s; + transition: 0.3s; + font-size: 1rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.8rem; +} + +a.breadcrumbs__item:hover { + color: var(--primary); +} + +a.breadcrumbs__item::after { + content: ''; + width: 1.4rem; + height: 1.4rem; + background: url('../icons/breadcrumbs_arrow.svg'); + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +@media (max-width: 767px) { + .breadcrumbs__list { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0.8rem 0.5rem; + } +} +.button { + padding: 1.5rem; + background: var(--primary); + font-weight: 700; + font-size: 1.6rem; + line-height: 1.8rem; + color: #fff; + -webkit-transition: 0.3s; + transition: 0.3s; + border-radius: 0.5rem; +} + +.button:hover { + background: var(--secondary); +} +.vanilla-calendar { + min-width: 100%; + padding: 0; +} + +.vanilla-calendar-days { + row-gap: 0; +} + +.vanilla-calendar-day { + height: 4.2rem; +} + +[data-calendar-theme=light] .vanilla-calendar-day__btn_today { + background: none; +} + +[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover { + color: inherit; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn { + color: #9a9a9a; + font-family: 'Raleway', sans-serif; + border-radius: 0; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover, +[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected, +[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, +[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, +[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, +[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover { + background: transparent; +} + +[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected { + color: #eb5757; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn:hover { + background: transparent; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn_weekend, +[data-calendar-theme='light'] .vanilla-calendar-day__btn_holiday { + color: #eb5757; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected { + color: #000; + background: transparent; + position: relative; +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected::before { + content: ''; + width: 0.8rem; + height: 0.8rem; + top: 0.9rem; + right: 0.3rem; + position: absolute; + border-radius: 50%; + background: var(--primary); +} + +[data-calendar-theme='light'] .vanilla-calendar-day__btn_selected:hover, +[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover { + color: #000; + background: #f1f1f1; +} + +.vanilla-calendar-month, +.vanilla-calendar-year { + font-weight: 500; + font-size: 1.6rem; +} + +.vanilla-calendar-day__btn { + font-size: 1.6rem; + font-weight: 500; +} + +.vanilla-calendar-week { + margin-bottom: 0.7rem; +} + +[data-calendar-theme='light'] .vanilla-calendar-week__day { + color: #4f4f4f; +} + +[data-calendar-theme='light'] .vanilla-calendar-week__day_weekend { + color: #eb5757; +} + +.vanilla-calendar-week__day { + font-weight: 700; + font-size: 1rem; + line-height: 1.4rem; +} + +.vanilla-calendar-header { + margin-bottom: 1.9rem; +} + +.vanilla-calendar-day__btn:not(.vanilla-calendar-day__btn_selected) { + pointer-events: none; +}.checkbox { + cursor: pointer; +} + +.checkbox__input { + display: none; +} + +.checkbox__input:checked~.checkbox__inner .checkbox__check img { + display: block; +} + +.checkbox__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1rem; + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; +} + +.checkbox__check { + width: 1.8rem; + height: 1.8rem; + border-radius: 0.3rem; + border: 1px solid #CFCFCF; + background: #fff; + 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; +} + +.checkbox__check img { + display: none; +}.error-page { + min-height: 57.9rem; + background: url('../images/error_bg.jpg') top no-repeat; + background-size: cover; +} + +.error-page-500 { + background: url('../images/bg_500.jpg') top no-repeat; + background-size: cover; + color: #fff; +} + +.error-page__inner { + padding: 14.8rem 23.2rem; +} + +.error-page__title { + font-weight: 700; + font-size: 2rem; + line-height: 2.4rem; + margin-bottom: 2.5rem; +} + +.error-page__subtitle { + font-weight: 700; + font-size: 1.6rem; + line-height: 2rem; + margin-bottom: 2.5rem; + max-width: 31rem; +} + +.error-page__btn { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 26.1rem; +} + +@media (max-width: 767px) { + .error-page { + min-height: unset; + background-position: top 0% right 27%; + } + + .error-page__inner { + padding: 23.8rem 0.8rem 11.2rem 0.8rem; + } + + .error-page__subtitle { + max-width: unset; + } + + .error-page__btn { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +}h1, +.h1 { + font-weight: 700; + font-size: 2rem; + line-height: 2.4rem; +} + +h2, +.h2 { + font-size: 3.6rem; + line-height: 4.6rem; +} + +h3, +.h3 { + font-size: 3.2rem; + line-height: 4.1rem; +} + +.subtitle-20 { + font-weight: 700; + font-size: 2rem; + line-height: 2.3rem; +} + +.subtitle-18 { + font-weight: 700; + font-size: 1.8rem; + line-height: 2.1rem; +} + +.subtitle-16 { + font-weight: 700; + font-size: 1.8rem; + line-height: 2rem; +} + +.subtitle-13 { + font-weight: 700; + font-size: 1.3rem; + line-height: 1.6rem; +} + +.text-13 { + font-weight: 500; + font-size: 1.5rem; + line-height: 1.9rem; +} + +.text-11 { + font-weight: 400; + font-size: 1.1rem; + line-height: 1.6rem; +} +.hero__inner { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +.hero-banner { + grid-column: span 3; + min-height: 40rem; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0 3.6rem 3rem 11.7rem; +} + +.hero-banner__bg { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + z-index: -1; +} + +.hero-banner__bg::before { + content: ''; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%); + z-index: 1; +} + +.hero-banner__bg img { + position: absolute; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.hero-banner__main { + font-size: 2.6rem; + font-weight: 700; + line-height: 3.2rem; + text-transform: uppercase; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + color: var(--primary); + position: absolute; + left: -1.5rem; + bottom: 7.5rem; +} + +.hero-banner__content { + max-width: 57rem; +} + +.hero-banner__title { + color: var(--white); + max-width: 34rem; + margin-bottom: 1.5rem; +} + +.hero-banner__text { + color: var(--white); +} + +@media (max-width: 767px) { + .most-read.hero__most-read { + display: none; + } + + .hero__container { + padding: 0; + display: none; + } + + .hero__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + + .hero-banner { + width: 100%; + padding: 0 2rem 4rem 6.5rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + gap: 1rem; + } + + .hero-banner::before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: linear-gradient(19.49deg, #000000 2.74%, rgba(0, 0, 0, 0) 52.71%), + linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); + } + + .hero-banner__main { + left: -3.3rem; + bottom: 12.5rem; + } + + .hero-banner__content, + .hero-banner__tag { + position: relative; + z-index: 1; + } +}.input { + border: 1px solid #cfcfcf; + background: #fff; + padding: 1.2rem 1.3rem; + font-size: 1.3rem; + line-height: 2rem; + display: block; +} + +.input::-webkit-input-placeholder { + color: #3a3a3a; +} + +.input::-moz-placeholder { + color: #3a3a3a; +} + +.input:-ms-input-placeholder { + color: #3a3a3a; +} + +.input::-ms-input-placeholder { + color: #3a3a3a; +} + +.input::placeholder { + color: #3a3a3a; +} +.menu-vertical { + padding: 2.5rem 5.6rem; +} + +.menu-vertical__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 1.5rem; +} + +.menu-vertical__item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1.5rem; + font-weight: 600; + font-size: 1.3rem; + line-height: 1.5rem; + color: var(--secondary); + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.menu-vertical__item-icon img { + max-width: 2rem; +} + +.menu-vertical__item.is-active { + color: #000; +} + +.menu-vertical__item:hover { + color: var(--primary); +} + +.menu-vertical__head { + display: none; +} + +@media (max-width: 767px) { + .menu-vertical { + padding: 0; + position: relative; + } + + .menu-vertical__head { + padding: 1.7rem 0.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + font-weight: 600; + font-size: 1.3rem; + line-height: 1.6rem; + color: var(--secondary); + } + + .menu-vertical__head.is-active svg { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } + + .menu-vertical__head svg { + -webkit-transition: 0.3s; + transition: 0.3s; + } + + .menu-vertical__inner { + position: absolute; + left: -2rem; + top: 100%; + width: calc(100% + 4rem); + z-index: 1; + background: var(--bg); + padding: 2rem 2.5rem 3rem 2.5rem; + border-top: 1px solid var(--gray); + -webkit-box-shadow: 0px 4px 4px 0px #00000026; + box-shadow: 0px 4px 4px 0px #00000026; + display: none; + } + + .menu-vertical__inner.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} +.menu__inner { + padding: 0.2rem; + display: grid; + grid-template-columns: repeat(6, 1fr); + -webkit-column-gap: 0.5rem; + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; + row-gap: 0.2rem; +} + +.menu-link { + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 3.6rem; + -webkit-box-shadow: 2px 2px 5px 0px #00000040; + box-shadow: 2px 2px 5px 0px #00000040; + border: 1px solid; + border-image-source: linear-gradient(0deg, #c2c2c2 0%, #ffffff 100%); + background: #f7f8f3; + min-height: 9.4rem; +} + +@media (max-width: 1023px) { + .menu-link { + padding: 0 2.1rem; + } +} + +.menu-link:hover .menu-link__bg { + opacity: 1; +} + +.menu-link__bg { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.menu-link__bg img { + position: absolute; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.menu-link__icon { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 0.8rem; + position: relative; + z-index: 1; +} + +.menu-link__text { + font-weight: 600; + font-size: 1.2rem; + line-height: 1.4rem; + position: relative; + z-index: 1; +} + +@media (max-width: 767px) { + .menu { + display: none; + padding: 1.5rem 0; + overflow: auto; + background: #edefe4; + } + + .menu::-webkit-scrollbar { + display: none; + } + + .menu__inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-column-gap: 0.9rem; + -moz-column-gap: 0.9rem; + column-gap: 0.9rem; + } + + .menu-link { + min-width: 25rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + gap: 1.5rem; + min-height: 5.4rem; + padding: 1.6rem 2.3rem; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } + + .menu__inner::after { + content: ''; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 2rem; + min-width: 2rem; + height: 2rem; + } + + .menu-link__bg { + display: none; + } + + .menu-link__icon { + width: 2rem; + margin: 0; + } + + .menu-link__icon img { + max-width: 100%; + } + + .menu-link__text { + font-size: 1.3rem; + line-height: 1.5rem; + color: var(--secondary); + } +}.modal-overlay { + z-index: 999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow-y: scroll; + background-color: rgba(0, 0, 0, .7); +} + +.modal-thank { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 57.2rem; + background: #fff; +} + +.modal-thank__close { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + right: 1.6rem; + top: 1.6rem; + cursor: pointer; +} + +.modal-thank__title { + padding: 2.4rem; + font-weight: 700; + font-size: 2rem; + line-height: 2.4rem; + text-align: center; + border-bottom: 1px solid var(--gray); +} + +.modal-thank__text { + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + color: #2F2F2F; + padding: 2.1rem; + text-align: center; + border-bottom: 1px solid var(--gray); +} + +.modal-thank__footer { + padding: 2.4rem; + font-size: 1.3rem; + line-height: 2rem; + -webkit-transition: 0.3s; + transition: 0.3s; + cursor: pointer; + text-align: center; +} + +.modal-thank__footer:hover { + color: var(--primary); +} + +@media (max-width: 767px) { + .modal-thank { + width: 32rem; + } + + .modal-thank__close { + right: 0.8rem; + top: 0.8rem; + } +}.most-read { + padding: 1.7rem 1.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + background: #fff; +} + +.most-read__inner { + border: 1px solid var(--primary); + padding: 4.5rem 2.4rem; + width: calc(100% - 4.6rem); +} + +.most-read__title { + color: var(--secondary); + margin-bottom: 2rem; +} + +.most-read__link { + padding-bottom: 2rem; + margin-bottom: 2rem; + border-bottom: 1px solid var(--gray); +} + +.most-read__link:last-child { + padding-bottom: 0; + margin-bottom: 0; + border: 0; +} + +.most-read__link-inner { + -webkit-transition: 0.3s; + transition: 0.3s; + font-size: 1.5rem; +} + +.most-read__link-inner:hover { + color: var(--primary); +} + +@media (max-width: 767px) { + .most-read { + margin: 0 -2rem; + padding: 1.3rem; + } + + .most-read__inner { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 2.3rem; + /* width: calc(100% - 4.6rem); */ + } +}.nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4rem; + font-weight: 700; + font-size: 1.4rem; + line-height: 1.6rem; + margin: 0 12px; +} + +@media (max-width: 768px) { + .nav { + display: grid; + grid-template-columns: 1fr 1fr; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + gap: 2rem; + max-width: 234px; + margin: 2.9rem auto 3.6rem; + } + .nav .menu-item:nth-child(2n - 2) { + justify-self: right; + } +} + +.menu-item a { + color: #000; + white-space: nowrap; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.menu-item a:hover { + color: var(--primary); +} +.pagination { + padding: 1.7rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + border-top: 1px solid var(--gray); + gap: 1.5rem; +} + +.pagination__list { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1.5rem; +} + +.pagination__item { + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + color: #000; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +a.pagination__item:hover { + color: var(--primary); +} + +.pagination__item.is-active { + font-weight: 700; +} + +.pagination__btn { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.2rem; + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + color: #000; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.pagination__btn:hover { + color: var(--primary); +} + +@media (max-width: 767px) { + .pagination { + border-top: 0; + border-bottom: 1px solid var(--gray); + margin: 0 -2rem; + } +} +.search-form { + padding: 2rem 2.5rem 2.5rem 2.5rem; + border-bottom: 1px solid var(--gray); +} + +.search-form__wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 1rem; + margin-bottom: 1.5rem; +} + +.search-form__input-wrapper { + position: relative; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.search-form__input { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.search-form__clear { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + right: 1.3rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + cursor: pointer; +} + +.search-form__clear svg rect { + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.search-form__clear:hover svg rect { + fill: var(--primary); +} + +.search-form__button { + width: 13rem; +} + +.search-form__text { + font-size: 1.1rem; + line-height: 1.6rem; + color: #2F2F2F; + margin-bottom: 1.5rem; +} + +.search-form__selects { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.4rem; +} + +@media (max-width: 767px) { + .search-form__selects { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + } + + .ss-content { + z-index: 99999; + } + + .search-form { + padding: 1.5rem 2.5rem; + margin: 0 -2rem; + } + + .search-form__input-wrapper { + position: relative; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } + + .search-form__button { + width: 100%; + margin-top: 1.5rem; + } + + .search-preview { + margin-bottom: 2.7rem; + } +}.section-title { + padding: 2.5rem; + border-bottom: 1px solid var(--gray); +} + +@media (max-width: 767px) { + .section-title { + margin: 0 -2rem; + } +}.ss-main { + color: #2F2F2F; + min-height: 2.4rem; + padding: 0.3rem 1.1rem; + width: auto; + white-space: nowrap; + border-color: transparent; + background-color: transparent; + margin-left: -1.1rem; + border-radius: 0; + z-index: 99999; + outline: none; +} + +.ss-main:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + +.ss-main .ss-values .ss-single { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0; + margin-right: 1rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.8rem; +} + +.ss-main .ss-arrow { + min-width: 12px; +} + +.ss-main.ss-open-below { + border-color: var(--gray); + border-bottom-color: transparent; + background: var(--bg); +} + +.ss-content .ss-list { + min-width: 13.7rem; + border-radius: 0; +} + +.ss-content { + min-width: 13.7rem; + padding-bottom: 0.9rem; + background: var(--bg); +} + +.ss-content .ss-list .ss-option { + gap: 0.8rem; + padding: 0 0.9rem; + color: #2F2F2F; + margin-top: 0.5rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.ss-content .ss-list .ss-option:hover { + color: var(--primary); + background-color: transparent; +} + +.ss-content.ss-open-below { + border-radius: 0; +}.tag { + font-size: 1.1rem; + border: 1px solid white; + border-radius: 5rem; + color: white; + padding: 0.1rem 1.2rem; +} + +.article-time { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.8rem; + margin-bottom: 0.5rem; +} + +.span-2 { + grid-column: span 2; +} + +.link::after { + content: ''; + width: 1.5rem; + height: 0.9rem; + margin-left: 0.8rem; + display: inline-block; + background-repeat: no-repeat; + background-image: url('../icons/arrow.svg'); +} + +.doc { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 1rem; + padding-bottom: 20px; + margin-top: 2rem; + border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1); +} + +.doc::before { + content: ''; + height: 3rem; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 3.6rem; + background-repeat: no-repeat; + background-image: url('../icons/doc.svg'); +} + +.doc:last-child { + border-bottom: none; +} + +.mobile { + display: none !important; +} + +@media (max-width: 1024px) { + .desktop { + display: none !important; + } + + .mobile { + display: inherit !important; + } +} + +@media (max-width: 1300px) { + .footer__socials { + margin: 2rem 0; + } +} + +.suggestion-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.border-top { + border-top: 1px solid var(--gray); +} +.socials { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 4rem; +} + +.social-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.social-link:hover { + opacity: 0.7; +} +.subscribe-form { + padding: 2.5rem 5.1rem 2.7rem 3.8rem; + background: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.subscribe-form__title { + margin-bottom: 2rem; +} + +.subscribe-form__text { + margin-bottom: 2rem; +} + +.subscribe-form__input { + margin-bottom: 2rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; +} + +.subscribe-form__btn { + width: 100%; +}.subscription-form { + padding: 2rem 2.5rem 2.5rem 2.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + position: relative; +} + +.subscription-form__bg { + position: absolute; + right: 0; + top: 0; + z-index: -1; +} + +.subscription-form__bg img:last-child { + display: none; +} + +.subscription-form__title { + font-weight: 500; + font-size: 1.3rem; + line-height: 2rem; + margin-bottom: 2.5rem; + color: #2f2f2f; +} + +.subscription-form__subtitle { + font-weight: 700; + font-size: 1.3rem; + line-height: 1.6rem; + margin-bottom: 2rem; +} + +.subscription-form__options { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 1rem; + margin-bottom: 2.5rem; +} + +.subscription-form__input { + width: 27.4rem; + margin-bottom: 2rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.subscription-form__btn { + width: 27.4rem; + margin-bottom: 2.5rem; +} + +.subscription-form__policy { + font-size: 1.1rem; + line-height: 1.6rem; + color: #2f2f2f; +} + +.subscription-form__policy a { + color: var(--secondary); +} + +.grid { + border-top: 1px solid var(--gray); + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.grid__item { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.grid__item:first-child { + border-right: 1px solid var(--gray); +} + +@media (max-width: 767px) { + .subscription-section-title { + border-top: 1px solid var(--gray); + } + + .subscription-form { + padding: 1.5rem 0.8rem 1.5rem 0.8rem; + } + + .subscription-form__input { + width: 100%; + } + + .subscription-form__btn { + width: 100%; + } + + .subscription-form__bg { + right: -2rem; + } + + .subscription-form__bg img:first-child { + display: none; + } + + .subscription-form__bg img:last-child { + display: block; + } + + .articles-preview__show-next.subsctiption-back { + display: block; + margin-bottom: 0; + } + + .grid { + display: none; + } +} +.tag { + font-size: 1.1rem; + line-height: 1.6rem; + padding: 0.1rem 1.2rem; + border: 1px solid var(--white); + background-color: #fff; + color: black; + border-radius: 5rem; + opacity: 8; +} +.to-top { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.4rem; + font-size: 1.2rem; + line-height: 1.4rem; + color: #3f3f3f; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.to-top:hover { + color: var(--primary); +} + +@media (max-width: 1024px) { + .to-top { + display: none; + } +} +.upcoming-event { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + padding-bottom: 2rem; + margin-top: 2rem; +} + +.upcoming-event .link { + font-weight: 500; +} + +.upcoming-event:last-child { + padding-bottom: 0; + border-bottom: none; +} +.content { + display: grid; + margin-top: 0.3rem; + grid-template-columns: 36.4rem 1fr 36.3rem; + grid-template-areas: 'left middle right'; +} + +.content-left { + grid-area: left; +} + +.content-middle { + grid-area: middle; +} + +.content-right { + grid-area: right; +} + +.content-right__link-item { + font-weight: 500; +} + +@media (max-width: 1439px) { + .content { + grid-template-columns: 36.4rem 1fr; + grid-template-areas: + 'left middle' + 'right right'; + } + + .content.content__search { + grid-template-areas: + 'middle middle' + 'right right'; + } +} + +@media (max-width: 767px) { + .content { + grid-template-columns: 1fr; + grid-template-areas: + 'middle' + 'left' + 'right'; + } + + .content-right { + margin: 0 -2rem; + padding-bottom: 3rem; + } +} + +.content-sidebar { + background: white; +} + +.content-sidebar-top { + padding: 2.5rem 3.3rem; +} + +.content-sidebar-top.no-top { + padding-top: 0; +} + +.content-sidebar__title { + text-align: center; + margin-bottom: 1.6rem; +} + +.upcoming-events { + max-width: 28.8rem; +} + +.upcoming-events__title { + margin-top: 1.6rem; +} + +.articles-preview { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.articles-wrapper { + border-left: 0.1rem solid var(--gray); + border-right: 0.1rem solid var(--gray); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.articles-preview__show-next { + padding: 1.8rem 0 1.7rem; + grid-column: span 2; + width: 100%; + text-align: center; + border-top: 0.1rem solid var(--gray); + margin-top: -1px; + font-family: 'Raleway', sans-serif; + + -webkit-transition: 0.3s; + + transition: 0.3s; + font-size: 1.3rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.articles-preview__show-next:hover { + color: var(--primary); +} + +.articles__spacer-container { + position: relative; + border-top: 1px solid var(--gray); + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.articles__spacer { + height: 100%; + width: 50%; +} + +.articles__spacer:first-of-type { + border-right: 1px solid var(--gray); +} + +.item-video__name { + padding: 2.5rem 3.8rem; + display: block; + -webkit-transition: 0.3s; + transition: 0.3s; +} + +.item-video__name:hover { + color: var(--primary); +} + +.item-video__video-wrapper { + position: relative; + height: 20.8rem; +} + +.item-video__video-wrapper>img { + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.item-video__video-wrapper>img { + max-width: 100%; + max-height: 100%; + -o-object-fit: cover; + object-fit: cover; +} + +.item-video__button { + position: absolute; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: white; + gap: 1.5rem; + left: 3.9rem; + bottom: 1.8rem; +} + +.banner-left { + margin: 2.5rem auto 0; + height: 40rem; + width: 24rem; +} + +.banner-left a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; +} + +.banner-middle { + height: 12rem; + max-height: 12rem; + width: 100%; + overflow: hidden; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.banner-middle img { + width: 100%; +} + +.content-right { + border-top: 0.1rem solid var(--gray); +} + +.law { + padding: 2.5rem 3.8rem; + border-top: 0.1rem solid var(--gray); + background: #fff; +} + +.content-right__most-read { + border-bottom: 1px solid var(--gray); +} + +@media (max-width: 768px) { + .banner-middle { + height: 8rem; + } + + .articles__spacer-container { + display: none; + } + + .banner-left { + width: 24rem; + margin: 2.5rem auto 0; + } + + .subscribe-form__input { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +} + +@media (max-width: 767px) { + .banner-middle { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + overflow: hidden; + position: relative; + } + + .banner-middle img { + width: auto; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + max-height: 100%; + } + + .content-right__most-read { + display: none; + } + + .articles-wrapper { + border: 0; + } + + .content-videos { + margin: 0 -2rem; + } + + .item-video__video-wrapper { + height: auto; + } + + .item-video__video-wrapper>img { + position: relative; + } + + .articles-preview__show-next { + border-bottom: 1px solid var(--gray); + /* margin-bottom: 2.7rem; */ + width: calc(100% + 4rem); + margin-left: -2rem; + } + + .content-sidebar { + margin: 0 -2rem; + } +} + +.event-calendar-mobile { + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background-color: var(--white); + border-bottom: 1px solid var(--gray); +} + +@media (max-width: 767px) { + .event-calendar-mobile { + margin: 0 -2rem; + width: calc(100% + 4rem); + } +} + +.event-calendar__header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 15px 24px 13px; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.event-calendar__wrapper { + display: none; +} + +.event-calendar__wrapper.is-active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +.event-calendar__header.is-active svg { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +@media (max-width: 767px) { + .event-single { + margin: 0 -2rem; + } +} + +.w-full { + width: 100%; +} + +.article-single__content * { + font: revert; +} + +.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), +.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) { + width: 100%; +} + +@media (max-width: 767px) { + .no-mobile-border { + border: none; + } +} \ No newline at end of file diff --git a/frontend/src/styles/components/article-item.css b/frontend/src/styles/components/article-item.css index 008f451..dcaaddf 100644 --- a/frontend/src/styles/components/article-item.css +++ b/frontend/src/styles/components/article-item.css @@ -8,7 +8,7 @@ margin-left: -1px; } -.main-title-mob{ +.maintitle-mob{ display: none; font-weight: bold; color: #006842; @@ -135,7 +135,7 @@ display: block; } - .main-title-mob{ + .maintitle-mob{ display: block; } diff --git a/partials/pinned-post-mob.php b/partials/pinned-post-mob.php index 9c9d63e..f4a44c9 100644 --- a/partials/pinned-post-mob.php +++ b/partials/pinned-post-mob.php @@ -8,11 +8,15 @@ $last_sticky_post_id = end($sticky_posts); // Получаем объект поста по его идентификатору $pinned_post = get_post($last_sticky_post_id); -if ($pinned_post):?> +if ($pinned_post): + $mainpost_id = $pinned_post->ID; +?> -
Главное
+
Главное
+ + ID ); ?>
@@ -21,6 +25,7 @@ if ($pinned_post):?> ID); ?>

ID); ?>

-
+ +
\ No newline at end of file