700&display=swap');
.row
{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.row--aic
{
    align-items: center;
}

.row--aife
{
    align-items: flex-end;
}

.row--jcc
{
    justify-content: center;
}

.col
{
    max-width: 100%;

    flex: 1 1 100%;
    flex-grow: 1;
}

.main-btn
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 20px;
    height: 18px;
    padding: 0;

    cursor: pointer;
    text-indent: -9999px;

    border: 0 none;
    background-color: transparent;
}

.main-btn.open span
{
    width: 0;
}

.main-btn.open span::before,
.main-btn.open span::after
{
    top: 50%;
    bottom: auto;

    margin-top: -1.5px;
}

.main-btn.open span::before
{
    transform: rotate(135deg);
}

.main-btn.open span::after
{
    transform: rotate(225deg);
}

.main-btn span,
.main-btn span::before,
.main-btn span::after
{
    position: absolute;
    left: 50%;

    width: 20px;
    height: 3px;

    transition: .4s;

    background-color: var(--clr-co);
}

.main-btn span
{
    top: 50%;

    margin-top: -1.5px;

    transform: translateX(-50%);
}

.main-btn span::before,
.main-btn span::after
{
    margin-left: -10px;

    content: '';
}

.main-btn span::before
{
    top: -6px;
}

.main-btn span::after
{
    bottom: -6px;
}

.link-more
{
    font-size: 16px;
    font-weight: bold;

    text-decoration: underline;
}

.link-more:hover
{
    text-decoration: none;
}

.btn
{
    font-weight: bold;
    line-height: 1.45;

    display: inline-block;

    padding: 8px 16px;

    cursor: pointer;
    text-align: center;
    vertical-align: middle;

    border: 0 none;
    border-radius: 4px;
}

.btn--wide
{
    width: 100%;
}

.btn--main
{
    color: var(--clr-white);
    background-color: var(--clr-co);
}

*
{
    box-sizing: border-box;
}

body
{
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    line-height: 1.35;

    margin: 0;

    color: var(--clr-text);
}

