/* красный #E31E24 */

/* стили на главной */

.add-to-cart.button_style_inverse:hover, .header-bottom-bar_transparent .add-to-cart.header-bottom-bar-shop-catalog-button.button_active:hover {
    color: #fff;
}

.header-top-bar {
    background:#fff;
}

.banners__item {
    border-radius: 0;
}

.index-subscribe {
    background-color: #fafafa;
}

.category-thumb {
    border: 2px solid #000;
}

.items-list-horizontal_40, .items-list_40 {
    gap: 40px;
}

.plugin_arrived-value.submit input {
    width: 100% !important;
}

.header-middle-bar__container-logo {
    padding-right: 50px;
}

.advantages__item {
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
    outline: none;
    flex-basis: 0;
}

.dp-product {
	background: #fafafa !important;
	padding: 25px;
    border-radius: 15px !important;
}

.dp-product__header {
	text-align: center;
}


.complex-plugin-table__title {
    background: #fafafa;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    padding: 12px;
    margin: 0px 0 9px 0;
    text-align: center;
}
.page_complex .complex-plugin-table table tr {
    padding: 5px 25px 5px 25px;
}

.product-page__description {
    max-width: 100%;
}

#percent {
    background-color: #7fe77f91;
    color: #1b1b1ba1;
    border-radius: 10px;
    padding: 4px;
    margin: 5px 5px 0 0;
}
#period {
    display: inline-block;
    width: 85px;
    color: #626262;
}
.product-cart-form__block .button {
	width: 100%;
}
.catalog-list__link {
    color: var(--font-color);
}
.list-rows__item {
    color: var(--font-color) !important;
}
.content-decorator tr:nth-child(2n) td {
    background: #ffffff;
}

.post-thumb {
    background: #fafafa;
    color: black;
}

.fixed-bar__item {
    color: #1b1b1b;
}

.pages-tree__item_selected>.pages-tree__item-link {
    padding-left: 17px;
    border-left: 2px solid #ff0000;
}

.footer {
    color: #000;
    background-color: #fff;
    font-size: 12px;
}

.content-decorator .footer a, .footer .content-decorator a, .footer .link, .footer .link-decorator a, .link-decorator .footer a {
    color: #000;
}

.footer .footer-phone__hint {
    color: #000;
}

.footer .link-box_style_hover .link-box__link {
    color: #000;
}

.footer .r-footer__phone-link {
    color: #000;
}

.footer .r-footer__address .link-box__link, .footer .r-footer__address a {
    color: #000;
}

/* стилизуем таблицу */

@media screen and (max-width: 600px) {
  .about table {
    border: 0;
  }

  table thead {
    display: none;
  }

  .about table tr {
    margin-bottom: 20px;
    display: block;
  }

  table td {
    display: block;
    text-align: left;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table td:before {
    /*content: attr(data-label);*/
    float: left;
  }
  .content-decorator td, .content-decorator th {
    padding: 12px 0px;
  }
}
@media screen and (min-width: 601px) {
  .content-decorator td, .content-decorator th {
    padding: 0px 25px 0px 0px;
  }
    table tr {
    margin-bottom: 20px;
  }
}


@media (max-width: 1023px) {

    .r-footer__phone-hint {
        color: rgb(0 0 0 / 68%);
    }
    
    .r-footer__map-link .link-box__link {
        color: #000;
    }   
    
    .banner__background-image {
        max-height:450px;
    }
    
    .r-header-menu__tiggle {
        color: #1b1b1b;
    }
    
    .r-header__list-item-link {
        padding-top: 6px;
        color: #1b1b1b;
    }
    .r-header__list-item-link_phone {
        background-color: #fff;
    }
    .r-header__list-item-link_phone {
        color: #1b1b1b;
    }
    .r-header-contacts-btn .link-box__icon {
        color: #1b1b1b;
    }
    .r-header-contacts__navigator {
        display: none;
    }
}

/* формы получить кп */

.header-middle-bar-shop__form-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	margin-left: 24px;
	padding: 0px 15px 0px 15px;
    margin-top: 1px;
    border: 0;
}

.header-middle-bar-shop__form-button + .header-middle-bar-shop__links-container {
	padding-left: 24px;
}

.modal-multiform .feedbacknew__header {
	display: grid;
	grid-template: 82px 34px/318px 110px;
	gap: 4px 184px;
	padding-bottom: 16px;
}

.modal-multiform .feedbacknew__header-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	color: #000;
	align-self: end;
	width: 387px;
}

.modal-multiform .feedbacknew__header-logo {
	width: 110px;
	height: 110px;
}

.modal-multiform .feedbacknew__header-divider {
	width: 144px;
	height: 0;
	margin-left: 37px;
}

.multiform-body .multiform-gap-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


.multiform-body .multiform-fileinput-button > span {
	display: none;
}

.multiform-body .multiform-file-info {
	font-size: 12px;
	margin-top: 2px;
}

.multiform-body .multiform-submit .button {
	font-size: 16px;
	padding: 9px 19px 10px;
	text-align: center;
}
@media (max-width: 720px) {
    .multiform-body .multiform-submit .button {
        width: 100%;
    }
}

.header-floating__contacts {
	margin-right: 32px;
}
.multiform-gap-value{
    overflow-y: hidden;
}
#wahtmlcontrol_fields_captcha_1-1 {
    position: relative; 
    width: 304px;
    height: 78px;
    /*display: none;*/
}
#wahtmlcontrol_fields_captcha_2-1 {
    position: relative; 
    width: 304px;
    height: 78px;
}

/* НОВЫЕ КАСТОМНЫЕ СТИЛИ */

/*КАЛЬКУЛЯТОР*/
.calc-form {
    background-color: #fafafa !important;
}

.calc-footer {
    background-color: white !important;
}

.calc-form {
    background-color: transparent !important;
}

.calc-form a {
    color: #1b1b1b !important;
}

.calc-toggle-button.current {
    box-shadow: inset 0 0 1px 2px #686868 !important;
}

.calc-submit, .calc-footer-btn {
    border-radius: 0px !important;
    width: 210px;
    transition-duration: 300ms;
    background-color: #e31e24 !important;
}

.calc-submit:hover{
    background-color: rgb(230, 51, 57) !important;
} 

.calc-fright .row {
    margin-left: -49% !important;
    width: 1300px;
}

.calc-frow .size_or_voc-voc {
    margin-left: -10% !important;
}

.calc-submit {
    margin-left: -40%;
}

.calc-inp.gost-select option {
    color: #1B1B1B !important;
}
.calc-inp.gost-select option:hover {
    background-color: #d0d0d0 !important;
}

.calc-toggle-button svg {
    mix-blend-mode: difference;
    filter: grayscale(1); 
}

.calc-frow.assortment-x.assortment-corner.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-balk,
.calc-frow.assortment-x.assortment-armature,
.calc-frow.assortment-x.assortment-corner,
.calc-frow.assortment-x.assortment-circle.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-circle,
.calc-frow.assortment-x.assortment-strip.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-strip,
.calc-frow.assortment-x.assortment-pipe,
.calc-frow.mt-3.assortment-x.assortment-pipe.assortment-sheet.assortment-pipeProf.assortment-corner.assortment-circle.assortment-square.assortment-hex.assortment-strip.size_or_voc-x.size_or_voc-size, 
.calc-frow.assortment-x.assortment-square.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-square,
.calc-frow.assortment-x.assortment-sheet,
.calc-frow.assortment-x.assortment-channel,
.calc-frow.assortment-x.assortment-channel.channel_gost-x.channel_gost-.channel_gost-1.channel_gost-5,
.calc-frow.assortment-x.assortment-pipeProf.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-pipeProf,
.calc-frow.assortment-x.assortment-hex.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-hex, 
.calc-frow.result-row {
    width: 45%;
}

.calcus-container .assortment-x {
    width: 42%;
}

.calc-form .calc-label {
    filter: grayscale(1);
}

.modal.cityselect-modal.modal_opened {
    display: block !important;
    height: auto !important;
    width: 700px !important;
    position: static;
}

.modal.modal-multiform.modal_opened {
    display: block !important;
    height: auto !important;
    width: auto !important;
    position: static;

}

:root {
    --submit-background: #e31e24 !important;
    --submit-background-hover: rgb(230, 51, 57) !important;
}

@media (min-width: 1024px) {
    .calc-fright .container {
        min-width: 0px;
    }
}

@media (max-width: 512px) {
    .calc-fright .row {
        margin-left: -4% !important;
        width: auto !important;
    }
    .calc-submit {
        margin-left: 0%;
    }
    .calc-frow.assortment-x.assortment-corner.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-balk,
    .calc-frow.assortment-x.assortment-armature,
    .calc-frow.assortment-x.assortment-corner,
    .calc-frow.assortment-x.assortment-circle.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-circle,
    .calc-frow.assortment-x.assortment-strip.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-strip,
    .calc-frow.assortment-x.assortment-pipe,
    .calc-frow.mt-3.assortment-x.assortment-pipe.assortment-sheet.assortment-pipeProf.assortment-corner.assortment-circle.assortment-square.assortment-hex.assortment-strip.size_or_voc-x.size_or_voc-size, 
    .calc-frow.assortment-x.assortment-square.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-square,
    .calc-frow.assortment-x.assortment-sheet,
    .calc-frow.assortment-x.assortment-channel,
    .calc-frow.assortment-x.assortment-channel.channel_gost-x.channel_gost-.channel_gost-1.channel_gost-5,
    .calc-frow.assortment-x.assortment-pipeProf.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-pipeProf,
    .calc-frow.assortment-x.assortment-hex.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-hex {
        width: 65%;
    }
}
/*КОНЕЦ КАЛЬКУЛЯТОРА*/

/* МОДАЛЬНОЕ ОКНО УСПЕШНОЙ ОТПРАВКИ ФОРМЫ */
.modal-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100vh !important;
    padding: 24px !important;
    overflow: hidden !important;
    background: rgba(0, 0, 0, .8) !important;
    z-index: 1000 !important;
    animation: modal_fadein .2s ease-in-out !important;
    opacity: 1 !important;
    transition: opacity 0.5s ease;
}
.modal-wrapper.hiden {
    opacity: 0 !important;
}
.modal-wrapper.hiden.none {
    display: none !important;
}
.modalWindow {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 8px auto !important;
    padding: 30px 40px !important;
    background-color: #fff !important;
    border-radius: 15px !important;
    position: relative !important;
}
.modalClose {
    cursor: pointer !important;
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
}

/* ФОРМА РАСЧЕТА ПО ЗАЯВКЕ */
.appCalcForm {
    position: relative !important;
    display: flex !important;
    justify-content: space-around !important;
    height: 100% !important;
}
.appCalcFormTitleBlock {
    width: 50% !important;
}
.appCalcTitle {
    font-size: 42px !important;
}
.appCalcFormBlock {
    margin-bottom: 50px !important;
}
.appCalcCornerImg {
    width: 310px !important;
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
}

.appCalcFormMessage {
    font-size: 20px;
    color: black;
}

.multiform-gap-field.type-section .multiform-gap-value {
    display: block !important;
    margin-bottom: 21px !important;
}
.errormsg {
    color: red !important;
}
.form_name_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    
}
.form_phone_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    
}
.form_email_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    /*margin-bottom: 21px !important;*/
}
.form_input_calc_request {
    width: 435px !important;
    height: 129px !important;
    /*margin-bottom: 21px !important;*/
}
.form_file_calc_request {
    width: 435px !important;
    /*margin-bottom: 21px !important;*/
}
.form_policy_calc_request {
    appearance: none !important;
    cursor: pointer !important;
    /*margin-bottom: 21px !important;*/
}
@media (max-width: 1024px) {
    .appCalcForm {
        display: grid !important;
    }
    .appCalcFormTitleBlock {
        width: 100% !important;
    }
    
    .form_phone_calc_request {
        width: 100% !important;
    }
    .form_email_calc_request {
        width: 100% !important;
    }
    .form_input_calc_request {
        width: 100% !important;
    }
    .form_file_calc_request {
        width: 100% !important;
    }
    .form_policy_calc_request {
        width: 100% !important;
    }
}
/* КОНЕЦ ФОРМы РАСЧЕТА ПО ЗАЯВКЕ */

/*ФОРМА ОБРАТНОЙ СВЯЗИ С УСПЕШНЫМ МУЖЧИНОЙ*/

/* ПЕРЕХОД К ВЕРХНЕЙ ЧАСТИ СТРАНИЦЫ С УСПЕШНЫМ МУЖЧИНОЙ */
.goUpBlock {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
}
.goUpImg {
    position: relative !important;;
}
.goUpImgName {
    position: absolute !important;
    top: 40% !important;
    left: 50% !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: black !important;
}
.goUpImgPosition {
    position: absolute !important;
    top: 70% !important;
    left: 50% !important;
    color: black !important;
    font-size: 14px !important;
}

.goUpBtn {
    background-color: #E31E24;
    width: 400px;
    height: 50px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.goUpText {
    color: black;
    font-size: 20px;
    font-weight: bold;
}
.goUpTextMobile {
    display: none !important;
}

@media (max-width: 900px) {
    .goUpBlock {
        width: 100% !important;
        display: grid !important;
    }
    .goUpImg {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .goUpBtn {
        width: 100% !important;
    }
    .goUpText {
        display: none !important;
    }
    .goUpTextMobile {
        display: block !important;
        color: black;
        font-size: 20px;
        font-weight: bold;
    }
}
@media (max-width: 370px) {
    .goUpImgName {
        font-size: 16px !important;
    }
    .goUpImgPosition {
        font-size: 14px !important;
    }
}
/* КОНЕЦ ПЕРЕХОДА К ВЕРХНЕЙ ЧАСТИ СТРАНИЦЫ С УСПЕШНЫМ МУЖЧИНОЙ */

/* ФОРМА ЗАТРУДНЕНИЯ С ВЫБОРОМ */
.selectIssueBlock {
    width: auto !important;
    margin-bottom: 33px;
}
.selecIssue {
    display: flex;
}
.selecIssueMobile {
    display: none;
}
.selecIssueTitle {
    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 38px !important;
}
.selectIssueManager {
    z-index: 1;
}
.selectIssueManagerImg {
    max-width: none !important;
    z-index: 2;
}
.selecIssueInput {
    width: 960px;
    height: 135px;
    position: relative;
    top: 41px;
    left: -218px;
    padding-top: 9px;
    padding-left: 225px;
    background-color: #F3F3F3;
}
.selecIssueInputTitle {
    font-weight: 700 !important;
    font-size: clamp(12px, 2vw, 32px) !important;
    margin-bottom: 16px !important;
}

.selectInputBtn {
    margin-left: 50px !important;
}
.stepList {
    display: flex;
    justify-content: space-between;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.stepListTitle {
    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 22px !important;
}
.stepList .stepItem::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: black !important;
}
.stepList .stepItemFirst::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: #E31E24 !important;
}
.stepItemFirst {
    margin-top: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stepItem {
    margin-top: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stepItemText {
    color: black;
    font-weight: 400;
    font-size: 14px;
    width: 180px;
}
.arrowElement {
    display: flex;
    align-items: center;

}
.stepList .arrowElement::before {
    content: "" !important;
}
.stepItemArrow {
    height: 42px;
}

.selecIssueTitle {
    font-size: 20px !important;
}
.selecIssue {
    display: none;
}
.selecIssueMobile {
    display: grid;
    justify-content: center;
}

.delivery-block__header {
    color: black !important;
    font-size: 24px !important;
    font-weight: 600;
}

.callbackText {
    font-size: 20px !important;
    color: black !important;
}

.callbackTextHeader {
    font-weight: 600;
}

.selectIssueManagerMobile {
    display: flex;
    margin-bottom: 37px;
}
.managerName {
    position: relative;
    top: 48px;
    left: -80px;
    font-size: 16px;
    color: black;
    width: 205px;
}
.inputMobileBlock {
    display: block;
    width: 404px;
    height: 155px;
    text-align: center;
    background-color: #F3F3F3;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.selecIssueInpuField {
    width: 260px;
    margin-top: 21px;
    margin-bottom: 10px;
}

.selecIssueInpuBtn {
    width: 110px;
    margin-top: 8px;
}

.input_section_1 .multiform-gap-field.multiform-gap-captcha.s-required.size-medium.multiform-recaptcha {
    display: none; 
}

.multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        content: '';
        position: absolute;
        top: 63px;
        left: 145px;
        width: calc(100% + -180px);
        height: calc(100% + -47px);
        background-color: #F3F3F3;
        transform: translate(-20px, -20px);
        z-index: 1;
    }
    
.multiform-gap-field.type-html.pos-left.mf-colm12.input_form_header {
    z-index: 1;
    position: absolute;
    top: 88px;
    left: 35%;
    transform: translate(-20px, -20px);
}

.multiform-gap-field.type-html.pos-left.mf-colm12.input_form_header h2 {
    font-size: 24px;
    font-weight: bold !important;
}

.stepList .stepItem::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: black !important;
}
.stepList .stepItemFirst::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: #E31E24 !important;
}

