@font-face {
    font-family: "Formular";
    src: url("../fonts/Formular-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Formular";
    src: url("../fonts/Formular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Formular";
    src: url("../fonts/Formular-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Formular";
    src: url("../fonts/Formular-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

:root {
    --theme-color: #0A3FB4;
    --bg-color: #E8E8E8;
    --block-bg: #fff;
    --time-color: #464545;
    --menu-dropdown-bg: #fff;
    --menu-dropdown-hover: var(--theme-color);
    --black: #000;
    --white: #fff;
    --signal-black: #2B2B2B;
    --graphite--black: #1A1A1A;
    --smoky-white: #F2F2F2;
    --article-blur-visible: block;
    --main-article-bg-visible: none;
    --main-article-filter: brightness(0.4);
    --darkmode-color-invert: unset;
    --box-shadow: 0 10px 20px rgb(0 0 0 / 13%), 0 6px 6px rgb(0 0 0 / 6%)
}

html {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    font-size: 16px;
    height: 100%
}

*,
::after,
::before {
    box-sizing: inherit
}

[hidden] {
    display: none !important
}

img {
    max-width: 100%;
    height: auto
}

.container {
    max-width: 1230px;
    padding: 0 30px;
    margin: auto
}

.h {
    margin: 0
}

.h--1 {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700
}

.h--3 {
    font-size: 18px;
    line-height: 19px;
    font-weight: 700;
    color: inherit
}

.title {
    margin-bottom: 70px
}

.tac {
    text-align: center
}

.p,
p {
    margin: 0
}

.pr {
    position: relative
}

a {
    color: inherit;
    text-decoration: none
}

.link {
    text-decoration: none;
    color: currentColor
}

.link[href]:hover,
.link[href]:focus {
    opacity: .7
}

.unslyled-list {
    list-style: none;
    padding: 0;
    margin: 0
}

body {
    background-color: var(--bg-color);
    font-size: 16px;
    font-weight: 400;
    color: var(--black);
    line-height: normal;
    font-family: "Formular", Arial, Helvetica, sans-serif;
    height: 100%;
    display: flex;
    flex-direction: column
}

.resize-animation-stopper * {
    animation: none !important;
    transition: none !important
}

body.modal-active {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: hidden
}

.sr-only:not(:focus):not(:active),
.screen-reader-text {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.skip-link {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #000;
    display: block;
    padding: 15px;
    color: #fff;
    font-weight: 600;
    transform: translate(-50%);
    z-index: 9;
    box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, .6196078431)
}

.header {
    background-color: #000;
    position: relative
}

.header__top {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__logo {
    color: #fff
}

.header__nav {
    max-width: 600px;
    color: inherit;
    opacity: 0;
    margin: 0 auto;
    visibility: hidden
}

.header__actions {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    gap: 30px;
    font-size: 14px;
    margin-left: auto
}

.header__contact-btn {
    border-radius: 53px;
    display: block;
    background-color: #fff;
    color: #000;
    min-width: 190px;
    text-align: center;
    padding: 12px
}

.header__contact-btn svg {
    display: none
}

.content-page .header {
    margin-bottom: 37px
}

.content-page .header__top {
    position: static;
    background-color: var(--block-bg);
    color: var(--black)
}

.content-page .header__contact-btn {
    background-color: var(--black);
    color: var(--white)
}

.content-page .menu-button__icon {
    fill: var(--black)
}

.content-page .logo {
    color: inherit
}

.search-btn__icon {
    display: block
}

.logo {
    display: flex;
    flex-shrink: 0;
    align-items: center
}

.logo__title {
    color: inherit;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    max-width: 125px
}

.logo__img {
    display: block;
    flex-shrink: 0;
    width: 43px;
    object-fit: contain;
    margin-right: 10px
}

.menu-button {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 5px;
    margin-right: 15px
}

.menu-button__icon {
    fill: #fff;
    display: block
}

.main-nav__list::-webkit-scrollbar {
    width: 0
}

@media screen and (min-width: 1080px) {
    .main-nav {
        display: block;
        opacity: 1;
        align-self: stretch;
        visibility: visible
    }

    .main-nav__item--dropdown {
        position: relative
    }

    .main-nav__item--dropdown .main-nav__link:not([href]) {
        cursor: context-menu
    }

    .main-nav__item--current {
        color: var(--theme-color)
    }

    .main-nav__list {
        display: grid;
        grid-auto-flow: column;
        align-items: center
    }

    .main-nav__link {
        padding: 34px 21px;
        color: inherit;
        text-decoration: none
    }

    .main-nav__link:hover,
    .main-nav__link:focus {
        color: var(--menu-dropdown-hover)
    }

    .main-nav__link--active {
        color: var(--theme-color)
    }

    .main-nav__list--nested {
        --gap: 20px;
        position: absolute;
        top: 100%;
        left: 0;
        grid-auto-flow: row;
        background-color: var(--block-bg);
        color: var(--black);
        padding: var(--gap) 0;
        min-width: 300px;
        max-width: 350px;
        gap: 15px;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
        box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
        z-index: 12
    }

    .main-nav__list--nested .main-nav__link {
        padding: 10px var(--gap);
        display: block;
        width: 100%;
        outline-offset: 5px
    }

    .main-nav__item--dropdown:hover>.main-nav__list--nested,
    .main-nav__item--dropdown:focus-within>.main-nav__list--nested {
        opacity: 1;
        visibility: visible
    }

    .main-nav__item {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        display: flex
    }

    .main-nav__list--nested .main-nav__list--nested {
        top: -20px;
        left: 100%
    }

    .main-nav__item:hover,
    .main-nav__item:focus-within {
        background-color: var(--menu-dropdown-bg);
        color: var(--menu-dropdown-hover)
    }
}

.main-article {
    min-height: 720px;
    overflow: hidden;
    position: relative
}

.main-article::after {
    display: var(--main-article-bg-visible);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #232323 0%, rgba(0, 0, 0, 0.5) 69.63%)
}

.main-article__container {
    height: 100%;
    display: grid;
    grid-auto-rows: 249px auto
}

.main-article__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: var(--main-article-filter)
}

.main-article__img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.main-article__content {
    position: relative;
    z-index: 1;
    grid-row: 2;
    max-width: 670px;
    color: #fff
}

.main-article__meta {
    display: grid;
    gap: 17px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    grid-template-columns: max-content max-content;
    align-items: center;
    margin-bottom: 24px
}

.main-article__tag {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 7px;
    color: #000;
    padding: 7px 20px
}

.main-article__title {
    font-size: 48px;
    line-height: 53px;
    font-weight: bold;
    margin-bottom: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff
}

.main-article__title a {
    display: block
}

.main-article__desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: .5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 40px;
    color: #fff
}

.post-search {
    margin: 20px 0 40px 0
}

.search,
.wp-block-search .wp-block-search__inside-wrapper {
    display: grid;
    grid-template-columns: auto max-content;
    margin-bottom: 10px
}

.search__input,
.wp-block-search__input {
    padding: 15px;
    border: 1px solid;
    border-radius: 0;
    box-shadow: unset
}

.search__btn,
.wp-block-search .wp-block-search__button {
    padding: 15px 40px;
    border: none;
    font: inherit;
    margin: 0;
    background-color: #000;
    color: #fff;
    border-radius: 0
}

.wp-block-search .wp-block-search__label {
    width: 1px
}

.main {
    word-break: break-word
}

.main__wrapper {
    background-color: var(--smoky-white);
    max-width: 1170px;
    padding: 40px 30px;
    margin: 0 auto
}

.main__container {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 30px;
    row-gap: 51px
}

.main__content {
    max-width: 1170px;
    padding: 30px 30px 70px;
    background-color: var(--block-bg);
    margin: auto;
    margin-bottom: 76px
}

.archive__content {
    padding-top: 50px;
    padding-bottom: 0
}

.article__hero {
    width: 100%;
    height: 509px;
    margin-bottom: 64px
}

.article__hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article__heading {
    max-width: 715px;
    margin: auto;
    text-align: center;
    position: relative
}

.article__heading-blur {
    display: var(--article-blur-visible);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(8rem) brightness(1.5) opacity(0.4)
}

.article__title {
    margin-bottom: 32px;
    position: relative
}

.article__excerpt {
    font-family: Georgia;
    max-width: 509px;
    font-size: 26px;
    line-height: 35px;
    font-weight: 400;
    margin: auto;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative
}

.article__meta {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    gap: 17px;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    align-items: center;
    margin-bottom: 56px;
    position: relative
}

.article__tags {
    display: grid;
    grid-auto-flow: column;
    gap: 10px
}

.article__tags-link {
    background-color: var(--theme-color);
    display: block;
    padding: 7px 20px;
    color: #fff;
    border-radius: 7px
}

.article__content {
    max-width: 920px;
    margin: auto;
    font-size: 20px
}

.article__content--2-column {
    column-count: 2;
    column-gap: 30px;
    column-width: 290px
}

.article__content--2-column *:not(p) {
    column-span: all
}

.content p {
    margin: 0;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: .5px;
    font-weight: 400;
    margin-bottom: 18px
}

.content p:first-of-type::first-letter {
    font-family: "Georgia", Arial, sans-serif;
    font-size: 68px;
    line-height: 64px;
    font-weight: 700;
    float: left;
    padding-right: 14px;
    padding-left: 5px
}

.content img:not([class*=wp-image]) {
    display: block;
    width: 100%;
    margin: 56px auto 0;
    column-span: all
}

.featured-articles {
    background-color: var(--block-bg);
    padding: 34px 60px;
    grid-column: span 8
}

.article-list {
    display: grid;
    gap: 30px;
    color: #000
}

.article-list__item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.article-list__item:last-of-type .article-card__link {
    margin-bottom: 12px
}

.article-card__figure {
    max-width: 190px;
    flex-shrink: 0;
    margin-right: 30px;
    background-color: #bebebe;
    align-self: flex-start
}

.article-card__image {
    object-fit: cover;
    min-height: 130px;
    display: block
}

.article-card__link {
    display: flex;
    text-decoration: none;
    font: inherit;
    margin-bottom: 30px
}

.article-card__content {
    display: flex;
    flex-direction: column
}

.article-card__title {
    font-size: 18px;
    line-height: 19px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: color .2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black)
}

.article-card__time {
    margin-top: auto;
    color: var(--time-color);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .5px;
    transition: color .2s ease
}

.article-card:hover .article-card__title {
    color: var(--theme-color)
}

.article-card:hover .article-card__time {
    color: var(--black)
}

.sidebar {
    grid-column: span 4;
    display: grid;
    row-gap: 30px;
    align-content: flex-start
}

.sidebar__item {
    background-color: var(--block-bg);
    padding: 28px
}

.owner-card {
    display: grid;
    column-gap: 24px;
    padding-left: 35px;
    padding-right: 35px
}

.owner-card__avatar {
    height: 74px;
    width: 74px;
    margin-top: -4px;
    grid-row: span 5
}

.owner-card__pic {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 22px;
    display: block
}

.owner-card__name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 8px
}

.owner-card__link:hover {
    color: var(--theme-color)
}

.owner-card__position {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 22px
}

.owner-card__social {
    background: rgba(0, 0, 0, .05);
    border-radius: 7px;
    width: 74px;
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    gap: 9.8px
}

.owner-card__social a {
    display: flex;
    justify-content: center;
    align-items: center
}

.owner-card__btn {
    grid-column: 2;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    display: block;
    min-width: 130px;
    padding: 7px;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    background-color: var(--theme-color)
}

.profile {
    margin-top: 80px;
    display: grid;
    row-gap: 40px
}

.profile__item {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: max-content max-content;
    column-gap: 30px;
    margin-bottom: 40px
}

.profile__headline {
    grid-column: 1/-1;
    text-align: center;
    margin: 0 0 40px 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 30px;
    align-items: center
}

.profile__headline::before,
.profile__headline::after {
    content: "";
    height: 2px;
    width: 100%;
    color: inherit;
    background-color: currentColor;
    opacity: .15
}

.profile__avatar {
    grid-row: span 2;
    max-width: 200px;
    object-fit: cover;
    height: 205px
}

.profile__name {
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 26px
}

.profile__desc {
    font-size: 23px;
    line-height: normal
}

.most-read__list {
    display: grid;
    row-gap: 16px
}

.most-read__item {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-bottom: 16px
}

.most-read__item:last-of-type {
    border-bottom: none
}

.most-read__title {
    font-size: 16px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 38px;
    color: #5e5e5e
}

.most-read__link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--black);
    margin-bottom: 24px;
    display: block;
    transition: color .3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    opacity: .8
}

