/*
Theme Name: chek-legal
Theme URI: https://freelance.ru/Varhola
Version: 1.0
Description: Шаблон разработан индивидуально для сайта chek-legal
Author: Вархола Константин
Author URI: https://freelance.ru/Varhola
*/


:root{
    --white: #fff;
    --black: #000;
    --color1: #434343;
    --color2: #08a652;
    --color3: #aeaeae;
    --color4: #292929;
    --color5: #0e6b38;
    --color6: #f0f0f0;
    --color7: #191919;
    --color8: #cccccc;
    --color9: #474747;
    --color10: #d9d9d9;
    --color11: #e8e8e8;
    --color12: #009f4b;


    --headerHeight: 95px;
    --searchHeight: 29px;
    --meinMenuHeight: 54px;

    --titleFont: 30px Gilroy-Regular;
}



input::-webkit-input-placeholder{opacity:1;color: var(--color1);}
input::-moz-placeholder{opacity:1;color: var(--color1);}
input:-moz-placeholder{opacity:1;color: var(--color1);}
input:-ms-input-placeholder{opacity:1;color: var(--color1);}
input:focus::-webkit-input-placeholder{opacity:0;}
input:focus::-moz-placeholder{opacity:0;}
input:focus:-moz-placeholder{opacity:0;}
input:focus:-ms-input-placeholder{opacity:0;}
textarea::-webkit-input-placeholder{opacity:1;color: var(--color1);}
textarea::-moz-placeholder{opacity:1;color: var(--color1);}
textarea:-moz-placeholder{opacity:1;color: var(--color1);}
textarea:-ms-input-placeholder{opacity:1;color: var(--color1);}
textarea:focus::-webkit-input-placeholder{opacity:0;}
textarea:focus::-moz-placeholder{opacity:0;}
textarea:focus:-moz-placeholder{opacity:0;}
textarea:focus:-ms-input-placeholder{opacity:0;}


body{
    font: 16px Gilroy-Regular;
    color: var(--color1);
    min-width: 370px;
}
body.ovh{
    overflow: hidden;
    height: 100vh;
    width: 100vw;
}
.container-fluid{
    display: table;
    position: relative;
    width: 1180px;
    margin: auto;
    padding: 0 10px;
    overflow: hidden;
}
.container .container-fluid{
    overflow: visible;
}
.container .container-fluid.cf-ovh{
    overflow: hidden;
}



.dspn{
    display: none !important;
}
strong,
b{
    font-weight: normal;
    font-family: Gilroy-Bold;
}
a{
    text-decoration: underline;
    color: var(--color1);
}
a:hover{
    text-decoration: none;
}

.btn1{
    display: block;
    height: 46px;
    width: 191px;
    background-color: var(--color2);
    color: var(--white);
    font: 14px/46px Gilroy-Semibold;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
}
.btn1:hover{

}

.btn2{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    width: 172px;
    height: 50px;
    font-family: Gilroy-Semibold;
    background-color: var(--color11);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: var(--color1) !important;
}
.btn2 svg{
    width: 12px;
    height: 18px;
    padding: 4px 0 0 9px;
}
.btn2:hover{

}

.bofbr-mobtitle1,
.bofbr-mobtitle2,
.komanda-swiper-button,
.opdb1-info-mob,
.mob-title-wrapper,
.mm-phone,
.mobMenuBtnClose,
.mobMenuBtn{
    display: none;
}


.container-fluid p{
    margin-bottom: 25px;
}
.container-fluid p:last-child{
    margin-bottom: 0;
}