.selecIssueMobile {
    display: none !important;   
}

.input_section_1 {
    position: relative;
    display: flex;
    align-items: center;
}

.input_section_2 {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 30px;
    margin: 7% 0px 0px 0px;
    z-index: 2;
}

.multiform-gap-field.type-section .multiform-gap-value {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.multiform-gap-field.type-section.selectIssueManagerImg {
    max-width: 50px; 
    margin-right: 10px;
}

.selectIssueManagerImg_2{
    display: none;
}

.multiform-wrap.callback_form_category.default-theme.multiform-submit {
    display: none !important;
}
.manager-block{
    background-image: url('/wa-data/public/site/img/Men_background.jpg');
    background-repeat: no-repeat;
}
.manager_mobile-block{
    background-image: url('/wa-data/public/site/img/mobile_catalog_callback.jpg');
    background-repeat: no-repeat;
    display: none;
    background-size: contain;
}
.manager-name {
    display: grid;
    justify-content: end;
    width: 350px;
    margin-top: 45px;
}
.manager-name_p_1{
    margin-bottom: 5px !important;
}
.manager-name_p_2{
    margin-top: 0px !important;
}
@media  (max-width: 1380px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        left: 145px;
    }
}
@media  (max-width: 1280px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 185px;
        left: 20px;
        width: calc(100% + -20px);
        height: calc(100% + -165px);
        box-shadow: 0px 4px 4px 0px #00000040;
        
    }
    
    .selecIssueInpuField {
        margin: 0px 0px 15px 0px;
    }
    
    .input_section_1, .input_section_2 {
        position: relative;
    }
    
    .input_section_1, .input_section_2 {
        display: inline-block;
    }
    
    .input_form_header {
        display: none;
    }
    
    .selectIssueManagerImg_2{
        display: block;
    }
    .selectIssueManagerImg{
        display: none;
    }
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 320px !important;
    }
    .selecIssueMobile {
        display: block !important;   
    }
    .selectIssueManager, .selecIssueInput {
        display: none !important;
    }
    
    .stepList {
        display: block;
    }
    .stepItemFirst {
        margin-left: 25px;
    }
    .stepItem {
        margin-left: 25px;
    }
    .stepItemText {
        width: 100%;
    }
    .arrowElement {
        display: none;
    }
    .stepItemArrow {
        display: none;
    }
}
@media  (max-width: 430px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        left: 30px;
    }
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 20px;
    }
}
@media  (max-width: 400px) {
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 285px !important;
    }
    
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 175px;
        left: 30px;
        width: calc(100% + -20px);
        height: calc(100% + -155px);
    }
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 414px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 390px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 17px;
    }
}
@media  (max-width: 375px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 320px) {
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 230px !important;
    }
    
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 155px;
        left: 30px;
        width: calc(100% + -20px);
        height: calc(100% + -140px); 
    }
}
    
/*КОНЕЦ ФОРМЫ С УСПЕШНЫМ МУЖЧИНОЙ*/

/*ЖИРНЫЙ В ШАПКЕ*/
.header-top-bar {
    font-size: 13px;
    font-weight: 600;
}

.header-top-bar-contacts__phone, .header-top-bar-contacts__phone-link {
    font-weight: 700;
    font-size: 17px;
}
/*ФОРМА ОБРАТНОЙ СВЯЗИ ДЛЯ ПОСАДОЧНОЙ*/

.multiform-wrap.default-theme {
    box-shadow: none !important;
    border: none !important;
}
.great_form{
    box-shadow: none !important;
    border: none !important;
}

/*ФОРМА ОБРАТНОЙ СВЯЗИ*/

.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"],
.wa-form .wa-field .wa-value textarea {
    font-family: 'Arial';
    font-size: 14px;
    width: 400px;
}
.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"] {
    min-width: 400px !important;
}
.wa-form .wa-field .wa-name{
    display: none;
}
.form-row {
    padding-left: 0% !important;
}
.category_modal_header{
    display: grid;
    grid-template: 20px 35px / 300px 110px;
    gap: 4px 180px;
}
.category_modal_header_title{
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    width: 405px;
}
.category_modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 24px;
    overflow: hidden;
    background: rgba(0, 0, 0, .8);
    z-index: 1000;
    animation: modal_fadein .2s ease-in-out;
}

@keyframes modal_fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.category_modal {
    padding: 20px 20px 10px 30px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.category_modal__close {
    cursor: pointer;
    margin-left: 620px;
    top: 10px;
    right: 10px;
}
.manager-block {
    display: flex;
    align-items: center;
    width: 100%; 
    height: 200px; 
    overflow: hidden;
}
.manager-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.manager-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 30px 15px 30px;
}

.manager-name {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.manager-title {
    width: 480px;
    font-size: 28px;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}

.manager-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.manager-button {
    padding: 10px 20px;
    background-color: #e31e24;
    color: white;
    border: none;
    cursor: pointer;
    align-self: flex-end;
    transition-duration: 300ms;
    top: -20px;
    position: relative;
}

.manager-button:hover {
    background-color: rgb(230,51,57);
}
.category_mobile_header{
    display: none;
}

#mobile_category_openModalBtn {
        display: none;
    }
.category_modal__close{
    margin-left: 98%;
}
#category_openModalBtn_1{
    display: none;
}
#mobile_manager_name{
    display: none;
}
/*МОБИЛКА ОБРАТНОЙ СВЯЗИ*/
@media  (max-width: 1200px) {
    .manager-title{
        width: 340px;
        font-size: 24px;
    }
}
@media  (max-width: 720px) {
    .category_modal__close{
        margin-left: 96%;
    }
    
    .category_modal_header_logo {
        display: none;
    }
    
    .manager-title{
        width: 340px;
        font-size: 24px;
    }
    .manager_mobile-block {
        display: flex !important;
    }
    .manager-block {
        background-image: url('/wa-data/public/site/img/mobile_catalog_callback.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    #category_openModalBtn_1 {
        display: block !important;
        width: 100%;
    }
    .manager-block{
        height: 140px;
    }
    .category_mobile_header{
        display: block;
    }
    .manager-button{
        top: 0px;
        margin: 10px 0px 10px 0px;
    }
    #category_openModalBtn,
    #catalog_mobile_title,
    #catalog_mobile_description{
        display: none;
    }
    .category_mobile_header,
    .manager-title,
    .manager-description {
        width: 100% !important;
    }
    .manager-name {
        display: none;
    }
    #mobile_manager_name{
        display: grid;
        justify-content: end;
        width: 350px !important;
        margin-top: 45px;
    }
    .category_modal{
        width: inherit;
    }
    .manager-info{
        padding: 50px 30px 0px 0px;
    }
    .manager-name{
        font-size: 14px;
        margin-top: 0px !important;
    }
}
@media  (max-width: 430px) {
    
    .manager-block{
        height: 160px;
    }
    .manager-info{
        padding: 50px 30px 30px 0px;
    }
    .manager-button{
        margin: -25px 0px 10px 0px;
    }
    .manager-name{
        font-size: 14px;
        margin-top: 0px !important;
    }
    .manager-name_p_2 {
        font-weight: 600;
    }
    .category_modal{
        width: inherit;
    }
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"], .wa-form .wa-field .wa-value textarea,
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"]{
        min-width: 300px !important;
        width: 300px !important;
    }
    .category_mobile_header,
    .manager-title,
    .manager-description {
        width: 100% !important;
    }
    .manager-title {
        font-size: 20px;
    }
}
@media  (max-width: 375px) {
    #mobile_manager_name{
        width: 333px !important;
    }
    .manager-name{
        margin-top: -15px !important;
        font-size: 14px;
        width: 335px;
        margin-top: 35px;
    }
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"], .wa-form .wa-field .wa-value textarea, .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"]{
        min-width: 250px !important;
        width: 250px !important;
    }
}

/*КОНЕЦ ФОРМЫ ОБРАТНОЙ СВЯЗИ*/
/*СПИСОК РАБОТ ПОД ФОРМОЙ*/
.work-scheme {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
}

.work-scheme h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: left
}

.steps {
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.step {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 10px 25px 0px 0px;
}

.step-number {
    margin: 0px 20px 0px 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: black;
    font-weight: bold;
    /*margin-bottom: 10px;*/
    font-size: 20px;
}
.step-number_first{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: red !important;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 20px;
}

.step-content {
    position: relative;
}

.step-title {
    font-size: 14px;
    margin-bottom: 20px;
    color: black;
}

.step-arrow {
    height: auto;
    margin: 0 10px;
}


/*МОБИЛКА*/
@media (max-width: 920px){
        .steps {
        flex-direction: column;
        align-items: flex-start;
    }

    .step {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        position: relative;
    }
    .step-number_first,
    .step-number {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .step-content {
        padding-left: 40px;
    }

    .step-arrow {
        display: none;
    }
}
@media (max-width: 768px) {
    .steps {
        flex-direction: column;
        align-items: flex-start;
    }

    .step {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        position: relative;
    }
    .step-number_first,
    .step-number {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .step-content {
        padding-left: 40px;
    }

    .step-arrow {
        display: none;
    }
}

/*ЦЕНА ЗА ЕДИНИЦУ*/
/*ОБЩИЙ СПИСОК*/

.product-compact__price-block,
.product-extend__price-block,
.product-thumb__prices,
.product-add-to-cart__prices {
    display: block;
}

.product-compact__price-block .product-features-overview{
    margin-left: -5px;
    font-size: large;
    margin-top: 2px;
}
.product-compact__price-block .price_for_piece{
    line-height: 0px;
    font-size: 14px;
}
.product-compact__price-block .unit {
    margin-top: -1px;
    /*font-size: large;*/
}
/*НУМЕРОВАННЫЙ СПИСОК*/
.product-extend__price-block .product-features-overview{
    margin-left: -5px;
    font-size: 19px;
    margin-top: 6px;
}
.product-extend__price-block .price_for_piece{
    line-height: 1px;
    font-size: 17px;
}
.product-extend__price-block .unit {
    margin-top: 1px;
    margin-right: 4px;
    font-size: 16px;
}
/*ПЛИТКИ*/
.product-thumb__prices .price_for_piece{
    margin-left: -10px;
    margin-top: 17px;
}
.product-thumb__prices .product-features-overview{
    margin-left: -5px;
}
.product-thumb__prices .unit{
    /*margin-left: -10px;*/
    
    margin-top: -1px;
    font-size: 14px;
}
/*КАРТОЧКА ТОВАРА*/
.product-add-to-cart__prices .unit {
    font-size: 20px;
}

.price_for_piece_product_card{
    font-size: 19px;
}
.product-add-to-cart__prices-block .unit{
    font-size: 19px;
}
/*ГАЛЛЕРЕЯ В КАРТОЧКЕ ТОВАРА*/
.product-gallery__offer-prices .unit{
    font-size: 20px;
}
/*МОБИЛКА*/
@media (max-width: 1023px) {
    .product-extend__price {
        
        margin-right: 0px;
    }
    .product-extend__price-block {
        flex-direction: row !important;
    }
    .product-thumb__prices .price_for_piece{
        margin-top: 13px;
    }
    .product-thumb__prices .unit, .product-thumb__price-text {
        display: none;
    }
}
/*КОНЕЦ ЦЕНЫ ЗА ЕДИНИЦУ*/

/*СТИЛИЗАЦИЯ ТАБЛИЦ*/

/*ТАБЛИЦА РЕКВИЗИТЫ*/
.content-decorator table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    color: #212529 !important;
}

.content-decorator table th,
.content-decorator table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eee !important;
    color: black !important;
}

.content-decorator table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.content-decorator table tbody + tbody {
    border-top: 1px solid #eee !important;
}

.content-decorator table .table {
    background-color: #fff !important;
}

.content-decorator table tbody tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}

/*.content-decorator table tbody tr:nth-of-type(even) {*/
/*    background-color: #686868 !important;*/
/*}*/

/*КОНЕЦ ТАБЛИЦЫ РЕКВИЗИТОВ*/

/*ТАБЛИЦЫ КАТАЛОГА*/
.table-scroller {
    overflow-x: auto;
}
.table-scroller table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    color: #212529;
}

.table-scroller table th,
.table-scroller table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eee !important;
    border-left: 1px solid #eee !important; 
    border-right: 1px solid #eee !important; 
    border-bottom: 1px solid #eee !important;
    text-align: center;
}

.table-scroller table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.table-scroller p strong{
    font-weight: bold !important;
}

.table-scroller table tbody + tbody {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

.table-scroller table .table {
    background-color: #fff !important;
}

.table-scroller table tbody tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}

/*.table-scroller table tbody tr:nth-of-type(even) {*/
/*    background-color: #686868 !important; */
/*}*/

/*КОНЕЦ ТАБЛИЦ КАТАЛОГА*/

/*КОНЕЦ СТИЛИЗАЦИИ ТАБЛИЦ*/

.allOnPhoneWrap {
    width: 100% !important;
    /* width: 1415px !important; */
    display: flex;
    justify-content: space-between;
}
.allOnPhoneImg {
    /*width: 576px !important;*/
    height: 573px !important;
}
.allOnPhoneTitle {
    font-size: 64px !important;
    color: #1b1b1b;
}
.allOnPhoneSubtitle {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1b1b1b;
}
.allOnPhoneList li {
    display: flex;
    color: black;
    font-size: 32px;
    align-items: center;
}
.allOnPhoneList ul li::before {
    position: absolute;
    right: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    margin-right: 10px;
    content: "";
    border-radius: 0px;
    background-color: #E31E24;
    font-size: 0;
    line-height: 0;
}
.allOnPhoneImgMobile {
    display: none;
}

/* Интерактивная карта */
.mapContainer {
    /* width: 100% !important; */
    position: relative;
    margin-top: 70px;
}
.titleBlock {
    position: absolute;
    top: 20px;
    display: flex;
}
.mapTitle {
    color: #1b1b1b;
    font-size: 64px !important;
}
.mapSubTitle {
    color: #1b1b1b;
    font-size: 32px !important;
    font-weight: 700 !important;
}
.russiaMap {
    width: 1408px;
}
.cityMapBlock {
    /* width: 100%; */
    position: relative;
}
.mapBlock {
    width: 100%;
    /* width: 1415px !important; */
    /* height: 792px !important; */
}
.cityScroll {
    display: none;
}
.arrowBackCity {
    display: none;
}
.commonCityBtn {
    cursor: pointer;
    position: absolute;
    background-color: #E31E24;
    border: none;
    width: 13px;
    height: 13px;
    border-radius: 100px;
    transition: box-shadow 0.3s ease;
    opacity: 1;
}
.commonCityBtn.hide {
    opacity: 0;
}
.activeCityBtn {
    position: absolute;
    opacity: 0;
    border: solid #E31E24;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    transition: opacity 0.3s ease-in-out;
}
.activeCityBtn.show {
    opacity: 1;
}
.commonCityBtn:hover {
    box-shadow: 0 4px 15px #E31E24;
}
/* Положение всех точек на карте */
.cityBtn1 {
    top: 33%;
    left: 12%;
}
.cityBtn2 {
    top: 353px;
    left: 194px;
}
.cityBtn3 {
    top: 48%;
    left: 11%;
}
.cityBtn4 {
    top: 58%;
    left: 7.5%;
}
.cityBtn5 {
    top: 64%;
    left: 4%;
}
.cityBtn6 {
    top: 67%;
    left: 2%;
}
.cityBtn7 {
    top: 65%;
    left: 9%;
}
.cityBtn8 {
    top: 60%;
    left: 13%;
}
.cityBtn9 {
    top: 53%;
    left: 15.6%;
}
.cityBtn10 {
    top: 52%;
    left: 17%;
}
.cityBtn11 {
    top: 65%;
    left: 16.5%;
}
.cityBtn12 {
    top: 59%;
    left: 17.6%;
}
.cityBtn13 {
    top: 62%;
    left: 19%;
}
.cityBtn14 {
    top: 59%;
    left: 21.2%;
}
.cityBtn15 {
    top: 65%;
    left: 21.5%;
}
.cityBtn16 {
    top: 70%;
    left: 20.5%;
}
.cityBtn17 {
    top: 69%;
    left: 25%;
}
.cityBtn18 {
    top: 64%;
    left: 27.6%;
}
.cityBtn19 {
    top: 68.4%;
    left: 30.5%;
}
.cityBtn20 {
    top: 75%;
    left: 34%;
}
.cityBtn21 {
    top: 62%;
    left: 37%;
}
.cityBtn22 {
    top: 63%;
    left: 43%;
}
.cityBtn23 {
    top: 49%;
    left: 41%;
}
.cityBtn24 {
    top: 78.4%;
    left: 40.6%;
}
.cityBtn25 {
    top: 79%;
    left: 45%;
}
.cityBtn26 {
    top: 85%;
    left: 47%;
}
.cityBtn27 {
    top: 82%;
    left: 50%;
}
.cityBtn28 {
    top: 96%;
    left: 88%;
}
.cityBtn29 {
    top: 78%;
    left: 94%;
}
.cityBtn30 {
    top: 59%;
    left: 24%;
}
.cityBtn31 {
    top: 47%;
    left: 16%;
}
.cityBtn32 {
    top: 51%;
    left: 13.5%;
}
/* Попапы точек */
.commonCityPopUp {
    position: absolute;
    background-color: white;
    border: none;
    padding: 30px 40px 30px 40px;
    width: 335px;
    box-shadow: 4px 10px 30px;
}
.cityPopUpTitle {
    font-size: 20px !important;
    font-weight: 700 !important;
}
.cityPopUpRegularText {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
}
.cityPopUpBtn {
    cursor: pointer;
    width: 254px;
    height: 44px;
    background: none;
    border: solid 1px #E31E24;
    /*padding: 5px 15px 10px 15px;*/
    font-size: 20px;
    font-weight: 700;
    color: #E31E24;
}
.cityScrollBtnWrap {
    display: none;
}