body input,
body button,
body textarea,
body select,
body optgroup
{
    font-family: inherit;

    outline: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

a
{
    transition: .4s;
    text-decoration: none;

    color: var(--clr-co);
}

img,
svg
{
    display: block;

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

.container
{
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
}

.main__content,
.main__side
{
    flex-grow: 1;
}

.front-block__title
{
    font-weight: bold;
    line-height: 1;

    margin-bottom: .8em;

    text-transform: uppercase;
}

.front-block__title-img
{
    margin-bottom: .8em;
}

.front-block__bottom
{
    margin-top: 32px;
}

.header__main
{
    color: var(--clr-co);
    background-color: var(--clr-white);
}

.header__main a
{
    color: var(--clr-co);
}

.header__main-wrap
{
    display: flex;

    justify-content: space-between;
    align-items: center;
}

.header__extra
{
    padding-top: 16px;
    padding-bottom: 16px;
}

.header__extra.sticky
{
    z-index: 8;
}

.header__description strong
{
    color: var(--clr-co);
}

.h-logo
{
    display: block;
}

.h-logo__wrap
{
    display: flex;

    align-items: center;
}

.d-logo p
{
    margin: 0;
}

.d-logo__name
{
    line-height: 1.1;

    text-transform: uppercase;
}

.h-phone-box
{
    text-align: right;
}

.h-phone-box__label
{
    color: var(--clr-gray);
}

.h-phone-box__main a
{
    color: var(--clr-text);
}

.h-phone-box__value
{
    font-weight: bold;

    white-space: nowrap;
    text-decoration: none;
}

.soci-nav__list
{
    display: flex;

    margin: 0;
    margin-right: -8px;
    margin-left: -8px;
    padding: 0;

    list-style: none;

    justify-content: flex-end;
    align-items: center;
}

.soci-nav__item
{
    padding-right: 8px;
    padding-left: 8px;
}

.soci-link
{
    display: block;
    overflow: hidden;

    width: 24px;
    height: 24px;

    text-indent: -9999px;

    opacity: .3;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px 24px;

    -webkit-filter: invert(100%);
            filter: invert(100%);
}

.soci-link:hover
{
    opacity: .5;
}

.soci-link--vk
{
    background-image: url(../img/icon-soci-vk-white.svg);
}

.soci-link--fb
{
    background-image: url(../img/icon-soci-fb-white.svg);
}

.soci-link--in
{
    background-image: url(../img/icon-soci-in-white.svg);
}

.soci-link--tw
{
    background-image: url(../img/icon-soci-tw-white.svg);
}

.soci-link--yt
{
    background-image: url(../img/icon-soci-yt-white.svg);
}

.h-nav__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.h-nav__item
{
    position: relative;
}

.h-nav__link
{
    line-height: 2.2;

    display: inline-block;

    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
}

.h-nav__link:hover
{
    opacity: .8;
}

.h-nav__link--extra
{
    font-weight: bold;
}

.h-nav__sublist
{
    padding: 0;

    list-style: none;
}

.h-nav__sublink
{
    line-height: 1.2;

    display: block;
}

.h-nav__sublink:hover,
.h-nav__sublink.active
{
    opacity: .8;
}

.h-search__wrap
{
    position: relative;
}

.h-search__input
{
    width: 100%;
    height: 40px;
    padding: 8px 16px;

    transition: .4s;

    border: 0 none;
    border-radius: 6px;
    background-color: var(--clr-white);
}

.h-search__input::-webkit-input-placeholder
{
    color: var(--clr-placeholder);
}

.h-search__input::-moz-placeholder
{
    color: var(--clr-placeholder);
}

.h-search__input::-ms-input-placeholder
{
    color: var(--clr-placeholder);
}

.h-search__input:focus
{
    box-shadow: 0 0 0 1px var(--clr-co), inset 0 0 0 1px var(--clr-co);
}

.h-search__btn
{
    position: absolute;
    top: 50%;
    right: 0;

    overflow: hidden;

    width: 40px;
    height: 40px;
    padding: 0;

    transform: translateY(-50%);
    text-indent: -9999px;

    border: 0 none;
    border: 2px solid var(--clr-white);
    border-radius: 6px;
    background-color: var(--clr-co);
    background-image: url(../img/icon-search-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px 20px;
}

.form__group
{
    margin-bottom: 20px;
}

.f-captcha
{
    font-size: 16px;
    font-weight: bold;

    padding: 12px 24px;

    background-color: var(--clr-border_light);
}

.form-group label
{
    font-weight: normal;

    display: block;

    margin-bottom: .2em;
}

.form-control
{
    padding: 8px 12px;

    transition: box-shadow .4s, border-color .4s;

    border: 1px solid var(--clr-border);
}

.form-control:focus
{
    border-color: var(--clr-co_hover);
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(var(--clr-co_hover), .25), 0 0 0 2px rgba(var(--clr-co_hover), .25);
}

textarea.form-control
{
    width: 100%;
    min-width: none;
    min-width: 100%;
    max-width: 100%;
}

.form-file
{
    display: block;

    cursor: pointer;
}

.form-file__input
{
    display: none;
}

.form-file__label
{
    position: relative;

    padding-left: 20px;
}

.form-file__label em
{
    font-style: normal;

    color: var(--clr-description);
}

.form-file__label:after
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 18px;
    height: 18px;
    margin-top: 1px;

    content: '';
    transition: .4s;
    transform: translateY(-50%);

    background: url(../img/icon-upload.svg) no-repeat center;
    background-size: contain;
}

.radio
{
    font-weight: normal;

    display: block;

    cursor: pointer;
}

.radio__input
{
    display: none;
}

.radio__input:checked + span
{
    color: var(--clr-co);
}

.radio__input:checked + span:before
{
    background-color: var(--clr-co);
    box-shadow: inset 0 0 0 4px var(--clr-white);
}

.radio__label
{
    position: relative;

    display: inline-block;

    padding-left: 28px;

    transition: .4s;
}

.radio__label:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 18px;
    height: 18px;
    margin-top: -11px;

    content: '';
    transition: .4s;

    border: 1px solid var(--clr-border_light);
    border-radius: 50%;
    background-color: var(--clr-white);
}

.side__block:not(:last-child)
{
    margin-bottom: 32px;
}

.side-block
{
    border: 1px solid var(--clr-border);
    border-radius: 6px;
}

.side-block__title
{
    font-weight: bold;

    margin-bottom: .8em;

    color: var(--clr-co);
}

.side-block__item:not(:last-child)
{
    border-bottom: 1px solid var(--clr-border);
}

.side-block__bottom
{
    margin-top: 24px;
}

.side-cover img
{
    border-radius: 6px;
}

.poll
{
    font-size: 16px;
}

.poll__title
{
    display: flex;

    justify-content: flex-start;
    align-items: stretch;
}

.poll__title-cover
{
    color: var(--clr-co);

    flex-shrink: 0;
}

.poll__title-label
{
    font-weight: bold;
    line-height: 1;

    margin-bottom: .8em;
    margin-left: .5em;
}

.poll__question
{
    font-weight: bold;

    margin-bottom: 1.2em;
}

.poll__ctrls
{
    text-align: center;
}

.poll__ctrl:not(:last-child)
{
    margin-bottom: 8px;
}

.teas-box
{
    display: block;

    text-decoration: none;

    color: var(--clr-text);
}

.teas-box:hover
{
    color: var(--clr-co);
}

.teas-box__visual
{
    margin-bottom: 16px;
}

.teas-box__cover
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    border-radius: 6px;
    background-color: var(--clr-border);
}