.most-read__link:hover,
.most-read__link:focus {
    color: var(--theme-color);
    outline-offset: 5px
}

.most-read__time {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--time-color);
    transition: color .3s ease
}

.most-read__link:hover+.most-read__time,
.most-read__link:focus+.most-read__time {
    color: var(--black)
}

.archive-articles {
    margin-bottom: 40px
}

.archive-articles__list {
    display: grid;
    --item-width: 300px;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width), 1fr))
}

.archive-articles .more-link {
    font-size: 14px;
    display: block;
    padding: 7px 15px;
    border: 1px solid var(--time-color);
    text-align: center;
    border-radius: 7px;
    margin: 40px auto 0;
    max-width: 150px
}

.archive-article {
    min-height: 240px;
    position: relative;
    color: var(--black);
    padding: 38px 35px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--block-bg);
    outline-color: var(--theme-color)
}

.archive-article__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    filter: brightness(0.5);
    transition: transform .3s ease
}

.archive-article__image[data-src]:not([src]) {
    display: none
}

.archive-article__title {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px
}

.archive-article__title span {
    position: relative;
    z-index: 2
}

.archive-article__link {
    color: inherit;
    text-decoration: none;
    display: block
}

.archive-article__link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.archive-article__time {
    z-index: 1;
    position: relative
}