/* Стили машинки */
.trackWrap {
    overflow: hidden;
    height: 270px;
    position: relative;
}
.track {
    position: absolute;
    top: 150px;
    left: -20px;
    transform: translateY(-50%);
    transition: left 0.1s ease-out;
}

/* Стили скрола на главной */
.scrollContainer {
    /* width: 100%; */
    /* width: 1400px !important; */
    margin-top: 65px !important;
}
.scrollTitle {
    color: #1b1b1b;
    font-size: 64px !important;
    font-weight: 700 !important;
}
.scrollDis li {
    display: flex;
    color: black !important;
    font-size: 32px;
    font-weight: 400;
}
.scrollDis ul li::before {
    position: absolute;
    right: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 21px;
    margin-right: 10px;
    content: "";
    border-radius: 0px;
    background-color: #E31E24;
    font-size: 0;
    line-height: 0;
}
.sclrollWrap {
    margin-top: 50px !important;
    display: flex !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    /* width: 1400px !important; */
    width: 100% !important;
}
.sclrollWrap::-webkit-scrollbar {
    display: none;
}
.scrollItem {
    margin: 10px;
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}
.scrollItem:hover {
    filter: grayscale(0%);
}
.scrollControllWrap {
    display: flex;
    justify-content: center;
    margin-top: 45px;
}
.arrow {
    cursor: pointer;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 45px;
}
.scrollBtnBlock {
    display: flex !important;
    justify-content: center !important;
}
.scrollBtn {
    cursor: pointer;
    background: #D9D9D9 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 20px !important;
    width: 30px !important;
    height: 30px !important;
}
.disabledBtn {
    background: #d9d9d960 !important;
}

