* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

:root {
    --main-font: "Rubik", sans-serif;
    --color01: #333333;
    --color02: #DE2323;
    --color03: #FFFFFF;
    --color04: #4F4F4F;
    --color05: #BDBDBD;
    --color06: #828282;
    --color07: #f74e4e;
    --bgcolor01: #ffffff;
    --bgcolor02: #fafafa;
    --bgcolor03: rgba(255, 255, 255, 0.9);
    --bgcolor04: #E0E0E0;
    --bgcolor05: #3C3F45;
    --bgcolor06: #676F7C;
    --bgcolor07: #F2C94C;
    --bgcolor08: #56CCF2;
    --bgcolor09: rgba(19, 19, 19, 0.4);
    --bgcolor10: rgba(255, 255, 255, 0.2);
    --bgcolor11: #F2F2F2;
    --bgcolor12: rgba(0, 0, 0, 0.1);
    --bgcolor13: #27AE60;
    --bgcolor14: #AEAEAE;
    --bggradient01: linear-gradient(180deg, #FAFAFA 56.05%, rgba(250, 250, 250, 0) 76.69%);
    --bggradient02: linear-gradient(63.03deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 95.48%);
    --bggradient03: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
    --bggradient04: linear-gradient(0deg, #000000 -10.42%, rgba(0, 0, 0, 0) 68.33%);
    --bggradient05: linear-gradient(0.07deg, #000000 -32.13%, rgba(0, 0, 0, 0) 68.31%);
    --fontsize01: 38px;
    --fontsize02: 28px;
    --fontsize03: 22px;
    --fontsize04: 17px;
    --fontsize05: 15px;
    --fontsize06: 14px;
    --fontsize07: 12px;
    --fontsize08: 20px;
    --fontsize09: 16px;
    --fontsize10: 11px;
    --fontsize11: 24px;
    --fontsize12: 18px;
    --fontsize13: 13px;
    --fontsize14: 10px;
    --lineheight01: 45px;
    --lineheight02: 32px;
    --lineheight03: 28px;
    --lineheight04: 26px;
    --lineheight05: 24px;
    --lineheight06: 23px;
    --lineheight07: 22px;
    --lineheight08: 18px;
    --lineheight09: 16px;
    --lineheight10: 14px;
    --lineheight11: 11px;
    --lineheight12: 20px;
    --border01: 1px solid var(--color02);
    --border02: 1px solid var(--bgcolor04);
    --border03: 1px solid var(--bgcolor11);
    --border04: 1px solid var(--bgcolor12);
    --border05: 1px dashed var(--bgcolor04);
    --border06: 2px solid var(--color02);
    --border07: 1px dashed var(--bgcolor05);
    --border08: 1px solid var(--bgcolor06);
    --border09: 1px dashed var(--bgcolor05);
    --border-radius01: 4px;
    --border-radius02: 10px;
    --border-radius03: 40px;
    --border-radius04: 80px;
}

html,
body {
    max-width: 1920px;
    min-width: 320px;
    font-family: var(--main-font);
    background-color: var(--bgcolor01);
    color: var(--color01);
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 40px;
}

ul,
li,
ol {
    padding: 0;
    list-style: none;
    margin: 0;
}

a {
    text-decoration: none;
    color: var(--color01);
}

button,
a {
    cursor: pointer;
}

p {
    color: var(--color04);
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
}

h1 {
    font-size: var(--fontsize01);
    line-height: var(--lineheight01);
    font-weight: 600;
}

.header {
    font-weight: 500;
}

.preheader {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    border-bottom: 1px solid var(--bgcolor04);
    height: 47px;
}

.preheader > .container,
.preheader__menu_list,
.preheader__contacts,
.main_header,
.main_header__logo {
    display: flex;
    justify-content: space-between;
}

.preheader > .container {
    align-items: center;
    height: 100%;
    padding: 0;
    position: relative;
}

.preheader__city {
    position: relative;
    padding-left: 20px;
    margin-left: 50px;
}

.preheader__city:before {
    content: url("./img/icon_city1.svg");
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
}

/*
.preheader__city:after {
    content: url("./img/shevron_down_little.svg");
    height: 7px;
    width: 12px;
    padding-left: 3px;
    cursor: pointer;
}
 */

.preheader__menu > .preheader__menu_mobile {
    content: url("./img/icon_burger.svg");
    position: absolute;
    left: 0;
    top: 9px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.preheader__menu_list > li {
    margin: 0 25px;
}

.preheader__contacts_social {
    margin-right: 10px;
}

.preheader__contacts_phone {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 600;
    margin-right: 20px;
}

.preheader__contacts_timework {
    color: var(--color06);
    align-self: center;
}

.main_header {
    padding: 15px 0;
}

.main_header__logo_img {
    margin-right: 15px;
    width: 38px;
    height: 36px;
}

.main_header__logo_text {
    width: 100%;
    min-width: 260px;
}

.main_header__logo_text_title {
    font-size: var(--fontsize08);
    line-height: var(--lineheight07);
    font-weight: 600;
}

.main_header__logo_text_description {
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    color: var(--color06);
}

.main_header__search {
    width: 100%
}

.main_header__search_form {
    display: flex;
    justify-content: space-between;
    width: auto;
    position: relative;
    margin: 0 30px;
}

.main_header__search_form .fa {
    position: absolute;
    top: 10px;
    left: 10px;
    color: var(--color02);
}

.main_header__search_field {
    padding: 10px;
    padding-left: 35px;
    text-align: left;
    width: 85%;
    min-width: 290px;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    color: var(--color06);
    border: var(--border02);
    border-radius: var(--border-radius01);
}

.main_header .tender_fence__button  {
    padding: 7px;
    width: 350px;
}

.dropdown_search {
    position: absolute;
    top: 92%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f00;
    border-radius: .25rem;
}

.ajax-search__item {
    position: relative;
    padding: 10px 15px;
    cursor: pointer;
    list-style-type: none;
}

.ajax-search__item:not(:first-child) {
    border-top: 1px solid #f00;
}

.ajax-search__link {
    line-height: 130%;
    margin-bottom: 10px;
    font-size: 15px;
    text-decoration: none;
}

.main_header__search_submit {
    width: auto;
    padding: 0 20px;
    color: var(--color03);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    background: var(--color02);
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-weight: 600;
}



.main_header__button {
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    font-weight: 500;
    padding: 10px 15px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    min-width: 200px;
    text-align: center;
    cursor: pointer;
}

.fixed_header {
    position: fixed;
    width: 100%;
    background-color: var(--bgcolor01);
    z-index: 99999;
}

.disabled_header {
    display: none;
}

.main_header__button:before,
.banner__button:before {
    content: "+";
    font-size: var(--fontsize04);
    color: var(--color02);
    margin-right: 14px;
    font-weight: 900;
}

.banner,
.banner p {
   color: var(--color03);
}

.banner__container {
    padding: 25px 0 20px;
}

.banner__item {
   /* background-image: url("./img/bg_banner_01.webp"); */
    background: #f7f7f8;
    border-bottom: 1px solid #ebeef1;
    border-top: 1px solid #ebeef1;
}

.banner__item > .container {
    display: flex;
    justify-content: space-between;
}

.banner__title {
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
    width: 100%;
    max-width: 650px;
    margin-bottom: 10px;
    text-transform: none;
    color: #333;
}


.banner__description {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    width: 100%;
    max-width: 580px;
    margin-bottom: 30px;
}

.banner__inner_title,
.banner__inner_description {
    max-width: 100%;
}

.banner__button {
    width: 260px;
    display: block;
    color: var(--color03);
    padding: 14px;
    text-align: center;
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 600;
    background: var(--bgcolor09);
    margin-bottom: 10px;
    cursor: pointer;
}

.banner__short_text {
    width: 260px;
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    font-weight: 400;
}

.banner__form {
    width: 410px;
    height: auto;
    padding: 38px 48px 48px;
    background: #04040447;
/*background: #04040473;*/
    color: var(--color01);
    border: var(--border01);
    border-radius: var(--border-radius02);
   box-shadow: 1px 3px 19.95px 6px rgb(0 0 0 / 37%);

}


.banner__form2 {
    width: 410px;
    height: auto;
    padding: 38px 48px 48px;
  /*  background: var(--bgcolor09);*/
    color: var(--color01);
    border: var(--border01);
    border-radius: var(--border-radius02);
  
}


.banner__form_title {
    font-size: var(--fontsize03);
    line-height: var(--lineheight03);
    font-weight: 600;
    margin: 0 0 20px;
    text-align: center;
    color: #ffffff;
}


.banner__form_title2 {
    font-size: var(--fontsize03);
    line-height: var(--lineheight03);
    font-weight: 600;
    margin: 0 0 20px;
    text-align: center;
}



.banner__consult_form_lbl,
.banner__consult_form_lbl_text {
    display: block;
}

.banner__consult_form_lbl {
    padding-bottom: 10px;
}

.banner__consult_form_lbl_text {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    color: var(--color03);
    margin-bottom: 10px;
}

.banner__consult_form_lbl_text2 {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    color: var(--color01);
    margin-bottom: 10px;
}

.banner__consult_form_lbl > input,
.banner__consult_form_lbl > textarea {
    padding: 14px 18px;
    width: 100%;
    border: var(--border01);
    border-radius: var(--border-radius01);
   /* background: var(--bgcolor09);*/
    background: rgb(19 19 19 / 0%);
    color: var(--color02);
}

.banner__consult_form_lbl > input::placeholder,
.banner__consult_form_lbl > textarea {
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color05);
    font-weight: 400;
}

.checkbox__lbl {
    display: flex;
    margin: 10px 0;
    position: relative;
    cursor: pointer;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox input[type="checkbox"]:checked + span::after {
    position: absolute;
    content: "";
    left: 5px;
    bottom: 15px;
    height: 8px;
    width: 8px;
    background-color: var(--color02);
}



.checkbox input[type="checkbox"] + span::before {
    position: absolute;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    border: var(--border04);
    background-color: rgb(233 232 232 / 95%);
    bottom: 10px;
    left: 0;
}


.checkbox__lbl_text {
    margin-left: 25px;
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    color: var(--color03);
    font-weight: 400;
}

.checkbox__lbl_text2 {
    margin-left: 25px;
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    color: var(--color04);
    font-weight: 400;
}

.checkbox__lbl_text a {
   /* color: var(--color02);*/
    color: #f74e4e;
}


.checkbox__lbl_text2 a {
   /* color: var(--color02);*/
    color: #f74e4e;
}

.button_primary {
    width: 100%;
    padding: 14px;
    color: var(--color03);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    background: var(--color02);
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-weight: 600;
}

.infografics__container {
    display: flex;
    justify-content: space-between;
}

.infografics__text {
    padding: 45px 40px;
    width: 100%;
    max-width: 490px;
    border-radius: var(--border-radius02);
    background-image: url("./img/bg_infografics.png");
    background-repeat: no-repeat;
    margin-right: 20px;
}

.colored_title {
    font-size: var(--fontsize02);
    line-height: var(--lineheight02);
    font-weight: 600;
    margin: 0;
        margin-bottom: 30px;
}

.colored_title > span {
    color: var(--color02);
}

h1.colored_title {
    font-size: var(--fontsize01);
    margin-bottom: 0;
    line-height: 1.2;
}

a .colored_title {
    text-decoration: underline;
}

.infografics__text_title {
    margin-bottom: 15px;
}

.infografics__text_info {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    margin-bottom: 15px;
}

.infografics__text_descr {
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    color: var(--color04);
}

.infografics__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.infografics__item {
    background: var(--bgcolor02);
    border-radius: var(--border-radius02);
    padding: 25px 30px;
    width: 100%;
    max-width: 340px;
    margin-bottom: 20px;
}

.infografics__item_img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.infografics__item_name {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    margin-bottom: 5px;
}

.infografics__item_descr {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    color: var(--color06);
    font-weight: 400;
}

.fences_type__title_block {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 30px;
}

.fences_type__descr {
    font-size:  var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
}

.fences_type__list, .fences_type_inline__list {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.fences_type_inline__item {
    padding: 10px 15px;
    color: var(--color03);
    background-color: var(--bgcolor05);
    margin: 0 10px 10px 0;
}

.fences_type_inline__item .fences_type__item_title {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    margin-top: 0;
}



.sidebar_section__container .fences_type__list {
    margin-bottom: 30px;
}

.fences_type__item:not(:nth-child(4n)),
.sidebar_section__container .fences_type__item:nth-child(4n) {
    margin-right: 20px;
}

.sidebar_section__container .fences_type__item:nth-child(3n) {
    margin-right: 0;
}

.fences_type__item {
    position: relative;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    color: var(--bgcolor03);
    border-radius: var(--border-radius02);
    overflow: clip;
    padding: 30px 25px;
    margin-bottom: 20px;
    width: 285px;
    height: 210px;
}

.fences_type__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bggradient02);
}

.fences_type__item_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fences_type__item_title {
    font-size: var(--fontsize04);/* 03*/
    line-height: var(--lineheight03);
    font-weight: 600;
    width: 100%;
    margin-top: 20px;
    z-index: 999;

}

.fences_type__item_price {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    background: var(--bgcolor09);
    border-radius: var(--border-radius01);
    padding: 0 10px;
    font-weight: 500;
    z-index: 999;
    color: var(--color07);
}

.fences_type__item_button {
    display: none;
    margin: 30px auto 0;
    padding: 12px 14px;
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    background: var(--bgcolor06);
    border-radius: var(--border-radius01);
    text-align: center;
    z-index: 999;
}



.fences_type__item:hover:after {
    background: var(--bggradient03);
}

.tenders__list .fences_type__item:hover:after {
    background: var(--bggradient02);
}

.fences_type__item:hover > .fences_type__item_title {
    color: var(--color02);
    margin-top: 0;
}


.fences_type__item:hover > .fences_type__item_price {
    display: none;
}

.fences_type__item:hover > .fences_type__item_button {
    display: block;
}

.prices__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.prices__img_manager {
    width: 550px;
    height: 100%;
}

.prices__block {
    background: var(--bgcolor02);
    border-radius: var(--border-radius02);
    padding: 20px 40px 20px 40px;
}

.prices__block_title {
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

.prices__block_title:before {
    content: "";
    position: absolute;
    display: block;
    background-image: url("./img/logo_header.svg");
    background-size: cover;
    width: 30px;
    height: 30px;
    left: 0;
}

.prices__block_list {
    margin-bottom: 10px;
}

.prices__block_item {
    display: flex;
    justify-content: space-between;
}

.prices__block_item:not(:last-child) {
    margin-bottom: 10px;
}

.prices__block_item_name,
.prices__block_item_price {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    white-space: nowrap;
}

.prices__block_item_border{
    width: 100%;
    border-bottom: var(--border05);
}

.prices__block_item_price > span {
    color: var(--color02);
}

.prices__block_descr {
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color06);
    font-weight: 400;
}

.tender_fence__form {
    border: var(--border06);
    border-radius: var(--border-radius02);
    display: flex;
    overflow: auto;
    background-color: var(--bgcolor01);
    position: relative;
    z-index: 9;
    margin: 30px auto 0;
    width: 100%;
    max-width: 1200px;
}

.popup {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
}

.popup .close {
    height: 20px;
    width: 20px;
    position: absolute;
    display: block;
    right: 30px;
    top: 30px;
    z-index: 999;
    cursor: pointer;
}

.popup .close_icn::before {
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    background-color: inherit;
    border-radius: inherit;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.popup .close_icn {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--color02);
    border-radius: 10px;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.popup .black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.active {
    display: block;
}



.tender_fence__order_block,
.tender_fence__user_block {
    width: 50%;
}

.tender_fence__order_block {
    background: var(--bgcolor02);
    padding: 45px 50px 45px 60px;
}

.tender_fence__user_block {
    padding: 100px 60px 45px 50px;
}

.tender_fence__title {
    margin-bottom: 20px;
}

.tender_fence__second_title {
    font-size: var(--fontsize08);
    line-height: var(--lineheight05);
    font-weight: 400;
    margin-bottom: 25px;
}

.tender_fence__lbl {
    display: block;
    margin-bottom: 10px;
}

.tender_fence__lbl > select,
.tender_fence__lbl > input {
    height: 50px;
}

.tender_fence__lbl > textarea::placeholder,
.tender_fence__lbl > input,
.tender_fence__lbl > input::placeholder {
    color: var(--color06);
    font-size: var(--fontsize06);
    line-height: var(--lineheight06);
    font-weight: 400;
    opacity: 1;
}

.tender_fence__lbl > .tender_fence__select,
.tender_fence__lbl > input,
.tender_fence__lbl > textarea {
    background: var(--bgcolor01);
    border-radius: var(--border-radius01);
    border: var(--border03);
    color: var(--color04);
    width: 100%;
    padding: 10px 10px 10px 18px;
}

.tender_fence__lbl > .tender_fence__select {
    color: var(--color06);
    font-size: var(--fontsize06);
}

.tender_fence__lbl > .tender_fence__select option {
    color: var(--color04);
}

.tender_fence__lbl > .tender_fence__select:focus,
.tender_fence__lbl > input:focus,
.tender_fence__lbl > textarea:focus {
    outline:var(--border01);
}

.tender_fence__lbl > .tender_fence__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--bgcolor01) url("./img/shevron_down_big.svg") no-repeat 95%;
    padding-right: 15px;
    cursor: pointer;
}

.tender_fence__lbl > .tender_fence__select:focus {
    background-image: url("./img/shevron_top_big.svg");
}

.tender_fence__select:focus > .tender_fence__select_option:focus {
    color: var(--color02);
    background: none;
}


.tender_fence__lbl > textarea {
    height: 150px;
}

.tender_fence__lbl_text {
    color: var(--color06);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}

.order_fence__radio {
    display: inline-block;
}

.order_fence__radio > input[type=radio] {
    display: none;
}

.order_fence__radio > label {
    display: inline-block;
    cursor: pointer;
    user-select: none;
    padding: 10px 20px;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
}

.order_fence__radio > label.customer_type_01 {
    border-radius: 4px 0 0 4px;
}

.order_fence__radio > label.customer_type_02 {
    border-radius: 0 4px 4px 0;
}

.order_fence__radio > input[type=radio]:checked + label {
    background: var(--color02);
    color: var(--color03);
}

.tender_fence__button {
    background: var(--color02);
    color: var(--color03);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-weight: 600;
    text-align: center;
    padding: 14px;
    width: 100%;
    cursor: pointer;
}

.tenders__title {
    margin-bottom: 30px;
}

.tender_list__item {
    background: var(--bgcolor02);
    border-radius: var(--border-radius02);
    padding: 20px 30px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px -15px 20px 0px rgb(0 0 0 / 18%);
}

.tender_list__left_block {
    border-right: var(--border07);
    padding-right: 40px;
    width: 100%;
    max-width: 720px;
}

.tender_list__right_block {
    padding-left: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
}

.tender_list__item_title h3 {
    font-size: var(--fontsize09);
    line-height: var(--lineheight07);
    font-weight: 500;
    margin: 0;
    margin-bottom: 15px;
}

.tender_list__item_left_info {
    display: flex;
    justify-content: flex-start;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
}

.tender_list__item_tend_stat {
    background: var(--bgcolor07);
    border-radius: var(--border-radius03);
    color: var(--color03);
    padding: 10px 15px;
    margin-right: 20px;
}

.tender_list__item_tend_inwork {
    background: var(--bgcolor08);
}

.tender_list__item_tend_done {
    background: var(--color02);
}

.tender_list__item_city {
    padding: 10px 0;
}

.tender_list__item_city {
    position: relative;
    padding-left: 20px;
}

.tender_list__item_city::before {
    position: absolute;
    left: 0;
    content: url("./img/icon_city.svg");
    height: 16px;
    width: 16px;
}

.tender_list__item_right_info {
    display: flex;
    justify-content: flex-end;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    padding: 5px 0;
    margin-bottom: 10px;
}

.tender_list__item_right_info div:not(:last-child) {
    margin-right: 30px;
}

.tender_list__item_make_date,
.tender_list__item_jstat  {
    position: relative;
    padding-left: 25px;
}

.tender_list__item_make_date::before,
.tender_list__item_jstat::before {
    position: absolute;
    left: 0;
    height: 18px;
    width: 18px;
}

.tender_list__item_make_date::before {
    content: url("./img/icon_clock.svg");
}

.tender_list__item_jstat::before {
    content: url("./img/icon_user.svg");
}

.tender_list__item_articul > span {
    color: var(--color06);
}

.tender_list__item_button {
    padding: 12px 50px;
    background: var(--bgcolor06);
    border: var(--border08);
    border-radius: var(--border-radius01);
    color: var(--color03);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
}

.tender_list__item_button:hover{
    background: var(--color02);
    border: var(--border01);
}

.tenders__link {
    padding: 20px 60px;
    height: auto;
    width: auto;
    max-width: 280px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color01);
    font-weight: 500;
    margin: 50px auto 0;
    display: block;
    text-align: center;;
}

.companies__title {
    margin-bottom: 15px;
    max-width: 510px;
}

.companies__descr {
    color: var(--color04);
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    margin-bottom: 40px;
    display: block;
}

.companies__text_block {
    margin-bottom: 25px;
}

.company__item {
    background: var(--bgcolor02);
    border: var(--border02);
    border-radius: var(--border-radius02);
    padding: 45px;
    margin-bottom: 20px;
}

.company__item:hover {
    background: var(--bgcolor01);
    border: var(--border01);
    box-shadow: 0 4px 35px rgba(0, 0, 0, 0.08);
}

.company__item_header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.company__item_header_logo,
.company__item_header_contacts {
    display: flex;
    align-items: center;
}

.company__item_header_logo_img {
    width: 100%;
    height: 44px;
    padding-right: 40px;
}

.company__item_header_logo_img2 {
    width: 250px;
    height: 50px;
    padding-right: 40px;
}

.company__item_header_logo_title {
    font-size: var(--fontsize03);
    line-height: var(--lineheight03);
    font-weight: 600;
}

.company__item_header_contacts {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
}

.company__item_header_contacts_time {
    margin-right: 20px;
}

.company__item_header_contacts_time_descr {
    color: var(--color04);
}

.company__item_header_contacts_time_int {
    color: var(--color02);
}

.company__item_header_contacts_phone_block {
    background-repeat: no-repeat;
    background-position: 85%;
    padding: 17px 62px 17px 17px;
    cursor: pointer;
    border-radius: var(--border-radius01);
}

.company__item_header_contacts_phone > .phone_button {
    display: none;
    background-image: url("./img/icon_phone.svg");
    background-color: var(--bgcolor02);
    border: var(--border01);
}

.company__item_header_contacts_phone > .phone_link {
    display: none;
    background-image: url("./img/icon_phone_white.svg");
    background-color: var(--bgcolor06);
    border: var(--border08);
    color: var(--color03);
}

.company__item_header_contacts_phone > .company___phone_action {
    display: block;
}

.company__item_info {
    background: var(--bgcolor01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    margin-bottom: 20px;
}

.company__item_info_tags,
.company__item_info_rating {
    display: flex;
    align-items: center;
}

.company__item_info_tags > div {
    margin-right: 30px;
}

.company__item_info_tags_city,
.company__item_info_tags_years {
    position: relative;
    padding-left: 25px;
}

.company__item_info_tags_city::before,
.company__item_info_tags_years::before {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
}

.company__item_info_tags_city::before {
    content: url("./img/icon_city.svg");
}

.company__item_info_tags_years::before {
    content: url("./img/icon_fence.svg");
}

.company__item_info_tags_order {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    color: var(--color02);
}

.company__item_info_rating > div {
    margin-left: 15px;
}

.company__item_info_rating_int {
    color: var(--color03);
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    background: var(--bgcolor13);
    border-radius: 50%;
    padding: 6px 13px;
}

.sidebar__block {
    width: 25%;
    display: block;
    min-width: 300px;
}

#objects_pictures {
    padding-top: 200px;
    margin-top: -200px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

.company__item_info_rating_stars,
.objects_pictures__item_count_rating_stars {
    display: flex;
}

.company__item_info_rating_stars > div {
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-left: 3px;
}

.company__item_info_rating_stars > .range__star,
.objects_pictures__item_count .range__star {
    background-image: url("./img/icon_star_gold.svg");
}

.company__item_info_rating_stars > .range__star_none,
.objects_pictures__item_count .range__star_none {
    background-image: url("./img/icon_star_grey.svg");
}

.company__item_properties {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.company__item_properties_tags,
.company__item_properties_order {
    display: flex;
    flex-wrap: wrap;
}

.company__item_properties_tag {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    border-radius: var(--border-radius04);
    border: var(--border02);
    background-color: var(--bgcolor01);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: center;
    font-weight: 400;
    padding: 10px 20px 10px 50px;
    margin-right: 5px;
}

.company__item_properties_tag:hover {
    border: var(--border01);
}

.property_tag__contract {
    background-image: url("./img/icon_contract.svg");
}

.property_tag__warranty {
    background-image: url("./img/icon_warranty.svg");
}

.property_tag__brigades {
    background-image: url("./img/icon_brigades.svg");
}

.property_tag__credit {
    background-image: url("./img/icon_credit.svg");
}

.property_tag__installment {
    background-image: url("./img/icon_installment.svg");
}

.company__item_properties_order_button {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    color: var(--color03);
    background: var(--color02);
    border-radius: var(--border-radius01);
    font-weight: 500;
    padding: 10px 25px;
    cursor: pointer;
}

.company__item_texts {
    display: flex;
    padding: 25px 30px;
    margin-bottom: 20px;
    background: var(--bgcolor01);
    border-radius: var(--border-radius01);
}

.company__item_texts > div {
    width: 50%;
}

.company__item_texts_descr {
    padding-right: 60px;
    border-right: var(--border03);
}

.company__item_texts_price {
    padding-left: 40px;
}

.company__item_texts_descr_title,
.company__item_texts_price_title,
.company__item_works_title {
    color: var(--color01);
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
}

.company__item_texts_descr_block,
.company__item_texts_price_block .prices__block_item_name,
.company__item_texts_price_block .prices__block_item_price {
    color: var(--color04);
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
}

.company__item_works_block,
.company__item_works_block_photo_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.company__item_works_block_photo {
    font-weight: 500;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
}

.company__item_works_block_photo_name {
    width: 100%;
    max-width: 260px;
    min-height: 70px;
    margin-top: 10px;
}

.company__item_works_block_photo_info_price {
    color: var(--color02);
}

.company__item_works_block_photo_info_date {
    color: var(--color05);
}

.objects_pictures {
    background: var(--bgcolor02);
}

.objects_pictures__item {
    margin-bottom: 25px;
    margin-right: 5px;
}

.objects_pictures__title {
    margin-bottom: 35px;
}

.filter_toggler {
    display: none;
}

.bx_filter_select_popup {
    padding: 0 10px 10px;
    width: 270px;
}

.bx_filter_select_popup ul li label {
    color: var(--color01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    font-family: var(--main-font);
}

.bx_filter_select_popup ul li:not(:last-child) label {
    margin-bottom: 10px;
}


.bx_filter_select_popup ul li label.selected,
.bx_filter_select_popup ul li label:hover {
    color: var(--color02) !important;
    background: none !important;
}

.objects_pictures__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.objects_pictures__item:hover {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.14);
    border-radius: 10px;
}

.objects_pictures__item img {
    width: 285px;
    border-radius: 10px 10px 0 0;
}

.objects_pictures__item_content {
    background: var(--bgcolor01);
    padding: 20px;
    width: 285px;
    border-radius: 0 0 10px 10px;
}

.objects_pictures__item:hover .objects_pictures__item_content {
    border-radius: 0 0 10px 10px;
}

.objects_pictures__item_name {
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    min-height: 70px;
    margin-bottom: 15px;
}

.objects_pictures__item:hover .objects_pictures__item_name {
    color: var(--color02);
}

.objects_pictures__item_char {
    display: flex;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    color: var(--color06);
    border-bottom: var(--border02);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.objects_pictures__item_char > div {
    position: relative;
    padding-left: 25px;
}

.objects_pictures__item_char > .objects_pictures__item_art {
    padding-left: 0;
    margin-right: 10px;
}

.objects_pictures__item_char > div:before {
    position: absolute;
    left: 0;
    content: url("./img/icon_fence_length.svg");
}

.objects_pictures__item_char > .objects_pictures__item_height:before {
    content: url("./img/icon_fence_height.svg");
}

.objects_pictures__item_char > .objects_pictures__item_art:before {
    content: "";
}

.objects_pictures__item_length {
    margin-right: 10px;
}

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

.objects_pictures__item_price {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
}

.objects_pictures__item_count_rating_stars > div {
    display: block;
    width: 14px;
    height: 14px;
    background-size: contain;
    margin-left: 3px;
}

.objects_pictures .bx_filter .bx_filter_section {
    border: none;
    background: none;
    padding: 0;
}

.objects_pictures .smartfilter {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.objects_pictures .bx_filter .bx_filter_select_container {
    width: 100%;
    height: 36px;
    background: none;
    box-shadow: none;
    border-radius: var(--border-radius01);
    padding: 0;
    border: var(--border01);
}

.objects_pictures .bx_filter .bx_filter_select_block {
    height: 34px;
    background: var(--bgcolor01) url("./img/shevron_down_big.svg") no-repeat 95%;
    padding: 8px 10px 8px 18px;
    box-shadow: unset;
}

.objects_pictures .bx_filter .bx_filter_select_container:focus .bx_filter_select_block {
    background-image: url("./img/shevron_top_big.svg");
}

.objects_pictures .bx_filter .bx_filter_select_arrow {
    background: none;
    position: relative;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
}

.objects_pictures .bx_filter.bx_horizontal .bx_filter_parameters_box {
    padding: 0;
    width: 100%;
    max-width: 290px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.bx_filter .bx_filter_parameters_box {
    padding: 0;
}

.objects_pictures .bx_filter .bx_filter_parameters_box_title {
    border: none;
    color: var(--color06);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    margin-bottom: 4px;
}

.objects_pictures .bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title::after {
    background: none;
}

.objects_pictures .bx_filter .bx_filter_select_text {
    color: var(--color04);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
}

.objects_pictures .bx_filter .bx_filter_button_box {
    padding: 0;
    width: 100%;
    margin-bottom: 50px;
}

.objects_pictures .bx_filter_parameters_box_container {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.objects_pictures .bx_filter_parameters_box_container > .bx_filter_search_button {
    background: var(--color06);
    border: var(--border01);
    border-radius: var(--border-radius01);
    color: var(--color03);
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    padding: 7px 103px;
    height: auto;
    margin: 0 25px 0 155px;
}

.objects_pictures .bx_filter_parameters_box_container > .bx_filter_search_button.active {
    background: var(--color02);
    margin: 0 25px;
}

.objects_pictures .bx_filter_parameters_box_container > .bx_filter_search_button:hover {
    background: var(--color02)
}

.objects_pictures .bx_filter .bx_filter_search_reset {
    color: var(--color04);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 0;
    background: no-repeat url("./img/icon_cross_grey.svg") 0 center;
}

.objects_pictures .bx_filter .bx_filter_popup_result {
    border: none;
    box-shadow: none;
    background: none;
    color: var(--color01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
    order: -1;
}

.objects_pictures .bx_filter .bx_filter_popup_result > span {
    color: var(--color02);
    margin-right: 10px;
}

.objects_pictures .bx_filter .bx_filter_popup_result > a {
    color: var(--color01);
    text-decoration: none;
    display: none;
}

.objects_pictures .load_more {
    padding: 20px 60px;
    height: auto;
    width: auto;
    max-width: 280px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color01);
    font-weight: 500;
}

.testimonals__title {
    margin-bottom: 30px;
}

.testimonals__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.testimonals__item {
    background-color: var(--bgcolor02);
    border-radius: var(--border-radius02);
    padding: 25px 30px;
    width: 100%;
    max-width: 390px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.testimonals__item_text {
    max-width: 100%;
}

.testimonals__item_video {
    color: var(--color03);
    background-color: var(--bggradient04);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.testimonals__item_content_text {
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    color: var(--color04);
    font-weight: 400;
    margin-bottom: 25px;
}

.testimonals__item_content_audio {
    margin-bottom: 35px;
}

.testimonals__item_content_video {
    margin-top: 35px;
    margin-bottom: 20px;
    text-align: center;
}

.testimonals__item_content_video_img,
.testimonals__item_content_audio_img {
    cursor: pointer;
}

.testimonals__item_text .testimonals__item_title {
    display: none;
}

.testimonals__item_title {
    display: block;
    font-size: var(--fontsize09);
    line-height: var(--lineheight05);
    font-weight: 500;
    margin-bottom: 10px;
}

.testimonals__item_info {
    display: flex;
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
}

.testimonals__item_info_name {
    margin-right: 20px;
}

.testimonals__item_info_date {
    color: var(--color05);
}

.people_search {
    margin-bottom: 20px;
}

.people_search__container {
    background-image: url("./img/people_search_bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius02);
    padding: 40px 60px;
}

.people_search__title {
    color: var(--color03);
    font-size: var(--fontsize02);
    line-height: var(--lineheight02);
    font-weight: 600;
    margin-bottom: 30px;
    padding-left: 50px;
    position: relative;
}

.people_search__title:before {
    content: "";
    display: block;
    background-image: url("./img/logo_header.svg");
    background-size: cover;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: -3px;
}

.people_search__link {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    background-color: var(--bgcolor01);
    border: var(--border01);
    border-radius: var(--border-radius04);
    display: inline-block;
    font-weight: 400;
    padding: 10px 20px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.people_search__link:hover {
    color: var(--color03);
    background-color: var(--color02);
}

.faq_accordion__title {
    margin-bottom: 30px;
}

.faq_accordion__content {
    display: flex;
    justify-content: space-between;
}

.faq_accordion__item {
    width: 730px;
    padding: 18px 20px;
    margin-bottom: 10px;
    border: var(--border03);
    border-radius: var(--border-radius01);
}

.faq_accordion__item_header {
    display: flex;
    justify-content: space-between;
    color: var(--color04);
    font-size: var(--fontsize09);
    line-height: var(--lineheight05);
    font-weight: 500;
    width: 100%;
}

.faq_accordion__item_arrow {
    color: var(--color02);
}

.faq_accordion__item_body {
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
    padding-top: 15px;
    display: none;
}

.faq_accordion__item_link {
    color: var(--color02);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
    margin-top: 10px;
}

.faq_accordion__item_active {
    background-color: var(--bgcolor05);
}

.faq_accordion__item_active .faq_accordion__item_header {
    padding-bottom: 15px;
    border-bottom: var(--border08);
    color: var(--color03);
}

.faq_accordion__item_active .faq_accordion__item_arrow {
    transform: rotate(180deg);
}

.faq_accordion__item_active .faq_accordion__item_body {
    display: block;
    color: var(--color03);
}

.faq_accordion__item_active .faq_accordion__item_body p {
    color: var(--color03);
}

.about_us {
    background: var(--bgcolor02);
}

.about_us__container {
    display: flex;
    justify-content: space-between;
}

.about_us__image {
    position: relative;
    height: 360px;
}

.about_us__image:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bggradient05);
    border-radius: var(--border-radius02);
}

.about_us__image_title_block:before {
    content: "";
    display: block;
    background-image: url("./img/logo_header.svg");
    background-size: cover;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -50px;
}

.about_us__image_title_block {
    position: absolute;
    top: 20px;
    left: 80px;
}

.about_us__image_title {
    font-size: var(--fontsize09);
    line-height: var(--lineheight07);
    font-weight: 600;
    margin: 0;
}

.about_us__image_subtitle {
    color: var(--color06);
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    font-weight: 400;
}

.about_us__image_pict {
    width: 590px;
    height: auto;
    border-radius: var(--border-radius02);

}

.about_us__text {
    width: 100%;
    max-width: 535px;
    padding: 20px 10px;
    color: var(--color04);
}

.about_us__title {
    margin-bottom: 20px;
}

.about_us__text .strong_text {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
}

.about_us__text p {
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
}

.news__title {
    margin-bottom: 30px;
}

.news__list {
    display: flex;
    justify-content: space-between;
}

.news__item {
    max-width: 285px;
}

.news__item_img {
    border-radius: var(--border-radius02);
}

.news__item_content {
    padding: 10px 0;
}

.news__item_content_date {
    color: var(--color05);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
    margin-bottom: 5px;
}

.news__item_content_title {
    font-size: var(--fontsize09);
    line-height: var(--lineheight05);
    font-weight: 500;
    margin-bottom: 10px;
}

.news__item_content_text {
    color: var(--color06);
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
    margin-bottom: 15px;
}

.news__item_content_link {
    color: var(--color02);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
}

.video {
    background: var(--bgcolor02);
}

.video__container {
    display: flex;
    justify-content: space-between;
}

.video__text {
    padding: 20px 0;
    max-width: 510px;
}

.video__title {
    margin-bottom: 20px;
}

.video__text p {
    color: var(--color04);
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
}

.video__src iframe {
    border-radius: var(--border-radius02);
}

footer {
    background-color: var(--bgcolor05);
    color: var(--color03);
}

.prefooter {
    border-bottom: var(--border08);
}

.prefooter__container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 25px 0;
}

.prefooter__block_logo {
    position: relative;
    padding-left: 50px;
}

.prefooter__block_logo::before {
    content: "";
    display: block;
    background-image: url("./img/logo_header.svg");
    background-size: cover;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 3px;
}

.prefooter__block_logo_title {
    font-size: var(--fontsize08);
    line-height: var(--lineheight07);
    color: var(--color03);
    font-weight: 600;
    margin: 0;
}

.prefooter__block_logo_subtitle {
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    color: var(--color03);
    font-weight: 400;
}

.prefooter__contacts {
    display: flex;
    align-items: center;
}

.prefooter__contacts_number {
    color: var(--color02);
    font-size: var(--fontsize03);
    line-height: var(--lineheight03);
    font-weight: 600;
}

.prefooter__contacts_timework {
    color: var(--bgcolor04);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 500;
    padding-left: 20px;
}

.prefooter__contacts_email {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    color: var(--color03);
    font-weight: 500;
    margin-left: 70px;
}

.footer__menus {
    display: flex;
    justify-content: space-between;
    padding: 35px 0 60px;
}

.footer__menus_item_subtitle {
    color: var(--color02);
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
    margin-bottom: 15px;
}

.footer__menus_nav_item {
    margin-bottom: 10px;
}

.footer__menus_nav_link {
    color: var(--color03);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 400;
}

.post_footer {
    background-color: var(--color01);
}

.post_footer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.post_footer__copyright_block {
    display: flex;
    align-items: center;
}

.post_footer__copyright_block_copyright {
    color: var(--color05);
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    font-weight: 500;
    margin-left: 50px;
}

.post_footer__payments {
    display: flex;
    align-items: center;
}

.post_footer__payments_icon {
    margin-left: 30px;
    mix-blend-mode: luminosity;
}

.post_footer__copyright_text {
    font-size: var(--fontsize07);
    line-height: var(--lineheight10);
    font-weight: 200;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
}

/* Mobile menu */

.menu_burger {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 100%;
    height: 100%;
    position: fixed;
    transition: left .3s ease 0s;
    -webkit-transition: left .3s ease 0s;
    top: 47px;
    left: -125%;
    z-index: 99999999;
}

.menu_burger__backdrop {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    background: #3d464d;
    opacity: 0;
    transition: opacity .3s;
}

.menu_burger__active .menu_burger__backdrop {
    opacity: .5;
}

.menu_burger__active {
    left: 0;
}

.menu_burger__container {
    display: flex;
    padding: 0;
    position: relative;
}

.menu_burger__main {
    width: 450px;
    height: 100%;
    background-color: var(--bgcolor02);
    scrollbar-width: thin;
    scrollbar-color: var(--color02) transparent;
    overflow-y: auto;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    padding: 35px 0 30px 50px;
    z-index: 999999999;
}

.menu_burger__main_title {
    display: none;
}

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

.menu_burger a {
    text-decoration: none;
}

.menu_burger__main_list_item {
    padding-right: 10px;
}

.menu_burger__main_list_item > .menu_burger__link {
    display: block;
    position: relative;
    padding: 10px 10px 10px 50px;
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    border-radius: var(--border-radius04);
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.menu_burger__main_list_item > .menu_burger__link:before {
    content: "";
    position: absolute;
    background-image: url("./img/menu_icon__profnastil.svg");
    background-size: cover;
    color: var(--color05);
    left: 15px;
    width: 24px;
    height: 24px;
}

.menu_burger__main_list_item > .menu_burger__link[href*="zabory-iz-setki-rabitsy"]:before {
    background-image: url("./img/menu_icon__rabica.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="zabory-iz-metallicheskogo-shtaketnika"]:before {
    background-image: url("./img/menu_icon__metshtaketnik.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="3d-zabory"]:before {
    background-image: url("./img/menu_icon__3d.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="zabory-iz-polikarbonata"]:before {
    background-image: url("./img/menu_icon__polikarbonat.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="svarnye-zabory"]:before {
    background-image: url("./img/menu_icon__svarnie.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="derevyannye-zabory"]:before {
    background-image: url("./img/menu_icon__derevyannie.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="kovanye-zabory"]:before {
    background-image: url("./img/menu_icon__kovanie.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="zabory-zhalyuzi"]:before {
    background-image: url("./img/menu_icon__zhaluzi.svg");
}

.menu_burger__main_list_item > .menu_burger__link[href*="zabory-dlya-dachi"]:before {
    background-image: url("./img/menu_icon__dlya_dachi.svg");
}

.menu_burger__main_list_item > .menu_burger__link:hover {
    background-color: var(--bgcolor06);
    color: var(--color03);
}

.menu_burger__mobile_shevron{
    display: none;
    height: 0;
    width: 0;
}

.menu_burger__drop {
    display: none;
    height: 100%;
    border-left: var(--border05);
    background: var(--bgcolor02);
    padding: 35px;
    position: absolute;
    top: 0;
    left: 450px;
}

@media (min-width: 1205px) {
     .menu_burger__main_list_item:hover .menu_burger__drop {
        display: block;
    }

    .menu_burger__drop:hover {
        display: block;
    }
}

.menu_burger__drop_list {
    overflow-y: auto;
    scrollbar-color: var(--color02) transparent;
    scrollbar-width: thin;
    overflow-x: hidden;
    height: 100%;
}

.menu_burger__drop_list_item {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.menu_burger__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.menu_burger__drop__active,
.menu_burger__drop_list_item__active {
    display: block;
    -webkit-animation: fadeIn .3s both;
    animation: fadeIn .3s both;
}


.menu_burger__first,
.menu_burger__second {
    position: relative;
    background-color: var(--bgcolor01);
    width: 375px;
    padding: 35px;
    flex-shrink: 0;
    -ms-flex-negative: 0;
}

.menu_burger__first_title {
    padding: 0;
    margin: 0 0 15px;
}

.menu-burger__link {
    text-decoration: none;
}

.menu_burger__first_title .menu_burger__link {
    position: relative;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s ease 0s;
    -webkit-transition: color .3s ease 0s;
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    color: var(--color02);
    font-weight: 500;
}

.menu_burger__first_item {
    margin: 0 0 15px;
}

.menu_burger__first_item .menu_burger__link {
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
}

.menu_burger__first_item .menu_burger__link:hover {
    color: var(--color02);
    text-decoration: underline;
}

.menu_burger__second .menu_burger__banner {
    margin: 0;
}

.menu_burger__second .menu_burger__banner img {
    width: 100%;
}

.menu-burger__close::after, .menu-burger__close::before {
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s;
    background-color: #fff;
    border-radius: 4px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

.menu-burger__close::before {
    width: 4px;
    height: 28px;
}

.menu-burger__close::after  {
    width: 28px;
    height: 4px;
}

.menu-burger__close {
    width: 34px;
    height: 34px;
    display: inline-block;
    font-size: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 450px;
}

.menu_burger__drop__active ~ .menu-burger__close {
    left: auto;
    right: -43px;
}

.menu_burger__contacts {
    padding: 35px 0 10px 10px;
    text-align: center;
}

.menu_burger__contacts_phone {
    display: flex;
    justify-content: center;
}

.menu_burger__copyright_block_social {
    margin-right: 10px;
}

.menu_burger__contacts_phone a {
    font-size: var(--fontsize04);
    line-height: var(--lineheight04);
    font-weight: 500;
}

.menu_burger__contacts_timework {
    font-size: var(--fontsize07);
    line-height: var(--lineheight09);
    color: var(--color06);
    font-weight: 400;
    margin-bottom: 5px;
}

.menu_burger__contacts_text {
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    font-weight: 500;
}

.menu_burger__contacts .tender_fence__button {
    margin: 15px auto;
    width: 80%;
    cursor: pointer;
}

.breadcrumb__container {
    padding: 0;
}

.breadcrumb__container .bx-breadcrumb {
    margin: 15px 0;
    position: absolute;
    color: var(--color05);
}

.breadcrumb__container .bx-breadcrumb a {
    color: var(--color05);
}

.detail__container {
    padding: 20px 0 0;
}

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

.tender_detail_title_container .tender_list__item_tend_stat {
    text-align: center;
    width: 250px;
    display: block;
    padding: 15px;
}

.tender_detail_features {
    display: flex;
    flex-wrap: wrap;
}

[class*="tender_detail_features_"] {
    min-width: 50%;
}

[class*="tender_detail_features_"] li {
    font-size: var(--fontsize06);
    line-height: var(--lineheight05);
    font-weight: 400;
}

[class*="tender_detail_features_"] li > span {
    font-weight: 700;
}

.tender_detail_description {
    margin-top: 20px;
    padding: 10px 0;
    border-top: var(--border01);
    border-bottom: var(--border01);
}

.tender_detail_description p {
    margin: 0;
}

.detail__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.detail__item {
    width: 48%;
    margin-bottom: 20px;
    position: relative;
}

.detail__item > a img {
    width: 100%;
}

.detail__item:first-child {
    width: 100%;
}

.detail__item:first-child > a img {
    width: 100%;
}

.detail__item_art {
    color: var(--color02);
    font-size: var(--fontsize03);
    line-height: var(--lineheight03);
    font-weight: 600;
    position: absolute;
    top: 25px;
    left: 25px;
}

.company_rating_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.company__name {
    display: flex;
    justify-content: start;
    align-items: center;
}

.company__name_logo {
    height: 100%;
    max-height: 40px;
}

.company__name_text {
    color: var(--color04);
    font-size: var(--fontsize12);
    line-height: var(--lineheight05);
    font-weight: 700;
    padding: 0 0 0 20px;
}

.detail__price {
    color: var(--color04);
    font-size: var(--fontsize09);
    line-height: var(--lineheight05);
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}

.detail__price span {
    color: var(--color02);
    font-weight: 700;
}

.prefooter__container .banner__button {
    background: transparent;
    margin-bottom: 0;
    align-self: center;
    padding: 10px;
    width: 250px;
}

.thank_you__modal {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-clip-path: circle(0% at 50% 50%);
    clip-path: circle(0% at 50% 50%);
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: -1;
    opacity: 0.4;
}

.thank_you__modal.open {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%);
    z-index: 9999;
    opacity: 1;
}

.thank_you__modal_form {
    position: relative;
    background: var(--bgcolor02);
    padding: 5rem;
    width: 100%;
    max-width: 36.25rem;
    margin: 1rem;
    border-radius: var(--border-radius02);
    border: var(--border06);
}

.thank_you__modal_form > p,
.thank_you__modal_form h2 {
    text-align: center;
}

.similar_fences {
    display: inline-block;
    margin-bottom: 30px;
}

.link__view_all {
    margin-left: 30px;
}




.slideshow {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    background: #000;
    margin: 20px 0;
}
.slideshow-item {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    animation: slideanim 40s infinite;
    pointer-events: none;
}
.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img {
    animation-delay: 0;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img {
    animation-delay: 10s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img {
    animation-delay: 20s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img {
    animation-delay: 30s;
}
.slideshow-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoom 40s infinite;
}
.slideshow-item-text {
    max-width: 50%;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: rgb(0 0 0 / 70%);
    color: #fff;
    padding: 20px 30px;
    font-family: Verdana, sans-serif;   
}
.slideshow-item-text h5 {
    font-size: 22px;
    margin: 0 0 10px 0;
    color: #ed0808;
}
.slideshow-item-text p {
    font-size: 15px;
    margin-bottom: 10px;
}
@keyframes slideanim {
    12.5%{
        opacity: 1;
        pointer-events: auto;
    }
    25%{
        opacity: 1;
        pointer-events: auto;
    }    
    37.5%{
        opacity: 0;
    }
}
@keyframes zoom {
    50%{
        transform: scale(1.3);
    }    
}
@media screen and (max-width: 1100px){
    .slideshow-item-text{
        max-width: 75%;
    }
}
@media screen and (max-width: 456px){
    .slideshow-item-text {
        bottom: 0;
        left: 0;
        max-width: 100%;
    }
    .slideshow-item-text h5 {
        font-size: 18px;
    }
    .slideshow-item-text p {
        font-size: 13px;
    }
}



.maintip { 
    text-align:justify;
    margin-bottom: 20px;
 }

.photos_text {
    text-align: center;
    margin: 0 0 20px 0;
    overflow: hidden;   
}
.photos_text a {
    width: 25%;
    display: block;
    float: left;
   /* line-height: 0;*/
       font-size: var(--fontsize07);
           font-weight: 600;
}
.photos_text img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    padding: 5px 5px 5px 5px;
}


.scale {
transition: 1s; /* Время эффекта */
}
.scale:hover {
transform: scale(1.5); /* Увеличиваем масштаб */
}


@media screen and (max-width: 800px) {
    .photos_text a {
        width: 100%;
        float: none;
    }
}

img[tabindex="0"] {  
  cursor: zoom-in;  
}

img[tabindex="0"]:focus {  
  position: fixed;  
  z-index: 20;  
  top: 110px;  
  left: 0;  
  bottom: 0;  
  right: 0;  
  width: auto;  
  height: auto;  
  max-width: 76%;  
  max-height: 76%;  
  margin: auto;  
  box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
  opacity:1;
 // border: 3px solid var(--color02);; /* бордюр */  
  border-radius: 20px;/* радиус углов */  
}  

img[tabindex="0"]:focus, /* Строчка для того что бы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {  
  pointer-events: none;  
  cursor: zoom-out;  
}


/*для текста фото*/
IMG.fig {
    float: right; /* Обтекание картинки по левому краю */
 /*   padding-left: 10px;  Отступ слева */
 /*    padding-bottom: 10px; Отступ снизу */
    width: 400px;
    height: 300px;
    border-radius: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}

IMG.figleft {
    float: left; /* Обтекание картинки по левому краю */
  /*   padding-right: 20px; Отступ слева */
  /*  padding-bottom: 10px;  Отступ снизу */
    width: 400px;
    height: 300px;
    border-radius: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}


   @media (max-width: 769px) {    
    .adv__none {
        display: none;
    }

    IMG.figleft {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: auto;
   }

    IMG.fig {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: auto;
   }
}

.konf-lvl2__list {
    padding: 0px 0px 0px 25px;
    font-size: var(--fontsize06);
}

.contractor__item {
    list-style-type:disc;
}

.contractor__list {
    padding-left: 25px;
}

.important_text {
    color: var(--color02);
    margin-left: 15px;
}

.register__form {
    border: var(--border06);
    border-radius: var(--border-radius02);
    display: flex;
    overflow: auto;
    background-color: var(--bgcolor01);
    position: relative;
    z-index: 9;
    margin: 130px auto 0;
    width: 100%;
    max-width: 600px;
}

.register__form .bx-auth-reg {
    padding: 45px 50px;
}

.register__form thead td {
    text-align: center;
}

.register__form thead b {
    font-size: var(--fontsize02);
    line-height: var(--lineheight02);
    font-weight: 600;
    margin: 0;
}

.register__form tbody td {
    color: var(--color06);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    margin: 0;
    padding: 10px 0px;
}

.register__form tbody td input {
    background: var(--bgcolor01);
    border-radius: var(--border-radius01);
    border: var(--border02);
    color: var(--color04);
    width: 100%;
    padding: 14px 10px 14px 18px;
}

.register__form tfoot td [type="submit"] {
    background: var(--color02);
    color: var(--color03);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-weight: 600;
    text-align: center;
    padding: 14px;
    width: 100%;
}

.bx-auth-reg p {
    color: var(--color06);
    font-size: var(--fontsize06);
    line-height: var(--lineheight08);
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.footer_mobile_menu {
    bottom: 0;
    height: 65px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 23;
    color: #262626;
    font-family: pt-root-ui,Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.footer_mobile_menu {
    display: none;
}

.footer_mobile_menu__list {
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.08);
    display: flex;
    height: inherit;
    padding-left: 8px;
    padding-right: 8px;
}

.footer_mobile_menu__item {
    align-items: flex-end;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    padding-bottom: 10px;
}

.footer_mobile_menu__item i {
    font-size: 28px;
    cursor: pointer;
}

.footer_mobile_menu__item .icon_burger {
    content: url("/local/templates/zpk_nd/./img/icon_burger.svg");
}

.footer_mobile_menu__item .icon_fence {
    content: url("/local/templates/zpk_nd/img/icon_fence.svg");
}

.footer_mobile_menu__item .icon_rega {
    content: url("/local/templates/zpk_nd/./img/icon_city.svg");
}

.footer_mobile_menu__item .icon_people {
    content: url("/local/templates/zpk_nd/img/icon_brigades.svg");
}

.footer_mobile_menu__item_wrap {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer_mobile_menu__item .footer_mobile_menu__item_link {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .03rem;
    line-height: 100%;
    margin-top: 4px;
    color: #000;
}



   @media (max-width: 769px) {    
    .photos_text_view {
        display: none;
    }
}
       @media (min-width: 769px) {    
    .photos_text_none {
        display: none;
    }
    }

.prices-page .container{
    max-width:100%;
    padding-left:15px;
    padding-right:15px
}

.prices-page__table{
    width:100%;
    margin:0 auto}

    .prices-page__table tr th, .prices-page__table tr:nth-child(even) td {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    }






table.redTable {
  font-family: "Times New Roman", Times, serif;
  border: 2px solid #DE2323;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.redTable td, table.redTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.redTable tbody td {
  font-size: 13px;
  font-weight: bold;
}
table.redTable tr:nth-child(even) {
  background: #F5DDDD;
}
table.redTable thead {
  background: #DE2323;
  border-bottom: 0px solid #444444;
}
table.redTable thead th {
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #DE2323;
}
table.redTable thead th:first-child {
  border-left: none;
}

table.redTable tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: #DE2323;
  border-top: 0px solid #444444;
}
table.redTable tfoot td {
  font-size: 13px;
}
table.redTable tfoot .links {
  text-align: right;
}
table.redTable tfoot .links a{
  display: inline-block;
  background: #FFFFFF;
  color: #DE2323;
  padding: 2px 8px;
  border-radius: 5px;
}

.testimonals_tabs input {
    display: none;
}

.testimonals_tabs input:checked + label {
    background: var(--color02);
    color: var(--color03);
}

.testimonals_tabs label {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    font-weight: 500;
    padding: 10px 15px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    min-width: 200px;
}

.testimonals_tabs > div {
    display: none;
    background: #FFFFFF;
    margin-top: 20px;
}

#text_testimonals:checked ~ #text_testimonals_cont,
#video_testimonals:checked ~ #video_testimonals_cont,
#audio_testimonals:checked ~ #audio_testimonals_cont {
    display: flex;
}




    table.iksweb{
        text-decoration: none;
        border-collapse:collapse;
        width:100%;
        text-align:center;
    }
    table.iksweb th{
        font-weight:500;
        font-size:16px; 
        color:#ffffff;
        background-color:#ff0000;
    }
    table.iksweb td{
        font-size:13px;
        color:#354251;
    }
    table.iksweb td,table.iksweb th{
        white-space:pre-wrap;
        padding:10px 5px;
        line-height:13px;
        vertical-align: middle;
        border: 1px solid #faf0f2;
    }   
    table.iksweb tr:hover td{
        color:#354251;
        cursor:default;
    }
    table.iksweb tr:nth-child(odd) {
        background: #f90a0a08;
    }


.tender_fence1__form{
    border: var(--border06);
    border-radius: var(--border-radius02);

    overflow: auto;
    background-color: var(--bgcolor01);
    position: relative;
    z-index: 9;
    margin: 30px auto 0;
    width: 100%;
    max-width: 1200px;
    padding: 20px;
}


.kontants_container {
    padding: 0 0 50px 0;
}

.kontants__title {
    margin: 0;
}

.requzit_footer_block {
    width: 100%;
    text-align: center;
}

.connection_type {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/** Сайдбар Меню **/

.sidebar_menu {
    width: 95%;
}

.sidebar_menu__main_list_item {
    padding-top: 5px;
    position: relative;
}

.sidebar_menu__main_list_item > .sidebar_menu__link {
    font-weight: 700;
}

.sidebar_menu__main_list_item.have_submenu > a:after {
    content: "";
    width: 11px;
    height: 7px;
    position: absolute;
    background-image: url("/local/templates/zpk_nd/./img/shevron_down_big.svg");
    background-repeat: no-repeat;
    background-size: contain;
    right: -18px;
    top: 6px;
    cursor: pointer;
}

.sidebar_menu__main_list_item.active.have_submenu > a:after,
.sidebar_menu__main_list_item:hover > a:after {
    transform: rotate(180deg);
}

.sidebar_menu__link {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.sidebar_menu .active > .sidebar_menu__link,
.sidebar_menu__main_list_item:hover > .sidebar_menu__link,
.sidebar_menu__second_list_item:hover > .sidebar_menu__link {
    color: var(--color02);
}

.sidebar_menu__second_list {
    display: none;
    padding-left: 10px;
    margin-bottom: 10px;
}

.sidebar_menu__main_list_item.active .sidebar_menu__second_list {
    display: block;
}

.sidebar_menu__main_list_item:hover > .sidebar_menu__second_list {
    display: block;
}

.sidebar_content {
    display: block;
    margin-top: 20px;
}

.sidebar_content .button_tender {
    display: block;
    width: 80%;
}


/* Калькулятор */

.calculator_form_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0;
    position: relative;
}

.calculator_form__block {
    width: 45%;
}

.calculator_form__result {
    padding: 45px 40px 30px;
    background: #FFF;
    height: 100%;
    margin-bottom: 25px;
    border: var(--border01);
    border-radius: var(--border-radius02);
    box-shadow: 1px 3px 19.95px 6px rgb(0 0 0 / 14%);
}

.calculator_form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.calculator_form__item {
    width: 48%;
    margin-bottom: 25px;
}

.calculator_form__item_title {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    width: 100%;
    margin-bottom: 15px;
}

.calculator_form__radio,
.calculator_form__checkbox {
    display: none;
}

.calculator_form__radio+label {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 44px;
    text-align: center;
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
    border-radius: var(--border-radius01);
}

.calculator_form__radio:checked+label {
    color: #fff;
    border-color: var(--color02);
    background: var(--color02);
}

.calculator_form__select,
input[type="text"].calculator_form__input {
    border: 1px solid #d8d8d8;
    border-radius: var(--border-radius01);
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    color: #232323;
    font-weight: 400;
    line-height: 16px;
    width: 100%;
    font-size: 14px;
}

.calculator_form__checkbox+label::before {
    display: block;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #d8d8d8;
    border-radius: var(--border-radius01);
}

.calculator_form__checkbox:checked+label::before {
    border-color: var(--color02);
    background: var(--color02) url("./img/tick.svg") no-repeat center center/10px;
}

.calculator_form__checkbox_label {
    position: relative;
    padding-left: 30px;
    margin-top: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.calculator_result__button_block,
.calculator_result__price {
    margin-bottom: 20px;
}

.calculator_result__button {
    background: var(--color03);
    padding: 0 40px;
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
    border: none;
    height: 44px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color01);
    font-weight: 500;
}

.calculator_result__price span {
    display: block;
}

.calculator_result__price_title {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 10px;
    line-height: 1.6;
}

.calculator_result__price_numbers {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
}

.form_request__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.form_request__item input[type="text"],
.form_request__item input[type="tel"] {
    width: 95%;
    border: 1px solid #d8d8d8;
    border-radius: var(--border-radius01);
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 15px;
    color: #232323;
    font-weight: 400;
    line-height: 16px;
}

.form_request__item input[type="text"]~p {
    margin: 0;
}

.form_request__item p {
    padding: 0 14px;
    margin: 0;
}


.sheet_profile .sheet_profile_img {
    content: '';
    position: absolute;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    background-size: cover;
}

.sheet_profile:hover .sheet_profile_img {
    width: 650px;
    height: 450px;
    box-shadow: 1px 1px 8px #000;
}

.sheet_profile_8:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_8.jpg);
}

.sheet_profile_20:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_20.jpg);
}

.sheet_profile_21:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_21.jpg);
}

.picket_brands_r:hover .sheet_profile_img {
    background-image: url(./img/profil_shtaketnik_r.jpg);
}

.picket_brands_m:hover .sheet_profile_img {
    background-image: url(./img/profil_shtaketnik_m.jpg);
}

.picket_brands_p:hover .sheet_profile_img {
    background-image: url(./img/profil_shtaketnik_p.jpg);
}

.calculator__form_success,
.calculator_shtaketnik__form_success,
.calculator_3d__form_success,
.calculator_rabica__form_success {
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    color: var(--color02);
}


.calculator_form__item_full_width {
    width: 100%;
}

.calculator_form__radio + label.farm_type {
    width: auto;
    padding: 0 10px;
    margin-bottom: 10px;
}

.error,
div.recaptchaError {
    color: red;
}

.form_request__item input[type="button"] {
    font-size: 15px;
    height: 44px;
    padding: 0 30px;
    background-color: var(--color02);
    border: none;
    border-radius: var(--border-radius01);
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    transition: 0.3s;
}

.calculator_form__result p {
    margin-bottom: 25px;

}

/* Вкладки для калькулятора */
.calculator_tabs {
    display: none;
}

.calculator_tab_labels {
    display: inline-block;
    margin: 0 5px -1px 0;
    text-align: center;
    color: var(--color01);
    border: var(--border01);
    background-color: var(--color03);
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
    border-radius: var(--border-radius01);
    min-width: 125px;
}

.calculator_tabs:checked+.calculator_tab_labels {
    color: var(--color03);
    border: var(--border01);
    background: var(--color02);
}

.calculator_tab_content {
    padding: 0 20px;
    border-radius: var(--border-radius02);
    display: none;
    border: var(--border06);
    margin-top: 10px;
}

.calculator_tab_profnastil:checked~.tab_content_profnastil,
.calculator_tab_picket:checked~.tab_content_picket,
.calculator_tab_3d:checked~.tab_content_3d,
.calculator_tab_rabica:checked~.tab_content_rabica {
    display: block;
}

.sidebar_section__container {
    display: flex;
    justify-content: space-between;
}



.sheet_profile .sheet_profile_img,
.farm_type .farm_type_img {
    content: '';
    position: absolute;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    background-size: cover;
}

.sheet_profile:hover .sheet_profile_img  {
    width: 650px;
    height: 450px;
    box-shadow: 1px 1px 8px #000;
    background-color: #fff;
}

.farm_type:hover .farm_type_img  {
    width: 650px;
    height: 450px;
    box-shadow: 1px 1px 8px #000;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
}

.sheet_profile_8:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_8.jpg);
}

.sheet_profile_20:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_20.jpg);
}

.sheet_profile_21:hover .sheet_profile_img {
    background-image: url(./img/profil_profnastil_21.jpg);
}

.picket_brands_r:hover .sheet_profile_img {
    background-image: url(./img/profil_shtaketnik_r.jpg);
}

.picket_brands_m:hover .sheet_profile_img {
    background-image: url(./img/profil_shtaketnik_m.jpg);
}

.picket_brands_p:hover .sheet_profile_img {
    background-image: url(./image/profil_shtaketnik_p.jpg);
}

.farm_type_arched:hover .farm_type_img {
    background-image: url(./img/arched-triangle.jpg);
}

.farm_type_semi_arched:hover .farm_type_img {
    background-image: url(./img/semi-arched-triangle.jpg);
}

.farm_type_single_pitch:hover .farm_type_img {
    background-image: url(./img/shed-triangle.jpg);
}

.farm_type_triangular:hover .farm_type_img {
    background-image: url(./img/triangle-triangle.jpg);
}

.farm_type_gable:hover .farm_type_img {
    background-image: url(./img/type_gable.jpg);
}

.farm_type_gable_arched:hover .farm_type_img {
    background-image: url(./img/double-shed.jpg);
}

.farm_type_two_level:hover .farm_type_img {
    background-image: url(./img/two_level.jpg);
}

.calculator_shed_note {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--color02);
}


/** Владки на разделах **/

.fence_tabs_block {
    padding: 0 10px 30px;
    position: relative;
}

.fence_tabs_block_main {
    padding: 15px 0;
}

.fences_tabs {
    display: none;
}

.fences_tabs_label {
    display: inline-block;
    margin: 0 5px -1px 0;
    text-align: center;
    color: var(--color01);
    border: var(--border01);
    background-color: var(--color03);
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
    border-radius: var(--border-radius01);
    min-width: 125px;
}

.fences_tabs:checked + .fences_tabs_label,
.fences_tabs_label.active {
    color: var(--color03);
    border: var(--border01);
    background: var(--color02);
}

.fences_tabs_content {
    display: none;
    margin-top: 10px;
}

.fence_tabs_arrow {
    position: absolute;
    top: calc(50% - 25px);
    right: 50px;
}

.fence_tabs_arrow div {
    font-size: 0;
}

.fence_tabs_arrow_items {
    transform: rotate(270deg);
}

.fence_tabs_arrow_items span {
    display: block;
    width: 1.5vw;
    height: 1.5vw;
    border-bottom: 5px solid #DE2323;
    border-right: 5px solid #DE2323;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.fence_tabs_arrow_items span:nth-child(2) {
    animation-delay: -0.2s;
}

.fence_tabs_arrow_items span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

.fences_tabs_materials:checked ~ .tab_content_materials,
.fences_tabs_color:checked ~ .tab_content_color,
.fences_tabs_height:checked ~ .tab_content_height,
.fences_tabs_piles:checked ~ .tab_content_piles,
.fences_tabs_foundation:checked ~ .tab_content_foundation {
    display: block;
}


.tabs__item_content {
    background: var(--bgcolor01);
    padding: 20px;
    width: 285px;
    border-radius: 0 0 10px 10px;
}

.tabs__item_name {
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    font-weight: 600;
    min-height: 70px;
    margin-bottom: 15px;
}

.tabs_order_button {
    font-size: var(--fontsize06);
    line-height: var(--lineheight09);
    font-weight: 500;
    padding: 10px 15px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    text-align: center;
    cursor: pointer;
}

.tabs__item_buttons {
    display: flex;
    justify-content: space-between;
}

.tabs__item_buttons .button_primary,
.tabs__item_buttons .tabs_order_button  {
    width: 48%;
    padding: 10px 15px;
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    text-align: center;
}

.tabs_chars,
.tabs_price {
    border-bottom: var(--border02);
    padding-bottom: 15px;
    margin-bottom: 15px;

}

.tabs__item_char {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: var(--fontsize07);
    line-height: var(--lineheight10);
    color: var(--color01);
    margin-bottom: 10px;
}

.tabs__item_char_garanty {
    margin-bottom: 0;
}

.tabs__item_char > div {
    width: 49%;
    align-self: center;
}

.tabs__item_char .item_char__value {
    font-weight: 600;
    text-align: right;
}

.tabs__item_char > .item_char__garanty {
    width: 100%;
    text-align: center;
}

.tabs_price__title {
    font-size: var(--fontsize06);
    line-height: var(--lineheight12);
    font-weight: 600;
    border-bottom: var(--border02);
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.tabs_price__title .tabs_price__title_item:nth-child(2) {
    text-align: right;
}

.tabs_price .tabs__item_char .item_char__value {
    font-size: var(--fontsize04);
    line-height: var(--lineheight07);
    font-weight: 600;
    color: var(--color02);
}

.tabs__content {
    display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
    display: block; /* по умолчанию показываем нужный блок */
}


.catalog-detail__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.catalog-detail__container h1 {
    width: 100%;
}

.catalog-detail__col {
    width: 47%;
}

.catalog-detail__slider {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.catalog-detail__el {
    align-items: center;
    justify-content: space-between;
    padding: 8px 35px;
}

.catalog-detail__tabs > div {
    font-size: 16px;
}

.catalog-detail__el .title {
    font-weight: 700;
}

.catalog-detail__el div {
    width: 50%;
}

.catalog-detail__slider img {
    width: 100%;
    margin-top: 20px;
}

.catalog-detail__params .tabs__item_char {
    font-size: var(--fontsize09);
    line-height: var(--lineheight07);
    color: var(--color01);
}

.catalog-detail__params .button_primary {
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
}

.main__title_block > h2,
.main__title_block > span {
    margin-bottom: 0;
}

.fences_tabs_content .photos_text {
    margin-top: 30px;
}

.fence_tabs_block .block__desc,
.prices__description {
    margin-bottom: 20px;
}

.about_company__container {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.sidebar_content .button_primary {
    display: block;
    margin-top: 10px;
    width: 80%;
    text-align: center;
}

.container2 {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.inner-div {
    height: 200px;
    width: 400px;
    margin: 10px;
}

.kontants_container {
    padding: 0 0 1px 0;
}

.objects_pictures__item_content1 {
    background: var(--bgcolor01);
    padding: 0px;
    width: 285px;
    border-radius: 10px;
    box-shadow: 5px 7px 15px 0px rgb(136 98 34 / 13%);
}

.mobile__contacts_timework {
    display: none;
}

/** Квиз для тендера **/

.tender_quiz__section {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 30px auto 0;
}

.tender_quiz__form {
    border: var(--border06);
    border-radius: var(--border-radius02);
    display: flex;
    overflow: auto;
    background-color: var(--bgcolor01);
    position: relative;
    z-index: 9;
    width: 100%;
}

.tender_quiz_popup .close {
    right: 15px;
    top: 20px;
}

.tender_quiz__list {
    width: 100%;
}

.tender_quiz__block {
    background: var(--bgcolor02);
    padding: 45px 50px 45px 60px;
    display: none;
}

.tender_quiz__block.active {
    display: block;
}

.tender_quiz__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tender_quiz__inner_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tender_quiz__inner_block {
    position: relative;
    width: 32%;
    margin-bottom: 20px;
    max-height: 240px;
}

.tender_quiz__inner__img {
    border-radius: var(--border-radius02);
    width: 100%;
    height: 100%;
    max-height: 120px;
    margin-bottom: 10px;
}

.tender_quiz__radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 50%;
    transition: .2s ease-out;
    background: #cbd1d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    opacity: 0;
    outline: 0;
    z-index: 1000;
}

.tender_quiz__radio:checked {
    position: absolute;
    left: calc(50% - 37px);
    top: calc(40% - 37px);
    width: 75px;
    height: 75px;
    opacity: 1;
    background: var(--color02);
}

.tender_quiz__radio:checked::before {
    opacity: 1;
    height: 75px;
    width: 75px;
    position: absolute;
    content: "✔";
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 75px;
}

.tender_quiz__radio:checked::after {
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: .65s .1s click-wave;
    animation: .65s .1s click-wave;
    background: var(--color02);
    content: "";
    display: block;
    position: relative;
    z-index: 100;
}

.tender_quiz__inner_label {
    display: block;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-size: 15px;
}

.tender_quiz__navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin: 20px auto 0;
}

.tender_quiz__button_back,
.tender_quiz__button_forward {
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
    border-radius: var(--border-radius01);
    min-width: 125px;
    border: var(--border01);
    text-align: center;
}

.tender_quiz__button_back {
    color: var(--color01);
    background-color: var(--color03);
}

.tender_quiz__button_forward {
    color: var(--color03);
    background: var(--color02);
}

.tender_quiz__inner_list.large_image .tender_quiz__inner_block {
    max-height: 320px;
}

.tender_quiz__inner_list.large_image .tender_quiz__inner__img {
    max-height: 240px;
}

.tender_quiz__content {
    width: 80%;
    margin: 20px auto 0;
}

.tender_quiz__content .tender_fence__lbl > input, .tender_fence__lbl > textarea {
    border: var(--border02);
}

.post_footer__social_icon {
    margin-right: 10px;
}

h3.colored_title {
    font-size: var(--fontsize03);
}

.tender_quiz__two_blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tender_quiz__two_blocks .tender_quiz__content {
    width: 50%;
    margin: 0;
}

.tender_quiz__result_data .result_data__item {
    font-size: var(--fontsize08);
    line-height: var(--lineheight04);
    margin-bottom: 10px;
}

.tender_quiz__result_data .result_data__item .data_target {
    color: var(--color02);
    font-weight: 500;
}

.tender_fence__length_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tender_fence__length_block {
    margin-top: 25px;
}

.tender_fence__length_block .tender_fence__lbl {
    width: 65%;
}

.tender_fence__length_block img {
    width: 33%;
    height: auto;
    align-self: center;
}

.modal_quiz {
    background-color: var(--bgcolor05);
    color: var(--color03);
    margin-bottom: 15px;
}

.modal_quiz::before {
    color: var(--color03);
}

.detail__order {
    max-width: 350px;
    margin: 0 auto 25px;
}

.order_simple__form {
    border: var(--border06);
    border-radius: var(--border-radius02);
    overflow: auto;
    background-color: var(--bgcolor01);
    position: relative;
    z-index: 9;
    margin: 10% auto 0;
    width: 100%;
    max-width: 600px;
    padding: 20px 30px;
}

.order_simple__form .banner__consult_form_lbl_text {
    font-size: var(--fontsize05);
    color: var(--color01);
}

.order_simple__form .form_order_info {
    text-align: center;
    margin-bottom: 15px;
}

.order_simple__form .block_order_fence {
    margin-top: 15px;
    font-size: var(--fontsize03);
}

.recirculation_link__list a {
    color: #06c;
    text-decoration: underline;
    line-height: 26px;
}

.information_price {
    font-size: 14px;
    font-weight: 500;
}

.objects_pictures__content_block {
    min-width: 75%;
}

@media (max-width: 599px){
.catalog-detail__slider img {
    width: 100%;
    margin-top: 5px;
}}

.show_more__block {
    text-align: center;
    margin-top: 30px;
}

.show_more__item {
    padding: 20px 60px;
    height: auto;
    width: auto;
    max-width: 280px;
    border: var(--border01);
    border-radius: var(--border-radius01);
    font-size: var(--fontsize05);
    line-height: var(--lineheight06);
    color: var(--color01);
    font-weight: 500;
}

.section_district .container {
    padding: 0 0 40px;
}