/* Настройки шаблона */ :root, body {font-size: 10px;} @media screen and (min-width: 576px) { :root, body {font-size: 12px;} } @media screen and (min-width: 768px) { :root, body {font-size: 12px;} } @media screen and (min-width: 992px) { :root, body {font-size: 14px;} } @media screen and (min-width: 1200px) { :root, body {font-size: 16px;} } .lb-outerContainer { width: 100%!important; } .lb-nav { width: 90%!important; } .lb-image { margin: 0 auto; } :root { --Corner-radius: 16px; --Button: #DA2637; --red-800: #AE1E2C; --red-700: #DA2637; --red-600: #E1515F; --black-800: #141414; --black-700: #1E1E1E; --black-600: #3B3B3B; --black-500: #595959; --black-400: #686868; --black-300: #767676; --black-200: #858585; --black-100: #949494; --black-50: #DADADA; --black-10: #F8F8F8; --White: #FFF; --Number: 34px; } /* Элементы */ html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;} body {display: flex; flex-direction: column; margin: 0 auto; max-width: 1920px; font-family: 'Circe'; font-size: 1.125rem; font-weight: normal; font-style: normal; color: var(--black-800); outline: 1px solid #ddd; overflow-x: hidden;} #middle main {overflow: inherit;} .bg-color::before, .moduletable.fullbg {background: transparent;} *::before {pointer-events: none;} @media (max-width: 1440px) {.container { max-width: 1160px; }} @media (min-width: 1680px) {.container {max-width: 1680px;}} @media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}} /* h1, .h1 {font-size: 4rem; font-family: 'Proxima Nova'; font-weight: bold; font-style: normal; line-height: 160%; margin: 0;} h2, .h2 {font-size: 3rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: normal; margin: 0;} h3, .h3 {font-size: 2rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} h4, .h4 {font-size: 1.75rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} h5, .h5 {font-size: 1.5rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} */ h1, .h1 {font-size: 4rem; font-family: 'Circe'; font-weight: bold; font-style: normal; line-height: 160%; margin: 0;} h2, .h2 {font-size: 3rem; font-family: 'Circe'; font-weight: normal; font-style: normal; line-height: normal; margin: 0;} h3, .h3 {font-size: 2rem; font-family: 'Circe'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} h4, .h4 {font-size: 1.75rem; font-family: 'Circe'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} h5, .h5 {font-size: 1.5rem; font-family: 'Circe'; font-weight: normal; font-style: normal; line-height: 160%; margin: 0;} p {margin: 0; margin-bottom: 1rem;} .line {background: #EDEDED; height: 1px;} .link a {color: var(--black-600); position: relative; display: flex; align-items: center; gap: 0.625rem;} /* .link a::after { content: ''; background: url('data:image/svg+xml,'); width: 20px; height: 20px; display: block; } */ .info, .info a {color: var(--black-500); gap: 1.125rem;} .info span {width: 1px; height: 24px; background: var(--black-500);} .info .active {color: var(--black-800);} .share {right: 0; width: fit-content; bottom: 0; padding: 1rem; gap: 0.75rem; color: var(--black-700); cursor: pointer;} .share:hover {color: var(--black-600);} .share:active {color: var(--black-800);} .radius {border-radius: var(--Corner-radius); overflow: hidden;} .more { cursor: pointer; padding: 14px 24px; border-radius: var(--Corner-radius); background: var(--black-10); width: fit-content; display: flex; justify-content: center; align-items: center; gap: 0.625rem;} .more::after {content: ''; background: url('data:image/svg+xml,'); display: block; width: 20px; height: 20px;} .gradient {background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);} .gradient img {z-index: -1; width: 100%;} a {text-decoration: none; color: var(--black-800);} a:hover {color: var(--black-500) !important;} .menu_2, .mod_new .attributes, .categories .item .attributes {font-size: 1rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: 160%;} .menu_1 {font-size: 1.125rem; font-family: 'Proxima Nova'; font-weight: normal; font-style: normal; line-height: 160%;} .parent_separator {cursor: pointer;} ::-webkit-scrollbar { border-radius: 20px; background: var(--black-50); } ::-webkit-scrollbar-thumb { border-radius: 20px; background: var(--black-700);} .mobile.menu_1::-webkit-scrollbar { width: 2px; } .fields-container {display: none !important;} .scroll-up { z-index: 1; } /* Lightbox */ #lightbox { position: fixed; top: 50% !important; transform: translateY(-50%); } .lb-outerContainer { background-color: transparent; } .lightbox .lb-image { border: 0; border-radius: 1rem; } .lb-data .lb-close { position: absolute; right: 4.5rem; top: -5%; background: url('data:image/svg+xml,') center no-repeat; } .lb-dataContainer { padding-top: 2.25rem; } .lb-data .lb-details { width: 100%; text-align: center; color: var(--White); } .lb-data .lb-caption { font-size: 2rem; font-weight: 400; line-height: 160%; } .lb-nav { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120%; } .lb-nav a.lb-next { width: 50%; background: url('data:image/svg+xml,') right center no-repeat; opacity: 1; } .lb-nav a.lb-prev { width: 50%; background: url('data:image/svg+xml,') left center no-repeat; opacity: 1; } /* Swiper */ .swiper { width: 100%; height: 100%; } .swiper-slide { border-radius: var(--Corner-radius); overflow: hidden;} .mySwiper2 .swiper-slide {height: 546px;} .mySwiper .swiper-slide {height: 166.66px; width: 25%; border: 1px solid transparent; cursor: pointer;} .mySwiper .swiper-slide-thumb-active { border: 1px solid var(--black-700); } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .mySwiper2 { height: 80%; width: 100%; border-radius: var(--Corner-radius); overflow: hidden; } .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; border-radius: var(--Corner-radius); overflow: hidden; } .swiper-button-next, .swiper-button-prev {height: 64px !important; width: 64px !important;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: '' !important; background: url('data:image/svg+xml,'); background-repeat: no-repeat; width: 36px; height: 36px; } .swiper-button-next:hover:after, .swiper-rtl .swiper-button-prev:hover:after {background: url('data:image/svg+xml,'); width: 64px; height: 64px;} .swiper-button-next:active:after, .swiper-rtl .swiper-button-prev:active:after {background: url('data:image/svg+xml,'); width: 64px; height: 64px;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: '' !important; background: url('data:image/svg+xml,'); background-repeat: no-repeat; width: 36px; height: 36px; } .swiper-button-prev:hover:after, .swiper-rtl .swiper-button-next:hover:after { background: url('data:image/svg+xml,'); width: 64px; height: 64px; } .swiper-button-prev:active:after, .swiper-rtl .swiper-button-next:active:after { background: url('data:image/svg+xml,'); width: 64px; height: 64px; } /* Формы */ select {border: 0; width: fit-content; outline: 0;} label {cursor: pointer;} input::placeholder {color: var(--black-200, #858585);} input[type="text"], input[type="email"], input[type="tel"], textarea { outline: none !important; padding: 16px 20px; border-radius: var(--Corner-radius); border: 1px solid var(--black-100); } input[type="text"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid var(--black-200); } input[type="tel"] {padding: 0;} input[type="checkbox"]{ height: 20px; width: 20px; border-radius: 4px; border: 1.2px solid var(--black-700); appearance: none; display: grid; cursor: pointer;} input[type="checkbox"]::before { content: ""; width: 100%; height: 100%; transform: scale(0); transition: 120ms transform ease-in-out; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; } input[type="checkbox"]:checked::before { transform: scale(1); } input[type="radio"] { height: 20px; width: 20px; border-radius: 4px; border: 1.2px solid var(--black-700); appearance: none; display: grid; cursor: pointer; } input[type="radio"]:checked::before { transform: scale(1); background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; } input[type="radio"]::before { content: ""; width: 100%; height: 100%; transform: scale(0); transition: 120ms transform ease-in-out; background-repeat: no-repeat; background-position: center; } input[type="file"] {display: none;} form .phone { padding: 16px 20px; border-radius: var(--Corner-radius); border: 1px solid var(--black-100); background: white; gap: 1.125rem;} form .phone input[type="tel"] {border: 0;} form .phone select {border: 0;} form .input_group {gap: 14px; display: flex; flex-direction: column;} form .file_label { border-radius: 4px; background: var(--black-50); padding: 12px; width: fit-content; gap: 12px; } form .custom-file-input label {border-radius: var(--Corner-radius); overflow: hidden;} form .custom-file-input label.big {padding: 1.125rem 0.75rem;} form .custom-file-input .desc {color: #000;} form .block { padding: 1.5rem; background: var(--black-10); display: flex; flex-direction: column; gap: 1.125rem;} form .type_item {gap: 0.875rem; cursor: pointer;} form .type_item .name {text-align: center;} form .input {display: flex; flex-direction: column; gap: 0.875rem;} form .input .input_name {font-size: 1rem; text-transform: uppercase;} form .type_item .image {max-height: 250px; height: 100%; width: 100%;} form .type_item .image img {height: 100%; width: 100%; object-fit: cover;} form .type_item .image.chosen {position: relative;} form .type_item .image.chosen::before { content: ''; display: block; position: absolute; z-index: 1; background: transparent; width: 100%; height: 100%; border: 8px solid var(--Button); border-radius: var(--Corner-radius); } form .personal-data {flex-direction: row; align-items: center; gap: 14px;} #calc form .input_group {gap: 1.125rem;} #calc form input, #calc form .phone {background: transparent;} .modal form {gap: 14px;} .reviews-modal form .rating {gap: 14px;} .reviews-modal form .rating svg {cursor: pointer; margin: 0 7px; fill: transparent; transition: fill 0.3s ease;} .reviews-modal form .rating svg:hover, .reviews-modal form .rating svg.focus {fill: var(--red-700);} #review form .input_wrap, .reviews-modal form .input_wrap {display: flex; flex-direction: column; gap: 1.5rem;} .personal-data input[type="checkbox"] { height: 18px; width: 18px; border-radius: 50%; position: relative; } .personal-data input[type="checkbox"]:checked::before { width: 9px; height: 9px; transform: translate(-50%, -50%);} .personal-data input[type="checkbox"]::before { width: 0; height: 0; transform: translate(-50%, -50%); background: black; border-radius: 50%; position: absolute; top: 50%; left: 50%; } .select_country {position: relative; cursor: pointer;} .select_country .selected_country {display: flex; align-items: center; gap: 0.375rem;} .select_country .selected_country::after {content: ''; background: url('data:image/svg+xml,'); width: 12px; height: 13px; display: block;} .select_country img {width: 20px; height: 20px;} .select_country .hidden_list{display: none; position: absolute;} .select_country .hidden_list.show { display: block; top: 100%; background: var(--White); padding: 0.25rem 0.5rem; border-radius: 0.5rem; left: 0; width: 100%; } .modal-content {display: flex; flex-direction: column;} .modal-header { border: 0; padding: 2.25rem 2.25rem 0 2.25rem;} .modal-body {padding: 0 2.25rem 2.25rem 2.25rem;} .btn-close { width: 36px; height: 36px; background: transparent url('data:image/svg+xml,'); background-position: center; background-repeat: no-repeat; opacity: 1;} .btn-close:focus { box-shadow: unset; } /* Квиз */ .mod-quiz {margin: 0 auto;} .mod-quiz legend {color: var(--Button); display: flex; align-items: center; justify-content: flex-end;} .mod-quiz .desc {color: var(--Button);} .mod-quiz fieldset { display: flex; flex-direction: column; align-items: center; } .mod-quiz #quiz-form fieldset:not(:first-of-type) { display: none; } .mod-quiz #quiz-form .middle .title { margin: 2.44rem 0; } .mod-quiz #quiz-form .bottom {width: 100%; margin-top: 2.44rem;} .mod-quiz #quiz-form .input .input_name { font-size: 1.75rem; text-transform: none; display: flex; align-items: center; } form .input.radio { flex-direction: row;} form .radio_group { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; } form .radio_group.material, form .radio_group.address { display: grid; grid-template-columns: none; grid-template-rows: none; } /* Кнопки */ .btn { border-radius: var(--Corner-radius); color: var(--White) !important; text-transform: uppercase; padding: 9px 24px; width: fit-content; font-size: 13px;} .btn.big {padding: 18px 24px; font-size: 1rem;} .btn-red { background: var(--Button); } .btn-red:hover { background: var(--red-600); color: #fff !important;} .btn-red:focus { background: var(--red-800) !important; } .btn-black { background: var(--black-700); } .btn-black:hover { background: var(--black-600); } .btn-black:focus { background: var(--black-800); } .btn-white { background: transparent; border: 1px solid var(--black-50); color: var(--black-700) !important;} .btn-white:hover { border: 1px solid var(--black-100); } .btn-white:focus { border: 1px solid var(--black-50); } .white {color: var(--White);} /* Элементы навигации */ .controls .dots {font-size: 1.125rem;} .controls .dots .dot {cursor: pointer;} .controls .nav * {padding: 0 1rem; cursor: pointer;} .controls .nav .prev::before {content: ''; background: url('data:image/svg+xml,'); display: block; width: 32px; height: 14px;} .controls .nav .prev.active::before {background: url('data:image/svg+xml,');} .controls .nav .next::before {content: ''; background: url('data:image/svg+xml,'); display: block; width: 32px; height: 14px;} .controls .nav .next.active::before {background: url('data:image/svg+xml,');} .controls .nav .next:hover::before {background: url('data:image/svg+xml,');} .controls .nav .prev:hover::before {background: url('data:image/svg+xml,');} .controls .nav .next.focus::before {background: url('data:image/svg+xml,');} .controls .nav .prev.focus::before {background: url('data:image/svg+xml,');} .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage {display: flex;} .owl-carousel .owl-dots { margin: 1.5rem auto 0; width: fit-content; position: unset; transform: none; } .owl-nav {display: none;} .owl-carousel .owl-nav { max-width: none; width: 100%; } .owl-carousel .owl-dot { width: 0.5rem; height: 0.5rem; border: 1px solid var(--black-50) !important; background: transparent !important; transition: .3s;} .owl-carousel .owl-dot.active { background: var(--Button) !important; width: 12px; height: 12px; border: 0 !important;} .nav-tabs {border: 0;} .nav-tabs .nav-link {border: 0; padding: 0; color: var(--black-100); background-color: transparent !important; cursor: pointer;} .nav-tabs .nav-link.active {color: var(--black-800);} .nav-tabs .nav-link .count {background: var(--black-50); color: var(--black-500); padding: 0.1875rem 0.6875rem 0.1875rem 0.625rem; justify-content: center; align-items: center; border-radius: 0.625rem; width: 1.875rem; font-size: 1rem;} .nav-tabs .nav-link.active .count { background: var(--Button); color: var(--White);} .pagination {justify-content: center; margin: 0;} .pagination .page-item {display: flex; align-items: center;} .pagination .page-item .page-link { background: transparent; border: none; color: var(--black-500); font-size: 1.125rem; padding: 0.5rem 0.875rem;} .pagination .page-item.active .page-link {color: var(--black-700);} .pagination .page-item .page-link:focus {box-shadow: none;} .pagination .page-item .page-link .icon-angle-right::before {content: ''; background: url('data:image/svg+xml,'); display: block; width: 32px; height: 14px;} .pagination .page-item .page-link .icon-angle-left::before {content: ''; background: url('data:image/svg+xml,'); display: block; width: 32px; height: 14px;} .pagination .page-item:first-child .page-link {padding: 0 0.5rem 0 0;} .pagination .page-item:last-child .page-link {padding: 0 0 0 0.5rem;} .pagination_result_counter {display: none;} /* Аккордион */ .accordion {display: flex; flex-direction: column; gap: 1.125rem;} .accordion-item {border-radius: var(--Corner-radius) !important; border: 1px solid #DADADA;} .accordion-button, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed {padding: 1.5rem 1.875rem; border-radius: var(--Corner-radius);} .accordion-button:not(.collapsed) { color: var(--black-600); background-color: var(--White); box-shadow: unset; border: 0; } .accordion-button:focus {box-shadow: unset;} .accordion-button::after { width: 48px; height: 48px; background-image: url('data:image/svg+xml,'); background-size: 48px; } .accordion-button:not(.collapsed)::after {background-image: url('data:image/svg+xml,');} .accordion-item:not(:first-of-type) { border-top: 1px solid #DADADA; } .accordion-body { color: var(--black-500); padding: 0 1.875rem 1.5rem; } /* Хлебные крошки */ .breadcrumb { padding: 0 !important; padding-top: 3.75rem !important; margin: 0; } .breadcrumb-item a {color: var(--black-700); font-size: 1.125rem;} .breadcrumb-item.active {color: var(--black-50);} .breadcrumb-item:hover:not(.active) a {color: var(--black-300);} .breadcrumb-item+.breadcrumb-item {padding-left: 0.5rem;} .breadcrumb-item+.breadcrumb-item::before { content: url('data:image/svg+xml,'); height: 25px; padding-right: 0.5rem; } /* Шапка */ header .menu_2 { display: flex; justify-content: space-between; padding: 1rem 0; margin: 0 2.5rem; border-bottom: 1px solid #EDEDED; } header #navbar-content {flex-wrap: wrap;} header .menu_1 {display: flex; justify-content: space-between; align-items: center; padding: 0.88rem 0; margin: 0 2.5rem;} header .menu_1 .btn {font-size: 1rem; width: fit-content; height: fit-content; padding: 0.75rem 1.5rem 0.5625rem 1.5rem;} header .menu_2 .wrap {gap: 6.25rem;} header .menu_1 .wrap {gap: 3.81rem;} header #top_menu ul:not(.mod-menu__sub), #top_menu_mobile ul:not(.mod-menu__sub) {display: flex; gap: 2.25rem;} header #top_menu_2 ul:not(.mod-menu__sub), #top_menu_2_mobile ul:not(.mod-menu__sub) {display: flex; gap: 2rem;} header li.nav-item {position: relative; text-wrap: nowrap;} header li.nav-item .mod-menu__sub {opacity: 0; pointer-events: none; display: flex; flex-direction: column; gap: 1.125rem; position: absolute; left: -15%; top: 100%; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10); border-radius: var(--Corner-radius); overflow: hidden; transition: .3s;z-index: 1;} header li.nav-item.parent:hover {color: var(--black-500); transition: .3s;} header li.nav-item.parent.focus .mod-menu__sub { opacity: 1; pointer-events: all; padding: 1.5rem 4.5rem 1.5rem 1.5rem; background: var(--White);} header li.nav-item:has(.mod-menu__sub) {position: relative;} header li.nav-item .mod-menu__sub .nav-item a { display: block; font-size: 1.125rem;} header li.nav-item.parent {display: flex; align-items: center; gap: 0.625rem;} header li.nav-item.parent .arrow { background: url('data:image/svg+xml,'); width: 24px; height: 24px; background-position: center; transition: .3s; cursor: pointer;} header li.nav-item.parent:hover .arrow { background: url('data:image/svg+xml,');} header li.nav-item.parent.focus .arrow {transform: rotate(180deg);} /* Модули */ .mod-contact {display: flex; gap: 2.25rem; margin-right: 5rem;} .mod-contact .item {gap: 10px;} .mod-city {display: flex; gap: 6px; cursor: pointer;} .mod-city .wrap {display: flex; align-items: center; gap: 4px !important;} .mod-city .city_select {opacity: 0; pointer-events: none; display: flex; flex-direction: column; gap: 18px; top: 32%; border-radius: var(--Corner-radius); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10); color: var(--black-800); font-size: 1.125rem; transition: .3s;} .mod-city.focus .city_select { opacity: 1; pointer-events: all; padding: 24px; background: var(--White);} .mod-city:hover .selected_city {color: var(--black-500, #595959); transition: .3s;} .mod-city .chevron {background: url('data:image/svg+xml,'); width: 24px; height: 24px; background-position: center; transition: .3s; transition: .3s;} .mod-city:hover .chevron { background: url('data:image/svg+xml,');} .mod-city.focus .chevron {transform: rotate(180deg);} .mod-city .city_select .text {gap: 10px;} .mod-city .city_select .cities {display: flex; flex-direction: column; gap: 14px;} .mod-banner {margin: 0 2.5rem; height: 700px;} .mod-banner .h1{font-family: 'Circe'; font-style: normal; font-weight: 700; line-height: 160%; } .mod-banner .text {display: flex; padding: 0.5rem 1rem 1rem 1rem; flex-direction: column; align-items: flex-start; border-radius: 0.8rem; background: rgba(0, 0, 0, 0.30);} .mod-banner .text .desc {display: flex; gap: 1rem;} .mod-banner .text .desc .btn-red {display: flex; padding: 0.6rem 1.2rem 0.45rem 1.2rem; z-index: 1000; justify-content: center; align-items: center; gap: 0.5rem; border-radius: 0.4rem; color: var(--black-10); background: var(--Button);} .mod-banner .text .desc .btn-red:hover {background: var(--red-600);} .mod-banner .text .desc .btn-white {display: flex; padding: 0.6rem 1.2rem 0.45rem 1.2rem; justify-content: center; align-items: center; gap: 0.5rem; border-radius: 0.4rem; color: var(--Button) !important; background: var(--White);} .mod-banner .text .desc .btn-white:hover {background: var(--black-50);} .mod-banner .owl-carousel, .mod-banner .owl-stage-outer {height: 100%;} .mod-banner .item { padding: 3.19rem 3.75rem; display: flex; align-items: flex-end; height: 100%; justify-content: flex-start; cursor: pointer;} .mod-banner .controls {right: 3.75rem; bottom: 3.19rem; z-index: 1;} .mod-banner .controls .dots {display: flex;} .mod-banner .controls .dots .dot {color: var(--black-500); padding: 0.5rem 0.875rem;} .mod-banner .controls .dots .dot.active {color: var(--White); padding: 0.5rem 0.875rem;} .mod-banner .owl-nav {display: block;} .mod-banner .owl-dots {display: none;} .offers {} .offers .name {z-index: 2; position: relative; margin-bottom: 5rem; border-radius: 1rem;} .offers .wrap {margin-bottom: 2rem; margin-top: 2rem;} .offers, .projects {padding: 2.5rem 0;} .offers .title {color: var(--Button); font-family: Circe; font-size: 2rem; font-style: normal; font-weight: 500; line-height: 160%;} .offers .item {display: flex; flex-direction: column; margin-top: 5rem; align-items: flex-end; overflow: visible;} .offers .item-block {padding: 1.125rem 1.5rem; position: relative; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; height: 20rem; border-radius: 1rem; cursor: pointer;} .offers .item-block img {position: absolute; left: 0; bottom: 0; width: auto; height: 130%; object-fit: cover;} .offers .item .item-block .image img { object-fit: cover; } @media screen and (max-width: 900px) { .offers .name {color: var(--black-700); margin-bottom: 0rem; background: var(--White); padding: 0.2rem 2rem;} } .mod-askFor3D {} .mod-askFor3D form .block {background: none;} .mod-askFor3D .title {display: flex; flex-direction: column; gap: 1rem;} .mod-askFor3D .h2 {font-weight: 600;} .mod-askFor3D .h2 span {color: var(--Button);} .mod-askFor3D .container {display: flex !important; align-items: center;} .mod-askFor3D .container .col-md-6:nth-child(2) img{width: 100%;} .mod-installment {margin: 3rem 0;} .mod-installment .title {font-style: normal; font-weight: 700; line-height: 160%;} .mod-installment .title span{color: var(--Button);} .mod-installment .container {border-radius: 0.8rem; background: url('https://ladyameb.com/images/modules/mod-installment/001.png'); background-position: right; background-size: cover; background-repeat: no-repeat; padding: 5rem;} .mod-installment .block {padding: 1rem; width: fit-content; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(8px); border-radius: 0.8rem; display: flex; flex-direction: column; gap: 1rem;} .mod-installment a {font-size: 1.3rem; width: 100%; padding: 0.9rem 1.2rem;} .mod-installment .btn-red {width: 100%; font-size: 1.3rem;} @media screen and (max-width: 900px) { .mod-installment .block {width: 100%;} .mod-freeEstimate .container {padding: 2rem !important;} .mod-freeEstimate .block {width: 100% !important;} .mod-installment .container {padding: 2rem !important;} } .mod-freeMeasurement {margin-top: 5rem;} .mod-freeMeasurement .container {justify-content: space-between; align-items: center;} .mod-freeMeasurement form .block {background: none;} .mod-freeMeasurement .title {display: flex; flex-direction: column; gap: 1rem;} .mod-freeMeasurement .h2 {font-weight: 600;} .mod-freeMeasurement .h2 span {color: var(--Button);} .mod-freeMeasurement .container {display: flex !important; align-items: center;} .mod-freeMeasurement .container .col-md-5 img{width: 100%;} .mod-freeEstimate {margin: 3rem 0;} .mod-freeEstimate .title {font-style: normal; font-weight: 600; line-height: 160%;} .mod-freeEstimate .h5 span {color: var(--Button); background: none;} .mod-freeEstimate .title span {color: var(--Button); background: none;} .mod-freeEstimate .btn-red {width: 100%; font-size: 1.3rem;} .mod-freeEstimate .container {border-radius: 0.8rem; background: url('https://ladyameb.com/images/modules/mod-freeEstimate/001.png'); background-position: right; background-size: cover; background-repeat: no-repeat; padding: 15rem 5rem;} .mod-freeEstimate .block {padding: 1rem; width: fit-content; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(8px); border-radius: 0.8rem; display: flex; flex-direction: column; gap: 4rem;} .mod-freeEstimate .block .info {display: flex; flex-direction: column; gap: 1rem; color: var(--black-800);} .mod-freeEstimate a {font-size: 1.3rem; width: 100%; padding: 0.9rem 1.2rem;} .mod-questions {padding: 2.5rem 0;} .mod-questions .wrap {padding: 2.25rem; border-radius: var(--Corner-radius); background: #F8F8F8; display: flex; flex-direction: column; gap: 2.25rem;} .mod-questions .image {border-radius: 1.25rem; overflow: hidden;} .mod-questions .desc {color: var(--black-600);} .mod-questions .item {border-radius: var(--Corner-radius); padding: 16.4375rem 1.5rem 1.5rem; cursor: pointer;} .mod-questions .item .text {font-size: 1.25rem;} /* .mod-why-choose .wrap {padding: 4rem 6.25rem; gap: 4rem; border-radius: var(--Corner-radius); background: url('https://ladyameb.com/images/modules/mod-why-choose/1570b98b3117778f6c246f8b25c20318.jpg'), lightgray 50%; background-size: cover; background-position: center;} .mod-why-choose .wrap .items {justify-content: space-between;} */ .mod-why-choose {margin: 3rem 0; padding: 2rem 0;} .mod-why-choose .container {display: flex; flex-direction: column; gap: 4rem;} .mod-why-choose .col-md-6 {position: relative;} .mod-why-choose .block-content {display: flex;} .mod-why-choose .item-block {display: flex; width: 100%; justify-content: center;} .mod-why-choose .item-block:nth-child(1n) .item {justify-content: flex-start; margin-left: 17rem;} .mod-why-choose .item-block:nth-child(2n) .item {justify-content: flex-end; margin-right: 17rem; margin-left: 0;} .mod-why-choose .item {display: flex; text-align: center; width: fit-content; padding: 0.8rem 5rem; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; border-radius: 0.8rem; border: 0.5px solid var(--Button, #DA2637); background: var(--black-10); backdrop-filter: blur(2px);} .mod-why-choose .item .title { color: var(--Button); font-style: normal; font-weight: 700; line-height: 160%;} .mod-why-choose .item .text {} .mod-why-choose .col-md-6:nth-child(1) img {position: absolute; width: 100%; max-width: none; left: -8rem;} .mod-why-choose .col-md-6:nth-child(2) {display: flex; flex-direction: column; align-items: center; gap: 2rem;} .mod-why-choose .col-md-6:nth-child(2) img {position: absolute; width: 28rem; margin-top: 6rem;} @media screen and (max-width: 1680px) { .mod-why-choose .item .title {font-size: 2.5rem !important;} .mod-why-choose .item .text {font-size: 1.2rem !important;} .mod-why-choose .item {padding: 0.8rem 3rem;} .mod-why-choose .col-md-6:nth-child(1) img {left: -12rem;} .mod-why-choose .col-md-6:nth-child(2) img {position: absolute; width: 23rem; margin-right: 8rem; margin-top: 4rem;} } @media screen and (max-width: 1440px) { .mod-why-choose .col-md-6:nth-child(2) img { position: absolute; width: 20rem; margin-right: 3rem; margin-top: 4rem;} .mod-why-choose .item .title {font-size: 2rem !important;} .mod-why-choose .item .text {font-size: 1rem !important;} .mod-why-choose .item-block:nth-child(1n) .item {margin-left: 10rem;} .mod-why-choose .item-block:nth-child(2n) .item {margin-right: 10rem; margin-left: 0;} } @media screen and (max-width: 1200px) { .mod-why-choose .col-md-6:nth-child(1) img {left: -3rem;} } @media screen and (max-width: 767px) { .mod-why-choose .col-md-6:nth-child(2) {width: 100%;} .mod-why-choose .item {width: 100%;} .mod-why-choose .item-block:nth-child(1n) .item {margin: 0 !important;} .mod-why-choose .item-block:nth-child(2n) .item {margin: 0 !important;} .mod-why-choose .col-md-6:nth-child(2) img {display: none;} } .mod-stage {padding: 2.5rem 0;} .mod-stage .item {padding: 2.25rem 1.5rem; border-radius: var(--Corner-radius); background: var(--black-10); gap: 1.375rem;} .mod-stage .item .text {gap: 0.9375rem;} .projects .item {height: 360px; display: flex; flex-direction: column; justify-content: flex-end; cursor: pointer;} .projects .block-contentOne {display: flex; height: 40rem;} .projects .block-contentOne .title {color: #AE1E2C; font-style: normal; font-weight: 700; line-height: 160%;} .projects .block-contentOne .col-lg-8 {border-radius: 1rem;} .projects .block-contentOne .col-lg-8 * {height: 100%;} .projects .block-contentOne .col-lg-8 img {object-fit: cover; border-radius: 1rem;} .projects .block-contentTwo {display: flex; height: 40rem; position: relative;} .projects .all-works-btn {color: var(--Button); text-transform: uppercase; font-style: normal; font-weight: 700; line-height: 160%; margin: 0 !important;} .projects .block-contentTwo .title {color: #AE1E2C; font-style: normal; font-weight: 700; line-height: 160%;} .projects .block-contentTwo .col-lg-4 {position: absolute; height: 100%; background: white; margin-left: auto; margin-right: auto; left: 0; right: 0; align-items: center; text-align: center; padding-top: 5rem; z-index: 35;} .projects .block-contentTwo .col-lg-8 {width: 100%;} .projects .block-contentTwo .col-lg-8 * {height: 100%;} .projects .block-contentTwo .col-lg-8 {border-radius: 1rem;} .projects .block-contentTwo .col-lg-8 img {object-fit: cover; border-radius: 1rem;} .projects .owl-nav {display: block !important;} .projects .owl-nav .owl-prev span {display: none;} .projects .owl-nav .owl-prev {margin-left: -2rem;} .projects .owl-nav .owl-next {margin-right: -2rem;} .projects .owl-nav .owl-prev::before {content: url('https://ladyameb.com/images/modules/mod-projects/arrowLeft.svg');} .projects .owl-nav .owl-next span {display: none;} .projects .owl-nav .owl-next::before {content: url('https://ladyameb.com/images/modules/mod-projects/arrowRight.svg');} .projects .container {display: flex; flex-direction: column; gap: 5rem;} @media screen and (max-width: 1240px) { .projects .block-contentOne {height: 30rem;} .projects .block-contentOne .col-lg-4 {display: none !important;} .projects .block-contentOne .col-lg-8 {width: 100%;} .projects .block-contentTwo {height: 30rem;} .projects .block-contentTwo .col-lg-4 {display: none !important;} .projects .block-contentTwo .col-lg-8 {width: 100%;} } @media screen and (max-width: 992px) { .projects .link {width: fit-content !important;} .projects .wrap {width: fit-content; gap: 1rem;} .link a {width: fit-content !important;} } .mod_new {padding: 2.5rem 0;} .mod_new .inner {gap: 2.25rem;} .mod_new .category_name {padding: 0.625rem 1.125rem; gap: 0.75rem;} .mod_new .item, .related_products .item { border-radius: var(--Corner-radius); border: 1px solid #EDEDED; background: var(--White); overflow: hidden; height: 100%; display: flex; flex-direction: column; } .mod_new .item .text, .related_products .item .text { padding: 1.25rem 0.9375rem; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .mod_new .item .image img, .related_products .item .image img, .mod-assortment .item .image img, .mod-projects .item .image img, .jshop_list_category .item .image img { height: 333px; object-fit: cover;} .mod_new #nav-11 .item .image img {object-fit: contain;} .mod_new .item .price, .related_products .item .price {color: var(--black-800, #141414); font-size: 1.125rem;} .mod_new .attributes, .jshop.list_product .product .attributes, .related_products .attributes {gap: 0.5rem;} .mod_new .attributes .attr, .jshop.list_product .product .attributes .attr, .categories .item .attributes .attr , .related_products .attributes .attr {gap: 0.3125rem;} .mod_new .nav-tabs {display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden;} .mod_new .nav-tabs::-webkit-scrollbar {display: none;} .reviews {padding: 2.5rem 0;} .reviews .item, .otzyvy .video_item { padding: 0.75rem 1.5rem; height: 460px; display: flex; align-items: flex-end; justify-content: flex-start; cursor: pointer;} .reviews .block-reviews {display: grid; grid-template-columns: auto auto; gap: 2rem;} .reviews .block-reviews .item{display: flex; gap: 2rem; height: 25rem; overflow: hidden; align-items: flex-end;} .reviews .block-reviews .item .text {display: flex; flex-direction: column; gap: 1.2rem; width: 50%;} .reviews .block-reviews .item .img {width: 50%; height: 100%;} .block-reviews .item .img img{width: 100%; height: 100%; object-fit: cover; border-radius: 1rem;} .reviews .block-reviews .item .text .title {font-size: 1.2rem;} .reviews .block-reviews .item:nth-child(2n) {flex-direction: row-reverse;} .reviews .block-reviews .item:nth-child(3n) {flex-direction: row-reverse;} .reviews .block-reviews .item:nth-child(4n) {flex-direction: row;} .reviews .block-reviews .item .text .desc {} .reviews .block-reviews .item .text .date {color: var(--black-400);} .reviews .block-reviews .item .text .desc p {display: -webkit-box; /*-webkit-line-clamp: 6; */ -webkit-box-orient: vertical; overflow: hidden;} @media screen and (max-width: 400px) { .reviews .red-btn {font-size: 1rem !important;} .reviews .title {font-size: 1.2rem !important;} .projects .red-btn {font-size: 1rem !important; padding: 0.5rem 1rem !important;} .projects .title {display: none !important;} } .mod-our-designers {margin: 5rem 0;} .mod-our-designers .btn-red {font-size: 1rem;} .mod-our-designers .container {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem;} .mod-our-designers .item {display: flex; flex-direction: column; gap: 0.5rem;} .mod-our-designers .item .number {color: var(--black-400); font-weight: 400; line-height: 160%;} .mod-our-designers .item .post {color: var(--black-400); font-weight: 400; line-height: 160%;} .mod-our-designers .item .image {} .mod-our-designers .item .image img {width: 100%; height: 100%;} @media screen and (max-width: 700px) { .mod-our-designers .container {grid-template-columns: 1fr 1fr;} } .mod-reviewGuzeeva {margin-top: 5rem;} .mod-reviewGuzeeva .container {display: flex; gap: 4rem;} .mod-reviewGuzeeva .container .h4 {font-size: 2.75rem;} .mod-reviewGuzeeva .item {display: flex; flex-direction: column; height: fit-content !important; align-items: flex-start; padding: 0;} .mod-reviewGuzeeva .item .text {font-family: 'Segoe Script';} .mod-reviewGuzeeva .item .image {width: 100%;} .mod-reviewGuzeeva .item .image img {width: 100%;} .mod-reviewGuzeeva .col-md-5 {display: flex; flex-direction: column; justify-content: space-between; position: relative;} .mod-reviewGuzeeva .col-md-5 .fullText {display: flex; flex-direction: column; gap: 1rem; font-size: 1.4rem;} .mod-reviewGuzeeva .col-md-5 .h3 {font-style: normal; font-weight: 600; line-height: 160%; font-size: 2.5rem;} .mod-reviewGuzeeva .col-md-5 .h1 div {font-family: 'Segoe Script'; background: linear-gradient(180deg, #F6A9CA -5.19%, #ED174B 120.78%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 7.5rem; font-style: normal; font-weight: 700; line-height: 100%;} .mod-reviewGuzeeva .col-md-5 .h1 .davay {position: relative; left: -12rem;} .mod-reviewGuzeeva .col-md-5 .autograph {display: flex; position: relative;} .mod-reviewGuzeeva .col-md-5 .autograph p {margin: 0; width: 70%;} .mod-reviewGuzeeva .col-md-5 .autograph img {position: absolute; right: 0; margin-right: -5rem;} @media screen and (max-width: 1680px) { .mod-reviewGuzeeva .col-md-5 .fullText {font-size: 1rem !important;} .mod-reviewGuzeeva .col-md-5 .h1 div {font-size: 5.5rem;} .mod-reviewGuzeeva .container .h4 {font-size: 2rem;} .mod-reviewGuzeeva .gap-5 {gap: 0 !important;} } @media screen and (max-width: 1440px) { .mod-reviewGuzeeva .col-md-5 .autograph img {width: 50%;} .mod-reviewGuzeeva .col-md-5 .h1 .davay {left: -10rem !important;} } @media screen and (max-width: 1100px) { .mod-reviewGuzeeva .col-md-6 {display: none;} .mod-reviewGuzeeva .col-md-5 {width: 100%;} .mod-reviewGuzeeva .col-md-5 .title {display: none;} .mod-reviewGuzeeva .col-md-5 .fullText {font-size: 1.2rem !important;} .mod-reviewGuzeeva .col-md-5 .autograph {flex-direction: column;} .mod-reviewGuzeeva .col-md-5 .autograph img {position: static; width: 30%;} .mod-reviewGuzeeva .col-md-5 .autograph p {width: 100%;} } .moduletable.aktsii, .moduletable.news, .categories {padding: 2.5rem 0;} .moduletable.aktsii .gradient, .moduletable.news .gradient {background: transparent;} .moduletable.aktsii .item, .news .item, .categories .item {gap: 1.25rem;} .moduletable.aktsii .item .name, .news .item .name, .categories .item .name {color: #000;} .moduletable.aktsii .item .image {height: 346.66px;} .moduletable.aktsii .item .image img {height: 100%; object-fit: cover;} .news .text {gap: 0.875rem;} .news .item .image { height: 346.66px; object-fit: cover;} .news .item .image img {object-fit: cover;} .categories .item .text {gap: 0.9375rem;} .mod-faq {padding: 2.5rem 0;} .mod-contacts {padding: 2.5rem 0;} .mod-contacts .container_wrap {gap: 2.25rem;} .mod-contacts .item {} .mod-contacts .item .wrap {padding: 1.81rem 0 2.63rem 2.5rem; gap: 2.25rem;} .mod-contacts .item .wrap .top_block {gap: 0.5rem;} .mod-contacts .item .wrap .bottom_block {gap: 7.25rem;} .mod-contacts .item .wrap .right_block, .mod-contacts .item .wrap .left_block {gap: 0.875rem;} .mod-contacts .item .wrap .time, .mod-contacts .item .wrap .contact {gap: 0.75rem;} .mod-contacts .desc, .mod-contacts .contact_item, .mod-contacts .time_item {color: var(--black-500);} .mod-contacts .image {max-height: 400px; height: 100%;} .mod-contacts .image img { object-fit: cover; } .mod-contacts .map {display: flex; justify-content: flex-end; background-size: cover; overflow: hidden; background-repeat: no-repeat; border-radius: 1rem 1rem 0 0;} .mod-contacts .map .bg-img-map {position: absolute; width: 100%; height: 100%; z-index: -1; left: 0; right: 0;} .mod-contacts .map .bg-img-map img {width: 100%; height: 100%; object-fit: cover;} .mod-contacts .map .col-lg-5 {padding: 1rem; border-radius: 1rem; background: var(--White); margin: 1rem;} .mod-contacts .bottom-block {padding: 1rem; background: var(--black-50); border-radius: 0 0 1rem 1rem;} @media screen and (max-width: 700px) { .mod-contacts .map .col-lg-5 {width: 100% !important;} } .jshop h1 {color: var(--black-700);} .jshop_list_product { padding: 1.25rem 0; display: flex; flex-direction: column; gap: 1.5rem; } .jshop_list_product .row_wrap {row-gap: 2.25rem;} .jshop_list_product .row_wrap [class*="sblock"] { box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .jshop_list_product .block_product { height: 100%;} .jshop_list_product .block_product:hover {border-radius: 0; box-shadow: unset;} .jshop.list_product .product {border-radius: var(--Corner-radius); background: var(--White); overflow: hidden; border: 1px solid #EDEDED; height: 100%;} .jshop.list_product .product .label {padding: 0.5rem 1.125rem; border-radius: 0rem 0rem 0.25rem 0.25rem; background: #DA2637; color: var(--White); font-size: 1rem; top: 0; right: 5%;} .jshop_list_product .product .image {margin: 0; background: var(--White);} .jshop_list_product .product .image img { height: 333px; object-fit: cover;} .jshop_list_product .product .name { text-align: left; font-size: 1.125rem; margin-bottom: 0; } .jshop.list_product .product .text { gap: 0.94rem; padding: 1.25rem 0.9375rem; display: flex; flex-direction: column; justify-content: space-between; } #mxcpr { display:none!important; } .mod-style {padding: 2.5rem 0;} .mod-style .wrap {padding: 2.25rem; border-radius: var(--Corner-radius); border: 1px solid #DADADA;} .mod-style .wrap .row {row-gap: 4.5rem;} .mod-style .wrap .item .image img { object-fit: cover;} .mod-style .wrap .item .name {color: #000;} .mod-style .wrap .text {color: var(--black-700); text-transform: uppercase; font-size: 1rem; font-weight: 700; margin-bottom: -1rem;} .mod-stati-inner-pages {padding: 2.5rem 0;} .mod-stati-inner-pages .text {gap: 1.375rem; border-radius: var(--Corner-radius); background: var(--black-10); padding: 2.25rem; color: var(--black-700);} .mod-stati-inner-pages .text .desc {display: flex; flex-direction: column; gap: 1rem;} .jshop.productfull .container_wrap, .project_detail .container_wrap {gap: 2.25rem; padding: 2.5rem 0;} .product_slider {gap: 20px;} .product_info {padding-left: 2.25rem; gap: 3rem;} .product_info .wrap {gap: 1.5rem;} .product_info .old_price { color: var(--black-500); opacity: 0.6; text-decoration: line-through; } .product_info .info {font-size: 1rem; opacity: 0.5; } .product_info .info[data-bs-toggle="modal"] { opacity: 1; cursor: pointer; border-bottom: 1px solid; color: var(--Button);} .product_info .title_block .title {margin-bottom: 0.5rem; color: var(--black-700);} .product_info .bottom {gap: 1.5rem;} .product_desc {gap: 1.25rem;} .product_desc .desc {gap: 1.125rem;} .jshop.productfull .custom_field {margin-bottom: 0; display: flex; flex-direction: column; gap: 10px;} .jshop.productfull .custom_field .field_title strong, .jshop.productfull .attributes_block .attr_name, .project_detail .attributes_block .attr_name {font-size: 24px; line-height: normal; font-weight: 400;} .jshop.productfull .custom_field .field_content ul {margin: 0; display: flex; flex-direction: column; gap: 5px;} .jshop.productfull .custom_field .field_content, .jshop.productfull .attributes_block .attr_value, .project_detail .attributes_block .attr_value { display: flex; flex-direction: column; gap: 5px; font-size: 15px; } .jshop.productfull .custom_field.cfield_5, .jshop.productfull .custom_field.cfield_6 { flex-direction: row; gap: 1rem; align-items: center; } .jshop.productfull .custom_field.cfield_5 strong, .jshop.productfull .custom_field.cfield_6 strong { font-size: 1.125rem; line-height: 150%; font-weight: 400;} .jshop.productfull .custom_field.cfield_5 span, .jshop.productfull .custom_field.cfield_6 span { font-size: 1rem; display: block; } #info .modal-content {gap: 1.5rem;} #info .cfield_7 .field_title {display: none;} #info .cfield_7 .field_content {display: flex; flex-direction: column; gap: 0.875rem;} #info .cfield_7 .field_content p {color: var(--black-500);} #info .cfield_7 .field_content ul {display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.5rem; padding: 0;} #info .cfield_7 .field_content ul li { list-style-type: none; display: flex; margin-left: 20px; position: relative; } #info .cfield_7 .field_content ul li:before { content: ''; display: inline-block; width: 10px; height: 10px; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; border-radius: 50%; background: var(--Button); } .related_products {padding: 2.5rem 0;} .related_products .title span {text-transform: lowercase;} .facades .wrap {margin-bottom: 10px;} .facades .item {gap: 5px;} .mod-kitchen-designer {} .mod-kitchen-designer .container {display: flex; flex-direction: column; gap: 2rem;} .mod-kitchen-designer .image img {position: absolute; bottom: 0;} .mod-kitchen-designer .inputs-block {display: flex; flex-direction: column; gap: 1rem;} .mod-kitchen-designer .buttons {display: grid; grid-template-columns: auto auto; gap: 2rem;} .mod-kitchen-designer .btn-red {width: 10rem;} .mod-kitchen-designer .btn-trans {display: flex; width: 100%; align-items: center; gap: 1rem; border-radius: 0.4rem; border: 0.5px solid var(--Black-50, #DADADA); background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(2px);} .mod-kitchen-designer .content-block {display: flex; padding: 2rem; position: relative; background: url('https://ladyameb.com/images/modules/mod-kitchen-designer/001.png'); background-size: cover; border-radius: 1rem;} .mod-kitchen-designer .block-form {width: 75%; display: flex;flex-direction: column;gap: 1.5rem; } .mod-kitchen-designer {} @media screen and (max-width: 1155px) { .mod-kitchen-designer .image {display: none;} } @media screen and (max-width: 600px) { .mod-kitchen-designer .buttons {grid-template-columns: 1fr;} .mod-kitchen-designer .block-form {width: 100%;} } .mod-personal-wardrobe {} .mod-personal-wardrobe .container {display: flex; flex-direction: column; gap: 2rem;} .mod-personal-wardrobe .content-block {display: flex; flex-direction: column; text-align: center; align-items: center; padding: 2rem; gap: 2rem; background: url('https://ladyameb.com/images/modules/mod-personal-wardrobe/001.png'); background-size: cover; border-radius: 1rem;} .mod-personal-wardrobe .form-block {display: flex; flex-direction: column; gap: 0.5rem;} .mod-personal-wardrobe .items-block {display: flex; gap: 2rem; justify-content: space-around; align-items: center;} .mod-personal-wardrobe .item {display: flex; flex-direction: column; gap: 0.5rem; align-items: center; cursor: pointer;} .mod-personal-wardrobe .btn-red {width: 10rem;} @media screen and (max-width: 800px) { .mod-personal-wardrobe .items-block {flex-direction: column;} } .mod-design-project {padding: 2.5rem 0;} .mod-design-project .wrap {padding: 1.5rem 2.25rem; background: var(--black-10); border-radius: var(--Corner-radius);} .mod-design-project .image { display: flex; justify-content: flex-end;} .mod-design-project .image img {border-radius: var(--Corner-radius);} .mod-design-project form {gap: 1.5rem;} .mod-design-project button {width: 100%;} .kak-my-rabotaem .container_wrap {padding: 1.25rem 0;} .kak-my-rabotaem .items {row-gap: 2.25rem;} .kak-my-rabotaem .introtext {color: var(--black-500);} .kak-my-rabotaem .gradient {background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);} .work_detail .wrap {gap: 2.25rem; padding: 1.25rem 0;} .work_detail .text {gap: 1.125rem;} .mod-form {padding: 2.5rem 0;} .mod-form .wrap { gap: 2.25rem; padding: 4rem 4.0625rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(https://ladyameb.com/images/modules/mod-form/bfa2bd00e4f4bef01a24eb45b7f25f1e.jpg), lightgray 0px -702.458px / 100% 402.778% no-repeat; background-position-y: 80%; background-size: cover; } .mod-form form {gap: 0.875rem;} .mod-form form input::placeholder {color: var(--black-700);} .otzyvy .container_wrap {padding: 2.5rem 0;} .otzyvy .text_item {padding: 2.25rem; border-radius: var(--Corner-radius); border: 1px solid var(--black-50);} .otzyvy .text_item .heading, .otzyvy .text_item .text, .otzyvy .text_item .carousel, .otzyvy .text_item .rating {gap: 0.875rem;} .otzyvy .text_item .name, .otzyvy .text_item .desc, .otzyvy .text_item .date, .otzyvy .text_item .text_wrap .readmore {color: var(--black-700);} .otzyvy .text_item .desc {opacity: 0.8;} .otzyvy #nav-12 .items {row-gap: 2.25rem;} .otzyvy #nav-13 .items {row-gap: 1.25rem;} .adresa-salonov .mod-contacts .container_wrap {gap: 4.5rem;} .adresa-salonov .mod-contacts .heading {row-gap: 2.25rem;} .novosti .moduletable.news .items {row-gap: 1.5rem;} .mod-form.subscribe .wrap { background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url('https://ladyameb.com/images/modules/mod-form/ede63a4b80436b409c42422a6c8bf381.jpg'), lightgray 0px -702.458px / 100% 402.778% no-repeat; background-position-y: 95%; background-size: cover; } .mod-form.subscribe form {gap: 0; row-gap: 0.875rem;} .news_detail .wrap {row-gap: 3rem; padding: 2.25rem 0;} .news_detail .horizontal .image { height: 600px; } .news_detail .vertical .image { height: 650px; } .news_detail .image img { object-fit: cover; } .news_detail .text {padding: 2.25rem; background: #F8F8F8; gap: 2.25rem;} .page-aktsii .container_wrap {padding: 2.5rem 0;} .page-aktsii .items {row-gap: 2.25rem;} .page-aktsii .item .image { height: 369.33px; } .page-aktsii .fulltext {height: 0; opacity: 0; transition: .3s; pointer-events: none;} .page-aktsii .fulltext.show { opacity: 1; transition: .3s;} .mod-buyers .container_wrap {padding: 2.5rem 0;} .mod-buyers .items {row-gap: 4rem;} .mod-uslugi {padding: 2.5rem 0;} .mod-uslugi .container_wrap {padding: 2.25rem; background: var(--black-10);} .mod-uslugi .image img { object-fit: cover; object-position: center;} .mod-uslugi .right_block .text {gap: 1.125rem;} .mod-uslugi .right_block {gap: 3rem;} .mod-uslugi .items {gap: 0.9375rem;} .mod-uslugi .items .item {gap: 1.875rem; padding: 1.125rem 1.25rem; border-radius: 0.3125rem; background: var(--White);} .mod-vacancies .container_wrap, .mod-vacancies .row_wrap {padding: 2.5rem 0; row-gap: 1.25rem;} .mod-vacancies .item { border-radius: 1.25rem; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); padding: 1.25rem 1.75rem; gap: 1.25rem;} .mod-vacancies .item .top_block {gap: 0.625rem;} .mod-vacancies .accordion-item {color: var(--White) !important; background: #3B3B3B; border: 0;} .mod-vacancies .accordion-button, .mod-vacancies .accordion-item:first-of-type .accordion-button, .mod-vacancies .accordion-item:last-of-type .accordion-button, .mod-vacancies .accordion-item:last-of-type .accordion-button.collapsed {border-radius: 1.25rem; background: #3B3B3B; color: var(--White) !important; padding: 1.19rem 1.75rem 1.75rem; font-size: 1.125rem;} .mod-vacancies .accordion-body { color: var(--White); padding: 0 1.75rem 2.56rem; } .mod-vacancies .accordion-button::after {display: none;} .mod-vacancies .accordion-button .btn-red {background: var(--White); color: var(--Button) !important; font-weight: 700; opacity: 1; transition: .3s;} .mod-vacancies .accordion-button[aria-expanded="true"] .btn-red {opacity: 0;} .mod-vacancies .field-desc {margin-bottom: 0.6875rem;} .dizajnery .container_wrap {padding: 2.5rem 0; gap: 2.25rem;} .dizajnery .items {gap: 2.25rem;} .dizajnery .items .item .left_block {padding-right: 2.5rem;} .dizajnery .items .item .buttons {gap: 0.625rem;} .dizajnery .introtext, .dizajnery .personal-data_item {gap: 0.75rem;} .dizajnery .introtext .desc {padding-bottom: 0.75rem; color: var(--black-500);} .dizajnery .personal-data {padding: 1.125rem 0 0.625rem;} .dizajnery .personal-data .value {color: var(--black-500);} .dizajnery .carousel {margin-top: 1.875rem;} .dizajnery .carousel .wrap {margin-bottom: 0.75rem;} .dizajnery .review { padding: 2.25rem; border-radius: var(--Corner-radius); background: var(--black-10); } .dizajnery .review .heading {gap: 0.875rem;} .dizajnery .review .name, .dizajnery .review .desc, .dizajnery .review .date {color: var(--black-700);} .dizajnery .review .text, .dizajnery .review .rating {gap: 0.875rem;} .mod-banner2 {padding: 2.5rem 0 0;} .mod-text {padding: 2.5rem 0;} .mod-text .text {gap: 1.125rem;} .mod-terms-of-payment {padding: 2.5rem 0;} .mod-terms-of-payment .item {padding: 1.5rem; background: #F8F8F8; border-radius: var(--Corner-radius); gap: 2.25rem;} .mod-terms-of-payment .item .top {gap: 1.5rem;} .mod-terms-of-payment .item .image {height: 48px; width: 48px;} .mod-terms-of-payment .item .bottom {color: var(--black-700);} .serts {padding: 2.5rem 0;} .serts .item {padding: 1.625rem 1.375rem; background: #F8F8F8;} .serts .item img {max-height: 243px; object-fit: contain;} .tv {padding: 2.5rem 0;} .tv .container_wrap {padding: 2.25rem; background: var(--black-10);} .tv .item {gap: 1.125rem; cursor: pointer; height: 100%;} .tv .item img { object-fit: cover; height: 100%;} .tv .item .image {height: 400px;} .tv .item .name {color: var(--black-700);} .partners {padding: 2.5rem 0;} .partners .container_wrap {gap: 1.25rem;} .partners .item { height: 275px; border-radius: var(--Corner-radius); background: var(--White); display: flex; justify-content: center; align-items: center;} .partners .item img {max-height: 53.33px; max-width: 209.33px;} .mod-benefits {padding: 2.5rem 0;} .mod-benefits .image { max-width: 688px;} .mod-benefits .image img {object-fit: cover;} .mod-benefits .col_wrap {gap: 3rem; height: 100%;} .mod-benefits .items { justify-content: space-between; height: 100%; gap: 1.875rem; } .mod-benefits .items .item { color: #000;} .mod-benefits .items .item .icon {background: var(--black-10); padding: 0.53125rem 0.5rem 0.46875rem 0.5rem; width: fit-content;} .mod-benefits .items .item .icon img { max-width: 70px; width: 100%; } .mod-benefits .items .item .desc {opacity: 0.6;} #instruction .modal-content { gap: 1.125rem;} #instruction .modal-header { padding: 1.5rem 2.25rem 0; } #instruction .modal-body { padding: 0 2.25rem 1.5rem; display: flex; flex-direction: column; gap: 1.125rem;} #instruction .modal-body .block {gap: 0.875rem;} #instruction .modal-body .wrap {background: var(--black-10); padding: 1.5rem; border-radius: var(--Corner-radius);} #instruction .modal-body .block .desc {color: var(--black-500);} .mod-error {padding: 2.5rem 2.5rem 0;} .mod-error .image {padding: 12rem 0;} .mod-error .text {gap: 0.875rem;} .mod-error .text .title {font-size: 7.5rem; line-height: 100%; font-weight: 700;} .mod-error .center_block {gap: 3rem;} .mod-error a.btn {color: var(--White) !important;} .categories .row_container {row-gap: 1.5rem;} .rasprodazha .line {display: none;} .rasprodazha h1 {margin: 1.5rem 0 0 !important;} .mod-projects {padding: 2.5rem 0; display: flex; flex-direction: column; gap: 2.25rem;} .mod-projects .items {row-gap: 1.5rem;} .mod-projects .item {border-radius: var(--Corner-radius); border: 1px solid #EDEDED; background: var(--White); overflow: hidden; height: 100%;} .mod-projects .item .text {padding: 1.25rem 0.9375rem; display: flex; flex-direction: column; gap: 0.94rem;} .mod-projects .item .price {color: var(--black-800, #141414); font-size: 1.125rem;} .mod-projects .attributes {gap: 0.5rem;} .mod-projects .attributes .attr {gap: 0.3125rem;} .mod-banner3 {padding: 2.5rem 0; margin-top: 1.5rem;} .mod-banner3 .image {padding: 12rem 0 8.37rem;} .fasady .short_description, .fasady .description {color: #000;} .fasady #sort_count {display: none;} .fasady .jshop_list_product .product .image img {object-fit: contain;} .mod-info {padding: 2.5rem 0;} .mod-info .col_wrap { justify-content: space-between; padding-right: 3rem;} .mod-profit {padding: 2.5rem 0; gap: 1.75rem;} .mod-profit .wrap { padding: 4rem 3rem;} .mod-order { padding: 2.5rem 0; } .mod-order .items {gap: 0.9375rem;} .mod-order .items .item { border-radius: 0.3125rem; border: 1px solid var(--black-50); padding: 1.125rem 1.25rem; gap: 1.875rem; } .mod-assortment .container_wrap {gap: 2.25rem;} .filter_props {gap: 2.25rem;} .filter_props .prop { position: relative;} .filter_props .prop_name {display: flex; align-items: center; gap: 14px; cursor: pointer;} .filter_props .prop_name::after {content: ''; background: url('data:image/svg+xml,'); width: 24px; height: 25px; display: block; transition: .3s;} .filter_props .prop.show .prop_name::after {transform: rotate(180deg);} .filter_props .hidden_list {opacity: 0; pointer-events: none; display: flex; flex-direction: column; overflow: hidden; transition: .3s; position: absolute; top: 100%; left: 0; z-index: 1; gap: 0.875rem;} .filter_props .prop.show .hidden_list {opacity: 1; pointer-events: all; background: var(--White); padding: 1.5rem;} .filter_props .buttons {gap: 0.625rem;} .filter_props .prop_item {gap: 3rem; display: flex; align-items: center; justify-content: space-between; } .filter_props .prop_item_name { white-space: nowrap; cursor: pointer;} footer .footer_items {padding: 3.56rem 0 3.81rem;} footer .footer_items .item .logo { margin-bottom: var(--Number);} footer .footer_items .item, footer .footer_items .item .wrap {gap: 0.9375rem; width: fit-content;} footer .footer_items .item .title, footer .footer_items .item .phone a {color: var(--black-700);} footer .footer_items .item .connect {gap: 1.5rem;} footer .footer_items .item .connect .soc {gap: 1.25rem; opacity: 0.7;} footer .footer_items .item .info {gap: 0.625rem;} footer .footer_items .items {gap: 2.3125rem; width: fit-content; margin-left: auto;} footer #author {padding: 1.94rem 0 1.81rem;} footer #author .info {font-size: 1rem;} /* Карта сайта */ .rs-sitemap { border-left:#ccc solid 1px; } .rs-sitemap div { padding:4px 0; margin:8px 0; } .rs-sitemap div:before, div.section p:before {content:"\2014\2014"; color:#ccc; font-weight:normal; letter-spacing:0; } .rs-sitemap p:before {content: "\2014"; } .rs-sitemap a { display:inline-block; text-decoration: none; color: #000; padding:6px 12px; border-radius:3px; max-width:80%; } .rs-sitemap a:hover { box-shadow:0px 1px 2px 1px rgba(0,0,0,.1); } .rs-sitemap p { font-weight:bold; margin-top:-24px; position:absolute; } .rs-sitemap p a { display:inline; } /* Адаптация */ @media screen and (min-width: 1441px) { .mod-form .wrap {align-items: center;} /* .reviews .item, .otzyvy .video_item { height: 613px; } */ } @media screen and (min-width: 1200px) { .navbar { padding: 0; } body.fasady .lb-outerContainer .lb-image{height: 520px!important;} } @media screen and (max-width: 1440px) { .dizajnery .items .item .image .radius { height: 353px; } .dizajnery .items .item .image .radius img { margin-top: -7rem;} .jshop_list_product .product .image img, .mod_new .item .image img, .related_products .item .image img, .mod-assortment .item .image img, .mod-projects .item .image img, .jshop_list_category .item .image img { height: 250px; object-fit: cover;} .mod-contacts .image, .tv .item .image {height: 300px;} .page-aktsii .item .image { height: 277px; } .moduletable.aktsii .item .image, .news .item .image {height: 260px;} .mySwiper2 .swiper-slide {height: 410px;} .mySwiper .swiper-slide {height: 125px;} .partners .item img {max-height: 40px; max-width: 157px;} .mod-benefits .image {padding-right: 3rem;} } @media screen and (max-width: 1360px) { header #top_menu ul:not(.mod-menu__sub), header #top_menu_mobile ul:not(.mod-menu__sub) { gap: 1.25rem; } header #top_menu_2 ul:not(.mod-menu__sub), header #top_menu_2_mobile ul:not(.mod-menu__sub) { gap: 2rem; } } @media screen and (max-width: 1200px) { .mod-city .city_select {padding: 18px; gap: 14px; font-size: 1rem; top: 48%;} .mod-city .city_select .text {gap: 8px;} .mod-city.focus .city_select {z-index: 1;} header .navbar {padding: 2.5rem 0 0;} header {position: relative;} header .logo_wrap {padding: 0.875rem 1.5rem;} header .city_wrap { margin: 0 1.5rem; padding: 1rem 0; border-bottom: 1px solid var(--black-50); } header .city_wrap .phone {gap: 0.75rem;} header .navbar-toggler { display: flex; flex-direction: column; gap: 0.4375rem; width: 36px; height: 36px; padding: 7.5px 4px 8.5px 4px; justify-content: center; align-items: center; } header .navbar-toggler:focus {box-shadow: unset;} header .navbar-toggler span { display: block; width: 28px; height: 2px; background: var(--Button); border-radius: 8px; transition: .3s ease all; transform: rotate(0deg);} header .navbar-toggler[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg); transform-origin: 40% 15%; } header .navbar-toggler[aria-expanded="true"] span:nth-child(2) {opacity: 0;} header .navbar-toggler[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg); transform-origin: 35% 95%; } header .navbar-toggler[aria-expanded="true"] {gap: 0;} header #navbar-content {padding: 0.625rem 1.5rem 0rem 1.5rem; position: absolute; width: 100%; top: 100%; background: white;} header .menu_1 {padding: 0; margin: 0; align-items: baseline; } header .menu_1 .wrap { display: grid !important; gap: 0.875rem; } header #top_menu ul, header #top_menu_mobile ul {flex-direction: column; gap: 1.125rem;} header #top_menu_2 ul, header #top_menu_2_mobile ul, header #top_menu_2_mobile ul:not(.mod-menu__sub) { flex-direction: column; gap: 0.875rem; } header li.nav-item.parent {flex-direction: column; align-items: flex-start; gap: 0; transition: .3s;} header li.nav-item.parent .parent_link { display: flex; align-items: center; gap: 0.625rem; } header li.nav-item.parent.focus {gap: 0.875rem;} header li.nav-item.parent .mod-menu__sub { padding: 0 2.25rem; box-shadow: none; position: unset; height: 0;} header li.nav-item.parent.focus .mod-menu__sub {padding: 0 2.25rem; height: 100%;} header .time {gap: 0.625rem;} .mod-askFor3D .col-md-6:nth-child(1) {width: 100%;} .mod-askFor3D .col-md-6:nth-child(2) {display: none;} .mod-freeMeasurement .col-md-6 {width: 100%;} .mod-freeMeasurement .col-md-5 {display: none;} .mod-banner {margin: 0;} .mod_new .category_name .name{white-space: nowrap;} } @media screen and (max-width: 992px) { h1, .h1 {font-size: 3rem;} h2, .h2 {font-size: 2.25rem;} h3, .h3 {font-size: 1.75rem;} h4, .h4 {font-size: 1.625rem;} h5, .h5 {font-size: 1.375rem;} .block-reviews {grid-template-columns: auto !important;} .btn.big {font-size: 1rem;} .info, .info a { gap: 0.625rem; } .breadcrumb { padding-top: 2.5rem !important; } .btn, form .phone, input {width: 100%;} .more, .link {width: 100%;} .more[data-bs-target="#review"] {width: fit-content;} .reviews .btn {width: fit-content !important;} .projects .item {height: 320px;} /* .reviews .item, .otzyvy .video_item { display: flex; height: 430px !important; padding: 1.5rem; align-items: flex-end; } */ .mod_new .item, .related_products .item {display: flex; flex-direction: column; gap: 1.25rem;} .mod_new .item .text, .related_products .item .text {padding: 0rem 1.25rem 0.9375rem 1.25rem;} .news .item .info {gap: 1.125rem;} .mod-banner .h1 {font-size: 1.75rem; } .mod-banner .desc {font-size: 1.375rem;} .mod-banner .owl-nav {display: none;} .mod-questions {padding: 1.25rem 0;} .mod-questions .wrap {padding: 1.5rem;} .mod-questions .top {flex-direction: column; gap: 1.5rem;} .mod-questions .bottom {flex-direction: column; gap: 1.25rem;} .mod-questions .desc{font-size: 1.3rem;} .offers {padding: 2.5rem 0 1.25rem; margin-bottom: 0;} .offers .item {height: 40rem; margin-top: 0; align-items: center; justify-content: center;} .offers .name {background: rgb(0 0 0 / 30%) !important; backdrop-filter: blur(8px) !important; font-size: 3rem !important; color: white !important;} .offers .title {margin-bottom: 1.5rem;} .offers .text {padding: 2rem;} .offers .mobile {gap: 1.25rem;} .mod_new {padding: 1.25rem 0 2.5rem;} .mod_new .category_name .name{font-size: 1.3rem;} /* .mod-why-choose .items .item .number {font-size: 3rem;} .mod-why-choose .wrap {gap: 2.25rem; padding: 2.25rem 1.5rem;} .mod-why-choose .wrap .items { display: grid !important; justify-content: center; gap: 1.5rem; } .mod-why-choose .wrap .items .item .text {text-align: center;} */ .categories .wrap .text, .reviews .wrap .text, .moduletable.aktsii .wrap .text, .news .wrap .text, .projects .wrap .text {display: grid !important; gap: 1.125rem !important;} .mod-stage, .moduletable.aktsii, .moduletable.news {padding: 1.25rem 0;} .mod-stage .item {padding: 1.5rem;} .mod-stage .items {row-gap: 1.25rem;} .mod-stage .items .desc{font-size: 1.3rem;} .mod-faq {padding: 1.25rem 0;} .mod-faq .accordion-body{font-size: 1.3rem;} .mod-contacts {padding: 1.25rem 0 2.5rem;} .mod-contacts .wrap { gap: 1.5rem; } .mod-contacts .item{font-size: 1.3rem;} .mod-contacts .item .wrap {padding: 0;} .mod-contacts .item .wrap .bottom_block { gap: 1.5rem; display: grid !important; } .mod-contacts .image {margin-bottom: 1.25rem;} body:not(.adresa-salonov) .mod-contacts .item .wrap .right_block { justify-content: space-between; flex-direction: row !important; align-items: flex-end; } .mod-stati-inner-pages .row_container {display: flex; flex-direction: column; gap: 1.25rem;} .kak-my-rabotaem .items .item {gap: 1.5rem;} .mod-design-project .wrap { padding: 1.5rem 1.125rem; } .mod-design-project .custom-file-input {flex-direction: column; gap: 1.125rem !important;} .mod-design-project .custom-file-input label {padding: 14px 24px; width: 100%;} .mod-form .wrap {padding: 1.125rem; gap: 1.5rem;} .otzyvy .container_wrap {padding: 1.25rem 0;} .otzyvy #nav-12 .items {row-gap: 1.25rem;} .otzyvy .text_item {padding: 1.5rem;} .otzyvy .text_item .heading_container { flex-direction: column; align-items: flex-start !important; gap: 0.875rem;} .otzyvy .text_item .text_wrap {gap: 1.125rem;} .otzyvy .text_item .readmore {padding-bottom: 0.75rem; border-bottom: 1px solid var(--black-100);} .otzyvy .text_item .readmore img {transition: .3s;} .otzyvy .text_item .desc { overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; transition: .3s;} .otzyvy .text_item .desc.show {-webkit-line-clamp: unset;} .otzyvy .text_item .readmore.show img {transform: rotate(180deg);} .adresa-salonov .mod-contacts .wrap {gap: 1.5rem;} .mod-form.subscribe {padding: 1.25rem 0;} .mod-form.subscribe .wrap {gap: 2.25rem;} .novosti .news.also_read {padding: 1.25rem 0;} .page-aktsii .container_wrap {padding: 1.25rem 0;} .page-aktsii .items .item {row-gap: 1.5rem;} .page-aktsii .items .item .text {gap: 0.875rem !important;} .page-aktsii .items .item .buttons { flex-direction: column; gap: 0.625rem; } .page-aktsii .items .item .image img {object-fit: cover;} .mod-buyers .container_wrap {padding: 1.25rem 0;} .mod-buyers .items {row-gap: 3rem;} .mod-buyers .items .item {row-gap: 1.5rem;} .mod-buyers .items .item.reverse {flex-direction: column-reverse;} .mod-uslugi {padding: 1.25rem 0;} .mod-uslugi .container_wrap {padding: 1.5rem;} .mod-uslugi .right_block {gap: 1.5rem;} .dizajnery .container_wrap {padding: 1.25rem 0; gap: 1.25rem;} .dizajnery .items {gap: 1.25rem;} .dizajnery .items .item {row-gap: 1.5rem;} .dizajnery .items .item .left_block {padding: 0;} .dizajnery .personal-data { padding: 1.5rem 0 0.625rem; flex-direction: column; align-items: flex-start !important; gap: 1.5rem; } .dizajnery .items .item .wrap {gap: 1.125rem !important;} .dizajnery .carousel { margin-top: 2.25rem; } .dizajnery .carousel .heading_wrap {flex-direction: column; gap: 0.875rem; align-items: start !important;} .mod-vacancies .container_wrap .company_name {font-size: 1.75rem;} .mod-vacancies .message { margin-bottom: 4.25rem; } .mod-vacancies .accordion-button[aria-expanded="true"] .btn-red {display: none;} .mod-terms-of-payment .row_container {gap: 2.25rem;} .mod-benefits .image {padding: 0;} .mod-benefits .items, .mod-benefits .row_container { gap: 2.25rem; } .mod-benefits .items .item { gap: 1.5rem; flex-direction: column; align-items: flex-start !important; } .mod-error { padding: 2.5rem 0.625rem 0; } .mod-menu .info {flex-wrap: wrap; flex-direction: column; align-items: flex-start !important;} .mod-menu .info span {display: none;} .mod-info .col_wrap {padding: 0; gap: 1.5rem;} .product_info {padding: 0;} .product_info .interaction { flex-direction: column; align-items: center; gap: 0.8125rem;} .product_info .price_block {row-gap: 1.25rem; flex-wrap: wrap;} form .block .type, form .block .custom-file-input {flex-wrap: wrap;} .quiz form .page-1, .quiz form .page-6 {flex-wrap: wrap;} .quiz form fieldset:not(.page-3, .page-7) .radio_group { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } .quiz form .radio_group input {width: fit-content;} .lb-data .lb-close { right: 1rem; top: -15%; } .lb-nav { bottom: 0; transform: translate(-50%, 77%); height: auto; } footer .footer_items { padding: 2.5rem 0; gap: 2.25rem; font-size: 1.3rem;} footer .footer_items .item .logo + .wrap {gap: 1.125rem;} footer .footer_items .item, footer .footer_items .item .wrap { width: auto; } footer .footer_items .item.item_catalog .info { display: grid !important; grid-template-columns: 2fr 2fr; column-gap: 5.625rem;} footer .footer_items .items { gap: 2.6875rem; width: auto; flex-direction: row !important; } footer #author { padding: 2.5rem 0; } footer #author .info { font-size: 1rem; flex-direction: column; gap: 1.5rem; align-items: flex-start !important; } footer .footer_items .item .connect .info { gap: 0.875rem; } .posad-text{font-size: 1.3rem;} .link{font-size: 1.2rem;} } @media screen and (max-width: 767px) { .container { padding: 0 1.5rem; } .mod-banner3 .image { padding: 6rem 1.5rem; } .otzyvy .top_block {flex-direction: column; gap: 1.5rem;} .otzyvy .top_block nav {width: 100%;} .otzyvy .top_block nav .nav-tabs {justify-content: space-between;} .otzyvy .top_block .more { padding: 18px 36px; background: var(--black-700); text-transform: uppercase; color: var(--White); font-weight: 700; } .otzyvy .top_block .more::after {display: none;} .more[data-bs-target="#review"] {width: 100%;} .news_detail .text .bottom {flex-direction: column !important; gap: 1.5rem;} .news_detail .text .bottom .info { justify-content: space-between; width: 100%;} .mod-vacancies .accordion-button {flex-direction: column; gap: 1.5rem;} #lightbox {top: 60% !important;} body.fasady .lb-outerContainer .lb-container{width: 100vw; } body.fasady .lb-outerContainer .lb-image{width: 100% !important;} } @media screen and (max-width: 576px) { .novosti .moduletable.news {padding: 0;} .novosti .moduletable.news .items {row-gap: 0;} .novosti .moduletable.news .item {padding: 1.25rem 0;} .lightbox .lb-image { height: 215px !important; object-fit: cover;} .mod-contacts .image, .tv .item .image, .mySwiper2 .swiper-slide {height: 220px;} .jshop.productfull .row_wrap, .project_detail .row_wrap {gap: 1.25rem;} .block-reviews .item {flex-direction: column !important; height: fit-content !important;} .block-reviews .item .text {width: 100% !important;} .block-reviews .item .img {width: 100% !important;} .block-reviews .item .img img {height: 30rem;} .mod-banner {height: 400px;} .products_filter {gap: 2.25rem;} .filter_props .hidden_list { padding: 1.5rem; } .filter_props { gap: 0; row-gap: 2.25rem; } .filter_props .prop { width: 50%; } .news_detail .horizontal .image { height: 243px; } .news_detail .vertical .image { height: 243px; } footer .footer_items .item .logo { margin-bottom: 1.1875rem; } .nashi-raboty .lb-nav {bottom: 0px;} .nashi-raboty .lb-nav a.lb-next {width: 30%;} .nashi-raboty .lb-nav a.lb-prev {width: 30%;} li.mod-breadcrumbs__item.breadcrumb-item{ align-items: center; display: flex; } .lb-nav {bottom: 70px;} body.fasady .lb-outerContainer .lb-image{height: 450px !important;} .lb-nav a.lb-next{background-position: left;} .lb-nav a.lb-prev{width: 25%; background-position: right;} } @media screen and (max-width: 375px) { header .logo { width: 122px; height: 31px;} } /* 25.01.2024 */ header .menu_1 .logo img {width: 250px;} footer .footer_items .item .logo img {width: 200px;} body.fasady .block_product .product .short-desc {font-size: 1rem;} body.fasady .lb-outerContainer { width: 520px!important; height: 520px!important;} /**************************************************************************************************/ /*body.fasady .lb-outerContainer .lb-image { width: 100% !important; }*/ body.fasady .lb-outerContainer .lb-image { width: auto !important; display: block; margin: 0 auto; } /**************************************************************************************************/ .block_product .product .short-desc {font-size:1rem;} /* body.fasady .lb-outerContainer .lb-image { width: 520px !important; height: 520px!important;} */ /*Цифры на главной*/ /* .mod-rs_custom{position:absolute; bottom: 0; right: 0; z-index: 2; width: 100%; margin: auto;} .mod-rs_custom .wrap{gap: 4rem;padding: 4rem 3rem;} .mod-rs_custom .wrap .items{justify-content: space-between;} */ /*Для посадочных текстов*/ .posad-text{padding-bottom: 3.5rem;text-align: justify;} .posad-text h1 {font-size: 3.25rem ; line-height: normal;margin-top: 0;margin-bottom: 2rem;} .posad-text h2 {font-size: 2.5rem ;margin-top:1.65rem;margin-bottom:0rem;line-height: normal;} .posad-text h3 {font-size: 1.875rem;margin-top: 1.3rem;margin-bottom: 0;line-height: normal;} .posad-text h4 {margin-top: 1.3rem;margin-bottom: 0;line-height: normal;} .posad-text img {margin-top: 0;margin-bottom: 1rem;} .posad-text p {margin-top: 0.5rem;margin-bottom: 0.5rem;} .posad-text ul, .posad-text ol {margin-top: 0.7rem;margin-bottom: 0.7rem;} .posad-text li {margin-top: 0;margin-bottom: 0;} .grid-portfolio .d-grid_image {display: flex; flex-direction: column; gap: 1.5rem;} .grid-portfolio .d-grid_image .image img {min-height: 100%; width: 100%; max-height: 500px; object-fit: cover;} .grid-portfolio .d-grid_image .image{height: 100%; display: block;} .grid-portfolio .d-grid_image .flex-gap {gap: 1.5rem;} @media screen and (min-width: 992px) { .grid-portfolio .image-container:nth-child(even) .row {flex-direction: row-reverse;} /* Lorian */ .grid-portfolio .image-container:nth-child(4) .row {flex-direction: row;} .grid-portfolio .d-grid_image .image-full .image img {max-height: 100%;} } .our-work-fram img{width: 100%;}