.archive-articles__item:nth-child(-2n+5) .archive-article {
    color: #fff;
    outline-color: #000
}

.archive-articles__item:nth-child(-2n+5) .archive-article__time {
    color: #fff
}

.archive-articles__item:nth-child(-2n+5) .archive-article:hover .archive-article__image {
    transform: scale(1.09)
}

.archive-articles__item:not(:nth-child(-2n+5)) .archive-article:hover .archive-article__title,
.archive-articles__item:not(:nth-child(-2n+5)) .archive-article:focus-within .archive-article__title {
    color: var(--theme-color)
}

.archive-articles__item:not(:nth-child(-2n+5)) .archive-article:hover .archive-article__time,
.archive-articles__item:not(:nth-child(-2n+5)) .archive-article:focus-within .archive-article__time {
    color: var(--black)
}

.archive-article:focus-within .archive-article__link::before {
    outline: 1px solid currentColor;
    outline-offset: -15px
}

.has-image {
    color: #fff
}

.has-image .archive-article__time {
    color: inherit;
    z-index: 1;
    position: relative
}

.section {
    grid-column: span 12
}

.section__title {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 42px
}

.banners {
    --item-width: 170px;
    --item-gap: 30px;
    display: grid;
    gap: var(--item-gap);
    grid-template-columns: repeat(auto-fill, minmax(var(--item-width), 1fr));
    margin-bottom: 40px
}

