@import "/fonts/onest/onest.css";

.sitemap_menu a {
    font-family: "Onest";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
}

p {
    margin: 0;
}

.crumb:not(.last):after {
    content: " / ";
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

.widht_holder_1920 {
    max-width: 1920px;
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: #676c7a;
    width: fit-content;
}

button {
    background: none;
    border: none;
    padding: 0;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
    z-index: 99;
}

.scrollDown {
    top: -200px;
    transition: all 0.5s ease;
}

a[href^="tel:"] {
    white-space: nowrap;
}

.all_hr_mobile {
    display: none;
}

.all_hr {
    border-top: 1px solid #d1d1d1;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.wholesale-order-max-width {
    width: 100%;
    max-width: 1920px;
    padding: 0 20px;
    margin: 0 auto;
}

body {
    margin: 0;
    padding: 0 !important;
    font-family: Onest, sans-serif;
    font-style: normal;
    /*     min-width: 1150px; */
}

.modal-open {
}

input,
button,
textarea {
    font-family: Onest, sans-serif;
    font-style: normal;
}


.container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 60px;
    width: 100%;
}

.max-width-holder {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

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

.search_block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    z-index: 99;
    padding: 200px 0 0 0;
}

.search_block_content {
    width: 100%;
    background-color: #ffffff;
    position: relative;
}

.search_city_btn {
    border: none;
    background: none;
    cursor: pointer;
}

.search_block_continer_row1 > input::-webkit-input-placeholder {
    color: #9a9a9a;
}

.list_of_cities > form {
    width: 100%;
}

.mobile_city_search_block {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 16px;
    gap: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 100%;
}

.mobile_city_search_block > input {
    border: none;
    height: 100%;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #9a9a9a;
}

.mobile_city_search_block ::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #9a9a9a;
}

.mobile_search_block {
    display: none;
}

.all_cities {
    font-weight: 400;
    font-size: 16px;
    color: #212c33;
}

.search_block_content_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 70px 60px;
    gap: 40px;
    position: absolute;
    background: #ffffff;
    border-radius: 12px;
    z-index: 1;
}

.search_block_continer_row1 {
    display: flex;
    gap: 16px;
}

.search_block_continer_row1 > input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    font-weight: 400;
    font-size: 36px;
    line-height: 115.5%;
    color: #212c33;
}

.search_block_continer_row1 ::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 36px;
    line-height: 115.5%;
    color: #212c33;
}

.search_block_continer_row1 ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    font-size: 36px;
    line-height: 115.5%;
    color: #212c33;
}

.search_block_continer_row1 ::-ms-input-placeholder {
    /* IE 10+ */
    font-weight: 400;
    font-size: 36px;
    line-height: 115.5%;
    color: #212c33;
}

.search_block_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    width: 164px;
    background: #ffffff;
    border: 1px solid #676c7a;
    border-radius: 65px;
    cursor: pointer;
}

.search_block_button > span {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #221f20;
}

.search_block_header {
    border: 1px solid red;
}

.close_search_block {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 7px;
    top: 7px;
    cursor: pointer;
}

.search_block_continer_row2 {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.search_block_continer_row2_header {
    font-weight: 400;
    font-size: 18px;
    color: #676c7a;
}

.search_block_continer_row2_content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 12px;
}

.search_block_continer_row2_content > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(34, 31, 32, 0.19);
    border-radius: 17px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #676c7a;
    cursor: pointer;
}

/*start header*/
.header_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.mobile_menu_block {
    display: none;
}

.link-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 19px;
}

.header-top-menu {
    background: #F4F4F4;
    padding: 8px 0;
}

[data-page="mainpage"] .header-top-menu {
    background: transparent;
}

.header-scroll-down .header-top-menu {
    background: #F4F4F4;
}

.header .menu-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.header-top-menu .menu-list a {
    color: #505050;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

[data-page="mainpage"] .header-top-menu .menu-list a {
    color: #c4c5c8;
}

.header-scroll-down .header-top-menu .menu-list a {
    color: #505050;
}

.header-bottom-calculation .calculation-btn {
    border: 1px solid #9A9A9A;
    border-radius: 65px;
    padding: 8px 20px;
    font-size: 20px;
    font-weight: 400;
}

.header-bottom-calculation {
    display: flex;
    gap: 40px;
    align-items: center;
}

[data-page="mainpage"] .calculation-btn {
    color: #FFFFFF;
}

.header-scroll-down .calculation-btn {
    color: #212C33;
}

.calculation-btn:hover {
    border-color: #EE1A26;
}

.header-bottom {
    padding: 10px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-bottom-menu .menu-lis a {
    color: #878787;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

[data-page="mainpage"] .header-bottom-menu a {
    color: #FFFFFF;
}

.header-scroll-down .header-bottom-menu a {
    color: #878787;
}

.header-minMenu-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-production-list {
    display: flex;
    top: 100%;
    left: 0;
}

.header-production-list-item {
    position: relative;
    padding: 6px 16px;
}

.header-production-list-item:first-child {
    padding-top: 12px
}

.header-production-list-item:last-child {
    padding-bottom: 12px
}

.minMenu-list {
    flex-direction: column;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 #F1F1F0;
    width: max-content;
    max-width: 260px;
    margin: 0;
    display: none;
}

.minMenu-subMenu-list {
    left: 100%;
    top: 0;
    max-height: 300px;
    overflow-y: scroll;
}

.header-production-list .header-production-list-item a {
    color: #878787;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-production-list-item:hover > a {
    color: #212C33;
}

.header-production-list-icon > a:after {
    content: url("assets/icons/header-production-list-icon.svg");
}

.header-minMenu-block {
    display: flex;
    gap: 40px;
    align-items: center;
}

.minMenu-wrapper:hover > .minMenu-list {
    display: flex;
}

.header-minMenu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding: 12px 0;
}

.minMenu-icon {
    display: flex;
    transform: rotate(0deg);
    transition: transform 300ms;
}

.minMenu-btn {
    color: #212C33;
    font-size: 22px;
    font-weight: 600;
}

[data-page="mainpage"] .minMenu-btn {
    color: #FFFFFF;
}

.header-scroll-down .minMenu-btn {
    color: #212C33;
}

.header-minMenu-item:hover .minMenu-production-icon {
    transform: rotate(-45deg);
}

.header-minMenu-item:hover .minMenu-production-icon svg rect:nth-child(n+2) {
    fill: #EE1A26;
}

.header-minMenu-item:hover .minMenu-logistics-icon svg path {
    fill: #EE1A26;
}

.header_contacts-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
}

.header_contacts-key {
    color: #c4c5c8;
    font-size: 14px;
    font-weight: 400;
}

.header_contacts-value {
    color: #212C33;
    font-size: 16px;
    font-weight: 400;
}

[data-page="mainpage"] .header_contacts-value {
    color: #FFFFFF;
}

.header-scroll-down .header_contacts-value {
    color: #212C33;
}

.header .menu-list li {
    border-bottom: 1px solid transparent;
}

.header .menu-list li:hover {
    border-color: #EE1A26;
}

.header_logo_bg {
    background-image: url("icons/Rectangle 1614.png");
    width: 97px;
    height: 121px;
    text-align: center;
    padding-top: 32px;
    border-radius: 10px;
    display: block;
}

.header-logo-description {
    display: flex;
    width: 100%;
    max-width: 128px;
    color: #9A9A9A;
    font-size: 12px;
    font-weight: 400;
    line-height: 110%
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track{
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #EE1A26;
    border-radius: 8px;

}

[data-page-type="mainpage"].header-logo-description {
    color: #ffffff;
}

.header-scroll-down [data-page-type="mainpage"].header-logo-description,
.header-scroll-down .choose_city {
    color: #000000 !important;
}

.header-scroll-down .arow[data-page-type="mainpage"] {
    background-image: url("icons/arow_grey.svg");
}

.header_logo_bg_mobile {
    display: none;
}

.block_choose_citys {
    display: flex;
}

.mobile_call_message_block {
    display: none;
}

iframe {
    border: none;
    width: 100%;
    height: 100%;
}

.choose_city {
    font-weight: 400;
    font-size: 18px;
    color: #676c7a;
    /*margin-left: 60px;*/
    /*margin-top: 51px;*/
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
}

.choose_city[data-page-type="mainpage"] {
    color: #f4f4f4;
}

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

.arow,
.homepage-arrow {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    /*margin-top: 3px;*/
    --width: 20px;
    --color: white;
    width: 17px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 1s;
    cursor: pointer;
    background-image: url("icons/arow_grey.svg");
}

.arow[data-page-type="mainpage"] {
    background-image: url("icons/arow.svg");
}

.homepage-arrow {
    background-image: url("icons/arow.svg");
}

/*end header left block*/

/*start header right block*/

.header_right_block {
    width: 100%;
}

.header_contacts-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.header_contacts-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.header_contacts_link {
    color: #212c33;
    font-size: clamp(12px, 0.8vw, 18px);
    text-decoration-line: underline;
    white-space: nowrap;
}

.color_ref {
    width: 100%;
    max-width: 950px;
}

.header_right_block_mobile {
    display: none;
}

.nav {
    display: flex;
    line-height: 65px;
    justify-content: end;
    gap: 40px;
    align-items: center;
    font-weight: 400;
    font-size: 22px;
    flex: none;
    order: 1;
    flex-grow: 0;
    height: 100%;
}

.nav a {
    color: #151515;
}

.nav[data-page-type="mainpage"] a {
    color: #ffffff;
}

.search_for_all {
    cursor: pointer;
    display: flex;
}

.search_for_all[data-page="mainpage"] svg path {
    fill: #ffffff;
}

.header-scroll-down .search_for_all svg path {
    fill: #9a9a9a;
}

.mobile_menu_search {
    display: flex;
    gap: 19px;
    align-items: center;
}

.search_for_all_mobile {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #676c7a;
}

.dots {
    height: 6px;
    width: 6px;
    background-color: #676c7a;
    position: absolute;
    border-radius: 10px;
}

.four_dot_group {
    position: relative;
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    border-radius: 53px;
}

.four_dot_group[data-page-type="mainpage"] {
    background: none;
}

.four_dot_group[data-page-type="mainpage"] .dots {
    background-color: #ffffff;
}

/*end header right block*/

/*start sity block*/

.is_your_city_block {
    position: fixed;
    height: 141px;
    left: 241px;
    top: 98px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 22px 20px;
    gap: 30px;
    background: #ffffff;
    box-shadow: 3px 3px 10px -9px rgba(52, 68, 78, 1);
    border-radius: 11px;
    /*display: none;*/
}

.is_your_city {
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

.is_your_city > span {
    color: red;
}

.answer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    gap: 30px;
    width: 190px;
    height: 43px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.answer > div {
    text-align: center;
    width: 50%;
    border-bottom: 2px solid black;
    cursor: pointer;
}

.answer > div:hover {
    border-bottom: 2px solid red;
    color: #ee1a26;
}

.list_of_cities {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 20px;
    gap: 30px;
    position: absolute;
    width: 373px;
    height: 543px;
    top: 90px;
    background: #ffffff;
    box-shadow: 0 2px 1px rgba(52, 68, 78, 0.12);
    border-radius: 11px;
    display: none;
}

.list_of_cities > span {
    width: 180px;
    height: 23px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #212c33;
}

.icon_search {
    width: 23px;
    height: 23px;
    top: 81px;
    right: 41px;
}

.city_group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    gap: 30px;
    width: 333px;
    height: 372px;
    flex: none;
    order: 3;
    flex-grow: 0;
}

.city_group li {
    list-style-type: none;
    font-size: 16px;
    cursor: pointer;
}

.city_group ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.choosing_your_sity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 22px;
    width: 102px;
    height: 346px;
}

/*end header*/

/*start content*/

.content {
    /*margin-top: 118px;*/
    background-image: url("/images/career.jpg");
    padding: 265px 0 410px 0;
    margin-top: -205px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.container_col1 {
    display: flex;
    flex-direction: column;
}

.content_row {
    display: flex;
    /*justify-content: space-between;*/
}

.container_col2 {
    width: 40%;
    position: relative;
    display: flex;
    justify-content: center;
    max-height: 250px;
    align-items: center;
}

.content_head {
    font-weight: 500;
    color: #ffffff;
}

.h1_102_500 {
    font-size: 102px;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

.h1_72_500 {
    font-size: 72px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    overflow-wrap: break-word;
}

.h1_48_500 {
    font-size: 48px;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

.h2_102_500 {
    margin: 0;
    padding: 0;
    font-size: 102px;
    font-weight: 500;
}

.h2_72_500 {
    margin: 0;
    padding: 0;
    font-size: 72px;
    font-weight: 500;
}

.h2_48_500 {
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-weight: 500;
}

.h2_22_500 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 500;
}

.h3_36_500 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-weight: 500;
}

.h3_48_400 {
    margin: 0;
    padding: 0;
    font-size: 48px;
    font-weight: 400;
}

.conten_content {
    width: 100%;
    max-width: 572px;
    font-weight: 400;
    font-size: 31px;
    color: #ffffff;
}

.conten_content > p {
    margin: 0;
}

.for_stk {
    line-height: 200%;
    font-size: 20px;
}

.for_stk:hover {
    padding-right: 10px;
    border-top: 1px solid #ee1a26;
}

.for_stk_bottom {
    padding-top: 40px;
    display: block;
}

.around_button {
    width: 100%;
    height: 100%;
    max-width: 190px;
    max-height: 190px;
    border-radius: 190px;
    border: white solid 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-weight: 400;
    font-size: 22px;
    cursor: pointer;
    transition: all 400ms;
    position: absolute;
}

.around_button:hover {
    color: #ee1a26;
    border: #ee1a26 solid 3px;
    max-width: 200px;
    max-height: 200px;
    font-size: 24px;
    box-shadow: 0 0 10px 0 #ffffff;
    background: rgba(255, 255, 255, 0.7);
}

.orders_form_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.order_form {
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 568px;
    background: #ffffff;
    border-radius: 11px;
    margin: 6vh auto 0;
    z-index: 1;
}

.order_form_close {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.order_form_container {
    display: flex;
    flex-direction: column;
    gap: 5vh;
    padding: 8vh 6vh;
    position: relative;
    box-sizing: border-box;
}

.order_form_header {
    font-weight: 500;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #221f20;
}

.order_form_content {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #676c7a;
}

.order_form_footer,
.privacy-policy {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
}

.privacy-policy-page-top {
    margin-top: 89px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.order_form_footer {
    color: #676c7a;
}

.privacy-policy {
    border-bottom: 1px solid #9a9a9a;
    color: #9a9a9a;
}

.order_form_inputs_block {
    display: flex;
    flex-direction: column;
    gap: 4vh;
}

.order_form_inputs_block input {
    border: none;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
    appearance: none;
    box-shadow: none;
}

.order_form_inputs_block input::-webkit-input-placeholder {
    color: #676c7a;
}

.order_form_inputs_block input:-moz-placeholder {
    color: #676c7a;
}

.order_form_inputs_block input::-moz-placeholder {
    color: #676c7a;
}

.order_form_inputs_block input:-ms-input-placeholder {
    color: #676c7a;
}

.order_form_inputs_block textarea::-webkit-input-placeholder {
    color: #676c7a;
}

.order_form_inputs_block textarea:-moz-placeholder {
    color: #676c7a;
}

.order_form_inputs_block textarea::-moz-placeholder {
    color: #676c7a;
}

.order_form_inputs_block textarea:-ms-input-placeholder {
    color: #676c7a;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input,
input:hover,
input:focus {
    appearance: none;
    outline: none;
}

.order_form_form input:hover,
.order_form_form input:focus {
    border-bottom: 1px solid #676c7a;
}

.order_form_form ::-webkit-input-placeholder {
    color: #212c33;
}

.order_form_form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #212c33;
}

.order_form_form :-ms-input-placeholder {
    /* IE 10+ */
    color: #212c33;
}

.order_form_form :-moz-placeholder {
    /* Firefox 18- */
    color: #212c33;
}

.order_btn {
    background: none;
    border: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    justify-content: center;
}

.order_form_form {
    display: flex;
    flex-direction: column;
    gap: 4vh;
}

/*end content*/

/*start section_1*/

.section_1 {
    margin-top: 170px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 80px;
    margin-bottom: 143px;
}

.section_1_head {
    width: 706px;
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
    margin: 0;
}

.section_1_content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(430px, 1fr));
    gap: 20px;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}

.section_1_content_blocks {
    max-width: 464px;
    display: flex;
}

.line {
    width: 2px;
    height: 23px;
    border: 1px solid #ee1a26;
    margin-top: 15px;
    margin-right: 30px;
}

.section_1_content_blocks_head {
    max-width: 434px;
    font-weight: 500;
    font-size: 36px;
    line-height: 46px;
    color: #212c33;
}

.section_1_content_blocks_content {
    display: flex;
    flex-direction: column;
    gap: 34px;
    flex-wrap: wrap;
}

.materials {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #9a9a9a;
    text-decoration: none;
}

.materials:hover {
    color: black;
}

.materials_block {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

/*end section_1*/

/*start section_2*/
.section_2 {
    margin-top: 142px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.section_2_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    width: 224px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.with_red_dot::before {
    content: "";
    height: 13px;
    width: 13px;
    background-color: red;
    border-radius: 50px;
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
}

.with_green_dot::before {
    content: "";
    height: 13px;
    width: 13px;
    background-color: green;
    border-radius: 50px;
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
}

.with_green_dot {
    font-weight: 400;
    font-size: 18px;
    color: green;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.section_2_head span {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #9a9a9a;
}

.section_2_content_block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.section_2_content_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 27px;
    gap: 32px;
    width: 100%;
    background-color: #f4f4f4;
    border-radius: 11px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.section_2_content_item:hover .section_2_content_item_content {
    color: #ee1a26;
}

.section_2_content_item_header {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
    margin-bottom: 24px;
}

.section_2_content_item_content {
    width: 100%;
    font-weight: 400;
    font-size: 72px;
    text-align: right;
    color: #212c33;
}

.section_2_content_item_line {
    width: 100%;
    border: 1px solid #d1d1d1;
}

.section_2_content_item_footer {
    width: 100%;
    display: flex;
    align-items: stretch;
    font-weight: 400;
    font-size: 22px;
    color: #141414;
}

/*close section_2*/

/*start section_3*/

.section_3 {
    margin-top: 160px;
}

.section_3_content_block {
    display: flex;
    flex-direction: row;
    padding: 0;
    gap: 81px;
    align-items: stretch;
}

.section_3_content_head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
    width: 628px;
}

.section_3_content_head_header {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.section_3_content_head_content {
    width: 628px;
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.section_3_content_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
    width: 733px;
}

.section_3_content_item_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.section_3_content_item_header > span {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.button-white__wrapper {
    height: 40px;
    width: 40px;
    background: #ffffff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.section_3_content_item_body {
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    line-height: 150%;
    text-align: justify;
}

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

/*.section_3_content_item_footer_button > span*/
.hover_color {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #221f20;
}

/*button animate block*/
.hover_color {
    transition: all 100ms;
}

.section_3_content_item_footer_button {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 15px;
    gap: 18px;
    background: #ffffff;
    border: 1px solid #ee1a26;
    border-radius: 65px;
    cursor: pointer;
    transition: all 200ms;
    justify-content: center;
}

.around_line {
    height: 46px;
    width: 46px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arow_blocks {
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: relative;
    background-color: #ee1a26;
    overflow: hidden;
    transition: all 200ms;
}

.arow_red_bj::after {
    content: url("/icons/arrow_right_white.png");
    height: 18px;
}

.arow_black_bj::after {
    content: url("/icons/arrow_right_white.png");
    height: 18px;
}

.order_btn .arow_red_bj::after,
.order_btn .arow_black_bj::after {
    height: 15px;
}

.arow_black_bj {
    height: 38px;
    width: 38px;
    position: absolute;
    left: -38px;
    transition: all 200ms;
    border-radius: 50px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arow_red_bj {
    height: 38px;
    width: 38px;
    position: absolute;
    transition: all 200ms;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
}

.section_3_content_item_footer_button:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ee1a26;
}

.section_3_content_item_footer_button:hover .arow_black_bj {
    left: 0;
    border: none;
}

.section_3_content_item_footer_button:hover .arow_red_bj {
    left: 38px;
    border: none;
}

.section_3_content_item_footer_button:hover .around_line {
    background-color: white;
    border: none;
}

.section_3_content_item_footer_button:hover .hover_color {
    color: white;
}

/*end button animate block*/

/*end section_3*/

/*start section_video*/

.section_video {
    margin-top: 162px;
    height: auto;
}

.video_html {
    padding-bottom: 56.7%;
    position: relative;
    margin: 30px 0;
}

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

body[data-page-type="mainpage"] .section_video.container {
    width: 100%;
    max-width: 100%;
}

.plyr--video {
    border-radius: 22px;
}

#player {
    height: auto;
}

/*end section_video*/

/*start section_4*/

.section_4 {
    margin-top: 151px;
}

.section_4_head_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 50px;
    gap: 60px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.section_4_head_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    width: 232px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.section_4_head_header > span {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.section_4_head_content {
    width: 869px;
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.section_4_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 16px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 90px;
}

.section_4_content_row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    border-top: 1px solid #d1d1d1;
    width: 100%;
    height: 200px;
    transition: all 200ms;
    overflow: hidden;
    cursor: pointer;
}

.section_4_content_row_opend {
    height: 350px;
}

.section_4_content_row_col_1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    /*gap: 160px;*/
    width: 100%;
    justify-content: space-between;
}

.section_4_content_row_col1_col1 {
    width: 548px;
    display: flex;
}

.section_4_content_row_col1_col1_col1 {
    width: 93px;
    font-weight: 400;
    font-size: 32px;
    letter-spacing: -0.05em;
    color: #ee1a26;
    padding-top: 17px;
}

.section_4_content_row_col1_col1_col2 {
    width: 453px;
    font-weight: 400;
    font-size: 48px;
    color: #212c33;
}

.section_4_content_row_col1_col2 {
    width: 50%;
    font-weight: 400;
    font-size: 21px;
    color: #151515;
    line-height: 150%;
    height: 100%;
    overflow: hidden;
}

.section_4_content_row_col2 {
    position: relative;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: end;
    align-items: center;
}

/*.lain_row,*/
/*.lain_col*/

.section_4_content_row_col2 div {
    position: absolute;
    width: 54px;
    border: 1px solid #676c7a;
    transition: all 200ms;
}

.lain_col {
    transform: rotate(90deg);
}

/*ecnd section_4*/

/*start section_5*/
.section_5 {
    margin-top: 168px;
}

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

.margintop90 {
    margin-top: 90px;
}

.section_5_header_col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
    width: 100%;
}

.section_5_header_col1_head {
    padding: 0 0 0 6px;
}

.section_5_header_col1_head > span {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.section_5_header_col1_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    gap: 29px;
    width: 100%;
}

.section_5_header_col1_content span {
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.section_5_header_col1_content_more-link a {
    z-index: 9;
}

.section_5_header_col2 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 0;
    gap: 20px;
    width: 115px;
}

.section_5_header_col2_mobile {
    display: none;
}

.section_5_header_col2 span {
    border-bottom: 1px solid red;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #221f20;
}

.section_5_content {
    display: flex;
    gap: 40px;
    min-width: 0;
}

.project-slider__wrapper {
    margin-top: 92px;
    display: flex;
    gap: 40px;
    min-width: 0;
}

.section_5_content_slider {
    height: 687px;
    width: 100%;
    overflow: hidden;
}

.section_5_content_slider a {
    color: #221f20;
}

.section_5_content_col1 {
    display: flex;
    gap: 12px;
}

.section_5_content_col1_LefRight {
    width: 86px;
    height: 86px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 60px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.section_5_content_cols {
    /*width: 470px;*/
    background: #f4f4f4;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    /*gap: 170px;*/
    justify-content: space-between;
    transition: all 400ms;
    position: relative;
}

.project-slider-image {
    position: absolute;
    height: 391px;
    transition: all 400ms;
    border-radius: 200px 0 0 200px;
    left: auto;
    right: 0;
    bottom: auto;
    top: 116px;
}

.section_5_content_cols:hover .project-slider-image {
    height: 535px;
    top: 44px;
    border-radius: 535px 0 0 535px;
}

.project-slider-item {
    height: 666px;
}

.clide_cols {
    display: flex;
    height: 100%;
}

.section_5_content_cols_head {
    width: 100%;
    max-width: 430px;
    font-weight: 500;
    font-size: 36px;
    padding: 49px 0 0 29px;
    z-index: 5;
}

.section_5_content_cols_footer {
    font-weight: 400;
    font-size: 22px;
    padding: 19px 10px 72px 29px;
    line-height: 150%;
    z-index: 1;
}

.section_5_content_cols_content1 {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.section_5_content_cols_content1 > img {
    position: absolute;
    height: 391px;
    transition: all 400ms;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
}

.section_5_active_col > div {
    color: #ffffff;
}

.section_5_content_cols:hover {
    background-color: red;
    color: #ffffff;
}

.section_5_content_cols:hover .section_5_content_cols_content1 > img {
    height: 535px;
}

.about_company_section_5_slide {
    margin-top: 0;
}

/*end section_5*/

/*start section_6*/
.section_6 {
    margin-top: 180px;
}

.section_6_block {
    display: flex;
    flex-direction: row;
    gap: 23px;
}

.section_6_block_col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    width: 100%;
    padding-top: 70px;
}

.section_6_block_col1_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    width: 235px;
}

.section_6_block_col1_head > span {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.section_6_block_col1_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 40px;
}

.section_6_block_col1_content_head {
    width: 100%;
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.map-regions-wrapper {
    align-items: flex-start;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 13px 26px;
    overflow: hidden;
}

.map-regions-wrapper > span {
    display: flex;
    align-items: center;
    gap: 17px;
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
    margin-right: 13px;
    position: relative;
}

.map-regions-wrapper > span:before {
    position: absolute;
    left: -24px;
    display: flex;
    content: '';
    height: 6px;
    width: 6px;
    background: #D1D1D1;
    border-radius: 100px;
}

.jvectormap-container svg {
    width: 100%;
    height: 100%;
}

.map-regions-wrapper > span:hover {
    color: red;
    cursor: pointer;
}

.section_6_block_col2 {
    display: flex;
    align-items: center;
    width: 100%;
}

.section_6_block_col2 > img {
    width: 100%;
}

/*end section_6*/
/*start section_7*/

.section_7 {
    margin-top: 161px;
}

.section_7_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 13px;
}

.section_7_head > span {
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.section_7_content {
    margin-top: 41px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section_7_content > div img {
    height: 100%;
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}

/*end section_7*/

.red_content {
    background: #ee1a26;
    border-radius: 22px;
    display: flex;
    padding: 110px 80px 138px 90px;
    margin-top: 130px;
    gap: 30px;
    justify-content: space-between;
}

.red_block_input {
    background-color: #ee1a26;
    border: none;
    border-bottom: 1px solid white;
    width: 100%;
    /*width: 300px;*/
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    /*cursor: pointer;*/
}

.red_block_input:hover {
    border-bottom: 1px solid black;
}

.red_block_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    background: #ffffff;
    color: #221f20;
    border: 1px solid #ee1a26;
    border-radius: 65px;
    cursor: pointer;
    transition: all 200ms;
}

.red_block_button span {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
}

.red_block_coll_line {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}

.red_bg_coll_button {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    transition: all 200ms;
}

.white_bg_coll_button {
    width: 38px;
    height: 38px;
    position: absolute;
    left: -40px;
    transition: all 200ms;
}

.red_block_button:hover {
    background-color: black;
    color: #ffffff;
}

.red_block_button:hover .red_bg_coll_button {
    left: 50px;
}

.red_block_button:hover .white_bg_coll_button {
    left: 0;
}

/*start navigation block*/
.career_card {
    width: 100%;
}

.forMarginTop_career_map {
    margin-top: 80px;
}

.navigation_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 90px;
}

.navigation_head_row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 53px 0;
}

.navigation_head_row > .navigation_head_row_col1 {
    font-weight: 500;
    font-size: 102px;
    color: #212c33;
}

.navigation_head_row_pointer_right::after {
    content: url("/icons/arrow_right.svg");
    line-height: 0;
}

.navigation_head_row:hover .navigation_head_row_col1 {
    color: #ee1a26;
}

.navigation_head_row:hover .navigation_head_row_pointer_right::after {
    content: url("/icons/arrow_right_red.svg");
}

.navigation_head_row_pointer_right {
    box-sizing: border-box;
    width: 87px;
    height: 87px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products_filter_block_row2_cols {
    background: #ffffff;
    z-index: 5;
}

.products_filter_block_row2_cols:hover {
    background: red;
    color: white;
}

.products_filter_block_row2_cols:hover a {
    color: #ffffff !important;
}

.products_filter_block_row2_cols:checked {
    background: red;
}

.page-link {
    display: flex !important;
}

/*end navigation block*/

/*start footer*/

.footer_info_block_mobile {
    display: none;
}


.footer_block > * {
    flex-grow: 1;
}

.footer_head_col1 {
    width: 100%;
    max-width: 527px;
}

.footer_head_col1_header {
    font-weight: 500;
    font-size: 72px;
    color: #ffffff;
}

.footer_head_col1_content {
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    margin-top: 91px;
    width: 70%;
}

.footer_head_col1_footer {
    margin-top: 40px;
}

.footer_head_col1_footer > a {
    font-weight: 500;
    font-size: 36px;
    color: #ffffff;
}

.footer_head_col2_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 63px;
    margin-top: 110px;
    width: 100%;
}

.footer_head_col2_block_content {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
}

.project_content-date {
    font-weight: 400;
    font-size: 16px;
    color: #676c7a;
}

.footer_head_col2_block_content_row1 {
    display: flex;
    gap: 30px;
}

.footer_head_col2_block_content_col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 300px;
    border-bottom: 1px solid #ffffff;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    padding-bottom: 20px;
}

.footer_head_col2_block_content_col_end {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    width: 264px;
    height: 56px;
    background: #ffffff;
    border: 1px solid #ee1a26;
    border-radius: 65px;
}

.footer_head_col2_block_content_col_end > span {
    width: 174px;
    font-weight: 400;
    font-size: 22px;
    color: #221f20;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.footer_head_col2_footer {
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    width: 100%;
    max-width: 705px;
}

/*end footer_head*/
/*start footer_content*/

.footer-logo {
    margin-top: -1px;
}

.footer-content {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.footer-list {
    width: 100%;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-list__contacts {
    max-width: 282px;
    gap: 24px;
}

.footer-list__contacts-item a {
    color: #212C33;
    font-size: 36px;
    font-weight: 500;
}

.footer-list__address div {
    font-size: 22px;
    font-weight: 400;
}

.footer-list__address span {
    margin-top: 12px;
    display: flex;
    color: #676C7A;
    font-size: 18px;
    font-weight: 400;
}

.footer-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 250px;
}

.footer-list-title {
    color: #212C33;
    font-size: 36px;
    font-weight: 400;
}

.footer-list__products {
    gap: 24px;
    color: #676C7A;
    font-size: 18px;
    font-weight: 400;
}

.footer-list__pages-links {
    padding-top: 14px;
    gap: 12px;
    font-size: 22px;
    font-weight: 400;
    max-width: 156px;
}

.footer-list__pages-links a {
    color: #212C33;
}

.footer-list__infoBlock {
    max-width: 284px;
    font-size: 18px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 18px;
}

.footer-list__infoBlock li:nth-child(-n+2) {
    color: #EE1A26;
    text-decoration-line: underline;
}

.footer-list__infoBlock a {
    color: #9A9A9A;
}

.footer-bottom {
    padding: 113px 0 23px;
}

.rating-block {
    display: flex;
    justify-content: center;
}

.footer-inn {
    margin-top: 29px;
    display: flex;
    gap: 40px;
    justify-content: center;
    color: #9A9A9A;
    font-size: 18px;
    font-weight: 400;
}

/*END MINPAGE*/

/*START SERVISE PAGE*/

.all_section1 {
    margin-top: 89px;
    margin-bottom: 122px;
}

.all_section1_smallhead > a {
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
}

.crumb.last,
.all_section1_smallhead_col2 {
    color: #9a9a9a;
    font-weight: 400;
    font-size: 18px;
}

.all_section1_content {
    display: flex;
    flex-direction: row;
    margin-top: 22px;
    justify-content: space-between;
}

.all_section1_content_col1 {
    font-weight: 500;
    font-size: 102px;
    color: #212c33;
    width: 100%;
    max-width: 1041px;
}

.all_section1_content_col2 {
    font-weight: 400;
    font-size: 22px;
    color: #212c33;
    margin-top: 30px;
    width: 100%;
    /*max-width: 570px;*/
    max-width: 620px;
}

.servise_section2 {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.servise_section2_row1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    font-weight: 400;
    font-size: 18px;
    color: #676c7a;
}

.servise_section2_row2 {
    margin-top: 51px;
}

.servise_section2_row2_content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 40px;
}

.servise_section2_row2_content > span {
    font-weight: 400;
    font-size: 21px;
    color: #212c33;
}

.servise_section3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 90px;
    padding: 0;
    margin-top: 150px;
}

.servise_section3_header_col1 {
    width: 709px;
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
}

.servise_section3_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    width: 100%;
}