/* Форма заявки на звонок */
.callbackFormContainer {
    display: flex;
    width: 100%;
    /* width: 1414px; */
    /* height: 788px; */
    box-shadow: 0 4px 45px #00000010;
    margin-top: 125px;
    height: 850px;
}
.callbackForm {
    width: 50%;
    justify-content: center;
    /*align-items: center;*/
    height: 100%;
}
.callbackInput{
    width: 70%;
    margin-left: 15%;
}
.callbackFormTxt{
    /*font-family: Carlito;*/
    font-size: 36px;
    font-weight: 700;
    line-height: 48.83px;
    text-align: center;
    color: black;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.callbackDis {
    background-image: url('/wa-data/public/site/img/callback_form_back.png');
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #F4F4F4;
    width: 50%;
    height: 100%;
}
.callbackStep {
    /*width: 80%;*/
    display: flex;
    align-items: center;
    margin: 30px 0px 10px 40px;
}
.callbackNumbWrap {
    width: 100px;
}
.callbackCurrentNumb {
    width: 43px;
    height: 120px;
    background-color: #E31E24;
    clip-path: polygon(0 10%, 142% 42%, 100% 98%, 0% 72%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 40px;
}
.callbackNumb {
    width: 43px;
    height: 120px;
    background-color: black;
    clip-path: polygon(0 10%, 142% 42%, 100% 98%, 0% 72%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 40px;
}
.callbackText {
    margin-left: 10px;
    margin-top: 20px;
}
.callbackText h3 {
    font-size: 20px;
    font-weight: 700;
}
.callbackText p {
    font-size: 20px;
    font-weight: 400;
    color: black;
}
.disBack {
    position: absolute;
    opacity: 0.5;
}
.commonActiveCityBtn {
    position: absolute;
    opacity: 0;
    /*border: solid #E31E24;*/
    /*width: 25px;*/
    /*height: 25px;*/
    /*border-radius: 100px;*/
    transition: opacity 0.3s ease-in-out;
}
    
.commonActiveCityBtn.show {
    opacity: 1;
}

.cityFrame1 {
    top: 32.2%;
    left: 11.56%;
}
.cityFrame2 {
    top: 33%;
    left: 12%;
}
.cityFrame3 {
    top: 47.2%;
    left: 10.6%;
}
.cityFrame4 {
    top: 57.2%;
    left: 7.1%;
}
.cityFrame5 {
    top: 63.2%;
    left: 3.52%;
}
.cityFrame6 {
    top: 66.2%;
    left: 1.52%;
}
.cityFrame7 {
    top: 64.2%;
    left: 8.6%;
}
.cityFrame8 {
    top: 59.2%;
    left: 12.6%;
}
.cityFrame9 {
    top: 52.2%;
    left: 15.13%;
}
.cityFrame10 {
    top: 51.2%;
    left: 16.6%;
}
.cityFrame11 {
    top: 64.2%;
    left: 16.1%;
}
.cityFrame12 {
    top: 58.2%;
    left: 17.2%;
}
.cityFrame13 {
    top: 61.3%;
    left: 18.6%;
}
.cityFrame14 {
    top: 58.2%;
    left: 20.76%;
}
.cityFrame15 {
    top: 64.2%;
    left: 21.01%;
}
.cityFrame16 {
    top: 69.2%;
    left: 20%;
}
.cityFrame17 {
    top: 68.3%;
    left: 24.56%;
}
.cityFrame18 {
    top: 63.2%;
    left: 27.2%;
}
.cityFrame19 {
    top: 67.6%;
    left: 30.1%;
}
.cityFrame20 {
    top: 74.24%;
    left: 33.6%;
}
.cityFrame21 {
    top: 61.3%;
    left: 36.6%;
}
.cityFrame22 {
    top: 62.2%;
    left: 42.52%;
}
.cityFrame23 {
    top: 48.3%;
    left: 40.51%;
}
.cityFrame24 {
    top: 77.6%;
    left: 40.2%;
}
.cityFrame25 {
    top: 78.3%;
    left: 44.5%;
}
.cityFrame26 {
    top: 84.2%;
    left: 46.6%;
}
.cityFrame27 {
    top: 81.2%;
    left: 49.6%;
}
.cityFrame28 {
    top: 95.2%;
    left: 87.56%;
}
.cityFrame29 {
    top: 77.2%;
    left: 93.6%;
}
.cityFrame30 {
    top: 58.2%;
    left: 23.6%;
}
.cityFrame31 {
    top: 46.2%;
    left: 15.6%;
}
.cityFrame32 {
    top: 50.2%;
    left: 13.1%;
}
#callbacktxt2{
    display:none;
}
/* РАЗДЕЛ О КОМПАНИИ */
.aboutCompany {
    background-image: url('/wa-data/public/site/img/company.jpg');
    background-size: 890px;
    background-repeat: no-repeat;
    background-position: right;
    height: 875px;
    display: flex;
}
.block h1 {
    font-size: 36px !important;
    /*font-weight: 700 !important;*/
}
.aboutCompany h2 {
    margin-top: -15px;
    font-size: 64px !important;
    font-weight: 700 !important;
}
.aboutCompany p {
    font-size: 32px !important;
    margin-top: 40px !important;
    color: black !important;
}
.aboutCompanyDisMobile {
    display: none;
}
.aboutCompanyDisSpec {
    color: #E31E24 !important;
}
.aboutCompanyImg {
    width: 960px !important;
}

/* СОБЫТИЯ ГОДА */
.yearEvents h1 {
    margin-top: 15px !important;
    margin-bottom: 0px;
    font-size: 32px !important;
    font-weight: 700 !important;
}
.yearEvents p {
    font-size: 32px !important;
    font-weight: 400 !important;
    color: black !important;
}
.yearEventsItem {
    border-bottom: solid black 1px;
    cursor: pointer;
}
.yearEventsItemHead {
    display: flex;
    justify-content: space-between;
}
.yearEvents h2{
    font-size: 32px !important;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
    font-weight: bold !important;
}
.yearEvents button{
    margin-top: 30px !important;
}

.arrow-down {
    position: relative;
    top: -5px;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 0.2em solid black;
    border-top: 0.2em solid black;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: 1.0em;
}
.showIventBtn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    /* padding: 10px; */
    /* font-size: 24px; */
    transition: transform 0.3s ease;
}
.rotated {
    transform: rotate(180deg);
}
.yearEventsItem.show {
    border: none;
}
.yearEventsText {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s ease;
    /* display: none; */
}
.yearEventsText.show {
    height: auto;
    /* display: block; */
}

/* НАЗВАНИЕ КОМПАНИИ */
.companyName {
    margin-top: 70px;
}
.companyName h2 {
    font-size: 64px;
    font-weight: 700;
}
.companyNameLogo {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.companyNameLogo img {
    width: 860px;
}
.companyNameLogo p {
    font-size: 20px;
    font-weight: 400;
    color: black;
}
.companyNameUral {
    margin-left: 40px !important;
}
.companyNameMobile {
    display: none;
}

/* НАША МИССИЯ */
.ourMission {
    margin-top: 50px;
}
.ourMission h2 {
    font-size: 64px !important;
    font-weight: 700 !important;
}
.ourMissionContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ourMissionContent img {
    width: 598px !important;
}
.ourMissionText p {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: black;
}
.ourMissionTextAuthor {
    float: right;
    text-align: right;
    line-height: 24px;
}
.ourMissionTextAuthorName {
    font-size: 20px !important;
}
.ourMissionTextAuthorPosition {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.ourMissionCard {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding: 20px;
    justify-items: center;
}
.commonMissonCard {
    width: 400px !important;
    height: 300px !important;
    text-align: center;
}
.commonMissonCard h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    height: 79px;
    background-image: url('/wa-data/public/site/img/mission_text_back.jpg');
    margin-top: 222px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ourMissionCard1 {
    background-image: url('/wa-data/public/site/img/about_company_card_1.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard2 {
    background-image: url('/wa-data/public/site/img/about_company_card_2.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard3 {
    background-image: url('/wa-data/public/site/img/about_company_card_3.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard4 {
    background-image: url('/wa-data/public/site/img/about_company_card_4.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard5 {
    background-image: url('/wa-data/public/site/img/about_company_card_6.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard6 {
    background-image: url('/wa-data/public/site/img/about_company_card_5.jpg'); 
    background-repeat: no-repeat;
}

@media (max-width: 1023px) {
    .multiform-submit button{
        width: 100% !important;
    }
    .callbackFormContainer{
        margin-top: 0px;
    }
    #callbacktxt2{
        display:block;
    }
    #callbacktxt1{
        display: none;
    }
    /* Адаптив для блока ВСЕГДА НА СВЯЗИ */
    .allOnPhoneWrap {
        display: grid;
        justify-content: center;
    }
    .allOnPhoneImg {
        display: none;
    }
    .allOnPhoneImgMobile {
        display: block;
    }
    .allOnPhoneTitle {
        font-size: 36px !important;

    }
    .allOnPhoneSubtitle {
        font-size: 20px !important;
    }
    .allOnPhoneList li {
        font-size: 20px !important;
    }

    /* Адаптив для интерактивной карты */
    .mapContainer {
        position: static;
        margin-left: 15px;
    }
    .titleBlock {
        position: static;
        display: flex;
        justify-content: space-between;
    }
    .mapTitle {
        font-size: 36px !important;
    }
    .mapSubTitle {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .mapBlock {
        display: none;
    }
    .cityScroll {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth !important;
        padding: 30px;
        margin-left: -30px;
    }
    .cityScroll::-webkit-scrollbar {
        display: none;
    }
    .cityScrollBtnWrap {
        display: flex;
        justify-content: center;
        margin-top: 70px;
        margin-right: 25px;
    }
    .arrowBackCity {
        display: block;
    }
    .commonCityPopUp {
        position: static;
        margin-right: 20px !important;
        width: 273px !important;
        /* height: 300px !important; */
        box-shadow: 0 4px 45px #00000010;
    }
    .cityPopUpRegularText {
        font-size: 16px !important;
    }
    .cityPopUpBtn {
        width: 213px;
        height: 40px;
        font-size: 16px;
        font-weight: 400;
    }

    /* Скрываем машинку на мобиле */
    .trackWrap {
        display: none;
    }

    /* ОБЫЧНЫЙ СКРОЛ НА МОБИЛЕ */
    .scrollTitle {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    .scrollDis li {
        font-size: 16px !important;
    }
    .sclrollWrap::-webkit-scrollbar {
        display: block;
    }
    .sclrollWrap::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }
    .scrollItem {
        height: 200px;
    }
    .arrowBack {
        display: none;
    }

    /* ФОРМА ЗАЯВКИ НА ЗВОНОК */
    .callbackForm {
        width: 420px;
    }
    .callbackDis {
        display: none;
    }
    /* О КОМПАНИИ */
    .aboutCompany {
        width: 100%;
        background-image: none;
        height: 875px !important;
    }
    .aboutCompanyDis {
        display: none;
    }
    .aboutCompanyDisMobile {
        display: block;
        width: 100%;
    }
    .aboutCompanyDisMobile h4 {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .aboutCompanyDisMobile h1 {
        font-size: 36px !important;
        font-weight: 700 !important;
    }
    .aboutCompanyDisMobile p {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    /* СОБЫТИЯ ГОДА */
    .yearEvents {
        margin-top: 200px;
    }

    /* НАЗВАНИЕ КОМПАНИИ */
    .companyName h1 {
        font-size: 36px;
    }
    .companyNameLogo {
        display: block;
    }
    .companyNameDesk {
        display: none;
    }
    .companyNameMobile {
        display: block;
    }

    /* НАША МИССИЯ */
    .ourMissionContent {
        display: block;
    }
    .ourMissionText p {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .ourMissionTextAuthorName {
        /* font-size: 20px !important; */
        font-weight: 700 !important;
    }
    .ourMissionCard {
        width: 100%;
        grid-auto-flow: column;
        overflow-x: auto;
    }
    .ourMissionCard::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }
}
/* ЗДЕСЬ РАЗДЕЛ ДОСТАВКИ */
.delivery {
    display: block;
}
.deliveryHeader {
    font-size: 48px !important;
    font-weight: 700 !important;
}

/* ШАГИ ДОСТАВКИ */
.deliveryStep {
    display: flex;
}
.mobileStepImg {
    display: none;
}

/*ПЕРВЫЙ БЛОК*/
.deliveryStepDis1 {
    /* width: 600px; */
    margin-top: 50px;
    margin-left: 47px;
    text-align: justify;
}
.deliveryStepDis1 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis1 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}
/*ВТОРОЙ БЛОК*/
.deliveryStepDis2 {
    width: 50%;
    margin-top: 120px;
    margin-right: 5%;
    text-align: justify;
}
.deliveryStepDis2 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis2 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}
/*ТРЕТИЙ БЛОК*/
.deliveryStepDis3 {
    width: 50%;
    margin-top: 170px;
    margin-left: 5%;
    text-align: justify;
}
.deliveryStepDis3 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis3 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}

/* МЕСТА ДОСТАВКИ */
.deliveryPlace{
    margin-bottom: 5%;
    margin-top: 5%;
}
.deliveryPlace h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
}
.deliveryPlace ul {
    list-style-type: none;
    padding-left: 26px;
}
.deliveryPlace li {
    font-size: 20px;
}
.deliveryPlace ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* ЛОГОТИПЫ ЧЕГО-ТО */
.logo {
    display: flex;
    justify-content: space-between;
}

/* ТИПО ДОГОВОРА */
.treaties {
    /* width: 400px !important; */
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}
.treaties h2{
    font-weight: bold !important;
}
.contracFeatures {
    width: 300px;
}
.contracFeatures2{
    width: 300px;
}
.contracFeaturesHeader {
    text-align: center;
}
.contracFeatures ul {
    list-style-type: none;
    padding-left: 0px;
}
.contracFeatures li {
    font-size: 20px !important;
}
.contracFeatures ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.contracFeatures2 ul {
    list-style-type: none;
    padding-left: 0px;
}
.contracFeatures2 li {
    font-size: 20px !important;
}
.contracFeatures2 ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacancies ul{
    padding-left: 25px !important;
}
@media (max-width: 1480px){
    .desktopStepImg{
        width: 50%;
    }
}
@media (max-width: 1220px) {
    .desktopStepImg{
        width: 50%;
    }
}
@media (max-width: 1023px) {
    .deliveryHeader {
        display: none;
    }

    /* ПЕРВЫЙ ШАГ */
    .deliveryStep {
        display: block;
    }
    .deliveryStep img {
        margin: auto;
    }
    .desktopStepImg {
        display: none;
    }
    .mobileStepImg {
        display: block;
    }
    .deliveryStepDis {
        color: black;
        margin-left: auto;
    }
    .deliveryStepDis h2 {
        font-size: 26px !important;
    }
    .deliveryStepDis p {
        font-size: 16px !important;
    }

    /* ЧОТО О ДОСТАВКЕ */
    .deliveryPlace ul {
        padding-left: revert;
    }
    .deliveryPlace li {
        color: black;
        font-size: 16px !important;
    }
    .deliveryPlace ul li::before {
        display: inline-block !important;
        width: 10px !important;
        height: 10px !important;
        margin-top: 10px !important;
        margin-right: 10px !important;
        content: "" !important;
        border-radius: 0px !important;
        background-color: #E31E24 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    /* ЛОГОТИПЫ КАКИЕ-то */
    .logo {
        margin-top: 40px;
        margin-bottom: 40px;
        overflow-x: auto !important;
    }
    .logo img {
        margin-right: 50px !important;
    }
    .logo::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }

    /* УСЛОВИЯ КОНТРАКТОВ */
    .treaties {
        display: block;
        margin: auto;
    }
    .contracFeatures {
        width: auto;
        display: grid;
        justify-items: center;
        margin-bottom: 40px;
    }
    .contracFeaturesHeader h2 {
        font-weight: 700;
    }
    .contracFeatures ul {
        padding-left: revert;
        width: auto;
    }
    .contracFeatures li {
        color: black;
        font-size: 16px !important;
    }
    .modal {
        z-index: 100;
    }
    .modal img {
        width: 95%;
    }
}
@media (max-width: 550px) {
    .vacanciesTeamSource{
        gap: 0px !important;
    }
    .scrollItem{
        margin-bottom: 20px;
    }
    .deliveryStepDis1 h2 {
        font-size: 26px !important;
        /*display: none;*/
    }
    .deliveryStepDis1 p,
    .deliveryStepDis2 p,
    .deliveryStepDis3 p {
        font-size: 16px !important;
    }
    .deliveryStepDis1,
    .deliveryStepDis2,
    .deliveryStepDis3 {
        margin-top: 20px !important; 
        margin-left: 0px !important;
        width: 100%;
    }
    .deliveryPlace ul li{
        text-align: justify;
    }
    .deliveryPlace ul{
        padding-left: 26px;
    }
    .deliveryPlace ul li::before{
        margin-right: 15px !important;
    }
    .contracFeatures ul,
    .contracFeatures2 ul {
        padding-left: 20px;
    }
    .contracFeatures li,
    .contracFeatures2 li{
        color: black;
        font-size: 16px !important;
        text-align: justify;
    }
    .contracFeatures2 ul{
        width: 100% !important;
    }
    .contracFeatures,
    .contracFeatures2 {
        width: auto;
    }

    .contracFeatures {
        display: block;
    }
    /*О КОМПАНИИ*/
    .aboutCompany{
        height: 360px !important;
    }
    .block h1{
        font-size: 26px !important;
    }
    .aboutCompany h2{
        font-size: 36px !important;
    }
    .aboutCompany p {
        margin-top: 0px !important;
        text-align: justify;
    }
    .companyName h2{
        font-size: 36px !important;
        font-weight: bold !important;
    }
    .companyName{
        margin-top: 30px;
    }
    .companyName{
        text-align: justify;
    }
    .companyNameLogo{
        margin-top: 30px;
    }
    .companyNameUral{
        margin-left: 0px !important;
    }
    .ourMission h2{
        font-size: 36px !important;
        font-weight: bold !important;
    }
    .ourMission{
        margin-top: 25px;
    }
    /*.ourMissionText p{*/
    /*    text-align: justify;*/
    /*}*/
    .commonMissonCard{
        width: 350px !important;
        height: 300px !important;
        margin-left: -20px;
        margin-right: 20px;
    }
    .yearEvents{
        margin-top: 280px;
    }
    .aboutCompanyDisMobile p{
        font-size: 20px !important;
    }
    .yearEvents p {
        font-size: 20px !important;
    }
    .yearEvents h2{
        font-size: 20px !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }
    .yearEvents button{
        margin-top: 25px !important;
    }
    .aboutCompanyDisMobile{
        text-align: justify;
    }
    .ourMissionCard{
        margin-bottom: 10%;
    }
    /*ДОСТАВКА И ОПЛАТА*/
    .treaties{
        margin-bottom: 10%;
    }
}

/* СТИЛИЯ ДЛЯ РАЗДЕЛА ВАКАНСИЙ */

/* ОБЕРТКА */
.vacancies h1 {
    font-size: 48px !important;
    font-weight: 700 !important;
}

/* СТАНЬ ЧАСТЬЮ КОМАНДЫ */
.vacanciesTeam h2 {
    font-size: 64px !important;
    font-weight: 700 !important;
}
.vacanciesTeam ul {
    list-style-type: none;
}
.vacanciesTeamMobile {
    display: none;
}
.vacanciesTeam li {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
}
.vacanciesTeam ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacanciesTeamSource {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
    margin-top: 5%;
    gap: 70px;
}
.vacanciesEventList{
    margin-top: 3% !important;
}
.vacanciesTeamSourceItem  {
    text-align: center;
    width: 150px !important;
}
.vacanciesTeamSourceItem p {
    margin-top: -20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: black;
}
.vacanciesTeam img {
    width: 1390px !important;
}

/* РАБОчИЕ БУДНИ */
.vacanciesWorkday {
    margin-top: 100px;
}
.vacanciesWorkday h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.vacanciesWorkday p {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
    margin-top: 30px;
    margin-bottom: 30px;
}
.vacanciesWorkdayImg {
    display: flex;
    justify-content: space-between; /* Равномерно распределяет элементы */
    gap: 10px; /* Отступ между изображениями */
    
}
.vacanciesWorkdayImg img {
    margin-bottom: 10px !important;
}

/* МЕРОПРИЯТИЯ И КОРПОРАТИВЫ */
.vacanciesEvents {
    margin-top: 40px !important;
}
.vacanciesEvents h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.vacanciesEvents ul {
    list-style-type: none;
}
.vacanciesEvents li {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black;
}
.vacanciesEvents ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacanciesEventsImg {
    margin-top: 40px !important;
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    gap: 10px; /* Отступ между изображениями */
    
}
.vacanciesEventsImg img {
    margin-bottom: 10px !important;
}

/* ПЕРЕЙТИ К ВАКАНСИЯМ */
.vacanciesGo {
    margin-top: 40px !important;
}
.vacanciesGo h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}

/* МОБИЛЬНЫЕ СТИЛИ ДЛЯ ВАКАНСИЙ */
@media (max-width: 1023px) {
    /* ЧАСТЬ КОМАНДЫ */
    .vacancies {
        margin-top: 40px !important;
    }
    .vacancies h1 {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .vacanciesTeam h2 {
        font-size: 36px !important;
        line-height: 40px !important;
    }
    .vacanciesTeam ul {
        display: none;
    }
    .vacanciesTeamMobile {
        display: block;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: black;
    }
    .vacanciesTeam img {
        margin-top: 40px !important;
    }

    /* РАБОЧИЕ БУДНИ */
    .vacanciesWorkday h2 {
        font-size: 20px !important;
    }
    .vacanciesWorkday p {
        font-size: 16px !important;
    }
    .vacanciesWorkday{
        margin-top: 10%;
    }
}
@media (max-width: 550px) {
    .block__links {
        margin-right: 0px;
    }
    .callbackFormContainer{
        height: 920px;
    }
    .callbackFormTxt{
        font-size: 32px;
    }
    .callbackForm {
        width: 100%;
    }
    .callbackFormContainer .row{
        width: 95%;
    }
    #modal{
        display: none;
    }
    .#callbacktxt2{
        width: 95%;
    }
    .cityScrollBtnWrap {
        display: none;
    }
    .vacanciesWorkdayImg{
        width: 100%;
        overflow-x: auto;
        white-space: nowrap; /* Предотвращает перенос строк */
        display: inline-block; /* Позволяет изображениям располагаться рядом друг с другом */
        padding: 20px;
    }
    .vacanciesWorkdayImg img{
        height: 250px !important;
        margin-left: -20px;
        margin-right: 40px;
    }
    .vacanciesWorkdayImg::-webkit-scrollbar-thumb{
        background-color: #E31E24;
    }
    .vacanciesEventsImg{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Два столбца с одинаковой шириной */
        gap: 20px; /* Расстояние между элементами */
        margin-top: 40px !important;
        text-align: center;
    }
    .scrollBtnBlock{
        display: none !important;   
    }
}
.g-recaptcha {
    display: none;
}

/* KD: кастомизация блока FAQ */

/*Не применять, т.к. ломается анимация*/
/*.groupQuestions__item-header {*/
/*    padding: 10px 20px !important;*/
/*}*/


.groupQuestions__title {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

/*Не применять, т.к. ломается анимация*/
/*.groupQuestions__item-content {*/
/*    padding: 10px 20px 15px 20px !important;*/
/*}*/
.groupQuestions__item-title {
    font-weight: 600 !important;  
}

.groupQuestions__item-header {
    transition: background-color 300ms linear;
}

.groupQuestions__item-header:hover {
    background-color: #f9f9f9
}

.groupQuestions__item--open .groupQuestions__item-header {
    background-color: #f9f9f9
}

.groupQuestions__spoiler-indicator {
    color: #E31E24;
}

@media screen and (max-width: 1023px) {
    .groupQuestions__title {
        font-size: 20px !important;
    }
    .groupQuestions__item-title {
        font-weight: 500 !important;  
    }
}
/*KD: конец кастомизации блока FAQ*/

/*KD: перенесла плагин "Купить в 1 клик 2.0" с Бринелля, но стили в плагине где-то глубоко закешировались и через интерфейс не сбиваются, поэтому тут импотент на импотенте */
.buy1click2-button {
    border-radius: 0px !important;
}

.buy1click2-button_profile_2 {
    display: none !important;
}

.buy1click2-button_profile_4, .buy1click2-button_profile_3, .buy1click2-button_profile_1 {
    color: #ffffff !important;
    border-radius: 0px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.buy1click2-button_profile_3 {
    background: #686868 !important;
}

.buy1click2-button_profile_1, .buy1click2-button_profile_4 {
    background: #E31E24 !important;
}


.buy1click2-form-button, .buy1click2-form__submit-button {
    background: #E31E24 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.buy1click2-input-text:focus {
    border-color: #E31E24 !important;
}

.buy1click2-form__policy a {
    border-color: #E31E24 !important;
}

.buy1click2-checkbox.jq-checkbox.checked {
    border-color: #E31E24 !important;
}

.buy1click2-svg-icon__content {
    fill: #E31E24 !important;
}

.buy1click2-textarea:focus {
    border-color: #E31E24 !important;
}

/* красный #E31E24 */

/* стили на главной */

.add-to-cart.button_style_inverse:hover, .header-bottom-bar_transparent .add-to-cart.header-bottom-bar-shop-catalog-button.button_active:hover {
    color: #fff;
}

.header-top-bar {
    background:#fff;
}

.banners__item {
    border-radius: 0;
}

.index-subscribe {
    background-color: #fafafa;
}

.category-thumb {
    border: 2px solid #000;
}

.items-list-horizontal_40, .items-list_40 {
    gap: 40px;
}

.plugin_arrived-value.submit input {
    width: 100% !important;
}

.header-middle-bar__container-logo {
    padding-right: 50px;
}

.advantages__item {
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
    outline: none;
    flex-basis: 0;
}

.dp-product {
	background: #fafafa !important;
	padding: 25px;
    border-radius: 15px !important;
}

.dp-product__header {
	text-align: center;
}


.complex-plugin-table__title {
    background: #fafafa;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    padding: 12px;
    margin: 0px 0 9px 0;
    text-align: center;
}
.page_complex .complex-plugin-table table tr {
    padding: 5px 25px 5px 25px;
}

.product-page__description {
    max-width: 100%;
}

#percent {
    background-color: #7fe77f91;
    color: #1b1b1ba1;
    border-radius: 10px;
    padding: 4px;
    margin: 5px 5px 0 0;
}
#period {
    display: inline-block;
    width: 85px;
    color: #626262;
}
.product-cart-form__block .button {
	width: 100%;
}
.catalog-list__link {
    color: var(--font-color);
}
.list-rows__item {
    color: var(--font-color) !important;
}
.content-decorator tr:nth-child(2n) td {
    background: #ffffff;
}

.post-thumb {
    background: #fafafa;
    color: black;
}

.fixed-bar__item {
    color: #1b1b1b;
}

.pages-tree__item_selected>.pages-tree__item-link {
    padding-left: 17px;
    border-left: 2px solid #ff0000;
}

.footer {
    color: #000;
    background-color: #fff;
    font-size: 12px;
}

.content-decorator .footer a, .footer .content-decorator a, .footer .link, .footer .link-decorator a, .link-decorator .footer a {
    color: #000;
}

.footer .footer-phone__hint {
    color: #000;
}

.footer .link-box_style_hover .link-box__link {
    color: #000;
}

.footer .r-footer__phone-link {
    color: #000;
}

.footer .r-footer__address .link-box__link, .footer .r-footer__address a {
    color: #000;
}

/* стилизуем таблицу */

@media screen and (max-width: 600px) {
  .about table {
    border: 0;
  }

  table thead {
    display: none;
  }

  .about table tr {
    margin-bottom: 20px;
    display: block;
  }

  table td {
    display: block;
    text-align: left;
  }

  table td:last-child {
    border-bottom: 0;
  }

  table td:before {
    /*content: attr(data-label);*/
    float: left;
  }
  .content-decorator td, .content-decorator th {
    padding: 12px 0px;
  }
}
@media screen and (min-width: 601px) {
  .content-decorator td, .content-decorator th {
    padding: 0px 25px 0px 0px;
  }
    table tr {
    margin-bottom: 20px;
  }
}


@media (max-width: 1023px) {

    .r-footer__phone-hint {
        color: rgb(0 0 0 / 68%);
    }
    
    .r-footer__map-link .link-box__link {
        color: #000;
    }   
    
    .banner__background-image {
        max-height:450px;
    }
    
    .r-header-menu__tiggle {
        color: #1b1b1b;
    }
    
    .r-header__list-item-link {
        padding-top: 6px;
        color: #1b1b1b;
    }
    .r-header__list-item-link_phone {
        background-color: #fff;
    }
    .r-header__list-item-link_phone {
        color: #1b1b1b;
    }
    .r-header-contacts-btn .link-box__icon {
        color: #1b1b1b;
    }
    .r-header-contacts__navigator {
        display: none;
    }
}

/* формы получить кп */

.header-middle-bar-shop__form-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	margin-left: 24px;
	padding: 0px 15px 0px 15px;
    margin-top: 1px;
    border: 0;
}

.header-middle-bar-shop__form-button + .header-middle-bar-shop__links-container {
	padding-left: 24px;
}

.modal-multiform .feedbacknew__header {
	display: grid;
	grid-template: 82px 34px/318px 110px;
	gap: 4px 184px;
	padding-bottom: 16px;
}

.modal-multiform .feedbacknew__header-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 24px;
	color: #000;
	align-self: end;
	width: 387px;
}

.modal-multiform .feedbacknew__header-logo {
	width: 110px;
	height: 110px;
}

.modal-multiform .feedbacknew__header-divider {
	width: 144px;
	height: 0;
	margin-left: 37px;
}

.multiform-body .multiform-gap-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


.multiform-body .multiform-fileinput-button > span {
	display: none;
}

.multiform-body .multiform-file-info {
	font-size: 12px;
	margin-top: 2px;
}

.multiform-body .multiform-submit .button {
	font-size: 16px;
	padding: 9px 19px 10px;
	text-align: center;
}
@media (max-width: 720px) {
    .multiform-body .multiform-submit .button {
        width: 100%;
    }
}

.header-floating__contacts {
	margin-right: 32px;
}
.multiform-gap-value{
    overflow-y: hidden;
}
#wahtmlcontrol_fields_captcha_1-1 {
    position: relative; 
    width: 304px;
    height: 78px;
    /*display: none;*/
}
#wahtmlcontrol_fields_captcha_2-1 {
    position: relative; 
    width: 304px;
    height: 78px;
}

/* НОВЫЕ КАСТОМНЫЕ СТИЛИ */

/*КАЛЬКУЛЯТОР*/
.calc-form {
    background-color: #fafafa !important;
}