.teas-box__cover img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}

.teas-box__title
{
    font-weight: bold;
}

.teas-news:hover
{
    color: var(--clr-co);
}

.teas-news__top
{
    margin-bottom: 4px;
}

.teas-news__title
{
    font-weight: bold;

    display: block;

    color: var(--clr-text);
}

.teas-news__title:hover
{
    color: var(--clr-co);
}

.news-line
{
    display: flex;

    margin: -2px;

    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.news-line > div
{
    padding: 2px;
}

.news-date,
.news-category,
.news-label
{
    color: var(--clr-gray);
}

.news-category,
.news-label
{
    font-weight: bold;
}

.content__item:not(:last-child)
{
    border-bottom: 2px solid var(--clr-border_light);
}

.content__share
{
    margin-top: 32px;
}

.time-stamp
{
    color: var(--clr-gray);
}

.time-stamp__source
{
    font-weight: bold;

    margin-left: 8px;
    padding-left: 8px;

    border-left: 1px solid var(--clr-gray);
}

.title
{
    line-height: 1.2;

    margin-top: .4em;
    margin-bottom: .8em;
}

.description
{
    color: var(--clr-description);
}

.cover__main img
{
    width: 100%;
}

.cover__description
{
    line-height: 1;

    margin-top: 1em;

    color: var(--clr-gray);
}

.text p
{
    line-height: 1.75;
}

.content-block__title
{
    font-weight: bold;

    margin-bottom: 1em;

    color: var(--clr-co);
}

.content-block__item:not(:last-child)
{
    border-bottom: 1px solid var(--clr-border_light);
}

.share-box
{
    padding: 16px;

    border-radius: 6px;
    background: var(--clr-bg-share);
}

.share-box__label
{
    font-weight: bold;
    line-height: 1;

    color: var(--clr-description);
}

.share-btns__list
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    align-items: center;
}