.servise_section3_content_row_cols {
    height: 320px;
    background: #f4f4f4;
    border-radius: 11px;
    position: relative;
    overflow: hidden;
}

.servise_section3_content_row_cols_head {
    font-weight: 400;
    font-size: 22px;
    color: #212c33;
    padding: 50px 0 0 30px;
}

.servise_section3_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 163px;
    transition: all 200ms;

    border-top-left-radius: 131px;
}

.servise_section3_content_row_cols:hover .servise_section3_img {
    width: 210px;
}

.botton-wrapper {
    width: fit-content;
}

.botton-group__wrapper {
    display: flex;
    gap: 20px;
    /*margin-top: 20px;*/
}

/*END SERVISE PAGE*/

/*START PRODUCTS PAGE*/

.products_filter_block {
    margin-top: 135px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 45px;
}

.products_filter_block_row1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 14px;
    font-weight: 400;
    font-size: 18px;
    color: #676c7a;
    justify-content: space-between;
    width: 100%;
}

.products_filter_block_row2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 17px;
    position: relative;
}

.products_filter_block_col2_row2 {
    display: flex;
}

.products_filter_block_col2_row2 > button {
    background: none;
    border: none;
    cursor: pointer;
}

.products_filter_block_col2_row2 {
    padding: 10px 16px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 611px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.products_filter_block_row2_cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    gap: 10px;
    border: 1px solid rgba(34, 31, 32, 0.19);
    border-radius: 17px;
    height: 45px;
}

.products_filter_block_row2_cols_col1 {
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.products_filter_block_row2_cols_col2 {
    padding: 5px 10px;
    background: #f4f4f4;
    border-radius: 10px;
}

.products_filter_block_row2_cols_col2 > span {
    font-weight: 400;
    font-size: 20px;
    color: #676c7a;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 130px;
}

.products_section2 {
    margin-top: 96px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.products_section2_header_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
}

.products_section2_header_block_head {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
    align-self: stretch;
}

.products_section2_header_block_content {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    align-self: stretch;
}

.products_section2_header_block_foot {
    border-bottom: 1px solid red;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #221f20;
}

.products_section2_content_block_rows {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 50px;
    grid-column-gap: 13px;
}

.products_section2_content_block_rows_cols {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 15px;
}

.products_section2_content_block_rows_cols_row1 {
    flex-grow: 1;
    display: flex;
    align-items: end;
}

.tile__title {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #212c33;
}

.products_section2_content_block_rows_cols_row2 img {
    width: 100%;
    border-radius: 11px;
}

.products_section2_get_more {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #221f20;
    cursor: pointer;
}

.products_load_more {
    display: none;
}

.products_filter_get_more {
    display: none;
}

/*END PRODUCTS PAGE*/
/*START CONTACT PAGE*/

.contact_section1 {
    margin-top: 89px;
    margin-bottom: 22px;
}

.contact_section_block {
    display: flex;
    flex-direction: column;
    gap: 160px;
}

.contact_section2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
    height: 100%;
}

.contact_section2_header,
.contact_section3_cols_row1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 18px;
    align-self: stretch;
}

.contact_section2_header_col2 {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
    width: 700px;
    display: flex;
    align-items: center;
}

.contact-page__item .h1_48_500{
    font-size: 32px;
}
.contact_address_revers {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.contact_section2_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 36px;
    gap: 60px;
}

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

.contact-page__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 80px;
    grid-row-gap: 100px;
    margin-top: 120px;
}

.contact-page__item,
.contacts__top-row {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.contact_section2_content_head {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 32px;
}

.contact_section2_content_head_address,
.contact-page__email {
    font-weight: 500;
    font-size: 26px;
    display: flex;
    gap: 15px;
}

.contact_section2_content_head_col1 {
    color: #676c7a;
}

.contact_section2_content_head_col2 {
    color: #212c33;
}

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

.contact_section2_header_content_head_col2 > a {
    color: #212c33;
}

.contact_section2_content_head_location {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 16px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #676c7a;
}

.contact_section2_content_foot {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
}

.contact_section2_content_foot_col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
}

.contact_section3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    justify-content: space-between;
}

.contact_section3_cols {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 90px;
    width: 710px;
}

.contact_section3_cols_row2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-left: 36px;
}

/*END CONTACT PAGE*/

/*START CONTACT_FEEDBACK*/
.contact_feedback {
    background: #212c33;
    border-radius: 22px;
    margin-top: 160px;
    padding: 110px 110px 110px 110px;
    margin-bottom: 134px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact_feedback_col1_row1 {
    font-weight: 500;
    font-size: 72px;
    color: #ffffff;
}

.contact_feedback_col1_row2 {
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
}

.contact_feedback_row2 {
    display: flex;
    gap: 73px;
}

.contact_feedback_col2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
    height: 100%;
}

.contact_feedback_col2_col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    height: 100%;
    justify-content: space-between;
    gap: 40px;
}

.contact-feedback__message-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_feedback-inputBlock {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact_feedback-inputBlock input {
    background-color: #212c33;
    width: 100%;
    max-width: 320px;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #ffffff;
    align-self: stretch;
    padding-bottom: 20px;
    border: none;
    border-bottom: 1px solid #fff;
}

.contact_feedback-inputBlock > input:hover {
    border-bottom-color: #9a9a9a;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ffffff;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.contact_feedback_col2_col2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 72px;*/
    /*padding: 4px 0 0;*/
    height: 100%;
    justify-content: space-between;
    gap: 32px;
}

.contact_feedback_col2_col2 > textarea:hover {
    border-bottom-color: #9a9a9a;
}

.contact_feedback-inputBlock > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_feedback_col2_col1_footer {
    font-weight: 400;
    font-size: 12px;
    align-items: center;
    color: #f4f4f4;
    min-width: 300px;
}

.input-error {
    color: red;
}

.contactsPageError {
    white-space: nowrap;
}

.contact_feedback_col2_col1_footer > a {
    align-self: stretch;
    text-decoration: none;
    border-bottom: 1px solid #f4f4f4;
    width: fit-content;
    color: #f4f4f4;
    white-space: nowrap;
}

.contact_feedback_mobile {
    display: none;
}

/*textarea*/
.contact-your-message {
    background-color: #212c33;
    border: none;
    border-bottom: 1px solid #ffffff;
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
    height: 100%;
    min-height: 106px;
}

.contact_send_message_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    width: 334px;
    height: 56px;
    background: #212c33;
    border: 1px solid #f4f4f4;
    border-radius: 65px;
}

.contact_send_message_icon {
    width: 40px;
    height: 40px;
    border-radius: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.contact_send_message_icon > img {
    position: absolute;
    width: 38px;
    height: 38px;
    transition: all 200ms;
}

.contact_arrow_right_black {
    left: -40px;
}

.contact_arrow_right_white {
    left: 0;
}

.contact_send_message_button:hover {
    background-color: #d1d1d1;
}

.contact_send_message_button:hover .contact_send_message_text {
    color: black;
}

.contact_send_message_button:hover .contact_arrow_right_black {
    left: 0;
}

.contact_send_message_button:hover .contact_arrow_right_white {
    left: 40px;
}

.contact_send_message_text {
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
}

/*END CONTACT_FEEDBACK*/
/*START PRODUCTS SECOND LEVEL*/

.logo-wrapper {
    width: fit-content;
}

.products_second_level_content_footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
    margin-top: 160px;
}

.products_second_level_content_footer_get_mor {
    font-weight: 400;
    font-size: 18px;
    text-decoration-line: underline;
    color: #676c7a;
    cursor: pointer;
    display: none;
}

.products_second_level_content_footer_head {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
}

.products_second_level_content_footer_content {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    /*max-width: 1190px;*/
    /*max-height: 126px;*/
    transition: all 200ms;
    text-align: justify;
    overflow: hidden;
    position: relative;
}

/*.products_second_level_content_footer_content:after {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 1)
    );
}*/

.openSeoText:after {
    display: none;
}

.products_navigation_left_arrow {
    display: flex;
    flex-direction: row;
    gap: 230px;
}

.products_navigation_left_arrow > .navigation_head_row_pointer_right {
    transform: rotate(180deg);
}

/*END PRODUCTS SECOND LEVEL */

/*START PROJECT */
.project_content {
    margin-bottom: 160px;
}

.project_content_block {
    margin-top: 96px;
    display: flex;
    flex-direction: column;
    /*gap: 60px;*/
}

.project_content_block_rows {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0;
    justify-content: space-between;
    background: #f4f4f4;
    border-radius: 11px;
    margin-bottom: 60px;
}

.project_content_block_rows_col1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 60px 40px;
    box-sizing: border-box;
    width: 100%;
}

.project_content_block_rows_col1_head {
    font-weight: 500;
    font-size: 42px;
    color: #212c33;
}

.project_content_block_rows_col1_content {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
}

.project_content_block_rows_col1_footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    background: #ffffff;
    border-radius: 65px;
}

.project_content_block_rows_col1_footer_col1 {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50px;
}

.project_content_block_rows_col1_footer_col1 img {
    position: absolute;
    height: 38px;
    width: 38px;
    transition: all 200ms;
}

.arrow_right_white_bg {
    left: -40px;
}

.arrow_right_black_bg {
    left: 0;
}

.project_content_block_rows_col1_footer:hover {
    background-color: black;
}

.project_content_block_rows_col1_footer:hover .project_content_block_rows_col1_footer_col2 {
    color: white;
}

.project_content_block_rows_col1_footer:hover .arrow_right_white_bg {
    left: 0;
}

.project_content_block_rows_col1_footer:hover .arrow_right_black_bg {
    left: 40px;
}

.project_content_block_rows_col1_footer_col2 {
    font-weight: 400;
    font-size: 22px;
    color: #221f20;
}

.project_content_block_rows_col2 {
    position: relative;
    width: 100%;
}

.project_content_block_rows_col2 > img {
    height: 100%;
    width: 100%;
    border-radius: 0 11px 11px 0;
    object-position: center;
    object-fit: cover;
}

.project_content_block_rows_col2_row1 {
    display: flex;
    justify-content: end;
    gap: 12px;
    position: absolute;
    right: 17px;
    top: 17px;
}

.project_content_block_rows_col2_row1_col1,
.project_content_block_rows_col2_row1_col2 {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(34, 31, 32, 0.19);
    border-radius: 17px;
    font-weight: 400;
    font-size: 16px;
}

.project_content_footerblock {
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: center;
    margin-top: 90px;
}

.project_content_block_get_more {
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #221f20;
    cursor: pointer;
    border-bottom: 1px solid red;
    width: 128px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.project_content_footerblock_footer_pages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 11px;
}

.project_content_footerblock_footer_pages_number {
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 60px;
    font-weight: 400;
    font-size: 22px;
    color: #000000;
    width: 86px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/*END PROJECT*/

/*START CAREER*/
.career_content {
    margin-bottom: 160px;
}

.career_container {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.career_filter_block {
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
}

.products_filter_block_col1,
.products_filter_block_col2 {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.products_filter_block_row1 > span {
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
}

.products_filter_block_row2 > img {
    position: absolute;
    top: 11px;
    right: 15px;
    cursor: pointer;
}

.products_filter_block_col2_row2 > input {
    height: 100%;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    border: none;
}

.career_dark_placeholder::placeholder {
    color: #9a9a9a;
}

.career_content_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 30px;
}
.work-organized-block{
    display: flex;
    gap: 30px;
    margin-top: 30px;
}
.work-organized-description{
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
    max-width: 1090px;
}
.work-organized-description .work-organized-title{
    margin: 0;
}
.work-organized-image{
    display: flex;
    width: 100%;
}
.img-wrapper img{
    border-radius: 11px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.career_content_block_rows {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 90px 40px;
    background: #f4f4f4;
    border-radius: 12px;
}

.career_content_block_rows_col1 {
    font-weight: 400;
    font-size: 36px;
    color: #212c33;
}

.career_content_block_rows_col2 {
    font-weight: 400;
    font-size: 22px;
    color: #212c33;
}

.career_content_block_rows_col3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 12px;
}

.career_content_block_rows_col3 > div {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid rgba(34, 31, 32, 0.19);
    border-radius: 17px;
    font-weight: 400;
    font-size: 16px;
    color: #676c7a;
}

.career_content_block_rows_col4 {
    width: 65px;
    height: 65px;
    background: #ffffff;
    border-radius: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.career_content_footerblock {
    margin-top: 0;
}

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

.career_content_navigate_map_col1 {
    width: 100%;
}

.career_content_navigate_map_col1_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.career_content_navigate_map_col1_row > span {
    font-weight: 400;
    font-size: 22px;
    color: #9a9a9a;
    padding-top: 0;
    margin: 0;
}

.career_content_navigate_map_col1_row > span:hover {
    color: red;
}

.career_content_navigate_map_col2 {
    display: flex;
    align-items: start;
    width: 100%;
}

.career_content_navigate_map svg {
    height: 600px;
}

/*END CAREER*/

/*START ABAUT COMPANY*/

.about_company_header_block_head {
    width: 100%;
    max-width: 711px;
    margin-top: 45px;
}

.about_company_header_block_content {
    max-width: 900px;
}

.about_company_content {
    display: flex;
    flex-direction: column;
    gap: 150px;
}

.about_company_section1_header {
    margin-bottom: 0;
}

.about_company_content_block_section3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*padding: 0;*/
    gap: 60px;
}

.about_company_section3_row2 {
    margin-top: 0;
}

.about_company_content_block_dark_section {
    background-color: #212c33;
}

.about_company_content_block_dark_section_content {
    padding: 150px 10px 150px 70px;
    display: flex;
    gap: 150px;
}

.about_company_content_block_dark_section_col1 {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.about_company_content_block_dark_section_col1_row1 {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #d1d1d1;
    display: flex;
    gap: 14px;
    align-items: center;
}

.about_company_content_block_dark_section_col1_row2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.about_company_content_block_dark_section_col1_row2_header {
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    color: #ffffff;
}

.about_company_content_block_dark_section_col1_row2_content {
    font-weight: 400;
    font-size: 22px;
    color: #f4f4f4;
    text-align: justify;
}

.about_company_content_block_dark_section_col2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.about_company_content_block_dark_section_col2 > div {
    font-weight: 500;
    font-size: 72px;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.about_company_content_block_section5 {
    margin-top: -40px;
}

.about_company_header_block_content_cols {
    display: flex;
    gap: 16px;
}

.about_company_header_block_content_cols_col2 {
    width: 290px;
    font-weight: 400;
    font-size: 22px;
    color: #212c33;
}

.about_company_content_block_section6_docs {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.about_company_content_block_section7 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    overflow: hidden;
}

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

.about_company_content_block_section7_header_col1 {
    font-weight: 500;
    font-size: 48px;
    line-height: 115.5%;
    color: #221f20;
}

.about_company_content_block_section7_header_col2 {
    display: flex;
    gap: 8px;
}

.about_company_content_block_section7_images {
    height: 740px;
    width: 100%;
    overflow: hidden;
}

.about_companys_slide {
    position: absolute;
    transition: all 200ms;
}

.about_company_content_block_section7_images > img {
    z-index: -1;
    height: 100%;
    width: 100%;
}

.about_company_content_block_section7_images_cols > img {
    border-radius: 10px;
}

.about_company_content_block_section7_images_cols_header {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 30px;
}

.about_company_content_block_section7_images_cols_content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 300px;
}

.about_company_content_block_section7_images_cols_content_header {
    font-weight: 500;
    font-size: 36px;
    color: #ffffff;
}

.about_company_content_block_section7_images_cols_content_content {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    opacity: 0.7;
}

.products_filter_block_row1 > span {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #9a9a9a;
}

.about_company_content_navigate_map_col1 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.map-title {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
    margin-top: 60px;
}

.map-regions-block {
    margin-top: 40px;
    padding-right: 90px;
}

.career_content_navigate_map_col2 {
    width: 100%;
    display: flex;
    align-items: center;
}

.about_company_content_navigate_red_ring {
    width: 40px;
    height: 40px;
    background: #ee1a26;
    border-radius: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no_top_margine {
    margin-top: 0;
}

.about_company_content_block_section11 {
    overflow: hidden;
}
.about-top-content{
    margin-top: 60px;
    display: flex;
    gap: 50px;
}
.about-top-image-wrapper{
    width: 100%;
    max-width: 600px;
}

.about_company_content_block_section11_slider_cols {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 60px;
    gap: 60px;
    /*width: 1064px;*/
    max-width: 1064px;
    border: 1px solid #d1d1d1;
    border-radius: 11px;
    height: 100%;
}

.about_company_content_block_section11_slider_cols_row1_hed {
    font-weight: 500;
    font-size: 28px;
    color: #212c33;
}

.about_company_content_block_section11_slider_cols_row1_content {
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
    margin-top: 12px;
}

.about_company_content_block_section11_slider_cols_row2 {
    display: flex;
    gap: 60px;
    justify-content: stretch;
}

.about_company_content_block_section11_slider_cols_row2_col1 {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    align-self: stretch;
    width: 667px;
}

.about_company_content_block_section11_slider_cols_row2_col2 {
    width: 207px;
    height: 297px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
}

.about_company_content_block_section11_slider_cols_row2_col2 > img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transition: all 200ms ease;
}

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

.swiper-container_about_company_feedback .swiper-slide {
    height: auto;
}

/*END ABOUT CONTENT*/
/*START PROJECT SECOND LEVEL*/

.project_second_level_section1 {
    margin-top: 89px;
    display: flex;
    gap: 90px;
}

.project_second_level_section1_col1 {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
}

.project_second_level_section1_col1_row2 {
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.project_second_level_section1_col1_row3 {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    flex: none;
    order: 1;
    align-self: stretch;
}

.project_second_level_section1_col2 > img {
    border-radius: 11px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_second_level_section2 {
    margin-top: 150px;
    display: flex;
    gap: 87px;
}

.project_second_level_section2_col1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.project_second_level_section2_col1_row1 {
    width: 100%;
    font-weight: 500;
    font-size: 48px;
    color: #221f20;
}

.project_second_level_section2_col1_row2 {
    width: 60%;
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    align-self: stretch;
    text-align: justify;
}

.project_second_level_slider_bottom_mar {
    margin-bottom: 60px;
}

.project_second_level_section2_col1_row3 {
    margin-top: 30px;
}

.project_second_level_section2_col1_row3 > img {
    width: 100%;
    height: auto;
    border-radius: 11px;
}

.project_second_level_section2_col2_row1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0 40px 30px;
    gap: 45px;
    background: #f4f4f4;
    border-radius: 11px;
    width: 547px;
}

.project_second_level_section2_col2_row1 ol {
    margin: 0;
    padding-left: 25px;
    width: 487px;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.project_second_level_section2_col2_row1 a {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
}

.project_second_level_section2_col2_row2 {
    width: 100%;
    max-width: 547px;
    background: #f4f4f4;
    border-radius: 11px;
    margin-top: 60px;
    padding: 50px 75px 45px 52px;
    display: flex;
    flex-direction: column;
    gap: 33px;
    position: relative;
    overflow: hidden;
}

.project_second_level_section2_col2_row2 > img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.project_second_level_section3_col2_content_row1 {
    display: flex;
    gap: 86px;
}

.project_second_level_section3_col2_content_row1_col1 {
    font-weight: 400;
    font-size: 22px;
    color: #212c33;
    width: 400px;
}

.project_second_level_section3_col2_content_row2 {
    display: flex;
    gap: 10px;
}

.project_second_level_section3_col2_content_row2_col1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.project_second_level_section3_col2_content_row2_col1_name {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #212c33;
    align-self: stretch;
}

.project_second_level_section3_col2_content_row2_col1_position {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #212c33;
    align-self: stretch;
}

.project_second_level_section3_col2_content_row2_col1_number {
    font-weight: 500;
    font-size: 36px;
    color: #212c33;
}

.project_second_level_section3_col2_content_row2_col2_content {
    border-bottom: 1px solid white;
    color: white;
    font-weight: 400;
    font-size: 18px;
    position: absolute;
    z-index: 1;
    right: 25px;
    bottom: 50px;
    padding-bottom: 13px;
    cursor: pointer;
}

.project_second_level_section4 {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.project_second_level_section_video {
    margin-top: 90px;
    width: 63%;
}

.project_second_level_slider_header {
    margin-top: 150px;
}

.project_second_level_slider_row {
    margin-top: 90px;
}

.project_second_level_slider_header {
    font-weight: 500;
    font-size: 48px;
    line-height: 115.5%;
    color: #212c33;
}

/*END PROJECT SECOND LEVEL*/
/*START CAREER SECOND LEVEL*/

.carrer_second_level_section1_col1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
}

.carrer_second_level_section1_col1_row1 {
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.carrer_second_level_table_header {
    font-weight: 500;
    font-size: 28px;
    color: #212c33;
}

.carrer_second_level_section1_col2 {
    width: 100%;
}

.carrer_second_level_section1_col2 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 11px;
}

/*.carrer_second_level_section1_col1_row2{*/
/*    margin-top: 60px;*/
/*}*/
.carrer_tabele_body {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 80px;
    border-top: 1px solid #d1d1d1;
    margin-top: 30px;
    padding-top: 30px;
    width: 90%;
}

.carrer_tabele_header {
    font-weight: 500;
    font-size: 28px;
    color: #212c33;
}

.carrer_tabele_cols {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.carrer_tabele_cols_name {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
}

.carrer_tabele_cols_value {
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
}

.carrer_second_level_section1_col1_row3_colling {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    background: #ffffff;
    border: 1px solid #ee1a26;
    border-radius: 65px;
    width: 199px;
    margin-top: 247px;
}

.carrer_second_level_section1_col1_row3_colling > span {
    font-weight: 400;
    font-size: 22px;
    color: #221f20;
}

.carrer_second_level_section2 {
    margin-top: 127px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.carrer_second_level_section2_tables_block {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.carrer_second_level_section2_tables_block_header {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
}

.carrer_second_level_section2_tables_block_table {
    overflow-x: auto;
}

.carrer_second_level_section2_tables_block_table table {
    /*width: 1560px;*/
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ee1a26;
}

.carrer_second_level_section2_tables_block_table table thead tr td {
    background: #f4f4f4;
}

.carrer_second_level_section2_tables_block_table table td {
    padding: 15px 30px;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
}
#mse2_results[data-page="blog"]{
    height: auto !important;
}

.table-header {
    background-color: #f4f4f4;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-top: 1px solid #ee1a26;
    width: 100%;
    padding: 30px 15px;
}

.table-header > div {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
    white-space: nowrap;
}

.tbl-pc-version {
    display: block;
}

.table-body-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-row-gap: 20px;
    padding: 30px 15px;
}

.tbl-mobile-version {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #676c7a;
}

.table-body-row span {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
    white-space: nowrap;
}

.tbl-mobile-version {
    display: none;
}

.carrer_second_level_section3 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.carrer_second_level_section4 {
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 40px 1px;
}

.carrer_second_level_section4_cols {
    box-sizing: border-box;
    display: flex;
    padding: 62px 42px;
    gap: 34px;
    border: 1px solid #d1d1d1;
    border-radius: 11px;
}

.carrer_second_level_section4_cols_col2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 34px;
}

.carrer_second_level_section4_cols_col2_row1 {
    font-weight: 500;
    font-size: 28px;
    color: #151515;
}

.carrer_second_level_section4_cols_col2_row2 {
    font-weight: 400;
    font-size: 18px;
    color: #151515;
}

.carrer_second_level_section5 {
    margin-top: 150px;
}

.carrer_second_level_section6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    gap: 32px;
    isolation: isolate;
    margin-top: 90px;
}

.carrer_second_level_slide_left,
.carrer_second_level_slide_right {
    width: 86px;
    height: 86px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.carrer_second_level_section6_slider {
    height: 296px;
    overflow: hidden;
}

.carrer_second_level_section6_slider img {
    height: 100%;
    width: 100%;
    border-radius: 11px;
}

.carrer_second_levelslide_itms {
    width: 475px;
}

/*END CAREER SECOND LEVEL*/
/*START SERVICE SECOND LEVEL*/

.services_second_level_section1 {
    display: flex;
    gap: 58px;
    margin-top: 80px;
}

.services_second_level_section1_col1 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 652px;
}

.services_second_level_section1_col1_row2 {
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
}

.services_second_level_section1_col1_row3 {
    max-width: 652px;
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    align-self: stretch;
}

.services_second_level_section1_col1_row4 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    /*width: 185px;*/
    height: 56px;
    background: #ee1a26;
    border: 1px solid #ee1a26;
    border-radius: 65px;
    transition: all 200ms;
    cursor: pointer;
}

.services_second_level_section1_col1_row4 > span {
    font-weight: 400;
    font-size: 22px;
    color: #ffffff;
}

.services_second_level_section1_col2 > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 11px;
}

.servicesAnimRow {
    position: relative;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50px;
}

.servicesAnimRow img {
    position: absolute;
    transition: all 200ms;
}

.services_white_bg_coll_button {
    left: 0;
}

.services_red_bg_coll_button {
    left: -40px;
}

.services_second_level_section1_col1_row4:hover {
    background-color: white;
}

.services_second_level_section1_col1_row4:hover .services_white_bg_coll_button {
    left: 40px;
}

.services_second_level_section1_col1_row4:hover .services_red_bg_coll_button {
    left: 0;
}

.services_second_level_section1_col1_row4:hover .services_second_level_coll {
    color: red;
}

.services_second_level_section1_col1_row4:hover .button-white__wrapper {
    border: 1px solid red;
}

.services_second_level_section1_col2 {
    width: 100%;
    max-width: 957px;
    height: 584px;
}

.services_second_level_section2 {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
    gap: 150px;
}

.services_second_level_section3 {
    margin-top: 150px;
    display: flex;
    gap: 150px;
}

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

.services_second_level_section3_col1 > img {
    border-radius: 11px;
}

.park-image1 {
    height: 100%;
    width: 100%;
    max-width: 302px;
    max-height: 382px;
}

.park-image2 {
    height: 100%;
    width: 100%;
    max-width: 350px;
    max-height: 444px;
    margin-left: -185px;
}

.services_second_level_section3_col2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 100px 0;
}

.services_second_level_section3_col2_row1 {
    font-weight: 500;
    font-size: 48px;
    color: #221f20;
}

.services_second_level_section3_col2_row2 {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    width: 100%;
    max-width: 549px;
}

.services_second_level_section3_col2_row2 ul {
    margin: 0;
    padding-left: 25px;
}

.services_second_level_section_video {
    margin-top: 150px;
}

.services_second_level_section_video > img {
    width: 1722px;
}

.services_second_level_section4 {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.services_second_level_section4_col1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.services_second_level_section4_col1_row2 {
    font-weight: 500;
    font-size: 48px;
    color: #221f20;
    width: 628px;
}

.services_second_level_section4_col1_row3 {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
    align-self: stretch;
    width: 610px;
}

.services_second_level_section4_col2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.services_second_level_section4_col2_rows {
    display: flex;
    gap: 108px;
    border-top: 1px solid #d1d1d1;
    padding-top: 30px;
}

.services_second_level_section4_col2_row2_col1 {
    font-weight: 500;
    font-size: 36px;
    color: #212c33;
    width: 100%;
    max-width: 372px;
}

.services_second_level_section4_col2_row2_col2 {
    font-weight: 400;
    font-size: 21px;
    color: #151515;
    width: 100%;
    max-width: 547px;
}

.services_second_level_section4_col2_row2_col2 > p {
    margin: 0;
}

.services_second_level_section5 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 60px;
}

.services_second_level_section5_header {
    font-weight: 500;
    font-size: 36px;
    color: #212c33;
}

.services_second_level_section5_question_answers {
    width: 100%;
}

.services_second_level_section5_question_answers_rows {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all 200ms;
}

.services_second_level_section5_question_answers_row1 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #d1d1d1;
    padding: 0 40px;
    cursor: pointer;
}

.services_second_level_section5_question_answers_row2 {
    width: 65%;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #676c7a;
    padding: 0 40px;
    max-height: 0;
    overflow: hidden;
    transition: all 400ms;
}

.question_answers_bottom_border {
    border-bottom: 1px solid #d1d1d1;
}

.services_second_level_section5_question_answers_rows_col1 {
    font-weight: 500;
    font-size: 22px;
    color: #212c33;
    padding: 24px 0;
    width: 90%;
}

.services_second_level_section5_question_answers_rows_col2 {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 42px;
    justify-content: center;
}

.services_second_level_section5_question_answers_rows_col2_line_horizontal,
.services_second_level_section5_question_answers_rows_col2_line_vertically {
    position: absolute;
    border: 2px solid red;
    width: 40px;
    /*right: 40px;*/
    transition: all 200ms;
    background-color: red;
}

.services_second_level_section5_question_answers_rows_col2_line_vertically {
    transform: rotate(-90deg);
}

.services_second_level_section6_row1 {
    font-weight: 500;
    font-size: 36px;
    color: #212c33;
}

.services_second_level_section6_row2 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.services_second_level_section6_row2_row1 {
    width: 1191px;
    font-weight: 400;
    font-size: 22px;
    background: linear-gradient(
            182.24deg,
            #676c7a 45.24%,
            rgba(103, 108, 122, 0) 98.12%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.services_second_level_section6_row2_row2 {
    font-weight: 400;
    font-size: 18px;
    text-decoration-line: underline;
    color: #d1d1d1;
}

.services_second_level_section7 {
    margin-top: 150px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 70px;
}

.services_second_level_section7_col1,
.services_second_level_section7_col2 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.services_second_level_section7_col1 {
    width: 33%;
}

.services_second_level_section7_col2 {
    width: 67%;
}

.services_second_level_section7_col1_row2 {
    font-weight: 500;
    font-size: 72px;
    color: #212c33;
    /*width: 628px;*/
}

.services_second_level_section7_col2_row2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.services_second_level_section7_col2_blocks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 42px 32px 80px;
    gap: 60px;
    background: #f4f4f4;
    border-radius: 11px;
    width: 100%;
}

.competitive-advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.competitive-advantages__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 42px 32px 80px;
    gap: 60px;
    background: #f4f4f4;
    border-radius: 11px;
    width: 100%;
    max-width: 495px;
}

.services_second_level_section7_col2_row2_row1,
.services_second_level_section7_col2_row2_row2 {
    display: flex;
    gap: 32px;
}

.services_second_level_section7_col2_blocks_row1 {
    font-weight: 400;
    font-size: 22px;
    color: #212c33;

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 19px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
}

.services_second_level_section7_col2_blocks_row2 {
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
}

.services_second_level_section9 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.services_second_level_section9_row1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
}

.services_second_level_section9_row2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
}

.services_second_level_section9_row2_cols {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    gap: 10px;
    border: 1px solid rgba(34, 31, 32, 0.19);
    border-radius: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #212c33;
}

/*END SERVICE SECOND LEVEL*/
/*START PRODUCTS THIRD LEVEL*/
.project_second_level_section3_col2_content_row1_col2 img {
    border-radius: 60px;
}

