button { border: none; background: none; cursor: pointer; } a { text-decoration: none; color: #000000; } button:hover, button:focus, a:hover, a:focus { opacity: 0.8; transition: opacity 0.25s ease-in; } input:focus { outline: none; box-shadow: none; } .lw-card { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13); margin-bottom: 30px; } .lw-card .jw__object{ box-shadow: none; margin-bottom: 0px; } .lw-card .map_object.popup_window .closer{ top:unset; margin-top: 12px; right: 85px; } .lw-base-title { font-weight: 600; font-size: clamp(14px, 1.6vw, 18px); margin: 0; color: #000000; } .lw-apartment-card.jw__object.compact .object-images{ height: 401px; width: 33%; } .lw-apartment-card.jw__object.compact .object-images .no-image svg{ top: 135px; } .lw-apartment-card.jw__object.compact .object-images .fotorama{ height: 480px; } .lw-main-title { font-weight: 700; font-size: clamp(14px, 3vw, 20px); color: #757575; } .lw-main-text { font-weight: 600; font-size: clamp(12px, 1.3vw, 14px); } .lw-main-text--small { font-size: 12px; font-weight: 400; } .lw-base-text { font-weight: 400; font-size: clamp(14px, 3vw, 24px); color: #000000; } .lw-base-text--small { font-weight: 400; font-size: 12px; } .lw-card-text-limit{ max-width: 120px; } .simibold { font-weight: 600; } label { cursor: pointer; } .lw-apartment-card img { width: 100%; height: 100%; object-fit: contain; } .lw-main-btn { display: flex; justify-content: center; align-items: center; padding: 0 12px; width: fit-content; min-width: 48px; min-height: 28px; font-weight: 400; font-size: 12px; background: linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%); border: 1px solid #dedede; border-radius: 3px; color: #757575; } .lw-main-btn--no-border { background: none; border: none; padding: 0; } .lw-main-btn--icon { position: relative; padding-left: 18px; } .lw-main-btn--icon::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; max-width: 16px; max-height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } .lw-main-btn img { max-width: 20px; max-height: 20px; object-fit: contain; } .lw-apartment-card__pdf-btn { background: linear-gradient(180deg, #ff5761 0%, #e52a35 100%); font-weight: 900; font-size: 14px; text-transform: uppercase; color: #ffffff; } .lw-apartment-card__vk-btn { background: linear-gradient(180deg, #6b86a7 0%, #557197 100%); } .lw-apartment-card__extract-btn { border: 1px solid #0374ff; color: #0374ff; } .lw-apartment-card__promotion-btn { border: 1px solid #4caf50; color: #4caf50; } .lw-apartment-card__document-btn img { max-height: 16px; } @media (max-width: 543px) { .lw-apartment-card__document-btn { display: none; } } .lw-apartment-card__owner-text { position: relative; padding-left: 18px; } .lw-apartment-card__owner-text::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; max-width: 16px; max-height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../img/top-footer/owner.svg"); } .lw-apartment-card__user-card-btn { display: none; padding: 5px; height: auto; max-width: 30px; max-height: 30px; border-radius: 50%; margin-right: 5px; border: 1px solid #dedede; } .lw-apartment-card__checklist-btn { display: none; padding: 5px; height: auto; border-radius: 30%; margin-left: 5px; border: 1px solid #dedede; } .lw-apartment-card__user-card-btn img { max-width: 16px; max-height: 16px; } .lw-apartment-card__checklist-btn { display: none; } @media (max-width: 543px) { .lw-apartment-card__owner-group { margin-left: 0; } .lw-apartment-card__owner-text { display: none; } .lw-apartment-card__user-card-btn { display: flex; } .lw-apartment-card__checklist-btn { display: flex; } } .lw-apartment-card__pdf-mobile { display: none; } @media (max-width: 543px) { .lw-apartment-card__pdf-desktop { display: none; } .lw-apartment-card__pdf-mobile { display: flex; } } .lw-apartment-card__tasts-mobile { display: none; } @media (max-width: 543px) { .lw-apartment-card__tasts-desktop { display: none; } .lw-apartment-card__tasts-mobile { display: flex; } } .lw-apartment-card__search-mobile { display: none; } @media (max-width: 543px) { .lw-apartment-card__search-desktop { display: none; } .lw-apartment-card__search-mobile { display: flex; } } .lw-apartment-card__layers-mobile { display: none; } @media (max-width: 543px) { .lw-apartment-card__layers-desktop { display: none; } .lw-apartment-card__layers-mobile { display: flex; } } @media (max-width: 543px) { .lw-apartment-card__share-btn { display: none; } } .lw-main-link { font-weight: 400; font-size: 16px; color: #4caf50; } .lw-main-link--icon { position: relative; padding-left: 18px; } .lw-main-link--icon::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; max-width: 16px; max-height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; } .lw-text-green { color: #4caf50; } .lw-text-gray { color: #7d7d7d; } .lw-text-blue { color: #0374ff; } .lw-text-white { color: #ffffff; } .lw-text-underlined { text-decoration: underline; } .container { width: 100%; max-width: 1850px; margin: 300px auto; padding: 0 20px; } .lw-apartment-card { display: flex; margin-bottom: 30px; } /*.actions-tags.show{ left: -7px !important; }*/ @media (max-width: 992px) { .lw-apartment-card { flex-direction: column; } } .swiper { position: relative; /**/ width: 470px; height: 100%; } @media (max-width: 992px) { .swiper { width: 100%; } } .lw-apartment-card__slider-item { background-image: url("../img/card_img.png"); } .lw-apartment-card__gallery { min-width: 230px; } .lw-apartment-card__gallery .swiper .lw-apartment-card__slider-item img { display: block; height: 100%; width: 100%; max-width: 470px; object-fit: contain; backdrop-filter: blur(17px); } .slider__prev, .slider__next { position: absolute; top: 50%; width: 100%; height: 100%; max-width: 24px; max-height: 24px; cursor: pointer; z-index: 10; } .lw-apartment-card .swiper-slide{ z-index: unset !important; } .slider__prev:focus, .slider__next:focus { outline: none; } .swiper-button-disabled { opacity: 0.5; } .slider__prev { left: 10px; background-image: url("../img/slide/arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transform: rotate(180deg); } .slider__next { right: 10px; background-image: url("../img/slide/arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .lw-apartment-card__slider-item-badge { position: absolute; top: 10%; left: 0; display: flex; align-items: center; width: fit-content; height: 100%; /* max-width: 90px; */ max-height: 26px; font-weight: 400; font-size: 16px; padding: 13px 5px 13px 13px; background-color: #ffffff; z-index: 10; } .lw-apartment-card__slider-item-badge::after { position: absolute; content: ""; top: 0; right: -43px; border-right: 30px solid transparent; border-top: 13px solid transparent; border-left: 13px solid #ffffff; border-bottom: 13px solid transparent; } .lw-apartment-card__more-btn { position: absolute; right: 15px; top: 15px; width: 100%; height: 100%; max-width: 24px; max-height: 24px; cursor: pointer; z-index: 10; } .lw-apartment-card__content { display: flex; flex-direction: column; flex-grow: 1; width:100%; max-width: calc(100% -280px); padding: 6px 20px; gap: 8px; background: #ffffff; } @media (max-width: 390px) { .lw-apartment-card__content { padding: 10px; } } @media (max-width: 992px) { .lw-apartment-card__content { max-width: 100%; } } .lw-apartment-card__content-header { display: flex; flex-direction: column; max-width: 100%; gap: 6px; } .lw-apartment-card__content-wrapper { position: relative; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 6px; padding-right: 40px; } @media (max-width: 780px) { .lw-apartment-card__content-wrapper { padding-right: 0; } .lw-apartment-card__commercial-btn { margin-right: 40px; } } @media (max-width: 390px) { .lw-apartment-card__content-wrapper { column-gap: 5px; } } .lw-apartment-card__content-main-section { display: flex; flex-wrap: wrap; align-items: flex-start; padding-right: 0; gap: 20px; padding-bottom: 10px; border-bottom: 0.5px solid #dedede; } @media (max-width: 768px) { .lw-apartment-card__content-main-section { flex-direction: column; gap: 20px; width: 100%; } } .lw-apartment-card__content-footer-top { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; padding: 0 0 6px 0; border-bottom: 1px solid #dedede; } .lw-apartment-card__content-wrapper:last-child { padding-bottom: 10px; border-bottom: 0.5px solid #dedede; } .lw-apartment-card__id { font-weight: 700; font-size: clamp(14px, 1.3vw, 16px); color: #757575; } @media (max-width: 768px) { .lw-apartment-card__id { margin-right: 5px; } } .lw-main-link--call::before { background-image: url("../img/icon-top-header/arrow_up.svg"); } .lw-main-link--agreement::before { max-width: 12px; max-height: 16px; background-image: url("../img/icon-top-header/agreement.svg"); } .lw-main-link--ellipse { margin-left: auto; } .lw-main-link--ellipse::before { max-width: 8px; max-height: 8px; background-image: url("../img/icon-top-header/ellipse.svg"); } .lw-apartment-card__popup-gallery { display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; min-width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.92); z-index: 999; } .lw-apartment-card__popup-gallery.active { display: flex; } .lw-apartment-card__popup-gallery-closer { position: absolute; right: 15px; top: 15px; width: 100%; height: 100%; max-width: 24px; max-height: 24px; cursor: pointer; z-index: 10; } .lw-apartment-card__slider-popup.swiper { width: 100%; max-width: 900px; height: inherit; } .lw-apartment-card__slider-popup-item { background-image: url("../img/card_img.png"); } .lw-apartment-card__slider-popup-item img { backdrop-filter: blur(17px); } .lw-apartment-card__tag-desktop-icon { max-width: 16px; max-height: 16px; } .lw-apartment-card__tag-mobile-icon { display: none; max-width: 12px; max-height: 12px; } .lw-apartment-card__tag-btn-text { display: none; margin-left: 10px; } @media (max-width: 780px) { .lw-apartment-card__tag-mobile-icon { display: flex; } .lw-apartment-card__tag-desktop-icon { display: none; } .lw-apartment-card__tag-btn { background-color: #4caf50; padding: 10px; border-radius: 50%; } .lw-apartment-card__tag-group { order: 7; margin-right: 0; margin-left: auto; } .lw-apartment-card__tag-btn-text { display: inline-block; font-size: clamp(12px, 3vw, 16px); } } @media (max-width: 740px) { .lw-apartment-card__field--tags { order: 6; } } .lw-apartment-card__tags { width: fit-content; max-width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lw-apartment-card__field { display: flex; align-items: center; gap: 2px; } .lw-apartment-card__field--flex-start:first-child { align-items: flex-start; margin-right: 20px; /*clamp(50px, 5vw, 100px);*/ gap: 15px; } @media (max-width: 1240px) { .lw-apartment-card__field--flex-start { flex-direction: column; } } @media (max-width: 768px) { .lw-apartment-card__field-settings { display: none; } .lw-apartment-card__field-settings.active { display: flex; flex-wrap: wrap; margin-right: 0; } } .lw-apartment-card__address-checkbox { padding: 8px 20px; width: 20px; height: 20px; background: linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%); border: 1px solid #dedede; margin-right: 5px !important; border-radius: 3px; cursor: pointer; } .lw-apartment-card__field-icon-tags { max-width: 16px; max-height: 16px; } @media (max-width: 740px) { .lw-apartment-card__field-icon-tags-wrapper { padding: 5px; border-radius: 50%; border: 1px solid #dedede; } } .lw-apartment-card__agreement-btn { background: none; border: none; margin-right: auto; } @media (max-width: 992px) { .lw-apartment-card__agreement-btn { margin-right: 0; } } @media (max-width: 550px) { .lw-apartment-card__agreement-btn { display: none; } } .lw-apartment-card__agreement-btn::before { max-width: 12px; max-height: 16px; background-image: url("../img/icon-top-header/agreement.svg"); } .lw-apartment-card__status { position: relative; padding-left: 18px; cursor: pointer; } @media (max-width: 992px) { .lw-apartment-card__status { margin-right: auto; } } .lw-apartment-card__status.active { color: #fd3018; } .lw-apartment-card__status::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; max-width: 8px; max-height: 8px; border-radius: 50%; background-color: #4caf50; } .lw-apartment-card__status.active::before { background-color: #fd3018; } /* @media (max-width: 992px) { .lw-apartment-card__further-btn { margin-left: auto; } } */ @media (max-width: 850px) { .lw-apartment-card__further-btn { margin-left: 0; } } @media (max-width: 768px) { .lw-apartment-card__further-btn { border: none; background: none; } } .lw-apartment-card__menu-btn { position: absolute; top: 5px; right: 0; } .lw-apartment-card__chars { width: fit-content; /* max-width: 160px; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: auto; } .lw-apartment-card__field-icon-info { max-width: 20px; max-height: 20px; } .lw-apartment-card__favourite-btn { position: absolute; top: 0; right: 0; max-width: 26px; } @media (max-width: 768px) { .lw-apartment-card__favourite-btn { display: none; } } .lw-apartment-card__sales { display: flex; align-items: center; } .lw-apartment-card__sales-item { position: relative; width: 30px; height: 10px; background: #ffffff; border: 0.5px solid #dedede; cursor: pointer; } .lw-apartment-card__sales-item:last-child { border-radius: 0px 2px 2px 0px; } .lw-apartment-card__sales-item:first-child { border-radius: 2px 0px 0px 2px; } .lw-apartment-card__sales-item.active { background: #4caf50; } .lw-apartment-card__sales-item.progressing { background: #ffa8a7; } .lw-apartment-card__sales-item:not(.active):not(.progressing) { pointer-events: none; opacity: 0.5; } .lw-apartment-card__sales-item-tooltip { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); display: none; justify-content: center; align-items: center; padding: 0 12px; width: 200px; height: 32px; font-weight: 400; font-size: clamp(12px, 3vw, 16px); background: linear-gradient(180deg, #fefefe 0%, #f6f6f6 100%); border: 1px solid #dedede; border-radius: 3px; color: #757575; z-index: 11; } .lw-apartment-card__sales-item.active:hover .lw-apartment-card__sales-item-tooltip { display: flex; } .lw-apartment-card__sales-item.progressing:hover .lw-apartment-card__sales-item-tooltip { display: flex; } .lw-apartment-card__list { display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0; } .lw-apartment-card__content .source-list, .lw-apartment-card__content .source-how{ margin-right: 0px !important; } .lw-apartment-card__content .object-content__advert { padding: 0px !important; } .lw-apartment-card__content .source-how__popup:before { top: 47px !important; } .lw-apartment-card__list.lw-apartment-card__list--chars { margin-right: 20px; /*clamp(50px, 4vw, 80px);*/ } .lw-apartment-card__list li { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; list-style: none; } .lw-apartment-card__content .contracts { color: #757575; text-overflow: ellipsis; overflow: hidden; margin-left: 0px; max-width: 15%; white-space: nowrap; margin-right: auto; } .lw-apartment-card.jw__object .actions-menu{ right: -25px; } .lw-apartment-card.jw__object .ti-heart { font-size: 26px; color: #757575; cursor: pointer; top: 1px !important; } .lw-apartment-card.jw__object .ti-heart:hover { color: #0c2f95; } .lw-apartment-card.jw__object .ti-heart.active { color: #EE6161; } .lw-apartment-card__field a { border-bottom: none; } .lw-apartment-card.jw__object .actionJW { height: 26px; line-height: 26px; } .lw-apartment-card .jw__action-button { margin-right: 0px; } .switch-container { display: inline-block; position: relative; } .switch-container input[type="checkbox"] { display: none; } .switch-container label { display: block; width: 36px; /* Ширина ползунка */ height: 22px; /* Высота ползунка */ background-color: #ccc; /* Цвет фона ползунка (неактивный) */ border-radius: 20px; /* Радиус скругления ползунка */ position: relative; cursor: pointer; } .switch-container input[type="checkbox"]:checked + label { background-color: #4caf50; /* Цвет фона ползунка (активный) */ } .switch-container label:before { content: ""; position: absolute; width: 16px; /* Ширина переключателя */ height: 16px; /* Высота переключателя */ background-color: #fff; /* Цвет переключателя */ border-radius: 50%; /* Радиус скругления переключателя */ top: 50%; /* Положение по верхнему краю */ transform: translateY(-50%); left: 2px; /* Положение по левому краю */ transition: 0.3s; /* Плавное изменение состояния */ } .switch-container input[type="checkbox"]:checked + label:before { left: calc(100% - 18px); /* transform: translateY(-50%) Сдвигаем переключатель на активное состояние */ } .lw-main-btn .lw-apartment-card__list-company-image { max-width: 64px; max-height: 16px; } .modal-overlay { display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; min-width: 100vw; height: 100%; min-height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; } .modal-overlay.active { display: flex; } .lw-modal { position: relative; display: flex; flex-direction: column; gap: 20px; width: 90vw; height: fit-content; max-height: 80%; min-height: 30%; max-width: 700px; padding: clamp(20px, 3vw, 50px); overflow: hidden; overflow-y: auto; background-color: #ffffff; border-radius: 3px; border: 2px solid #4caf50; animation-duration: 0.7s; /* Время работы анимации */ animation-fill-mode: both; /* Поведение анимации */ animation-name: fadeInDown; /* Имя анимации */ } .lw-modal label{ margin: 0; } .lw-modal .object-content__preloader { left: calc(50% + 1px); } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -10%, 0px); } 100% { opacity: 1; transform: none; } } .close-modal-btn { position: absolute; top: 50px; right: 50px; max-width: 24px; max-height: 24px; cursor: pointer; } .company-logo { max-width: 152px; max-height: 40px; margin: 50px auto 10px auto; } .lw-form__fields { display: flex; flex-direction: column; gap: 15px; width: 100%; height: 100%; padding: 15px 0; border-top: 1px solid #dedede; } .lw-form__fields h2 { margin: 10px 0; } .lw-form__fields:last-child { border-bottom: 1px solid #dedede; } @media (max-width: 600px) { .lw-form__fields { flex-direction: column; align-items: flex-start; } } .lw-form__fields-column { display: flex; flex-direction: column; gap: 20px; } .lw-form__fields-item { display: flex; align-items: center; gap: 10px; width: 100%; } .lw-form__fields-item input[type="text"], .lw-form__fields-item input[type="number"]{ padding: 3px 10px; width: 100%; max-width: 150px; height: 32px; background: #ffffff; border: 1px solid #dedede; border-radius: 3px; } .lw-form__fields-item input[type="checkbox"] { width: 16px; height: 16px; margin: -2px 0 0 0; } @media (max-width: 600px) { .lw-form__fields-item { max-width: 100%; } .lw-form__fields-item--column { flex-direction: column; align-items: flex-start; width: 100%; } .lw-form__fields-item input[type="text"] { max-width: 100%; } } .lw-modal__body form { display: flex; flex-direction: column; gap: 20px; } .lw-modal__footer { display: flex; gap: 10px; } .lw-modal__footer button { width: 100%; padding: 10px 20px; background: #4caf50; border: 1px solid #7d7d7d; border-radius: 3px; } .lw-modal__footer-red-btn { background-color: #e52a35; } .active-stable { display: flex; } .lw-form__fields-switch-checkbox { display: flex; align-items: center; gap: 10px; margin-right: auto; padding-top: 5px; } @media (max-width: 400px) { .lw-form__fields-switch-checkbox { margin-right: 40px; } } .custom-select-opener { padding: 3px 10px; width: 100px; height: 28px; background: #ffffff; border: 1px solid #dedede; border-radius: 3px; } .lw-apartment-card__list-company-price { display: flex; align-items: center; gap: 10px; } .lw-apartment-card__list-company-price input { padding: 3px 10px; width: 100px; height: 28px; font-size: 14px; background: #ffffff; border: 1px solid #dedede; border-radius: 3px; } .lw-apartment-card__list-company-price span { font-weight: 400; font-size: 20px; color: #4caf50; } .lw-apartment-card__company-btn { width: 100%; max-width: 80px; } .lw-apartment-card__settings-btn { display: none; justify-content: flex-start; width: 100%; max-width: 180px; padding-left: 0; padding-right: 5px; font-weight: 400; font-size: 14px; } @media (max-width: 768px) { .lw-apartment-card__settings-btn { display: flex; } } .lw-apartment-card__settings-btn::before { left: 100%; background-image: url("../img/icon-body/arrow_select.svg"); } .lw-apartment-card__settings-btn.active::before { top: 20%; transform: rotate(180deg); } .lw-apartment-card__content-footer-bottom { padding: 8px 0; } .lw-apartment-card__footer-list { display: flex; flex-wrap: wrap; align-items: center; column-gap: 40px; row-gap: 6px; padding: 0; margin: 0; } .lw-apartment-card__footer-list li { padding: 0; flex-grow: 1; } .lw-apartment-card__footer-list-item { position: relative; display: flex; flex-direction: column; list-style: none; } .lw-apartment-card__footer-list-item a.lw-text-gray { text-decoration: underline; } .lw-apartment-card__footer-list-item--row { display: flex; align-items: center; gap: 7px; } .lw-apartment-card__footer-list-item--phones { display: flex; align-items: center; gap: 15px; } .lw-apartment-card__footer-list li:nth-child(4) { margin-right: auto; } @media (max-width: 768px) { .lw-apartment-card__footer-list li:nth-child(1) { order: 1; padding-left: 0; } .lw-apartment-card__footer-list li:nth-child(2) { display: none; } .lw-apartment-card__footer-list li:nth-child(4) { order: 2; flex-direction: column; align-items: flex-start; gap: 7px; } .lw-apartment-card__footer-list li:nth-child(3) { order: 3; } .lw-apartment-card__footer-list li:nth-child(5) { order: 4; } } @media (max-width: 400px) { .lw-apartment-card__footer-list li:nth-child(3) { width: 100%; flex-direction: row; gap: 30px; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } } .lw-apartment-card__footer-list-item--row:last-child { flex-direction: row; align-items: center; gap: 10px; } .lw-apartment-card__footer-list-item-phones { display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 768px) { .lw-apartment-card__footer-list-item-phones { align-items: flex-start; } } .lw-apartment-card__chat-info { margin-right: 0; } .lw-apartment-card__chat-info-mobile { display: none; padding: 5px; height: auto; border-radius: 50%; margin-right: 5px; border: 1px solid #dedede; } .lw-apartment-card__chat-info-price { font-weight: 400; } @media (max-width: 543px) { .lw-apartment-card__chat-info-desktop { display: none; } .lw-apartment-card__chat-info-mobile { display: flex; max-width: 24px !important; max-height: 24px !important; } .lw-apartment-card__chat-info-price { display: none; } } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custom-select-opener { position: relative; width: 100px; height: 28px; text-align: left; padding: 5px 28px 3px 10px; border: 1px solid #dedede; border-radius: 3px; overflow: hidden; font-weight: 400; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; color: #666666; background: #ffffff; } .custom-select-panel { width: fit-content; margin-top: 5px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; } .custom-select-opener::before { content: ""; position: absolute; right: 10px; width: 18px; height: 18px; background-image: url("../img/icon-body/arrow_select.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none; transition: 200ms ease; } .custom-select-option { width: 100%; min-width: 100px; height: 32px; text-align: left; padding: 7px 28px 3px 10px; overflow: hidden; white-space: nowrap; font-weight: 400; font-size: 14px; text-overflow: ellipsis; background: #ffffff; color: #666666; cursor: pointer; } .custom-select-option:not(:last-child) { border-bottom: 1px solid #dedede; } .lw-apartment-card__field-settings-select { display: flex; gap: 10px; } @media (max-width: 543px) { .lw-apartment-card__field-settings-select { width: 100%; } .lw-apartment-card__field-settings-select .lw-apartment-card__list-company-price { width: 100%; } .lw-apartment-card__field-settings-select .custom-select-container { width: 100%; } .lw-apartment-card__field-settings-select .custom-select-opener { width: 100%; } .lw-apartment-card__field-settings-select .custom-select-option { width: 100%; } .custom-select-container { width: 100%; } .custom-select-opener { width: 100%; } .custom-select-option { width: 100%; } .custom-select-panel { width: 100%; } .lw-apartment-card__list-company-price input { width: 100%; } } /* .lw-apartment-card__address-checkbox + .lw-base-title { max-width: 240px; } @media(max-width: 1240px) { .lw-apartment-card__address-checkbox + .lw-base-title { max-width: 100%; } } */ .lw-apartment-card .no-image { border-right: none; } .lw-apartment-card__list .hidden_opis{ bottom: unset; right: unset; } .lw-apartment-card__owner-btn { max-width: 90px; }