.banners__item--large {
    grid-column: span 3;
    grid-row: span 2
}

.banners__item--large #js-show-iframe-wrapper {
    height: 100%
}

.banners__link {
    --subtitle-color: var(--theme-color);
    padding: var(--item-gap);
    background-color: var(--block-bg);
    display: block;
    min-height: 140px;
    height: 100%;
    transition: background-color .3s ease;
    display: flex;
    flex-direction: column;
    color: var(--black);
    position: relative
}

.banners__link::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 11px;
    bottom: var(--item-gap);
    right: var(--item-gap);
    background: no-repeat center/cover;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' d='M5.1 6.5L.3 11.3a1 1 0 101.4 1.4l5.5-5.5c.4-.4.4-1 0-1.4L1.7.3A1 1 0 10.3 1.7L5 6.5z'/%3E%3C/svg%3E")
}

.banners__link:hover,
.banners__link:focus {
    background-color: var(--theme-color);
    color: var(--white);
    --subtitle-color: var(--white)
}

.banners__link:hover .banners__subtitle,
.banners__link:focus .banners__subtitle {
    color: var(--white);
    opacity: .7
}

.banners__title {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.2;
    color: inherit
}

.banners__subtitle {
    margin-top: auto;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--subtitle-color)
}

.footer {
    margin-top: auto;
    background-color: var(--block-bg);
    color: var(--black)
}

.footer__container {
    padding: 31px 30px 27px
}

.footer__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 25px
}

.footer__logo {
    color: var(--black)
}

.footer__tel {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin-inline-start: auto
}

.footer__row:first-of-type {
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, .15);
    margin-bottom: 30px
}

