.b-article-detail-content{
    background: #f0f0f0;
}
.b-article-detail-content .row{
    padding-top: 20px;
    padding-bottom: 50px;
}
.body-wrap.fix .b-article-detail-content .row{
    padding-top: 230px;
}

.b-article-detail-content .breadcrambs{
    margin-bottom: 20px;
}
.b-article-detail-content__detail-text{

}
.b-article-detail-content__detail-text .b-article-detail-content__picture{
    
}
.b-article-detail-content__detail-text .b-article-detail-content__picture img{
    width: 100%;
    height: auto;
}

.blog_header{
    position: relative;
    min-height: 140px;
    width: 100%;
}
.blog_header .b-article-detail-head__title{
    position: absolute;
    bottom: 25px;
    left: 20px;
}
.blog_header .b-article-detail-head__title h1{
    text-transform: uppercase;
    font-weight: 500;
    line-height: 41px;
    color: #000;
    font-size: 32px;
    margin: 5px 0 0;
    display: inline;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(13%),#fff 1px);
    background-image: linear-gradient(transparent calc(13%),#fff 1px);
    position: relative;
    padding: 3px 5px 12px;
}
.blog_header .b-article-detail-head__title .head_info{
    display: flex;
    margin: 15px 0;
}
.blog_header .b-article-detail-head__title .head_info .date_head{
    color: #999;
    background: #fff;
    display: inline-block;
    height: 22px;
    position: relative;
    line-height: 22px;    
    padding: 0 10px;
}
/* .blog_header .b-article-detail-head__title .head_info .date_head:after {
    content: '/';
    position: absolute;
    right: -5px;
    bottom: 0;
    background: #fff;
    height: 22px;
    width: 7px;
    z-index: 9;
} */
.blog_header .b-article-detail-head__title .head_info .viev_head{
    color: #999;
    background: #fff;
    display: inline-block;
    height: 22px;
    position: relative;
    line-height: 22px;
    padding: 0 10px;
}

.blog_content_body_row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.blog_content_body_row .content_field{
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.blog_content_body_row .content_sidebar{
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.b-article-detail-content__detail-text h2{
    margin: 25px 0 15px;
    font-size: 30px;
    line-height: 36px;
}


.blog_header h2 {
    margin: 15px 0;
}

.b-article-detail-content__detail-text p{

}
.b-article-detail-content__detail-text a{
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #00B475;
}
.b-article-detail-content__detail-text img{
    margin: 0 0 15px;
    max-width: 100%;
}
.b-article-detail-content__detail-text ul {
    padding: 0 0 0 20px;
    margin: 0 0 0 0;
}
.b-article-detail-content__detail-text ul li{

}
.b-article-detail-content__detail-text ul li::marker{
    color: #F98F1B;
}


.texts-list.menu-oglav{
    margin: 0px 0 30px;
}
.texts-list.menu-oglav h3{
    font-weight: 500;
    font-size: 23px;
    line-height: 36px;
    color: #000000;
}


.texts-list.menu-oglav ol{
    padding: 0 0 0 20px;
}
.texts-list.menu-oglav ol li{

}
.texts-list.menu-oglav ol li::marker{
    color: #000000;
}
.texts-list.menu-oglav ol li a{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}




.title.big_margin{
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #192834;
    text-align: left;
    margin: 30px 0 20px;
    text-transform: inherit;
}
.news_block{
    margin: 0;
}
.news_block a{
    display: block;
    line-height: 28px;
    height: auto;
}



.news_obj_list{

}
.news_obj_list .block_title{
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 40px;
    color: #192834;
    text-transform: uppercase;
}
.news_obj_list .news_obj_item{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.09);
    margin-bottom: 30px;
    background: #fff;
}
.news_obj_list .news_obj_item:hover{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);    
}

.news_obj_list .news_obj_item a{
    
}
.news_obj_list .news_obj_item img{
    margin: 0;
    padding: 2px;
    width: 100%;
}
.news_obj_list .news_obj_item p{
    margin: 5px 10px 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.news_obj_list .news_obj_list_title{
    font-weight: 600;
    font-size: 21px;
    line-height: 24px;
}
.news_obj_list .news_obj_item p span{
    display: block;
    font-weight: 400;
    font-size: 16px;
}

.catalog--top{
    background: #f0f0f0;
}
.catalog--top .first_baner .col_wrap_marg{
    margin: 0;
}

.text{
    color: #192834;
    font-size: 17px; 
}
.text h3{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    font-style: normal;
    color: #192834;
}

.text_img{
    display: flex;
    padding: 15px 0;
}
.text_img .text_block_1{
    flex: 0 0 65%;
    max-width: 65%;
}
.text_img .img_block_1{
    flex: 0 0 35%;
    max-width: 35%;    
}
.text_img .img_block_1 img{
    border-radius: 10px;
    width: 100%;
    height: auto;
}
.text_img.right .img_block_1{
    padding: 0 0 0 20px;
}
.text_img.left .img_block_1{
    padding: 0 20px 0 0;
}


.news_gallery_list {
    margin: 0 23px 0;
    padding: 0 0 40px;
}
.news_gallery_list .news_gallery_list_title{
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 40px;
    color: #192834;
    text-transform: uppercase;
}

.owl-controls {
    width: 100%;
}
.owl-gall .owl-nav {
    opacity: 1;
    transition: all 0.5s;
}
.owl-gall .owl-nav .owl-next {
    font-size: 0px;
    width: 34px;
    height: 33px;
    background-color: rgb(255 255 255 / 60%);
    background-image: url(/local/templates/officenavigator_new/images/arr_l.svg);
    background-size: 10px;
    background-position: 13px;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 17px);
    right: 5px;
}
.owl-gall .owl-nav .owl-prev {
    font-size: 0px;
    width: 34px;
    height: 34px;
    background-color: rgb(255 255 255 / 60%);
    background-image: url(/local/templates/officenavigator_new/images/arr_r.svg);
    background-size: 10px;
    background-position: 11px;
    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 17px);
    left: 5px;
}
.owl-gall .owl-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    width: 100%;
}
.owl-gall .news_gallery_list_item{
    width: 100%;
}
.owl-gall .news_gallery_list_item img{
    border-radius: 10px;    
}