.share-btn
{
    overflow: hidden;

    width: 32px;
    height: 32px;
    padding: 0;

    cursor: pointer;
    text-indent: -9999px;

    border: 0 none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.share-btn--wa
{
    background-image: url(../img/icon-share-wa.svg);
}

.share-btn--tg
{
    background-image: url(../img/icon-share-tg.svg);
}

.share-btn--vk
{
    background-image: url(../img/icon-share-vk.svg);
}

.share-btn--fb
{
    background-image: url(../img/icon-share-fb.svg);
}

.share-btn--tw
{
    background-image: url(../img/icon-share-tw.svg);
}

.pager__list
{
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    justify-content: center;
    align-items: center;
}

.pager__item
{
    padding-right: 2px;
    padding-left: 2px;
}

.pager-link
{
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;

    text-align: center;

    color: var(--clr-co);
    border-radius: 4px;
    background-color: var(--clr-border_light);
}

.pager-link:hover
{
    box-shadow: inset 0 0 0 2px var(--clr-border);
}

.pager-link--active
{
    color: var(--clr-white);
    background-color: var(--clr-co);
}

.breadcrumbs
{
    padding: 8px 0;

    background-color: var(--clr-bg-footer);
}

.breadcrumbs__list
{
    overflow: hidden;

    margin: 0;
    padding: 0;

    list-style: none;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumbs__item
{
    font-size: 12px;

    display: inline;
}

.breadcrumbs__item:not(:last-child)
{
    padding-right: 6px;
}

.breadcrumbs__item:not(:last-child):after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 8px;

    content: '';

    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent var(--clr-placeholder);
}

.breadcrumbs__link
{
    color: var(--clr-text);
}

.breadcrumbs__current
{
    color: var(--clr-placeholder);
}

.a-cats__list
{
    display: flex;

    margin: -4px;
    padding: 0;

    list-style: none;

    justify-content: flex-start;
    align-items: stretch;
}

.a-cats__item
{
    padding: 4px;
}

.a-cats__link
{
    font-size: 12px;
    font-weight: 700;

    position: relative;

    display: block;

    padding: 2px 8px 2px 20px;

    text-transform: uppercase;

    border: 1px solid var(--clr-border_light);
    border-radius: 6px;
    background-color: var(--clr-bg-footer);
}

.a-cats__link::before
{
    position: absolute;
    top: 50%;
    left: 6px;

    width: 6px;
    height: 6px;
    margin-top: -4px;

    content: '';

    border: 1px solid var(--clr-border_light);
    border-radius: 50%;
    background-color: var(--clr-white);
}

.footer
{
    overflow: hidden;

    color: var(--clr-text);
    background-color: var(--clr-bg-footer);
}

.footer a
{
    color: var(--clr-text);
}

.footer a.f-logo
{
    color: var(--clr-co);
}

.footer__description strong
{
    color: var(--clr-co);
}

.footer__copyright
{
    font-size: 12px;

    color: var(--clr-gray);
}

.footer__copyright a
{
    color: var(--clr-gray);
}

.f-nav__title
{
    font-weight: bold;

    color: var(--clr-co);
}

.f-nav__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.f-nav__item
{
    -moz-column-fill: auto;
         column-fill: auto;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}

.f-nav__link
{
    line-height: 2;

    display: inline-block;

    vertical-align: middle;

    color: var(--clr-gray);
}

.f-nav__link:hover
{
    color: var(--clr-co);
}

.u-links
{
    overflow-x: auto;
    overflow-y: hidden;
}

.u-links__list
{
    display: flex;

    justify-content: space-between;
    align-items: center;
}

.u-links__link
{
    display: block;

    max-width: 200px;

    opacity: .75;

    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

.u-links__link:hover
{
    opacity: 1;
}

.app-box__top
{
    margin-bottom: 8px;
}

.app-box__name
{
    font-weight: bold;
}

.app-box__list
{
    display: flex;

    margin: -8px;

    justify-content: flex-start;
    align-items: stretch;
}

.app-box__item
{
    padding: 8px;
}

.app-box__link
{
    display: block;

    opacity: .4;
}

.app-box__link:hover
{
    opacity: 1;
}

.f-logo
{
    line-height: 1.2;
}

@media (min-width: 375px)
{
    .col--in
    {
        display: flex;
        flex-direction: column;

        justify-content: flex-start;
        align-items: stretch;
    }

    .col--third
    {
        max-width: 50%;

        flex-basis: 50%;
    }

    .teas-news__title
    {
        font-size: 18px;
    }
}

@media (min-width: 560px)
{
    .row
    {
        margin: -16px;
    }

    .col
    {
        padding: 16px;
    }

    .col--fourth
    {
        max-width: 50%;

        flex-basis: 50%;
    }

    .front-block__item:not(:last-child)
    {
        margin-bottom: 32px;
    }

    .f-nav__list
    {
        -moz-column-count: 4;
             column-count: 4;
    }
}

@media (min-width: 768px)
{
    .col--third-sm
    {
        max-width: 33.33333%;

        flex-basis: 33.33333%;
    }

    .container
    {
        width: 736px;
    }

    .front-grid
    {
        position: relative;

        display: flex;

        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .front-grid__block
    {
        position: relative;

        max-width: 50%;
        padding: 16px;

        flex: 1 0 50%;
    }

    .front-grid__block:nth-child(1),
    .front-grid__block:nth-child(2)
    {
        padding-top: 0;
    }

    .front-grid__block:nth-child(3),
    .front-grid__block:nth-child(4)
    {
        padding-bottom: 0;
    }

    .front-grid__block:nth-child(odd)
    {
        padding-left: 0;
    }

    .front-grid__block:nth-child(even)
    {
        padding-right: 0;
    }

    .front-grid__block:first-child::before,
    .front-grid__block:first-child::after
    {
        position: absolute;

        content: '';

        background-color: var(--clr-border_light);
    }

    .front-grid__block:first-child::before
    {
        top: 0;
        bottom: 0;
        left: 100%;

        width: 1px;
        height: 100%;
    }

    .front-grid__block:first-child::after
    {
        top: 100%;
        left: 0;

        width: 100%;
        height: 1px;
    }

    .front-grid__block:last-child::before,
    .front-grid__block:last-child::after
    {
        position: absolute;

        content: '';

        background-color: var(--clr-border_light);
    }

    .front-grid__block:last-child::before
    {
        top: 0;
        bottom: 0;
        left: 0;

        width: 1px;
        height: 100%;
    }

    .front-grid__block:last-child::after
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 1px;
    }

    .front-block__title
    {
        font-size: 28px;
    }

    .header__contacts
    {
        margin-left: 16px;
    }

    .header__btn
    {
        display: none;
    }

    .header__extra
    {
        background-color: var(--clr-co);
    }

    .header__extra-wrap
    {
        display: flex;

        justify-content: space-between;
        align-items: center;
    }

    .header__extra-contacts
    {
        display: none;
        overflow: hidden;
    }

    .header__description
    {
        display: none;
    }

    .h-logo__visual
    {
        max-width: 92px;
        padding-right: 24px;

        flex-grow: 1;
        flex-shrink: 0;
    }

    .h-phone-box__value
    {
        font-size: 28px;
    }

    .h-nav__list
    {
        display: flex;

        margin-right: -8px;
        margin-left: -8px;

        justify-content: flex-start;
        align-items: center;
    }

    .h-nav__item
    {
        padding-right: 8px;
        padding-left: 8px;
    }

    .h-nav__item:hover .h-nav__sublist
    {
        transform: rotateX(0);
    }

    .h-nav__link
    {
        color: var(--clr-white);
    }

    .h-nav__sublist
    {
        position: absolute;
        z-index: 2;
        top: 100%;
        left: -8px;

        min-width: 180px;
        margin: 0;
        padding-bottom: 8px;

        transition: .4s;
        transform: rotateX(-90deg);
        transform-origin: 0 0;

        background-color: var(--clr-co);
    }

    .h-nav__sublink
    {
        padding: 8px 16px;

        color: var(--clr-white);
    }

    .form-control
    {
        min-width: 480px;
    }

    .poll__title-label
    {
        font-size: 22px;
    }

    .content__description
    {
        font-size: 16px;
    }

    .title
    {
        font-size: 24px;
    }

    .description
    {
        font-size: 18px;
    }

    .cover__main img
    {
        border-radius: 4px;
    }

    .text p
    {
        font-size: 16px;
    }

    .content-block__title
    {
        font-size: 22px;
    }

    .share-box__wrap
    {
        display: flex;

        justify-content: space-between;
        align-items: center;
    }

    .share-box__label
    {
        font-size: 20px;
    }

    .share-btns__list
    {
        margin-right: -12px;
        margin-left: -12px;

        justify-content: flex-end;
    }

    .share-btns__item
    {
        padding-right: 12px;
        padding-left: 12px;
    }

    .footer__description
    {
        line-height: 1.5;

        margin-top: 1em;
        margin-bottom: 1em;
    }

    .footer__bottom-wrap
    {
        border-top: 1px solid var(--clr-border);
    }

    .f-nav__title
    {
        margin-top: .2em;
        margin-bottom: .4em;
    }

    .f-nav__link
    {
        font-size: 12px;
    }

    .u-links__item:not(:last-child)
    {
        padding-right: 32px;
    }

    .u-links__link
    {
        min-width: 120px;
    }
}

@media (min-width: 992px)
{
    .col--half
    {
        max-width: 50%;

        flex-basis: 50%;
    }

    .col--third
    {
        max-width: 33.33333%;

        flex-basis: 33.33333%;
    }

    .col--fourth
    {
        max-width: 25%;

        flex-basis: 25%;
    }

    .container
    {
        width: 960px;
    }

    .main
    {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .main__grid
    {
        display: flex;

        justify-content: flex-start;
        align-items: stretch;
    }

    .main__content
    {
        padding-right: 32px;
    }

    .main__side
    {
        max-width: 280px;

        flex-shrink: 0;
        flex-basis: 280px;
    }

    .front-grid__block
    {
        padding: 24px;
    }

    .front-block__title
    {
        font-size: 30px;
    }

    .header__search
    {
        flex-basis: 280px;
    }

    .h-logo__visual
    {
        max-width: 104px;
    }

    .h-phone-box__value
    {
        font-size: 32px;
    }

    .h-nav__link
    {
        font-size: 18px;
    }

    .form__bottom
    {
        display: flex;

        justify-content: flex-end;
        align-items: center;
    }

    .form__captcha
    {
        margin-right: 20px;
    }

    .poll__title-label
    {
        font-size: 24px;
    }

    .teas-news__title
    {
        font-size: 20px;
    }

    .content__body
    {
        margin-top: 32px;
    }

    .content__item:not(:last-child)
    {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .content__bottom
    {
        padding-top: 32px;
    }

    .article__description
    {
        margin-bottom: 24px;
    }

    .title
    {
        font-size: 28px;
    }

    .description
    {
        font-size: 20px;
    }

    .content-block__title
    {
        font-size: 28px;
    }

    .content-block__item:not(:last-child)
    {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    .footer__main-wrap
    {
        display: flex;

        margin-right: -16px;
        margin-left: -16px;

        justify-content: flex-start;
        align-items: stretch;
    }

    .footer__info,
    .footer__navs
    {
        padding-right: 16px;
        padding-left: 16px;

        flex-grow: 1;
    }

    .footer__info
    {
        max-width: 40%;

        flex-basis: 40%;
    }
}

@media (min-width: 1200px)
{
    .btn
    {
        font-size: 18px;
    }

    .container
    {
        width: 1168px;
    }

    .main
    {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .main__content
    {
        padding-right: 48px;
    }

    .main__side
    {
        max-width: 320px;

        flex-basis: 320px;
    }

    .front-grid__block
    {
        padding: 32px;
    }

    .front-block__title
    {
        font-size: 32px;
    }

    .header__main
    {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .header__search
    {
        flex-basis: 320px;
    }

    .h-logo__visual
    {
        max-width: 112px;
    }

    .h-phone-box__value
    {
        font-size: 34px;
    }

    .h-nav__list
    {
        margin-right: -16px;
        margin-left: -16px;
    }

    .h-nav__item
    {
        padding-right: 16px;
        padding-left: 16px;
    }

    .h-nav__sublist
    {
        left: 0;
    }

    .h-search__input
    {
        font-size: 16px;
    }

    .side-block__wrap
    {
        padding: 16px 24px;
    }

    .side-block__title
    {
        font-size: 20px;
    }

    .side-block__item:not(:last-child)
    {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    .poll__title-label
    {
        font-size: 26px;
    }

    .poll__item:not(:last-child)
    {
        margin-bottom: 12px;
    }

    .poll__bottom
    {
        margin-top: 24px;
    }

    .teas-box__title
    {
        font-size: 16px;
    }

    .content__description
    {
        font-size: 18px;
    }

    .content__bottom
    {
        padding-top: 48px;
    }

    .article__description
    {
        margin-bottom: 32px;
    }

    .title
    {
        font-size: 32px;
    }

    .description
    {
        font-size: 22px;
    }

    .content-block__title
    {
        font-size: 32px;
    }

    .share-box__label
    {
        font-size: 22px;
    }

    .footer
    {
        padding: 48px 0;
    }

    .footer__main-wrap
    {
        margin-right: -24px;
        margin-left: -24px;
    }

    .footer__info,
    .footer__navs
    {
        padding-right: 24px;
        padding-left: 24px;
    }

    .footer__description
    {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .footer__bottom-wrap
    {
        margin-top: 24px;
        padding-top: 24px;
    }

    .footer__extra
    {
        margin-top: 32px;
    }

    .f-nav__title
    {
        font-size: 20px;
    }

    .app-box__top
    {
        font-size: 16px;
    }
}

@media (min-width: 1432px)
{
    .container
    {
        width: 1400px;
    }

    .main
    {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .front-grid__block
    {
        padding: 48px;
    }

    .front-block__title
    {
        font-size: 36px;
    }

    .h-logo__visual
    {
        max-width: 118px;
    }

    .d-logo__name
    {
        font-size: 44px;
    }

    .h-contacts__main
    {
        margin-bottom: 16px;
    }

    .h-phone-box__label
    {
        font-size: 16px;
    }

    .h-phone-box__value
    {
        font-size: 36px;
    }

    .side-block__title
    {
        font-size: 24px;
    }

    .poll__title-label
    {
        font-size: 28px;
    }

    .teas-news__title
    {
        font-size: 24px;
    }

    .content__bottom
    {
        padding-top: 64px;
    }

    .title
    {
        font-size: 36px;
    }

    .description
    {
        font-size: 24px;
    }

    .content-block__title
    {
        font-size: 36px;
    }

    .footer
    {
        padding: 64px 0;
    }

    .footer__main-wrap
    {
        margin-right: -32px;
        margin-left: -32px;
    }

    .footer__info,
    .footer__navs
    {
        padding-right: 32px;
        padding-left: 32px;
    }

    .footer__bottom-wrap
    {
        margin-top: 32px;
        padding-top: 32px;
    }

    .footer__extra
    {
        margin-top: 40px;
    }

    .f-nav__title
    {
        font-size: 22px;
    }

    .f-logo
    {
        font-size: 28px;
    }
}

@media (max-width: 1431px)
{
    .h-contacts__main
    {
        margin-bottom: 12px;
    }
}

@media (max-width: 1199px)
{
    .btn
    {
        font-size: 16px;
    }

    .header__main
    {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .h-contacts__main
    {
        margin-bottom: 8px;
    }

    .side-block__wrap
    {
        padding: 12px 16px;
    }

    .side-block__title
    {
        font-size: 18px;
    }

    .side-block__item:not(:last-child)
    {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .poll__item:not(:last-child)
    {
        margin-bottom: 8px;
    }

    .poll__bottom
    {
        margin-top: 16px;
    }

    .footer
    {
        padding: 32px 0;
    }

    .footer__bottom-wrap
    {
        margin-top: 16px;
        padding-top: 16px;
    }

    .footer__extra
    {
        margin-top: 24px;
    }

    .f-nav__title
    {
        font-size: 18px;
    }
}

@media (max-width: 991px)
{
    .main
    {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .main__side
    {
        margin-top: 32px;
    }

    .h-phone-box__label
    {
        font-size: 12px;
    }

    .form__captcha
    {
        margin-bottom: 20px;
    }

    .content__body
    {
        margin-top: 16px;
    }

    .content__item:not(:last-child)
    {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .content__bottom
    {
        padding-top: 24px;
    }

    .article__description
    {
        margin-bottom: 16px;
    }

    .content-block__item:not(:last-child)
    {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .footer__info
    {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px)
{
    .container
    {
        width: 100%;
    }

    .page.opened
    {
        overflow: hidden;

        height: 100vh;
    }

    .front-grid__block:not(:last-child)
    {
        margin-bottom: 32px;
        padding-bottom: 32px;

        border-bottom: 1px solid var(--clr-border_light);
    }

    .front-block__title
    {
        font-size: 24px;
    }

    .header
    {
        z-index: 10;

        width: 100%;

        border-bottom: 1px solid var(--clr-bg-navbar);
    }

    .header__contacts
    {
        display: none;
    }

    .header__extra
    {
        position: fixed;
        right: 0;
        left: 0;

        display: none;

        height: calc(100vh - 58px);

        background-color: var(--clr-bg-navbar);
    }

    .header__extra.open
    {
        z-index: 8;

        display: block;
        overflow: auto;
    }

    .header__extra-wrap
    {
        max-width: 360px;
        margin-left: auto;
        padding-right: 32px;
    }

    .header__search
    {
        margin-top: 16px;
    }

    .header__extra-contacts
    {
        margin-top: 24px;
    }

    .header__extra-contacts .h-phone-box__label
    {
        color: var(--clr-gray);
    }

    .header__extra-contacts .soci-link
    {
        opacity: .5;

        -webkit-filter: invert(100%);
                filter: invert(100%);
    }

    .header__description
    {
        font-size: 12px;
        line-height: 1.5;

        margin-top: 1em;

        text-align: right;
    }

    .h-logo__visual
    {
        display: none;
    }

    .h-logo__main img
    {
        width: auto;
        height: 34px;
    }

    .d-logo__name
    {
        font-size: 24px;
    }

    .h-phone-box__value
    {
        font-size: 24px;
    }

    .h-nav__item
    {
        text-align: right;
    }

    .h-nav__link
    {
        font-size: 18px;

        color: var(--clr-co);
    }

    .h-nav__subbtn
    {
        position: absolute;
        top: 0;
        right: -32px;

        width: 32px;
        height: 38px;

        cursor: pointer;

        opacity: .5;
    }

    .h-nav__subbtn.open:before
    {
        transform: rotate(180deg);
    }

    .h-nav__subbtn:before
    {
        position: absolute;
        top: 50%;
        left: 50%;

        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;

        content: '';

        background-image: url(../img/icon-chevron-down.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }

    .h-nav__sublist
    {
        display: none;

        margin: 0 0 0 10px;
    }

    .h-nav__sublist.open
    {
        display: block;
    }

    .h-nav__sublink
    {
        padding: 6px 0;
    }

    .form-control
    {
        width: 100%;
    }

    .poll__title-label
    {
        font-size: 20px;
    }

    .time-stamp
    {
        font-size: 12px;
    }

    .title
    {
        font-size: 18px;
    }

    .description
    {
        font-size: 16px;
    }

    .cover__main
    {
        margin-right: -16px;
        margin-left: -16px;
    }

    .cover__description
    {
        font-size: 12px;
    }

    .content-block__title
    {
        font-size: 18px;
    }

    .share-box__label
    {
        font-size: 18px;

        margin-bottom: 8px;
    }

    .share-btns__list
    {
        max-width: 280px;

        justify-content: space-between;
    }

    .footer__logo
    {
        margin-bottom: 1.5em;
    }

    .footer__description
    {
        display: none;
        visibility: hidden;
    }

    .footer__description,
    .footer__apps
    {
        display: none;
        visibility: hidden;
    }

    .footer__nav
    {
        position: relative;

        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .footer__nav::after
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        height: 1px;

        content: '';

        background-color: var(--clr-border_light);
    }

    .footer__bottom-wrap
    {
        position: relative;
    }

    .footer__bottom-wrap::after
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;

        height: 1px;

        content: '';

        background-color: var(--clr-border_light);
    }

    .f-nav__main
    {
        display: none;
    }

    .f-nav__main.open
    {
        display: block;
    }

    .f-nav__title
    {
        position: relative;

        display: inline-block;

        padding-right: 24px;

        vertical-align: middle;
    }

    .f-nav__title::after
    {
        position: absolute;
        top: 50%;
        right: 0;

        width: 24px;
        height: 24px;
        margin-top: -12px;

        content: '';
        transform: rotate(-90deg);

        background-image: url(../img/icon-chevron-down.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }

    .f-nav__title.open::after
    {
        transform: rotate(0);
    }

    .u-links__list
    {
        margin-top: 0;
        margin-bottom: 0;
    }

    .u-links__item
    {
        min-width: 160px;
    }

    .u-links__item:not(:last-child)
    {
        padding-right: 16px;
    }

    .f-logo
    {
        font-size: 20px;
    }
}

@media (max-width: 559px)
{
    .row
    {
        margin: -8px;
    }

    .col
    {
        padding: 8px;
    }

    .front-block__item:not(:last-child)
    {
        margin-bottom: 24px;
    }

    .d-logo__extra
    {
        display: none;
    }

    .news-line
    {
        font-size: 12px;
    }

    .f-nav__list
    {
        -moz-column-count: 2;
             column-count: 2;
    }
}

@media (max-width: 374px)
{
    .teas-news__title
    {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .d-logo__name
    {
        font-size: 32px;
    }

    .h-nav__link
    {
        font-size: 14px;
    }

    .f-logo
    {
        font-size: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .d-logo__name
    {
        font-size: 36px;
    }

    .footer__info
    {
        margin-bottom: 32px;
    }

    .f-logo
    {
        font-size: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1431px)
{
    .d-logo__name
    {
        font-size: 40px;
    }

    .f-logo
    {
        font-size: 26px;
    }
}
/*# sourceMappingURL=sourcemaps/main.min.css.map */