.footer__copyright {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.footer__link {
    font-size: 12px
}

.dark-mode-toggle {
    color: var(--black);
    border: 2px solid currentColor;
    padding: 4px;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-radius: 5px;
    width: 30px;
    height: 30px
}

.attachments {
    display: grid;
    gap: 20px;
    margin: 30px 0;
    list-style-type: none;
}

.attachments__item {
    --link-color: var(--black);
    --meta-color: var(--time-color);
    padding-left: 45px;
    position: relative;
    border-bottom: 2px solid rgba(0, 0, 0, .15);
    padding-bottom: 20px
}

.attachments__item:focus-within,
.attachments__item:hover {
    border-color: var(--theme-color);
    --link-color: var(--theme-color);
    --meta-color: var(--black)
}

.attachments__link {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 8px;
    color: var(--link-color);
    display: inline-block;
    transition: color .3s ease;
    will-change: color;
    outline: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.attachments__link::before {
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    background: no-repeat center/contain;
    left: 0;
    top: 0;
    filter: var(--darkmode-color-invert)
}

.attachments__link[href$=".pdf"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M494.5 138.6L364 3c-1.8-2-4.4-3-7-3H162.4a39.5 39.5 0 00-39.4 39.4v137.8H44.3a29.6 29.6 0 00-29.5 29.5v147.8A29.5 29.5 0 0044.3 384H123v88.6a39.5 39.5 0 0039.4 39.4h295.3a39.4 39.4 0 0039.4-39.4V145.4c0-2.6-1-5-2.7-6.8zm-135.1-112l107 111.2h-107V26.6zM44.3 364.3a9.8 9.8 0 01-9.8-9.8V206.7c0-5.4 4.4-9.8 9.8-9.8h265.9c5.4 0 9.8 4.4 9.8 9.8v147.8c0 5.4-4.4 9.8-9.8 9.8h-266zm433.2 108.3c0 10.9-8.8 19.7-19.7 19.7H162.5a19.7 19.7 0 01-19.7-19.7V384h167.4a29.5 29.5 0 0029.5-29.5V206.7a29.6 29.6 0 00-29.5-29.5H142.8V39.4c0-10.8 8.8-19.7 19.7-19.7h177.2v128c0 5.4 4.4 9.8 9.8 9.8h128v315.1z'/%3E%3Cpath d='M132.5 249.9c-3.3-4.3-7.3-7-12.2-8.3-3.1-.8-10-1.3-20.3-1.3H72.6V325h17V293h11.2c7.7 0 13.6-.4 17.7-1.2 3-.6 6-2 8.9-4 2.9-2 5.3-4.8 7.2-8.3 1.8-3.6 2.8-8 2.8-13.1 0-6.8-1.7-12.3-5-16.5zm-14.6 23.3c-1.3 1.9-3.1 3.2-5.4 4.1s-6.8 1.4-13.5 1.4h-9.3v-24h8.2a82 82 0 0112.3.5c2.8.5 5 1.8 6.9 3.8a11 11 0 012.7 7.6c0 2.5-.7 4.7-2 6.6zM219.5 263.5c-1.9-5.5-4.6-10-8.1-13.8s-7.8-6.3-12.7-7.7a61 61 0 00-16.1-1.7h-31.3V325h32.2c6.3 0 11.3-.6 15.1-1.8 5-1.6 9-3.8 12-6.7 4-3.8 7-8.8 9-15 1.8-5 2.7-11 2.7-18 0-7.9-1-14.5-2.8-20zm-16.6 34.7a17.9 17.9 0 01-4.5 8.1 15.8 15.8 0 01-6.9 3.6c-2.1.5-5.6.8-10.3.8h-12.8v-56h7.7c7 0 11.6.2 14 .8 3.2.7 5.8 2 8 4 2 1.9 3.6 4.6 4.8 8.1 1.1 3.5 1.7 8.6 1.7 15 0 6.6-.6 11.8-1.7 15.6zM294.8 254.7v-14.4h-58v84.6h17.1V289h35.3v-14.3h-35.3v-20z'/%3E%3C/svg%3E")
}

.attachments__link[href$=".doc"]::before,
.attachments__link[href$=".docx"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M494 139L364 3c-2-2-4-3-7-3H163c-22 0-40 18-40 39v138H44c-16 0-29 13-29 30v147c0 17 13 30 29 30h79v89c0 21 18 39 40 39h295c22 0 39-18 39-39V145c0-2-1-5-3-6zM359 27l107 111H359V27zM44 364c-5 0-10-4-10-10V207c0-6 5-10 10-10h266c6 0 10 4 10 10v147c0 6-4 10-10 10H44zm434 109c0 10-9 19-20 19H163c-11 0-20-9-20-19v-89h167c16 0 30-13 30-30V207c0-17-14-30-30-30H143V39c0-10 9-19 20-19h177v128c0 5 4 10 10 10h128v315z'/%3E%3Cpath d='M131 263l-8-13c-4-4-8-7-13-8l-16-2H63v85h32l15-2c5-1 9-4 12-7 4-3 7-8 9-15a62 62 0 000-38zm-17 35c-1 4-2 7-4 8l-7 4-10 1H80v-56h21l8 4c2 2 4 5 5 9l2 15-2 15zM294 294c-1 6-4 11-7 13-3 3-7 5-12 5-6 0-11-3-15-7-4-5-5-12-5-23 0-10 2-17 5-22 4-4 9-7 16-7 4 0 8 2 11 4 3 3 6 6 7 11l16-4c-1-7-4-12-8-16-7-6-15-9-25-9-12 0-22 4-29 12-7 7-11 18-11 32s4 24 11 32 16 11 28 11c9 0 16-2 22-6 6-5 10-12 13-21l-17-5zM215 251c-7-8-17-12-29-12-7 0-13 1-19 3l-11 8-8 11c-2 6-3 14-3 22 0 14 3 24 11 32 7 8 17 11 30 11 12 0 22-3 30-11 7-8 11-19 11-32 0-14-4-25-12-32zm-13 53c-4 5-10 8-16 8-7 0-13-3-17-8-5-5-7-12-7-21 0-10 2-17 7-22 4-5 10-8 17-8s12 3 17 8c4 4 6 12 6 21 0 10-2 18-7 22z'/%3E%3C/svg%3E")
}

.attachments__link[href$=".xls"]::before,
.attachments__link[href$=".xlsx"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M494 139L364 3c-2-2-4-3-7-3H163c-22 0-40 18-40 39v138H44c-16 0-29 13-29 30v147c0 17 13 30 29 30h79v89c0 21 18 39 40 39h295c22 0 39-18 39-39V145c0-2-1-5-3-6zM359 27l107 111H359V27zM44 364c-5 0-10-4-10-10V207c0-6 5-10 10-10h266c6 0 10 4 10 10v147c0 6-4 10-10 10H44zm434 109c0 10-9 19-20 19H163c-11 0-20-9-20-19v-89h167c16 0 30-13 30-30V207c0-17-14-30-30-30H143V39c0-10 9-19 20-19h177v128c0 5 4 10 10 10h128v315z'/%3E%3Cpath d='M285 287c-3-4-6-7-10-9l-18-6c-8-2-14-4-16-6-2-1-2-3-2-5l2-5c3-2 7-3 12-3s8 1 11 3c2 2 4 5 5 9h17c-1-8-3-14-9-19-5-5-13-7-24-7-6 0-12 1-16 3-5 2-9 5-11 8-2 4-4 8-4 13 0 6 3 12 8 17 4 3 10 6 19 8l14 4 6 3 2 5c0 3-1 6-4 9-3 2-7 3-13 3-5 0-9-1-12-4s-5-7-6-12l-17 1c1 10 5 17 11 22 5 5 13 7 24 7 8 0 14-1 19-3 4-2 8-5 11-9s4-9 4-14-1-10-3-13zM169 311v-70h-17v84h59v-14zM114 281l26-41h-20l-16 28-17-28H67l26 41-29 44h20l19-29 19 29h21z'/%3E%3C/svg%3E")
}

.attachments__meta {
    font-size: 13px;
    line-height: 17px;
    color: var(--meta-color);
    transition: color .3s ease;
    will-change: color
}

.page__content {
    padding: clamp(40px, 10vw, 100px) clamp(40px, 10vw, 170px);
    font-size: 18px;
    line-height: normal
}

.page p:not([class]) {
    letter-spacing: .5px;
    margin-bottom: 20px
}

p:empty {
    display: none
}

h2:not([class]) {
    font-size: 30px;
    margin-top: 70px;
    scroll-margin: 30px
}

h2[id*=item]:target {
    color: var(--theme-color)
}

a:not([class]) {
    color: var(--theme-color)
}

a:not([class]):hover,
a:not([class]):focus {
    text-decoration: underline
}

::marker {
    color: var(--theme-color)
}

ol,
ul {
    padding-left: 23px
}

ol:not([class]) li,
ul:not([class]) li {
    margin-bottom: 20px;
    padding-left: 10px
}

ol:not([class]) li ol,
ol:not([class]) li ul,
ul:not([class]) li ul,
ul:not([class]) li ol {
    margin-top: 15px
}

.links {
    padding-left: 20px
}

.links li {
    margin-bottom: 6px
}

blockquote {
    border-left: 3px solid var(--theme-color);
    margin: 20px 0;
    padding: 15px 20px
}

.wp-block-table:not(.contact-table) table {
    border-collapse: collapse;
    border: 1px solid #000
}

.wp-block-table:not(.contact-table) td {
    border: 1px solid #000;
    padding: 15px
}

.contact-table {
    margin: auto;
    max-width: 900px;
    margin-bottom: 30px
}

.contact-table table {
    border-collapse: collapse
}

.contact-table tr {
    border-bottom: 2px solid rgba(0, 0, 0, .15)
}

.contact-table td {
    padding: 20px 0
}

.contact-table td:first-child {
    padding-right: 30px
}

.contact-table a {
    color: #1d5c8a;
    text-decoration: underline
}

.cookies {
    position: fixed;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    bottom: 0;
    z-index: 1000;
    padding-block: clamp(16px, 13.4068965517px + 0.0055172414*100vw, 24px);
    font-size: clamp(16px, 15.3517241379px + 0.0013793103*100vw, 18px)
}

.cookies__content {
    display: flex;
    align-items: center;
    gap: 16px clamp(24px, 0px + 0.0234375*100vw, 45px);
    justify-content: space-between
}

.cookies__content p {
    margin-block: 0;
    line-height: 1.33
}

.cookies__button {
    font: inherit;
    border-radius: 100px;
    background-color: #fff;
    border: none;
    padding-inline: clamp(16px, 14.7034482759px + 0.0027586207*100vw, 20px);
    padding-block: clamp(6px, 4.0551724138px + 0.004137931*100vw, 12px);
    font-weight: 400;
    color: #000;
    line-height: 1.33;
    border: 1px solid #000;
    will-change: filter;
    transition: filter .3s ease
}

.darkmode {
    --bg-color: #232323;
    --smoky-white: var(--signal-black);
    --block-bg: var(--graphite--black);
    --black: #fff;
    --white: #000;
    --time-color: rgba(255, 255, 255, .5);
    --article-blur-visible: none;
    --main-article-bg-visible: block;
    --main-article-filter: 0;
    --darkmode-color-invert: invert(1);
    --menu-dropdown-bg: var(--signal-black);
    --menu-dropdown-hover: #fff;
    --theme-color: #0693e3
}

@media(prefers-color-scheme: dark) {
    :root {
        --bg-color: #232323;
        --smoky-white: var(--signal-black);
        --block-bg: var(--graphite--black);
        --black: #fff;
        --white: #000;
        --time-color: rgba(255, 255, 255, .5);
        --article-blur-visible: none;
        --main-article-bg-visible: block;
        --main-article-filter: unset;
        --darkmode-color-invert: invert(1);
        --menu-dropdown-bg: var(--signal-black);
        --menu-dropdown-hover: #fff;
        --theme-color: #0693e3
    }
}

.form-group {
    justify-content: space-between
}

.form-group ul {
    padding-left: 20px
}

.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    margin-top: 8px;
    background-color: var(--block-bg);
    border: 1px solid var(--black);
    color: var(--black);
    padding: 5px 10px
}

.wpcf7-form label {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: normal
}

.wpcf7-form p:not([class]) {
    margin-bottom: 10px
}

.wpcf7-form input[type=submit] {
    background-color: var(--theme-color);
    color: var(--white);
    border: none;
    padding: 10px 40px;
    width: auto;
    margin-bottom: 30px
}

.wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0 0;
    padding: 20px;
    font-size: 18px
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #dc3232
}