.calc-footer {
    background-color: white !important;
}

.calc-form {
    background-color: transparent !important;
}

.calc-form a {
    color: #1b1b1b !important;
}

.calc-toggle-button.current {
    box-shadow: inset 0 0 1px 2px #686868 !important;
}

.calc-submit, .calc-footer-btn {
    border-radius: 0px !important;
    width: 210px;
    transition-duration: 300ms;
    background-color: #e31e24 !important;
}

.calc-submit:hover{
    background-color: rgb(230, 51, 57) !important;
} 

.calc-fright .row {
    margin-left: -49% !important;
    width: 1300px;
}

.calc-frow .size_or_voc-voc {
    margin-left: -10% !important;
}

.calc-submit {
    margin-left: -40%;
}

.calc-inp.gost-select option {
    color: #1B1B1B !important;
}
.calc-inp.gost-select option:hover {
    background-color: #d0d0d0 !important;
}

.calc-toggle-button svg {
    mix-blend-mode: difference;
    filter: grayscale(1); 
}

.calc-frow.assortment-x.assortment-corner.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-balk,
.calc-frow.assortment-x.assortment-armature,
.calc-frow.assortment-x.assortment-corner,
.calc-frow.assortment-x.assortment-circle.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-circle,
.calc-frow.assortment-x.assortment-strip.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-strip,
.calc-frow.assortment-x.assortment-pipe,
.calc-frow.mt-3.assortment-x.assortment-pipe.assortment-sheet.assortment-pipeProf.assortment-corner.assortment-circle.assortment-square.assortment-hex.assortment-strip.size_or_voc-x.size_or_voc-size, 
.calc-frow.assortment-x.assortment-square.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-square,
.calc-frow.assortment-x.assortment-sheet,
.calc-frow.assortment-x.assortment-channel,
.calc-frow.assortment-x.assortment-channel.channel_gost-x.channel_gost-.channel_gost-1.channel_gost-5,
.calc-frow.assortment-x.assortment-pipeProf.size_or_voc-x.size_or_voc-voc,
.calc-frow.assortment-x.assortment-pipeProf,
.calc-frow.assortment-x.assortment-hex.size_or_voc-x.size_or_voc-voc, 
.calc-frow.assortment-x.assortment-hex, 
.calc-frow.result-row {
    width: 45%;
}

.calcus-container .assortment-x {
    width: 42%;
}

.calc-form .calc-label {
    filter: grayscale(1);
}

.modal.cityselect-modal.modal_opened {
    display: block !important;
    height: auto !important;
    width: 700px !important;
    position: static;
}

.modal.modal-multiform.modal_opened {
    display: block !important;
    height: auto !important;
    width: auto !important;
    position: static;

}

:root {
    --submit-background: #e31e24 !important;
    --submit-background-hover: rgb(230, 51, 57) !important;
}

@media (min-width: 1024px) {
    .calc-fright .container {
        min-width: 0px;
    }
}

@media (max-width: 512px) {
    .calc-fright .row {
        margin-left: -4% !important;
        width: auto !important;
    }
    .calc-submit {
        margin-left: 0%;
    }
    .calc-frow.assortment-x.assortment-corner.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-balk,
    .calc-frow.assortment-x.assortment-armature,
    .calc-frow.assortment-x.assortment-corner,
    .calc-frow.assortment-x.assortment-circle.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-circle,
    .calc-frow.assortment-x.assortment-strip.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-strip,
    .calc-frow.assortment-x.assortment-pipe,
    .calc-frow.mt-3.assortment-x.assortment-pipe.assortment-sheet.assortment-pipeProf.assortment-corner.assortment-circle.assortment-square.assortment-hex.assortment-strip.size_or_voc-x.size_or_voc-size, 
    .calc-frow.assortment-x.assortment-square.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-square,
    .calc-frow.assortment-x.assortment-sheet,
    .calc-frow.assortment-x.assortment-channel,
    .calc-frow.assortment-x.assortment-channel.channel_gost-x.channel_gost-.channel_gost-1.channel_gost-5,
    .calc-frow.assortment-x.assortment-pipeProf.size_or_voc-x.size_or_voc-voc,
    .calc-frow.assortment-x.assortment-pipeProf,
    .calc-frow.assortment-x.assortment-hex.size_or_voc-x.size_or_voc-voc, 
    .calc-frow.assortment-x.assortment-hex {
        width: 65%;
    }
}
/*КОНЕЦ КАЛЬКУЛЯТОРА*/

/* МОДАЛЬНОЕ ОКНО УСПЕШНОЙ ОТПРАВКИ ФОРМЫ */
.modal-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100vh !important;
    padding: 24px !important;
    overflow: hidden !important;
    background: rgba(0, 0, 0, .8) !important;
    z-index: 1000 !important;
    animation: modal_fadein .2s ease-in-out !important;
    opacity: 1 !important;
    transition: opacity 0.5s ease;
}
.modal-wrapper.hiden {
    opacity: 0 !important;
}
.modal-wrapper.hiden.none {
    display: none !important;
}
.modalWindow {
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 8px auto !important;
    padding: 30px 40px !important;
    background-color: #fff !important;
    border-radius: 15px !important;
    position: relative !important;
}
.modalClose {
    cursor: pointer !important;
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
}

/* ФОРМА РАСЧЕТА ПО ЗАЯВКЕ */
.appCalcForm {
    position: relative !important;
    display: flex !important;
    justify-content: space-around !important;
    height: 100% !important;
}
.appCalcFormTitleBlock {
    width: 50% !important;
}
.appCalcTitle {
    font-size: 42px !important;
}
.appCalcFormBlock {
    margin-bottom: 50px !important;
}
.appCalcCornerImg {
    width: 310px !important;
    position: absolute !important;
    left: 0px !important;
    bottom: 0px !important;
}

.appCalcFormMessage {
    font-size: 20px;
    color: black;
}

.multiform-gap-field.type-section .multiform-gap-value {
    display: block !important;
    margin-bottom: 21px !important;
}
.errormsg {
    color: red !important;
}
.form_name_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    
}
.form_phone_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    
}
.form_email_calc_request {
    width: 435px !important;
    height: 65px !important;
    background-color: #FBFBFB !important;
    /*margin-bottom: 21px !important;*/
}
.form_input_calc_request {
    width: 435px !important;
    height: 129px !important;
    /*margin-bottom: 21px !important;*/
}
.form_file_calc_request {
    width: 435px !important;
    /*margin-bottom: 21px !important;*/
}
.form_policy_calc_request {
    appearance: none !important;
    cursor: pointer !important;
    /*margin-bottom: 21px !important;*/
}
@media (max-width: 1024px) {
    .appCalcForm {
        display: grid !important;
    }
    .appCalcFormTitleBlock {
        width: 100% !important;
    }
    
    .form_phone_calc_request {
        width: 100% !important;
    }
    .form_email_calc_request {
        width: 100% !important;
    }
    .form_input_calc_request {
        width: 100% !important;
    }
    .form_file_calc_request {
        width: 100% !important;
    }
    .form_policy_calc_request {
        width: 100% !important;
    }
}
/* КОНЕЦ ФОРМы РАСЧЕТА ПО ЗАЯВКЕ */

/*ФОРМА ОБРАТНОЙ СВЯЗИ С УСПЕШНЫМ МУЖЧИНОЙ*/

/* ПЕРЕХОД К ВЕРХНЕЙ ЧАСТИ СТРАНИЦЫ С УСПЕШНЫМ МУЖЧИНОЙ */
.goUpBlock {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
}
.goUpImg {
    position: relative !important;;
}
.goUpImgName {
    position: absolute !important;
    top: 40% !important;
    left: 50% !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: black !important;
}
.goUpImgPosition {
    position: absolute !important;
    top: 70% !important;
    left: 50% !important;
    color: black !important;
    font-size: 14px !important;
}

.goUpBtn {
    background-color: #E31E24;
    width: 400px;
    height: 50px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}
.goUpText {
    color: black;
    font-size: 20px;
    font-weight: bold;
}
.goUpTextMobile {
    display: none !important;
}

@media (max-width: 900px) {
    .goUpBlock {
        width: 100% !important;
        display: grid !important;
    }
    .goUpImg {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    .goUpBtn {
        width: 100% !important;
    }
    .goUpText {
        display: none !important;
    }
    .goUpTextMobile {
        display: block !important;
        color: black;
        font-size: 20px;
        font-weight: bold;
    }
}
@media (max-width: 370px) {
    .goUpImgName {
        font-size: 16px !important;
    }
    .goUpImgPosition {
        font-size: 14px !important;
    }
}
/* КОНЕЦ ПЕРЕХОДА К ВЕРХНЕЙ ЧАСТИ СТРАНИЦЫ С УСПЕШНЫМ МУЖЧИНОЙ */

/* ФОРМА ЗАТРУДНЕНИЯ С ВЫБОРОМ */
.selectIssueBlock {
    width: auto !important;
    margin-bottom: 33px;
}
.selecIssue {
    display: flex;
}
.selecIssueMobile {
    display: none;
}
.selecIssueTitle {
    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 38px !important;
}
.selectIssueManager {
    z-index: 1;
}
.selectIssueManagerImg {
    max-width: none !important;
    z-index: 2;
}
.selecIssueInput {
    width: 960px;
    height: 135px;
    position: relative;
    top: 41px;
    left: -218px;
    padding-top: 9px;
    padding-left: 225px;
    background-color: #F3F3F3;
}
.selecIssueInputTitle {
    font-weight: 700 !important;
    font-size: clamp(12px, 2vw, 32px) !important;
    margin-bottom: 16px !important;
}

.selectInputBtn {
    margin-left: 50px !important;
}
.stepList {
    display: flex;
    justify-content: space-between;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.stepListTitle {
    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 22px !important;
}
.stepList .stepItem::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: black !important;
}
.stepList .stepItemFirst::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: #E31E24 !important;
}
.stepItemFirst {
    margin-top: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stepItem {
    margin-top: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stepItemText {
    color: black;
    font-weight: 400;
    font-size: 14px;
    width: 180px;
}
.arrowElement {
    display: flex;
    align-items: center;

}
.stepList .arrowElement::before {
    content: "" !important;
}
.stepItemArrow {
    height: 42px;
}

.selecIssueTitle {
    font-size: 20px !important;
}
.selecIssue {
    display: none;
}
.selecIssueMobile {
    display: grid;
    justify-content: center;
}
.callBackText {
    font-size: 20px;
    color: black;
}
.selectIssueManagerMobile {
    display: flex;
    margin-bottom: 37px;
}
.managerName {
    position: relative;
    top: 48px;
    left: -80px;
    font-size: 16px;
    color: black;
    width: 205px;
}
.inputMobileBlock {
    display: block;
    width: 404px;
    height: 155px;
    text-align: center;
    background-color: #F3F3F3;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.selecIssueInpuField {
    width: 260px;
    margin-top: 21px;
    margin-bottom: 10px;
}

.selecIssueInpuBtn {
    width: 110px;
    margin-top: 8px;
}

.input_section_1 .multiform-gap-field.multiform-gap-captcha.s-required.size-medium.multiform-recaptcha {
    display: none; 
}

.multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        content: '';
        position: absolute;
        top: 63px;
        left: 145px;
        width: calc(100% + -180px);
        height: calc(100% + -47px);
        background-color: #F3F3F3;
        transform: translate(-20px, -20px);
        z-index: 1;
    }
    
.multiform-gap-field.type-html.pos-left.mf-colm12.input_form_header {
    z-index: 1;
    position: absolute;
    top: 88px;
    left: 35%;
    transform: translate(-20px, -20px);
}

.multiform-gap-field.type-html.pos-left.mf-colm12.input_form_header h2 {
    font-size: 24px;
    font-weight: bold !important;
}

.stepList .stepItem::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: black !important;
}
.stepList .stepItemFirst::before {
    font-size: 20px;
    font-weight: 700;
    position: absolute !important;
    right: 100% !important;
    margin-right: 15px !important;
    content: counter(li) !important;
    text-align: center !important;
    color: #E31E24 !important;
}

.selecIssueMobile {
    display: none !important;   
}

.input_section_1 {
    position: relative;
    display: flex;
    align-items: center;
}

.input_section_2 {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 30px;
    margin: 7% 0px 0px 0px;
    z-index: 2;
}

.multiform-gap-field.type-section .multiform-gap-value {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.multiform-gap-field.type-section.selectIssueManagerImg {
    max-width: 50px; 
    margin-right: 10px;
}

.selectIssueManagerImg_2{
    display: none;
}

.multiform-wrap.callback_form_category.default-theme.multiform-submit {
    display: none !important;
}
.manager-block{
    background-image: url('/wa-data/public/site/img/Men_background.jpg');
    background-repeat: no-repeat;
}
.manager_mobile-block{
    background-image: url('/wa-data/public/site/img/mobile_catalog_callback.jpg');
    background-repeat: no-repeat;
    display: none;
    background-size: contain;
}
.manager-name {
    display: grid;
    justify-content: end;
    width: 350px;
    margin-top: 45px;
}
.manager-name_p_1{
    margin-bottom: 5px !important;
}
.manager-name_p_2{
    margin-top: 0px !important;
}
@media  (max-width: 1380px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        left: 145px;
    }
}
@media  (max-width: 1280px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 185px;
        left: 20px;
        width: calc(100% + -20px);
        height: calc(100% + -165px);
        box-shadow: 0px 4px 4px 0px #00000040;
        
    }
    
    .selecIssueInpuField {
        margin: 0px 0px 15px 0px;
    }
    
    .input_section_1, .input_section_2 {
        position: relative;
    }
    
    .input_section_1, .input_section_2 {
        display: inline-block;
    }
    
    .input_form_header {
        display: none;
    }
    
    .selectIssueManagerImg_2{
        display: block;
    }
    .selectIssueManagerImg{
        display: none;
    }
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 320px !important;
    }
    .selecIssueMobile {
        display: block !important;   
    }
    .selectIssueManager, .selecIssueInput {
        display: none !important;
    }
    
    .stepList {
        display: block;
    }
    .stepItemFirst {
        margin-left: 25px;
    }
    .stepItem {
        margin-left: 25px;
    }
    .stepItemText {
        width: 100%;
    }
    .arrowElement {
        display: none;
    }
    .stepItemArrow {
        display: none;
    }
}
@media  (max-width: 430px) {
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        left: 30px;
    }
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 20px;
    }
}
@media  (max-width: 400px) {
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 285px !important;
    }
    
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 175px;
        left: 30px;
        width: calc(100% + -20px);
        height: calc(100% + -155px);
    }
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 414px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 390px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 17px;
    }
}
@media  (max-width: 375px) {
    .selecIssueInpuField, .selecIssueInpuBtn {
        margin-left: 10px;
    }
}
@media  (max-width: 320px) {
    .selecIssueInpuBtn, .selecIssueInpuField {
        width: 230px !important;
    }
    
    .multiform-gap-field.type-section.mf-colm12.multiform-section.sort-list.input_section_1::before {
        top: 155px;
        left: 30px;
        width: calc(100% + -20px);
        height: calc(100% + -140px); 
    }
}
    
/*КОНЕЦ ФОРМЫ С УСПЕШНЫМ МУЖЧИНОЙ*/

/*ЖИРНЫЙ В ШАПКЕ*/
.header-top-bar {
    font-size: 13px;
    font-weight: 600;
}

.header-top-bar-contacts__phone, .header-top-bar-contacts__phone-link {
    font-weight: 700;
    font-size: 17px;
}
/*ФОРМА ОБРАТНОЙ СВЯЗИ ДЛЯ ПОСАДОЧНОЙ*/

.multiform-wrap.default-theme {
    box-shadow: none !important;
    border: none !important;
}
.great_form{
    box-shadow: none !important;
    border: none !important;
}

/*ФОРМА ОБРАТНОЙ СВЯЗИ*/

.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"],
.wa-form .wa-field .wa-value textarea {
    font-family: 'Arial';
    font-size: 14px;
    width: 400px;
}
.wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"] {
    min-width: 400px !important;
}
.wa-form .wa-field .wa-name{
    display: none;
}
.form-row {
    padding-left: 0% !important;
}
.category_modal_header{
    display: grid;
    grid-template: 20px 35px / 300px 110px;
    gap: 4px 180px;
}
.category_modal_header_title{
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    width: 405px;
}
.category_modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 24px;
    overflow: hidden;
    background: rgba(0, 0, 0, .8);
    z-index: 1000;
    animation: modal_fadein .2s ease-in-out;
}

@keyframes modal_fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.category_modal {
    padding: 20px 20px 10px 30px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.category_modal__close {
    cursor: pointer;
    margin-left: 620px;
    top: 10px;
    right: 10px;
}
.manager-block {
    display: flex;
    align-items: center;
    width: 100%; 
    height: 200px; 
    overflow: hidden;
}
.manager-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.manager-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 30px 15px 30px;
}