/* FAQ */
.faq{
    margin: 0 0 50px;
}
.faq .block_title{
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 40px;
    color: #192834;
    text-transform: uppercase;
}
.faq .faq_body{

}
.faq .faq_body .faq_item{
    /* padding: 10px 20px; */
    margin: 20px 0;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #E7E6E6;
    transition: all 0.3s;
    cursor: pointer;
}
.faq .faq_body .faq_item.active, .faq .faq_body .faq_item:hover {
    background: #00b475;
    color: #fff;
}
.faq .faq_body .faq_item .faq_title{
    margin: 15px;
    width: calc(100% - 40px);
    position: relative;
    font-weight: 600;
    font-size: 18px;
    color: #192834;
}
.faq .faq_body .faq_item:hover .faq_title{
    color: #fff;
}
.faq .faq_body .faq_item .faq_title:before{
    content: '';
    position: absolute;
    right: -20px;
    top: -8px;
    width: 37px;
    height: 37px;
    background-image: url(/local/templates/officenavigator_new/images/arr.svg);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    font-size: 40px;
    padding: 5px 15px;
    transform: rotate(0deg);
    transition: all 0.2s;
}
.faq .faq_body .faq_item .faq_descr{
    display: none;
    padding: 10px 18px;
}
.faq .faq_body .faq_item.active .faq_title{
    color: #ffffff;
}
.faq .faq_body .faq_item.active .faq_descr{
    display: block;
    color: #ffffff;
}
.faq .faq_body .faq_item.active .faq_title:before{
    transform: rotate(90deg);
    
}

/* FAQ end */




@media(max-width:1022px){
    .catalog--top .container.first_baner {
        display: block;
    }
    .catalog--top .home_title {
        display: block;
    }
    .text_img {
        display: block;
    }
}
@media(max-width:900px){
    .blog_content_body_row {
        display: block;
    }
    .blog_content_body_row .content_field {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog_content_body_row .content_sidebar {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .text_img .text_block_1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .text_img .img_block_1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .text_img.right .img_block_1 {
        padding: 0;
        margin: 0 0 15px;
    }
    .text_img.left .img_block_1 {
        padding: 0;
        margin: 0 0 15px;
    }
}
@media(max-width:650px){
    body {
        font-size: 16px;
        line-height: 20px;
    }
    .blog_header .b-article-detail-head__title h1 {
        font-size: 18px;
        line-height: 18px;
        /* letter-spacing: 1.5px; */
    }
    .b-article-detail-content__detail-text a {

        font-size: 16px;
        line-height: 21px;
    }

    .blog_header .b-article-detail-head__title {
        position: inherit;
        bottom: 10px;
        left: 0;
    }

    .blog_header .b-article-detail-head__title .head_info {
        display: flex;
        margin: 5px 0;
    }
}