.products_third_level_section1 {
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.products_third_level_section1_col1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.products_third_level_section1_col2 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
    width: clamp(45%, 1.5vw, 100%);
    max-width: 628px;
    margin: 0 auto;
    position: relative;
}

.newsModal-top .products_third_level_section1_col2 {
    max-width: 815px;
}

.swiper-container_double_slider {
    width: 100%;
}

.products_third_level_section1_col2_row1 {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.img_slide_mini {
    opacity: 0.4;
    transition: opacity 0.3s ease 0s;
    cursor: pointer;
}

.img_slide_mini.swiper-slide-thumb-active {
    opacity: 1;
}

.mainImage {
    border-radius: 11px;
}

.mainImage-frame {
    max-height: 530px;
}

.thumbnail {
    border-radius: 5px;
    overflow: hidden;
}

.products_third_level_section1_col2_row2 {
    display: flex;
    align-items: center;
    gap: 18px;
}

.products_third_level_section1_slider {
    width: 80%;
    overflow: hidden;
}

.products_third_level_section1_slider img {
    /*    width: 180px;
        height: 140px;
        cursor: pointer;*/
    border-radius: 5px;
    width: 100%;
    object-fit: contain;
    height: auto;
}

.products_third_level_section1_slide_left,
.products_third_level_section1_slide_right {
    width: 86px;
    height: 86px;
    box-sizing: border-box;
    border: 1px solid #d1d1d1;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.products_third_level_section_tables_block {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.products_third_level_section2 {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    gap: 70px;
}

.products_third_level_section3 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.products_third_level_section3_row1 {
    font-weight: 500;
    font-size: 48px;
    color: #212c33;
}

.products_third_level_section3_row2 {
    width: 100%;
    /*max-width: 1089px;*/
    font-weight: 400;
    font-size: 22px;
    color: #676c7a;
}

.products_third_level_section4 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.products_third_level_section5 {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
}

.products_third_level_section6 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.products_third_level_section7 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.products_third_level_section8 {
    margin-top: 150px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 70px;
}

.products_third_level_section9 {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 45px;
}

.contact_email_mobile {
    display: none;
}

.mobile_about_company_section11_choosing_slide {
    display: none;
}

.mobile_project_second_level_content {
    display: none;
}

.project_second_level_section6 {
    display: none;
}

.mobile_carrer_second_level_section6 {
    display: none;
}

.services_second_level_section1_col1_row2row3 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.mobile_about_compan_ysection_5 {
    margin-top: 0;
}

.about_company_content_block_section6 {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.error_content {
    margin-top: 90px;
}

.error_section1 {
    margin-top: 50px;
    display: flex;
    margin-bottom: 90px;
}

.error_section1_col1 {
    width: 100%;
}

.error_section1_col1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.error_section1_col1_row1 {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #676c7a;
    width: 70%;
}

.error_button_content {
    font-weight: 400;
    font-size: 22px;
    color: #221f20;
    width: 100%;
}

.all_section1_content_col1_row1 {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.all_section1_content_col1_row2 {
    width: 350px;
}

.section_5_content_slide_block {
    /*height:590px;*/
    width: 100%;
    min-width: 0;
}

.swiper_block {
    overflow: hidden;
}

.pagination_dots {
    margin-top: 12px;
    display: flex;
    justify-content: center;
}

.logo_bg_footer_mobile {
    display: none;
}

.transformdeg180 {
    transform: rotate(180deg);
}

.openHeight350 {
    max-height: 1000px;
    padding-bottom: 24px;
}

.openSEO300 {
    height: 100%;
}

.services_second_level_section8 {
    margin-top: 90px;
}

.jvectormap-marker {
    width: 33px;
}

.mapMobail {
    display: none;
}

.cf-cities > li > a {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #212c33 !important;
}

.cf-cities > li:nth-child(-n + 3) a {
    font-weight: 500;
}

.cf-cities > li:nth-child(-n + 3) {
    padding-bottom: 10px;
}

.accept-cookie-window {
    position: fixed;
    bottom: 125px;
    left: 20px;
    /*right: 20px;*/
    z-index: 100;
}

.accept-cookie-frame {
    width: 100%;
    max-width: 812px;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 40px;
    background: #ffffff;
    border-radius: 12px;
}

.accept-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #676c7a;
}

.accept-cookie {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #221f20;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px 8px 8px;
    gap: 18px;
    background: #ffffff;
    border: 1px solid #676c7a;
    border-radius: 65px;
    cursor: pointer;
}

.check_mark_frame {
    width: 40px;
    height: 40px;
    background: #f4f4f4;
    border-radius: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.test1 {
    margin-top: 550px;
}

.pop-up-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    z-index: 30;
}

.pop-up__content-wrapper {
    z-index: 98;
    padding-left: 600px;
    transition: padding-left 600ms;
}

.show .pop-up__content-wrapper {
    padding-left: 0;
}

.pop-up__content-wrapper > img {
    max-height: 720px;
    width: 100%;
    border-radius: 12px;
}

.pop-up__image-title {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.pop-up__close {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 20px 20px 0 0;
}

.slide-single-image {
    cursor: zoom-in;
}

.slide-big-image {
    max-height: 477px;
    max-width: 100%;
    border-radius: 33px;
}

.thank-you-letter {
    max-height: 720px;
    width: 100%;
}

/*products-block*/

.products-block {
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.products-block__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.products-block__item {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    padding: 32px;
    background: #f4f4f4;
    border-radius: 22px;
    box-sizing: border-box;
}

.products__item-image {
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.products__item-footer {
    display: flex;
    justify-content: end;
}

.ordering-wholesaleOrders {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11px 24px;
    gap: 18px;
    background: #f4f4f4;
    border: 1px solid #9a9a9a;
    border-radius: 65px;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #221f20;
    cursor: pointer;
}

.ordering-wholesaleOrders:hover {
    background: #ee1a26;
    border: 1px solid #ee1a26;
    color: white;
}

.products__item-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #212c33;
}

.products__item-description {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.products__item-content {
    margin-top: 30px;
}

.products__item-links {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #9a9a9a;
    margin-right: 10px;
}

.products__item-links:hover {
    color: black;
}

.get-more-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #d1d1d1;
}

.products-block__footer {
    display: flex;
    justify-content: center;
}

.toCatalog {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #221f20;
    padding-bottom: 20px;
    border-bottom: 2px solid #ee1a26;
    box-sizing: border-box;
}

.products__item-image-wrapper {
    width: 100%;
    /*height: 100%;*/
    max-height: 282px;
    max-width: 369px;
}

/*products-block end*/

/*online chat*/
.smm-fixed {
    position: relative;
    z-index: 98;
}

.smm-fixed-wrapper {
    position: fixed;
    bottom: 42px;
    right: 80px;
    display: flex;
    gap: 17px;
    align-items: end;

}

.smm-fixed .chat-open-btn {
    width: 70px;
    height: 70px;
    background: #ee1a26;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09);
    border-radius: 76px;
    transition: all 300ms;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* The animation code */
@keyframes animateChat {
    0% {
        background-image: url("/icons/message-i.svg");
        transform: rotate(0deg);
        opacity: 1;
    }
    10% {
        background-image: url("/icons/message-i.svg");
        transform: rotate(0deg);
        opacity: 1;
    }
    30% {
        background-image: url("/icons/message-i.svg");
        transform: rotate(360deg);
        opacity: 0;
    }
    30% {
        background-image: url("/icons/chat-phone-i-white.svg");
        transform: rotate(360deg);
        opacity: 1;
    }
    40% {
        background-image: url("/icons/chat-phone-i-white.svg");
        transform: rotate(360deg);
        opacity: 1;
    }
    60% {
        background-image: url("/icons/chat-phone-i-white.svg");
        transform: rotate(720deg);
        opacity: 0;
    }
    60% {
        background-image: url("/icons/chat-pen-i-white.svg");
        transform: rotate(720deg);
        opacity: 1;
    }
    70% {
        background-image: url("/icons/chat-pen-i-white.svg");
        transform: rotate(720deg);
        opacity: 1;
    }
    100% {
        background-image: url("/icons/chat-pen-i-white.svg");
        transform: rotate(1080deg);
        opacity: 0;
    }
    100% {
        background-image: url("/icons/message-i.svg");
        transform: rotate(1080deg);
        opacity: 1;
    }
}

.chat-open-img {
    height: 28px;
    width: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    animation: animateChat 20s infinite;
    animation-delay: 10ms;
    transition: all 300ms;
}

.smm-fixed-wrapper:hover .chat-open-btn {
    width: 80px;
    height: 80px;
}

.smm-fixed-wrapper:hover .chat-content {
    display: flex;
}

.smm-fixed-wrapper:hover:hover .chat-open-img {
    height: 32px;
    width: 32px;
}

.chat-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09);
    border-radius: 11px;
    overflow: hidden;
}

.chat-content__row {
    padding: 30px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: baseline;
    gap: 17px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #212c33;
}

.chat-content__row:hover {
    background: #ee1a26;
    color: #ffffff;
}

.modal-type__phone::before {
    content: url("/icons/chat-phone-i.svg");
    height: 12px;
    width: 12px;
}

.modal-type__phone:hover::before {
    content: url("/icons/chat-phone-i-white.svg");
    height: 12px;
    width: 12px;
}

.modal-type__pen::before {
    content: url("/icons/chat-pen-i.svg");
    height: 13px;
    width: 13px;
}

.modal-type__pen:hover::before {
    content: url("/icons/chat-pen-i-white.svg");
    height: 13px;
    width: 13px;
}

.modal-type__message::before {
    content: url("/icons/chat-message-i.svg");
    height: 15px;
    width: 15px;
}

.modal-type__message:hover::before {
    content: url("/icons/chat-message-i-white.svg");
    height: 15px;
    width: 15px;
}

.closeChat-btn {
    position: absolute;
    right: 5px;
    height: 40px;
    width: 40px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 9;
}

.closeChat-btn:hover {
    opacity: 1;
}

/*rating stars*/
.product-status__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    gap: 40px;
}

.rating-figures {
    font-weight: 400;
    font-size: 18px;
    color: #9a9a9a;
}

.half-stars {
    display: flex;
    align-items: center;
    gap: 12px;
}

.half-stars .rating-group {
    display: inline-flex;
}

.half-stars input {
    position: absolute;
    left: -9999px;
}

.half-stars label {
    margin: 0;
}

.half-stars label svg {
    margin: 2px;
    height: 20px;
    width: 20px;
    fill: #ffce50;
    transition: fill 0.3s;
}

.half-stars .hsr {
    padding-right: 0;
    margin-right: -22px;
    width: 22px;
    overflow: hidden;
    z-index: 2;
}

.half-stars input:checked ~ label svg {
    fill: #e2e2e2;
}

/*rating stars END*/

.smm-form-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 65px 55px;
    background: #ffffff;
    border-radius: 11px;
    position: fixed;
    right: 80px;
    bottom: 0;
    z-index: 99;
    box-sizing: border-box;
    width: 100%;
    max-width: 568px;
}

.smm-form-content__close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.smm-form {
    width: 100%;
    margin-top: 30px;
}

.smm-form__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #221f20;
    max-width: 460px;
}

.smm-form__description {
    margin-top: 35px;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #676c7a;
    max-width: 341px;
}

.smm-form-footer {
    margin-top: 30px;
}

.smm-form__message {
    border: none;
    outline: none;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #212c33;
    appearance: none;
    box-shadow: none;
}

.smm-form__message:hover {
    border-bottom-color: #9a9a9a;
}

.ask-question-form {
    display: none;
}

.with-message .request-call-form {
    display: none;
}

.with-message .ask-question-form {
    display: block;
}

.header_col_and_city_col1 {
    display: flex;
}

/*online chat none*/

.products_filter_block_row2_cols:has(input:checked) {
    background: #ee1a26;
    color: white;
}

.projectsPageFilter {
    display: none;
}

/*news-page*/
.quickview-parent {
    margin-top: 90px;
}

.quickview-parent {

&
::after {
    content: "";
    display: block;
    clear: both;
}

}


.news-page__content {
    width: 100% !important;
    position: relative;
}

.news-page__content:after {
    content: '';
    display: block;
    clear: both;
}

.news-item {
    border-radius: 11px;
    background: #f4f4f4;
    overflow: hidden;
    float: left;
    width: calc(50% - 20px);
    box-sizing: border-box;
    /*height: auto !important;*/
    margin-bottom: 24px;
    position: relative;
}

@media (max-width: 720px) {
    .news-item {
        width: 100%;
    }

    .news-item .swiper-news-burron {
        display: none;
    }
}

.news-page__content-col {
    max-width: 857px;
    width: 100%;
    /* display: flex;
      flex-direction: column; */
    gap: 60px;
    display: grid;
    grid-template-rows: 1fr auto;
    break-inside: avoid;
}


.news-create-date {
    color: #9a9a9a;
    font-size: 18px;
    font-weight: 400;
}

.nes-title {
    margin-top: 16px;
    color: #212c33;
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
    width: 100%;
    max-width: 650px;
}

.nes-text {
    margin-top: 40px;
    color: #676c7a;
    font-size: 22px;
    font-weight: 400;
    width: 100%;
    max-width: 671px;
}

.news-description {
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
}

.getAllText-button {
    margin-top: 60px;
    display: flex;
    padding: 8px 24px 8px 12px;
    align-items: center;
    gap: 18px;
    border-radius: 65px;
    background: #fff;
    width: fit-content;
    cursor: pointer;
}

.getAllText-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 100%;
}

.getAllText-icon:after {
    content: url("/assets/icons/arrow-whiote-bg-gray.svg");
    transition: transform 300ms;
    transform: rotate(-90deg);
}

.getAllText-button > span {
    color: #221f20;
    font-size: 22px;
    font-weight: 400;
}

.news-slider__item img {
    border-radius: 11px 11px 0 0;
    width: 100%;
}

.news-page__getMore {
    display: flex;
    margin-top: 90px;
    justify-content: center;
    width: 100%;
}

.owl-carousel {
    position: relative;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    position: absolute;
    bottom: 33px;
    display: flex;
    width: 100%;
    justify-content: center;
}

.slider-control__toRight {
    right: 0;
}

.news-item .arrow-owl {
    background: #d9d9d9;
    height: 88px;
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    opacity: 0;
    transition: opacity 300ms;
}

.news-item:hover .arrow-owl {
    opacity: 1;
}

.news-item .owl-theme .owl-nav {
    position: initial;
}

.news-item .arrow-right {
    right: 17px;
}

.news-item .arrow-left {
    left: 17px;
    transform: scale(-1, 1);
}

.news-item .arrow-owl:after {
    content: url("/assets/icons/arrow-slider.svg");
    width: 26px;
}

.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.5) !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff !important;
}

.filter-teg__wrapper {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 1;
}

.filter-teg {
    display: flex;
    height: 34px;
    padding: 0 10px;
    align-items: center;
    border-radius: 17px;
    border: 1px solid rgba(34, 31, 32, 0.19);
    background: #fff;
}

.news-item .plyr--video {
    height: 527px;
}

.social-block {
    margin: 60px 0;
}

.social-title {
    color: #212c33;
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
}

.social-content {
    margin-top: 50px;
    display: flex;
    gap: 50px;
}

.social-item:hover .vk-hover-color {
    fill: #0077ff;
}

.social-item:hover .tg-hover-color {
    fill: #2da5d8;
}

.social-item:hover .soc1-hover-color {
    fill: #000;
}

.social-item:hover .soc2-hover-color {
    fill: #000;
}

.social-item {
    height: 70px;
    width: 70px;
}

.social-item svg {
    height: 100%;
    width: 100%;
}

/*news page end*/

/*news slider*/
.news-slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news-slider-item-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 600px;
    border-radius: 11px;
    background: #f4f4f4;
    overflow: hidden;
    transition: background 400ms;
    justify-content: space-between;
    position: relative;
    width: inherit;
}

.news-slider-item-wrapper:hover {
    background: #ee1a26;
}

.news-slider-image {
    width: 100%;
    max-width: 600px;
    max-height: 296px;
    border-radius: 11px 11px 0 0;
}

.news-slider-description {
    padding: 30px;
    max-height: 375px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.news-slider-create-date {
    color: #9a9a9a;
    font-size: 18px;
    font-weight: 400;
    transition: color 300ms;
}

.news-slider-title {
    margin-top: 8px;
    color: #212c33;
    /*font-size: 36px;*/
    font-size: clamp(22px, 1.6vw, 30px);
    font-weight: 500;
    line-height: 115.5%;
    transition: color 300ms;

    /*height: 160px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-slider-text {
    margin-top: 30px;
    color: #676c7a;
    font-size: 22px;
    font-weight: 400;
    /*height: 86px;*/
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    transition: color 300ms;
    max-width: 481px;
}

.news-slider-item_content:hover .news-slider-title,
.news-slider-item_content:hover .news-slider-text,
.news-slider-item_content:hover .news-slider-create-date {
    color: #fff;
}

@media (max-width: 1100px) {
    .news-slider-item-wrapper {
        max-height: 700px;
    }

    .news-slider-image {
        width: 100%;
        max-width: 100%;
        max-height: 396px;
        object-fit: cover;
    }

    .news-slider-title {
        max-height: 160px;
        height: 100%;
    }

    .news-slider-text {
        max-width: 100%;
    }

    .mobile_call_message_block {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-left: 8px;
    }

    /*    .header_contacts-wrapper .header_contacts-item{
            display: none;
        }*/
}

/*news slider end*/

/*pagination*/
.pagination__wrapper {
    margin-top: 60px;
    display: flex;
    align-items: center;
    gap: 11px;

    justify-content: center;
}

.pagination-content {
    display: flex;
    gap: 11px;
}

.pagination-arrow,
.pagination-item {
    height: 88px;
    width: 88px;
    border: 1px solid #d1d1d1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-item {
    color: #000;
    font-size: 22px;
    font-weight: 400;
}

.pagination-arrow:after {
    content: url("/assets/icons/pagination-arrow.svg");
}

.pagination-arrow__left {
    transform: scale(-1, 1);
}

.page-pagination-block {
    margin-top: 80px;
}

.getMore-wrapper {
    display: flex;
    justify-content: center;
}

/*pagination END*/

.footer-social .social-title {
    color: #212c33;
    font-size: 36px;
    font-weight: 500;
    line-height: 115.5%;
}

.footer-social .social-content {
    margin-top: 20px;
    gap: 37px;
}

.footer-social .social-item {
    height: 53px;
    width: 53px;
}

.goTo-page {
    color: #221f20;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 2px solid #ee1a26;
}

.about_company_content_block_section1_row1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/*news-modal*/
.newsModal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
}

.newsModal__block {
    background-color: #fefefe;
    margin: 2% auto;
    border: 1px solid #888;
    width: 80%;
    position: relative;
    border-radius: 12px;
}

.newsModal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: sticky;
    top: 7px;
    right: 7px;
}

.newsModal-content {
    padding-right: 20px;
    width: 100%;
    height: 100%;
}

.news__modal__swiper-1 {
    max-height: 385px;
    height: 100%;
    width: 100%;
}

.news__modal__swiper-2 {
    max-width: 80%;
}

.newsModal-close {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f4f4f4;
    border-radius: 100%;
}

.newsModal-close:hover,
.newsModal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.newsModal___text-content {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}

.newsModal-top {
    display: flex;
    justify-content: space-between;
    gap: 50px;

}

.newsModal___text {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
}

.newsModal___text img {
    max-width: 100%;
}

.newsModal___text > h2 {
    color: #221f20;
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
    margin: 0;
}

.newsModal___text > p {
    color: #676c7a;
    font-size: 22px;
    font-weight: 400;
    width: 100%;
}


.newsModal-top__title {
    margin-top: 50px;
    color: #212c33;
    font-size: clamp(52px, 4.5vw, 72px);
    font-weight: 500;
    width: 100%;
    max-width: 710px;
}

.newsModal-top__text {
    margin-top: 60px;
    color: #676c7a;
    font-size: 22px;
    font-weight: 400;
    width: 100%;
    max-width: 880px;
}

.newsModal-content .slide-single-image img {
    height: 100%;
    width: 100%;
    /*    max-width: 628px;
        max-height: 386px;*/
}

.newsModal-top__filter-tags {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 750px;
}

.newsModal-top__filter-tags-item {
    display: flex;
    height: 34px;
    padding: 0 10px;
    align-items: center;
    border-radius: 17px;
    border: 1px solid rgba(34, 31, 32, 0.19);
    color: #676c7a;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

/*news modal END*/

.smm-form-content {
    display: flex;
}

.smm-аsk-question {
    z-index: 98;
}

.open-order-by-product {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.open-order-by-product .smm-form-content {
    position: initial;
}

.fixed {
    position: fixed;
    top: 6px;
    max-height: 120px;
    overflow: hidden;
    z-index: 99;
}

.display-none {
    display: none;
}

/*header menu*/
/*.header-menu-wrapper {
    display: flex;
    position: absolute;
    top: calc(100% + 1px);
    background: #ffffff;
    width: 100%;
    padding: 0 60px 0 60px;
    !*display: flex;*!
    justify-content: end;
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms;
    border-radius: 12px;
    z-index: 50;
    left: 0;
    cursor: default;
}*/

/*.header-menu-wrapper::-webkit-scrollbar {
  display: none;
}*/
/* Скрываем scrollbar для IE, Edge и Firefox */
/*.header-menu-wrapper {
    -ms-overflow-style: none; !* IE и Edge *!
    scrollbar-width: none; !* Firefox *!
}

.header-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 46px 0 80px;
}

.header-menu a {
    color: #212c33 !important;
    font-size: 36px;
    font-weight: 400;
}

.header-menu-btn {
    display: flex;
    align-items: center;
    background: none;
    color: #212c33;
    cursor: pointer;
}

.header-menu-btn-wrapper {
    !* position: relative; *!
    !* height: 100%; *!
    display: flex;
    align-items: center;
}

.menu-icon {
    height: 40px;
    width: 40px;
    border-radius: 1000px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    position: relative;
}

.menu-icon div {
    height: 2px;
    width: 100%;
    max-width: 13px;
    background: #212c33;
    transform: rotate(0deg);
    transition: all 300ms;
}

.menu-icon[data-page-type="mainpage"] {
    background: none;
}

[data-page-type="mainpage"] .menu-icon div {
    background: #ffffff;
}

[data-page-type="mainpage"] .menu-icon {
    background: none;
}

[data-page-type="mainpage"].header-menu-btn {
    color: #ffffff;
}

[data-page-type="mainpage"].four_dot {
    gap: 0;
}

[data-page-type="mainpage"] .header-menu-btn.active .menu-icon {
    background: unset;
}

.header-menu-btn-wrapper:hover .header-menu-wrapper {
    max-height: 550px;
    overflow-y: scroll;
}

.header-menu-btn-wrapper:hover .menu-icon div:nth-child(2) {
    display: none;
}

.header-menu-btn-wrapper:hover .menu-icon div:nth-child(1) {
    position: absolute;
    !*background: #FFFFFF;*!
    transform: rotate(45deg);
}

.header-menu-btn-wrapper:hover .menu-icon div:nth-child(3) {
    position: absolute;
    !*background: #FFFFFF;*!
    transform: rotate(-45deg);
}*/

.region-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/*END header menu*/
/*modal cities*/
.modal-cities {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    z-index: 120;
    overflow-y: scroll;
}

.modal-cities.open {
    display: block;
}

.cities-block-wrapper {
    display: flex;
    margin: 0 auto;
    padding: 80px 30px 0;
    width: 100%;
    max-width: 993px;
}

/*.header_contacts-item{
  display: flex;
  align-items: center;
  gap: clamp(30px, 0.8vw, 40px);
}*/
.header-whatsapp-icon-wrapper a {
    display: flex;
}

/*END modal cities*/

/*END PRODUCTS THIRD LEVEL*/


/*new pages*/
:root {
    --font-size-72-42: 72px;
    --font-size-72-36: 72px;
    --font-size-48-36: 48px;
    --font-size-48-28: 48px;
    --font-size-44-22: 48px;
    --font-size-32-22: 32px;
    --font-size-28-22: 28px;
    --font-size-22-18: 22px;
    --font-size-22-16: 22px;
    --font-size-22-13: 22px;
    --font-size-18-16: 18px;
    --font-size-18-13: 18px;
}

.page-top-title {
    margin-top: 50px;
    max-width: 610px;
}

.title-72-42 {
    font-size: var(--font-size-72-42);
    font-weight: 500;
    line-height: 115.5%
}

[data-openBlock-btn] {
    cursor: pointer;
}

.page-section {
    margin-top: 90px;
}

.section-title {
    color: #221F20;
    font-size: var(--font-size-48-28);
    font-weight: 500;
    line-height: 115.5%
}

/*vacancies*/
.page-content {
    margin-top: 18px;
}

.vacancies-item {
    display: flex;
    padding: 30px 60px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 32px;
    background: #F4F4F4;
}

.vacancies-wrapper {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vacancies-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.vacancies-top > .section-title {
    max-width: 400px;
    width: 100%;
}

.salary {
    font-size: var(--font-size-44-22);
    font-weight: 400;
    line-height: 150.5%;
    max-width: 300px;
    width: 100%;
}

.vacancies-description {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 300ms;
}

.vacancies-top .icon {
    transform: rotate(0deg);
    transition: transform 300ms;
    display: flex;
}

.active-block .vacancies-top .icon {
    transform: rotate(90deg);
}

.vacancies-description-item {
    font-size: var(--font-size-18-16);
    font-weight: 400;
    line-height: 150.5%;
    margin: 30px 0 0;
    padding-left: 32px;
}

.vacancies-description-item li:first-child {
    font-size: var(--font-size-32-22);
    font-weight: 400;
    line-height: 150.5%;
    margin-bottom: 15px;
    list-style: none;
    margin-left: -30px;
}

.to-send-resume {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 8px 24px 8px 8px;
    border-radius: 65px;
    background: #FFFFFF;
}

.to-send-resume__text {
    font-size: 22px;
    font-weight: 400;
}

.to-send-resume .icon {
    display: flex;
}

.sending-wrapper {
    border-radius: 22px;
    background: #212C33;
    color: #FFFFFF;
    padding: 100px 140px;
    width: calc(100% + 100px);
    margin-left: -50px;
}

.sending-content {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.sending-section {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.sending-title {
    font-size: var(--font-size-72-36);
    font-weight: 500;
}

.sending-form-wrapper {
    width: 100%;
    max-width: 714px;
}

.form-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
    justify-content: space-between;
}

.sending-wrapper input {
    border: none;
    background: none;
    font-size: var(--font-size-22-18);
    font-weight: 400;
    color: #FFFFFF;
}

.sending-form-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF;
    opacity: 1; /* Firefox */
}

.sending-form-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF;
}

.sending-form-wrapper input::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFFFFF;
}

.sending-input-wrapper input {
    border-bottom: 2px solid #F4F4F4;
    padding-bottom: 20px
}

.sending-form-wrapper .info-text {
    font-size: 12px;
    font-weight: 400;
}

.sending-input-wrapper:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
}

.sending-wrapper button,
.sending-form-wrapper .attach-file-btn {
    border-radius: 65px;
    border: 1px solid #F4F4F4;
    background: #F4F4F4;
    color: #212C33;
    font-size: var(--font-size-22-18);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 8px;
}

.sending-wrapper button {
    background: #212C33;
}

.sending-form-wrapper button {
    color: #FFFFFF;
}

.sending-form-wrapper .icon {
    display: flex;
}

.vacancies-page-footer {
    margin-top: 197px;
}

/*END vacancies*/

/*documents page*/
.documents-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 40px;
}

.document-item {
    width: 100%;
    max-width: 258px;
    max-height: 364px;
}

.document-item img {
    width: 100%;
}

.documents-page-footer {
    margin-top: 58px;
}

.documents-content {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.filter-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.filter-item {
    font-size: var(--font-size-22-13);
    font-weight: 400;
    line-height: 165%;
    border-radius: 65px;
    border: 1px solid #212C33;
    padding: 8px 20px;
    cursor: pointer;
}

.filter-item input {
    display: none;
}

.filter-item:has(input:checked) {
    background: #212C33;
    color: #FFFFFF;
}

/*END document pages*/

/*BLOG page*/
.blog-page-top {
    margin-top: 50px;
    display: flex;
    gap: 40px;
}

.blog-top-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    max-width: 553px;
}

.blog-top-description {
    color: #676C7A;
    font-size: var(--font-size-22-16);
    font-weight: 400;
}

.blog-page-top-video-block {
    width: 100%;
}

.blog-page-top-video-wrapper {
    width: 100%;
    max-width: 1147px;
    /*height: 666px;*/
    aspect-ratio: 16/9;
}

/*.blog-page-top-video-wrapper .video-item,*/
.blog-page-top-video-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 32px;
    object-fit: cover;
}

.blog-page-content {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
}

.blog-item-tags-wrapper {
    position: absolute;
    top: 22px;
    left: 22px;
    display: flex;
    gap: 11px;
}

.blog-item-tag {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 72px;
    background: #FFFFFF;
    font-size: var(--font-size-18-13);
    font-weight: 400;
}

.blog-item {
    display: flex;
}

.blog-item-image {
    display: flex;
    width: 100%;
    aspect-ratio: 16/9;
    max-height: 666px;
    position: relative;
}