.manager-name {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.manager-title {
    width: 480px;
    font-size: 28px;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}

.manager-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.manager-button {
    padding: 10px 20px;
    background-color: #e31e24;
    color: white;
    border: none;
    cursor: pointer;
    align-self: flex-end;
    transition-duration: 300ms;
    top: -20px;
    position: relative;
}

.manager-button:hover {
    background-color: rgb(230,51,57);
}
.category_mobile_header{
    display: none;
}

#mobile_category_openModalBtn {
        display: none;
    }
.category_modal__close{
    margin-left: 98%;
}
#category_openModalBtn_1{
    display: none;
}
#mobile_manager_name{
    display: none;
}
/*МОБИЛКА ОБРАТНОЙ СВЯЗИ*/
@media  (max-width: 1200px) {
    .manager-title{
        width: 340px;
        font-size: 24px;
    }
}
@media  (max-width: 720px) {
    
    
    .category_modal__close{
        margin-left: 96%;
    }
    .manager-title{
        width: 340px;
        font-size: 24px;
    }
    .manager_mobile-block {
        display: flex !important;
    }
    .manager-block {
        background-image: url('/wa-data/public/site/img/mobile_catalog_callback.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    #category_openModalBtn_1 {
        display: block !important;
        width: 100%;
    }
    .manager-block{
        height: 140px;
    }
    .category_mobile_header{
        display: block;
    }
    .manager-button{
        top: 0px;
        margin: 10px 0px 10px 0px;
    }
    #category_openModalBtn,
    #catalog_mobile_title,
    #catalog_mobile_description{
        display: none;
    }
    .category_mobile_header,
    .manager-title,
    .manager-description {
        width: 100% !important;
    }
    .manager-name {
        display: none;
    }
    #mobile_manager_name{
        display: grid;
        justify-content: end;
        width: 350px !important;
        margin-top: 45px;
    }
    .category_modal{
        width: inherit;
    }
    .manager-info{
        padding: 50px 30px 0px 0px;
    }
    .manager-name{
        font-size: 14px;
        margin-top: 0px !important;
    }
}
@media  (max-width: 430px) {
    
    .manager-block{
        height: 160px;
    }
    .manager-info{
        padding: 50px 30px 30px 0px;
    }
    .manager-button{
        margin: -25px 0px 10px 0px;
    }
    .manager-name{
        font-size: 14px;
        margin-top: 0px !important;
    }
    .manager-name_p_2 {
        font-weight: 600;
    }
    .category_modal{
        width: inherit;
    }
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"], .wa-form .wa-field .wa-value textarea,
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"]{
        min-width: 300px !important;
        width: 300px !important;
    }
    .category_mobile_header,
    .manager-title,
    .manager-description {
        width: 100% !important;
    }
    .manager-title {
        font-size: 20px;
    }
}
@media  (max-width: 375px) {
    #mobile_manager_name{
        width: 333px !important;
    }
    .manager-name{
        margin-top: -15px !important;
        font-size: 14px;
        width: 335px;
        margin-top: 35px;
    }
    .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"], .wa-form .wa-field .wa-value textarea, .wa-form .wa-field .wa-value input[type="text"], .wa-form .wa-field .wa-value input[type="email"], .wa-form .wa-field .wa-value input[type="password"], .wa-form .wa-field .wa-value input[type="tel"]{
        min-width: 250px !important;
        width: 250px !important;
    }
}

/*КОНЕЦ ФОРМЫ ОБРАТНОЙ СВЯЗИ*/
/*СПИСОК РАБОТ ПОД ФОРМОЙ*/
.work-scheme {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    text-align: left;
}

.work-scheme h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: left
}

.steps {
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.step {
    display: flex;
    align-items: center;
    flex: 1;
    margin: 10px 25px 0px 0px;
}

.step-number {
    margin: 0px 20px 0px 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: black;
    font-weight: bold;
    /*margin-bottom: 10px;*/
    font-size: 20px;
}
.step-number_first{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: red !important;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 20px;
}

.step-content {
    position: relative;
}

.step-title {
    font-size: 14px;
    margin-bottom: 20px;
    color: black;
}

.step-arrow {
    height: auto;
    margin: 0 10px;
}


/*МОБИЛКА*/
@media (max-width: 920px){
        .steps {
        flex-direction: column;
        align-items: flex-start;
    }

    .step {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        position: relative;
    }
    .step-number_first,
    .step-number {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .step-content {
        padding-left: 40px;
    }

    .step-arrow {
        display: none;
    }
}
@media (max-width: 768px) {
    .steps {
        flex-direction: column;
        align-items: flex-start;
    }

    .step {
        width: 100%;
        text-align: left;
        padding-left: 20px;
        position: relative;
    }
    .step-number_first,
    .step-number {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .step-content {
        padding-left: 40px;
    }

    .step-arrow {
        display: none;
    }
}

/*ЦЕНА ЗА ЕДИНИЦУ*/
/*ОБЩИЙ СПИСОК*/

.product-compact__price-block,
.product-extend__price-block,
.product-thumb__prices,
.product-add-to-cart__prices {
    display: block;
}

.product-compact__price-block .product-features-overview{
    margin-left: -5px;
    font-size: large;
    margin-top: 2px;
}
.product-compact__price-block .price_for_piece{
    line-height: 0px;
    font-size: 14px;
}
.product-compact__price-block .unit {
    margin-top: -1px;
    /*font-size: large;*/
}
/*НУМЕРОВАННЫЙ СПИСОК*/
.product-extend__price-block .product-features-overview{
    margin-left: -5px;
    font-size: 19px;
    margin-top: 6px;
}
.product-extend__price-block .price_for_piece{
    line-height: 1px;
    font-size: 17px;
}
.product-extend__price-block .unit {
    margin-top: 1px;
    margin-right: 4px;
    font-size: 16px;
}
/*ПЛИТКИ*/
.product-thumb__prices .price_for_piece{
    margin-left: -10px;
    margin-top: 17px;
}
.product-thumb__prices .product-features-overview{
    margin-left: -5px;
}
.product-thumb__prices .unit{
    /*margin-left: -10px;*/
    
    margin-top: -1px;
    font-size: 14px;
}
/*КАРТОЧКА ТОВАРА*/
.product-add-to-cart__prices .unit {
    font-size: 20px;
}

.price_for_piece_product_card{
    font-size: 19px;
}
.product-add-to-cart__prices-block .unit{
    font-size: 19px;
}
/*ГАЛЛЕРЕЯ В КАРТОЧКЕ ТОВАРА*/
.product-gallery__offer-prices .unit{
    font-size: 20px;
}
/*МОБИЛКА*/
@media (max-width: 1023px) {
    .product-extend__price {
        
        margin-right: 0px;
    }
    .product-extend__price-block {
        flex-direction: row !important;
    }
    .product-thumb__prices .price_for_piece{
        margin-top: 13px;
    }
    .product-thumb__prices .unit, .product-thumb__price-text {
        display: none;
    }
}
/*КОНЕЦ ЦЕНЫ ЗА ЕДИНИЦУ*/

/*СТИЛИЗАЦИЯ ТАБЛИЦ*/

/*ТАБЛИЦА РЕКВИЗИТЫ*/
.content-decorator table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    color: #212529 !important;
}

.content-decorator table th,
.content-decorator table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eee !important;
    color: black !important;
}

.content-decorator table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.content-decorator table tbody + tbody {
    border-top: 1px solid #eee !important;
}

.content-decorator table .table {
    background-color: #fff !important;
}

.content-decorator table tbody tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}

/*.content-decorator table tbody tr:nth-of-type(even) {*/
/*    background-color: #686868 !important;*/
/*}*/

/*КОНЕЦ ТАБЛИЦЫ РЕКВИЗИТОВ*/

/*ТАБЛИЦЫ КАТАЛОГА*/
.table-scroller {
    overflow-x: auto;
}
.table-scroller table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    color: #212529;
}

.table-scroller table th,
.table-scroller table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #eee !important;
    border-left: 1px solid #eee !important; 
    border-right: 1px solid #eee !important; 
    border-bottom: 1px solid #eee !important;
    text-align: center;
}

.table-scroller table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.table-scroller p strong{
    font-weight: bold !important;
}

.table-scroller table tbody + tbody {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

.table-scroller table .table {
    background-color: #fff !important;
}

.table-scroller table tbody tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}

/*.table-scroller table tbody tr:nth-of-type(even) {*/
/*    background-color: #686868 !important; */
/*}*/

/*КОНЕЦ ТАБЛИЦ КАТАЛОГА*/

/*КОНЕЦ СТИЛИЗАЦИИ ТАБЛИЦ*/

