:root {
    --border-color: #000000;
    --basic-green: #007901;
    --basic-color-hover: #489348;
    --link-hover: #0056b3;
}


.small_menu .links {
    display: flex;
    gap: 10px;
}

.small_menu a {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    font-family: "Segoe UI";
}

.small_menu a:hover {
    text-decoration: underline;
}

.logo_block {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.logo_block a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.logo_block img {
    width: 100px;
}

.logo_block .logo_big_text {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.logo_block .down_text {
    position: relative;
    width: 100%;
    text-align: center;
}

.logo_block .logo_small_text {
    font-weight: 700;
    color: #636e72;
    background-color: #fff;
    padding: 0 10px;
    font-size: 16px;
}

.logo_block .logo_line {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--border-color);
    z-index: -2;

}

nav.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 3px solid var(--border-color);
    padding-bottom: 15px;
}

nav.nav .links {
    display: flex;
    gap: 20px;
}

nav.nav a {
    color: #000;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    position: relative;
}

nav.nav a:first-child {
    margin-left: 10px;
}

.nav.nav a::after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background-color: #000;
}

nav.nav a:hover {
    text-decoration: underline;
}

.captions-content {
    border: none;
    background-color: #fff;
    padding-bottom: 30px;
}

.captions-content h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}

.captions-content ul {
    display: flex;
    gap: 10px;
}

.captions-content ul li a {
    font-weight: 400;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.42)
}

.tabs-control .tc-captions ul li.is-current a {
    background-color: var(--basic-green);
    font-size: 18px;
    color: #fff;
    border-color: var(--basic-green);
    box-shadow: none;
    padding: 5px 27px;
}

.advice .links, .partner_mews .links, .tv .links {
    display: flex;
    gap: 10px;
    align-items: center;
}

.advice .tabs-control .tc-captions ul {
    justify-content: flex-start;
}

.advice .links a, .partner_mews .links a, .tv .links a {
    font-weight: 400;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.42);
    padding: 5px 27px;
    border-radius: 4px;
    text-decoration: none;
    color: #000;
    height: fit-content;
    font-size: 18px;
}

.advice .title, .partner_mews .title, .tv .title {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
}

.advice .block_title, .partner_mews .block_title {
    border-bottom: 3px solid var(--border-color);
    padding-bottom: 30px;
}


.advice .important {
    background-color: #e3e3e3;
}

.advice .article-teaser {
    height: 100%;
}

.advice .article-teaser {
    padding: 10px 0;
}

.advice h2 {
    line-height: 16px !important;
}

.header-news {
    max-width: 100% !important;
}

.article-teaser {
    text-decoration: none;
    color: #000;
}

.search-form input[type=text] {
    border-left:  1px solid var(--border-color) !important;
}
@media (max-width: 768px) {
    border-bottom:  1px solid var(--border-color) !important;
    border-right:  1px solid var(--border-color) !important;
    border-right:  1px solid var(--border-color) !important;
}

.search-form input[type=text]::placeholder{
    color: #000;
}
.page-section:not(:last-child).is-primary {
    border-bottom: 3px solid var(--border-color) !important;
}

.block-headline.has-border {
    border-bottom: 3px solid var(--border-color) !important;
}

.page-section:not(:last-child) {
    border-bottom: 1px solid var(--border-color) !important;
}

.tabs-control .tc-captions {
    border-bottom: 3px solid var(--border-color) !important;
}


.b-t-2 {
    border-top: 2px solid var(--border-color) !important;
}

.buttons-toolbar {
    padding-top: 15px;
}

.partner_mews .title_article a {
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
    display: table-cell;
    color: #000;
    text-decoration: none;
}

.swiper {
    width: 100%;
    height: fit-content;
}

.swiper_expert {
    overflow: hidden;
}

.swiper-slide_advice {
    padding-top: 10px;
    min-height: 290px;
    text-align: center;
    display: flex!important;
}


.custom-button-next, .custom-button-prev, .custom-button-prev_expert, .custom-button-next_expert {
    color: var(--basic-green);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1111;
    position: absolute;
    top: 50%;
    padding: 10px;
    transition: color .3s;
}

.custom-button-next svg, .custom-button-prev svg, .custom-button-prev_expert svg, .custom-button-next_expert svg {
    height: 70px;
}

.custom-button-next:hover, .custom-button-prev:hover, .custom-button-prev_expert:hover, .custom-button-next_expert:hover {
    color: var(--basic-color-hover);
}

.slider_block, .slider_advice_block {
    position: relative;
}


