/* Start:/local/templates/ekoform-mm/assets/css/variables.css?1718733660450*/
:root {
    --green-color: #99BC39;
    --dark-grey-color: #777;
    --grey-color: #C4C4C4;
    --light-grey-color: #EEE;
    --bg-color: #F2F2F2;
    --peach-color: #EC8463;
    --blue-color: #3575C9;
    --orange-color: #f9b54c;
    --rubik-font: "Rubik";
    --open-sans-font: "Open Sans";

    --aside-width: 320px;
}
@media screen and (max-width: calc(1340px + 60px + 320px)) {
    :root {
        --aside-width: 242px;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/buttons.css?17187336602935*/
.button {
    min-width: 180px;
    padding: 10px 30px;    
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    background-color: var(--grey-color);
    border: 1px solid var(--grey-color);
    color: #fff;
    transition: background-color .3s ease, border .3s, color .3s;
    appearance: initial;
    -webkit-appearance: initial;
}

@media (hover: hover) {
    .button:hover {
        background-color: var(--dark-grey-color);
        border: 1px solid var(--dark-grey-color);
    }
}
.button:focus-visible {
    background-color: var(--dark-grey-color);
    border: 1px solid var(--dark-grey-color);
}

.button_type_grey {
    padding: 18px 30px;
    cursor: default;    
}
@media screen and (hover: hover) {
    .button_type_grey:hover {
        color: #fff;
    }
}

.button_type_green {
    padding: 18px 30px;   
    background-color: var(--green-color);
    border: 1px solid var(--green-color);
}

.button.small {
    padding: 13px 22px;
}

.button.micro {
    padding: 5px 15px;
    font-weight: normal;

    font-size: 15px;
    letter-spacing: 0.02em;
}

@media (hover: hover) {
    .button_type_green:hover {
        background-color: #fff;
        color: var(--green-color);
        border: 1px solid var(--green-color);
    }
}
.button_type_green:focus-visible {
    background-color: #fff;
    color: var(--green-color);
    border: 1px solid var(--green-color);
    outline: none;
}

.button_type_transparent {
    min-width: max-content;
    background-color: transparent;
    color: var(--dark-grey-color);
    border: 1px solid var(--dark-grey-color);
}

@media (hover: hover) {
    .button_type_transparent:hover {
        background-color: var(--green-color);
        color: #fff;
        border: 1px solid var(--green-color);
    }
}
.button_type_transparent:focus-visible {
    background-color: var(--green-color);
    color: #fff;
    border: 1px solid var(--green-color);
}

.button_type_transparent_active {
    color: #fff;
    background-color: var(--green-color);
    border: 1px solid var(--green-color);

}

@media screen and (max-width: 576px) {
    .button, .button_type_green {
        padding: 12px 27px;
    }
}

.button_type_delete {
    background-color: var(--peach-color);
    border: 1px solid var(--peach-color);

    will-change: transform;

    transition: transform .4s, opacity .4s;
}
@media screen and (hover: hover) {
    .button_type_delete:hover {
        border: 1px solid var(--peach-color);
        background-color: var(--peach-color);

        opacity: 0.9;
        transform: scale(1.05)
    }
}
.button_type_delete:focus-visible {
    border: 1px solid var(--peach-color);
    background-color: var(--peach-color);

    opacity: 0.9;
    transform: scale(1.05)
}

/* End */


/* Start:/local/templates/ekoform-mm/assets/css/radio-buttons.css?17187336601973*/
/*
<input class="radio__button cart__radio-item" type="radio" id="polimebel" name="1" checked="">
<label class="radio__label cart__radio-item" for="polimebel">ООО «Полимебель»</label>
*/

.radio-button__wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  position: relative;

  width: 100%;
}

.radio__button {
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.radio__label {
  font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.radio__label::before {
  content: '';

  width: 16px;
  height: 16px;

  margin-right: 15px;

  border: 1px solid var(--green-color);
  border-radius: 50%;

  /*transition: background-color .3s;*/

  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 15px;
}

.radio__button:checked + .radio__label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;

  width: 12px;
  height: 12px;
  border-radius: 50%;

  background-color: var(--green-color);
}

input[type="radio"]:disabled + label {
  cursor: default;
  color: var(--dark-grey-color);
}

input[type="radio"]:disabled + label::before {
  border: 1px solid var(--dark-grey-color);
}

input[type="radio"] ~ .tooltip {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  transform: translateY(calc(100% + 10px));

  /*width: calc(100vw - var(--aside-width) - 15px - 25vw);*/
  width: 100%;

  padding: 7px;

  border: 1px solid var(--peach-color);
  border-radius: 5px;

  background-color: var(--peach-color);
  color: #fff;

  opacity: 0;
  pointer-events: none;

  transition: opacity .3s;
}

input[type="radio"]:disabled:hover ~ .tooltip {
  opacity: 1;
  pointer-events: all;
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/containers.css?17870787131146*/
.container-1340 {
    width: 100%;
    max-width: 1340px;
    min-width: 0;
    padding: 0;
    margin: 0 auto;
}
main .container-1340 {
    padding-bottom: 50px;
}

/* @media screen and (min-width: 1921px) {

    main .container-1340 {
        max-width: calc(100vw - 484px);
        padding: 0 80px 50px;
    }
} */


@media screen and (max-width: 768px) {
    main .container-1340 {
        padding-bottom: 0;
    }
}

/* +60px = padding from contianer, 320px = aside width */
@media screen and (max-width: calc(1340px + 60px + 320px)) {
    .container-1340 {
        max-width: 1140px;
    }
}


@media screen and (max-width: calc(1140px + 60px + 320px)) {
    .container-1340 {
        max-width: 960px;
    }
}
/* +40px = padding from container */
@media screen and (max-width: calc(960px + 40px + 280px)) {
    .container-1340 {
        max-width: 720px;
    }
}

@media screen and (max-width: calc(768px)) {
    .container-1340 {
        max-width: 540px;
    }
}
@media screen and (max-width: 576px) {
    .container-1340 {
        max-width: 100%;
        padding: 0 20px;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/inputs.css?17311420667040*/
label,
input,
select,
textarea {
    display: block;
}

label {
    cursor: pointer;
}

.text-input-wrapper.horizontal {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 5px;
}


.text-input-wrapper.horizontal .label-input-wrapper {
    display: grid;
    grid-template-columns: 170px 1fr;
    grid-gap: 10px 25px;
    align-items: center;
    margin-top: 23px;
}



@media screen and (max-width: 768px) {
    .text-input-wrapper.horizontal .label-input-wrapper {
        margin-top: 19px;
    }
}

@media screen and (max-width: 576px) {
    .text-input-wrapper.horizontal .label-input-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 8px 0;
    }
}

@media screen and (max-width: 576px) {
	.text-input-wrapper.horizontal .label-input-wrapper {
        display: flex;
        flex-direction: column;
        grid-gap: 0;
        align-items: flex-start;
    
        margin-bottom: 10px;
    }
}

.text-input-wrapper.horizontal .label-input-wrapper_type_error {
    margin-top: 0;
}


.text-input-wrapper.horizontal .mm-notify {
    margin-bottom: 5px;
    text-align: right;
}

.text-input-wrapper label {
    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;

    color: #000000;

    margin-bottom: 8px;
}
@media screen and (max-width: 576px) {
    .text-input-wrapper label {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;

        color: #777777;
    }
}

@media screen and (max-width: 576px) {
	.text-input-wrapper label {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: var(--dark-grey-color);
    }
}

.text-input-wrapper.horizontal label {
    margin-bottom: 0;
}

@media screen and (max-width: 576px) {
	.text-input-wrapper.horizontal label {
        margin-bottom: 8px;
    }
}

.text-input-wrapper input[type="text"],
.text-input-wrapper input[type="number"],
.text-input-wrapper input[type="email"],
.text-input-wrapper input[type="password"],
.text-input-wrapper select,
.text-input-wrapper textarea
{
    outline: none;
    border: 1px solid var(--dark-grey-color);

    padding: 10px 20px 10px 14px;

    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

    color: #000000;

    transition: border .3s;
}
@media screen and (max-width: 576px) {
    .text-input-wrapper input[type="text"],
    .text-input-wrapper input[type="number"],
    .text-input-wrapper input[type="email"],
    .text-input-wrapper input[type="password"],
    .text-input-wrapper select,
    .text-input-wrapper textarea {
        width: 100%;
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }
}

.text-input-wrapper textarea {
    height: 80px;
    min-height: 80px;
    max-height: 250px;
    resize: vertical;
    width: 100%;
    max-width: 100%;

    border-radius: 5px;
    outline: none;
}

.text-input-wrapper input[type="text"]:focus,
.text-input-wrapper input[type="number"]:focus,
.text-input-wrapper input[type="email"]:focus,
.text-input-wrapper input[type="password"]:focus,
.text-input-wrapper select:focus,
.text-input-wrapper textarea:focus
{
    border: 1px solid var(--green-color);
}

.text-input-wrapper input[type="text"].invalid,
.text-input-wrapper input[type="email"].invalid,
.text-input-wrapper input[type="password"].invalid,
.text-input-wrapper input[type="number"].invalid,
.text-input-wrapper select.invalid,
.text-input-wrapper textarea.invalid
/* .text-input-wrapper input[type="text"]:invalid,
.text-input-wrapper input[type="email"]:invalid,
.text-input-wrapper input[type="password"]:invalid,
.text-input-wrapper input[type="number"]:invalid,
.text-input-wrapper select:invalid,
.text-input-wrapper textarea:invalid */
{
    border: 1px solid var(--peach-color);
}

.text-input-wrapper input[type="text"]::placeholder,
.text-input-wrapper input[type="email"]::placeholder,
.text-input-wrapper input[type="password"]::placeholder,
.text-input-wrapper input[type="number"]::placeholder,
.text-input-wrapper textarea::placeholder {
    color: var(--grey-color);
}
.text-input-wrapper input[type="text"]:placeholder-shown,
.text-input-wrapper input[type="email"]:placeholder-shown,
.text-input-wrapper input[type="password"]:placeholder-shown,
.text-input-wrapper input[type="number"]:placeholder-shown,
.text-input-wrapper textarea:placeholder-shown {
    color: var(--grey-color);
}

[type="number"].hidden-buttons {
    -moz-appearance:textfield; /* Firefox */
}

[type="number"].hidden-buttons::-webkit-outer-spin-button,
[type="number"].hidden-buttons::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.file-drop-area {
    border: 2px dashed var(--green-color);
    border-radius: 10px;

    min-height: 120px;

    transition: border .3s;
}
.file-drop-area.highlight {
    border: 2px dashed var(--blue-color);
}
.file-drop-area.invalid {
    border: 2px dashed var(--peach-color);
}

.upload-file-label {
    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;

    color: var(--green-color);

    text-align: center;

    padding: 49px 25px;

    transition: color .3s;
    position: relative;
}

.file-drop-area.invalid .upload-file-label {
    color: var(--peach-color);
}

.organization__docs input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* Верстка чекбоксов */
.checkbox-input-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

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

.checkbox-input-wrapper label {
    position: relative;
    padding-left: 20px;
}
.checkbox-input-wrapper label::before,
.checkbox-input-wrapper label::after
{
    position: absolute;
    left: 0;
    top: 4px;
    content: "";

    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 2px solid var(--green-color);
}
.checkbox-input-wrapper label::after {
    background-image: url("/upload/mm_icons/checkbox-checked__big.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;

    opacity: 0;

    transition: opacity .3s;
}

.checkbox-input-wrapper input[type="checkbox"]:checked + label::after {
    opacity: 1;
}

/* End */


/* Start:/local/templates/ekoform-mm/assets/css/counter.css?17187336604329*/
/* <div class="counter">
        <button class="counter-item counter-item_type_minus" disabled>
            <svg viewBox="0 0 15 3" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M15 0.428589H0V2.57146H15V0.428589Z" fill="#99BC39" />
            </svg>
        </button>
        <div class="counter-item counter-item_type_result">0</div>
        <button class="counter-item counter-item_type_plus">
            <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.43585 6.56415V0H6.56415V6.56415H0V8.43585H6.56415V15H8.43585V8.43585H15V6.56415H8.43585Z" fill="#99BC39" />
            </svg>
        </button>
</div> */

.counter {
    max-width: max-content;
    border: 1px solid var(--green-color);
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(3, 50px);
    grid-template-rows: 30px;

    overflow: hidden;
}

.counter_type_card {
    margin-right: 30px;
}

.counter_type_popup {
    margin-right: 0;
    margin-top: 10px;
}

@media screen and (max-width: calc(1340px + 60px + 320px)) {
    .counter_type_card  {
        margin-top: 10px;
    }

    .counter_type_popup {
        margin-top: 10px;
    }
}

@media screen and (max-width: calc(1140px + 60px + 320px)) {
    .counter_type_card  {
        margin-right: 0;
        margin-top: 20px;
    }

    .counter_type_popup {
        margin-top: 10px;
    }
}

@media screen and (max-width: calc(960px + 40px + 280px)) {
    .counter_type_popup {
        grid-template-columns: 35px 25px 35px;
    }
}

@media screen and (max-width: 576px) {
    /*.counter_type_card,*/
    .counter_type_popup  {
        margin-top: 10px;
        grid-template-columns: 45px 50px 45px;
        grid-template-rows: 25px;
    }

    .counter_type_card {
        grid-template-columns: repeat(3, 40px);
        grid-template-rows: 25px;
    }

    .counter_type_popup {
        grid-template-columns: repeat(3, 25px);
    }
}
@media screen and (max-width: 450px) {
    .counter_type_card {
        grid-template-columns: repeat(3, 25px);
    }
}
@media screen and (max-width: 360px) {
    .counter_type_card {
        grid-template-columns: repeat(3, 45px);
    }
}

@media screen and (max-width: 370px) {
    .counter_type_popup {
        grid-template-columns: 35px 40px 35px;
    }
}

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

.counter-item_type_minus,
.counter-item_type_plus {
    cursor: pointer;
    transition: background-color .3s;
}

.counter-item_type_minus svg,
.counter-item_type_plus svg {
    width: 15px;
}

@media screen and (max-width: 576px) {
    .counter_type_card .counter-item_type_minus svg,
    .counter_type_card .counter-item_type_plus svg
    {
        width: 15px;
    }

    .counter_type_popup .counter-item_type_minus svg,
    .counter_type_popup .counter-item_type_plus svg
    {
        width: 8px;
    }
}
@media screen and (max-width: 370px) {
    .counter_type_popup .counter-item_type_minus svg,
    .counter_type_popup .counter-item_type_plus svg
    {
        width: 15px;
    }
}

@media (hover: hover) {
    .counter-item_type_minus:not(.counter-item__button-disabled):hover,
    .counter-item_type_plus:not(.counter-item__button-disabled):hover
    {
        background-color: var(--green-color);
    }

    .counter-item:not(.counter-item__button-disabled):hover path {
        fill: #FFF;
    }
}

.counter-item__button-disabled {
    cursor: not-allowed;
}
.counter-item__button-disabled svg path {
    fill: #ccc;
}

.counter-item_type_result {
    border: none;
    border-left: 1px solid var(--green-color);
    border-right: 1px solid var(--green-color);

    outline: none;

    text-align: center;

    font-size: 16px;

    -moz-appearance: textfield;
}
.counter-item_type_result::-webkit-outer-spin-button,
.counter-item_type_result::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

@media screen and (max-width: 576px) {
    .counter_type_card .counter-item_type_result {
        font-size: 9px;
        font-weight: 600;
        line-height: 13px;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/swiper-slider.css?1718733660690*/
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 40px;
    height: 40px;

    margin: 0;
    color: transparent;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.swiper-button-next {
    background-image: url("/upload/mm_icons/slider-arrow-next.svg");
}
.swiper-button-prev {
    background-image: url("/upload/mm_icons/slider-arrow-prev.svg");
}

.swiper-wrapper {
    align-items: stretch;
}

.swiper-wrapper .swiper-slide {
    height: auto;
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/header.css?17870787131189*/
.header {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px 0 0;
    background-color: #fff;
    display: none;
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .header {
        display: block;
    }
}

.header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.header__main-page-link {
    display: block;
}

.header__image {
    width: 70px;    
}

.header__menu-icon {
    width: 40px;
    height: 40px;
    background: no-repeat center/100% 100%;
    background-image: url('/upload/mm_icons/header_menu_icon.svg');
    cursor: pointer;
    transition: background-image 0.3s ease;
    -webkit-background: no-repeat center/100% 100%;
    -webkit-transition: background-image 0.3s ease;
}

.header__menu-icon_active { 
    background-image: url('/upload/mm_icons/header_close_icon.svg');
}

.header__wrapper {
    height: 0;
    overflow: hidden;
    transition: height 0.45s ease-in-out;
}

.header__wrapper_active {
    height: auto;
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/footer.css?17187336601147*/
.footer {
    padding: 60px 0 40px;
    display: none;
    flex-direction: column;
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .footer {
        padding: 60px 20px 20px;
        display: flex;
    }
}

.footer [href^="tel:"] {
    margin: 10px 0;
    font-family: var(--rubik-font), var(--open-sans-font), sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    color: #000;

    border-bottom: none;
} 

.footer__text {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--dark-grey-color);
}

.footer__text {
    margin-bottom: 5px;
}

.footer>p:last-of-type {
    margin-top: 10px;
}

.footer__text.footer__link {
    max-width: max-content;
    white-space: nowrap;
    position: relative;
}

.footer__text.footer__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: var(--dark-grey-color);
    transition: width .4s;
}

@media(hover: hover) {
    .footer__text.footer__link:hover::before {
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/aside.css?17286152175424*/
.aside {
    height: 100vh;
    width: var(--aside-width);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    overflow: scroll;
    scrollbar-width: 0;
}

.transparent-block-instead-of-aside {
    width: var(--aside-width);
}

.aside::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .aside {
        display: none;
    }
}

.aside__main-page-link {
    margin-bottom: 20px;
}

.aside__image {
    max-width: 295px;
    width: calc(100% - 60px);
    margin: 40px 30px 0;
}

@media screen and (max-width: calc(1340px + 60px + 320px)) {
    .aside__image {
        width: calc(100% - 30px);
        margin: 40px 15px 0;
    }
}

@media screen and (max-width: calc(1210px + 320px)) {
    .aside__image {
        max-width: 200px;
    }
}

@media screen and (max-height: 750px) {
    .aside__image {
        max-height: 170px;
    }
}



.aside__buttons {
    margin: 30px 30px 10px;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    .aside__buttons {
        margin: 20px 15px;
    }
}

@media screen and (max-width: calc(1210px + 320px)) {
    .aside__buttons {
        margin: 20px 10px;
    }
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .aside__buttons {
        margin: 30px auto 30px;

        padding: 0 20px;
        max-width: calc(350px + 40px);
    }
}

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

.aside__button {
    padding: 18px 20px;
    width: 100%;
    margin-top: 10px;
    border-radius: 4px;
    background-color: var(--green-color);
    color: #fff;
    border: 1px solid var(--green-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

@media (hover: hover) {
    .aside__button:hover {
        background-color: #fff;
        color: var(--green-color);
    }
}

@media (hover: hover) {
    .aside__button:hover>svg>path {
        fill: var(--green-color);
    }
}

.aside__button_type_short {
    width: 125px;
    padding: 10px 15px;
    margin-right: 10px;

    flex-grow: 1;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    /* .aside__button {
        width: 212px;
    } */

    .aside__button {
        padding: 5px 10px;
        font-size: 15px !important;
        line-height: 30px !important;
    }

    .aside__button_type_short {
        width: 102px;
        padding: 5px 15px;
    }

    .aside__button svg {
        width: 20px;
    }
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .aside__button_type_short {
        width: 170px;
    }
}

.aside__buttons-container .aside__button_type_short {
    margin-top: 0;
}

.aside__buttons-container .aside__button_type_short:last-child {
    margin-right: 0;
}

.aside__button_type_shopping {
    height: 60px;
    position: relative;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    .aside__button_type_shopping {
        height: max-content;
    }
}

.aside__button-icon {
    width: 30px;
}

.aside__button-icon_type_shopping {
    position: absolute;
    top: 18px;
    left: 20px;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    .aside__button-icon_type_shopping {
        top: 10px;
        left: 17px;
    }
}

@media screen and (max-width: calc(340px)) {
    .aside__button-icon_type_shopping {
        top: 14px;
        left: 5px;
    }
}

.aside__button-quantity {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13px;
    left: 42px;
}
.aside__button-quantity:empty {
    background-color: transparent;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    .aside__button-quantity {
        width: 17px;
        height: 17px;
        font-size: 10px;
        line-height: 14px;
        top: 6px;
        left: 35px;
    }
}

@media screen and (max-width: calc(340px)) {
    .aside__button-quantity {
        top: 6px;
        left: 25px;
    }
}

.aside__button-text {
    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

@media (hover: hover) {
    .aside__button_type_shopping:hover>.aside__button-quantity {
        background-color: var(--green-color);
        color: #fff;
    }
    .aside__button_type_shopping:hover>.aside__button-quantity:empty {
        background-color: transparent;
    }
}

.aside__footer {
    width: 100%;
    margin-top: auto;
    padding: 0 30px;
    display: flex;
}

.aside__footer.footer {
    padding: 20px 30px;
    align-self: flex-start;
}

@media screen and (min-width: 1041px) and (max-width: calc(1340px + 60px + 320px)) {
    .aside__footer.footer {
        padding: 10px 15px;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/assets/css/popup.css?177278930510012*/
.popup {
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    overflow: hidden;
    transition-property: opacity, height;
    transition-duration: .3s, 0s;
    transition-delay: 0s, .3s;
    transition-timing-function: linear;
    overflow-Y: auto;
    z-index: 20;

    padding: 0 20px;
}

.popup_opened {
    opacity: 1;
    height: 100%;
    transition-delay: 0s, 0s;
}

.popup__container {
    width: 100%;
    max-height: 90vh;

    overflow: hidden;
    border-radius: 4px;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.popup__scrollable__container {
    overflow-y: auto;
    height: 100%;
    max-height: 100%;

    padding: 30px 0;
}

.popup__close-button {
    width: 20px;
    height: 20px;
    border-radius: 4px;

    /* чтобы ширина считалась + паддинг */
    box-sizing: content-box;

    padding: 15px;
    border: none;
    background-color: rgba(255, 255, 255, .8);

    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 10;
}

@media screen and (max-width: 1280px) {
    .popup__close-button {
        top: 20px;
        right: 20px;
    }
}

@media screen and (max-width: 576px) {
    .popup__close-button {
        top: 10px;
        right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .popup__close-button-wrapper {
        width: 100%;
        height: 50px;
        position: fixed;

        background-color: #FFF;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .popup__close-button-wrapper .popup__close-button {
        /*top: 15px;*/
        /*right: 20px;*/

        /*top: 0;*/
        /*right: 5px;*/

        position: static;
        margin-left: auto;
        padding: 15px 20px 15px 15px;
    }
}

.popup__inputs {
    width: 100%;
    display: flex;
    border: none;
    flex-direction: column;
    justify-content: space-between;
}

.popup__label {
    margin: 20px 0 5px;
    font-size: 12px;
    line-height: 16px;
    color: var(--dark-grey-color);
}

.popup__input {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid var(--dark-grey-color);
    outline: none;
    font-size: 24px;
    line-height: 33px;
}

@media screen and (max-width: 576px) {
	.popup__input {
        background-color: transparent;
        padding: 10px 15px;
        font-size: 15px;
        line-height: 20px;
    }
}

.popup__input:focus {
    border: 1px solid var(--green-color);
}

.popup__submit-button {
    width: 100%;
    margin-top: 25px;
}


/* -----------------POPUP_TYPE_PARTNER----------------- */
.popup_type_partner .popup__container {
    max-width: 866px;
}

.popup_type_partner .popup__scrollable__container {
    display: flex;
    flex-direction: column;
}

.popup_type_partner__title {
    width: 100%;
    padding: 0 30px 20px;
    border-bottom: 1px solid var(--light-grey-color);
}
@media screen and (max-width: 576px) {
    .popup_type_partner__title {
        border-bottom: none;
    }
}

.popup_type_partner__wrapper {
    width: 100%;
    padding: 30px;
    display: flex;
    justify-content: space-between;
}

.popup_type_partner__text {
    max-width: 530px;
    margin-right: 40px;
}
@media screen and (max-width: 768px) {
    .popup_type_partner__text {
        margin-right: 0;
        max-width: 100%;
    }
}

.popup_type_partner__logo {
    max-width: 216px;
    max-height: 152px;

    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .popup_type_partner__logo {
        display: none;
    }
}

.popup_type_partner__logo_type_mob {
    max-width: 228px;
    max-height: 160px;
    margin: 0 auto 30px;
    display: none;
}

@media screen and (max-width: 768px) {
    .popup_type_partner__logo_type_mob {
        display: block;
    }
}

.popup_type_partner__button {
    margin-left: 30px;
    width: max-content;
}
.popup_type_partner__button.hidden {
    display: none;
}

@media screen and (max-width: 768px) {
    .popup_type_partner__button {
        margin: 0 auto;
        width: 290px;
    }
}

/* -----------------POPUP_TYPE_FEEDBACK----------------- */

.popup_type_feedback__container {
    padding: 30px 50px;
    width: 530px;
    /* height: 525px; */
}

@media screen and (max-width: 576px) {
    .popup_type_feedback__container {
        padding: 20px 30px;
        max-width: 350px;
        /* height: 450px; */
    }
}

.popup_type_feedback__form {
    display: none;
}

.popup_type_feedback__form_active {
    display: block;
}


.popup_type_feedback__confirmation {
    width: 100%;
    text-align: center;
    display: none;
}

.popup_type_feedback__confirmation_active {
    display: block;
}

/* -----------------POPUP_TYPE_GOODS----------------- */
.popup_type_goods .popup__container {
    max-width: 1314px;
}

@media screen and (max-width: calc(960px + 40px + 280px)) {
    .popup_type_goods .popup__container {
        max-width: 748px;
    }
}

@media screen and (max-width: 768px) {
    .popup_type_goods {
        padding: 0;
    }

    .popup_type_goods .popup__container {
        max-width: 100%;
        min-height: 100vh;
        margin: 0;
        background-color: var(--light-grey-color);
    }
}

/*@media screen and (max-width: 576px) {*/
/*    .popup__scrollable__container.goods {*/
/*        padding: 70px 20px 115px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 370px) {*/
/*    .popup__scrollable__container.goods {*/
/*        padding: 70px 20px calc(30px + 140px);*/
/*    }*/
/*}*/

/* -----------------POPUP_ADD_ORGANIZATION ----------------- */

.popup_type_organization_wrapper {
    padding: 30px 30px 0;
}

.popup_type_add_organization .popup__container {
    max-width: 866px;
}

.popup_type_add_organization .popup__scrollable__container {
    padding: 30px 0 50px;
}
@media screen and (max-width: 576px) {
    .popup_type_add_organization .popup__scrollable__container {
        padding: 50px 0 40px;
    }
}

.organization-modal__bottom {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    border-top: 1px solid #EEEEEE;

    padding: 30px 30px 0;
    margin-top: 30px;
}
@media screen and (max-width: 576px) {
    .organization-modal__bottom {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;

        border-top: none;
        padding-top: 0;
        margin-top: 20px;
    }
}

.organization-modal__buttons-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;

    margin-right: 20px;
}
@media screen and (max-width: 576px) {
    .organization-modal__buttons-wrapper {
        margin-right: 0;
        margin-bottom: 20px;
        justify-content: center;
    }
}

.organization-modal__buttons-wrapper button {
    position: static;
    padding: 13px 22px !important;
}
@media screen and (max-width: 576px) {
    .organization-modal__buttons-wrapper button {
        max-width: 100%;
        width: 100%;
    }
}

.delete-company-bottom-btn {
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;

    color: var(--peach-color);
}
.delete-company-bottom-btn.hidden {
    display: none;
}

.add-organization__step .text-input-wrapper.horizontal:last-of-type {
    margin-bottom: 0;
}

.organization__docs {
    margin-top: 50px;
}

/* ------------------------ START POPUP_UPLOAD_DOCS ------------------------*/
#add-documents .organization__docs {
    margin-top: 0;
}
/* ------------------------ END POPUP_UPLOAD_DOCS ------------------------*/

/* ----------------------- popup__type__delete ---------------------- */
.popup__type__delete .popup__container {
    max-width: 866px;
    max-height: 460px;
    height: 100vh;
}

@media screen and (max-width: 576px) {
    .popup__type__delete .popup__container {
        height: max-content;
        max-height: 80vh;
        padding: 50px 30px 40px;
    }
}

.popup__type__delete form {
    height: 100%;

    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 576px) {
    .popup__type__delete form {
        align-items: flex-start;
    }
}

.popup_delete_text {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;

    color: var(--dark-grey-color);

    margin-bottom: 50px;
}

@media screen and (max-width: 576px) {
    .popup_delete_text {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 30px;
    }
}

.popup_delete_buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.popup_delete_buttons *:first-child {
    margin-right: 30px;
}

@media screen and (max-width: 576px) {
    .popup_delete_buttons {
        width: 100%;
        flex-direction: column;
    }

    .popup_delete_buttons * {
        width: 100%;
    }

    .popup_delete_buttons *:first-child {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

/* -----------------POPUP_TYPE_ORGANIZATION_ORDER-DETAILS----------------- */

.popup__type_order-details-table .popup__container {
    max-width: 1315px;
    margin: 0 50px;
}

@media screen and (max-width: 576px) {
    .popup__type_order-details-table .popup__container {
        margin: 0;
    }
}

/*------------------- POPUP_TYPE_DOCS----------------------*/
.organization-docs__title {
    margin-bottom: 30px;
}
@media screen and (max-width: 576px) {
    .organization-docs__title {
        margin-bottom: 20px;
    }
}

.uploaded-files {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px 50px;

    margin-top: 42px;
}
@media screen and (max-width: 800px) {
    .uploaded-files {
        grid-gap: 25px;
    }
}
@media screen and (max-width: 768px) {
    .uploaded-files {
        grid-template-columns: 1fr;
    }
}
/* End */


/* Start:/local/templates/.default/vendor/notifies/notifies.css?17187336608243*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
    --info-noty-bg-color: #F5F9FF;
    --info-noty-border-color: #4DCAFF;

    --error-noty-bg-color: #FFF5F3;
    --error-noty-border-color: #F56A57;

    --success-noty-bg-color: #F6FFF9;
    --success-noty-border-color: #54D680;

    --warning-noty-bg-color: #FFF8EC;
    --warning-noty-border-color: #EFBA53;
}

.mm-notifies-wrapper,
.mm-notifies-wrapper * {
    box-sizing: border-box;
}

.mm-notifies-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100vh;
    pointer-events: none;
}
@media screen and (max-width: 992px) {
    .mm-notifies-wrapper.fixed {
        padding-top: 60px;

        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 60px;
    }
}

.mm-notifies-wrapper.fixed .mm-notifies__column-wrapper {
    position: absolute;

    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden;

    padding: 20px;

    /*--- FireFox ---*/
    scrollbar-color: rgba(0,0,0,0.9) rgba(0,0,0,0.3); /* «цвет ползунка» «цвет полосы скроллбара» */
    scrollbar-width: auto  /* толщина */
}

/* Остальные нормальные браузеры */
.mm-notifies-wrapper.fixed .mm-notifies__column-wrapper::-webkit-scrollbar {
    width: 10px; /* ширина для вертикального скролла */
    height: 10px; /* высота для горизонтального скролла */
    background-color: rgba(0,0,0,0.4);
    border-radius: 9em;
}
.mm-notifies-wrapper.fixed .mm-notifies__column-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.6);
    border-radius: 9em;
}

.mm-notifies-wrapper.fixed .mm-notifies__column-wrapper.right {
    align-items: flex-end;
}
@media screen and (max-width: 992px) {
    .mm-notifies-wrapper.fixed .mm-notifies__column-wrapper {
        position: static;
        max-height: unset;
        overflow: visible;
    }

    .mm-notifies-wrapper.fixed .mm-notifies__column-wrapper:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .mm-notifies-wrapper.fixed .mm-notifies__column-wrapper,
    .mm-notifies-wrapper.fixed .mm-notifies__column-wrapper.right {
        align-items: center;
        padding: 0 20px;
    }
}

.mm-notifies-wrapper.fixed .top.left {
    right: unset;
    left: 20px;
    top: 20px;
}
.mm-notifies-wrapper.fixed .bottom.left {
    top: unset;
    right: unset;
    left: 20px;
    bottom: 20px;
}

.mm-notifies-wrapper.fixed .top.right {
    top: 20px;
    right: 20px;
    left: unset;
}
.mm-notifies-wrapper.fixed .bottom.right {
    top: unset;
    right: 20px;
    bottom: 20px;
}


.mm-notify {
    pointer-events: all;

    color: #000;

    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 16px;

    padding: 20px;

    border-radius: 12px;
    border-width: 1px;
    border-style: solid;

    box-shadow: 0 4px 16px 0 rgba(16, 11, 39, 0.08);

    transition: opacity .5s, transform .5s;
    will-change: transform;
}
.mm-notifies__column-wrapper.right .mm-notify {
    animation: notifyShowEffect 0.3s ease-in-out;
}
.mm-notifies__column-wrapper.left .mm-notify {
    animation: notifyShowEffectToRight 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
    .mm-notify {
        max-width: 420px;
    }
}
@media screen and (max-width: 992px) {
    .mm-notify {
        max-width: 768px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .mm-notifies__column-wrapper.right .mm-notify,
    .mm-notifies__column-wrapper.left .mm-notify {
        animation: notifyShowEffect 0.3s ease-in-out;
    }
}

@keyframes notifyShowEffect {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes notifyShowEffectToRight {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@media screen and (max-width: 768px) {
    @keyframes notifyShowEffect {
        from {
            transform: translateY(-100%);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
}

.mm-notify.closing {
    opacity: 0;
}
.mm-notifies__column-wrapper.right .mm-notify.closing {
    transform: translateX(100%);
}
.mm-notifies__column-wrapper.left .mm-notify.closing {
    transform: translateX(-100%);
}
@media screen and (max-width: 768px) {
    .mm-notifies__column-wrapper.right .mm-notify.closing,
    .mm-notifies__column-wrapper.left .mm-notify.closing
    {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.mm-notifies-wrapper .mm-notify:not(:last-child) {
    margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
    .mm-notifies-wrapper .mm-notify:not(:last-child) {
        margin-bottom: 15px;
    }
}

.mm-notify.error {
    background-color: var(--error-noty-bg-color);
    border-color: var(--error-noty-border-color);
}
.mm-notify.info {
    background-color: var(--info-noty-bg-color);
    border-color: var(--info-noty-border-color);
}
.mm-notify.success {
    background-color: var(--success-noty-bg-color);
    border-color: var(--success-noty-border-color);
}
.mm-notify.warning {
    background-color: var(--warning-noty-bg-color);
    border-color: var(--warning-noty-border-color);
}

.mm-notify.filled {
    color: #fff;
}
.mm-notify.error.filled {
    background-color: var(--error-noty-border-color);
}
.mm-notify.info.filled {
    background-color: var(--info-noty-border-color);
}
.mm-notify.success.filled {
    background-color: var(--success-noty-border-color);
}
.mm-notify.warning.filled {
    background-color: var(--warning-noty-border-color);
}

.mm-notify__icon {
    width: 24px;
    height: 24px;

    user-select: none;
}

.mm-notify__text-wrapper {
    max-width: 313px;
}

.mm-notify__title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;

    margin: 0;
}

.mm-notify__description {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;

    margin: 4px 0 0;
}

.mm-notify__callback-btn {
    border-radius: 6px;
    border: 1px solid #979FA9;
    background-color: #FFF;

    padding: 10px 12px;

    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;

    cursor: pointer;

    flex-shrink: 0;

    transition: background-color .3s;

    align-self: center;
}
.mm-notify.filled .mm-notify__callback-btn {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

@media screen and (hover: hover) {
    .mm-notify__callback-btn:hover,
    .mm-notify.filled .mm-notify__callback-btn:hover
    {
        background-color: rgba(0, 0, 0, 0.10);
    }
}
@media screen and (max-width: 992px) {
    .mm-notify__callback-btn {
        margin-left: auto;
    }
}

.mm-notify__close {
    padding: 4px;
    display: block;
    background-color: transparent;
    border: none;
    outline: none;

    cursor: pointer;
}

.mm-notify:not(.has-button) .mm-notify__close {
    margin-left: auto;
}

.mm-notify__close img {
    width: 10px;
    display: block;
    user-select: none;
}

.mm-notify__text-noty {
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    margin-bottom: 5px;
}
.mm-notify__text-noty.error {
    color: var(--peach-color);
}
.mm-notify__text-noty.info {
    color: var(--blue-color);
}
.mm-notify__text-noty.success {
    color: var(--green-color);
}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/aside.menu.debug/style.css?17866369315888*/
.aside__nav {
	width: 100%;
	margin-bottom: 10px;
}

.aside__nav-list {
	margin: 0;
	padding: 0;
}

@media screen and (min-height: 751px) and (min-width: calc(1341px + 60px + 320px)) {
	.aside__nav {
		min-height: 265px;
	}
}

@media screen and (max-height: 750px) and (min-width: calc(1341px + 60px + 320px)) {
	.aside__nav {
		min-height: 345px;
	}
}

@media screen and (max-height: 899px) and (max-width: calc(1340px + 60px + 320px)) {
	.aside__nav {
		min-height: 215px;
	}
}

@media screen and (max-height: 750px) and (max-width: calc(1340px + 60px + 320px)) {
	.aside__nav {
		min-height: 245px;
	}
}

@media screen and (min-height: 900px) and (max-width: calc(1340px + 60px + 320px)) {
	.aside__nav {
		min-height: 215px;
	}
}

@media screen and (max-height: 899px) and (max-width: calc(1140px + 60px + 320px)) {
	.aside__nav {
		min-height: 230px;
	}
}

@media screen and (max-height: 750px) and (max-width: calc(1140px + 60px + 320px)) {
	.aside__nav {
		min-height: 250px;
	}
}

@media screen and (min-height: 900px) and (max-width: calc(1140px + 60px + 320px)) {
	.aside__nav {
		min-height: 225px;
	}
}

.aside-menu-debug {
	--aside-menu-debug-active: #77B13B;
	width: 100%;
	flex-shrink: 0;
	height: auto;
	overflow: visible;
}

html:has(.aside-menu-debug),
body:has(.aside-menu-debug) {
	height: auto;
	min-height: 100%;
}

body:has(.aside-menu-debug) .body-inner-wrapper {
	align-items: flex-start;
	min-height: 100vh;
}

body:has(.aside-menu-debug) .transparent-block-instead-of-aside {
	display: none;
}

.aside:has(.aside-menu-debug) {
	position: sticky;
	top: 0;
	height: auto;
	min-height: 100vh;
	overflow: visible;
	align-self: flex-start;
}

.aside:has(.aside-menu-debug) .aside__nav {
	flex-shrink: 0;
	height: auto;
	max-height: none;
	overflow: visible;
}

.aside-menu-debug__list,
.aside-menu-debug__children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.aside-menu-debug__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.aside-menu-debug__item {
	list-style: none;
	width: 100%;
}

.aside-menu-debug__item--root {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.aside-menu-debug__row {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 20px 8px 30px;
}

.aside-menu-debug__item--lvl-1 > .aside-menu-debug__row {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--grey-color);
}

.aside-menu-debug__item--root.is-open + .aside-menu-debug__item--root > .aside-menu-debug__row {
	border-top: 1px solid var(--grey-color);
}

.aside-menu-debug__item--lvl-3 > .aside-menu-debug__row,
.aside-menu-debug__item--lvl-4 > .aside-menu-debug__row {
	min-height: 36px;
	box-sizing: border-box;
	padding-left: 50px;
}

.aside-menu-debug__link {
	flex: 1 0 0;
	min-width: 0;
	display: block;
	color: #000;
	word-break: break-word;
	text-decoration: none;
	transition: color .3s;
}

.aside-menu-debug__item--lvl-1 > .aside-menu-debug__row > .aside-menu-debug__link {
	font-family: var(--rubik-font), var(--open-sans-font), sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
}

.aside-menu-debug__item--lvl-2 > .aside-menu-debug__row > .aside-menu-debug__link {
	font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 20.625px;
}

.aside-menu-debug__item--lvl-3 > .aside-menu-debug__row > .aside-menu-debug__link {
	font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 19.25px;
	color: var(--dark-grey-color);
}

.aside-menu-debug__item--lvl-4 > .aside-menu-debug__row > .aside-menu-debug__link {
	font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.25px;
	color: var(--dark-grey-color);
}

.aside-menu-debug__item--lvl-2.is-open > .aside-menu-debug__row > .aside-menu-debug__link,
.aside-menu-debug__item--lvl-3.is-open > .aside-menu-debug__row > .aside-menu-debug__link,
.aside-menu-debug__item--lvl-4.is-open > .aside-menu-debug__row > .aside-menu-debug__link,
.aside-menu-debug__item.is-current > .aside-menu-debug__row > .aside-menu-debug__link {
	color: var(--aside-menu-debug-active);
}

@media (hover: hover) {
	.aside-menu-debug__link:hover {
		color: var(--aside-menu-debug-active);
	}
}

.aside-menu-debug__link:focus-visible {
	color: var(--aside-menu-debug-active);
	outline: none;
}

.aside-menu-debug__toggle {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.aside-menu-debug__chevron-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.aside-menu-debug__chevron-leaf {
	position: relative;
	flex: none;
	width: 20px;
	height: 20px;
	transition: transform 0.3s ease;
}

.aside-menu-debug__chevron {
	position: absolute;
	inset: 0;
	display: block;
	width: 20px;
	height: 20px;
	max-width: none;
}

.aside-menu-debug__item--parent:not(.is-open) .aside-menu-debug__chevron-leaf {
	transform: rotate(-90deg);
}

.aside-menu-debug__children {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 0.5s;
}

.aside-menu-debug__item.is-open > .aside-menu-debug__children {
	height: auto;
	overflow: visible;
}

.aside-menu-debug__item--root > .aside-menu-debug__children {
	gap: 2px;
}

.aside-menu-debug__item--root.is-open > .aside-menu-debug__children {
	padding: 8px 0;
}

@media screen and (max-width: calc(1340px + 60px + 320px)) {
	.aside-menu-debug__row {
		padding-right: 15px;
	}
}

@media screen and (max-width: 768px) {
	.aside-menu-debug__item--lvl-1 > .aside-menu-debug__row > .aside-menu-debug__link {
		font-size: 28px;
		line-height: 33px;
	}
}

/* End */


/* Start:/local/components/mediamint/aside.buttons/templates/.default/style.css?172189785712*/
:root {

}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/aside.socials/style.css?1718733660996*/
.footer-socials
{
    display: flex;
}
.footer-socials__link
{
    display: block;
    margin-right: 5px;
    background-color: transparent;
}
.footer-socials .footer-socials__link:last-of-type {
    margin-right: 0;
}

.footer-socials__link svg {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 5px;
    background: #FFF;
    /*overflow: hidden;*/

    transition: background-color .3s, border-radius .3s;
}


/*.footer-socials__link svg:last-of-type {*/
/*    margin-left: 0;*/
/*}*/

.footer-socials__link svg path {
    fill: var(--green-color);
    transition: fill .3s;
}

@media (hover: hover) {
    .footer-socials__link:hover svg {
        background: var(--green-color);
    }

    .footer-socials__link:hover svg path {
        fill: #FFF;
    }
}

.footer-socials__link:focus-visible {
    outline: none;
}

.footer-socials__link:focus-visible svg {
    background-color: var(--green-color);
}
.footer-socials__link:focus-visible svg path {
    fill: #FFF;
}
/* End */


/* Start:/local/templates/ekoform-mm/components/bitrix/main.feedback/mm_ecoform-feedback/style.css?17727888581292*/
/* div.mfeedback {}
div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {width:80%; padding-bottom:0.4em;}
div.mf-name input, div.mf-email input {width:60%;}
div.mf-message textarea {width: 60%;}
span.mf-req {color:red;}
div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em;} */

.checkbox-wrapper-form {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bx-filter-param-label {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
}

.checkbox-input-wrapper.checkbox-input-wrapper-form input[type="checkbox"]  {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    display: block !important;
}

.checkbox-custom {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 2px;
    flex-shrink: 0;
    position: relative;
}

.checkbox-custom::before {
    content: '✓';
    font-size: 20px;
    color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-38%, -65%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bx-filter-param-label input:checked + .checkbox-custom::before {
    opacity: 1;
}

.checkbox-text {
    font-size: 14px;
    color: #000;
}

.checkbox-text a {
    color: #000;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/breadcrumb/mm_ecoform-breadcrumb/style.css?17870787131590*/
.bx-breadcrumb-wrap {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.bx-breadcrumb {
	margin: 50px 0 30px;
	display: flex;
	flex-flow: row wrap;
}

.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: bottom;
	margin-right: 5px;
}

.bx-breadcrumb .bx-breadcrumb-item {
	margin-bottom: 0;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}

.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
	font-size: 12px;
	font-weight: 400; 
    line-height: 16px;
	white-space: normal;
}

.bx-breadcrumb .bx-breadcrumb-item:last-of-type span {
    color: #333333;
}

.bx-breadcrumb .bx-breadcrumb-item a {
	color: var(--dark-grey-color);
}

@media (hover: hover) {
	.bx-breadcrumb .bx-breadcrumb-item a:hover {
		text-decoration: underline;
	}
}

.fa-angle-right:before {
    content: url(/local/templates/.default/components/bitrix/breadcrumb/mm_ecoform-breadcrumb/./images/icon_for_route.svg) !important;
}

@media screen and (max-width: 768px) {
	.bx-breadcrumb-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.bx-breadcrumb-wrap::-webkit-scrollbar {
		display: none;
	}

	.bx-breadcrumb {
		flex-wrap: nowrap;
		width: max-content;
		max-width: none;
		margin: 50px 0 30px;
		overflow: visible;
		white-space: nowrap;
	}

	.bx-breadcrumb .bx-breadcrumb-item {
		flex-shrink: 0;
	}

	.bx-breadcrumb .bx-breadcrumb-item span {
		white-space: nowrap;
	}
}



/* End */


/* Start:/local/components/mediamint/cookie/templates/.default/style.css?17727954991408*/
.cookie {
    position: fixed;
    padding: 0 20px 40px;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}

.cookie__wrapper {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    width: 100%;
    max-width: 1314px;
    padding: 30px;
    justify-content: center;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto;
}

.cookie__button-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cookie__text {
    color: #424242;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    max-width: 836px;
}

.cookie.active{
    opacity: 1;
    pointer-events: all;
}

@media (max-width: 768px) {
    .cookie {
        padding: 20px;
    }

    .cookie__wrapper {
        flex-direction: column;
        padding: 20px;
    }

    .cookie__text {
        font-size: 15px;
        font-weight: 400;
    }

    .cookie__button-text {
        font-size: 15px;
    }
    
}

@media (max-width: 576px) {

    .cookie__button-text {
        width: 100%;
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 5px;
        align-self: stretch;
    }
}
/* End */


/* Start:/local/templates/ekoform-mm/template_styles.css?17870787134392*/
pre {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px 20px;
    width: 100%;
    background-color: #fff;
    margin: 20px 0;
}

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

html,
body {
    height: 100%;
    scrollbar-gutter: stable;
}

@media screen and (max-width: 768px) {
    html,
    body {
        overflow-x: clip;
        max-width: 100%;
    }
}

body {
    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    background-color: var(--bg-color);
}

.body-inner-wrapper {
    display: flex;
}

@media screen and (max-width: calc(720px + 40px + 280px)) {
    .body-inner-wrapper {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
    }
}

body[data-body-scroll-fix] {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}

.not-scrollable {
    /*overflow-y: hidden;    */
    touch-action: none;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
}

.windows.not-scrollable,
.windows .not-scrollable {
    padding-right: 15px;
}

main {
    flex-grow: 1;
    min-width: 0;
}

@media screen and (max-width: 768px) {
    main,
    .body-inner-wrapper {
        max-width: 100%;
        min-width: 0;
    }
}

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

    transition: color .3s;
}

@media screen and (hover: hover) {
    a:hover {
        color: var(--green-color);
    }
}

a:focus-visible {
    color: var(--green-color);
}

a[href^="tel"],
a[href^="mailto"] {
    color: #000;
    max-width: max-content;
    white-space: nowrap;

    transition: color .3s, border-color .3s;
}

@media screen and (hover: hover) {

    a[href^="tel"],
    a[href^="mailto"] {
        border-bottom-color: #000;
    }

    a[href^="tel"]:hover,
    a[href^="mailto"]:hover {
        color: var(--blue-color);
        border-bottom-color: var(--blue-color);
    }
}

@media screen and (hover: none) {

    a[href^="tel"],
    a[href^="mailto"] {
        color: var(--blue-color);
        border-bottom-color: var(--blue-color);
    }
}

a[href^="tel"]:focus-visible,
a[href^="mailto"]:focus-visible {
    color: var(--blue-color);
    outline: none;
}

button {
    display: block;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

img {
    display: block;
    user-select: none;
}

ol,
ul {
    padding-left: 20px;
    margin: 10px 0;
}

ol li::marker {
    color: var(--green-color);
    font-weight: 600;
}

ul li::marker {
    color: var(--green-color);
}

.title-L {
    font-family: var(--rubik-font), var(--open-sans-font), sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 50px;
}

@media screen and (max-width: 576px) {
    .title-L {
        font-size: 22px;
        line-height: 26px;
    }
}

.page-title {
    margin: 30px 0 50px;
}

@media screen and (max-width: 768px) {
    .page-title {
        margin: 30px 0;
    }
}

.title-M {
    font-family: var(--rubik-font), var(--open-sans-font), sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 33px;
}

@media screen and (max-width: 576px) {
    .title-M {
        font-size: 22px;
        line-height: 26px;
    }
}

.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.text-12 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.text-L {
    font-size: 20px;
    line-height: 27px;
}

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

    .text,
    .text-L {
        font-size: 15px;
        line-height: 20px;
    }
}

.text_type_bold {
    font-weight: 700;
}

.text_type_semi-bold {
    font-weight: 600;
}

.status {
    font-family: var(--open-sans-font), var(--rubik-font), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.status__orange {
    color: var(--orange-color);
}

.status__blue {
    color: var(--blue-color);
}

.status__red {
    color: var(--peach-color);
}

.status__green {
    color: var(--green-color);
}

.text__container p,
.text__container ul,
.text__container ol {
    margin-bottom: 20px;
}
.text__container ul,
.text__container ol {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.text__container h2,
.text__container h3,
.text__container h4,
.text__container h5,
.text__container h6 {
    margin-bottom: 10px;
}
/* End */
/* /local/templates/ekoform-mm/assets/css/variables.css?1718733660450 */
/* /local/templates/ekoform-mm/assets/css/buttons.css?17187336602935 */
/* /local/templates/ekoform-mm/assets/css/radio-buttons.css?17187336601973 */
/* /local/templates/ekoform-mm/assets/css/containers.css?17870787131146 */
/* /local/templates/ekoform-mm/assets/css/inputs.css?17311420667040 */
/* /local/templates/ekoform-mm/assets/css/counter.css?17187336604329 */
/* /local/templates/ekoform-mm/assets/css/swiper-slider.css?1718733660690 */
/* /local/templates/ekoform-mm/assets/css/header.css?17870787131189 */
/* /local/templates/ekoform-mm/assets/css/footer.css?17187336601147 */
/* /local/templates/ekoform-mm/assets/css/aside.css?17286152175424 */
/* /local/templates/ekoform-mm/assets/css/popup.css?177278930510012 */
/* /local/templates/.default/vendor/notifies/notifies.css?17187336608243 */
/* /local/templates/.default/components/bitrix/menu/aside.menu.debug/style.css?17866369315888 */
/* /local/components/mediamint/aside.buttons/templates/.default/style.css?172189785712 */
/* /local/templates/.default/components/bitrix/news.list/aside.socials/style.css?1718733660996 */
/* /local/templates/ekoform-mm/components/bitrix/main.feedback/mm_ecoform-feedback/style.css?17727888581292 */
/* /local/templates/.default/components/bitrix/breadcrumb/mm_ecoform-breadcrumb/style.css?17870787131590 */
/* /local/components/mediamint/cookie/templates/.default/style.css?17727954991408 */
/* /local/templates/ekoform-mm/template_styles.css?17870787134392 */