.allOnPhoneWrap {
    width: 100% !important;
    /* width: 1415px !important; */
    display: flex;
    justify-content: space-between;
}
.allOnPhoneImg {
    /*width: 576px !important;*/
    height: 573px !important;
}
.allOnPhoneTitle {
    font-size: 64px !important;
}
.allOnPhoneSubtitle {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.allOnPhoneList li {
    display: flex;
    color: black;
    font-size: 32px;
    align-items: center;
}
.allOnPhoneList ul li::before {
    position: absolute;
    right: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 7px;
    margin-right: 10px;
    content: "";
    border-radius: 0px;
    background-color: #E31E24;
    font-size: 0;
    line-height: 0;
}
.allOnPhoneImgMobile {
    display: none;
}

/* Интерактивная карта */
.mapContainer {
    /* width: 100% !important; */
    position: relative;
    margin-top: 70px;
}
.titleBlock {
    position: absolute;
    top: 20px;
    display: flex;
}
.mapTitle {
    font-size: 64px !important;
}
.mapSubTitle {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.russiaMap {
    width: 1408px;
}
.cityMapBlock {
    /* width: 100%; */
    position: relative;
}
.mapBlock {
    width: 100%;
    /* width: 1415px !important; */
    /* height: 792px !important; */
}
.cityScroll {
    display: none;
}
.arrowBackCity {
    display: none;
}
.commonCityBtn {
    cursor: pointer;
    position: absolute;
    background-color: #E31E24;
    border: none;
    width: 13px;
    height: 13px;
    border-radius: 100px;
    transition: box-shadow 0.3s ease;
    opacity: 1;
}
.commonCityBtn.hide {
    opacity: 0;
}
.activeCityBtn {
    position: absolute;
    opacity: 0;
    border: solid #E31E24;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    transition: opacity 0.3s ease-in-out;
}
.activeCityBtn.show {
    opacity: 1;
}
.commonCityBtn:hover {
    box-shadow: 0 4px 15px #E31E24;
}
/* Положение всех точек на карте */
.cityBtn1 {
    top: 33%;
    left: 12%;
}
.cityBtn2 {
    top: 353px;
    left: 194px;
}
.cityBtn3 {
    top: 48%;
    left: 11%;
}
.cityBtn4 {
    top: 58%;
    left: 7.5%;
}
.cityBtn5 {
    top: 64%;
    left: 4%;
}
.cityBtn6 {
    top: 67%;
    left: 2%;
}
.cityBtn7 {
    top: 65%;
    left: 9%;
}
.cityBtn8 {
    top: 60%;
    left: 13%;
}
.cityBtn9 {
    top: 53%;
    left: 15.6%;
}
.cityBtn10 {
    top: 52%;
    left: 17%;
}
.cityBtn11 {
    top: 65%;
    left: 16.5%;
}
.cityBtn12 {
    top: 59%;
    left: 17.6%;
}
.cityBtn13 {
    top: 62%;
    left: 19%;
}
.cityBtn14 {
    top: 59%;
    left: 21.2%;
}
.cityBtn15 {
    top: 65%;
    left: 21.5%;
}
.cityBtn16 {
    top: 70%;
    left: 20.5%;
}
.cityBtn17 {
    top: 69%;
    left: 25%;
}
.cityBtn18 {
    top: 64%;
    left: 27.6%;
}
.cityBtn19 {
    top: 68.4%;
    left: 30.5%;
}
.cityBtn20 {
    top: 75%;
    left: 34%;
}
.cityBtn21 {
    top: 62%;
    left: 37%;
}
.cityBtn22 {
    top: 63%;
    left: 43%;
}
.cityBtn23 {
    top: 49%;
    left: 41%;
}
.cityBtn24 {
    top: 78.4%;
    left: 40.6%;
}
.cityBtn25 {
    top: 79%;
    left: 45%;
}
.cityBtn26 {
    top: 85%;
    left: 47%;
}
.cityBtn27 {
    top: 82%;
    left: 50%;
}
.cityBtn28 {
    top: 96%;
    left: 88%;
}
.cityBtn29 {
    top: 78%;
    left: 94%;
}
.cityBtn30 {
    top: 59%;
    left: 24%;
}
.cityBtn31 {
    top: 47%;
    left: 16%;
}
.cityBtn32 {
    top: 51%;
    left: 13.5%;
}
/* Попапы точек */
.commonCityPopUp {
    position: absolute;
    background-color: white;
    border: none;
    padding: 30px 40px 30px 40px;
    width: 335px;
    box-shadow: 4px 10px 30px;
}
.cityPopUpTitle {
    font-size: 20px !important;
    font-weight: 700 !important;
}
.cityPopUpRegularText {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
}
.cityPopUpBtn {
    cursor: pointer;
    width: 254px;
    height: 44px;
    background: none;
    border: solid 1px #E31E24;
    /*padding: 5px 15px 10px 15px;*/
    font-size: 20px;
    font-weight: 700;
    color: #E31E24;
}
.cityScrollBtnWrap {
    display: none;
}

/* Стили машинки */
.trackWrap {
    overflow: hidden;
    height: 270px;
    position: relative;
}
.track {
    position: absolute;
    top: 150px;
    left: -20px;
    transform: translateY(-50%);
    transition: left 0.1s ease-out;
}

/* Стили скрола на главной */
.scrollContainer {
    /* width: 100%; */
    /* width: 1400px !important; */
    margin-top: 65px !important;
}
.scrollTitle {
    font-size: 64px !important;
    font-weight: 700 !important;
}
.scrollDis li {
    display: flex;
    color: black !important;
    font-size: 32px;
    font-weight: 400;
}
.scrollDis ul li::before {
    position: absolute;
    right: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 21px;
    margin-right: 10px;
    content: "";
    border-radius: 0px;
    background-color: #E31E24;
    font-size: 0;
    line-height: 0;
}
.sclrollWrap {
    margin-top: 50px !important;
    display: flex !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    /* width: 1400px !important; */
    width: 100% !important;
}
.sclrollWrap::-webkit-scrollbar {
    display: none;
}
.scrollItem {
    margin: 10px;
    filter: grayscale(100%);
    transition: filter 0.5s ease;
}
.scrollItem:hover {
    filter: grayscale(0%);
}
.scrollControllWrap {
    display: flex;
    justify-content: center;
    margin-top: 45px;
}
.arrow {
    cursor: pointer;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 45px;
}
.scrollBtnBlock {
    display: flex !important;
    justify-content: center !important;
}
.scrollBtn {
    cursor: pointer;
    background: #D9D9D9 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 20px !important;
    width: 30px !important;
    height: 30px !important;
}
.disabledBtn {
    background: #d9d9d960 !important;
}

/* Форма заявки на звонок */
.callbackFormContainer {
    display: flex;
    width: 100%;
    /* width: 1414px; */
    /* height: 788px; */
    box-shadow: 0 4px 45px #00000010;
    margin-top: 125px;
    height: 850px;
}
.callbackForm {
    width: 50%;
    justify-content: center;
    /*align-items: center;*/
    height: 100%;
}
.callbackInput{
    width: 70%;
    margin-left: 15%;
}
.callbackFormTxt{
    /*font-family: Carlito;*/
    font-size: 36px;
    font-weight: 700;
    line-height: 48.83px;
    text-align: center;
    color: black;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.callbackDis {
    background-image: url('/wa-data/public/site/img/callback_form_back.png');
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #F4F4F4;
    width: 50%;
    height: 100%;
}
.callbackStep {
    /*width: 80%;*/
    display: flex;
    align-items: center;
    margin: 30px 0px 10px 40px;
}
.callbackNumbWrap {
    width: 100px;
}
.callbackCurrentNumb {
    width: 43px;
    height: 120px;
    background-color: #E31E24;
    clip-path: polygon(0 10%, 142% 42%, 100% 98%, 0% 72%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 40px;
}
.callbackNumb {
    width: 43px;
    height: 120px;
    background-color: black;
    clip-path: polygon(0 10%, 142% 42%, 100% 98%, 0% 72%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 40px;
}
.callbackText {
    margin-left: 10px;
    margin-top: 20px;
}
.callbackText h3 {
    font-size: 20px;
    font-weight: 700;
}
.callbackText p {
    font-size: 20px;
    font-weight: 400;
    color: black;
}
.disBack {
    position: absolute;
    opacity: 0.5;
}
.commonActiveCityBtn {
    position: absolute;
    opacity: 0;
    /*border: solid #E31E24;*/
    /*width: 25px;*/
    /*height: 25px;*/
    /*border-radius: 100px;*/
    transition: opacity 0.3s ease-in-out;
}
    
.commonActiveCityBtn.show {
    opacity: 1;
}

.cityFrame1 {
    top: 32.2%;
    left: 11.56%;
}
.cityFrame2 {
    top: 33%;
    left: 12%;
}
.cityFrame3 {
    top: 47.2%;
    left: 10.6%;
}
.cityFrame4 {
    top: 57.2%;
    left: 7.1%;
}
.cityFrame5 {
    top: 63.2%;
    left: 3.52%;
}
.cityFrame6 {
    top: 66.2%;
    left: 1.52%;
}
.cityFrame7 {
    top: 64.2%;
    left: 8.6%;
}
.cityFrame8 {
    top: 59.2%;
    left: 12.6%;
}
.cityFrame9 {
    top: 52.2%;
    left: 15.13%;
}
.cityFrame10 {
    top: 51.2%;
    left: 16.6%;
}
.cityFrame11 {
    top: 64.2%;
    left: 16.1%;
}
.cityFrame12 {
    top: 58.2%;
    left: 17.2%;
}
.cityFrame13 {
    top: 61.3%;
    left: 18.6%;
}
.cityFrame14 {
    top: 58.2%;
    left: 20.76%;
}
.cityFrame15 {
    top: 64.2%;
    left: 21.01%;
}
.cityFrame16 {
    top: 69.2%;
    left: 20%;
}
.cityFrame17 {
    top: 68.3%;
    left: 24.56%;
}
.cityFrame18 {
    top: 63.2%;
    left: 27.2%;
}
.cityFrame19 {
    top: 67.6%;
    left: 30.1%;
}
.cityFrame20 {
    top: 74.24%;
    left: 33.6%;
}
.cityFrame21 {
    top: 61.3%;
    left: 36.6%;
}
.cityFrame22 {
    top: 62.2%;
    left: 42.52%;
}
.cityFrame23 {
    top: 48.3%;
    left: 40.51%;
}
.cityFrame24 {
    top: 77.6%;
    left: 40.2%;
}
.cityFrame25 {
    top: 78.3%;
    left: 44.5%;
}
.cityFrame26 {
    top: 84.2%;
    left: 46.6%;
}
.cityFrame27 {
    top: 81.2%;
    left: 49.6%;
}
.cityFrame28 {
    top: 95.2%;
    left: 87.56%;
}
.cityFrame29 {
    top: 77.2%;
    left: 93.6%;
}
.cityFrame30 {
    top: 58.2%;
    left: 23.6%;
}
.cityFrame31 {
    top: 46.2%;
    left: 15.6%;
}
.cityFrame32 {
    top: 50.2%;
    left: 13.1%;
}
#callbacktxt2{
    display:none;
}
/* РАЗДЕЛ О КОМПАНИИ */
.aboutCompany {
    background-image: url('/wa-data/public/site/img/company.jpg');
    background-size: 890px;
    background-repeat: no-repeat;
    background-position: right;
    height: 875px;
    display: flex;
}
.block h1 {
    font-size: 36px !important;
    /*font-weight: 700 !important;*/
}
.aboutCompany h2 {
    margin-top: -15px;
    font-size: 64px !important;
    font-weight: 700 !important;
}
.aboutCompany p {
    font-size: 32px !important;
    margin-top: 40px !important;
    color: black !important;
}
.aboutCompanyDisMobile {
    display: none;
}
.aboutCompanyDisSpec {
    color: #E31E24 !important;
}
.aboutCompanyImg {
    width: 960px !important;
}

/* СОБЫТИЯ ГОДА */
.yearEvents h1 {
    margin-top: 15px !important;
    margin-bottom: 0px;
    font-size: 32px !important;
    font-weight: 700 !important;
}
.yearEvents p {
    font-size: 32px !important;
    font-weight: 400 !important;
    color: black !important;
}
.yearEventsItem {
    border-bottom: solid black 1px;
    cursor: pointer;
}
.yearEventsItemHead {
    display: flex;
    justify-content: space-between;
}
.yearEvents h2{
    font-size: 32px !important;
    margin-bottom: 0px !important;
    margin-top: 15px !important;
    font-weight: bold !important;
}
.yearEvents button{
    margin-top: 30px !important;
}

.arrow-down {
    position: relative;
    top: -5px;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 0.2em solid black;
    border-top: 0.2em solid black;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: 1.0em;
}
.showIventBtn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    /* padding: 10px; */
    /* font-size: 24px; */
    transition: transform 0.3s ease;
}
.rotated {
    transform: rotate(180deg);
}
.yearEventsItem.show {
    border: none;
}
.yearEventsText {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s ease;
    /* display: none; */
}
.yearEventsText.show {
    height: auto;
    /* display: block; */
}

/* НАЗВАНИЕ КОМПАНИИ */
.companyName {
    margin-top: 70px;
}
.companyName h2 {
    font-size: 64px;
    font-weight: 700;
}
.companyNameLogo {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.companyNameLogo img {
    width: 860px;
}
.companyNameLogo p {
    font-size: 20px;
    font-weight: 400;
    color: black;
}
.companyNameUral {
    margin-left: 40px !important;
}
.companyNameMobile {
    display: none;
}

/* НАША МИССИЯ */
.ourMission {
    margin-top: 50px;
}
.ourMission h2 {
    font-size: 64px !important;
    font-weight: 700 !important;
}
.ourMissionContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ourMissionContent img {
    width: 598px !important;
}
.ourMissionText p {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: black;
}
.ourMissionTextAuthor {
    float: right;
    text-align: right;
    line-height: 24px;
}
.ourMissionTextAuthorName {
    font-size: 20px !important;
}
.ourMissionTextAuthorPosition {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.ourMissionCard {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    padding: 20px;
    justify-items: center;
}
.commonMissonCard {
    width: 400px !important;
    height: 300px !important;
    text-align: center;
}
.commonMissonCard h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    height: 79px;
    background-image: url('/wa-data/public/site/img/mission_text_back.jpg');
    margin-top: 222px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ourMissionCard1 {
    background-image: url('/wa-data/public/site/img/about_company_card_1.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard2 {
    background-image: url('/wa-data/public/site/img/about_company_card_2.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard3 {
    background-image: url('/wa-data/public/site/img/about_company_card_3.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard4 {
    background-image: url('/wa-data/public/site/img/about_company_card_4.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard5 {
    background-image: url('/wa-data/public/site/img/about_company_card_6.jpg'); 
    background-repeat: no-repeat;
}
.ourMissionCard6 {
    background-image: url('/wa-data/public/site/img/about_company_card_5.jpg'); 
    background-repeat: no-repeat;
}

@media (max-width: 1023px) {
    .multiform-submit button{
        width: 100% !important;
    }
    .callbackFormContainer{
        margin-top: 0px;
    }
    #callbacktxt2{
        display:block;
    }
    #callbacktxt1{
        display: none;
    }
    /* Адаптив для блока ВСЕГДА НА СВЯЗИ */
    .allOnPhoneWrap {
        display: grid;
        justify-content: center;
    }
    .allOnPhoneImg {
        display: none;
    }
    .allOnPhoneImgMobile {
        display: block;
    }
    .allOnPhoneTitle {
        font-size: 36px !important;

    }
    .allOnPhoneSubtitle {
        font-size: 20px !important;
    }
    .allOnPhoneList li {
        font-size: 20px !important;
    }

    /* Адаптив для интерактивной карты */
    .mapContainer {
        position: static;
        margin-left: 15px;
    }
    .titleBlock {
        position: static;
        display: flex;
        justify-content: space-between;
    }
    .mapTitle {
        font-size: 36px !important;
    }
    .mapSubTitle {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .mapBlock {
        display: none;
    }
    .cityScroll {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth !important;
        padding: 30px;
        margin-left: -30px;
    }
    .cityScroll::-webkit-scrollbar {
        display: none;
    }
    .cityScrollBtnWrap {
        display: flex;
        justify-content: center;
        margin-top: 70px;
        margin-right: 25px;
    }
    .arrowBackCity {
        display: block;
    }
    .commonCityPopUp {
        position: static;
        margin-right: 20px !important;
        width: 273px !important;
        /* height: 300px !important; */
        box-shadow: 0 4px 45px #00000010;
    }
    .cityPopUpRegularText {
        font-size: 16px !important;
    }
    .cityPopUpBtn {
        width: 213px;
        height: 40px;
        font-size: 16px;
        font-weight: 400;
    }

    /* Скрываем машинку на мобиле */
    .trackWrap {
        display: none;
    }

    /* ОБЫЧНЫЙ СКРОЛ НА МОБИЛЕ */
    .scrollTitle {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    .scrollDis li {
        font-size: 16px !important;
    }
    .sclrollWrap::-webkit-scrollbar {
        display: block;
    }
    .sclrollWrap::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }
    .scrollItem {
        height: 200px;
    }
    .arrowBack {
        display: none;
    }

    /* ФОРМА ЗАЯВКИ НА ЗВОНОК */
    .callbackForm {
        width: 420px;
    }
    .callbackDis {
        display: none;
    }
    /* О КОМПАНИИ */
    .aboutCompany {
        width: 100%;
        background-image: none;
        height: 875px !important;
    }
    .aboutCompanyDis {
        display: none;
    }
    .aboutCompanyDisMobile {
        display: block;
        width: 100%;
    }
    .aboutCompanyDisMobile h4 {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .aboutCompanyDisMobile h1 {
        font-size: 36px !important;
        font-weight: 700 !important;
    }
    .aboutCompanyDisMobile p {
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    /* СОБЫТИЯ ГОДА */
    .yearEvents {
        margin-top: 200px;
    }

    /* НАЗВАНИЕ КОМПАНИИ */
    .companyName h1 {
        font-size: 36px;
    }
    .companyNameLogo {
        display: block;
    }
    .companyNameDesk {
        display: none;
    }
    .companyNameMobile {
        display: block;
    }

    /* НАША МИССИЯ */
    .ourMissionContent {
        display: block;
    }
    .ourMissionText p {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .ourMissionTextAuthorName {
        /* font-size: 20px !important; */
        font-weight: 700 !important;
    }
    .ourMissionCard {
        width: 100%;
        grid-auto-flow: column;
        overflow-x: auto;
    }
    .ourMissionCard::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }
}
/* ЗДЕСЬ РАЗДЕЛ ДОСТАВКИ */
.delivery {
    display: block;
}
.deliveryHeader {
    font-size: 48px !important;
    font-weight: 700 !important;
}

/* ШАГИ ДОСТАВКИ */
.deliveryStep {
    display: flex;
}
.mobileStepImg {
    display: none;
}

/*ПЕРВЫЙ БЛОК*/
.deliveryStepDis1 {
    /* width: 600px; */
    margin-top: 50px;
    margin-left: 47px;
    text-align: justify;
}
.deliveryStepDis1 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis1 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}
/*ВТОРОЙ БЛОК*/
.deliveryStepDis2 {
    width: 50%;
    margin-top: 120px;
    margin-right: 5%;
    text-align: justify;
}
.deliveryStepDis2 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis2 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}
/*ТРЕТИЙ БЛОК*/
.deliveryStepDis3 {
    width: 50%;
    margin-top: 170px;
    margin-left: 5%;
    text-align: justify;
}
.deliveryStepDis3 h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}   
.deliveryStepDis3 p {
    font-size: 20px !important;
    font-weight: 400 !important;
    text-align: justify;
}

/* МЕСТА ДОСТАВКИ */
.deliveryPlace{
    margin-bottom: 5%;
    margin-top: 5%;
}
.deliveryPlace h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
}
.deliveryPlace ul {
    list-style-type: none;
    padding-left: 26px;
}
.deliveryPlace li {
    font-size: 20px;
}
.deliveryPlace ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* ЛОГОТИПЫ ЧЕГО-ТО */
.logo {
    display: flex;
    justify-content: space-between;
}

/* ТИПО ДОГОВОРА */
.treaties {
    /* width: 400px !important; */
    display: flex;
    justify-content: space-around;
    margin-top: 100px;
}
.treaties h2{
    font-weight: bold !important;
}
.contracFeatures {
    width: 300px;
}
.contracFeatures2{
    width: 300px;
}
.contracFeaturesHeader {
    text-align: center;
}
.contracFeatures ul {
    list-style-type: none;
    padding-left: 0px;
}
.contracFeatures li {
    font-size: 20px !important;
}
.contracFeatures ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.contracFeatures2 ul {
    list-style-type: none;
    padding-left: 0px;
}
.contracFeatures2 li {
    font-size: 20px !important;
}
.contracFeatures2 ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacancies ul{
    padding-left: 25px !important;
}
@media (max-width: 1480px){
    .desktopStepImg{
        width: 50%;
    }
}
@media (max-width: 1220px) {
    .desktopStepImg{
        width: 50%;
    }
}
@media (max-width: 1023px) {
    .deliveryHeader {
        display: none;
    }

    /* ПЕРВЫЙ ШАГ */
    .deliveryStep {
        display: block;
    }
    .deliveryStep img {
        margin: auto;
    }
    .desktopStepImg {
        display: none;
    }
    .mobileStepImg {
        display: block;
    }
    .deliveryStepDis {
        color: black;
        margin-left: auto;
    }
    .deliveryStepDis h2 {
        font-size: 26px !important;
    }
    .deliveryStepDis p {
        font-size: 16px !important;
    }

    /* ЧОТО О ДОСТАВКЕ */
    .deliveryPlace ul {
        padding-left: revert;
    }
    .deliveryPlace li {
        color: black;
        font-size: 16px !important;
    }
    .deliveryPlace ul li::before {
        display: inline-block !important;
        width: 10px !important;
        height: 10px !important;
        margin-top: 10px !important;
        margin-right: 10px !important;
        content: "" !important;
        border-radius: 0px !important;
        background-color: #E31E24 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    /* ЛОГОТИПЫ КАКИЕ-то */
    .logo {
        margin-top: 40px;
        margin-bottom: 40px;
        overflow-x: auto !important;
    }
    .logo img {
        margin-right: 50px !important;
    }
    .logo::-webkit-scrollbar-thumb {
        background-color: #E31E24;
    }

    /* УСЛОВИЯ КОНТРАКТОВ */
    .treaties {
        display: block;
        margin: auto;
    }
    .contracFeatures {
        width: auto;
        display: grid;
        justify-items: center;
        margin-bottom: 40px;
    }
    .contracFeaturesHeader h2 {
        font-weight: 700;
    }
    .contracFeatures ul {
        padding-left: revert;
        width: auto;
    }
    .contracFeatures li {
        color: black;
        font-size: 16px !important;
    }
    .modal {
        z-index: 100;
    }
    .modal img {
        width: 95%;
    }
}
@media (max-width: 550px) {
    .vacanciesTeamSource{
        gap: 0px !important;
    }
    .scrollItem{
        margin-bottom: 20px;
    }
    .deliveryStepDis1 h2,
    .deliveryStepDis2 h2,
    .deliveryStepDis3 h2 {
        font-size: 20px !important;
        /*display: none;*/
    }
    .deliveryStepDis1 p,
    .deliveryStepDis2 p,
    .deliveryStepDis3 p {
        font-size: 16px !important;
    }
    .deliveryStepDis1,
    .deliveryStepDis2,
    .deliveryStepDis3 {
        margin-top: 20px !important; 
        margin-left: 0px !important;
        width: 100%;
    }
    .deliveryPlace ul li{
        text-align: justify;
    }
    .deliveryPlace ul{
        padding-left: 26px;
    }
    .deliveryPlace ul li::before{
        margin-right: 15px !important;
    }
    .contracFeatures ul,
    .contracFeatures2 ul {
        padding-left: 20px;
    }
    .contracFeatures li,
    .contracFeatures2 li{
        color: black;
        font-size: 16px !important;
        text-align: justify;
    }
    .contracFeatures2 ul{
        width: 100% !important;
    }
    .contracFeatures,
    .contracFeatures2 {
        width: auto;
    }

    .contracFeatures {
        display: block;
    }
    /*О КОМПАНИИ*/
    .aboutCompany{
        height: 360px !important;
    }
    .block h1{
        font-size: 26px !important;
    }
    .aboutCompany h2{
        font-size: 36px !important;
    }
    .aboutCompany p {
        margin-top: 0px !important;
        text-align: justify;
    }
    .companyName h2{
        font-size: 36px !important;
        font-weight: bold !important;
    }
    .companyName{
        margin-top: 30px;
    }
    .companyName{
        text-align: justify;
    }
    .companyNameLogo{
        margin-top: 30px;
    }
    .companyNameUral{
        margin-left: 0px !important;
    }
    .ourMission h2{
        font-size: 36px !important;
        font-weight: bold !important;
    }
    .ourMission{
        margin-top: 25px;
    }
    /*.ourMissionText p{*/
    /*    text-align: justify;*/
    /*}*/
    .commonMissonCard{
        width: 350px !important;
        height: 300px !important;
        margin-left: -20px;
        margin-right: 20px;
    }
    .yearEvents{
        margin-top: 280px;
    }
    .aboutCompanyDisMobile p{
        font-size: 20px !important;
    }
    .yearEvents p {
        font-size: 20px !important;
    }
    .yearEvents h2{
        font-size: 20px !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }
    .yearEvents button{
        margin-top: 25px !important;
    }
    .aboutCompanyDisMobile{
        text-align: justify;
    }
    .ourMissionCard{
        margin-bottom: 10%;
    }
    /*ДОСТАВКА И ОПЛАТА*/
    .treaties{
        margin-bottom: 10%;
    }
}

/* СТИЛИЯ ДЛЯ РАЗДЕЛА ВАКАНСИЙ */

/* ОБЕРТКА */
.vacancies h1 {
    font-size: 48px !important;
    font-weight: 700 !important;
}

/* СТАНЬ ЧАСТЬЮ КОМАНДЫ */
.vacanciesTeam h2 {
    font-size: 64px !important;
    font-weight: 700 !important;
}
.vacanciesTeam ul {
    list-style-type: none;
}
.vacanciesTeamMobile {
    display: none;
}
.vacanciesTeam li {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
}
.vacanciesTeam ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacanciesTeamSource {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
    margin-top: 5%;
    gap: 70px;
}
.vacanciesEventList{
    margin-top: 3% !important;
}
.vacanciesTeamSourceItem  {
    text-align: center;
    width: 150px !important;
}
.vacanciesTeamSourceItem p {
    margin-top: -20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: black;
}
.vacanciesTeam img {
    width: 1390px !important;
}

/* РАБОчИЕ БУДНИ */
.vacanciesWorkday {
    margin-top: 100px;
}
.vacanciesWorkday h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.vacanciesWorkday p {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black !important;
    margin-top: 30px;
    margin-bottom: 30px;
}
.vacanciesWorkdayImg {
    display: flex;
    justify-content: space-between; /* Равномерно распределяет элементы */
    gap: 10px; /* Отступ между изображениями */
    
}
.vacanciesWorkdayImg img {
    margin-bottom: 10px !important;
}

/* МЕРОПРИЯТИЯ И КОРПОРАТИВЫ */
.vacanciesEvents {
    margin-top: 40px !important;
}
.vacanciesEvents h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.vacanciesEvents ul {
    list-style-type: none;
}
.vacanciesEvents li {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: black;
}
.vacanciesEvents ul li::before {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-top: 10px !important;
    margin-right: 15px !important;
    content: "" !important;
    border-radius: 0px !important;
    background-color: #E31E24 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.vacanciesEventsImg {
    margin-top: 40px !important;
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
    gap: 10px; /* Отступ между изображениями */
    
}
.vacanciesEventsImg img {
    margin-bottom: 10px !important;
}

/* ПЕРЕЙТИ К ВАКАНСИЯМ */
.vacanciesGo {
    margin-top: 40px !important;
}
.vacanciesGo h2 {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}

/* МОБИЛЬНЫЕ СТИЛИ ДЛЯ ВАКАНСИЙ */
@media (max-width: 1023px) {
    /* ЧАСТЬ КОМАНДЫ */
    .vacancies {
        margin-top: 40px !important;
    }
    .vacancies h1 {
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .vacanciesTeam h2 {
        font-size: 36px !important;
        line-height: 40px !important;
    }
    .vacanciesTeam ul {
        display: none;
    }
    .vacanciesTeamMobile {
        display: block;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: black;
    }
    .vacanciesTeam img {
        margin-top: 40px !important;
    }

    /* РАБОЧИЕ БУДНИ */
    .vacanciesWorkday h2 {
        font-size: 20px !important;
    }
    .vacanciesWorkday p {
        font-size: 16px !important;
    }
    .vacanciesWorkday{
        margin-top: 10%;
    }
}
@media (max-width: 550px) {
    .block__links {
        margin-right: 0px;
    }
    .callbackFormContainer{
        height: 920px;
    }
    .callbackFormTxt{
        font-size: 32px;
    }
    .callbackForm {
        width: 100%;
    }
    .callbackFormContainer .row{
        width: 95%;
    }
    #modal{
        display: none;
    }
    .#callbacktxt2{
        width: 95%;
    }
    .cityScrollBtnWrap {
        display: none;
    }
    .vacanciesWorkdayImg{
        width: 100%;
        overflow-x: auto;
        white-space: nowrap; /* Предотвращает перенос строк */
        display: inline-block; /* Позволяет изображениям располагаться рядом друг с другом */
        padding: 20px;
    }
    .vacanciesWorkdayImg img{
        height: 250px !important;
        margin-left: -20px;
        margin-right: 40px;
    }
    .vacanciesWorkdayImg::-webkit-scrollbar-thumb{
        background-color: #E31E24;
    }
    .vacanciesEventsImg{
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Два столбца с одинаковой шириной */
        gap: 20px; /* Расстояние между элементами */
        margin-top: 40px !important;
        text-align: center;
    }
    .scrollBtnBlock{
        display: none !important;   
    }
}
.g-recaptcha {
    display: none;
}

/* KD: кастомизация блока FAQ */

/*Не применять, т.к. ломается анимация*/
/*.groupQuestions__item-header {*/
/*    padding: 10px 20px !important;*/
/*}*/


.groupQuestions__title {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

/*Не применять, т.к. ломается анимация*/
/*.groupQuestions__item-content {*/
/*    padding: 10px 20px 15px 20px !important;*/
/*}*/
.groupQuestions__item-title {
    font-weight: 600 !important;  
}

.groupQuestions__item-header {
    transition: background-color 300ms linear;
}

.groupQuestions__item-header:hover {
    background-color: #f9f9f9
}

.groupQuestions__item--open .groupQuestions__item-header {
    background-color: #f9f9f9
}

.groupQuestions__spoiler-indicator {
    color: #E31E24;
}

@media screen and (max-width: 1023px) {
    .groupQuestions__title {
        font-size: 20px !important;
    }
    .groupQuestions__item-title {
        font-weight: 500 !important;  
    }
}
/*KD: конец кастомизации блока FAQ*/

/*KD: перенесла плагин "Купить в 1 клик 2.0" с Бринелля, но стили в плагине где-то глубоко закешировались и через интерфейс не сбиваются, поэтому тут импотент на импотенте */
.buy1click2-button {
    border-radius: 0px !important;
}

.buy1click2-button_profile_2 {
    display: none !important;
}

.buy1click2-button_profile_4, .buy1click2-button_profile_3, .buy1click2-button_profile_1 {
    color: #ffffff !important;
    border-radius: 0px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.buy1click2-button_profile_3 {
    background: #686868 !important;
}

.buy1click2-button_profile_1, .buy1click2-button_profile_4 {
    background: #E31E24 !important;
}


.buy1click2-form-button, .buy1click2-form__submit-button {
    background: #E31E24 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.buy1click2-input-text:focus {
    border-color: #E31E24 !important;
}

.buy1click2-form__policy a {
    border-color: #E31E24 !important;
}

.buy1click2-checkbox.jq-checkbox.checked {
    border-color: #E31E24 !important;
}

.buy1click2-svg-icon__content {
    fill: #E31E24 !important;
}

.buy1click2-textarea:focus {
    border-color: #E31E24 !important;
}

/* НАЧАЛО БЛОКА "Реквизиты" */
.header-middle-bar-shop__req-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    text-decoration: none;
    margin-left: 20px;
}

.header-middle-bar-shop__req-button.req-guarantees-button {
    min-width: 180px;
    max-height: 40px;
}

.header-middle-bar-shop__req-button img {
    width: 25px;
    height: auto;
    flex-shrink: 0;
}

.req-guarantees {
    font-family: 'Arial', sans-serif;
    margin-bottom: 40px;
}

.req-guarantees__item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}

.req-guarantees__content {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.req-guarantees__logo-wrapper {
    position: relative;
    display: inline-block;
}

.content-decorator .req-guarantees__logo {
    width: 95px;
    max-width: none;
    height: auto;
}

.req-guarantees__logo {
    display: block;
}

.req-guarantees__check {
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 35px;
    height: auto;
}

.req-guarantees__text-container {
    margin-left: 40px;
}

.req-guarantees__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #1B1B1B;
}

.req-guarantees__description {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    margin-top: 8px;
}

.req-guarantees__buttons-container {
    display: flex;
    gap: 15px;
    align-items: flex-end;
}

.req-guarantees-button {
    padding: 14px 18px;
    min-width: 150px;
    max-height: 48px;
    text-align: center;
    font-size: 16px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.req-guarantees-button_white {
    background: #FAFAFA;
    border: 1px solid #EEEEEE;
    color: #000000 !important;
}

.req-guarantees-button_white:hover {
    background: #F0F0F0;
    border-color: #DDD;
}

.req-guarantees-button_red {
    background: #E31E24;
    border: none;
    color: #FFFFFF !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.req-guarantees-button_red:hover {
    background: #C91A1F;
}

.req-guarantees-button_red img {
    width: 26px;
    height: auto;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .req-guarantees__item {
        flex-direction: column;
        align-items: flex-start;
    }

    .req-guarantees__buttons-container {
        margin-top: 20px;
        display: flex;
        width: 100%;
        gap: 22px;
    }

    .req-guarantees-button {
        flex: 1;
        width: auto;
        min-width: 0;
    }
}
/* КОНЕЦ БЛОКА "Реквизиты" */

.input-search__input-container{
    position: relative;
}

.product__btn-text, .product-thumb__cart-icon {
    color: white;
}

/* НАЧАЛО БЛОКА "Минимальный объем заказа" */
.product-min-order__block {
    background-color: #FAFAFA;
    display: flex;
    padding: 10px 15px;
    border-radius: 15px;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
    font-size: 15px;
}

.product-min-order__icon {
    width: 40px;
    height: 40px;
}

@media (max-width: 768px) {
    .product-min-order__block {
    
        font-size: 20px;
    }
}
/*КОНЕЦ БЛОКА "Минимальный объем заказа"*/

/*Начало блока "Содержание" для Блога*/
#anchorlinks-toc {
    background: #fafafa !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 15px;
    margin: 10px 0;
    z-index: 1 !important;
}

.anchorlinks-toggle-icon {
    display: none !important;
}

.anchorlinks-title {
    margin-left: 0 !important;
    color: #000 !important;
    font-weight: bold;
}

.anchorlinks-content a {
    color: #686868 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    display: block;
    padding: 3px 0;
}

.anchorlinks-content a:hover {
    color: #E31E24 !!important;
    text-decoration: none !important;
}

.anchorlinks-content a:active {
    color: #E31E24 !!important;
}

.anchorlinks-list-toggle {
    display: none !important;
}

.anchorlinks-toggle-button {
    color: #E31E24 !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    top: -7px;
}

.anchorlinks-toggle-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px !important;
}

.anchorlinks-level-0,
.anchorlinks-level-1,
.anchorlinks-level-2 {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.anchorlinks-level-1 {
    padding-left: 15px !important;
    margin-top: 5px;
}

.anchorlinks-level-2 {
    padding-left: 30px !important;
}

.anchorlinks-content ul[style*="display: block"] {
    display: block !important;
}

#anchorlinks-toc.detached {
    top: 100px !important;
}

.anchorlinks-toggle-button {
    color: #E31E24 !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    top: -7px;
    padding: 0;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    transition: transform 0.3s ease !important;
}

.anchorlinks-toggle-button img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.anchorlinks-collapsible.expanded .anchorlinks-toggle-button img {
    transform: rotate(180deg);
}

.anchorlinks-toggle-button::before {
    content: none !important;
}

#anchorlinks-toc {
    min-width: 250px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.anchorlinks-title {
    white-space: nowrap;
    margin-left: 0 !important;
    color: #000 !important;
    font-weight: bold;
    flex-grow: 1;
    cursor: pointer;
}

.anchorlinks-toggle-container {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0px !important;
    cursor: pointer;
    user-select: none;
}

.anchorlinks-toggle-button {
    color: #E31E24 !important;
    border: none !important;
    background: none !important;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    transition: transform 0.3s ease !important;
    flex-shrink: 0;
}


.anchorlinks-content {
    transition: all 0.3s ease;
    overflow: hidden;
    max-height: 1000px;
}

#anchorlinks-toc.collapsed .anchorlinks-content {
    max-height: 0 !important;
    opacity: 0;
    margin-top: 0;
    padding-top: 0;
}

#anchorlinks-toc.expanded .anchorlinks-content {
    max-height: 1000px;
    opacity: 1;
    margin-top: 10px;
    padding-top: 5px;
}

#anchorlinks-toc.expanded .anchorlinks-toggle-button img {
    transform: rotate(180deg);
}

.anchorlinks-toggle-container:hover {
    opacity: 0.8;
}

.anchorlinks-toggle-button::before {
    content: none !important;
}

.anchorlinks-content ul {
    transition: opacity 0.2s ease;
}

#anchorlinks-toc.collapsed .anchorlinks-content ul {
    opacity: 0;
}

#anchorlinks-toc.expanded .anchorlinks-content ul {
    opacity: 1;
}