.slider_block .article-teaser {
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.slider_block .article-teaser h2 {
    margin-top: 5px;
    display: block;
}

.slider_block .article-teaser:hover {
    color: var(--link-hover);
}

.custom-button-next, .custom-button-next_expert {
    right: -13px;
    transform: translate(50%, -50%);
}

.custom-button-prev, .custom-button-prev_expert {
    left: -13px;
    transform: translate(-50%, -50%);
}

.mobile_search {
    padding: 10px;

}

.mobile_search input[type=text] {
    border: none !important;
}

.read_more {
    border-bottom: 2px solid var(--border-color);
    padding-bottom: 20px;
}

.read_more a {
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid var(--basic-green);
    font-size: 14px;
    font-weight: 700;
}

.spec_project_block {
    margin-top: -16px;
    margin-bottom: 20px !important;
}

.spec_project_block .jumbotron-headline {
    padding-top: 80px;
    padding-bottom: 80px;
}

.active_btn {
    background-color: var(--basic-green);
    color: #fff !important;
}

.plot .search_group {
    display: flex;
    gap: 5px;
}

.mt-15 {
    margin-top: 15px !important;
}

.b-t-3 {
    border-top: 3px solid var(--border-color);
}

li.theme_name {
    margin: 0 !important;
    padding: 0 !important;
}

.tags-list {
    display: flex;
    gap: 5px;
}

.tags-list li a {
    border-color:#000;
}
.carousel_title{
    border-top: 3px solid var(--border-color);
    display: block;
    width: 100%;
    padding-top: 15px;
}

.expert_card h2 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}
.title_expert_advice{
    margin-bottom: 13px;
}

.tag_btn{
    color: #000!important;
}
.line-center{
    position: static;
    margin: auto;
}
.article_img{
    margin: 0;
}
.article_text{
    text-align: left;
}
.zen{

    border-radius: 100%;
    background-color: #000;
    width: 24px!important;
    height: 24px!important;
}
.zen a{
    transition: .3s;
}
.zen a:hover{
    background-color: #ed2b2b;
}
.zen img{
    width: 18px!important;
    height: 18px!important;
}
.js-nav-menu a{
    text-transform: uppercase;
}
@media (max-width: 1024px) {

    .plot .search_group a.ghost-btn {
        padding: 5px 5px !important;
    }

}

@media (max-width: 991px) {
    #site-header .logo_block {
        padding-bottom: 30px;
        border-bottom: 2px solid var(--border-color);
    }

    .plot .search_group a.ghost-btn {
        padding: 5px 5px !important;
    }

    .block_title .row {
        gap: 10px;
    }
}

@media (min-width: 768px) {
    .tabs-control .tc-captions {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    .join_us {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page-headline .title {
        font-size: 26px;
    }

    .textblock p, .textblock > * {
        font-size: 16px;
    }

    .site-header .logo-area {
        margin-left: 0 !important;
    }

    .captions-content {
        margin-top: 20px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
        padding: 0;
    }

    .tabs-control .tc-captions {
        padding-bottom: 0 !important;
    }

    .tabs-control .tc-captions {
        padding-bottom: 0 !important;
    }

    .captions-content h4 {
        font-size: 18px;
        margin-right: 10px;
    }

    .captions-content ul li a {
        padding: 5px 10px !important;
    }

    .advice .links a {
        padding: 5px 10px !important;
    }

    .plot .search_group {
        flex-direction: column;
        align-items: self-start;
    }

    .plot .search_group a.ghost-btn {
        font-size: 12px;
    }
    .title_expert_advice{
        font-size: 22px;
    }

    .article_img{
        margin: auto;
    }
    .article_text{
        text-align: center;
    }

}

@media (max-width: 576px) {
    .custom-button-next, .custom-button-prev, .custom-button-prev_expert, .custom-button-next_expert {
        display: none;
    }

    .tabs-control .tc-captions ul li a {
        font-size: 12px;
    }

    .advice .links a {
        font-size: 12px;
    }

    .tabs-control .tc-captions ul li.is-current a {
        font-size: 12px;
    }

    .logo_block .logo_big_text {
        font-size: 18px;
        margin-bottom: 0;
    }

    .logo_block .logo_small_text {
        font-size: 14px;
    }

    h3.title {
        font-size: 16px;
    }
    .search-form input[type=text]{
        width: 120px !important;
    }

}

@media (max-width: 450px) {

    .tabs-control .tc-captions ul li a {
        font-size: 12px;
    }

    .tabs-control .tc-captions ul li.is-current a {
        font-size: 12px;
    }

    .logo_block .logo_big_text {

        font-size: 16px;
    }

    .logo_block .logo_small_text {
        font-size: 12px;
    }
    .page-section:not(:last-child){
        padding-bottom: 0;
    }
}

@media (max-width: 400px) {
    .logo_block .logo_big_text {
        font-size: 14px;
    }

    .logo_block .logo_small_text {
        font-size: 10px;
    }
}

.latest-news li
{
    padding: 12px 0;
}

.main-news a:hover .title {
    text-decoration: none;
    color: var(--basic-green);
}

.tabs-control .tc-captions ul li a {
    padding: 5px 27px;
}