1587 lines
28 KiB
CSS
1587 lines
28 KiB
CSS
|
|
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;
|
|
} |