/*Конец блока "Содержание" для Блога*/

/*Начало стилей для вывода плагинов Блога*/

.blog-post-page__datetime-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

@media (max-width: 1024px) {
    .blog-post-page__datetime-container {
        flex-direction: column;
        gap: 10px;
    }
    .blog-post-page__reading-viewed-container {
        gap: 10px;
        flex-direction: row;
    }
    .blog-post-page__text-container {
        text-align: justify;
    }
}

.blog-block__content {
    max-width: 1024px;
}

.blog-post-page__text-container img{
    margin: 20px 0;
}

.blog-post-page__text-container th {
    font-weight: 600;
}

.blog-post-page__text-container td {
    text-align: center;
    border: 1px solid #eee !important;
}


.blog-post-page__viewed-container, .blog-post-page__reading-time {
    display: flex;
    gap: 4px;
    align-items: center;
    color: #686868;
}

.blog-post-page__reading-viewed-container {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

/* КАРТОЧКА АВТОРА ДЛЯ БЛОГА */
.author-card {
    display: flex;
    gap: 16px;
    margin-bottom: 32px;
    align-items: flex-start;
}

.author-card__photo-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.author-card__name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.author-card__jobtitle-row {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.author-card__jobtitle {
    color: #6b7280;
    font-size: 14px;
}

.author-card__link {
    margin-right: 8px;
    color: #E31E24;
    text-decoration: none;
    font-size: 13px;
}

.author-card__link:hover {
    text-decoration: underline;
    color: #851216;
}

.author-card__description {
    text-align: justify;
    color: #374151;
    line-height: 1.5;
    margin-top: 8px;
}

.js-read-more {
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.js-read-more-btn {
    cursor: pointer;
    color: #E31E24;
    background: none;
    border: none;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    margin-top: 1em;
}

.js-read-more-btn:hover {
    color: #851216;
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .author-card {
        flex-wrap: wrap;
        gap: 12px;
    }

    .author-card__photo-img {
        width: 48px;
        height: 48px;
    }
}
/* КОНЕЦ КАРТОЧКИ АВТОРА ДЛЯ БЛОГА*/
/* БЛОК ЦИТАТЫ АВТОРА */
.quote-author-content {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.quote-author-content__text {
    font-size: 16px;
}

.quote-author-content__icon {
    flex: 0 0 18px;
}

.quote-icon {
    margin: 0 !important;
}

.quote-author-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: 8px;
}

.quote-author-card__photo-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 !important;
}

.quote-author-card__name {
    font-size: 18px;
    font-weight: 700;
    color: #E31E24;
}

.quote-author-card__jobtitle {
    color: #6b7280;
    font-size: 14px;
}
/* КОНЕЦ БЛОКА ЦИТАТЫ АВТОРА */

.recprd-plugin-block {
    margin-top: 20px;
}

.products__bottom-banner-container {
    margin-bottom: 35px;
}

.full-pricelist_red {
    background: #E31E24;
    border: none;
    color: #FFFFFF !important;
    display: flex;
    max-width: fit-content;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
}

.full-pricelist_red:hover {
    background: #C91A1F;
}

.full-pricelist_red img {
    width: 26px;
    height: auto;
    flex-shrink: 0;
}

.slider-block__header-text-container {
    margin-top: 30px;
    color: #000;
}

/*КД: скролл на характеристиках*/
.filter__values, .filter__values_ordered {
    max-height: 400px;
    overflow-y: auto;
}

.products-bar__mprices {
    margin-top: 12px;
}

.product-available_preorder {
    color: #979797;
}

.product-available_preorder .icon-box__icon {
    display: none;
}

/*КД: Плагин "быстрые ссылки"*/
.ewshoplinks-link {
    /*color: #9e9999;*/
    color: #1b1b1b;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    background: #fafafa;
    padding: 10px 20px;
    margin: 3px;
}