/*--  header  --*/
    header{
        height: var(--headerHeight);
    }
    header .container-fluid{
        width: 1200px;
        padding: 0;
        height: var(--headerHeight);
    }
    .h-block1{
        font-size: 14px;
        display: block;
        width: 100%;
        height: var(--headerHeight);
        overflow: hidden;
        position: relative;
    }
    .hb1-block2-wrapper > div,
    .h-block1 > div{
        float: left;
    }
    .hb1-block2-wrapper {
        width: calc(100% - 585px);
    }
    .hb1-logo{
        width: 325px;
    }
    .hb1-logo a{
        display: block;
        height: var(--headerHeight);
    }
    .hb1-logo img{
        max-height: 100%;
    }
    .hb1-block1{
        width: 260px;
        height: var(--headerHeight);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hb1-block2{
        width: 265px;
        margin-right: 50px;
        text-align: right;
        height: var(--headerHeight);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hb1b2-block1 {
        text-align: left;
        display: table;
        width: 100%;
    }
    .hb1b2-block1 div:last-child{
        float: right;
    }
    .hb1b2-block1 div a{
        color: var(--color2);
    }
    .hb1b2-metro{
        float: left;
        padding-left: 21px;
        background-image: url('../img/metro.png');
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .hb1-block3{
        width: 138px;
        height: var(--headerHeight);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .hb1b3-wrapper{
        width: calc(100% - 2px);
        height: var(--searchHeight);
        border: 1px solid var(--color3);
    }
    .hb1-block3 .search-form__input{
        height: calc(var(--searchHeight) - 2px);
        float: left;
        width: calc(100% - 44px);
        border: none;
        padding: 2px 0 0 10px;
        margin: 0;
        font: 14px Gilroy-Regular;
        color: var(--color1);
        background-color: none;
    }
    .hb1-block3 .searchsubmit{
        float: left;
        width: 34px;
        height: var(--searchHeight);
        border: none;
        padding: 0;
        margin: 0;
        background: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .hb1-block3 .searchsubmit svg{
        width: 16px;
        height: 16px;
    }
    .h-block1 div.hb1-block4{
        float: right;
        width: 130px;
        height: var(--headerHeight);
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right;
    }
    .hb1-block4 .hb1b4-phone{
        color: var(--color1);
        font: 16px Gilroy-Semibold;
        text-decoration: none;
    }
    .hb1-block4 .hb1b4-phone:hover{
        text-decoration: underline;
    }
    .hb1-block4 .hb1b4-phone span{
        color: var(--color2);
    }
    .hb1-block4 .zakaz-btn{
        color: var(--color2);
        cursor: pointer;
    }
/*--  end header  --*/

/*--  main_menu  --*/
    .main_menu{
        height: var(--meinMenuHeight);
        background-color: var(--color4);
    }
    .main_menu .container-fluid{
        width: 1200px;
        padding: 0;
    }
    .main_menu-wrapper{
        width: 820px;
        float: left;
    }
    .main_menu-wrapper ul {
        display: flex;
        justify-content: space-between;
    }
    .main_menu-wrapper ul li{

    }
    .main_menu-wrapper ul li a{
        display: flex;
        height: var(--meinMenuHeight);
        cursor: pointer;
        align-items: center;
        font: 14px Gilroy-SemiBold;
        color: var(--white);
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
    }
    .main_menu-wrapper ul li a:after{
        content: '';
        position: absolute;
        height: 1px;
        bottom: 17px;
        left: 50%;
        width: 0;
        background-color: var(--white);
        -webkit-transition: width .2s, left .2s;
        -moz-transition: width .2s, left .2s;
        -ms-transition: width .2s, left .2s;
        -o-transition: width .2s, left .2s;
        transition: width .2s, left .2s;
    }
    .main_menu-wrapper ul li.current-menu-parent a:after,
    .main_menu-wrapper ul li.current-menu-item a:after,
    .main_menu-wrapper ul li a:hover:after{
        width: 100%;
        left: 0;
    }
    .zadat-vopros-wrapper{
        float: right;
        display: flex;
        align-items: center;
        height: var(--meinMenuHeight);
    }
    .main_menu .zadat-vopros{

    }
/*--  end main_menu  --*/

/*--  block1  --*/
    .block1{
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        height: 564px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .b1-info{
        width: 650px;
        height: 276px;
        background-color: rgba(25,25,25,.55);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: var(--white);
        flex-direction: column;
        padding: 0 50px;
    }
    .b1i-block1{
        font: 38px Gilroy-Medium;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 22px;
        margin-bottom: 21px;
    }
    .b1i-block1:after{
        content: '';
        width: 78px;
        height: 2px;
        background-color: var(--color2);
        position: absolute;
        left: calc(50% - 39px);
        bottom: 0;
        opacity: .6;
    }
    .b1i-block2{
        font: 20px Gilroy-Regular;
        max-width: 450px;
    }
/*--  end block1  --*/

/*--  preimushestva  --*/
    .preimushestva{
        height: 185px;
        background-color: var(--color6);
        display: flex;
        justify-content: center;
    }
    .preimushestva-wrapper{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 40px;
        grid-row-gap: 20px;
    }
    .pw-item{

    }
    .pwi-img{
        height: 62px;
    }
    .pwi-img img{
        max-height: 56px;
    }
    .pwi-img svg {
        height: 56px;
    }
    .pwi-text{
        font: 14px Gilroy-Regular;
        color: var(--black);
    }
/*--  end preimushestva  --*/

/*--  block2  --*/
    .block2{
        padding: 70px 0;
    }
    .block2 .container-fluid{
        width: 1100px;
        padding: 0;
    }
    .b2-wrapper{

    }
    .h1,
    .b2w-title{
        font: var(--titleFont);
        color: var(--color1);
        text-align: center;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }
    .bofhr-item:after,
    .h1:after,
    .bo-title:after,
    .bppw-title:after,
    .b2w-title:after{
        content: '';
        width: 78px;
        height: 2px;
        background-color: var(--color2);
        position: absolute;
        left: calc(50% - 39px);
        bottom: 0;
    }
    .h1 span,
    .b2w-title span{
        font-family: Gilroy-Semibold;
    }
    .b2w-text{
        font: 16px Gilroy-Regular;
        color: var(--color1);
    }
/*--  end block2  --*/

/*--  block-form1  --*/
    .block-form1,
    .bf1-wrapper{
        height: 286px;
    }
    .block-form1 {
        position: relative;
    }
    .block-form2:before,
    .block-form1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: rgba(41,41,41,.6);
        opacity: .5;
    }
    .block-form2 .container-fluid,
    .block-form1 .container-fluid {
        z-index: 4;
    }
    .bf1-wrapper{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .bf2-title,
    .bf1-title{
        padding-left: 105px;
        position: relative;
        font: var(--titleFont);
        color: var(--white);
        text-transform: uppercase;
        margin-bottom: 27px;
    }
    .bf2-title span,
    .bf1-title span{
        font-family: Gilroy-Semibold;
    }
    .bf1-title:after{
        content: '';
        position: absolute;
        left: 6px;
        top: 13px;
        width: 78px;
        height: 2px;
        background-color: var(--color2);
    }
    .bf1-body{
        display: table;
        width: 100%;
    }
    .bf2b-info,
    .bf1b-info{
        margin-left: 66px;
        float: left;
    }
    .bf2b-info ul,
    .bf1b-info ul{

    }
    .bf2b-info ul li,
    .bf1b-info ul li{
        font: 16px Gilroy-Regular;
        color: var(--white);
        padding-left: 40px;
        position: relative;
        min-height: 24px;
        margin-bottom: 15px;
    }
    .bf2b-info ul li:last-child,
    .bf1b-info ul li:last-child{
        margin-bottom: 0;
    }
    .bf2b-info ul li:after,
    .bf1b-info ul li:after{
        content: '';
        position: absolute;
        left: 0;
        top: -4px;
        background-image: url('../img/ul_li.png');
        background-repeat: no-repeat;
        width: 21px;
        height: 24px;
    }
    .bf1b-btn{
        margin-right: 66px;
        float: right;
    }
    .bf1b-btn a.btn1{
        width: 300px;
        height: 52px;
        line-height: 52px;
        font-size: 16px;
    }
/*--  end block-form1  --*/

/*--  block_uslugi  --*/
    .block_uslugi{
        padding: 75px 0 57px;
    }
    .bu-wrapper{

    }
    .buw-items{
        margin-bottom: 56px;
    }
    .buw-items:last-child{
        margin-bottom: 0;
    }
    .buwi-title{
        font: var(--titleFont);
        color: var(--color1);
        margin-bottom: 23px;
    }
    .buwi-title span{
        font-family: Gilroy-Semibold;
    }
    .buwi-body {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    a.buwi-item {
        display: flex;
        align-items: center;
        position: relative;
        font: 16px Gilroy-Regular;
        color: var(--color1);
        margin: 0 0 10px 0;
        text-decoration: none;
        min-height: 26px;
    }
    a.buwi-item:hover {
        text-decoration: underline;
    }
    a.buwi-item svg,
    a.buwi-item img{
        height: 26px;
        width: 26px;
        position: absolute;
        left: 0;
        top: 0;
    }
    a.buwi-item img{
        width: auto;
    }
    a.buwi-item span{
        padding-left: 40px;
        display: block;
    }
/*--  end block_uslugi  --*/

/*--  block_poluchit_pomosh  --*/
    .block_poluchit_pomosh{
        background-color: var(--color6);
        padding: 70px 0 80px;
    }
    .block_poluchit_pomosh .coniner-fluid{
        width: 1170px;
        padding: 0 15px;
    }
    .bpp-wrapper{
        display: table;
    }
    .bppw-block1{
        float: left;
        width: calc(100% - 450px);
    }
    .bppw-title{
        font: var(--titleFont);
        color: var(--color1);
        position: relative;
        text-transform: uppercase;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }
    .bppw-title span{
        font-family: Gilroy-Semibold;
    }
    .bppw-title:after {
        left: 0 !important;
    }
    .bppw-body{

    }
    .bppw-block2{
        width: 425px;
        float: right;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 17px;
        grid-row-gap: 20px;
    }
    .bppw-block2 figure{
        margin: 0;
        padding: 0;
    }
    .bppw-block2 figcaption{
        display: none;
    }
/*--  end block_poluchit_pomosh  --*/

/*--  block_otzuvu  --*/
    .block_otzuvu{
        padding: 60px 0 63px;
    }
    .block_otzuvu .container-fluid {
        overflow: visible;
    }
    .text-page .text-block h2.bo-title,
    .bo-title{
        font: var(--titleFont);
        color: var(--color1);
        position: relative;
        text-transform: uppercase;
        padding-bottom: 14px;
        margin-bottom: 20px;
        padding-left: 100px;
    }
    .bo-title:after{
        left: 0;
        bottom: auto;
        top: 16px;
    }
    .bo-title span{
        font-family: Gilroy-Semibold;
    }
    .bo-wrapper{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    .bo-wrapper figure{
        margin: 0;
    }
    .bo-wrapper figcaption{
        display: none;
    }
    .otzuvuGallery figure img,
    .bo-wrapper figure img {
        margin: auto;
        box-shadow: 15px 0 50px rgba(180,180,180,0.35);
        -webkit-transition: box-shadow .2s;
        -moz-transition: box-shadow .2s;
        -ms-transition: box-shadow .2s;
        -o-transition: box-shadow .2s;
        transition: box-shadow .2s;
    }
    .otzuvuGallery figure:hover img,
    .bo-wrapper figure:hover img {
        box-shadow: 5px 0 20px rgba(180,180,180,0.35);
    }
    .bo-btn{
        display: table;
        width: 100%;
        padding: 55px 0 0;
    }
    .bo-btn a{
        display: table;
        margin: auto;
        text-decoration: none;
    }
    .bo-btn a:hover{
        text-decoration: underline;
    }
    .bo-btn a svg{
        width: 14px;
        display: inline-block;
        margin-bottom: -2px;
        margin-left: 11px;
        -webkit-transition: margin-left .2s;
        -moz-transition: margin-left .2s;
        -ms-transition: margin-left .2s;
        -o-transition: margin-left .2s;
        transition: margin-left .2s;
    }
    .bo-btn a:hover svg{
        margin-left: 6px;
    }
/*--  end block_otzuvu  --*/

/*--  block-form2  --*/
    .block-form2{
        position: relative;
    }
    .block-form2,
    .bf2-wrapper {
        height: 546px;
    }
    .bf2-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .bf2-title{
        padding: 0 !important;
        text-align: center;
        width: 100%;
    }
    .bf2-title:after{
        display: none;
    }
    .bf2-body{

    }
    .bf2b-info{
        margin: 0 0 36px;
    }
    .bf2b-info ul{
        width: 1070px;
        display: flex;
        flex-direction: row;
    }
    .bf2b-info ul li{
        display: flex;
        font-size: 14px;
        padding-left: 30px;
        flex-grow: 1;
        margin: 0;
    }
    .bf2b-info ul li:after{
        width: 17px;
        height: 19px;
        background-size: 17px 19px;
        top: -2px;
    }
    .bf2b-form {
        display: table;
        width: 100%;
    }
    .bf2b-form .wpcf7-not-valid-tip {
        display: none;
    }
    .form2-inputs-wrapper{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 25px;
        grid-row-gap: 0;
        margin-bottom: 28px;
    }
    .container-fluid .form2-inputs-wrapper p{
        margin: 0;
    }
    .form2-inputs-wrapper input,
    .form2-textarea-wrapper textarea{
        width: calc(100% - 40px);
        height: 57px;
        font: 16px Gilroy-Regular;
        color: var(--color1);
        padding: 0 20px;
        background-color: var(--white);
        border: none;
        margin: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .form2-textarea-wrapper{
        margin-bottom: 11px;
    }
    .form2-textarea-wrapper textarea{
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 60px;
    }
    .form2-inputs-wrapper input.wpcf7-not-valid,
    .form2-textarea-wrapper textarea.wpcf7-not-valid{
        box-shadow: inset 0px 0px 1px 2px red;
        color: red;
    }
    .soglasie-wrapper{

    }
    .soglasie-wrapper .wpcf7-list-item{
        margin: 0;
        display: block;
    }
    .soglasie-wrapper label{
        display: table;
        width: 100%;
    }
    .soglasie-wrapper label input{
        display: none;
    }
    .soglasie-wrapper label span{
        display: table;
        padding-left: 35px;
        font: 12px/20px Gilroy-Regular;
        position: relative;
        cursor: pointer;
        color: red;
    }
    .soglasie-wrapper label span:after{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        background-image: url('../img/checkbox.png');
        background-repeat: no-repeat;
        background-position: 0 -30px;
    }
    .soglasie-wrapper label input:checked + span:after{
        background-position: 0 0;
    }
    .soglasie-wrapper label input:checked + span{
        color: var(--white);
    }
    .form2-btn-wrapper {
        padding-top: 18px;
        display: table;
        width: 100%;
        position: relative;
    }
    .form2-btn-wrapper .btn1 {
        border: none;
        margin: auto;
        width: 302px;
        height: 52px;
        font-size: 16px;
    }
    .form2-btn-wrapper span.wpcf7-spinner {
        position: absolute;
        left: 0;
        top: calc(50% - 12px);
    }
    .wpcf7 form.sent .wpcf7-response-output,
    .wpcf7 form.invalid .wpcf7-response-output {
        margin: 20px 0 0;
        color: var(--white);
        border: none;
        padding: 0;
    }
/*--  end block-form2  --*/

/*--  footer  --*/
    footer{
        background-color: var(--color7);
        color: var(--color8);
    }
    footer .container-fluid{
        width: 1200px;
        padding: 0;
    }
    footer a{
        color: var(--color8);
        text-decoration: none;
    }
    footer .current-menu-item a,
    footer a:hover{
        text-decoration: underline;
    }
    .f-block1{
        display: table;
        width: calc(100% - 20px);
        padding: 39px 10px 30px;
        border-bottom: 1px solid var(--color9);
    }
    .f-block1 > div{
        float: left;
    }
    .fb1-block1{
        width: 31.2%;
    }
    .fb1-block2{
        width: 22.3%;
    }
    .fb1-block3{
        width: 25.8%;
    }
    .fb1-block4{
        width: 20.7%;
    }
    .fb1b1-block1,
    .fb1b1-block2{
        width: 289px;
    }
    .fb1b1-block1{
        margin-bottom: 18px;
    }
    .fb1b1-block2{
        font-size: 14px;
    }
    .container-fluid .fb1b1-block2 p {
        margin-bottom: 15px;
    }
    .container-fluid .fb1b1-block2 p:last-child {
        margin-bottom: 0;
    }
    .fb1-menu{

    }
    .fb1-menu-wrapper{
        padding-right: 20px;
    }
    .footer-h3{
        display: table;
        text-transform: uppercase;
        font: 14px Gilroy-Bold;
        margin-bottom: 5px;
    }
    .fb1-menu ul{

    }
    .fb1-menu ul li{
        margin-bottom: 5px;
    }
    .fb1b4-wrapper{

    }
    .fb1b4-wrapper a{
        display: table;
    }
    .fb1b4-adr {
        padding: 5px 0 15px;
        line-height: 30px;
    }
    .fb1b4-phone{
        font-size: 18px;
        margin-bottom: 20px;
    }
    /*--//--*/
    .f-block2{
        height: 70px;
        display: table;
        width: calc(100% - 20px);
        padding: 0 10px;
    }
    .f-block2 > div {
        display: flex;
        height: 70px;
        align-items: center;
    }
    .fb2-block1{
        float: left;
    }
    .fb2-block2{
        float: right;
    }
/*--  end footer  --*/

/*--  Breadcrumbs  --*/
    .breadcrumbs{
        padding: 7px 0 5px;
        background-color: var(--color6);
    }
    .breadcrumbs ul{
        display: table;
        width: 100%;
    }
    .breadcrumbs ul li{
        float: left;
        font: 13px Gilroy-Semibold;
        color: var(--color1);
    }
    .breadcrumbs ul li a{
        font: 13px Gilroy-Regular;
        color: var(--color1);
        text-decoration: none;
    }
    .breadcrumbs ul li a:hover{
        text-decoration: underline;
    }
    .breadcrumbs ul li .breadcrumb-separator{
        font-family: Gilroy-Regular;
        padding: 0 14px;
    }
/*--  end Breadcrumbs  --*/

/*--  container  --*/
    .container{
        padding: 70px 0 57px;
    }
    .content{

    }
    .h1{

    }
    .h1 span{

    }
    .block_uslugi.catalog-uslugi{
        padding: 70px 0 0;
    }
    .catalog-uslugi{

    }
    .categoryDesc{

    }
    .catalog-items{

    }
/*--  end container  --*/

/*--  block_komanda  --*/
    .block_komanda{
        background-color: var(--color6);
        padding: 70px 0;
    }
    .bk-wrapper{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 26px;
        grid-row-gap: 26px;
        padding-top: 5px;
    }
    .bk-item{
        text-decoration: none;
        color: var(--color1);
    }
    .bki-img{
        margin-bottom: 20px;
    }
    .bki-img img{
        width: 100%;
    }
    .bki-info{

    }
    .bki-name{
        font: 16px Gilroy-Semibold;
        text-transform: uppercase;
    }
    .bki-professiya{
        font: 14px Gilroy-Regular;
    }
/*--  end block_komanda  --*/

/*--  onas page  --*/
    .onas-page-desc{
        font: 16px/22px Gilroy-Regular;
        margin-bottom: 17px;
    }
    .onas-page-director{
        padding: 32px 32px 32px 36px;
        background-color: var(--color10);
        position: relative;
        display: table;
        width: calc(100% - 68px);
    }
    /*--//--*/
    .onas-page .bk-wrapper{
        grid-template-columns: repeat(3,1fr);
    }
    .onas-page .block_komanda{
        background: none;
    }
    .onas-page .bk-wrapper{
        padding: 0;
    }
    .onas-page .block_komanda{
        padding: 50px 0;
    }
    /*--//--*/
    .opd-block1{
        float: left;
        width: calc(100% - 400px);
    }
    .opdb1-block1{
        float: left;
        width: 277px;
    }
    .opdb1-block2{
        float: right;
        width: calc(100% - 317px);
    }
    .opdb1-img {
        margin-bottom: 25px;
    }
    .opdb1-info a.btn1 {
        width: 100%;
        margin-bottom: 16px;
    }
    .opdb1i-phone{
        font: 24px Gilroy-Semibold;
        color: var(--color1);
        display: table;
        margin: 0 auto;
        text-decoration: none;
    }
    .opdb1i-phone:hover{
        text-decoration: underline;
    }
    .opd-block2{
        float: right;
        width: 360px;
        padding-top: 58px;
    }
    .opdb1-title{
        font: 28px Gilroy-Semibold;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .opdb1-subtitle{
        font-family: Gilroy-Semibold;
        margin-bottom: 25px;
    }
    .opdb1-about{

    }
    .opdb1-a{
        margin-bottom: 25px;
    }
    .opdb1-a:last-child{
        margin-bottom: 0;
    }
    .onas-page-director figure{
        margin: 0 0 16px;
    }
    .onas-page-director figure:last-child{
        margin: 0;
    }
    .onas-page-director figcaption{
        display: none;
    }
    /*--//--*/
    .onas-page .bk-item {
        background: var(--color6);
    }
    .onas-page .bki-name,
    .onas-page .bki-professiya{
        font-size: 22px;
    }
    .onas-page .bki-option{
        margin-bottom: 17px;
    }
    .onas-page .bki-option:last-child{
        margin-bottom: 0;
    }
    .onas-page .bki-option span{
        font-family: Gilroy-Semibold;
    }
    .onas-page .bki-info {
        padding: 0 28px 28px;
    }
    .onas-page .bki-professiya {
        margin-bottom: 17px;
    }
/*--  end onas page  --*/

/*--  onas_pochemu  --*/
    .onas_pochemu{
        padding: 60px 0 80px;
    }
    .onas_pochemu .container-fluid {
        overflow: visible;
    }
    .onas_pochemu-wrapper{

    }
    .op-item{
        display: table;
        width: calc(100% - 110px);
        padding: 30px 65px 27px 45px;
        margin-bottom: 37px;
        box-shadow: 15px 0 50px rgba(180,180,180,0.35);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .op-item:last-child{
        margin-bottom: 0;
    }
    .op-block1{
        float: left;
        width: calc(100% - 280px);
    }
    .opi-option{
        margin-bottom: 23px;
    }
    .opi-option span{
        display: block;
        font-family: Gilroy-Semibold;
    }
    .opi-opisaniye{
        font-family: Gilroy-Semibold;
    }
    /*--//--*/
    .op-block2-wrapper{
        float: right;
        width: 215px;
        position: relative;
    }
    /*--//--*/
    .containerFlex{
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        max-height: 500px;
        position: relative;
        flex-flow: column;
    }
    .op-block2 .swiperExp {
        min-width: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99;
    }
    .op-block2 .swiperOneMain {
        min-width: 0;
        overflow: hidden;
    }
    .op-block2 .swiperExp img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
    }
    .op-block2 .swiperExp figcaption {
        display: none;
    }
    .op-block2 .swiperOneMain img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .op-block2 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: absolute;
        bottom: -15px;
    }
    .op-block2 span.swiper-pagination-bullet {
        background: var(--color2);
        opacity: 1;
    }
    .op-block2 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--color1);
    }
    @media screen and (max-width: 770px) {
        .op-block2 .swiperExp {
            display: none;
        }
    }
/*--  end onas_pochemu  --*/

/*--  content  --*/
    .content{

    }
    .usluga-wrapper{

    }
    .itemFullBody{

    }
    .ifb-advokat{
        display: table;
        width: 100%;
    }
    .ifba-block1{
        float: left;
        width: 403px;
        background-color: var(--color10);
    }
    .ifbab1-wrapper{
        padding: 22px 26px 27px;
    }
    .afbab1-img{
        margin-bottom: 21px;
    }
    .afbab1-img img {
        width: 100%;
    }
    .afbab1-info{

    }
    .afbab1-name{
        font: 26px Gilroy-Semibold;
        color: var(--color1);
        text-transform: uppercase;
    }
    .afbab1-prof{
        margin-bottom: 15px;
    }
    .afbab1-phone{
        font: 24px Gilroy-Semibold;
        text-decoration: none;
        margin-bottom: 17px;
        display: table;
    }
    .afbab1-phone:hover{
        text-decoration: underline;
    }
    .ifba-block1 .btn1{
        width: 100%;
    }
    /*--//--*/
    .ifba-block2{
        float: right;
        width: calc(100% - 447px);
        padding-top: 20px;
    }
    .ifbab2-info{
        font-size: 18px;
        margin-bottom: 56px;
    }
    .ifbab2-info ul{

    }
    .ifbab2-cenu{

    }
/*--  end content  --*/

/*--  table  --*/
    table{
        width: 100%;
        padding:0;
        margin:0;
    }
    table thead{

    }
    table thead tr{
        background-color: var(--color10);
    }
    table thead tr th{
        font: 16px Gilroy-Semibold;
        padding: 18px 18px 12px;
        text-align: left;
    }
    .ifbab2-cenu table thead tr th{
        font-size: 18px;
    }
    table tbody{

    }
    table tbody tr{
        border-bottom: 1px solid var(--color10);
    }
    table tbody tr:last-child{

    }
    table tbody tr td{
        padding: 16px 18px 13px;
    }
/*--  end table  --*/

/*--  text-page  --*/
    .text-page{

    }
    .usluga-page .text-block{
        padding: 52px 0 0;
    }
    .text-page .text-block h2{
        font: 30px Gilroy-Semibold;
        padding: 0;
        margin: 0 0 33px;
    }
    .text-page .text-block h2 span{
        color: var(--color2);
    }
    .text-page .text-block h3{
        font: 24px Gilroy-Semibold;
        padding: 0;
        margin: 0;
    }
    .text-page blockquote{
        display: block;
        width: 86%;
        margin: auto;
        border-left: 2px solid var(--color2);
        background-color: var(--color6);
        font-family: Gilroy-Semibold;
        padding: 23px 40px 23px 23px;
        margin-bottom: 25px;
    }
    .text-page ul li{
        padding-left: 35px;
        position: relative;
        margin-bottom: 18px;
    }
    .text-page ul li:last-child{
        margin-bottom: 0;
    }
    .text-page ul li:after{
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        background-image: url('../img/uslugi_ul_li.png');
        background-repeat: no-repeat;
        width: 16px;
        height: 13px;
    }
    .text-page .text-block ul,
    .text-page .text-block ol{
        margin-bottom: 25px;
    }
    .text-page ol li{
        padding-left: 65px;
        margin-bottom: 25px;
        position: relative;
    }
    .text-page ol li:after{
        content: '';
        position: absolute;
        top: 6px;
        left: 30px;
        width: 5px;
        height: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: var(--color2);
    }
    .text-page ol li:last-child{
        margin-bottom: 0;
    }
/*--  end text-page  --*/

/*--  search-page  --*/
    .search-page{

    }
    .text-page .text-block a{
        color: var(--color2);
        font-family: Gilroy-Semibold;
    }
    .text-page .text-block .searchItem .h2 {
        font-size: 24px;
    }
    .searchItem .h2 a{
        text-transform: capitalize;
        text-decoration: none;
    }
    .searchItem .h2 a:hover{
        text-decoration: underline;
    }
    .searchItem{
        border-bottom: 1px solid var(--color10);
        padding: 30px 0;
    }
    .searchItem:last-child{
        margin-bottom: 0;
    }
    .searchItem *:last-child {
        margin-bottom: 0 !important;
    }
    .text-page .text-block .si-desc h2{
        font-size: 24px;
    }
    .text-page .text-block .si-desc h3{
        font-size: 20px;
    }
    .search-page bb{
        color: var(--color2);
    }
/*--  end search-page  --*/

/*--  news-list-page  --*/
    .news-list-page{
        padding-top: 10px;
    }
    .nlp-teaser{
        display: table;
        width: 100%;
        margin-bottom: 40px;
    }
    .nlp-teaser:last-child{
        margin-bottom: 0;
    }
    .nlp-block1{
        float: left;
        width: 277px;
        cursor: pointer;
    }
    .nlp-block1 img{

    }
    .nlp-block2{
        float: right;
        width: calc(100% - 310px);
        font: 16px/24px Gilroy-Regular;
    }
    .news-list-page h2{
        font: 30px/34px Gilroy-Medium;
        color: var(--color2);
        margin-bottom: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        box-orient: vertical;
        cursor: pointer;
    }
    .nlpb2-avtor{
        text-indent: 10px;
        margin-bottom: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
    }
    .nlpb2-btn{
        display: table;
        width: 100%;
        padding-top: 22px;
    }
    .nlpb2-btn a{
        float: left;
    }
/*--  end news-list-page  --*/

/*--  pagination  --*/
    ul.page-numbers{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
    }
    ul.page-numbers li{
        margin-right: 24px;
    }
    ul.page-numbers li:last-child{
        margin-right: 0;
    }
    ul.page-numbers li a,
    ul.page-numbers li span{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 37px;
        width: 37px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font: 16px Gilroy-Semibold;
        color: var(--color1);
        -webkit-transition: background-color .2s, color .2s;
        -moz-transition: background-color .2s, color .2s;
        -ms-transition: background-color .2s, color .2s;
        -o-transition: background-color .2s, color .2s;
        transition: background-color .2s, color .2s;
    }
    ul.page-numbers li a:hover,
    ul.page-numbers li span{
        background-color: var(--color2);
        color: var(--white);
    }
    ul.page-numbers li a{
        background-color: var(--color11);
        text-decoration: none;
        color: var(--color1);
    }
    ul.page-numbers li a.prev,
    ul.page-numbers li a.next{
        width: auto;
        padding: 0 15px;
    }
/*--  end pagination  --*/

/*--  news page  --*/
    .news-wrapper {
        overflow: hidden;
    }
    .nw-wrapper{
        display: table;
        width: 100%;
    }
    .nw-block1{
        float: left;
        width: 277px;
        padding: 0 40px 18px 0;
        background-color: var(--white);
    }
    .text-page .news-wrapper blockquote {
        margin-left: 317px;
        width: calc(100% - 372px);
    }
    .nw-block2{

    }
    .nwb1-wrapper {
        text-align: center;
    }
    .nwb1-img{
        margin-bottom: 11px;
    }
    .nwb1-info{
        margin-bottom: 13px;
    }
    .nwb1-prof{
        margin-bottom: 6px;
    }
    .nwb1-name {
        font: 18px Gilroy-SemiBold;
        color: var(--color2);
        margin-bottom: 8px;
        text-transform: uppercase;
    }
    .nwb1-phone{
        text-decoration: none;
    }
    .nwb1-wrapper .btn1 {
        font: 15px Gilroy-Semibold;
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: unset;
    }
/*--  end news page  --*/

/*--  otzuvu-page  --*/
    .otzuvu-page{

    }
    .op-body{

    }
    .otzuvuTextDo{
        margin-bottom: 46px;
    }
    .otzuvuTextPosle{
        padding-top: 60px;
    }
    .otzuvuGallery{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 30px;
        grid-row-gap: 55px;
    }
    .otzuvuGallery figure{
        margin: 0;
    }
    .otzuvuGallery figcaption{
        font-family: Gilroy-Semibold;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -moz-box;
        -moz-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-clamp: 1;
        box-orient: vertical;
        padding-top: 25px;
    }
/*--  end otzuvu-page  --*/

/*--  block-otzuvu_faq  --*/
    .block-otzuvu_faq{
        background-color: var(--color10);
        padding: 45px 0 78px;
    }
    .block-otzuvu_faq .container-fluid{
        width: 1316px;
    }
    .bof-body,
    .bof-header{
        display: table;
        width: 100%;
    }
    .bofbr-item,
    .bofhr-item{
        float: left;
        width: calc(50% - 80px);
        padding: 20px 60px 17px 20px;
    }
    .bofbr-item:first-child,
    .bofhr-item:first-child{
        padding: 20px 20px 17px 60px;
    }
    /*--//--*/
    .bof-header{

    }
    .bofh-row{

    }
    .bofhr-item{
        font: 30px Gilroy-Semibold;
        position: relative;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .bofhr-item:after{
        left: 20px;
    }
    .bofhr-item:first-child:after{
        left: 60px;
    }
    /*--//--*/
    .bof-body{

    }
    .bofb-row{
        display: table;
        width: 100%;
        background-color: var(--color6);
        margin-bottom: 13px;
    }
    .bofb-row:last-child{
        margin-bottom: 0;
    }
    .bofbr-item{

    }
    .bofbr-item:first-child{
        font-family: Gilroy-Semibold;
        color: var(--color2);
    }
/*--  end block-otzuvu_faq  --*/

/*--  cenu-page  --*/
    .cenu-page{

    }
    .cp-btns{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 36px;
        grid-row-gap: 0;
        margin-bottom: 40px;
    }
    .cp-btns a{
        text-decoration: none;
        cursor: pointer;
        display: flex;
        height: 46px;
        justify-content: center;
        align-items: center;
        font: 15px Gilroy-Semibold;
        color: var(--color1);
        text-transform: uppercase;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: var(--color10);
        -webkit-transition: color .2s, background-color .2s;
        -moz-transition: color .2s, background-color .2s;
        -ms-transition: color .2s, background-color .2s;
        -o-transition: color .2s, background-color .2s;
        transition: color .2s, background-color .2s;
    }
    .cp-btns a:hover,
    .cp-btns a.active{
        color: var(--white);
        background-color: var(--color2);
    }
    /*--//--*/
    .cp-body{

    }
    .cenu-item{
        padding: 0 0 70px;
    }
    .cenu-item .accordeonBtn{
        height: 52px;
        width: 100%;
        display: flex;
        align-items: center;
        background-color: var(--color10);
        cursor: pointer;
        font: 18px Gilroy-Semibold;
        color: var(--color1);
        text-transform: uppercase;
        position: relative;
    }
    .cenu-item .accordeonBtn:after{
        content: '';
        position: absolute;
        right: 21px;
        top: 16px;
        background-image: url('../img/accordeon-arrow.png');
        background-repeat: no-repeat;
        background-position: center center;
        width: 21px;
        height: 21px;
        -webkit-transition: transform .2s;
        -moz-transition: transform .2s;
        -ms-transition: transform .2s;
        -o-transition: transform .2s;
        transition: transform .2s;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .cenu-item .accordeonBtn.active:after{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .ciabr-block1,
    .accBtn-block1{
        float: left;
        width: calc(100% - 220px);
        padding-left: 20px;
    }
    .ciabr-block2,
    .accBtn-block2{
        float: right;
        width: 178px;
    }
    .ci-ab-row.onlyTitle .ciabr-block1 {
        width: calc(100% - 20px);
    }
    .ci-ab-row.onlyTitle .ciabr-block2 {
        display: none;
    }
    /*--//--*/
    .cenu-item .accordeonBody{
        border: 1px solid var(--color10);
        background-color: var(--color6);
    }
    .ci-ab{

    }
    .ci-ab-row{
        display: table;
        width: 100%;
        border-bottom: 1px solid var(--color10);
        padding: 15px 0;
    }
    .ciabr-block1{

    }
    .ciabr-block2{
        display: flex;
        align-self: center;
    }
    .ciabr-title,
    .ciabr-block2{
        font: 18px Gilroy-Semibold;
    }
    /*--//--*/
    .cenu-item-desc{
        padding-top: 30px;
    }
    /*--//--*/
    .bo-btn-ciab{
        padding: 0 !important;
    }
    .bo-btn-ciab a {
        font: 18px Gilroy-Semibold;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 82px;
        cursor: pointer;
        text-decoration: none !important;
    }
    .ciAbRow-hide {
        display: none;
    }
/*--  end cenu-page  --*/

/*--  kontakty  --*/
    .kontakty{

    }
    .kontakty-wrapper{
        display: table;
        width: 100%;
    }
    .kontW-block1{
        float: left;
        width: calc(100% - 610px);
    }
    .kontW-block2{
        float: right;
        width: 586px;
        height: 523px;
    }
    .kontWb1-row{
        display: table;
        width: 100%;
        margin-bottom: 70px;
        font: 20px Gilroy-Semibold;
    }
    .kontWb1-row:last-child{
        margin-bottom: 0;
    }
    .kontWb1-row a{
        font-family: Gilroy-Semibold;
        color: var(--color12);
        text-decoration: none;
    }
    .kontWb1-left{
        float: left;
        width: calc(100% - 240px);
    }
    .kontWb1-right{
        float: right;
        width: 215px;
    }
    .kontWb1-title{
        text-transform: uppercase;
        font: 13px Gilroy-Regular;
        margin-bottom: 2px;
    }
    .kontWb1-messengers{
        display: table;
        width: 100%;
        padding-top: 6px;
    }
    .kontWb1-messengers a{
        float: left;
    }
    .kontWb1-messengers a.whatsapp{
        margin: 0 19px 0 9px;
    }
    .kontWb1-messengers a.whatsapp svg{
        width: 38px;
        height: 38px;
        margin-top: 2px;
    }
    .kontWb1-messengers a.telegram svg {
        width: 42px;
        height: 42px;
    }
/*--  end kontakty  --*/

/*--  404  --*/
    .error-body{
        padding-bottom: 70px;
    }
    .eb-text {
        text-align: center;
        font-size: 20px;
    }
    .eb-text a{
        color: var(--color2);
    }
    .eb-text1{
        font-size: 130px;
        padding: 40px 0;
    }
    .eb-text2{
        margin-bottom: 26px;
    }
    .eb-text3{

    }
/*--  end 404  --*/

/*--  form-lb  --*/
    .lbFormBtnClose,
    .mobMenuBtnClose{
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        position: absolute;
        z-index: 99;
        right: 2%;
        top: 2%;
        cursor: pointer;
    }
    .lbFormBtnClose{
        display: flex;
    }
    .lbFormBtnClose svg,
    .mobMenuBtnClose svg{
        width: 21px;
        height: auto;
    }
    /*--//*--*/
    .form-lb {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color4);
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -99999;
        opacity: 0;
        -webkit-transition: z-index .2s, opacity .2s;
        -moz-transition: z-index .2s, opacity .2s;
        -ms-transition: z-index .2s, opacity .2s;
        -o-transition: z-index .2s, opacity .2s;
        transition: z-index .2s, opacity .2s;
    }
    .form-lb.active {
        opacity: 1;
        z-index: 99999;
    }
    .form-lb-wrapper {
        width: 80vw;
        max-width: 900px;
    }
/*--  end form-lb  --*/

/*--  echo data  --*/
    .nwb1-data {
        display: table;
        width: calc(100% - 317px);
        padding-bottom: 20px;
    }
    .nwb1-data > div {
        float: right;
        color: #999999;
        font-size: 16px;
        line-height: 19px;
        display: flex;
    }
    .nwb1d-views{
        font-family: Gilroy-Regular;
    }
    .nwb1d-views svg {
        display: flex;
        margin-top: -3px;
        margin-right: 8px;
    }
    .nwb1d-separator {
        display: inline-block;
        padding: 0 18px;
    }
    .nwb1d-date{
        font-family: Gilroy-Bold;
    }
/*--  end echo data  --*/

/*--  related-items  --*/
    .related-items {
        padding-top: 50px;
        width: 96vw;
        max-width: 1180px;
        display: block;
        margin: auto;
    }
    .text-page .related-items.text-block h2 span{
        color: var(--color1);
    }
    .related-item {
        padding: 18px 16px;
        box-shadow: 0 0 20px rgba(180,180,180,.35);
        margin: 0 15px;
    }
    .related-items .slick-list {
        overflow: visible;
    }
    .ri-left {
        float: left;
        margin-right: 16px;
    }
    .ri-right {
        width: calc(100% - 178px);
        float: left;
    }
    .rir-title{
        margin-bottom: 5px;
    }
    .text-page .text-block .rir-title a{
        color: var(--color2);
        font: 20px Gilroy-Medium;
        text-decoration: none;
        display: -webkit-box; /* Используем flex-контейнер для текстового обрезания */
        -webkit-box-orient: vertical; /* Ориентация содержимого — вертикальная */
        overflow: hidden; /* Скрываем лишний текст */
        text-overflow: ellipsis; /* Добавляем троеточие */
        -webkit-line-clamp: 3; /* Ограничиваем количество строк */
        line-height: 24px; /* Высота строки (настраивается под дизайн) */
        height: calc(24px * 3); /* Вычисляем максимальную высоту для 2 строк */
    }
    .text-page .text-block .rir-title a:hover{
        text-decoration: underline;
    }
    .rir-desc {
        display: -webkit-box; /* Используем flex-контейнер для текстового обрезания */
        -webkit-box-orient: vertical; /* Ориентация содержимого — вертикальная */
        overflow: hidden; /* Скрываем лишний текст */
        text-overflow: ellipsis; /* Добавляем троеточие */
        -webkit-line-clamp: 4; /* Ограничиваем количество строк */
        height: calc(20px * 4); /* Вычисляем максимальную высоту для 4 строк */
        font: 15px/20px  Gilroy-Regular;
        color: var(--color1);
        margin-bottom: 10px;
    }
    /*--//--*/
    .rir-bottom{
        display: table;
        width: 100%;
    }
    .rirb-btn{
        float: left;
    }
    .rirb-btn .btn2 {
        width: 140px;
        height: 40px;
        font-size: 13px;
    }
    .rirb-btn .btn2 svg {
        width: 10px;
        height: auto;
    }
    .rirb-data{
        float: left;
        width: calc(100% - 140px);
    }
    .nlpb2-data{
        float: right;
    }
    .nlpb2-data > div,
    .rirb-data > div {
        float: right;
        display: flex;
        height: 40px;
        align-items: center;
        font: 16px Gilroy-Regular;
        color: #999999;
    }
    .nlpb2d-views svg,
    .rirbd-views svg {
        margin-right: 8px;
    }
    .nlpb2d-views .nlpb2d-separator,
    .rirbd-views .nwb1d-separator{
        padding: 0 8px;
    }
    div.nlpb2d-date,
    div.rirbd-date{
        font-family: Gilroy-Bold;
    }
    /*--//--*/
    .related-items .related-items-body ul.slick-dots {
        margin: 0;
        display: flex;
        justify-content: center;
        padding-top: 30px;
    }
    .related-items .related-items-body ul.slick-dots li {
        padding: 0;
        margin: 0 11px 0 0;
    }
    .related-items .related-items-body ul.slick-dots li:last-child{
        margin-right: 0;
    }
    .related-items .related-items-body ul.slick-dots li:after {
        display: none;
    }
    .related-items .related-items-body ul.slick-dots li button {
        cursor: pointer;
        text-indent: -99999px;
        width: 12px;
        height: 12px;
        display: block;
        background: #f0f0f0;
        border-radius: 15px;
        border: 1px solid #c9c9c9;
        padding: 0;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .related-items .related-items-body ul.slick-dots li button:hover,
    .related-items .related-items-body ul.slick-dots li.slick-active button {
        background-color: #08a652;
        border-color: #08a652;
    }
/*--  end related-items  --*/






@media screen and (max-width: 1400px) {
    .block-otzuvu_faq .container-fluid {
        width: 96%;
        padding: 0 2%;
    }
}

@media screen and (max-width: 1200px) {

    :root{
        /*--headerHeight: 76px;*/
        /*--searchHeight: 23px;*/
        /*--meinMenuHeight: 44px;*/

        --titleFont: 26px Gilroy-Regular;
    }

    .container-fluid{
        width: 980px;
    }
    .container-fluid p {
        margin-bottom: 20px;
    }

    .btn1 {
        /*height: 36px;
        width: 150px;
        line-height: 36px;*/
    }

    /*--  header  --*/
        header .container-fluid{
            width: 1000px;
        }
        .hb1-logo {
            width: 260px;
        }
        .hb1-block1 {
            display: block;
            position: absolute;
            width: calc(100% - 260px);
            left: 260px;
            top: 7px;
            height: 17px;
            font-size: 11px;
            letter-spacing: 0.3px;
        }
        .hb1-block1 > div {
            float: left;
            margin-right: 3px;
        }
        .hb1-block1 > div:last-child{
            margin-right: 0;
        }
        .hb1-block2-wrapper {
            width: calc(100% - 260px);
            height: calc(var(--headerHeight) - 17px);
            margin-top: 17px;
        }
        .hb1-block2 {
            height: calc(var(--headerHeight) - 17px);
            width: 345px;
            text-align: left;
        }
        .hb1-block3 {
            width: 210px;
            height: calc(var(--headerHeight) - 17px);
            max-width: calc(100% - 250px);
        }
        .h-block1 div.hb1-block4{
            height: calc(var(--headerHeight) - 17px);
        }
    /*--  end header  --*/

    /*--  main_menu  --*/
        .main_menu-wrapper {
            width: 660px;
        }
        .main_menu .container-fluid {
            width: 1000px;
        }
        .main_menu-wrapper ul li a:after {
            bottom: 10px;
        }
    /*--  end main_menu  --*/

    /*--  block1  --*/
        .block1 {
            height: 450px;
        }
        .b1-info {
            width: 520px;
            height: 220px;
            padding: 0 40px;
        }
        .b1i-block1 {
            font-size: 30px;
            padding-bottom: 17px;
            margin-bottom: 17px;
        }
        .b1i-block1:after {
            width: 62px;
            left: calc(50% - 31px);
        }
        .b1i-block2 {
            font-size: 18px;
            max-width: 360px;
        }
    /*--  end block1  --*/

    /*--  preimushestva  --*/
        .preimushestva {
            height: 148px;
        }
        .preimushestva-wrapper {
            grid-column-gap: 30px;
        }
        .pwi-img {
            height: 50px;
        }
        .pwi-img svg,
        .pwi-img img {
            max-height: 45px;
        }
    /*--  end preimushestva  --*/

    /*--  block2  --*/
        .block2 {
            padding: 56px 0;
        }
        .block2 .container-fluid {
            width: 880px;
        }
        .h1, .b2w-title {
            padding-bottom: 10px;
            margin-bottom: 16px;
        }
    /*--  end block2  --*/

    /*--  block-form1  --*/
        .block-form1, .bf1-wrapper {
            height: 230px;
        }
        .bf2-title, .bf1-title {
            padding-left: 83px;
            margin-bottom: 21px;
        }
        .bf1-title:after {
            left: 5px;
            top: 12px;
            width: 62px;
        }
        .bf2b-info, .bf1b-info {
            margin-left: 53px;
        }
        .bf2b-info ul li, .bf1b-info ul li {
            min-height: 20px;
            margin-bottom: 12px;
            padding-left: 32px;
        }
        .bf2b-info ul li:after, .bf1b-info ul li:after {
            background-size: auto 20px;
            width: 18px;
            height: 20px;
            top: -2px;
        }
        .bf1b-btn {
            margin-right: 53px;
        }
        .bf1b-btn a.btn1 {
            width: 240px;
            height: 42px;
            line-height: 42px;
            font-size: 14px;
        }
    /*--  end block-form1  --*/

    /*--  block_uslugi  --*/
        .block_uslugi {
            padding: 60px 0 46px;
        }
        .buw-items {
            margin-bottom: 45px;
        }
        .buwi-title {
            margin-bottom: 18px;
        }
    /*--  end block_uslugi  --*/

    /*--  block_poluchit_pomosh  --*/
        .block_poluchit_pomosh {
            padding: 56px 0  64px;
        }
        .bppw-block2 {
            width: 340px;
            grid-column-gap: 14px;
            grid-row-gap: 16px;
        }
        .bppw-block1 {
            width: calc(100% - 360px);
        }
        .bppw-title {
            padding-bottom: 11px;
            margin-bottom: 16px;
        }
    /*--  end block_poluchit_pomosh  --*/

    /*--  block_otzuvu  --*/
        .block_otzuvu {
            padding: 38px 0 50px;
        }
        h2.bo-title {
            padding-bottom: 11px;
            margin-bottom: 16px;
            padding-left: 80px;
        }
        .h1:after,
        .bo-title:after,
        .bppw-title:after,
        .b2w-title:after {
            width: 62px;
            left: calc(50% - 31px);
        }
        .bo-title:after {
            left: 0;
            top: 12px;
        }
        .bo-wrapper {
            grid-column-gap: 24px;
            grid-row-gap: 24px;
        }
        .bo-btn {
            padding: 44px 0 0;
        }
    /*--  end block_otzuvu  --*/

    /*--  block-form2  --*/
        .block-form2, .bf2-wrapper {
            height: 440px;
        }
        .bf2b-info {
            margin: 0 0 28px;
        }
        .bf2b-info ul {
            width: 980px;
        }
        .form2-inputs-wrapper {
            grid-column-gap: 20px;
            margin-bottom: 22px;
        }
        .bf2b-info ul li {
            font-size: 13px;
            margin: 0;
            padding-left: 28px;
        }
        .bf2b-info ul li:after{
            top: -4px;
        }
        .form2-inputs-wrapper input,
        .form2-textarea-wrapper textarea {
            font-size: 14px;
        }
        .form2-inputs-wrapper input {
            padding: 0 16px;
            width: calc(100% - 32px);
            height: 45px;
        }
        .form2-textarea-wrapper {
            margin-bottom: 9px;
        }
        .form2-textarea-wrapper textarea {
            padding: 16px;
            height: 48px;
            width: calc(100% - 32px);
        }
        .form2-btn-wrapper {
            padding-top: 14px;
        }
        .form2-btn-wrapper .btn1 {
            width: 250px;
            height: 42px;
            font-size: 14px;
            line-height: 42px;
        }
    /*--  end block-form2  --*/

    /*--  footer  --*/
        footer .container-fluid {
            width: 1000px;
        }
        .f-block1 {
            padding: 32px 8px 24px;
            width: calc(100% - 16px);
        }
        .fb1b1-block1 {
            margin-bottom: 14px;
        }
        .fb1b1-block1 img {
            width: 232px;
        }
        .fb1b1-block1, .fb1b1-block2 {
            width: 232px;
        }
        .fb1-menu-wrapper {
            padding-right: 16px;
        }
        .fb1b4-adr {
            line-height: 24px;
        }
        .f-block2 > div,
        .f-block2 {
            height: 56px;
            font-size: 14px;
        }
    /*--  end footer  --*/

    /*--  o-nas-page  --*/
        .opd-block2 {
            width: 25%;
        }
        .opd-block1 {
            width: calc(75% - 30px);
        }
        .onas_pochemu {
            padding: 48px 0 64px;
        }
        .op-item {
            padding: 24px 52px 22px 36px;
            margin-bottom: 30px;
            width: calc(100% - 88px);
        }
        .op-block1 {
            width: calc(100% - 230px);
        }
        .opi-option {
            margin-bottom: 18px;
        }
    /*--  end o-nas-page  --*/

    /*--  ceny  --*/
        .cp-btns {
            grid-row-gap: 29px;
            grid-column-gap: 29px;
            margin-bottom: 32px;
        }
        .cenu-item {
            padding: 0 0 56px;
        }
        .cenu-item .accordeonBtn {
            height: 42px;
            font-size: 16px;
        }
        .cenu-item .accordeonBtn:after {
            width: 17px;
            height: 17px;
            top: 13px;
            right: 16px;
            background-size: 100% auto;
        }
        .ciabr-block1,
        .accBtn-block1 {
            width: calc(100% - 210px);
            padding-left: 16px;
        }
        .ci-ab-row.onlyTitle .ciabr-block1 {
            width: calc(100% - 32px);
        }
    /*--  end ceny  --*/

    /*--  news-list  --*/
        .news-list-page {
            padding-top: 8px;
        }
        .nlp-teaser {
            margin-bottom: 32px;
        }
        .nlp-block1 {
            width: 221px;
        }
        .nlp-block2 {
            width: calc(100% - 247px);
            font-size: 15px;
            line-height: 20px;
        }
        .news-list-page h2 {
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 18px;
        }
        .nlpb2-avtor {
            text-indent: 8px;
            margin-bottom: 16px;
        }
        .nlpb2-text{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            line-clamp: 4;
            box-orient: vertical;
        }
        .nlpb2-btn{
            padding-top: 19px;
        }
        .btn2 {
            width: 140px;
            height: 40px;
            font-size: 14px;
        }
        .btn2 svg {
            width: 10px;
            height: 16px;
            padding: 2px 0 0 8px;
        }
    /*--  end news-list  --*/

    /*--  news  --*/
        .text-page blockquote {
            padding: 18px 32px 18px 18px;
        }
    /*--  end news  --*/

    /*--  kontakty  --*/
        .kontW-block2 {
            width: 470px;
            height: 420px;
        }
        .kontW-block1 {
            width: calc(100% - 490px);
        }
        .kontWb1-row {
            margin-bottom: 56px;
            font-size: 16px;
        }
        .kontWb1-left {
            width: calc(100% - 192px);
        }
        .kontWb1-right {
            width: 192px;
        }
        .kontWb1-title {
            font-size: 12px;
        }
        .kontWb1-messengers{
            padding-top: 5px;
        }
        .kontWb1-messengers a.whatsapp {
            margin: 0 16px 0 8px;
        }
        .kontWb1-messengers a.whatsapp svg {
            width: 30px;
            height: 30px;
        }
        .kontWb1-messengers a.telegram svg {
            width: 34px;
            height: 34px;
        }
        .kontWb1-row p {
            font-size: 15px;
        }
    /*--  end kontakty  --*/

    /*--  404  --*/
        .eb-text{
            font-size: 16px;
        }
        .eb-text1 {
            font-size: 104px;
            padding: 32px 0;
        }
        .eb-text2 {
            margin-bottom: 21px;
        }
        .error-body {
            padding-bottom: 30px;
        }
    /*--  end 404  --*/

    /*--  content  --*/
        .container {
            padding: 56px 0 45px;
        }
        .ifba-block1 {
            width: 322px;
        }
        .ifbab1-wrapper {
            padding: 17px 21px 22px;
        }
        .afbab1-img {
            margin-bottom: 15px;
        }
        .afbab1-name {
            font-size: 22px;
        }
        .afbab1-prof {
            margin-bottom: 12px;
        }
        .afbab1-phone {
            font-size: 20px;
        }
        .ifba-block2 {
            width: calc(100% - 350px);
            padding-top: 16px;
        }
        .ifbab2-info {
            font-size: 16px;
            margin-bottom: 45px;
        }
        .text-page ul li {
            padding-left: 28px;
            margin-bottom: 15px;
        }
        table thead tr th {
            font-size: 15px;
            padding: 14px 14px 10px;
        }
        .ifbab2-cenu table thead tr th {
            font-size: 16px;
        }
        table tbody tr td {
            padding: 13px 14px 11px;
        }
        .text-page blockquote{
            margin-bottom: 20px;
        }
        .usluga-page .text-block {
            padding: 42px 0 0;
        }
        .text-page .text-block h2 {
            font-size: 26px;
            margin: 0 0 26px;
        }
        .text-page .text-block h3 {
            font-size: 20px;
        }
        .text-page .text-block ul,
        .text-page .text-block ol {
            margin-bottom: 20px;
        }
    /*--  end content  --*/

    /*--  related-items  --*/
    .related-items {
        padding-top: 40px;
        max-width: 980px;
    }
    .rirb-data {
        display: none;
    }
    /*--  end related-items  --*/
}

@media screen and (max-width: 1024px) {

    :root{
        --headerHeight: 100px;
    }

    .container-fluid{
        width: 96% !important;
        padding: 0 2% !important;
    }

    /*--  header --*/
        .hb1-logo {
            float: none !important;
            width: 100%;
            height: 76px;
        }
        .hb1-logo a {
            display: table;
            height: 76px;
        }
        .hb1-logo a img {
            height: 76px;
        }
        .hb1-block1 {
            top: 76px;
            width: 100%;
            left: 0;
            text-align: center;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
        .hb1-block3 {
            position: absolute;
            right: 0;
            top: 0;
            height: 76px;
        }
        .h-block1 div.hb1-block4,
        .hb1-block2 {
            display: none;
        }
        .hb1-block2-wrapper {
            height: auto;
            margin: 0;
        }
    /*--  end header --*/
    
    /*--  main-menu  --*/
        .mm-phone{
            display: block;
            float: left;
        }
        .mobMenuBtn {
            display: flex;
            float: left;
            height: var(--meinMenuHeight);
            width: var(--meinMenuHeight);
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
        .mobMenuBtn svg{
            height: 24px;
        }
        .mm-phone {
            display: block;
            position: absolute;
            width: 180px;
            left: calc(50% - 90px);
            text-align: center;
        }
        .mm-phone a {
            height: var(--meinMenuHeight);
            line-height: var(--meinMenuHeight);
            text-decoration: none;
            color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
        }
        .mm-phone a svg {
            height: 20px;
            margin-right: 10px;
            fill: var(--color4);
        }
        .lbFormBtnClose,
        .mobMenuBtnClose{
            display: flex;
        }
        .main_menu-wrapper {
            display: block;
            position: fixed;
            width: 100%;
            left: 0;
            height: 100vh;
            top: 0;
            background: var(--color4);
            margin: 0;
            opacity: 0;
            z-index: -999;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s;
        }
        .main_menu-wrapper.active {
            opacity: 1;
            z-index: 999;
        }
        .main_menu-wrapper.active ul {
            height: calc(100ch - 100px);
            display: table;
            margin: 80px auto 0;
        }
        .main_menu-wrapper.active ul li{
            margin-bottom: 40px;
        }
        .main_menu-wrapper.active ul a {
            display: table;
            margin: auto;
            height: auto;
            font-size: 20px;
        }
        .main_menu-wrapper.active ul li a::after {
            bottom: 0;
        }
    /*--  end main-menu  --*/

    /*--  preimushestva  --*/
        .preimushestva-wrapper {
            grid-column-gap: 30px;
            grid-template-columns: repeat(2, 1fr);
        }
        .preimushestva {
            height: auto;
            padding: 20px;
        }
    /*--  end preimushestva  --*/

    /*--  block-uslugi  --*/
        .buwi-body {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    /*--  end block-uslugi  --*/

    /*--  block-poluchit-pomosh  --*/
        .bppw-block1 {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }
        .bppw-block2 {
            float: none;
            width: 100%;
            grid-template-columns: repeat(4, 1fr);
        }
    /*--  end block-poluchit-pomosh  --*/

    /*--  block-otzuvu  --*/
        .bo-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    /*--  end block-otzuvu  --*/

    /*--  block-form2  --*/
        .bf2b-info ul {
            width: 100%;
        }
        .bf2b-info ul li {
            margin-right: 20px;
        }
    /*--  end block-form2  --*/

    /*--  o-nas-page  --*/
        .opd-block2 {
            display: none;
        }
        .opd-block1 {
            width: 100%;
        }
        .onas-page .block_komanda{
            width: 90vw;
            margin: auto;
            position: relative;
        }
        .onas-page .bk-wrapper {
            padding: 0;
            grid-column-gap: 0;
        }
        .komanda-swiper-button{
            display: block;
            color: var(--color1);
            width: 14px;
            height: 26px;
        }
        .komanda-swiper-button-next {
            right: -25px;
        }
        .komanda-swiper-button-prev {
            left: -25px;
        }
        .komanda-swiper-button-next:after,
        .komanda-swiper-button-prev:after {
            font-size: 26px;
        }
        .bk-item.swiper-slide {
            opacity: 0;
            transition: opacity .5s;
        }
        a.bk-item.swiper-slide.swiper-slide-active,
        a.bk-item.swiper-slide.swiper-slide-next {
            opacity: 1;
        }
    /*--  end o-nas-page  --*/

    /*--  block-komanda  --*/
        .block_komanda.bk-all{
            overflow: hidden;
        }
        .block_komanda.bk-all .bk-wrapper {
            display: flex;
            grid-column-gap: 0;
            grid-row-gap: 0;
            width: 94vw;
        }
        .bki-img {
            margin-bottom: 16px;
        }
        .block_komanda.bk-all .bk-item.swiper-slide{
            opacity: 1;
        }
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 0;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 0;
        }
    /*--  end block-komanda  --*/

    /*--  ceny  --*/
        .cp-btns {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 15px;
            grid-column-gap: 15px;
        }
    /*--  end ceny  --*/

    /*--  otzyvy  --*/
        .otzuvuGallery {
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 24px;
            grid-row-gap: 44px;
        }
        .bof-header {
            display: none;
        }
        .block-otzuvu_faq {
            padding: 0 0 60px;
            background: none;
        }
        .block-otzuvu_faq .container-fluid {
            width: 100% !important;
            padding: 0 !important;
        }
        .bofb-row {
            background: none;
        }
        .bofbr-item {
            float: none;
            width: 100%;
            padding: 0;
        }
        .bofbr-item:first-child {
            padding: 0;
        }
        .bofb-row{
            margin: 0;
        }
        .bofbr-mobtitle1, .bofbr-mobtitle2 {
            display: block;
        }
        .bofbr-mobtitle1 {
            background-color: var(--color10);
            font: 24px Gilroy-Semibold;
            color: var(--color1);
        }
        .bofbr-mobtitle1,
        .bofbr-mobtitle2,
        .bofbr-mobbody1,
        .bofbr-mobbody2{
            padding: 10px 20px;
        }
        .bofbr-mobbody1 {
            padding: 20px 20px 0;
            background: var(--color6);
        }
        .bofbr-mobtitle2 {
            font: 20px Gilroy-Semibold;
            padding-bottom: 0;
        }
        .bofbr-mobbody2 p{
            margin-bottom: 10px;
        }
        .bofbr-item:last-child {
            background-color: var(--color6);
            padding: 10px 0;
        }
    /*--  end otzyvy  --*/

    /*--  kontakty  --*/
        .kontW-block1 {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }
        .kontW-block2 {
            width: 100%;
        }
    /*--  end kontakty  --*/
}

@media screen and (max-width: 980px) {
    .rirb-data {
        display: block;
    }
    .related-items {
        max-width: 90vw;
        overflow: hidden;
    }
}

@media screen and (max-width: 850px) {
    .bf1b-btn {
        float: none;
        clear: both;
        margin: 0;
        padding-top: 20px;
    }
    .bf1b-btn a.btn1 {
        margin: auto;
    }
    .block-form1, .bf1-wrapper{
        height: 286px;
    }
    /*--//--*/
    .f-block1 {
        display: flex;
        flex-direction: column;
    }
    .f-block1 > div {
        float: none;
        margin: 0 auto 20px;
        width: 250px;
    }
    .f-block1 > div:last-child{
        margin-bottom: 0;
    }
    .fb1-block2 {
        order: 1;
    }
    .fb1-block3 {
        order: 2;
    }
    .fb1-block1 {
        order: 3;
    }
    .fb1-block4 {
        order: 4;
    }
}

@media screen and (max-width: 768px) {

    .mm-phone {
        left: calc(50% - 167px);
    }

    /*--  block-poluchit-pomosh  --*/
        .bppw-block2 {
            grid-template-columns: repeat(2, 1fr);
        }
        .bppw-block2 img {
            margin: auto;
        }
    /*--  end block-poluchit-pomosh  --*/

    /*--  o-nas-page  --*/
        .opdb1-block1 {
            float: none;
            width: 100%;
        }
        .opdb1-img img {
            width: 100%;
        }
        .opdb1-block2 {
            float: none;
            width: 100%;
            margin-bottom: 25px;
        }
        .mob-title-wrapper{
            display: block;
        }
        .opdb1-block2 .opdb1-title,
        .opdb1-block2 .opdb1-subtitle {
            display: none;
        }
        .opdb1-info {
            display: none;
        }
        .opdb1-info-mob{
            display: block;
        }
        .opdb1-title {
            margin-bottom: 0;
            text-transform: unset;
        }
        .onas-page .block_komanda {
            width: 86vw;
        }
        a.bk-item.swiper-slide.swiper-slide-next {
            opacity: 0;
        }
        /*--//--*/
        .op-item {
            padding: 30px 30px 45px;
            width: calc(100% - 60px);
        }
        .op-block1 {
            float: none;
            width: 100%;
        }
        .op-block2-wrapper {
            float: none;
            width: 80vw;
            margin: auto;
        }
        .op-block2 .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
            bottom: -30px;
        }
    /*--  end o-nas-page  --*/

    /*--  block-komanda  --*/
        .bk-slider {
            width: 90vw;
            margin: auto;
        }
        .bk-wrapper {
            width: 90vw;
        }
        .block_komanda.bk-all .bk-item.swiper-slide{
            opacity: 0;
        }
        .block_komanda.bk-all a.bk-item.swiper-slide.swiper-slide-active,
        .block_komanda.bk-all a.bk-item.swiper-slide.swiper-slide-next{
            opacity: 1;
        }
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 7px;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 7px;
        }
    /*--  end block-komanda  --*/

    /*--  otzyvy  --*/
        .otzuvuGallery {
            grid-template-columns: repeat(2, 1fr);
        }
    /*--  end otzyvy  --*/

    /*--  news  --*/
        .nw-block1 {
            width: 100%;
            float: none;
        }
        .nwb1-img img {
            margin: auto;
        }
        .text-page .news-wrapper blockquote {
            width: calc(100% - 52px);
            margin-left: 0;
        }
    /*--  end news  --*/

    /*--  uslugi  --*/
        .ifba-block1 {
            float: none;
            width: 100%;
            background: none;
        }
        .ifbab1-wrapper {
            max-width: 350px;
            margin: auto;
            background: var(--color10);
        }
        .ifba-block2 {
            float: none;
            width: 100%;
            padding-top: 45px;
        }
        .containerFlex {
            max-height: unset;
        }
        .table-wrapper {
            width: 92vw;
            overflow: hidden;
            overflow-x: scroll;
        }
    /*--  end uslugi  --*/

    /*--  news data  --*/
        .nwb1-data {
            width: 100%;
        }
    /*--  end news data  --*/

}

@media screen and (max-width: 650px) {
    /*--  block-komanda  --*/
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 5px;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 5px;
        }
    /*--  end block-komanda  --*/

    .nlpb2-data,
    .rirb-data {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .fb2-block1 {
        float: none;
    }
    .f-block2 > div,
    .f-block2 {
        height: auto !important;
    }
    .f-block2 {
        padding: 10px;
    }
    .fb2-block1 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 550px) {

    .block1{
        background-image: url('../../../cache/thumb/80/37e109ac5478d80_550x450.jpg') !important;
    }
    
    .preimushestva-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    /*--  block-uslugi  --*/
        .buwi-body {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }
    /*--  end block-uslugi  --*/

    .bf2b-info ul {
        flex-direction: column;
    }
    .bf2b-info ul li {
        margin: 0 0 10px;
    }

    /*--  block-komanda  --*/
        .bk-slider {
            width: 84vw;
        }
        .block_komanda.bk-all a.bk-item.swiper-slide.swiper-slide-next{
            opacity: 0;
        }
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 10px;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 10px;
        }
    /*--  end block-komanda  --*/

    /*--  ceny  --*/
        .cenu-item .accordeonBtn {
            font-size: 14px;
            line-height: 16px;
        }
        .ciabr-block2, .accBtn-block2 {
            width: 130px;
        }
        .ciabr-block1, .accBtn-block1 {
            width: calc(100% - 155px);
        }
    /*--  end ceny  --*/

    /*--  otzyvy  --*/
        .otzuvuGallery {
            grid-template-columns: repeat(1, 1fr);
        }
    /*--  end otzyvy  --*/

    /*--  news-list  --*/
        .nlp-block1 {
            width: 100%;
            float: none;
            margin-bottom: 15px;
        }
        .nlp-block2 {
            width: 100%;
            float: none;
        }
    /*--  end news-list  --*/

    .nlpb2-data{
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .block-form1, .bf1-wrapper{
        height: auto;
        background-size: cover;
        background-position: center top;
        padding: 20px 0;
    }
    .block-form2, .bf2-wrapper {
        height: 480px;
        background-size: cover;
        background-position: center top;
    }
    .komanda-swiper-button-next {
        right: -20px;
    }
    .komanda-swiper-button-prev {
        left: -20px;
    }

    /*--  block-komanda  --*/
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 7px;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 7px;
        }
    /*--  end block-komanda  --*/

    /*--  ceny  --*/
        .cp-btns {
            grid-template-columns: repeat(1, 1fr);
            grid-row-gap: 10px;
            grid-column-gap: 10px;
        }
    /*--  end ceny  --*/

    .op-block2-wrapper{
        width: 76vw;
    }
}

@media screen and (max-width: 450px) {

    .mm-phone a {
        text-indent: -9999px;
        width: 54px;
        padding: 0;
    }
    .mm-phone a svg{
        margin-right: 0;
    }
    .mm-phone {
        width: 54px;
        left: calc(50% - 107px);
    }

    /*--  kontakty  --*/
        .kontWb1-left, .kontWb1-right {
            float: none;
            width: 100%;
            margin-bottom: 20px;
        }
        .kontWb1-row {
            margin: 0;
        }
    /*--  end kontakty  --*/

    /*--  relative-items  */
    .ri-left {
        float: none;
        margin: 0 auto 10px;
    }
    .ri-left img {
        margin: auto;
    }
    .ri-right {
        float: none;
        width: 100%;
    }
    /*--  end relative-items  */
}

@media screen and (max-width: 410px) {

    /*--  block-komanda  --*/
        .block_komanda.bk-all .komanda-swiper-button-prev {
            left: 4px;
        }
        .block_komanda.bk-all .komanda-swiper-button-next {
            right: 4px;
        }
    /*--  end block-komanda  --*/
}