.blog-item-image img {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-item-description {
    border-radius: 0 32px 32px 0;
    background: #F4F4F4;
    display: flex;
    width: 100%;
    max-width: 593px;
    padding: 40px 40px 40px 65px;
    margin-left: -25px;
    flex-direction: column;
    gap: 40px;
    height: fit-content;
}

.blog-item-description .title {
    color: #221F20;
    font-size: var(--font-size-28-22);
    font-weight: 500;
}

.blog-item-description .description-text {
    color: #221F20;
    font-size: var(--font-size-18-16);
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rating-star {
    display: flex;
}

.blog-items-wrapper {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.blog-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.blog-item:nth-child(2n) .blog-item-description {
    padding: 40px 65px 40px 40px;
    border-radius: 32px 0 0 32px;
    margin-right: -25px;
}

.get-more-wrapper {
    display: flex;
    justify-content: center;
}

.get-more {
    padding-bottom: 20px;
    color: #221F20;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 2px solid #EE1A26;
}

.blog-page-section {
    margin-top: 150px;
}

.feedback-form-bottom {
    margin-top: 40px;
    display: flex;
    gap: 60px;
}

.sending-subTitle {
    width: 100%;
    max-width: 550px;
}

.feedback-content {
    margin-top: 32px;
    display: flex;
    gap: 73px;
}

.feedback-form-wrapper textarea {
    width: 100%;
    height: 100%;
    background: #212C33;
    color: #FFFFFF;
    border: none;
    border-bottom: 1px solid #FFFFFF;
}

.feedback-input-wrapper {
    border-bottom: 2px solid #FFFFFF;
}

.feedback-textarea {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    font-size: var(--font-size-22-18);
    font-weight: 400;
}

.feedback-form-wrapper button {
    white-space: nowrap;
}

/*END blog page*/

/*career page*/
.career-page-top-section {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.career-page-top-section .page-paragraph {
    color: #676C7A;
    font-size: var(--font-size-22-16);
    font-weight: 400;
    width: 100%;
    max-width: 1086px;
}

.career-page-map-block .products_filter_block_row1,
.career-page-map-block .map-title {
    display: none;
}

.career-page-map-block .career_content_navigate_map {
    flex-direction: column;
}

.career-page-map-block .map-regions-block {
    margin: 0;
    padding: 0;
}

.career-page-map-block .section_6 {
    margin-top: 150px;
}

.career-page-map-block .map-regions-wrapper {
    justify-content: center;
}

.career-page-map-block .career_content_navigate_map_col2 {
    margin-top: 60px;
    aspect-ratio: 16/9;
    max-height: 937px;
}

.career-page-map-block .career_content_navigate_map svg {
    height: 100%;
}

.career-page-bottom-arrow {
    margin-top: 150px;
}

/*END career page*/

/*article page*/
.article-top-section {
    margin-top: 18px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.article-top-description {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    max-width: 710px;
}

.article-top-image-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 942px;
    max-height: 537px;
}

.article-top-image-wrapper img {
    border-radius: 32px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-page-content {
    margin-top: 70px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 90px;
    justify-content: space-between;
}

.articles-wrapper {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.article-description {
    margin-top: 60px;
    color: #676C7A;
    font-size: var(--font-size-22-16);
    font-weight: 400;
}

.article-image {
    margin-top: 80px;
    width: 100%;
    max-width: 1088px;
    max-height: 666px;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
}

.article-item {
    display: flex;
    flex-direction: column;
}

.anchor-links-title {
    color: #676C7A;
    font-size: 18px;
    font-weight: 400;
}

.anchor-links-wrapper {
    border-radius: 11px;
    background: #F4F4F4;
    display: flex;
    padding: 40px 30px;
    flex-direction: column;
    gap: 45px;
    position: sticky;
    top: 0;
}

.anchor-links-block ol {
    margin: 0;
    padding: 0 0 0 18px;
    font-size: 22px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.anchor-links-block ol li::marker {
    color: #212C33;
}

.anchor-links-title .icon-pulse {
    display: none;
}

.other-articles-section {
    margin-top: 150px;
}

.other-articles-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other-articles-title {
    font-size: var(--font-size-48-36);
    font-weight: 500;
    line-height: 115.5%
}

.other-articles-subTitle {
    margin-top: 73px;
    color: #9A9A9A;
    font-size: 18px;
    font-weight: 400;
}

.other-articles-item .blog-item-description {
    max-width: 100%;
}

.other-articles-wrapper .swiper-wrapper {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 2.4fr 1.1fr;
    gap: 30px 60px;
}

.other-articles-item:not(:nth-last-child(-n+3)) {
    display: none;
}

.other-articles-item:last-child {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.other-articles-item:last-child .blog-item {
    flex-direction: column;
    height: 100%;
}

.other-articles-item:last-child .blog-item-description {
    margin-left: 0;
    border-radius: 0 0 32px 32px;
    height: 100%;
    padding: 40px 32px;
}

.other-articles-item:last-child .blog-item-image img {
    border-radius: 32px 32px 0 0;
}

.other-articles-top .slider-buttons {
    display: none;
}

.article-page-bottom-arrow {
    margin-top: 100px;
}

/*END article page*/


.mobile-version {
    display: none;
}

.mobile-social-buttons {
    display: none;
}
.region-wrapper[data-page-type="mainpage"] .choose_city{
    color:#FFFFFF;
}


/*START MOBILE BLOCK*/
@media screen and (max-width: 1906px) {
    .h3_36_500 {
        font-size: 28px;
    }

    .materials {
        font-size: 18px;
    }

    .materials_block {
        gap: 8px;
    }

    .section_4_content_row_col1_col2 {
        font-size: 18px;
    }

    .servise_section3_content_row_cols_head {
        font-size: 22px;
    }

    .servise_section3_img {
        width: 9vw;
    }

    .servise_section3_content_row_cols:hover .servise_section3_img {
        width: 150px;
    }

    .navigation_head_row > .navigation_head_row_col1 {
        font-size: 70px;
    }

    .h1_102_500 {
        font-size: 70px;
    }

    .footer_head_col1_header {
        font-size: 60px;
    }

    .nav {
        /*font-size: 18px;*/
        font-size: clamp(12px, 1.2vw, 18px);
    }

    .h2_72_500 {
        font-size: 60px;
    }

    .section_2_content_item_footer {
        font-size: 18px;
    }

    .section_2_content_item_content {
        font-size: 50px;
    }

    .h3_48_400 {
        font-size: 40px;
    }

    .products_section2_content_block_rows_cols_row1 {
        font-size: 18px;
    }


    :root {
        --font-size-72-42: calc(42px + 30 * (100vw / 1920));
        --font-size-72-36: calc(36px + 36 * (100vw / 1920));
        --font-size-48-36: calc(36px + 12 * (100vw / 1920));
        --font-size-48-28: calc(28px + 20 * (100vw / 1920));
        --font-size-44-22: calc(22px + 22 * (100vw / 1920));
        --font-size-32-22: calc(22px + 10 * (100vw / 1920));
        --font-size-28-22: calc(22px + 6 * (100vw / 1920));
        --font-size-22-18: calc(18px + 4 * (100vw / 1920));
        --font-size-22-16: calc(16px + 6 * (100vw / 1920));
        --font-size-22-13: calc(13px + 9 * (100vw / 1920));
        --font-size-18-16: calc(16px + 2 * (100vw / 1920));
        --font-size-18-13: calc(13px + 5 * (100vw / 1920));
    }


}

@media screen and (max-width: 1850px) {
    .services_second_level_section7_col2_row2_row1,
    .services_second_level_section7_col2_row2_row2 {
        width: 100%;
        justify-content: center;
    }

    .newsModal-top {
        flex-wrap: wrap;
    }

    .h2_48_500 {
        font-size: calc(28px + 20 * (100vw / 1920));
    }
}

@media screen and (max-width: 1620px) {
    .carrer_second_level_section2_tables_block_table table td {
        font-size: 16px;
    }

    .footer-list__contacts-item a {
        font-size: calc(22px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
    }

    .minMenu-btn {
        font-size: calc(10px + 12 * (100vw / 1920));
    }

    .header_contacts-value {
        font-size: calc(8px + 8 * (100vw / 1920));
    }

    .header_contacts-key {
        font-size: calc(7px + 7 * (100vw / 1920));
    }


}

@media screen and (max-width: 1440px) {
    .header .menu-list {
        gap: 12px;
    }

    .header-minMenu-block {
        gap: 20px;
    }

    .header_contacts-wrapper {
        gap: 20px;
    }

    .link-logo-wrapper {
        gap: 10px;
    }

}

@media screen and (max-width: 1600px) {
    .footer_head_col2_block_content {
        width: 100%;
        /*flex-direction: column;*/
        display: flex;
        justify-content: space-between;
    }

    .footer_head_col1 {
        max-width: 450px;
    }

    .carrer_second_level_section4 {
        flex-wrap: wrap;
    }

    .services_second_level_section4 {
        flex-direction: column;
    }

    .services_second_level_section4_col2_row2_col2,
    .services_second_level_section4_col1_row3,
    .services_second_level_section4_col1_row2 {
        width: 100%;
    }

    .services_second_level_section7_col2_blocks_row1 {
        font-size: 20px;
    }

    .services_second_level_section7_col2_blocks {
        padding: 42px 28px 80px;
    }
}

@media screen and (max-width: 1400px) {
    .container {
        padding: 0 40px;
    }

    .link-logo svg {
        height: clamp(87px, 9vw, 121px);
        width: clamp(70px, 8vw, 97px);
    }

    .h1_102_500 {
        font-size: 68px;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .h2_72_500 {
        margin: 0;
        padding: 0;
        font-size: 46px;
        font-weight: 500;
    }

    .section_5_content {
        gap: 20px;
    }

    .section_5_content_col1 {
        gap: 10px;
    }

    .section_5_content_col1_LefRight {
        height: 55px;
        width: 55px;
    }

    .mobile_about_compan_ysection_5 {
        gap: 30px;
    }

    .about_company_content_block_section11_slider_cols {
        width: 100%;
    }

    .about_company_content_block_section11_slider_cols_row2_col1 {
        width: 65%;
    }

    .h3_36_500 {
        margin: 0;
        padding: 0;
        font-size: 23px;
        font-weight: 500;
    }

    .h3_48_400 {
        margin: 0;
        padding: 0;
        font-size: 30px;
        font-weight: 400;
    }

    .header_wrapper {
        gap: clamp(6px, 0.8vw, 30px);
        gap: 15px;
    }

    .content_head {
        max-width: 737px;
        font-size: 65px;
    }

    .conten_content {
        font-size: 20px;
    }

    .section_1_content_blocks {
        width: 100%;
    }

    .section_4_content_row_col_1 {
        gap: 10px;
        width: 100%;
    }

    .section_4_content_row_col1_col1 {
        width: 100%;
    }

    .section_4_content_row_col1_col1_col2 {
        width: 200px;
        font-size: 31px;
    }

    .section_4_content_row_col1_col2 {
        width: 100%;
    }

    .section_4_content_row_col2 {
        width: 15%;
    }

    .section_1_content_blocks_head {
        font-size: 23px;
        width: 100%;
    }

    .section_1_head {
        font-size: 46px;
    }

    .section_4_head_content {
        font-size: 46px;
    }

    .red_content {
        gap: 50px;
        padding: 70px 50px 100px 70px;
    }

    .footer_head_col1_header {
        font-size: 45px;
        width: 330px;
    }

    .footer_head_col1 {
        max-width: 370px;
    }

    .footer_head_col1_footer {
        font-size: 23px;
    }

    .footer_head_col2_block {
        width: 100%;
    }

    .red_block_input {
        font-size: 14px;
        width: 100%;
    }

    .footer_head_col2_block_content_row1 {
        width: 100%;
    }

    .red_block_button span {
        font-size: 20px;
    }

    .section_7_content > div {
        height: 127px;
        width: 127px;
    }

    .footer_head_col2_footer {
        width: 100%;
    }

    .red_block_button {
        gap: 8px;
    }

    .footer_head_col2_block form {
        width: 100%;
    }


    .section_3_content_item_body {
        width: 100%;
    }

    .section_3_content_head_content {
        font-size: 46px;
        width: 100%;
    }

    .section_3_content_item_body {
        font-size: 15px;
    }

    .section_2_content_item_content {
        font-size: 45px;
    }

    .section_2_content_item_footer {
        font-size: 14px;
    }

    .section_2_content_item_content {
        width: 100%;
    }

    .section_6_block_col1_content_head {
        font-size: 45px;
        width: 100%;
    }

    .section_6_block_col1_content {
        width: 100%;
    }

    .map-regions-wrapper {
        width: 100%;
    }

    .section_6_block_col1 {
        width: 100%;
    }

    .section_6_block_col2 {
        width: 100%;
    }

    .section_6_block {
        gap: 40px;
    }

    .about_company_content_block_dark_section {
        justify-content: space-between;
        padding: 70px 0 70px 35px;
    }

    .about_company_content_block_dark_section_col1_row2_header {
        font-size: 28px;
        width: 100%;
    }

    .about_company_content_block_dark_section_col1_row2_content {
        font-size: 18px;
        width: 100%;
    }

    .about_company_content_block_dark_section_col2 {
        width: 100%;
    }

    .about_company_content_block_dark_section_col2 > div {
        font-size: 48px;
    }

    .about_company_content_block_dark_section_col1 {
        width: 100%;
    }

    .career_content_navigate_map_col2 {
        width: 100%;
    }

    .career_content_navigate_map_col2 > img {
        width: 100%;
    }

    .map-regions-block {
        padding: 0;
    }

    .about_company_content_navigate_map_col1 {
        width: 100%;
    }

    .services_second_level_section2 {
        flex-direction: column;
    }

    .services_second_level_section3 {
        gap: 0;
        justify-content: space-between;
    }

    .products_second_level_content_footer_content {
        width: 100%;
    }

    .services_second_level_section4 {
        flex-direction: column;
        gap: 60px;
    }

    .services_second_level_section4_col1_row2 {
        width: 100%;
    }

    .services_second_level_section4_col1_row3 {
        width: 100%;
    }

    .services_second_level_section7_col1_row2 {
        width: 100%;
    }

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

    .services_second_level_section1_col1_row3 {
        max-width: 550px;
    }

    .products_third_level_section2 {
        flex-direction: column;
    }

    .carrer_second_level_section4_cols {
        padding: 42px 22px;
    }

    .carrer_second_level_section4_cols_col2_row1 {
        font-size: 24px;
    }

    .carrer_second_level_section4_cols_col2_row2 {
        font-size: 14px;
    }

    .products_third_level_section8 {
        flex-direction: column;
    }

    .contact_section3 {
        gap: 60px;
    }

    .contact_section3_cols {
        gap: 60px;
    }

    .contact_section3_cols_row2 {
        gap: 40px;
    }

    .contact_address_revers {
        gap: 40px;
    }

    .contact_section2_header_col2 {
        font-size: 28px;
        width: 100%;
    }

    .contact_section2_content_head_address {
        font-size: 24px;
    }

    .contact_feedback_row2 {
        flex-direction: column;
    }

    .contact_feedback_col1_row2 {
        width: 550px;
    }

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

    .about_company_content_block_section6_docs {
        gap: 20px;
    }

    .about_company_header_block_content_cols_col2 {
        font-size: 18px;
        width: 270px;
    }

    .project_second_level_section1_col1_row2 {
        width: 100%;
    }

    .project_second_level_section2 {
        flex-direction: column-reverse;
    }

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

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

    .project_second_level_section2_col1_row3 > img {
        width: 988px;
        height: 566px;
    }

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

    .project_second_level_section_video > img {
        width: 988px;
        height: 566px;
    }

    .error_section1_col2 > img {
        width: 560px;
    }

    .project_second_level_section2_col2_row2 {
        margin-top: 0;
    }

    .contact-your-message {
        min-height: 163px;
    }

    .around_button {
        height: 120px;
        width: 120px;
        font-size: 15px;
    }

    .around_button:hover {
        width: 130px;
        height: 130px;
    }

    .around_button:hover {
        font-size: 17px;
    }

    .choose_city {
        font-size: clamp(12px, 0.8vw, 18px);
    }

    .arow,
    .homepage-arrow {
        height: clamp(12px, 0.8vw, 18px);
        width: clamp(12px, 0.8vw, 20px);
    }

    .header_contacts_link-wrapper p {
        display: none;
    }

    /*    .header_contacts-item{
            flex-direction: column;
            gap: 4px;
            justify-content: center;
        }*/
}

@media screen and (max-width: 1280px) {
    .products__item-image-wrapper {
        max-height: 188px;
        max-width: 246px;
    }

    .products__item-title {
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
    }

    .products__item-links,
    .git-more-item {
        font-size: 12px;
        line-height: 15px;
    }

    .ordering-wholesaleOrders {
        font-size: 15px;
        line-height: 150.5%;
    }

    .products__item-content {
        margin-top: 16px;
    }

    .get-more-item {
        font-size: 15px;
        line-height: 17px;
    }

    .products-block__item {
        padding: 22px;
    }

    .color_ref {
        width: 50px;
        overflow: hidden;
        display: flex;
    }

    .content {
        padding: 245px 0 270px 0;
    }
}

@media screen and (max-width: 1200px) {
    .carrer_second_level_section4_cols {
        gap: 22px;
    }

    .services_second_level_section1,
    .services_second_level_section7,
    .services_second_level_section3 {
        flex-direction: column;
    }

    .services_second_level_section1_col2 {
        max-width: 100%;
    }

    .services_second_level_section7_col2 {
        width: 100%;
    }

    .competitive-advantages {
        display: flex;
        gap: 32px;
        flex-wrap: wrap;
    }

    .fixed {
        max-height: 107px;
    }

    .newsModal-top__description {
        width: 100% !important;
    }

    .products_third_level_section1_col2 {
        width: 100% !important;
    }

    .products_third_level_section5 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .footer-content {
        flex-wrap: wrap;
    }


}

@media screen and (max-width: 1100px) {
    .red_content {
        flex-direction: column;
        gap: 30px;
        padding: 50px 30px;
    }

    .footer_head_col2_block_content {
        flex-direction: column;
    }

    .red_block_button {
        width: fit-content;
    }

    .documents-wrapper {
        grid-template-columns: repeat(5, 1fr);
        gap: 30px;
    }

    .header_right_block_mobile {
        display: block;
    }

    .header_right_block_mobile_menu {
        box-sizing: border-box;
        width: 52px;
        height: 52px;
        border: 1px solid #d1d1d1;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .header_right_block_mobile_menu[data-page-type="mainpage"],
    .header_right_block_mobile_menu[data-page-type="mainpage"] .header_right_block_mobile_menu_innerLins {
        border: 1px solid white;
        /*background-color: white;*/
    }

    .menu_innerLins_bottom {
        bottom: 15px;
        transition: all 400ms ease;
    }

    .header_right_block_mobile_menu[data-page-type="mainpage"] {
        border: 1px solid white;
    }

    .header_right_block_mobile_menu_innerLins {
        width: 32px;
        border: 1px solid #212c33;
        background-color: #212c33;
        margin: 3px;
        position: absolute;
    }

    .menu_innerLins_top {
        top: 15px;
        transition: all 400ms ease;
    }

    .opening .menu_innerLins_top {
        transform: rotate(45deg);
        top: 21px;
    }

    .opening .menu_innerLins_bottom {
        transform: rotate(-45deg);
        bottom: 21px;
    }

    .mobile_menu_block {
        z-index: 98;
        position: absolute;
        background: white;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 50px;
        top: -1100px;
        opacity: 0;
        padding: 34px 15px 20px;
        transition: all 400ms ease;
    }

    .mobile_menu_open {
        top: 122px;
        opacity: 1;
    }

    .mobile_menu_block .mobile-menu-list a {
        font-weight: 500;
        font-size: 23px;
        color: #212c33;
    }

    .menu_line {
        border: 1px solid #d1d1d1;
    }

    .header-scroll-down .header_right_block_mobile_menu,
    .header-scroll-down .header_right_block_mobile_menu_innerLins {
        border-color: #000000 !important;
    }

    .mobile_menu_contacts > a {
        font-weight: 500;
        font-size: 28px;
        color: #212c33;
    }

    .mobile_menu_region {
        font-weight: 400;
        font-size: 18px;
        color: #212c33;
    }

    .header_right_block_mobile_menu.opening[data-page-type="mainpage"] .header_right_block_mobile_menu_innerLins,
    .header_right_block_mobile_menu.opening[data-page-type="mainpage"] {
        border-color: #000000;
    }

    .search_block {
        display: none;
    }

    .mobile_search_block {
        position: absolute;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 600px;
        padding: 10px 10px;
        gap: 36px;
        background: #ffffff;
        border-radius: 12px;
        transition: all 400ms ease;
        z-index: 99;
        top: -900px;
        opacity: 0;
    }

    .mobile_search_block_open {
        top: 8px;
        left: 0;
        opacity: 1;
    }

    .mobile_search_block_row1 {
        text-align: end;
    }

    .mobile_search_block_row2 {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px;
        gap: 10px;
        border: 1px solid #d1d1d1;
        border-radius: 5px;
        /*height: 44px;*/
        width: 100%;
    }

    .mobile_search_block_row2 > input {
        width: 100%;
        height: auto;
        border: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        /*color: #9A9A9A;*/
        color: #212c33;
    }

    .mobile_search_block_row2 ::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #9a9a9a;
    }
    .about-top-content,
    .work-organized-block{
        flex-direction: column;
        gap: 40px;
    }

    .mobile_search_block_row3 {
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #676c7a;
    }

    .mobile_search_block_row4 {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .mobile_search_block_row4 > div {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        gap: 10px;
        background: #ffffff;
        border: 1px solid rgba(34, 31, 32, 0.19);
        border-radius: 17px;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: #676c7a;
    }

    .fixed-header {
        top: 0;
    }

    .minMenu-btn {
        font-size: 22px;
        font-weight: 600;
        line-height: 150.5%
    }

    .mobile_menu_block .header-minMenu-item {
        padding: 0;
    }

    .mobile-minMenu-items {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .mobile-menu-list {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .mobile-menu-contacts {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .mobile_menu_block .calculation-btn {
        border-radius: 65px;
        border: 1px solid #9A9A9A;
        background: #FFFFFF;
        font-size: 20px;
        font-weight: 400;
        line-height: 150.5%;
        padding: 4px 20px;
        max-width: fit-content;
    }

    .header-logo-description {
        display: none;
    }

    .mobile-social-buttons {
        display: flex;
        gap: 12px;
    }

    .region-wrapper[data-page-type="mainpage"] svg .icon-border {
        fill: transparent;
    }

    .region-wrapper[data-page-type="mainpage"] svg path {
        fill: #FFFFFF;
    }
    .header-scroll-down  .region-wrapper[data-page-type="mainpage"] svg path {
        fill: #202020;
    }
    .dark-icon svg path {
        fill: #202020 !important;
    }

    .dark-icon .choose_city{
        color: #202020 !important;
    }

    .contact-page__item .h1_48_500{
        font-size: 26px;
    }


    .desktop-version {
        display: none;
    }
}


@media screen and (max-width: 980px) {
    .container {
        padding: 0 10px;
    }

    .nav,
    .choose_city {
        /*font-size: 12px;*/
        font-size: clamp(8px, 1.2vw, 12px);
    }

    .header_wrapper {
        gap: 8px;
    }

    .section_1_content {
        flex-wrap: wrap;
        gap: 40px;
    }

    .section_1_content_blocks {
        max-width: 100%;
    }

    .section_1_content_blocks_content {
        gap: 10px;
    }

    .section_2_content_block {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer_head_col2_block {
        margin-top: 0;
    }

    .footer_head_col1_content {
        margin-top: 40px;
    }

    .section_3_content_block {
        flex-wrap: wrap;
    }

    .career_content_navigate_map {
        flex-wrap: wrap;
    }

    /*new pages*/
    :root {
        --font-size-72-42: calc(42px + (30 + 30 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-72-36: calc(36px + (36 + 36 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-48-36: calc(36px + (12 + 12 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-48-28: calc(28px + (20 + 20 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-44-22: calc(22px + (22 + 22 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-32-22: calc(22px + (10 + 10 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-28-22: calc(22px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-22-18: calc(18px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-22-16: calc(16px + (6 + 6 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-22-13: calc(13px + (9 + 9 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-18-16: calc(16px + (2 + 2 * 0.7) * ((100vw - 360px) / 1920));
        --font-size-18-13: calc(13px + (5 + 5 * 0.7) * ((100vw - 360px) / 1920));
    }

    .vacancies-top .section-title {
        font-size: calc(22px + (26 + 26 * 0.7) * ((100vw - 360px) / 1920));
    }


    .sending-content {
        flex-direction: column;
        gap: 55px;
    }

    .sending-form-wrapper {
        grid-template-columns: 100%;
        max-width: 100%;
        gap: 0;
    }

    .sending-input-wrapper:first-child {
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .sending-input-wrapper input {
        width: 100%;
    }

    .sending-wrapper {
        padding: 40px 15px;
        border-radius: 11px;
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .sending-form-wrapper button,
    .sending-form-wrapper .attach-file-btn {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .sending-form-wrapper .sending-button {
        margin-top: 10px;
        grid-row-start: 4;
        grid-row-end: 6;
    }

    .max-width-holder {
        padding: 0;
    }

    .info-text {
        margin-top: 55px
    }

    .sending-input-wrapper {
        margin-bottom: 40px;
    }

    .vacancies-item {
        padding: 5px 5px 5px 20px;
    }

    .page-section {
        margin-top: 60px;
        gap: 40px;
    }

    .vacancies-wrapper {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .vacancies-description .to-send-resume-wrapper {
        height: 6px;
    }

    .vacancies-page-footer {
        margin-top: 86px;
    }

    .mobile-hidden {
        display: none;
    }

    /*end new pages*/
    /*documents page*/
    .documents-wrapper {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    /*END documents page*/
    /*blog page*/
    .blog-page-top {
        margin-top: 35px;
        flex-direction: column;
    }

    .blog-page-top-video-wrapper {
        aspect-ratio: 16/9;
    }

    .blog-page-top-video-wrapper .video-item {
        border-radius: 9px;
    }

    .blog-item,
    .blog-item:nth-child(2n) {
        flex-direction: column;
    }

    .blog-item-description,
    .blog-item:nth-child(2n) .blog-item-description {
        margin: -25px 0 0 0;
        padding: 45px 20px 20px;
        border-radius: 0 0 12px 12px;
        max-width: 100%;
    }

    .feedback-content {
        flex-direction: column;
    }

    .feedback-textarea {
        grid-row-start: unset;
        grid-row-end: unset;
        grid-column-start: unset;
        grid-column-end: unset;
    }

    .feedback-form-wrapper {
        gap: 40px;
    }

    .feedback-form-wrapper textarea {
        height: 96px;
    }

    .feedback-form-wrapper .info-text {
        margin-top: 10px;
    }

    .blog-item-tags-wrapper {
        top: 10px;
        left: 10px;
        gap: 2px;
        max-width: 207px;
        flex-wrap: wrap;
    }

    .blog-item-tag {
        padding: 6px;
        gap: 5px;
    }

    .rating-star svg {
        height: 16px;
        width: 16px;
    }

    .filter-items-wrapper {
        gap: 10px;
    }

    .blog-page-section {
        margin-top: 80px;
    }

    .blog-item-image img {
        border-radius: 12px;
    }

    .blog-top-title-wrapper,
    .blog-items-wrapper {
        gap: 40px;
    }

    .blog-items-wrapper {
        margin-top: 40px;
    }

    .blog-item-description {
        gap: 20px;
    }

    .get-more-wrapper {
        display: none;
    }

    .sending-wrapper.blog-page-section {
        margin-top: 40px;
    }

    /*END blog page*/
    /*new career page*/
    .career-page-map-block .map-regions-wrapper {
        justify-content: left;
    }

    /*END new career page page*/
    /*article page*/
    .article-top-section {
        flex-direction: column;
    }

    .article-page-content {
        margin-top: 119px;
        gap: 70px;
        display: flex;
        flex-direction: column-reverse;
    }

    .anchor-links-block {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .anchor-links-wrapper {
        padding: 20px 10px;
        background: none;
        border-top: 1px solid #D1D1D1;
        border-bottom: 1px solid #D1D1D1;
        border-radius: 0;
        gap: 0;
    }

    .anchor-links-block ol {
        padding-left: 20px;
        font-size: 18px;
        gap: 20px;
        margin-top: 0;
        max-height: 0;
        overflow: hidden;
        transition: all 300ms;
    }

    .anchor-links-block .with_red_dot::before {
        content: none;
    }

    .anchor-links-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .anchor-links-wrapper.active-block ol {
        margin-top: 20px;
    }

    .article-top-image-wrapper img {
        border-radius: 11px;
    }

    .anchor-links-title .icon-pulse {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        height: 17px;
        width: 17px;
    }

    .anchor-links-title .icon-pulse .icon-pulse-line {
        height: 1px;
        width: 17px;
        background: #EE1A26;
        position: absolute;
    }

    .anchor-links-title .icon-pulse .icon-pulse-line.vertical-line {
        transform: rotate(90deg);
        transition: transform 300ms;
    }

    .active-block .icon-pulse .icon-pulse-line.vertical-line {
        transform: rotate(180deg);
    }

    .article-description {
        margin-top: 40px;
    }

    .article-image {
        margin-top: 36px;
    }

    .article-image img {
        border-radius: 11px;
    }

    .articles-wrapper {
        gap: 60px;
    }

    .other-articles-wrapper .swiper-wrapper {
        display: flex;
        gap: 0;
        margin-top: 45px;
    }

    .other-articles-item:not(:nth-last-child(-n+3)) {
        display: flex;
    }

    .other-articles-subTitle {
        display: none;
    }

    .other-articles-mb-slider {
        display: flex;
        width: 100%;
        overflow: hidden;
    }

    .other-articles-section {
        margin-top: 90px;
    }

    .other-articles-top {
        flex-direction: column;
        align-items: start;
        gap: 45px;
    }

    .other-articles-top .slider-buttons button {
        background: none;
    }

    .slider-buttons {
        display: flex;
        gap: 16px;
    }

    .other-articles-top .slider-buttons button img {
        width: 15px;
    }

    .slider-control-rapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .other-articles-top .slider-buttons {
        display: flex;
    }

    /*END article page*/

}

@media screen and (max-width: 769px) {
    .nav,
    .choose_city {
        font-size: 18px;
    }

    .header-logo-description {
        font-size: 12px;
    }

    /*    .header_right_block {
            display: none;
        }*/
    .project-slider__wrapper {
        margin-top: 40px;
    }

    .section_5_header_col1_content {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .section_5_header_col1_content_more-link {
        display: flex;
        justify-content: end;
        width: 100%;
    }

    .services_second_level_section4_col2_rows {
        flex-wrap: wrap;
        gap: 50px;
    }

    .h1_102_500 {
        font-size: 58px;
    }

    .footer-list-title {
        font-size: 36px;
        font-weight: 500;
    }

    .footer-list__products {
        font-size: 24px;
        font-weight: 500;
    }

    .footer-list__pages-links {
        font-size: 24px;
        font-weight: 500;
    }

    .footer-list__infoBlock {
        font-size: calc(14px + (2 + 2 * 0.7) * ((100vw - 360px) / 1920));
    }

    .footer-list__address div {
        font-size: calc(18px + (4 + 4 * 0.7) * ((100vw - 360px) / 1920));
    }

    .footer-content {
        margin-top: 28px;
        flex-direction: column;
        gap: 28px;
    }

    .footer-list {
        max-width: 100%;
        gap: 20px;
    }

    .footer-list__contacts .order-call-btn-wrapper,
    .footer-list__address span {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .h1_102_500 {
        font-size: 34px;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .h1_72_500 {
        font-size: 42px;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .h1_48_500 {
        font-size: 28px;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .h2_72_500 {
        margin: 0;
        padding: 0;
        font-size: 36px;
        font-weight: 500;
    }

    .h2_48_500 {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 500;
    }

    .h2_22_500 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
    }

    .h3_36_500 {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 500;
    }

    .h3_48_400 {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 500;
    }

    body[data-page-type="mainpage"] {
        background-position: inherit;
    }

    .container {
        margin: 0 auto;
        overflow: hidden;
    }

    .is_your_city_block {
        flex-direction: column;
        left: 50px;
        width: 210px;
        height: 110px;
        top: 100px;
        padding: 11px 10px;
        gap: 15px;
        background: #ffffff;
        box-shadow: 0 2px 1px rgba(52, 68, 78, 1);
        border-radius: 11px;
    }

    .is_your_city {
        width: 180px;
        height: 15px;
        font-size: 12px;
    }

    .list_of_cities {
        z-index: 1;
        padding: 11px 10px;
        gap: 15px;
        position: absolute;
        left: 21px;
        top: 88px;
        background: #ffffff;
        box-shadow: 0 2px 1px rgba(52, 68, 78, 1);
        border-radius: 11px;
        width: 90%;
    }

    .city_group {
        width: 100%;
    }

    .all_hr_mobile {
        display: block;
        border-top: 1px solid #d1d1d1;
        margin: 0;
        width: 100%;
    }

    .hr_mobile_footer {
        margin: 20px 0;
    }

    .all_hr {
        display: none;
    }

    .header-logo-description {
        font-size: 8px;
    }


    .with_red_dot::before {
        content: "";
        height: 8px;
        width: 8px;
    }

    .header_logo_bg {
        width: 69px;
        height: 87px;
        text-align: center;
        padding-top: 0;
    }

    .header_logo_bg_pc {
        display: none;
    }

    .header_logo_bg_mobile {
        display: block;
    }

    .choose_city {
        color: #676c7a;
        margin-left: 5px;
        /*margin-top: 12px;*/
        font-size: 13px;
    }

    .header_col_and_city_col2 {
        align-items: start;
        padding-top: 8px;
    }

    .mobile_call_message_block {
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
    }

    .arow {
        width: 14px;
    }

    .header_col_and_city_col1 {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding-left: 17px;
    }

    .mobile_menu_open {
        top: 88px;
        opacity: 1;
    }

    .content_row {
        display: flex;
        flex-direction: column;
        gap: 100px;
    }

    .botton-group__wrapper {
        flex-direction: column;
    }

    .container_col1 {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .content_head {
        font-size: 42px;
        max-width: 342px;
    }

    .conten_content {
        max-width: 340px;
        font-size: 18px;
    }

    .around_button {
        width: 156px;
        height: 156px;
        font-size: 18px;
        margin: 0 auto;
    }

    .section_1 {
        display: flex;
        flex-direction: column;
        gap: 60px;
        margin-top: 100px;
        margin-bottom: 60px;
    }

    .section_1_head {
        width: 340px;
        font-size: 36px;
    }

    .section_1_content {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding: 0;
    }

    .section_1_content_blocks {
        width: 100%;
        max-width: 352px;
    }

    .line {
        height: 22px;
        margin-right: 22px;
        border: 2px solid #ee1a26;
        background-color: #ee1a26;
    }

    .section_1_content_blocks_head {
        width: 100%;
        max-width: 329px;
        font-size: 28px;
    }

    .section_2 {
        margin-top: 80px;
        gap: 1px;
    }

    .section_2_head {
        gap: 8px;
        font-size: 14px;
    }

    .section_2_content_block {
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 18px;
        flex: none;
        margin-top: 40px;
        align-items: stretch;
    }

    .section_2_content_item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
        gap: 18px;
        border-radius: 8px;
        width: 100%;
    }

    .section_2_content_item_header {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .section_2_content_item_content {
        font-weight: 500;
        font-size: 36px;
        text-align: left;
        width: 100%;
    }

    .section_2_content_item_line {
        width: 100%;
        border: 1px solid #d1d1d1;
    }

    .section_2_content_item_footer {
        font-size: 16px;
    }

    .section_3 {
        margin-top: 80px;
    }

    .section_3_content_block {
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .section_3_content_head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        gap: 40px;
        width: 337px;
    }

    .section_3_content_head_header {
        font-size: 14px;
    }

    .section_3_content_head_content {
        font-size: 36px;
        width: 337px;
    }

    .section_3_content_item {
        gap: 40px;
        width: 340px;
    }

    .section_3_content_item_header > span {
        font-size: 14px;
    }

    .section_3_content_item_footer {
        width: 100%;
        height: 65px;
    }

    .section_3_content_item_footer > span {
        font-size: 18px;
    }

    .section_3_content_item_body {
        width: 340px;
        font-size: 16px;
    }

    .materials {
        font-size: 16px;
    }

    .section_2_head span {
        font-size: 14px;
    }

    .video_teg_mobaile {
        margin: 60px auto;
    }

    .section_video img {
        width: 116px;
    }

    .section_4 {
        margin-top: 0;
    }

    .section_4_head_block {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 0;
    }

    .section_4_head_header {
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .section_4_head_header > span {
        font-size: 14px;
    }

    .section_4_head_content {
        width: 340px;
        font-size: 36px;
    }

    .section_4_content {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-top: 60px;
    }

    .section_4_content_row {
        padding: 40px 0 40px 10px;
        height: auto;
    }

    .section_4_content_row_col_1 {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 27px;
    }

    .section_4_content_row_col1_col1 {
        display: flex;
        align-items: center;
        gap: 22px;
    }

    .section_4_content_row_col1_col1_col1 {
        font-size: 28px;
        padding-top: 0;
        width: 15px;
        font-weight: 500;
    }

    .section_4_content_row_col1_col1_col2 {
        font-weight: 500;
        font-size: 28px;
        width: 298px;
    }

    .section_4_content_row_col2 {
        display: none;
    }

    .section_4_content_row_col1_col2 {
        width: 340px;
        font-size: 16px;
        height: 100%;
    }

    .section_5 {
        margin-top: 80px;
    }

    .section_5_header {
        display: flex;
        gap: 0;
    }

    .section_5_header_col1 {
        gap: 40px;
        width: 100%;
    }

    .section_5_header_col1_head {
        width: 100%;
    }

    .section_5_header_col1_head > span {
        font-size: 14px;
    }

    .section_5_header_col1_content span {
        font-size: 36px;
    }

    .section_5_header_col2 {
        display: none;
    }

    .section_5_header_col2 > span {
        display: none;
    }

    .section_5_content {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .section_5_content_cols {
        gap: 95px;
        width: auto;
    }

    .section_5_content_slider a {
        width: 100%;
    }

    .section_5_content_cols_head {
        font-size: 28px;
        padding: 30px 20px 0 20px;
        max-width: 100%;
    }

    .section_5_content_cols_content1 > img {
        width: 140px;
        height: 300px;
    }

    .section_5_content_cols_footer {
        max-width: 242px;
        font-size: 16px;
        padding: 0 0 40px 20px;
    }

    .section_5_header_col2_mobile {
        display: flex;
        align-items: end;
    }

    .section_5_header_col2_mobile span {
        font-weight: 400;
        font-size: 16px;
        border-bottom: 1px solid red;
        padding-bottom: 15px;
        color: #221f20;
    }

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

    .section_5_content_col1_LefRight {
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section_5_content_col1_LefRight > img {
        width: 20px;
    }

    .section_6 {
        margin-top: 80px;
    }

    .section_6_block {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .section_6_block_col1_content {
        width: 100%;
    }

    .section_6_block_col1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        padding-top: 0;
    }

    .section_6_block_col1_head > span {
        font-size: 14px;
    }

    .section_6_block_col1_content_head {
        font-size: 36px;
        /*width: 340px;*/
        width: 100%;
    }

    .map-regions-wrapper {
        font-size: 16px;
        gap: 15px 20px;
        width: 100%;
    }

    .map-regions-wrapper > span:before {
        left: -20px;
    }

    .map-regions-wrapper > a {
        font-size: 16px;
    }

    .for_mobile_hidden {
        display: none;
    }

    .section_7 {
        margin-top: 70px;
    }

    .section_7_head > span {
        font-size: 14px;
    }

    .section_7_content {
        flex-wrap: wrap;
    }

    .section_7_content > div {
        height: 88px;
        width: 88px;
    }

    .section_7_content > div > img {
        width: 100%;
    }

    .red_content {
        margin-top: 90px;
        display: flex;
        flex-direction: column;
        gap: 58px;
        padding: 39px 21px 60px 21px;
    }

    .wholesale-order-max-width {
        padding: 0;
    }

    .footer_head_col1_header {
        font-size: 36px;
    }

    .footer_head_col1_content {
        font-size: 16px;
        margin-top: 22px;
    }

    .footer_head_col1_footer {
        font-size: 28px;
        margin-top: 30px;
    }

    .footer_head_col2_block {
        margin-top: 0;
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        width: 100%;
    }

    .footer_head_col2_footer {
        font-size: 16px;
        width: 100%;
    }

    .footer_head_col2_block_content {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .footer_head_col2_block_content_col {
        font-size: 18px;
    }

    .footer_head_col2_block_content_col_end {
        margin: 0 auto;
    }

    .navigation_head_row {
        padding: 32px 10px;
        gap: 24px;
    }

    .navigation_head_row > .navigation_head_row_col1 {
        font-size: 36px;
    }

    .navigation_head_row_pointer_right {
        width: 52px;
        height: 52px;
    }

    .footer_content_footer_block_col1 {
        padding: 50px 0 0 0;
        border-right: none;
    }


    .logo_bg_footer_mobile {
        background-image: url("/icons/mobile/mobile_icons/mobile_logo_fon.svg");
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo_bg_footer_mobile > span > img {
        width: 44px;
        height: 38px;
    }

    .about_company_content {
        gap: 70px;
    }

    .all_section1_smallhead {
        font-size: 16px;
    }


    .all_section1 {
        margin-top: 40px;
        margin-bottom: 70px;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .about_company_section1_header {
        margin-bottom: 0;
    }

    .all_section1_content {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 0;
    }

    .all_section1_content_col1 {
        font-size: 42px;
    }

    .all_section1_content_col2 {
        margin-top: 0;
        font-size: 18px;
        /*width: 370px;*/
        width: 100%;
    }

    .servise_section2 {
        margin-top: 70px;
        gap: 40px;
    }

    .servise_section2_row1 {
        font-size: 14px;
    }

    .products_filter_block_row2 {
        gap: 10px;
    }

    .products_filter_block_row2_cols_col1 {
        font-size: 14px;
    }

    .products_filter_block_row2_cols_col2 > span {
        font-size: 14px;
    }

    .servise_section3 {
        margin-top: 62px;
        gap: 50px;
    }

    .servise_section3_header_col1 {
        font-size: 28px;
    }

    .servise_section3_content {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 8px;
        width: 100%;
    }

    .servise_section3_content_row_cols {
        width: 100%;
    }

    .servise_section3_content_row_cols > img {
        width: 120px;
    }

    .servise_section3_content_row_cols_head {
        font-size: 18px;
    }

    .products_filter_block {
        margin-top: 70px;
    }

    .products_section2 {
        margin-top: 60px;
        gap: 50px;
    }

    .products_section2_header_block {
        gap: 40px;
        flex-direction: column;
    }

    .products_section2_header_block_head {
        font-size: 28px;
        width: 100%;
    }

    .products_section2_header_block_content {
        font-size: 18px;
        width: 100%;
    }

    .products_section2_header_block_foot {
        font-size: 16px;
        padding-bottom: 16px;
    }

    .products_section2_content_block_rows {
        grid-template-columns: repeat(2, 1fr);
    }

    .products_section2_content_block_rows_cols {
        /*width: 160px;*/
        width: 100%;
        gap: 13px;
    }

    .tile__title {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
    }

    .navigation_block {
        margin-top: 40px;
    }

    .products_section2_get_more {
        display: flex;
        flex-direction: column;
        gap: 12px;
        justify-content: center;
        align-items: center;
    }

    .products_load_more {
        display: flex;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border: 1px solid #d1d1d1;
        border-radius: 53px;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .products_load_more_horizontal,
    .products_load_more_vertical {
        border: 1px solid #212c33;
        position: absolute;
        width: 17px;
    }

    .products_load_more_vertical {
        transform: rotate(90deg);
    }

    .products_filter_block_row1 > span {
        font-size: 14px;
    }

    .products_filter_mobile {
        display: none;
    }

    .products_filter_get_more {
        display: flex;
        border-color: #ee1a26;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
    }

    .products_second_level_content_footer {
        margin-top: 90px;
        gap: 40px;
    }

    .products_second_level_content_footer_head {
        font-size: 28px;
    }

    .products_second_level_content_footer_content {
        font-size: 16px;
    }

    .products_second_level_content_footer_get_mor {
        font-size: 16px;
    }

    .products_navigation_left_arrow {
        gap: 24px;
    }

    .products_third_level_section1 {
        margin-top: 40px;
        flex-direction: column;
    }

    .services_second_level_section1_col1_row2 {
        font-size: 42px;
    }

    .products_third_level_section1_col1 {
        gap: 40px;
    }

    .services_second_level_section1_col1_row3 {
        font-size: 18px;
        width: 100%;
    }

    .services_second_level_section1_col1_row4 > span {
        font-size: 18px;
    }

    .products_third_level_section1_col2_row1 > img {
        width: 340px;
        height: 208px;
    }

    .tbl-pc-version {
        display: none;
    }

    .products_third_level_section1_col2_row2 {
        gap: 9px;
        align-items: center;
        width: 100%;
    }

    .products_third_level_section1_slider {
        height: 40px;
    }

    .products_third_level_section1_slide_left,
    .products_third_level_section1_slide_right {
        width: 28px;
        height: 28px;
    }

    .products_third_level_section1_slide_left > img,
    .products_third_level_section1_slide_right > img {
        width: 14px;
    }

    .products_third_level_section1_slider img {
        width: 60px;
        height: 37px;
    }

    .products_third_level_section_tables_block {
        margin-top: 70px;
    }

    .carrer_second_level_section2_tables_block_header {
        font-size: 28px;
    }

    /*remove*/
    .table-body {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .table-body-row {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 19px;
        border-radius: 11px;
        background-color: #f4f4f4;
    }

    .box1 {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .box2 {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .box3 {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .box4 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .box5 {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .box6 {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 2;
        grid-column-end: 2;
    }

    .box7 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: end;
    }

    .box8 {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 2;
        text-align: end;
    }

    .box9-line {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 3;
        border: 1px solid #d1d1d1;
    }

    .box2,
    .box3,
    .box4,
    .box5,
    .box6 {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .tbl-mobile-version {
        display: block;
        font-weight: 400;
        font-size: 13px;
        line-height: 17px;
        color: #676c7a;
        white-space: nowrap;
    }

    .table-header {
        display: none;
    }

    .table-body-row span {
        font-weight: 400;
        font-size: 13px;
        line-height: 17px;
        color: #212c33;
    }

    .box7 span {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #212c33;
    }

    .box1 span {
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
        color: #212c33;
    }

    /*END Remove*/
    .products_third_level_section2 {
        flex-direction: column-reverse;
        margin-top: 12px;
    }

    .project_second_level_section2_col2_row2 {
        margin-top: 0;
        width: 100%;
        padding: 26px 23px 25px 25px;
        gap: 1px;
    }

    .project_second_level_section3_col2_content_row1 {
        gap: 18px;
    }

    .project_second_level_section3_col2_content_row1_col1 {
        font-size: 16px;
        width: auto;
    }

    .project_second_level_section2_col2_row2 > img {
        width: 105px;
    }

    .project_second_level_section3_col2_content_row2_col1_name {
        font-size: 13px;
    }

    .project_second_level_section3_col2_content_row2_col1_position {
        font-size: 9px;
    }

    .project_second_level_section3_col2_content_row2_col1_number {
        font-size: 20px;
    }

    .project_second_level_section3_col2_content_row2_col2_content {
        font-size: 13px;
        right: 14px;
        bottom: 28px;
        padding-bottom: 6px;
    }

    .products_third_level_section3 {
        margin-top: 90px;
        gap: 40px;
    }

    .products_third_level_section3_row1 {
        font-size: 28px;
    }

    .products_third_level_section3_row2 {
        font-size: 16px;
        width: 100%;
    }

    .products_third_level_section4 {
        margin-top: 90px;
        gap: 40px;
    }

    .products_third_level_section5 {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .carrer_second_level_section4_cols_col2 {
        gap: 16px;
    }

    .carrer_second_level_section4_cols_col2_row1 {
        font-size: 18px;
    }

    .carrer_second_level_section4_cols_col2_row2 {
        font-size: 13px;
    }

    .products_third_level_section6 {
        flex-direction: column;
        gap: 40px;
    }

    .services_second_level_section5_question_answers_rows_col1 {
        font-size: 16px;
    }

    .services_second_level_section5_question_answers_rows_col2_line_horizontal,
    .services_second_level_section5_question_answers_rows_col2_line_vertically {
        width: 17px;
        border: 1px solid red;
        right: 0;
    }

    .products_third_level_section7 {
        margin-top: 90px;
        gap: 40px;
    }

    .services_second_level_section6_row1 {
        font-size: 28px;
    }

    .services_second_level_section6_row2_row1 {
        font-size: 16px;
        width: 100%;
    }

    .services_second_level_section6_row2_row2 {
        gap: 16px;
    }

    .products_third_level_section8 {
        margin-top: 90px;
        flex-direction: column;
        gap: 40px;
    }

    .services_second_level_section7_col1,
    .services_second_level_section7_col2 {
        gap: 40px;
        width: 100%;
    }

    .services_second_level_section7_col1_row2 {
        font-size: 42px;
        width: 100%;
    }

    .services_second_level_section7_col2_row2 {
        gap: 12px;
    }

    .services_second_level_section7_col2_blocks {
        padding: 22px 15px 28px;
        gap: 22px;
        width: 100%;
    }

    .services_second_level_section7_col2_row2_row1,
    .services_second_level_section7_col2_row2_row2 {
        flex-direction: column;
        gap: 12px;
    }

    .services_second_level_section7_col2_blocks_row1,
    .services_second_level_section7_col2_blocks_row2 {
        font-size: 16px;
    }

    .products_third_level_section9 {
        margin-top: 90px;
    }

    .contact_section1 {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .contact_section_block {
        gap: 80px;
    }

    .contact_section2 {
        flex-direction: column;
        gap: 40px;
    }

    .contact_section2_header_col2 {
        font-size: 28px;
        width: 100%;
    }

    .contact_section2_content {
        gap: 30px;
        padding: 0;
    }

    .contact_section2_content_head {
        flex-direction: column;
        align-items: start;
    }

    .contact_section2_content_head_address {
        font-size: 16px;
        display: block;
    }

    .contact-page__email {
        font-size: 22px;
        flex-wrap: wrap;
    }

    .contact_section2_content_head_location {
        font-size: 16px;
    }

    .contact_section2_content_foot {
        gap: 30px;
    }

    .contact_section2_content_foot_col1 {
        gap: 30px;
        flex-direction: column-reverse;
    }

    .contact_email_mobile {
        /*display: flex;*/
    }

    .contact_address_mobile {
        font-size: 22px;
        flex-wrap: wrap;
    }

    .contact_address_revers {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .contact_section3 {
        flex-direction: column;
        gap: 80px;
    }

    .contact_section3_cols {
        gap: 40px;
        width: 100%;
    }

    .contact_section3_cols_row2 {
        gap: 30px;
    }

    .contact_section3_cols_row2 {
        padding: 0 20px;
    }

    .contact_feedback {
        margin-top: 90px;
        flex-direction: column;
        width: 100%;
        padding: 40px 16px 50px 15px;
        gap: 20px;
        margin-bottom: 40px;
    }

    .contact_feedback_col1_row1 {
        font-size: 36px;
    }

    .contact_feedback_row2 {
        flex-direction: column;
        gap: 55px;
    }

    .contact_feedback_col1_row2 {
        font-size: 16px;
        width: 100%;
    }

    .contact_feedback-inputBlock > input {
        font-size: 18px;
    }

    .contact_feedback_col2 {
        padding-top: 0;
        flex-direction: column;
    }

    .contact_feedback_PC {
        display: none;
    }

    .contact_feedback_mobile {
        display: block;
    }

    /*textarea */
    .contact-your-message {
        font-size: 18px;
        width: 95%;
    }

    .contact_send_message_text {
        font-size: 18px;
    }

    .project_content {
        margin-bottom: 90px;
    }

    .project_content_block {
        margin-top: 60px;
        gap: 18px;
    }

    .project_content_block_rows {
        flex-direction: column-reverse;
    }

    .project_content_block_rows_col2 > img {
        border-radius: 11px;
        height: auto;
    }

    .project_content_block_rows_col2_row1 {
        top: 11px;
        right: 10px;
    }

    .project_content_block_rows_col2_row1_col1,
    .project_content_block_rows_col2_row1_col2 {
        font-size: 9px;
        padding: 5px 10px;
    }

    .project_content_block_rows_col1 {
        padding: 60px 18px 22px 18px;
    }

    .project_content_block_rows_col1_head {
        font-size: 22px;
    }

    .project_content_block_rows_col1_content {
        font-size: 16px;
    }

    .project_content_block_rows_col1_footer_col2 {
        font-size: 16px;
    }

    .project_content_footerblock {
        margin-top: 18px;
    }

    .mobile_project_pages_number {
        display: none;
    }

    .project_content_footerblock_footer_pages_number {
        width: 50px;
        height: 50px;
    }

    .project_content_footerblock_footer_pages_number img {
        width: 19px;
    }

    .project_content_footerblock_footer_pages {
        gap: 6px;
    }

    .pagination__wrapper .page-link {
        font-size: 18px;
    }

    .pagination__wrapper {
        margin-top: 40px;
    }

    .career_filter_block {
        margin-top: 70px;
        flex-direction: column;
        gap: 40px;
    }

    .products_filter_block_col1 {
        gap: 40px;
    }

    .products_filter_block_col2 {
        gap: 22px;
    }

    .career_content {
        margin-bottom: 0;
    }

    .career_content_block {
        width: 100%;
        gap: 12px;
        padding-top: 50px;
    }

    .career_content_block_rows {
        padding: 22px 18px;
        flex-direction: column;
        gap: 22px;
        width: 100%;
    }

    .career_content_block_rows_col1 {
        font-size: 28px;
        width: 100%;
    }

    .career_content_block_rows_col2 {
        width: 100%;
    }

    .career_content_block_rows_col3 {
        width: 100%;
    }

    .career_content_block_rows_col3 > div {
        padding: 6px 10px;
    }

    .career_content_block_rows_col4 {
        height: 32px;
        width: 32px;
    }

    .career_content_block_rows_col4 > img {
        width: 14px;
    }

    .career_content_block_rows_col4_block {
        width: 100%;
        display: flex;
        justify-content: end;
    }

    .career_container {
        gap: 12px;
    }

    .mapMobail {
        display: block;
        width: 100%;
    }

    .mapMobail > img {
        width: 100%;
    }

    .about_company_content_block_section3 {
        gap: 0;
    }

    .mobile_search_button {
        border: none;
        background: none;
        cursor: pointer;
    }

    .about_company_content_block_dark_section_col1_row1 {
        font-size: 14px;
    }

    .about_company_content_block_dark_section {
        padding: 0;
    }

    .about_company_content_block_dark_section_content {
        padding: 80px 10px;
        flex-direction: column;
        width: 100%;
        gap: 90px;
    }

    .about_company_content_block_dark_section_col1_row2_header {
        font-size: 28px;
        width: 100%;
    }

    .about_company_content_block_dark_section_col1_row2 {
        gap: 40px;
    }

    .about_company_content_block_dark_section_col1_row2_content {
        font-size: 16px;
        width: 100%;
    }

    .about_company_content_block_dark_section_col2 > div {
        font-size: 40px;
        width: 100%;
    }

    .about_company_content_block_section5 {
        margin-top: -20px;
    }

    .about_company_header_block_content {
        padding-top: 0;
    }

    .about_company_header_block_content_cols_col2 {
        font-size: 14px;
    }

    .about_company_content_block_section6_get_more {
        margin-top: 40px;
    }

    .about_company_content_block_section7 {
        margin-top: 30px;
        gap: 40px;
    }

    .about_company_content_block_section7_header_col1 {
        font-size: 28px;
    }

    .about_company_content_block_section7_header_col2 > div {
        width: 52px;
        height: 52px;
    }

    .about_company_content_block_section7_header_col2 > div > img {
        width: 21px;
    }

    .about_company_content_block_section7_images {
        gap: 12px;
        width: 100%;
        height: 293px;
    }

    .about_company_content_block_section7_images_cols {
        width: 206px;
        height: 293px;
    }

    .about_company_content_block_section7_images_cols > img {
        width: 100%;
        height: 100%;
    }

    .about_company_content_block_section7_images_cols_header {
        font-size: 9px;
        top: 12px;
        left: 12px;
    }

    .about_company_content_block_section7_images_cols_content {
        gap: 0;
        left: 12px;
        bottom: 12px;
    }

    .about_company_content_block_section7_images_cols_content_header {
        font-size: 16px;
        width: 60%;
    }

    .about_company_content_block_section7_images_cols_content_content {
        font-size: 9px;
    }

    .career_content_navigate_map {
        margin-top: 30px;
        flex-direction: column;
        gap: 60px;
    }

    .map-title {
        margin-top: 40px;
        font-size: 36px;
    }

    .career_content_navigate_map_col1_row {
        width: 100%;
    }

    .career_content_navigate_map_col1_row > span {
        font-size: 16px;
    }

    .map-regions-block {
        padding: 0;
    }

    .mobile_about_company_row4 {
        display: none;
    }

    .career_content_navigate_map_col2 > img {
        width: 100%;
    }

    .mobile_section_5_content_col1 {
        display: none;
    }

    .mobile_about_compan_ysection_5 {
        margin-top: 0;
        width: 100%;
    }

    .about_company_content_block_section11 {
        width: 100%;
    }

    .about_company_content_block_section11_slider_cols {
        padding: 22px 10px;
        width: 100%;
    }

    .about_company_content_block_section11_slider_cols_row2 {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .about_company_content_block_section11_slider_cols_row1_hed {
        font-size: 22px;
    }

    .about_company_content_block_section11_slider_cols_row1_content {
        font-size: 16px;
    }

    .about_company_content_block_section11_slider_cols_row2_col2 {
        width: 90px;
        height: 141px;
        background-size: cover;
    }

    .about_company_content_block_section11_slider_cols_row2_col1 {
        font-size: 14px;
        width: 100%;
    }

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

    .mobile_section11_block {
        height: 8px;
        width: 8px;
        background-color: #d9d9d9;
        border-radius: 50px;
        margin: 0 4px;
    }

    .active_slide {
        border: 1px solid red;
        background-color: #ee1a26;
    }

    .project_second_level_section1 {
        margin-top: 40px;
        flex-direction: column;
        gap: 60px;
        width: 100%;
    }

    .project_second_level_section1_col1 {
        gap: 50px;
    }

    .project_second_level_section1_col1_row2 {
        font-size: 42px;
        width: 100%;
    }

    .project_second_level_section1_col1_row3 {
        font-size: 18px;
        width: 100%;
    }

    .project_second_level_section1_col2 > img {
        width: 100%;
        height: auto;
    }

    .project_second_level_section2_col1_row1 {
        font-size: 28px;
        width: 100%;
    }

    .project_second_level_section2_col1_row2 {
        font-size: 16px;
        width: 100%;
    }

    .project_second_level_slider_header {
        margin-top: 90px;
        font-size: 36px;
    }

    .project_second_level_section6 {
        margin-top: 90px;
        display: flex;
        flex-direction: column;
        gap: 46px;
    }

    .project_second_level_section6_row1 {
        font-weight: 400;
        font-size: 14px;
        color: #676c7a;
    }

    .project_second_level_section6_row2 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 13px;
        width: 100%;
    }

    .project_second_level_section6_row2 div {
        font-weight: 400;
        font-size: 14px;
        color: #221f20;
        padding: 6px 8px;
        border: 1px solid rgba(34, 31, 32, 0.19);
        border-radius: 17px;
    }

    .mobile_project_second_level_content {
        display: flex;
        margin-top: 40px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d1d1d1;
    }

    .mobile_project_second_level_content_col1 {
        font-weight: 400;
        font-size: 18px;
        color: #212c33;
    }

    .project_second_level_section2 {
        margin-top: 70px;
        width: 100%;
        flex-direction: column;
        gap: 60px;
    }

    .project_second_level_section2_col1 {
        gap: 40px;
    }

    .project_second_level_section2_col1_row3 > img {
        width: 100%;
        height: 208px;
    }

    .project_second_level_section2_col1_row3 {
        margin-top: 0;
    }

    .project_second_level_section2_col2_row1 {
        display: none;
    }

    .project_second_level_section4 {
        margin-top: 60px;
        gap: 40px;
    }

    .project_second_level_section_video {
        margin-top: 60px;
        width: 100%;
    }

    .project_second_level_section_video > img {
        width: 100%;
        height: 208px;
    }

    .services_second_level_section1 {
        flex-direction: column;
        margin-top: 40px;
    }

    .services_second_level_section1_col1 {
        gap: 40px;
    }

    .services_second_level_section1_col2 > img {
        width: 100%;
        border-radius: 11px;
        height: auto;
        object-fit: cover;
    }

    .services_second_level_section2 {
        flex-direction: column;
        gap: 40px;
    }

    .services_second_level_section3 {
        flex-direction: column-reverse;
        margin-top: 90px;
        gap: 90px;
    }

    .services_second_level_section3_col2 {
        padding: 0;
        gap: 40px;
    }

    .services_second_level_section3_col2_row1 {
        font-size: 28px;
    }

    .services_second_level_section3_col2_row2 {
        font-size: 16px;
        max-width: 100%;
    }

    .services_second_level_section_video {
        margin-top: 90px;
    }

    .services_second_level_section_video > img {
        width: 100%;
        height: 600px;
        border-radius: 11px;
    }

    .services_second_level_section4 {
        flex-direction: column;
        margin-top: 90px;
    }

    .services_second_level_section4_col1 {
        gap: 40px;
    }

    .services_second_level_section4_col1_row2 {
        font-size: 28px;
        width: 100%;
    }

    .services_second_level_section4_col1_row3 {
        font-size: 16px;
        width: 100%;
    }

    .services_second_level_section4_col2 {
        margin-top: 70px;
        gap: 30px;
    }

    .services_second_level_section4_col2_row2_col1 {
        font-size: 22px;
    }

    .services_second_level_section4_col2_rows {
        flex-direction: column;
        gap: 30px;
    }

    .services_second_level_section5 {
        margin-top: 90px;
        gap: 40px;
    }

    .services_second_level_section5_header {
        font-size: 28px;
    }

    .services_second_level_section6 {
        margin-top: 90px;
        gap: 40px;
    }

    .services_second_level_section7 {
        flex-direction: column;
        margin-top: 90px;
        gap: 40px;
    }

    .services_second_level_section8_head {
        display: flex;
        gap: 12px;
        align-items: center;
        font-weight: 400;
        font-size: 14px;
        color: #9a9a9a;
    }

    .services_second_level_section9 {
        margin-top: 90px;
    }

    .services_second_level_section9_row1 {
        font-size: 14px;
    }

    .services_second_level_section9_row2_cols {
        font-size: 14px;
        padding: 6px 8px;
    }

    .carrer_second_level_section1_col1_row1 {
        font-size: 42px;
    }

    .carrer_second_level_section1_col1 {
        padding-top: 0;
    }

    .carrer_tabele_header {
        font-size: 22px;
    }

    .carrer_second_level_section1_col1_row2 table {
        width: 100%;
    }

    .carrer_tabele_cols_name {
        font-size: 18px;
    }

    .carrer_second_level_section1_col1_row3_colling > span {
        font-size: 18px;
    }

    .carrer_second_level_section1_col2 img {
        width: 100%;
    }

    .carrer_second_level_section2 {
        margin-top: 90px;
        gap: 60px;
    }

    .carrer_second_level_section2_tables_block {
        gap: 40px;
    }

    .carrer_second_level_section2_get_more {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .carrer_second_level_section3 {
        margin-top: 90px;
    }

    .carrer_second_level_section4 {
        margin-top: 40px;
        flex-direction: column;
        gap: 10px;
    }

    .carrer_second_level_section5 {
        margin-top: 90px;
    }

    .carrer_second_level_section6 {
        display: none;
    }

    .mobile_carrer_second_level_section6 {
        display: block;
        margin-top: 40px;
    }

    .section_5_content_slider {
        height: 510px;
    }

    .services_second_level_section5_question_answers_row1 {
        padding: 0 5px;
    }

    .services_second_level_section5_question_answers_row2 {
        width: 100%;
        font-size: 14px;

        padding-left: 0;
        padding-right: 0;
        line-height: 140%;
    }

    .services_second_level_section4_col2_row2_col2 {
        width: 100%;
        font-size: 16px;
    }

    .footer_head_col1 {
        width: 100%;
    }

    .footer_head_col2_block_content_row1 {
        flex-direction: column;
    }

    .footer_head_col1_content {
        width: 100%;
    }

    .red_block_button {
        margin: 0 auto;
    }

    .products_section2_content_block_rows_cols_row2 {
        /*width: 150px;*/
        width: 100%;
    }

    .services_second_level_section1_col1_row2row3 {
        flex-direction: column;
        gap: 40px;
    }

    .error_content {
        margin-top: 40px;
    }

    .error_section1 {
        flex-direction: column-reverse;
        gap: 40px;
    }

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

    .error_section1_col2 > img {
        height: 237px;
        width: 355px;
    }

    .error_section1_col1 {
        gap: 30px;
    }

    .error_section1_col1_row1 {
        width: 100%;
    }


    .order_form {
        width: 95%;
    }

    .order_form_header {
        font-size: 22px;
    }

    .order_form_content {
        font-size: 16px;
    }

    .order_form_inputs_block input {
        font-size: 16px;
    }

    .order_form_footer {
        width: 90%;
        margin-top: 16px;
    }

    .smm-form-footer {
        width: 100%;
    }

    .smm-form__title {
        font-size: 24px;
        line-height: 24px;
    }

    .smm-form {
        margin-top: 25px;
        gap: 26px;
    }

    .smm-form__description {
        margin-top: 18px;
        font-size: 16px;
        line-height: 23px;
    }

    .container_col2 {
        width: 100%;
        height: 190px;
    }

    .transformdeg180 {
        transform: rotate(180deg);
    }

    .openHeight300 {
        height: 215px;
    }

    .margintop90 {
        margin-top: 40px;
    }

    .services_second_level_secondTruck {
        width: 220px;
        height: auto;
    }

    .services_second_level_firstTruck {
        height: auto;
        width: 253px;
        margin-left: -137px;
    }

    .section_5_content_cols {
        pointer-events: none;
    }

    .products_filter_block_col2_row2 {
        width: 100%;
    }

    .contact_section2_content_head_col1 {
        margin-bottom: 10px;
    }

    .contact_send_message_button {
        width: 100%;
        padding: 8px;
        box-sizing: border-box;
    }

    .order_btn .arow_red_bj::after,
    .order_btn .arow_black_bj::after {
        height: 18px;
    }

    .accept-cookie-frame {
        flex-direction: column;
        max-width: 320px;
        gap: 20px;
        padding: 20px 15px;
    }

    .check_mark_frame {
        width: 30px;
        height: 30px;
    }

    .accept-text {
        font-size: 12px;
    }

    .display-none {
        display: none;
    }

    .accept-cookie {
        font-size: 18px;
    }

    .arow,
    .homepage-arrow {
        height: 8px;
        margin-left: 8px;
    }

    .navigation_head_row_pointer_right::after {
        content: url("/icons/arrow-right-small.svg");
        line-height: 0;
        padding-bottom: 0;
    }

    .navigation_head_row:hover .navigation_head_row_pointer_right::after {
        content: url("/icons/arrow-right-small.svg");
    }

    .footer_head_col1_footer > a {
        font-size: 25px;
    }

    .pop-up__content-wrapper > img,
    .slide-big-image {
        max-width: 100%;
        max-height: 525px;
    }

    .pop-up__close {
        padding: 5px 5px 0 0;
    }

    .pop-up__close > img {
        max-height: 33px;
    }

    .products__item-content,
    .products__item-footer {
        display: none;
    }

    .products-block__item {
        background: none;
        padding: 0;
        flex-direction: column-reverse;
    }

    .products-block {
        margin-top: 70px;
        gap: 50px;
    }

    .toCatalog {
        font-size: 16px;
        line-height: 150%;
    }

    .products__item-description {
        flex-direction: row;
        flex-grow: 1;
        align-items: end;
    }

    .smm-fixed-wrapper {
        right: 26px;
        bottom: 30px;
        flex-direction: column;
        gap: 17px;
    }

    .smm-form-content {
        right: 10px;
        left: 10px;
        bottom: 105px;
        /*height: 100%;*/
        padding: 30px;
        box-sizing: border-box;
        width: calc(100% - 20px);
    }

    .order_form_container {
        padding: 30px 20px;
    }

    .smm-fixed .chat-open-btn {
        height: 60px;
        width: 60px;
    }

    .chat-open-img {
        height: 22px;
        width: 22px;
    }

    .smm-fixed-wrapper:hover .chat-open-btn {
        height: 60px;
        width: 60px;
    }


    .smm-fixed-wrapper:hover .chat-open-img {
        height: 22px;
        width: 22px;
    }

    .order_form_inputs_block {
        gap: 2px;
    }

    .smm-form__message {
        font-size: 16px;
        line-height: 20px;
        margin-top: 6px;
    }

    .contact-page__content {
        grid-template-columns: 1fr;
        grid-column-gap: 80px;
        grid-row-gap: 60px;
        margin-top: 60px;
    }

    .contact-page__item {
        gap: 30px;
    }

    iframe {
        height: 220px;
    }

    .order_form_form {
        gap: 0;
    }

    .rating-figures {
        font-size: 14px;
    }

    .product-status__wrapper {
        gap: 20px;
    }

    .half-stars {
        gap: 8px;
    }

    .half-stars label svg {
        height: 15px;
        width: 15px;
    }

    .project_content-date {
        font-size: 13px;
    }

    .project-slider__wrapper {
        flex-direction: column;
        margin-top: -43px;
    }

    .project-slider-image {
        height: 275px;
        top: 89px;
    }

    .project-slider-item {
        height: 510px;
    }

    .services_second_level_section3_col1 {
        position: relative;
        height: 322px;
    }

    .park-image1 {
        max-width: 220px;
        max-height: 278px;
    }

    .park-image2 {
        max-width: 254px;
        max-height: 322px;
        position: absolute;
        right: 0;
    }

    .services_second_level_section2 {
        margin-top: 60px;
    }

    .services_second_level_section8 {
        margin-top: 60px;
    }

    .services_second_level_section1_col2 {
        height: 210px;
    }

    .news-slider-description {
        padding: 32px 18px 22px;
    }

    .news-slider-create-date {
        font-size: 16px;
        line-height: normal;
    }

    .news-slider-title {
        font-size: 22px;
        font-weight: 400;
    }

    .news-slider-text {
        margin-top: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;

        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 123px;
    }

    .news-slider-image {
        max-height: 193px;
        object-fit: cover;
    }

    .content {
        padding: 245px 0 105px 0;
    }

    .privacy-policy-page-top {
        margin-top: 40px;
        gap: 40px;
    }


    .privacy-policy-page-title {
        font-size: 28px;
    }

    /*new pages*/
    .documents-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .documents-page-footer-mobile {
        margin-top: 120px;
    }

    .blog-page-mobile-bottom-arrow {
        margin-top: 35px;
    }

    .career-page-map-block .career_content_navigate_map_col2 {
        max-height: 300px;
    }

    .career-page-map-block .career_content_navigate_map_col2.for_mobile_hidden {
        display: flex;
        margin-top: 0;
    }

    .career-page-map-block .career_content_navigate_map {
        gap: 40px;
    }

    .career-page-bottom-arrow-mobile {
        margin-top: 60px;
    }

    .career-page-map-block .section_6 {
        margin-top: 80px;
    }

    .career-page-map-block .career_content_navigate_map {
        margin-top: 0;
    }

    .article-page-bottom-arrow-mobile {
        margin-top: 60px;
    }

    /*END new pages*/
    .mobile-footer-toCatalog {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        width: 100%;
        position: relative;
    }

    .mobile-footer-toCatalog:after {
        content: url("/icons/arrow-right-small.svg");
        line-height: 0;
        background: #ffffff;
        border: 1px solid #d1d1d1;
        border-radius: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 52px;
        height: 52px;
    }

    .footer-container {
        overflow: unset;
    }

    .footer-list-border {
        width: calc(100% + 38px);
        max-width: calc(100% + 38px);
        margin-left: -20px;
        padding: 0 19px 28px;
        border-bottom: 1px solid #D1D1D1;
    }

    .footer-list-border-top {
        border-top: 1px solid #D1D1D1;
        padding-top: 28px;
    }

    .footer-list__pages-links {
        padding-top: 0;
        gap: 28px;
    }

    .footer-list__pages-links a {
        color: #676C7A;
        font-size: 24px;
        font-weight: 500;
    }

    .footer-bottom {
        display: none;
    }

    .footer-content {
        padding-bottom: 28px;
    }

    .footer-list__infoBlock {
        padding-top: 0;
    }

}

/* news modal slider */

.newsModal {
    z-index: 9;
}

.newsModal__block {
    max-width: 1737px;
    max-height: 90%;
    height: -webkit-fill-available;
    width: 90% !important;
    margin-top: 58px;
    margin-bottom: 58px;
    overflow: hidden;
}

.newsModal__block_scroll-content {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 70px 22px 60px 60px;
    height: 89%;
}

.news__modal__swiper-1 {
    margin-top: 92px;
}

.news__modal__swiper-2 {
    width: 70%;
}

/*.products_third_level_section1_col2 {*/
/*    max-width: 815px;*/
/*    margin: 0;*/
/*}*/

.news__modal__swiper-2-container {
    position: relative;
    width: 100%;
    margin: auto;
    height: 84px;
    display: flex;
    align-items: center;
}

.swiper-2-button {
    position: absolute;
    display: block;
    content: "";
    width: 88px;
    height: 87px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 2000;
}

.thumbnail-button-prev {
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='88' viewBox='0 0 89 88' fill='none'%3E%3Crect x='87.3372' y='86.9993' width='86.6667' height='85.6667' rx='42.8333' transform='rotate(-180 87.3372 86.9993)' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M34.6586 43.3046L55.9048 43.3012C56.2092 43.3012 56.5012 43.4227 56.7165 43.6387C56.9318 43.8548 57.0527 44.148 57.0527 44.4536C57.0527 44.7592 56.9318 45.0523 56.7165 45.2685C56.5013 45.4845 56.2092 45.6059 55.9048 45.606L34.6586 45.6025L44.7638 55.7466C44.9786 55.9622 45.0992 56.2547 45.0992 56.5596C45.0992 56.8645 44.9786 57.1569 44.7638 57.3725C44.549 57.5881 44.2577 57.7092 43.954 57.7092C43.6502 57.7092 43.3589 57.5881 43.1442 57.3725L31.0846 45.2665C30.8698 45.0509 30.7491 44.7585 30.7491 44.4536C30.7491 44.1487 30.8698 43.8563 31.0846 43.6407L43.1442 31.5347C43.3589 31.3191 43.6502 31.198 43.954 31.198C44.2577 31.198 44.549 31.3191 44.7638 31.5347C44.9786 31.7503 45.0992 32.0427 45.0992 32.3476C45.0992 32.6525 44.9786 32.945 44.7638 33.1606L34.6586 43.3046Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.thumbnail-button-next {
    top: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='87' viewBox='0 0 89 87' fill='none'%3E%3Crect x='1.66276' y='0.666667' width='86.6667' height='85.6667' rx='42.8333' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M54.3414 44.3614L33.0952 44.3648C32.7908 44.3648 32.4988 44.2434 32.2835 44.0273C32.0682 43.8112 31.9473 43.5181 31.9473 43.2124C31.9473 42.9068 32.0682 42.6137 32.2835 42.3976C32.4987 42.1815 32.7908 42.0601 33.0952 42.06L54.3414 42.0635L44.2362 31.9194C44.0214 31.7038 43.9008 31.4114 43.9008 31.1065C43.9008 30.8015 44.0214 30.5091 44.2362 30.2935C44.451 30.0779 44.7423 29.9568 45.046 29.9568C45.3498 29.9568 45.6411 30.0779 45.8558 30.2935L57.9154 42.3995C58.1302 42.6151 58.2509 42.9075 58.2509 43.2124C58.2509 43.5173 58.1302 43.8097 57.9154 44.0254L45.8558 56.1313C45.6411 56.3469 45.3498 56.468 45.046 56.468C44.7423 56.468 44.451 56.3469 44.2362 56.1313C44.0214 55.9157 43.9008 55.6233 43.9008 55.3184C43.9008 55.0135 44.0214 54.721 44.2362 54.5054L54.3414 44.3614Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.swiper .item {
    width: 100%;
    background: green;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news__modal__swiper-1 .item {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}

.news__modal__swiper-2 .item {
    width: 100%;
    max-height: 84px;
    object-fit: cover;
    display: flex;
    align-items: center;
}

.news__modal__swiper-2 .swiper-slide {
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
}

/* news modal slider END*/

/* news page*/


.news-page__content-col[data-grid-item] {
    /*float: left;*/
    /*min-width: 48%;*/
    /*max-width: 40%;*/
    /*width: 100%;*/
    /*height: auto;*/
}


.swiper-news {
    width: 100%;
}

.swiper-news-burron {
    display: block;
    content: "";
    width: 88px;
    height: 87px;
    position: absolute;
    top: 40%;
    z-index: 9;
    cursor: pointer;
}

.swiper-news_left {
    left: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='87' viewBox='0 0 89 87' fill='none'%3E%3Crect x='-0.666667' y='0.666667' width='86.6667' height='85.3333' rx='42.6667' transform='matrix(-1 0 0 1 86.6706 0)' fill='%23D9D9D9' fill-opacity='0.6' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M34.6576 44.1914L55.9038 44.1949C56.2082 44.1948 56.5003 44.0739 56.7155 43.8586C56.9308 43.6433 57.0518 43.3513 57.0518 43.0469C57.0518 42.7424 56.9308 42.4504 56.7155 42.2351C56.5003 42.0199 56.2082 41.899 55.9038 41.8989L34.6576 41.9023L44.7628 31.7971C44.9776 31.5823 45.0983 31.291 45.0983 30.9873C45.0983 30.6836 44.9776 30.3923 44.7628 30.1775C44.548 29.9627 44.2567 29.842 43.953 29.842C43.6493 29.842 43.358 29.9627 43.1432 30.1775L31.0836 42.2371C30.8688 42.4518 30.7481 42.7431 30.7482 43.0469C30.7481 43.3506 30.8688 43.6419 31.0836 43.8567L43.1432 55.9163C43.358 56.1311 43.6493 56.2517 43.953 56.2517C44.2567 56.2517 44.548 56.1311 44.7628 55.9163C44.9776 55.7015 45.0983 55.4102 45.0983 55.1065C45.0983 54.8027 44.9776 54.5114 44.7628 54.2966L34.6576 44.1914Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.swiper-news_right {
    right: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='87' viewBox='0 0 89 87' fill='none'%3E%3Crect x='1.66276' y='0.666667' width='86.6667' height='85.3333' rx='42.6667' fill='%23D9D9D9' fill-opacity='0.6' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M54.3424 44.1914L33.0962 44.1949C32.7918 44.1948 32.4997 44.0739 32.2845 43.8586C32.0692 43.6433 31.9482 43.3513 31.9482 43.0469C31.9482 42.7424 32.0692 42.4504 32.2845 42.2351C32.4997 42.0199 32.7918 41.899 33.0962 41.8989L54.3424 41.9023L44.2372 31.7971C44.0224 31.5823 43.9017 31.291 43.9017 30.9873C43.9017 30.6836 44.0224 30.3923 44.2372 30.1775C44.452 29.9627 44.7433 29.842 45.047 29.842C45.3507 29.842 45.642 29.9627 45.8568 30.1775L57.9164 42.2371C58.1312 42.4518 58.2519 42.7431 58.2518 43.0469C58.2519 43.3506 58.1312 43.6419 57.9164 43.8567L45.8568 55.9163C45.642 56.1311 45.3507 56.2517 45.047 56.2517C44.7433 56.2517 44.452 56.1311 44.2372 55.9163C44.0224 55.7015 43.9017 55.4102 43.9017 55.1065C43.9017 54.8027 44.0224 54.5114 44.2372 54.2966L54.3424 44.1914Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.news-page__content-col {
    min-width: 100%;
    height: max-content;
}

.newsModal-top__description {
    max-width: 884px;
    width: clamp(50%, 1.5vw, 100%);
}

.newsModal___text-content {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.newsModal___text-content h2,
p {
    margin: 0;
}

.newsModal___text-content p {
    margin: 0;
    font-size: 22px;
    color: #676c7a;
}

@media screen and (max-width: 1200px) {
    .nes-title {
        font-size: 40px;
    }

    .servise_section3_content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1080px) {
    body {
        overflow-x: hidden;
        min-width: unset;
    }

    .all_section1_content {
        flex-wrap: wrap;
    }

    .all_section1_content_col1 {
        width: 100%;
    }

    .navigation_block {
        /*margin: auto;*/
        margin-top: 40px;
    }

    .footer_block {
        flex-wrap: wrap;
    }

    .newsModal__block {
        width: 100% !important;
    }

    .mobile_for_hiden_content {
        margin: auto;
        /*max-width: min-content;*/
    }

    .news-page__content {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }
}

@media (max-width: 960px) {
    .news-page__content-col[data-grid-item] {
        float: left;
        min-width: 100%;
        max-width: 400px;
        gap: 24px;
    }

    .quickview-parent #mse2_results {
        margin-bottom: 0;
    }

    .news-page-block .container {
        width: 340px;
    }

    .products_filter_block_row2_cols:hover {
        background: #ffffff;
        border: 1px solid rgba(34, 31, 32, 0.19);
        color: #000000;
    }

    .news-page-block .social-title {
        color: #212c33;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .news-page-block .social-block {
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 0;
    }

    .news-page-block .social-content {
        margin-top: 16px;
        gap: 30px;
    }

    .news-page-block .social-item {
        width: 40px;
        height: 40px;
    }

    .news-page-block .news-slider__item {
        width: 340px;
    }

    .news-page-block .news-description {
        padding: 30px 18px;
    }

    .news-page-block .news-create-date {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .news-page-block .nes-title {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        margin-top: 8px;
    }

    .news-page-block .nes-text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        width: 100%;
    }

    .news-page-block .getAllText-button {
        margin-top: 40px;
    }

    .news-page-block .getAllText-button > span {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    #wholesaleOrder {
        /*width: 340px;*/
    }

    #wholesaleOrder .red_content {
        /*border-radius: unset;*/
        padding: 40px 10px 60px 21px;
        gap: 54px;
        flex-wrap: wrap;
    }

    #wholesaleOrder .footer_head_col1_header {
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #wholesaleOrder .footer_head_col1_content {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    #wholesaleOrder .footer_head_col1_footer > a {
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    #wholesaleOrder .footer_head_col2_footer {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    #wholesaleOrder .red_block_input {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #wholesaleOrder .red_block_button span {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .navigation_block .container {
        width: 340px;
    }

    .navigation_block .navigation_head_row {
        padding: 22px 0;
    }

    .navigation_head_row > .navigation_head_row_col1 {
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .footer {
        width: 340px;
    }

    .footer_block {
        padding: 0;
    }

    .footer_content_footer_block_col1_row1_head {
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .footer_content_footer_block_col2_row1_col1 {
        margin: 0;
    }

    .footer_content_footer_block_col2_row2_content {
        margin: 0;
    }

    .footer_content_footer_block_col1_row1 {
        padding-right: 0;
        padding-left: 0;
    }

    .footer_content_footer_block_col1 {
        padding-left: 0;
    }

    .newsModal {
        overflow: hidden;
    }

    .newsModal-close {
        align-self: self-end;
        width: min-content;
    }

    .newsModal__block {
        width: 100% !important;
        height: 100vh;
        margin-top: 40px;
        display: flex;
        flex-direction: column;
    }

    .newsModal__block_scroll-content {
        margin: 10px;
    }

    .newsModal-top {
        flex-direction: column;
        margin-top: 34px;
    }

    .newsModal___text-content {
        width: 100%;
    }

    .newsModal-top__title {
        font-size: 42px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
    }

    .newsModal-top__text {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 40px;
    }

    .products_third_level_section1_col2 {
        max-width: 340px;
        margin: auto;
    }

    .news__modal__swiper-1 .item {
        width: 100%;
        height: 207px;
        border-radius: 11px;
    }

    .newsModal___text-content {
        margin-top: 0;
    }

    .newsModal___text-content p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .newsModal___text-content li {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .news__modal__swiper-2 .item {
        height: 100%;
    }

    .swiper-2-button {
        width: 29px;
        height: 28px;
        margin-top: 10px;
    }

    .news__modal__swiper-2 {
        width: 80%;
    }

    .thumbnail-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Crect x='28.9141' y='28.6997' width='28.692' height='28.2416' rx='14.1208' transform='rotate(-180 28.9141 28.6997)' stroke='%23D1D1D1' stroke-width='0.441415'/%3E%3Cpath d='M11.4739 14.2949L18.5076 14.2938C18.6084 14.2938 18.7051 14.3338 18.7764 14.405C18.8477 14.4763 18.8877 14.5729 18.8877 14.6737C18.8877 14.7745 18.8477 14.8711 18.7764 14.9423C18.7051 15.0136 18.6084 15.0536 18.5076 15.0536L11.4739 15.0525L14.8193 18.3969C14.8904 18.468 14.9304 18.5644 14.9304 18.6649C14.9304 18.7654 14.8904 18.8618 14.8193 18.9329C14.7482 19.004 14.6518 19.0439 14.5512 19.0439C14.4506 19.0439 14.3542 19.004 14.2831 18.9329L10.2906 14.9417C10.2195 14.8706 10.1796 14.7742 10.1796 14.6737C10.1796 14.5732 10.2195 14.4768 10.2906 14.4057L14.2831 10.4145C14.3542 10.3434 14.4506 10.3034 14.5512 10.3034C14.6518 10.3034 14.7482 10.3434 14.8193 10.4145C14.8904 10.4855 14.9304 10.582 14.9304 10.6825C14.9304 10.783 14.8904 10.8794 14.8193 10.9505L11.4739 14.2949Z' fill='%23212C33'/%3E%3C/svg%3E");
    }

    .thumbnail-button-next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='29' viewBox='0 0 31 29' fill='none'%3E%3Crect x='1.0879' y='0.45673' width='28.692' height='28.2416' rx='14.1208' stroke='%23D1D1D1' stroke-width='0.441415'/%3E%3Cpath d='M18.5281 14.8615L11.4943 14.8627C11.3935 14.8627 11.2968 14.8226 11.2256 14.7514C11.1543 14.6801 11.1143 14.5835 11.1143 14.4827C11.1143 14.382 11.1543 14.2853 11.2256 14.2141C11.2968 14.1428 11.3935 14.1028 11.4943 14.1028L18.5281 14.1039L15.1827 10.7595C15.1115 10.6885 15.0716 10.592 15.0716 10.4915C15.0716 10.391 15.1115 10.2946 15.1827 10.2235C15.2538 10.1524 15.3502 10.1125 15.4508 10.1125C15.5513 10.1125 15.6477 10.1524 15.7189 10.2235L19.7113 14.2147C19.7824 14.2858 19.8224 14.3822 19.8224 14.4827C19.8224 14.5833 19.7824 14.6797 19.7113 14.7508L15.7189 18.742C15.6477 18.8131 15.5513 18.853 15.4508 18.853C15.3502 18.853 15.2538 18.8131 15.1827 18.742C15.1115 18.6709 15.0716 18.5745 15.0716 18.474C15.0716 18.3734 15.1115 18.277 15.1827 18.2059L18.5281 14.8615Z' fill='%23212C33'/%3E%3C/svg%3E");
    }
}

/* news page END*/

.banner-block {
    margin-top: 260px;
    display: flex;
    flex-direction: column;
    gap: 90px;
    position: relative;
}

.products__item-image {
    max-width: 1735px;
    width: 100%;
    margin: auto;
}

.banner-block_button-order {
    position: absolute;
    bottom: 49px;
    right: 59px;
    color: white;
    padding-left: 20px;
}

@media screen and (max-width: 1906px) {
    .banner-block {
        margin-top: 475px;
    }
}

@media screen and (max-width: 1511px) {
    .banner-block {
        margin-top: 380px;
    }

    .section_2_content_item {
        gap: 10px;
    }

    .section_2_content_item_header {
        margin-bottom: 0;
    }

    .section_2_content_item_content {
        font-size: 42px;
    }

}

@media screen and (max-width: 1400px) {
    .banner-block {
        margin-top: 400px;
    }

    .search_for_all svg {
        height: clamp(16px, 1.5vw, 22px);
        width: clamp(16px, 1.5vw, 22px);
    }
}

@media screen and (max-width: 1174px) {
    .banner-block {
        margin-top: 320px;
    }
}

@media screen and (max-width: 918px) {
    .banner-block {
        margin-top: 280px;
    }

    .servise_section3_content {
        grid-template-columns: repeat(2, 1fr);
    }

    .four_dot_group {
        height: 36px;
        width: 36px;
    }

    .dots {
        height: 4px;
        width: 4px;
    }

    .four_dot {
        padding: 8px;
        gap: 8px;
        height: 48px;
    }
}

@media screen and (max-width: 785px) {
    .banner-block {
        margin-top: 250px;
    }

    .newsModal-top__description {
        max-width: 100%;
    }

    .newsModal-content {
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .products__item-image {
        /*max-width: 290px;*/
        width: 100%;
        margin: auto;
    }

    .banner-block {
        /*width: 100%;*/
        margin-top: 70px;
        gap: 50px;
    }

    .newsModal-top {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .bannerz {
        display: none;
    }
}

.bannerzpc {
    display: none;
}

@media screen and (max-width: 480px) {
    .bannerzpc {
        display: block;
    }
}

/*  Благотворительность   start*/

.core-container {
    margin: 90px auto 0 auto;
    max-width: 1734px;
    width: 92%;
    display: flex;
    flex-direction: column;
}

.breadcrumb {
    display: flex;
    gap: 6px;
    font-size: 18px;
}

.breadcrumb a {
    z-index: 9;
}

.breadcrumb_home {
    display: flex;
    gap: 6px;
}

.breadcrumb_home:after {
    content: "/";
    display: block;
}

.charity-breadcrumb {
    display: block !important;
    max-width: 40%;
}

.charity-breadcrumb a {
    float: left;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #212c33;
}

.charity-breadcrumb p:after {
    margin-right: 6px;
}

.breadcrumb_item {
    color: #9a9a9a !important;
}

.charity-program {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 51px;
    margin-top: -38px;
}

.charity-program_description-wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 710px;
    width: 100%;
}

.charity-program_header {
    font-size: 72px;
    font-weight: 500;
    color: #212c33;
}

.charity-program_description {
    font-size: 22px;
}

.charity-program_img {
    max-width: 930px;
    width: 100%;
    max-height: 570px;
    min-width: 491px;
    border-radius: 11px;
}

.activity {
    display: flex;
    flex-direction: column;
    margin-top: 149px;
}

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

.activity_header {
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
    color: #212c33;
}

.activity_link-all-events {
    font-size: 18px;
    border-bottom: solid 2px #ee1a26;
}

.activity_teg {
    margin-top: 60px;
    color: #9a9a9a;
    font-size: 18px;
}

.activity_teg_item {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 14px;
}

.activity_teg_item:before {
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Ccircle cx='6.66667' cy='7.50065' r='6.66667' fill='%23EE1A26'/%3E%3C/svg%3E");
}

.activity_events-wrapper {
    margin-top: 60px;
    display: grid;
    gap: 59px;
    grid-template-areas:
    "a b"
    "c b";
}

.activity_events_item {
    display: flex;
    border-radius: 22px;
    overflow: hidden;
}

.activity_events_item.item-1 {
    grid-area: a;
    max-width: 1120px;
    height: 315px;
}

.activity_events_item.item-2 {
    grid-area: b;
    max-width: 525px;
    height: 684px;
    flex-direction: column;
}

.activity_events_item.item-3 {
    grid-area: c;
    max-width: 1120px;
    height: 315px;
}

.activity_img-wrapper {
    position: relative;
    max-width: 525px;
    width: 100%;
}

.activity_date {
    position: absolute;
    top: 22px;
    left: 22px;
    padding: 10px;
    border-radius: 72px;
    background: white;
    font-size: 18px;
}

.activity_events_img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.activity_events_description-wrapper {
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 40px;
    padding: 41px 35px;
    height: 100%;
}

.activity_events_header {
    font-size: 28px;
    font-weight: 500;
    color: #212c33;
}

.activity_events_description {
    font-size: 18px;
}

.charity-news {
    margin-top: 50px;
}

.line-break {
    display: none;
}

.charity-news_header {
    font-size: 72px;
    font-weight: 500;
}

.charity-news_items-wrapper {
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.charity-news_item {
    width: 100%;
    height: 100%;
}

.charity-news_item .activity_events_img {
    object-fit: cover;
}

.charity-news_item .activity_events_description-wrapper {
    height: unset;
    padding: 60px 40px 50px 64px;
}

.charity-news_item .activity_events_header {
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
}

.charity-news_item .activity_events_description {
    font-size: 22px;
    height: 85px;
    overflow: hidden;
}

.charity-news_item .activity_events_description-open {
    height: 100%;
}

.charity-news_item_reade-more {
    font-size: 18px;
    border: none;
    border-bottom: solid 2px #676c7a;
    padding-bottom: 20px;
    width: max-content;
    cursor: pointer;
    background: unset;
}

.charity-article_header-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: -58px;
}

.charity-article_header {
    font-size: 72px;
    font-weight: 500;
    min-width: 540px;
    max-width: 710px;
    width: 100%;
    margin-top: 58px;
}

.charity-article_header_img {
    max-width: 930px;
    min-width: 340px;
    border-radius: 11px;
    height: 100%;
}

.charity-article {
    margin-top: 150px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.charity-article_items-wrapper {
    max-width: 1088px;
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.charity-article_item {
    width: 100%;
}

.charity-article_item_header {
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
}

.charity-article_item_img {
    max-width: 1088px;
    max-height: 666px;
    border-radius: 11px;
    margin-top: 87px;
    width: 100%;
}

.charity-article_item_description {
    font-size: 22px;
    margin-top: 60px;
}

.charity-article_teg-wrapper {
    padding: 40px 30px;
    font-size: 22px;
    border-radius: 11px;
    background: #f4f4f4;
    display: flex;
    max-width: 487px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 45px;
    white-space: pre-wrap;
}

.charity-article_teg_header {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #676c7a;
}

.charity-article_teg_header:before {
    width: 14px;
    height: 14px;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Ccircle cx='6.66667' cy='7.50065' r='6.66667' fill='%23EE1A26'/%3E%3C/svg%3E");
}

.charity-article_teg_items-wrapper {
    list-style: decimal;
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-left: 0;
}

.activity-mobile-slider {
    max-width: 340px;
    margin-top: 90px;
    display: none;
    flex-direction: column;
    gap: 40px;
}

.activity-mobile-slider_button-wrapper {
    display: flex;
    gap: 16px;
}

.activity-mobile-slider .activity_teg {
    display: none;
}

.activity-mobile-swiper {
    width: 340px;
    height: 100%;
}

.activity-mobile-slider_buttons {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.activity-mobile-slider_buttons.back {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Crect x='44.3333' y='43.6536' width='43.6667' height='42.9849' rx='21.4924' transform='rotate(-180 44.3333 43.6536)' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M17.7203 21.7228L28.5848 21.721C28.7405 21.7211 28.8899 21.7829 28.9999 21.893C29.11 22.0031 29.1719 22.1524 29.1719 22.3081C29.1719 22.4638 29.11 22.6131 28.9999 22.7232C28.8899 22.8332 28.7405 22.8951 28.5848 22.8951L17.7203 22.8933L22.8878 28.0608C22.9976 28.1706 23.0593 28.3196 23.0593 28.4749C23.0593 28.6302 22.9976 28.7792 22.8878 28.889C22.7779 28.9988 22.629 29.0605 22.4736 29.0605C22.3183 29.0605 22.1694 28.9988 22.0595 28.889L15.8927 22.7222C15.7829 22.6124 15.7212 22.4634 15.7212 22.3081C15.7212 22.1527 15.7829 22.0038 15.8927 21.894L22.0595 15.7271C22.1694 15.6173 22.3183 15.5556 22.4736 15.5556C22.629 15.5556 22.7779 15.6173 22.8878 15.7271C22.9976 15.837 23.0593 15.9859 23.0593 16.1412C23.0593 16.2966 22.9976 16.4455 22.8878 16.5554L17.7203 21.7228Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.activity-mobile-slider_buttons.next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Crect x='0.666667' y='0.986979' width='43.6667' height='42.9849' rx='21.4924' stroke='%23D1D1D1' stroke-width='1.33333'/%3E%3Cpath d='M27.2797 22.9178L16.4152 22.9196C16.2595 22.9196 16.1101 22.8577 16.0001 22.7476C15.89 22.6376 15.8281 22.4882 15.8281 22.3326C15.8281 22.1769 15.89 22.0275 16.0001 21.9175C16.1101 21.8074 16.2595 21.7455 16.4152 21.7455L27.2797 21.7473L22.1122 16.5798C22.0024 16.47 21.9407 16.321 21.9407 16.1657C21.9407 16.0104 22.0024 15.8614 22.1122 15.7516C22.2221 15.6418 22.371 15.5801 22.5264 15.5801C22.6817 15.5801 22.8306 15.6418 22.9405 15.7516L29.1073 21.9184C29.2171 22.0283 29.2788 22.1772 29.2788 22.3326C29.2788 22.4879 29.2171 22.6368 29.1073 22.7467L22.9405 28.9135C22.8306 29.0233 22.6817 29.085 22.5264 29.085C22.371 29.085 22.2221 29.0233 22.1122 28.9135C22.0024 28.8037 21.9407 28.6547 21.9407 28.4994C21.9407 28.3441 22.0024 28.1951 22.1122 28.0853L27.2797 22.9178Z' fill='%23212C33'/%3E%3C/svg%3E");
}

@media (max-width: 1330px) {
    .charity-program_header {
        font-size: 40px;
    }
}

@media (max-width: 1220px) {
    .core-container {
        /*max-width: 980px;*/
        max-width: 92%;
    }

    .charity-program {
        margin-top: 60px;
    }

    .charity-program_description-wrapper {
        max-width: 438px;
    }

    .charity-program_header {
        font-size: 42px;
    }

    .charity-program_description {
        font-size: 18px;
    }

    .charity-program_img {
        max-width: 491px;
        width: 100%;
        min-width: 340px;
    }

    .activity {
        margin-top: 156px;
    }

    .activity_events-wrapper {
        gap: 30px;
    }

    .activity_header {
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
    }

    .activity_link-all-events {
        font-size: 13px;
    }

    .activity_teg {
        font-size: 13px;
        margin-top: 20px;
    }

    .activity_teg_item:before {
        width: 9px;
        height: 9px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Ccircle cx='4.5' cy='4.5' r='4.5' fill='%23EE1A26'/%3E%3C/svg%3E");
    }

    .activity_events-wrapper {
        margin-top: 42px;
        gap: 30px;
    }

    .activity_events_item {
        border-radius: 12px;
    }

    .activity_events_item.item-1 {
        max-width: 637px;
        height: 200px;
    }

    .activity_events_item.item-2 {
        max-width: 299px;
        height: 430px;
    }

    .activity_events_item.item-3 {
        max-width: 637px;
        height: 200px;
    }

    .activity_img-wrapper {
        max-width: 299px;
        min-width: 100px;
        width: 100%;
        height: 100%;
    }

    .activity_date {
        padding: 6px;
        font-size: 10px;
    }

    .activity_events_header {
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
    }

    .activity_events_description-wrapper {
        padding: 26px 20px;
        gap: 23px;
    }

    .activity_events_description {
        font-size: 13px;
    }

    .charity-news {
        margin-top: 50px;
    }

    .charity-news_header {
        font-size: 42px;
    }

    .charity-news_items-wrapper {
        margin-top: 90px;
        gap: 37px;
    }

    .charity-news_item {
        height: 284px;
    }

    .charity-news_item .activity_img-wrapper {
        max-width: 323px;
    }

    .charity-news_item .activity_events_description-wrapper {
        height: unset;
        padding: 38px 28px 28px 39px;
        gap: 23px;
    }

    .charity-news_item .activity_events_header {
        font-size: 28px;
        line-height: normal;
    }

    .charity-news_item .activity_events_description {
        font-size: 13px;
    }

    .charity-news_item_reade-more {
        font-size: 12px;
    }

    .charity-article {
        flex-direction: column-reverse;
        gap: 70px;
    }

    .charity-article_header {
        font-size: 42px;
        font-weight: 500;
        line-height: 115.5%;
        min-width: 340px;
    }

    .charity-article_item_img {
        width: 100%;
    }
}

@media (max-width: 960px) {
    .project_content_block_rows {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .charity-program_header {
        font-size: 36px;
    }

    .charity-program {
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .core-container {
        max-width: 342px;
        margin-top: 40px;
    }

    .charity-program {
        margin-top: 70px;
        flex-direction: column;
        gap: 60px;
    }

    .charity-program_description-wrapper {
        max-width: 340px;
        gap: 40px;
    }

    .charity-program_img {
        max-width: 340px;
        width: 100%;
        min-width: 320px;
    }

    .activity {
        margin-top: 131px;
        position: relative;
    }

    .activity_link-all-events {
        font-size: 13px;
        position: absolute;
        bottom: -40px;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: max-content;
    }

    .activity_teg {
        font-size: 13px;
        line-height: 150%;
        margin-top: 70px;
    }

    .activity_teg_item:before {
        width: 8px;
        height: 8px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' viewBox='0 0 8 9' fill='none'%3E%3Ccircle cx='4' cy='4.5' r='4' fill='%23EE1A26'/%3E%3C/svg%3E");
    }

    .activity_events-wrapper {
        margin-top: 40px;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .activity_events_item {
        border-radius: 12px;
        width: 100%;
    }

    .activity_events_item.item-1 {
        max-width: 340px;
        height: 100%;
        flex-direction: column;
    }

    .activity_events_item.item-2 {
        max-width: 340px;
        height: 100%;
        flex-direction: column;
    }

    .activity_events_item.item-3 {
        max-width: 340px;
        height: 100%;
        flex-direction: column;
    }

    .activity_img-wrapper {
        max-width: 340px;
        min-width: 320px;
    }

    .activity_events_header {
        font-size: 22px;
    }

    .activity_events_description-wrapper {
        padding: 30px 26px;
        gap: 23px;
    }

    .activity_events_description {
        font-size: 16px;
    }

    .charity-news {
        margin-top: 40px;
    }

    .line-break {
        display: block;
    }

    .charity-news_header {
        font-size: 42px;
        font-weight: 500;
        line-height: 115.5%;
        word-wrap: break-word;
    }

    .activity_link-all-events.close {
        position: unset;
        margin: 0;
    }

    .charity-news_items-wrapper {
        margin-top: 70px;
        gap: 30px;
    }

    .charity-news_item {
        flex-direction: column;
        height: 100%;
    }

    .charity-news_item .activity_img-wrapper {
        max-width: 100%;
    }

    .charity-news_item .activity_events_description-wrapper {
        height: unset;
        padding: 30px 16px 31px 28px;
        gap: 22px;
    }

    .charity-news_item .activity_events_header {
        font-size: 22px;
        font-weight: 500;
        line-height: 150.5%;
    }

    .charity-news_item .activity_events_description {
        font-size: 16px;
        line-height: 150%;
        height: 100%;
    }

    .charity-news_item_reade-more {
        display: none;
    }

    .charity-article_header-wrapper {
        flex-direction: column;
    }

    .charity-article_header_img {
        max-width: 340px;
        min-width: 320px;
    }

    .charity-article_teg-wrapper {
        max-width: 360px;
        height: 73px;
        padding: 20px 10px;
        overflow: hidden;
        background: unset;
        border-top: 2px solid #d1d1d1;
        border-bottom: 2px solid #d1d1d1;
        display: flex;
    }

    .charity-article_teg-wrapper.open {
        height: 100%;
    }

    .charity-article_activity {
        display: none;
    }

    .charity-article_teg_header {
        justify-content: space-between;
        cursor: pointer;
    }

    .charity-article_teg_header:before {
        display: none;
    }

    .charity-article_teg_header:after {
        display: block;
        content: "";
        width: 17px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect y='8' width='17' height='1' fill='%23EE1A26'/%3E%3Crect x='9' width='17' height='1' transform='rotate(90 9 0)' fill='%23EE1A26'/%3E%3C/svg%3E");
    }

    .charity-article_teg_header.open:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='9' width='17' height='1' transform='rotate(90 9 0)' fill='%232596be'/%3E%3C/svg%3E");
        transform: rotate(-90deg);
        transition: 0.3s;
    }

    .activity-mobile-slider {
        display: flex;
    }
}

/*==========================================*/

:root {
    --color-bg: #f4f4f4;
    --color-header: #ffffff;
    --color-text: #676c7a;
    --color-text-secondary: #9a9a9a;
    --color-text-button: #212c33;
    --color-title: #212c33;
    --color-primary: #ee1a26;
    --color-accent: #212c33;
    --color-decor: #f4f4f4;
    --font-size: 20px;
    --font-size-button: 16px;
}

/* base */

.charity-main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 100px;
    margin-top: 150px;
}

.charity-main h1 {
    font-family: Onest;
    font-size: 80px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--color-title);
    margin: 0;
}

.charity-main h2 {
    font-family: Onest;
    font-size: 72px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-title);
    margin: 0;
}

/* about */
.about__container {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
    background-color: transparent;
}

.about__title {
    max-width: 628px;
    width: 100%;
}

.about__subtitle {
    font-size: 18px;
    color: var(--color-text-secondary);
    margin-bottom: 50px;
}

.about__text {
    max-width: 628px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    margin-bottom: 30px;
}

.about__text .about__subtitle {
    position: relative;
    margin-bottom: 10px;
    padding-left: 27px;
}

.about__text .about__subtitle::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: var(--color-primary);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* info */
.info__container {
    border-radius: 20px;
    background-color: var(--color-header);
}

.info__title {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
    margin-bottom: 70px;
}

.info__title h2 {
    max-width: 800px;
    width: 100%;
}

.info__subtitle {
    max-width: 370px;
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.info__block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.info__item {
    width: 100%;
    padding: 35px 25px 27px 25px;
    border-radius: 10px;
    background-color: var(--color-bg);
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 30px;
}

.info__item-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-secondary);
    margin-bottom: 88px;
}

.info__item-title {
    font-size: 66px;
    font-weight: 400;
    line-height: 115%;
    color: var(--color-title);
    text-align: right;
    align-self: flex-end;
}

.info__item-title_color {
    color: var(--color-primary);
}

.info__item-title span {
    color: rgba(33, 44, 51, 0.4);
}

.info__item-title_color span {
    color: #f19ca1;
}

.info__item-decor {
    width: 100%;
    height: 1px;
    background-color: #d1d1d1;
}

.info__item-text {
    font-size: 20px;
    color: #141414;
}

/* total */
.total {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url("assets/images/charity/total-image.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.total__container {
    padding: 130px 124px 96px 92px;
    border-radius: 20px;
    background-color: var(--color-header);
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 70px;
}

.total__container h2 {
    display: none;
}

.total__subtitle {
    font-size: 36px;
    font-weight: 500;
    color: var(--color-text);
}

.total__subtitle br {
    display: none;
}

.total__title {
    font-size: 172px;
    font-weight: 800;
    line-height: 1;
    color: var(--color-title);
}

.total__text {
    font-size: 72px;
    font-weight: 500;
    color: var(--color-primary);
    align-self: flex-end;
}

/* video */
.video__container {
    border-radius: 100px;
    position: relative;
}

.video__container h2 {
    display: none;
}

.video__title {
    position: absolute;
    bottom: 20px;
    left: 90px;
    font-size: 48px;
    font-weight: 400;
    color: white;
    z-index: 10;
}

.video__title_hidden {
    visibility: hidden;
}

.video__time {
    position: absolute;
    bottom: 20px;
    right: 98px;
    font-size: 36px;
    font-weight: 500;
    color: white;
    z-index: 10;
}

.video__time_hidden {
    visibility: hidden;
}

.button_play {
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.video-block {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 100px;
}

.video-block::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.video-block_played::before {
    opacity: 0;
    visibility: hidden;
}

.video-block__content {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-block__play {
    background-image: url("assets/images/charity/play.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 193px;
    height: 192px;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}

.video-block__play_played {
    opacity: 0;
    visibility: hidden;
}

/* mission */
.mission {
    background-color: var(--color-accent);
    padding-top: 100px;
    padding-bottom: 100px;
}

.mission__container {
    display: flex;
    /*justify-content: space-between;*/
    align-items: start;
    gap: 247px;
    background-color: transparent;
}

.mission__title {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 44px;
}

.mission__title h2 {
    color: white;
}

.mission__subtitle {
    font-size: 18px;
    color: var(--color-text-secondary);
}

.mission__text {
    max-width: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 44px;
    color: white;
}

.mission__text-title {
    font-size: 48px;
    font-weight: 500;
    line-height: 115%;
    color: white;
    margin-bottom: 16px;
}

.mission__text p {
    font-size: 22px;
    color: #f4f4f4;
}

.mission__text .mission__subtitle {
    position: relative;
    padding-left: 27px;
}

.mission__text .mission__subtitle::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: var(--color-primary);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* direction */
.direction__container {
    background-color: var(--color-header);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
}

.direction__title {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 30px;
}

.direction__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.direction__title h2 {
    margin-bottom: 22px;
}

.button_link {
    padding: 21px 32px 21px 19px;
    border: 1px solid #d1d1d1;
    color: var(--color-text-button);
    gap: 10px;
}

.button_link:hover {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.button_link:hover span {
    color: var(--color-primary);
}

.button_link span {
    color: var(--color-title);
}

.button_link img {
    width: 9px;
    height: 11px;
}

.direction__info {
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 28px;
}

.direction__info .direction__subtitle {
    position: relative;
    padding-left: 27px;
    margin-bottom: 24px;
}

.direction__info .direction__subtitle::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: var(--color-primary);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.direction__info-container {
    display: flex;
    align-items: stretch;
    gap: 28px;
    width: 100%;
}

.direction__item {
    position: relative;
    width: 100%;
    min-height: 300px;
    padding: 28px 28px 77px 28px;
    background-color: var(--color-bg);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    row-gap: 10px;
}

.direction__item-title {
    min-height: 95px;
}

.direction__item-title p {
    width: fit-content;
    padding: 9px 17px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-title);
    border-radius: 10px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}

.direction__item-text {
    font-size: 18px;
}

/* finance */
.finance__container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.finance__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.finance__container h2 {
    margin-bottom: 43px;
}

.finance__info {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 17px;
}

.finance__item {
    width: 100%;
    position: relative;
    padding: 28px 22px 22px 22px;
    border-radius: 9px;
    border: 1px solid #d1d1d1;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 25px;
}

.finance__item-subtitle {
    min-height: 90px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-title);
    margin-bottom: 10px;
}

.finance__item-title {
    font-size: 59px;
    font-weight: 400;
    line-height: 115%;
    color: var(--color-title);
    text-align: right;
    align-self: flex-end;
    white-space: nowrap;
}

.finance__item-title span {
    color: #d1d1d1;
}

.finance__item-decor {
    width: 100%;
    height: 1px;
    background-color: #d1d1d1;
}

.finance__item-text {
    font-size: 18px;
    font-weight: 400;
}

/* geography */
.geography__container {
    border-radius: 20px;
    background-color: var(--color-header);
    overflow-x: hidden;
}

.geography__subtitle {
    position: relative;
    padding-left: 27px;
    margin-bottom: 32px;
}

.geography__subtitle::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: var(--color-primary);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.geography h2 {
    margin-bottom: 40px;
}

.geography__button {
    display: flex;
    gap: 17px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.button_tab {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
    background-color: transparent;
    border: none;
    padding: 0;
}

.button_tab:hover {
    color: var(--color-text);
}

.button_tab_active {
    color: var(--color-text);
}

.geography__image {
    position: relative;
    width: fit-content;
    margin-top: -5px;
    margin-left: auto;
}

.geography__image-general {
    max-width: 1165px;
    width: 100%;
    height: auto;
}

.geography__image-secondary {
    position: absolute;
    width: 48px;
    height: auto;
    transition: all 0.3s ease-in-out;
}

.geography__image-secondary_one {
    top: 220px;
    left: 300px;
}

.geography__image-secondary_two {
    top: 340px;
    left: 230px;
}

.geography__title {
    margin-top: 72px;
}

.geography__partners {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 50px;
    margin-top: 40px;
}

.geography__partners-item {
    max-width: 140px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.geography__partners-item img {
    object-fit: cover;
    width: 70%;
    height: auto;
}

.geography__partners-item_big img {
    width: 100%;
}

@keyframes active {
    0% {
        transform: translateY(5%);
    }
    50% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(5%);
    }
}

.geography__image-secondary_active {
    width: 80px;
    animation-name: active;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.geography__title {
    font-size: 22px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

/* fund */
.fund__container {
    border-radius: 20px;
    background-color: white;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
}

.fund__info {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 60px;
}

.fund__info-subtitle {
    font-size: 22px;
    font-weight: 400;
    color: var(--color-text);
}

.fund__info-text {
    margin-top: 76px;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 24px;
}

.fund__info-title {
    font-size: 28px;
    font-weight: 500;
    color: var(--color-text);
}

.fund__info-data {
    font-size: 36px;
    font-weight: 500;
    color: var(--color-title);
}

.fund__info-data-position {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.fund__info-contacts {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 17px;
}

.fund__info-contacts a {
    font-size: 22px;
    font-weight: 400;
    color: var(--color-title);
}

.fund__speech {
    max-width: 785px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 50px;
}

.fund__speech-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: var(--color-text-secondary);
    margin-bottom: 10px;
}

.fund__speech-title {
    font-size: 64px;
    font-weight: 400;
    color: var(--color-title);
}

.fund__speech-text {
    font-size: 28px;
    font-weight: 400;
    color: #1e1e1e;
}

@media (max-width: 1800px) {
    .button_bordered {
        padding: 8px 14px;
    }

    .about,
    .info,
    .direction,
    .geography,
    .fund {
        padding-left: 15px;
        padding-right: 15px;
    }

    .total__container {
        padding: 40px;
    }

    .finance__item-title {
        font-size: 50px;
    }
}

@media (max-width: 1439px) {
    .total__subtitle {
        font-size: 30px;
    }

    .total__title {
        font-size: 250px;
    }

    .total__text {
        font-size: 60px;
    }

    .direction__container {
        flex-direction: column;
    }

    .direction__info {
        max-width: 100%;
    }

    .finance__info {
        flex-wrap: wrap;
    }

    .finance__item {
        width: clamp(48%, 42vw, 49%);
        background-color: white;
    }

    .geography__image {
        margin: 20px auto 0 auto;
        width: 700px;
    }

    .geography__image-secondary {
        width: 30px;
    }

    .geography__image-secondary_one {
        top: 140px;
        left: 200px;
    }

    .geography__image-secondary_two {
        top: 200px;
        left: 140px;
    }

    .geography__image-secondary_active {
        width: 40px;
    }
}

@media (max-width: 1200px) {
    .charity-main {
        row-gap: 60px;
    }

    .charity-main h1 {
        font-size: 40px;
    }

    .charity-main h2 {
        font-size: 40px;
    }

    .about__container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .info__container {
        padding: 40px 15px;
    }

    .info__item {
        padding: 18px;
        row-gap: 7px;
    }

    .info__item-subtitle {
        margin-bottom: 0;
    }

    .info__item-title {
        font-size: 50px;
        margin-bottom: 13px;
    }

    .info__item-text {
        margin-top: 4px;
    }

    .info__subtitle {
        font-size: 18px;
    }

    .total__container {
        padding: 30px 20px 30px 30px;
        row-gap: 34px;
        margin: 40px auto;
    }

    .total__subtitle br {
        display: block;
    }

    .mission__container {
        padding: 40px 15px;
    }

    .direction__container {
        padding: 40px 15px;
    }

    .finance__container {
        padding: 0 15px;
    }

    .geography__container {
        padding: 40px 15px;
    }

    .geography__partners {
        flex-wrap: wrap;
        gap: 10px;
    }

    .geography__partners-item {
        width: 74px;
    }

    .fund__container {
        padding: 40px 15px;
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    .about__container {
        flex-direction: column;
        gap: 32px;
    }

    .about__title {
        max-width: 100%;
    }

    .about__subtitle {
        margin-bottom: 14px;
    }

    .about__text {
        row-gap: 20px;
        margin-bottom: 0;
        max-width: 100%;
    }

    .about__text .about__subtitle {
        margin-bottom: 0;
    }

    .info__title {
        flex-direction: column-reverse;
        gap: 32px;
    }

    .info__block {
        flex-direction: column;
    }

    .info__item-title {
        align-self: start;
        text-align: left;
    }

    .info__item-title br {
        display: none;
    }

    .total {
        padding: 0;
    }

    .total__title {
        font-size: 102px;
        line-height: 0.7;
    }

    .total__text {
        font-size: 40px;
    }

    .video__title {
        bottom: 5px;
        left: 30px;
        font-size: 16px;
        font-weight: 400;
    }

    .video__time {
        bottom: 5px;
        right: 30px;
        font-size: 16px;
        font-weight: 400;
    }

    .video-block {
        border-radius: 20px;
    }

    .video-block__play {
        width: 116px;
        height: 116px;
    }

    .mission {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mission__container {
        flex-direction: column;
        row-gap: 33px;
    }

    .direction__info-container {
        flex-direction: column;
    }

    .direction__item {
        padding: 18px;
        min-height: auto;
        row-gap: 16px;
    }

    .direction__item-title {
        min-height: auto;
    }

    .direction__item-title p {
        padding: 10px 19px;
        border-radius: 8px;
    }

    .finance__item {
        width: 100%;
    }

    .geography__button {
        flex-direction: column;
        align-items: start;
        row-gap: 10px;
    }

    .fund__speech-title {
        font-size: 50px;
    }
}

@media (max-width: 440px) {
    .charity-main h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .charity-main h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .button_bordered {
        font-size: 10px;
        border: 1px solid #d9d9d9;
    }

    .about__subtitle,
    .about__text p {
        font-size: 14px;
    }

    .info__container {
        border-radius: 8px;
    }

    .info__title {
        gap: 14px;
        margin-bottom: 25px;
    }

    .info__subtitle {
        font-size: 14px;
    }

    .info__block {
        gap: 10px;
    }

    .info__item-subtitle {
        font-size: 14px;
    }

    .info__item-title {
        font-size: 36px;
    }

    .info__item-text {
        font-size: 14px;
    }

    .total__container {
        border-radius: 8px;
    }

    .total__subtitle {
        font-size: 14px;
    }

    .total__title {
        font-weight: 500;
    }

    .total__text {
        font-size: 14px;
    }

    .video__container {
        padding-left: 0;
        padding-right: 0;
        /* aspect-ratio: 9/16; */
    }

    .video-block {
        border-radius: 8px;
    }

    .video__title {
        left: 15px;
    }

    .video__time {
        right: 15px;
    }

    .mission__subtitle {
        font-size: 14px;
    }

    .mission__text {
        row-gap: 24px;
    }

    .mission__text-title {
        font-size: 24px;
        margin-bottom: 0;
    }

    .mission__text p {
        font-size: 14px;
    }

    .mission__title .mission__subtitle {
        display: none;
    }

    .mission__title h2 {
        font-size: 42px;
    }

    .direction__container {
        border-radius: 8px;
        gap: 22px;
    }

    .direction__title {
        row-gap: 14px;
    }

    .direction__title h2 {
        margin-bottom: 0;
    }

    .direction__title .button_link {
        display: none;
    }

    .direction__info {
        row-gap: 10px;
    }

    .direction__info-container {
        row-gap: 10px;
    }

    .direction__item {
        border-radius: 8px;
    }

    .direction__item-title p {
        font-size: 14px;
    }

    .direction__item-text {
        font-size: 14px;
    }

    .finance__container {
        row-gap: 14px;
    }

    .finance__container h2 {
        margin-bottom: 16px;
    }

    .finance__info {
        gap: 10px;
    }

    .finance__item {
        padding: 18px;
        border-radius: 8px;
        row-gap: 18px;
    }

    .finance__item-subtitle {
        font-size: 14px;
        min-height: auto;
        margin-bottom: 0;
    }

    .finance__item-title {
        font-size: 36px;
        font-weight: 500;
        align-self: start;
        text-align: left;
    }

    .finance__item-title br {
        display: none;
    }

    .finance__item-text {
        font-size: 14px;
    }

    .geography__container {
        border-radius: 8px;
    }

    .geography__container h2 {
        margin-bottom: 16px;
    }

    .geography__subtitle {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .geography__button .button_tab {
        font-size: 14px;
    }

    .geography__image {
        width: 330px;
        margin-top: 17px;
    }

    .geography__image-secondary {
        width: 18px;
    }

    .geography__image-secondary_one {
        top: 64px;
        left: 92px;
    }

    .geography__image-secondary_two {
        top: 96px;
        left: 64px;
    }

    .geography__image-secondary_active {
        width: 25px;
    }

    .geography__title {
        font-size: 16px;
    }

    .geography__partners {
        margin-top: 20px;
    }

    .fund__container {
        border-radius: 8px;
        gap: 64px;
    }

    .fund__info {
        row-gap: 14px;
    }

    .fund__info-subtitle {
        font-size: 14px;
    }

    .fund__info-title {
        font-size: 14px;
    }

    .fund__info-text {
        margin-top: 24px;
        row-gap: 8px;
    }

    .fund__info-data {
        font-size: 24px;
    }

    .fund__info-data-position {
        font-size: 18px;
        margin-top: 20px;
    }

    .fund__info-contacts {
        margin-top: 8px;
    }

    .fund__speech {
        gap: 14px;
    }

    .fund__speech-subtitle {
        font-size: 14px;
        margin-bottom: 0;
    }

    .fund__speech-title {
        font-size: 24px;
    }

    .fund__speech-text {
        font-size: 14px;
        margin-top: 10px;
    }

    .button_colored {
        padding: 18px;
        border-radius: 100px;
        font-size: 14px;
    }
}

/*!*  Благотворительность   end*!*/

/*!*submenu start*!*/

/*.nav {*/
/*    align-items: normal;*/
/*}*/

.nav a {
    border-bottom: solid 1px transparent;
}

.nav a:hover {
    border-bottom: solid 1px #ee1a26;
}

.nav[data-page-type="mainpage"] a {
    border-bottom: solid 1px transparent;
    display: block;
    /*height: 50px;*/
}

.nav[data-page-type="mainpage"] a:hover {
    border-bottom: solid 1px #ee1a26;
}

.show-product_item_img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
}

/*!*submenu end*!*/

/*products category nesting  start*/

.products-category-nesting {
    margin-top: 90px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.products-category-nesting_header {
    color: #676c7a;
    font-size: 18px;
    display: flex;
    gap: 14px;
    align-items: baseline;
}

.products-category-nesting_header:before {
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Ccircle cx='6.66667' cy='7.50065' r='6.66667' fill='%23EE1A26'/%3E%3C/svg%3E");
}

.products-category-nesting_items-wrapper {
    display: flex;
    gap: clamp(8px, 22vw, 12px);
    flex-wrap: wrap;
}

.products-category-nesting_item {
    display: flex;
    justify-content: space-between;
    gap: 27px;
    max-width: clamp(266px, 22vw, 424px);
    width: 100%;
    padding: clamp(8px, 22vw, 16px);
    border-radius: 12px;
    background: #efefef;
}

.products-category-nesting_item_name {
    color: #212c33;
    font-size: clamp(16px, 22vw, 22px);
    height: fit-content;
    white-space: normal;
}

.products-category-nesting_item_img {
    max-width: 120px;
    max-height: 120px;
    object-fit: cover;
    width: 100%;
    border-radius: 11px;
}

/*products category nesting  end*/

/*each news start*/

.each-news {
    /*max-width: 92%;*/
    margin: 38px auto 0 auto;
}

/*each news end*/
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.youtube .play {
    background: url("/assets/youtube-play-btn.png") no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.youtube:hover .play {
    background-position: 0 0;
}

.charity-article_item > h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 115.5%;
}

.charity-article_item > p {
    font-size: 22px;
    margin-top: 60px;
}

.charity-article_item > p img {
    max-width: 1088px;
    max-height: 666px;
    border-radius: 11px;
    margin-top: 87px;
    width: 100%;
}

.grecaptcha-badge {
    visibility: hidden;
}

/*nav-bar scroll down   start*/

.header-hidden {
    height: 0;
    overflow: hidden;
}

.header-scroll-down {
    position: fixed;
    top: 0;
    z-index: 100;
    background: white;
    width: 100%;
    transition: all 0.5s;
    /*height: 113px;*/
}

.header-scroll-down [data-page-type="mainpage"].header-menu-btn {
    color: black;
}

.header-scroll-up {
    position: fixed;
    top: 0;
    z-index: 99;
    background: white;
    width: 100%;
    transition: height 0.5s;
    height: 0;
}

.header-animated {
    transition-property: background-color;
    transition-duration: 2s;
    background: transparent;
}

.link-logo {
    position: relative;
    z-index: 111;
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 5px 5px;
    background: #ee1a26;
}

.header-scroll-down .choose_city span:first-child {
    color: #151515 !important;
}

.header-scroll-down .choose_city .homepage-arrow {
    background-image: url("icons/arow_grey.svg");
}

.header-scroll-down .header_contacts-wrapper[data-page="mainpage"] p a {
    color: #676c7a;
}

.header-scroll-down .nav[data-page-type="mainpage"] a {
    color: #151515;
}

.header-scroll-down .header_contacts-wrapper[data-page="mainpage"] .header_contacts_link {
    color: #212c33;
}

.data-submenu-hendel-top-null {
    margin-top: 0;
}

.data-submenu-hendel-scroll-down {
    display: none;
    position: fixed;
    z-index: 100;
    transition: margin-top 0.5s;
}

.body_content-down-going-scroll {
    padding-top: 113px;
}

@media (max-width: 480px) {
    .products-category-nesting_header {
        font-size: clamp(14px, 7vw, 18px);
        line-height: 150%;
    }

    .products-category-nesting_header:before {
        width: 8px;
        height: 8px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23EE1A26'/%3E%3C/svg%3E");
    }

    .products-category-nesting_items-wrapper {
        gap: clamp(8px, 5vw, 16px);
    }

    .products-category-nesting_item {
        display: flex;
        gap: 27px;
        max-width: 100%;
        padding: 8px;
    }

    .products-category-nesting_item_name {
        color: #212c33;
        font-size: clamp(16px, 5vw, 22px);
        white-space: normal;
        height: fit-content;
    }

    .products-category-nesting_item_img {
        max-width: clamp(80px, 5vw, 120px);
        max-height: clamp(80px, 5vw, 120px);
        border-radius: 11px;
    }

    .charity-article_item > h2 {
        font-size: 30px;
    }

    .header-whatsapp-icon-wrapper svg {
        width: 18px;
    }


    .link-logo {
        width: 70px;
        height: 87px;
    }

/*    .link-logo img {
        width: 32px;
    }*/
}

/*nav-bar scroll down   end */

/* start menu bottom */

:root {
    --light-gray: #f4f4f4;
    --one-more-gray: #d1d1d1;
    --gray: #9a9a9a;
    --dark-blue: #212c33;
    --red: #ee1a26;
    --white: #fff;
    --half-dark-blue: #676c7a;
    --black: #221f20;
}

.menu-panel-bottom p,
h1 {
    margin: 0;
}

.menu-panel-bottom-wrapper {
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 20px;
    z-index: 99;
}

.menu-panel-bottom {
    overflow: hidden;
    display: flex;
    max-width: 1300px;
    width: 100%;
    transition: width 1s;
    height: 98px;
    padding: 20px 20px 20px 30px;
    justify-content: space-between;
    align-items: center;
    border-radius: 101px;
    border: 1px solid var(--light-gray);
    background: #fff;
    box-shadow: 0 2.457px 1.229px 0 rgba(52, 68, 78, 0.12);
    margin: 0 auto;
    position: relative;
}

.menu-panel-bottom.close {
    width: 0;
    height: 0;
    gap: 20px;
    transition: width 1s, height 1.1s;
    border: none;
    padding: 0;
    overflow: hidden;
    /*left: unset;*/
    margin-right: 11%;
}

.menu-panel-bottom.open {
    overflow: unset;
}

.menu-panel-bottom_messenger-btn-close {
    right: -40px;
    top: 0;
    cursor: pointer;
    position: absolute;
    display: block;
    content: "";
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Crect width='34' height='34' rx='17' fill='%23F4F4F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3672 12.3242C12.7577 11.9337 13.3909 11.9337 13.7814 12.3242L17.6407 16.1835L21.5 20.0427C21.8905 20.4333 21.8905 21.0664 21.5 21.4569C21.1094 21.8475 20.4763 21.8475 20.0858 21.4569L12.3672 13.7384C11.9767 13.3479 11.9767 12.7147 12.3672 12.3242Z' fill='%23212C33'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.5002 12.3244C21.8907 12.7149 21.8907 13.3481 21.5002 13.7386L13.7816 21.4571C13.3911 21.8477 12.7579 21.8477 12.3674 21.4571C11.9769 21.0666 11.9769 20.4334 12.3674 20.0429L20.0859 12.3244C20.4765 11.9338 21.1096 11.9338 21.5002 12.3244Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.menu-panel-bottom_messenger-btn-open-wrapper {
    display: none;
}

[data-smm-fixed-wrapper] {
    display: none;
}

[data-smm-fixed-wrapper].active {
    display: block;
}

.menu-panel-bottom_contacts-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu-panel-bottom_contacts-item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu-panel-bottom_contacts-item:nth-child(2):before,
.menu-panel-bottom_contacts-item:nth-child(3):before {
    width: 2px;
    height: 34px;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='34' viewBox='0 0 1 34' fill='none'%3E%3Cpath d='M0.5 0V34' stroke='%23D1D1D1'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact {
    min-width: 216px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.menu-panel-bottom_contact_city {
    color: var(--gray);
    font-size: 16px;
}

.menu-panel-bottom_contact_item {
    display: flex;
    gap: 8px;
    align-items: center;
}

.menu-panel-bottom_contact_switch-wrapper {
    width: max-content;
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 4px;
    border-radius: 31px;
    border: 1px solid var(--one-more-gray);
}

.menu-panel-bottom_contact_switch-tel,
.menu-panel-bottom_contact_switch-mail {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    background: none;
    padding: 0;
}

.menu-panel-bottom_contact_switch-tel::before,
.menu-panel-bottom_contact_switch-mail::before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    background: none;
    content: "";
    display: block;
}

.menu-panel-bottom_contact_switch-tel.turn-on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Crect x='0.5' width='20' height='20' rx='10' fill='%23EE1A26'/%3E%3Cpath d='M11.2696 10.7686C10.2799 11.7574 9.13328 12.7038 8.68002 12.2506C8.03169 11.6024 7.63156 11.0374 6.20111 12.1869C4.77128 13.3357 5.86975 14.1021 6.49808 14.7297C7.22331 15.4547 9.92666 14.7684 12.5988 12.0975C15.2702 9.42592 15.9548 6.72311 15.229 5.99803C14.6006 5.36921 13.8379 4.27158 12.6888 5.70112C11.539 7.13066 12.1036 7.53071 12.7532 8.17953C13.2046 8.63271 12.2586 9.77909 11.2696 10.7686Z' fill='white'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_switch-tel:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Crect x='0.5' width='20' height='20' rx='10' fill='%23EE1A26'/%3E%3Cpath d='M11.2696 10.7686C10.2799 11.7574 9.13328 12.7038 8.68002 12.2506C8.03169 11.6024 7.63156 11.0374 6.20111 12.1869C4.77128 13.3357 5.86975 14.1021 6.49808 14.7297C7.22331 15.4547 9.92666 14.7684 12.5988 12.0975C15.2702 9.42592 15.9548 6.72311 15.229 5.99803C14.6006 5.36921 13.8379 4.27158 12.6888 5.70112C11.539 7.13066 12.1036 7.53071 12.7532 8.17953C13.2046 8.63271 12.2586 9.77909 11.2696 10.7686Z' fill='white'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_switch-tel::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Crect x='0.5' width='20' height='20' rx='10' fill='white'/%3E%3Cpath d='M11.2696 10.7686C10.2799 11.7574 9.13328 12.7038 8.68002 12.2506C8.03169 11.6024 7.63156 11.0374 6.20111 12.1869C4.77128 13.3357 5.86975 14.1021 6.49808 14.7297C7.22331 15.4547 9.92666 14.7684 12.5988 12.0975C15.2702 9.42592 15.9548 6.72311 15.229 5.99803C14.6006 5.36921 13.8379 4.27158 12.6888 5.70112C11.539 7.13066 12.1036 7.53071 12.7532 8.17953C13.2046 8.63271 12.2586 9.77909 11.2696 10.7686Z' fill='%23676C7A'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_switch-mail.turn-on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Crect x='0.5' width='20' height='20' rx='10' fill='%23EE1A26'/%3E%3Cpath d='M14.5 6H6.5C5.95 6 5.5 6.45 5.5 7V13C5.5 13.55 5.95 14 6.5 14H14.5C15.05 14 15.5 13.55 15.5 13V7C15.5 6.45 15.05 6 14.5 6ZM14.3 8.125L11.03 10.17C10.705 10.375 10.295 10.375 9.97 10.17L6.7 8.125C6.64986 8.09686 6.60596 8.05883 6.57094 8.01323C6.53593 7.96762 6.51053 7.91539 6.49629 7.85969C6.48204 7.80398 6.47925 7.74597 6.48808 7.68915C6.49691 7.63234 6.51717 7.57791 6.54764 7.52915C6.57811 7.48039 6.61816 7.43833 6.66536 7.4055C6.71256 7.37267 6.76594 7.34976 6.82225 7.33815C6.87856 7.32654 6.93664 7.32648 6.99298 7.33797C7.04931 7.34946 7.10273 7.37227 7.15 7.405L10.5 9.5L13.85 7.405C13.8973 7.37227 13.9507 7.34946 14.007 7.33797C14.0634 7.32648 14.1214 7.32654 14.1778 7.33815C14.2341 7.34976 14.2874 7.37267 14.3346 7.4055C14.3818 7.43833 14.4219 7.48039 14.4524 7.52915C14.4828 7.57791 14.5031 7.63234 14.5119 7.68915C14.5207 7.74597 14.518 7.80398 14.5037 7.85969C14.4895 7.91539 14.4641 7.96762 14.4291 8.01323C14.394 8.05883 14.3501 8.09686 14.3 8.125Z' fill='white'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_switch-mail:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Crect x='0.5' width='20' height='20' rx='10' fill='%23EE1A26'/%3E%3Cpath d='M14.5 6H6.5C5.95 6 5.5 6.45 5.5 7V13C5.5 13.55 5.95 14 6.5 14H14.5C15.05 14 15.5 13.55 15.5 13V7C15.5 6.45 15.05 6 14.5 6ZM14.3 8.125L11.03 10.17C10.705 10.375 10.295 10.375 9.97 10.17L6.7 8.125C6.64986 8.09686 6.60596 8.05883 6.57094 8.01323C6.53593 7.96762 6.51053 7.91539 6.49629 7.85969C6.48204 7.80398 6.47925 7.74597 6.48808 7.68915C6.49691 7.63234 6.51717 7.57791 6.54764 7.52915C6.57811 7.48039 6.61816 7.43833 6.66536 7.4055C6.71256 7.37267 6.76594 7.34976 6.82225 7.33815C6.87856 7.32654 6.93664 7.32648 6.99298 7.33797C7.04931 7.34946 7.10273 7.37227 7.15 7.405L10.5 9.5L13.85 7.405C13.8973 7.37227 13.9507 7.34946 14.007 7.33797C14.0634 7.32648 14.1214 7.32654 14.1778 7.33815C14.2341 7.34976 14.2874 7.37267 14.3346 7.4055C14.3818 7.43833 14.4219 7.48039 14.4524 7.52915C14.4828 7.57791 14.5031 7.63234 14.5119 7.68915C14.5207 7.74597 14.518 7.80398 14.5037 7.85969C14.4895 7.91539 14.4641 7.96762 14.4291 8.01323C14.394 8.05883 14.3501 8.09686 14.3 8.125Z' fill='white'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_switch-mail::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3661 7.0952L10.5 10.0386L15.6339 7.0952C15.5478 6.85952 15.2793 6.68571 14.9651 6.68571H6.03488C5.72068 6.68571 5.4522 6.85952 5.3661 7.0952ZM15.6628 7.91565L10.7401 10.738C10.5959 10.8207 10.4041 10.8207 10.2599 10.738L5.33721 7.91565V12.7429C5.33721 13.0564 5.65212 13.3143 6.03488 13.3143H14.9651C15.3479 13.3143 15.6628 13.0564 15.6628 12.7429V7.91565ZM4.5 7.25714C4.5 6.56493 5.18974 6 6.03488 6H14.9651C15.8103 6 16.5 6.56493 16.5 7.25714V12.7429C16.5 13.4351 15.8103 14 14.9651 14H6.03488C5.18974 14 4.5 13.4351 4.5 12.7429V7.25714Z' fill='%23676C7A'/%3E%3C/svg%3E");
}

.menu-panel-bottom_contact_tel,
.menu-panel-bottom_contact_mail {
    color: var(--dark-blue);
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    display: none;
}

.menu-panel-bottom_contact_tel.turn-on,
.menu-panel-bottom_contact_mail.turn-on {
    display: block;
}

.menu-panel-bottom_messenger-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}

.menu-panel-bottom_messenger_corder-call-wrapper {
    position: relative;
}

.menu-panel-bottom_messenger_phone,
.menu-panel-bottom_messenger_telegram,
.menu-panel-bottom_messenger_chat {
    width: 56px;
    height: 56px;
    display: block;
    content: "";
    border: unset;
    background: unset;
    cursor: pointer;
    position: relative;
}

.menu-panel-bottom_messenger_phone {
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='55' height='55' rx='27.5' stroke='%23D1D1D1'/%3E%3Crect x='8.5' y='8' width='40' height='40' rx='20' fill='white'/%3E%3Cpath d='M36.8538 24.4502C36.8529 24.3514 36.8326 24.2533 36.7939 24.1616C36.7553 24.0699 36.699 23.9864 36.6285 23.9158C36.5579 23.8453 36.4744 23.789 36.3827 23.7504C36.291 23.7117 36.193 23.6914 36.0941 23.6905L33.3969 23.6656L38.5776 18.4845C38.7174 18.3448 38.7948 18.1542 38.7929 17.9547C38.7911 17.7552 38.71 17.5631 38.5676 17.4207C38.4252 17.2783 38.2331 17.1972 38.0336 17.1953C37.8342 17.1935 37.6436 17.2709 37.5038 17.4107L32.3231 22.5917L32.2977 19.8938C32.2957 19.6943 32.2146 19.5022 32.0721 19.3598C31.9297 19.2174 31.7375 19.1364 31.538 19.1346C31.3385 19.1328 31.1479 19.2103 31.0082 19.3501C30.8684 19.49 30.7911 19.6806 30.793 19.8802L30.8361 24.3935C30.838 24.593 30.919 24.785 31.0614 24.9274C31.2038 25.0698 31.3958 25.1508 31.5953 25.1527L36.1078 25.1953C36.2066 25.1963 36.3043 25.1778 36.3953 25.1408C36.4863 25.1039 36.5687 25.0492 36.638 24.98C36.7072 24.9107 36.7619 24.8282 36.7988 24.7373C36.8358 24.6463 36.8548 24.5491 36.8538 24.4502Z' fill='%23212C33'/%3E%3Cpath d='M25.8631 31.1429C27.6542 32.9325 29.7293 34.6452 30.5496 33.825C31.7229 32.652 32.4471 31.6293 35.0358 33.7097C37.6235 35.7889 35.6355 37.1758 34.4984 38.3115C33.1859 39.6237 28.2935 38.3817 23.4576 33.5479C18.6229 28.713 17.3839 23.8216 18.6975 22.5093C19.8347 21.3713 21.2151 19.3849 23.2947 21.972C25.3754 24.5591 24.3537 25.2831 23.1781 26.4573C22.3612 27.2775 24.0731 29.3522 25.8631 31.1429Z' fill='%23212C33'/%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_messenger_phone:hover {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='56' height='56' viewBox='0 0 57 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='55' height='55' rx='27.5' stroke='%23D1D1D1'/%3E%3Crect x='8.5' y='8' width='40' height='40' rx='20' fill='white'/%3E%3Cpath d='M36.8538 24.4502C36.8529 24.3514 36.8326 24.2533 36.7939 24.1616C36.7553 24.0699 36.699 23.9864 36.6285 23.9158C36.5579 23.8453 36.4744 23.789 36.3827 23.7504C36.291 23.7117 36.193 23.6914 36.0941 23.6905L33.3969 23.6656L38.5776 18.4845C38.7174 18.3448 38.7948 18.1542 38.7929 17.9547C38.7911 17.7552 38.71 17.5631 38.5676 17.4207C38.4252 17.2783 38.2331 17.1972 38.0336 17.1953C37.8342 17.1935 37.6436 17.2709 37.5038 17.4107L32.3231 22.5917L32.2977 19.8938C32.2957 19.6943 32.2146 19.5022 32.0721 19.3598C31.9297 19.2174 31.7375 19.1364 31.538 19.1346C31.3385 19.1328 31.1479 19.2103 31.0082 19.3501C30.8684 19.49 30.7911 19.6806 30.793 19.8802L30.8361 24.3935C30.838 24.593 30.919 24.785 31.0614 24.9274C31.2038 25.0698 31.3958 25.1508 31.5953 25.1527L36.1078 25.1953C36.2066 25.1963 36.3043 25.1778 36.3953 25.1408C36.4863 25.1039 36.5687 25.0492 36.638 24.98C36.7072 24.9107 36.7619 24.8282 36.7988 24.7373C36.8358 24.6463 36.8548 24.5491 36.8538 24.4502Z' fill='%23EE1A26'/%3E%3Cpath d='M25.8631 31.1429C27.6542 32.9325 29.7293 34.6452 30.5496 33.825C31.7229 32.652 32.4471 31.6293 35.0358 33.7097C37.6235 35.7889 35.6355 37.1758 34.4984 38.3115C33.1859 39.6237 28.2935 38.3817 23.4576 33.5479C18.6229 28.713 17.3839 23.8216 18.6975 22.5093C19.8347 21.3713 21.2151 19.3849 23.2947 21.972C25.3754 24.5591 24.3537 25.2831 23.1781 26.4573C22.3612 27.2775 24.0731 29.3522 25.8631 31.1429Z' fill='%23EE1A26'/%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_messenger_telegram {
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='tg-hover-color' d='M35 70C54.33 70 70 54.33 70 35C70 15.67 54.33 0 35 0C15.67 0 0 15.67 0 35C0 54.33 15.67 70 35 70Z' fill='%23D0D0D0'%3E%3C/path%3E%3Cpath d='M28.5834 51.0419C29.4584 51.0419 29.8448 50.6417 30.3334 50.1669L35 45.6291L29.179 42.1189' fill='white'%3E%3C/path%3E%3Cpath d='M29.1782 42.1199L43.2832 52.5408C44.8929 53.429 46.0543 52.969 46.4554 51.0466L52.1968 23.9908C52.7845 21.6341 51.2985 20.5648 49.7585 21.264L16.0448 34.2638C13.7435 35.187 13.7572 36.4709 15.6253 37.0428L24.277 39.7434L44.3067 27.1069C45.2523 26.5335 46.1203 26.8415 45.408 27.4738' fill='url(%23paint0_linear_86_1342)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_86_1342' x1='39.3877' y1='35.0031' x2='44.8499' y2='47.4482' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'%3E%3C/stop%3E%3Cstop offset='1' stop-color='white'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.menu-panel-bottom_messenger_telegram:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='57' height='56' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='tg-hover-color' d='M35 70C54.33 70 70 54.33 70 35C70 15.67 54.33 0 35 0C15.67 0 0 15.67 0 35C0 54.33 15.67 70 35 70Z' fill='%232DA5D8'%3E%3C/path%3E%3Cpath d='M28.5834 51.0419C29.4584 51.0419 29.8448 50.6417 30.3334 50.1669L35 45.6291L29.179 42.1189' fill='white'%3E%3C/path%3E%3Cpath d='M29.1782 42.1199L43.2832 52.5408C44.8929 53.429 46.0543 52.969 46.4554 51.0466L52.1968 23.9908C52.7845 21.6341 51.2985 20.5648 49.7585 21.264L16.0448 34.2638C13.7435 35.187 13.7572 36.4709 15.6253 37.0428L24.277 39.7434L44.3067 27.1069C45.2523 26.5335 46.1203 26.8415 45.408 27.4738' fill='url(%23paint0_linear_86_1342)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_86_1342' x1='39.3877' y1='35.0031' x2='44.8499' y2='47.4482' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'%3E%3C/stop%3E%3Cstop offset='1' stop-color='white'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.menu-panel-bottom_messenger_chat {
    margin-top: 3px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='63' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4205_4062)'%3E%3Crect x='7' y='5' width='70' height='70' rx='35' fill='white' stroke='%239A9A9A'/%3E%3C/g%3E%3Cpath d='M29.989 52.8285C29.8027 52.8909 29.6024 52.8987 29.4118 52.851C29.2212 52.8032 29.0482 52.7019 28.9134 52.559C28.7785 52.4161 28.6873 52.2376 28.6506 52.0446C28.614 51.8516 28.6333 51.6521 28.7063 51.4697L30.5243 46.9258C28.822 44.6772 27.8951 41.937 27.8828 39.1167C27.8828 32.2938 33.4046 25.7344 42.2946 25.7344C51.1846 25.7344 56.7063 32.2938 56.7063 39.1167C56.7063 45.9397 51.1269 52.4991 42.2946 52.4991C39.7313 52.4991 37.4419 51.9473 35.484 50.9961L29.9869 52.8285H29.989Z' fill='%23212C33'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_4205_4062' x='0' y='0' width='84' height='84' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4205_4062'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4205_4062' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_messenger_chat:hover {
    margin-top: 3px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='65' height='63' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4205_4062)'%3E%3Crect x='7' y='5' width='70' height='70' rx='35' fill='%23EE1A26'/%3E%3C/g%3E%3Cpath d='M29.989 52.8285C29.8027 52.8909 29.6024 52.8987 29.4118 52.851C29.2212 52.8032 29.0482 52.7019 28.9134 52.559C28.7785 52.4161 28.6873 52.2376 28.6506 52.0446C28.614 51.8516 28.6333 51.6521 28.7063 51.4697L30.5243 46.9258C28.822 44.6772 27.8951 41.937 27.8828 39.1167C27.8828 32.2938 33.4046 25.7344 42.2946 25.7344C51.1846 25.7344 56.7063 32.2938 56.7063 39.1167C56.7063 45.9397 51.1269 52.4991 42.2946 52.4991C39.7313 52.4991 37.4419 51.9473 35.484 50.9961L29.9869 52.8285H29.989Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_4205_4062' x='0' y='0' width='84' height='84' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4205_4062'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4205_4062' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_messenger_request-wrapper {
    position: relative;
}

.menu-panel-bottom_messenger_request-button-wrapper {
    height: 56px;
    display: flex;
    padding: 8px 24px 8px 8px;
    align-items: center;
    gap: 18px;
    border-radius: 65px;
    border: 1px solid var(--red);
    background: var(--red);
    cursor: pointer;
    position: relative;
}

.menu-panel-bottom_messenger_request-button {
    background: unset;
    border: unset;
    padding: 0;
    color: var(--white);
    font-size: 22px;
    cursor: pointer;
}

.menu-panel-bottom_messenger_request-button-wrapper::before {
    width: 40px;
    height: 40px;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='40' height='40' rx='20' fill='white'/%3E%3Cg clip-path='url(%23clip0_4063_5888)'%3E%3Cpath d='M12.5306 26.7254C12.5358 26.7254 12.5418 26.7254 12.5476 26.7249C12.8006 26.7166 12.9601 26.5204 12.9816 26.2684C12.9986 26.0829 13.4968 21.5951 20.5011 21.5999L20.5169 24.4697C20.5169 24.6629 20.6281 24.8394 20.8033 24.9219C20.9766 25.0049 21.1851 24.9794 21.3341 24.8559L27.8181 19.4844C27.8754 19.4375 27.9215 19.3784 27.9531 19.3114C27.9847 19.2444 28.0009 19.1712 28.0006 19.0972C28.0001 18.9472 27.9329 18.8052 27.8166 18.7104L21.3329 13.3892C21.1833 13.2672 20.9768 13.2437 20.8026 13.3252C20.6284 13.4082 20.5168 13.5839 20.5168 13.7769L20.5011 16.5837C17.5956 16.6756 15.3454 17.6104 13.8866 19.3174C11.5126 22.0951 12.0424 26.1324 12.0673 26.3004C12.1043 26.5454 12.2841 26.7254 12.5306 26.7254Z' fill='%23212C33'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4063_5888'%3E%3Crect width='16' height='16' fill='white' transform='translate(12 12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_messenger_drop-menu {
    display: none;
    width: 420px;
    flex-direction: column;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.09);
    position: absolute;
    bottom: 110%;
    right: 0;
}

.menu-panel-bottom_messenger_request-wrapper {
    border: none;
    background: none;
}

.menu-panel-bottom_messenger_drop-menu.drop-menu-open {
    display: flex;
}

.menu-panel-bottom_drop-menu_close-btn {
    position: absolute;
    border: unset;
    background-color: unset;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: block;
    content: "";
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Crect x='0.455556' y='0.455556' width='39.0889' height='39.0889' rx='19.5444' fill='white'/%3E%3Crect x='0.455556' y='0.455556' width='39.0889' height='39.0889' rx='19.5444' stroke='%23F4F4F4' stroke-width='0.911111'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3672 15.3242C15.7577 14.9337 16.3909 14.9337 16.7814 15.3242L20.6407 19.1835L24.5 23.0427C24.8905 23.4333 24.8905 24.0664 24.5 24.4569C24.1094 24.8475 23.4763 24.8475 23.0858 24.4569L15.3672 16.7384C14.9767 16.3479 14.9767 15.7147 15.3672 15.3242Z' fill='%23212C33'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.5002 15.3244C24.8907 15.7149 24.8907 16.3481 24.5002 16.7386L16.7816 24.4571C16.3911 24.8477 15.7579 24.8477 15.3674 24.4571C14.9769 24.0666 14.9769 23.4334 15.3674 23.0429L23.0859 15.3244C23.4765 14.9338 24.1096 14.9338 24.5002 15.3244Z' fill='%23212C33'/%3E%3C/svg%3E");
}

.menu-panel-bottom_drop-menu_content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 30px;
}

.menu-panel-bottom_drop-menu_header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.menu-panel-bottom_drop-menu_header {
    color: var(--black);
    font-size: 28px;
    font-weight: 500;
}

.menu-panel-bottom_drop-menu_subtitle {
    color: var(--half-dark-blue);
    font-size: 18px;
}

.menu-panel-bottom_drop-menu_form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.menu-panel-bottom_drop-menu_form-wrapper form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.menu-panel-bottom_drop-menu_agreements {
    color: var(--gray);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.menu-panel-bottom_drop-menu_form-input {
    width: 100%;
    font-family: Onest;
    font-size: 18px;
    line-height: 150.5%;
    border: none;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 20px;
    outline: none;
}

.menu-panel-bottom_drop-menu_form-input::placeholder {
    color: #676c7a;
}

.menu-panel-bottom_drop-menu_form-input:focus {
    border-bottom: 2px solid #676c7a;
}

.menu-panel-bottom_drop-menu_form-textarea {
    width: 100%;
    height: 127px;
    resize: none;
    font-family: Onest;
    font-size: 18px;
    line-height: 150.5%;
    border: none;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 20px;
    outline: none;
}

.menu-panel-bottom_drop-menu_form-textarea::placeholder {
    color: #676c7a;
}

.menu-panel-bottom_drop-menu_form-textarea:focus {
    border-bottom: 2px solid #676c7a;
}

.menu-panel-bottom_drop-menu_form-file {
    display: none;
}

.menu-panel-bottom_drop-menu_form-file-label {
    color: var(--black);
    font-family: Onest;
    font-size: 18px;
    text-decoration-line: underline;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.menu-panel-bottom_drop-menu_form-file-label::before {
    width: 16px;
    height: 16px;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.14062 7.80562H7.78663V5.01562H9.19063V7.80562H11.8546V9.19163H9.19063V11.9816H7.78663V9.19163H5.14062V7.80562Z' fill='%23221F20'/%3E%3C/svg%3E%0A");
}

.menu-panel-bottom_drop-menu_form-button {
    background: unset;
    border: none;
    color: var(--gray, #9a9a9a);
    text-align: center;
    font-size: 18px;
    line-height: 150.5%;
    cursor: pointer;
}

.menu-panel-bottom_drop-menu_form-button-label {
    display: flex;
    gap: 18px;
    align-items: center;
    border: 1px solid var(--red);
    background: var(--white);
    border-radius: 65px;
    padding: 8px 24px 8px 8px;
    width: min-content;
    align-self: center;
    cursor: pointer;
}

.menu-panel-bottom_drop-menu_form-button-label::before {
    width: 40px;
    height: 40px;
    display: block;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='40' height='40' rx='20' fill='%23F4F4F4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8878 18.8981C14.6256 18.8981 14.3741 19.0023 14.1887 19.1877C14.0033 19.3731 13.8992 19.6245 13.8992 19.8867C13.8992 20.1489 14.0033 20.4004 14.1887 20.5857C14.3741 20.7711 14.6256 20.8753 14.8878 20.8753L23.5547 20.8739L19.6898 24.7388C19.5046 24.924 19.4006 25.1751 19.4006 25.437C19.4006 25.6988 19.5046 25.9499 19.6898 26.1351C19.875 26.3203 20.1261 26.4243 20.3879 26.4243C20.6498 26.4243 20.9009 26.3203 21.0861 26.1351L26.6363 20.5849C26.8215 20.3997 26.9255 20.1486 26.9255 19.8867C26.9255 19.6249 26.8215 19.3737 26.6363 19.1886L21.0861 13.6383C20.9009 13.4532 20.6498 13.3491 20.3879 13.3491C20.1261 13.3491 19.875 13.4532 19.6898 13.6383C19.5046 13.8235 19.4006 14.0746 19.4006 14.3365C19.4006 14.5983 19.5046 14.8495 19.6898 15.0346L23.5547 18.8995L14.8878 18.8981Z' fill='%239A9A9A'/%3E%3C/svg%3E%0A");
}

.sb-chat > .sb-body {
    bottom: 25px !important;
}

@media (max-width: 1200px) {
    .menu-panel-bottom {
        max-width: max-content;
    }

    .menu-panel-bottom_contacts-item:nth-child(2) {
        margin-right: 30px;
    }

    .menu-panel-bottom_contacts-item:nth-child(3) {
        display: none;
    }
}

@media (max-width: 992px) {
    .menu-panel-bottom_contacts-item:nth-child(2) {
        display: none;
    }

    .menu-panel-bottom_contacts-item:nth-child(1) {
        margin-right: 30px;
    }
}

@media (max-width: 768px) {
    .menu-panel-bottom_contacts-item:nth-child(1) {
        display: none;
    }
}

@media (max-width: 520px) {
    .menu-panel-bottom_messenger_drop-menu {
        width: 350px;
        bottom: 115%;
    }

    .menu-panel-bottom_messenger_request-button-wrapper {
        padding: 8px;
    }

    .menu-panel-bottom_messenger_request-button {
        display: none;
    }

    .menu-panel-bottom_messenger_drop-menu {
        margin: auto;
        left: -50%;
        right: -50%;
    }

    .menu-panel-bottom_messenger_corder-call-wrapper {
        position: inherit;
    }

    .menu-panel-bottom_messenger_request-wrapper {
        position: inherit;
    }

    .plyr__video-embed,
    .section_video iframe {
        height: 600px !important;
    }

    .cf-cities > li:nth-child(-n + 3) {
        padding-bottom: 0;
    }

    .cf-cities > li:nth-child(3) {
        padding-bottom: 20px;
    }
}

/* end  menu bottom */

.four_dot[data-menu-toggle-submenu]:hover:after,
.header-menu-btn-wrapper:hover:after {
    content: "";
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 100;
    background-color: transparent;
    cursor: default;
}


/*page-404*/


.page-404 {
    max-width: 1750px;
    margin: 0 auto;
    padding: 0 30px 100px;
    border-bottom: 1px solid #d1d1d1;
}

.page-404__content {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 69px;
}

.page-404__content-left-header {
    font-family: "Onest";
    font-style: normal;
    font-weight: 500;
    font-size: 72px;
    line-height: 92px;
    color: #212C33;
}

.page-404__content-left-content {
    font-family: "Onest";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    color: #676C7A;
}

.page-404__content-left {
    display: flex;
    flex-direction: column;
    gap: 60px;
    max-width: 710px;
}

.page-404__content-right > img {
    max-height: 520px;
    width: 100%;
    min-width: 510px;
}

@media screen and (max-width: 1100px) {
    .page-404__content {
        flex-direction: column-reverse;
    }

}

@media screen and (max-width: 480px) {
    .page-404 {
        max-width: 100%;
        padding: 0 30px 60px;
    }

    .page-404__content-right > img {
        width: 100%;
        min-width: 320px;
    }

    .page-404__content-left {
        width: 100%;
    }

    .page-404__content-left-header {
        font-size: 42px;
        line-height: 60px;
    }

    .page-404__content-left-content {
        font-size: 18px;
    }

    .page-404__content,
    .page-404__content-left {
        gap: 40px;
    }

}

.swiper-container_all_project_slide {
    height: 100%;
}

/*END page-404*/

.toTop {
    border: none;
    display: flex;
    right: 1rem;
    bottom: 1rem;
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
    background-color: #ee1a26;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem;
    padding: 0.75rem;
    color: #fff;
}

.toTop:not(.is-visible) {
    pointer-events: none;
    opacity: 0;
    transform: translateY(-2rem);
}

.toTop svg {
    stroke-width: 3px;
    stroke: currentColor;
    fill: none;
    width: 24px;
}

*,
::after,
::before {
    box-sizing: border-box;
}



/*alexxs styles*/

.share_block {
    display: flex;
    padding: 15px 35px;
    gap: 15px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 200px;
    margin-top: 30px;
}

.share_block .label {
    font-size: 30px;
    color: #EE1A26;
}

.share_block li.ya-share2__item {
    padding: 10px!important;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.products__item-footer .buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
}

.readMoreBtn {
    padding: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #EE1A26;
    border-radius: 200px;
    border: 1px solid #EE1A26;
    font-size: 22px;
}

.stages_cooperation {
    margin-top: 130px;
}

.stages_cooperation .h2 {
    font-weight: 500;
    font-size: 36px;
    color: #212c33;
    margin-bottom: 60px;
}

.stages_cooperation .section_3_content_item_header {
    margin-bottom: 60px;
}

.stages_cooperation .items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.stages_cooperation .items .item {
    width: calc((100% - 20px * (4 - 1)) / 4);
    box-sizing: border-box;
    padding: 20px;
    border-radius: 11px;
    display: flex;
    gap: 20px;
    background: #F4F4F4;
    flex-direction: column;
}

.stages_cooperation .items .item .number {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.stages_cooperation .items .item .number span {
    display: inline-flex;
    width: 92px;
    height: 30px;
    align-items: center;
    justify-content: end;
    padding: 5px 10px;
    border-radius: 100px;
    border: 1px solid #FF000080;
    color: #FF0000;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
}

.stages_cooperation .items .item .title {
    font-size: 18px;
    font-weight: bold;
}

.reviews__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.reviews__list .item {
    width: calc((100% - 20px * 2) / 3);
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
}

.reviews__list .item .image {
    padding: 20px;
    background: #EEEEEE;
    border-radius: 11px;
}

.reviews__list .item .image img {
    width: 100%;
}

.reviews__list .item .title {
    color: #9A9A9A;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

.reviews__list .item .title::before {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    background: #FF0000;
    border-radius: 50%;
}

.payments {
    margin: 100px 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.payments .item {
    width: calc((100% - 20px) / 2);
    border-radius: 11px;
    padding: 40px;
    gap: 30px;
    display: flex;
    flex-direction: column;
    background: #F4F4F4;
}

.payments .item .title {
    font-size: 34px;
    font-weight: bold; 
}

.payments .item .text {
    font-size: 24px;
}


@media screen and (max-width: 1280px) {
    .readMoreBtn {
        font-size: 15px;
    }

    .products-block__item {
        flex-wrap: wrap;
    }

    .products-block__item .products__item-footer .buttons {
        width: 100%;
    }

    .products__item-image-wrapper {
        width: calc((100% - 30px * (2 - 1)) / 2);
    }

    .products__item-description {
        height: auto;
        width: calc((100% - 30px * (2 - 1)) / 2);
    }

    .stages_cooperation .items .item {
        width: calc((100% - 20px * (2 - 1)) / 2);
    }

    .reviews__list .item {
        width: calc((100% - 20px) / 2);
    }
}

@media screen and (max-width: 991px) {
    .payments .item {
        width: 100%;
    }

    .payments .item .title{
        font-size: 24px;
    }

    .payments .item .text{
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .main-banner {
        padding-top: 215px;
        padding-bottom: 50px;
    }

    .main-banner .content_head h1 {
        line-height: 1.1;
    }
}

@media screen and (max-width: 568px) {
    .products__item-image-wrapper {
        width: 100%;
    }

    .products__item-description {
        height: auto;
        width: 100%;
    }

    .stages_cooperation .items .item {
        width: 100%;
    }

    .reviews__list .item {
        width: 100%;
    }

    .newsModal___text > h2 {
        font-size: 40px;
        line-height: 1.1;
    }
}

/*end alexxs styles*/