.wp-block-gallery {
    margin-top: 30px
}

.col-all {
    column-span: all
}

@media screen and (max-width: 1080px) {
    .header__container {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .menu-button {
        display: block
    }

    .menu-button--open {
        z-index: 11;
        background-color: var(--black)
    }

    .menu-button--open .menu-button__icon {
        fill: var(--white)
    }

    .main-nav {
        transform: translateX(-100%);
        transition: transform .5s ease, opacity .4s, visibility .5s, box-shadow .4s
    }

    .main-nav {
        max-width: 400px;
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100vh;
        background-color: var(--block-bg);
        color: var(--black);
        overflow-x: hidden;
        padding-top: 80px
    }

    .main-nav__list--main {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        height: 100vh;
        padding: 0 30px
    }

    .main-nav__item--dropdown>.main-nav__link {
        font-weight: 900;
        opacity: 1
    }

    .main-nav__list--main>.main-nav__item:last-child {
        margin-bottom: 120px
    }

    .main-nav__link {
        padding: 15px 0;
        display: block;
        opacity: .8
    }

    .main-nav--open {
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
        box-shadow: 100vw 0 0 100vw rgba(0, 0, 0, .5);
        z-index: 10
    }

    .main-nav__list--main>.main-nav__item--dropdown {
        border-bottom: 1px solid rgba(94, 94, 94, .3803921569);
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .main-nav__list--nested .main-nav__item--dropdown {
        border-top: 1px solid rgba(94, 94, 94, .3803921569);
        padding-top: 15px;
        margin-top: 15px
    }

    .archive-articles__list {
        --item-width: 230px
    }

    .article__hero {
        height: auto
    }
}

@media screen and (max-width: 970px) {
    .main__container {
        grid-template-columns: auto auto;
        gap: 20px
    }

    .featured-articles {
        padding: 30px
    }

    .sidebar {
        max-width: 240px;
        gap: 20px
    }

    .sidebar__item {
        padding: 20px
    }

    .most-read {
        max-height: 487px;
        overflow: scroll
    }

    .most-read::-webkit-scrollbar {
        width: 0
    }

    .most-read__title {
        font-size: 14px;
        margin-bottom: 25px
    }

    .most-read__item {
        padding-bottom: 10px
    }

    .most-read__link {
        margin-bottom: 6px;
        font-size: 12px
    }

    .most-read__time {
        font-size: 12px
    }

    .owner-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .owner-card__avatar {
        margin-bottom: 15px
    }

    .owner-card__name {
        font-size: 14px
    }

    .owner-card__social {
        padding: 8px 0;
        margin-bottom: 15px
    }

    .archive-articles__list {
        gap: 20px
    }

    .section__title {
        font-size: 21px;
        line-height: 21px;
        margin-top: 25px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 850px) {
    .main__wrapper {
        padding: 20px
    }

    .banners {
        --item-gap: 20px
    }

    .banners__link {
        min-height: 120px
    }

    .featured-articles {
        padding: 25px
    }

    .article-card__figure {
        margin-right: 20px
    }

    .article-card__image {
        max-width: 150px;
        min-height: 100px
    }

    .article-card__title {
        font-size: 16px
    }
}

@media screen and (max-width: 770px) {
    .h--1 {
        font-size: 40px;
        line-height: 44px
    }

    .main-article {
        min-height: 400px
    }

    .main-article__container {
        grid-auto-rows: 170px auto
    }

    .main-article__title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 25px;
        -webkit-line-clamp: 4
    }

    .main-article__desc {
        margin-bottom: 90px;
        font-size: 18px;
        line-height: 25px;
        max-width: 500px;
        -webkit-line-clamp: 6
    }

    .article__title {
        margin-bottom: 38px
    }

    .article__excerpt {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 30px
    }

    .banners__item--large {
        grid-column: 1/-1
    }
}

@media screen and (max-width: 700px) {
    .featured-articles {
        grid-column: span 12;
        padding: 30px 50px
    }

    .sidebar {
        grid-column: span 12;
        grid-template-columns: 230px auto;
        max-width: 100%;
        order: -1
    }

    .most-read {
        height: 348px
    }
}

@media screen and (max-width: 600px) {
    .h--1 {
        font-size: 30px;
        line-height: 36px
    }

    h2:not([class]) {
        font-size: 26px;
        margin-top: 40px
    }

    .header__actions {
        gap: 20px
    }

    .header__contact-btn {
        min-width: auto;
        font-size: 12px;
        padding: 12px 20px
    }

    .content-page .header {
        margin-bottom: 1px
    }

    .logo__img {
        width: 30px
    }

    .logo__title {
        font-size: 11px;
        line-height: 13px
    }

    .main-article__container {
        grid-auto-rows: 130px auto
    }

    .main-article__title {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 18px
    }

    .main-article__desc {
        margin-bottom: 90px;
        font-size: 16px;
        line-height: 20px;
        max-width: 500px
    }

    .main__container {
        grid-template-columns: repeat(12, 1fr)
    }

    .main__content {
        padding-bottom: 30px
    }

    .article__hero {
        margin: -30px -30px 25px;
        width: auto
    }

    .article__hero-image {
        aspect-ratio: 16/9
    }

    .article__excerpt {
        font-size: 20px;
        line-height: 29px
    }

    .content p {
        font-size: 18px;
        line-height: 25px
    }

    .content p:first-of-type::first-letter {
        font-size: 60px;
        line-height: 50px
    }

    .content img:not([class*=wp-image]) {
        margin-top: 30px
    }

    .featured-articles {
        padding: 30px
    }

    .article-list {
        gap: 15px
    }

    .article-card__link {
        margin-bottom: 15px
    }

    .sidebar {
        grid-template-columns: auto;
        order: -1
    }

    .owner-card {
        padding: 36px 60px
    }

    .owner-card__btn {
        padding: 7px 20px
    }

    .profile__item {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        row-gap: 15px;
        margin-bottom: 20px
    }

    .profile__headline {
        margin-bottom: 25px
    }

    .archive-article {
        min-height: 200px
    }

    .contact-table tbody {
        display: grid;
        gap: 20px
    }

    .contact-table tr {
        display: grid;
        gap: 20px
    }

    .contact-table td {
        padding: 0
    }

    .contact-table td:first-child {
        padding-right: 0
    }

    .contact-table td:last-child {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 500px) {
    .featured-articles {
        padding: 30px 20px
    }

    .article-card__figure {
        margin-right: 15px
    }

    .article-card__image {
        width: 80px;
        height: 60px;
        min-height: auto
    }

    .article-card__title {
        font-size: 15px;
        line-height: 17px;
        font-weight: 500
    }

    .profile__headline {
        font-size: 20px;
        gap: 20px
    }

    .profile__avatar {
        max-width: 500px;
        width: 100%;
        height: 250px;
        object-position: 50% 40%
    }

    .footer__container {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .footer__row {
        flex-direction: column;
        text-align: center;
        row-gap: 20px
    }

    .footer__tel {
        margin-inline: auto
    }

    .footer__copyright {
        order: 1
    }

    .cookies__content {
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width: 450px) {
    .h--1 {
        font-size: 25px;
        line-height: 30px
    }

    .title {
        margin-bottom: 40px
    }

    h2:not([class]) {
        font-size: 21px
    }

    .container:not(.main__container) {
        padding-left: 15px;
        padding-right: 15px
    }

    .header__contact-btn {
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .header__contact-btn svg {
        display: block;
        transform: scale(0.8)
    }

    .header__contact-btn span {
        display: none
    }

    .main-nav {
        padding-top: 60px;
        max-width: 100%
    }

    .main-nav__list--main {
        padding: 0 15px
    }

    .main-article__container {
        grid-auto-rows: 120px auto
    }

    .main-article__title {
        font-size: 25px;
        line-height: 30px
    }

    .main-article__desc {
        letter-spacing: 0;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 50px
    }

    .main__content {
        padding: 15px
    }

    .article__hero {
        margin: -15px -15px 25px
    }

    .search,
    .wp-block-search .wp-block-search__inside-wrapper {
        grid-template-columns: auto
    }
}