* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
overflow-x: clip;
scroll-behavior: smooth;
}
img {}
body {
font-family: 'Mulish', sans-serif;
font-variation-settings: 'wght' 400, 'ital' 0;
background-color: #303030;
font-size: 16px;
line-height: normal;
overflow-x: clip;
color: #fff;
line-height: 110%;
position: relative;
scrollbar-gutter: stable;
}
body.scroll_lock {
overflow: hidden;
height: 100vh;
}
body.page_body::before {
content: '';
position: absolute;
left: 0;
top: -20px;
width: 100%;
height: 960px;
background-image: url(/wp-content/uploads/2025/08/27085-photoroom-1-min.png);
background-repeat: no-repeat;
z-index: -1;
background-size: contain;
}
main {
overflow-x: clip;
}
strong {
font-variation-settings: 'wght' 700;
}
a {
transition: .3s;
}
a:hover:not(#wpadminbar a, .pretty_btn),
a:focus:not(#wpadminbar a, .pretty-btn) {
transition: .3s;
color: #24B646;
text-decoration: none;
}
a:hover {
outline: none !important;
text-decoration: none;
}
button:focus-visible,
button:focus,
dialog:focus-visible {
outline: none !important;
}
.font-300 {
font-variation-settings: 'wght' 300;
}
.font-500 {
font-variation-settings: 'wght' 500;
}
.font-600 {
font-variation-settings: 'wght' 600;
}
.font-700 {
font-variation-settings: 'wght' 700;
}
.font-800 {
font-variation-settings: 'wght' 800;
}
.font-900 {
font-variation-settings: 'wght' 800;
}
@media (min-width:1380px) and (max-width: 1650px) {
.container {
max-width: 1350px;
margin: 0 auto;
padding: 0 15px;
width: 1350px;
}
}
@media(min-width: 1650px) {
.container {
max-width: 1440px;
margin: 0 auto;
padding: 0 15px;
width: 1440px;
}
}
@media (max-width: 1250px) {
.container {
width: 1150px;
}
}
@media (max-width: 1200px) {
.container {
width: 1100px;
}
}
@media(min-width: 1080px) and (max-width: 1130px) {
.container {
width: 1050px;
}
}
@media(min-width: 1024px) and (max-width: 1080px) {
.container {
width: 998px;
}
}
@media(max-width: 1024px) {
.container {
width: unset;
}
}
.flex-wrap {
flex-wrap: wrap;
}
.flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.block {
display: block;
}
.align-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.grid {
display: grid;
}
label {
font-weight: normal;
}
section.news_content p a {
color: #24B646;
}
/* section.main{
margin-bottom: 100px;
} */
header {
margin: 0 15px;
border-radius: 10px;
position: sticky;
top: 20px;
z-index: 51;
max-width: 1920px;
margin: 0 auto;
padding: 0 15px;
}
header .container {
position: relative;
}
header .header_body {
gap: 10px;
}
header .header_body .header_left_block {
padding: 13px 0;
height: 80px;
width: 100%;
justify-content: space-between;
/* position: relative; */
}
/* header .header_body .header_left_block::before {
content: '';
width: 100vw;
position: absolute;
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.14);
height: 100%;
z-index: -1;
border-radius: 10px;
right: 0;
} */
header .header_body .header_center_block {
gap: 10px;
position: relative;
}
.header_container {
position: relative;
}
.header_background_left {
position: absolute;
top: 0;
left: 0;
width: 1470px;
height: 100%;
}
.header_background_right {
position: absolute;
top: 0;
right: 0;
width: 220px;
height: 100%;
}
.header_background_body {
position: relative;
width: 100%;
height: 100%;
border-radius: 10px;
border: 1px solid transparent;
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(5px);
}
.header_background_body::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
border-radius: 10px;
z-index: 0;
/* border: 1px solid transparent; */
}
/* header .header_body .header_center_block::before {
content: '';
width: 100vw;
position: absolute;
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.14);
height: 100%;
z-index: -1;
border-radius: 10px;
left: calc(100% + 10px);
} */
header .header_body .header_phone,
header .header_body .header_contacts {
padding: 24px;
border-radius: 10px;
border: 1px solid transparent;
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(5px);
aspect-ratio: 1 / 1;
position: relative;
}
header .header_body .header_phone::before,
header .header_body .header_contacts::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
border-radius: 10px;
z-index: 0;
/* border: 1px solid transparent; */
}
header .header_menu_container {
margin: auto;
}
header .header_menu #menu-main-menu {
display: flex;
gap: 40px;
align-items: center;
list-style: none;
margin: 0;
}
header .header_menu #menu-main-menu li a {
position: relative;
}
header .header_menu #menu-main-menu li:hover>a {
color: #24B646;
transition: .3s;
}
header .header_menu #menu-main-menu li a {
font-variation-settings: 'wght' 500;
font-size: 20px;
color: #fff;
line-height: 110%;
transition: .3s;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>a::before {
content: '';
background: url(/wp-content/uploads/2025/06/frame-5.svg);
position: absolute;
left: -25px;
top: 3px;
width: 20px;
height: 20px;
transition: .3s;
}
header .header_menu #menu-main-menu li.menu-depth-0:hover>a::before {
background: url(/wp-content/uploads/2025/06/frame-9.svg);
transition: .3s
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container {
position: absolute;
left: 15px;
width: calc(100% - 30px);
top: calc(100% + 10px);
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(15px);
padding: 30px 30px 30px 60px;
opacity: 0;
transition: .3s;
z-index: -1;
pointer-events: none;
min-height: 255px;
left: 15px;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child:hover>.sub-menu-container {
transition: .3s;
opacity: 1;
pointer-events: all;
z-index: 1;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child:hover>.sub-menu-container>.sub-menu {
position: relative;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child:hover>.sub-menu-container>.sub-menu::before {
position: absolute;
top: -72px;
left: 0;
width: 100%;
height: 100px;
content: '';
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu {
display: flex;
list-style: none;
padding: 0;
justify-content: space-between;
margin-bottom: 45px;
width: calc(100% - 240px);
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu>li {
display: flex;
align-items: center;
gap: 10px;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu>li>a {
font-variation-settings: 'wght' 800;
font-size: 20px;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu~.sub-menu-container {
width: 100%;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu~.sub-menu-container>.sub-menu {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 0px;
gap: 25px 60px;
list-style: none;
max-width: calc(100% - 240px);
flex-wrap: wrap;
/* min-height: 116px; */
/* max-height: 116px; */
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu~.sub-menu-container>.sub-menu>li>a {
position: relative;
padding-left: 20px;
transition: .3s;
display: inline-block;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu~.sub-menu-container>.sub-menu>li>a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1184C0.228589 12.0023 0.137039 9.7494 0.892186 7.35073C1.42437 5.65895 2.37704 3.9063 4.03088 2.73108C5.7897 1.48199 8.35693 0.859286 12.1166 1.74989C12.2719 1.78659 12.4084 1.87731 12.501 2.00543C12.5937 2.13355 12.6363 2.2905 12.6211 2.44755C12.6211 2.44755 11.5312 13.5176 0.846635 12.7417C1.18647 12.2411 1.40177 11.9466 1.52926 11.7408C2.23177 10.6069 6.31203 5.54695 6.31203 5.54695C2.39368 7.16326 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1184Z' fill='white'/%3E%3C/svg%3E");
content: '';
position: absolute;
left: 0;
top: 6px;
width: 13px;
height: 14px;
transition: .3s;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>.sub-menu-container>.sub-menu~.sub-menu-container>.sub-menu>li>a:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1184C0.228589 12.0023 0.137039 9.7494 0.892186 7.35073C1.42437 5.65895 2.37704 3.9063 4.03088 2.73108C5.7897 1.48199 8.35693 0.859286 12.1166 1.74989C12.2719 1.78659 12.4084 1.87731 12.501 2.00543C12.5937 2.13355 12.6363 2.2905 12.6211 2.44755C12.6211 2.44755 11.5312 13.5176 0.846635 12.7417C1.18647 12.2411 1.40177 11.9466 1.52926 11.7408C2.23177 10.6069 6.31203 5.54695 6.31203 5.54695C2.39368 7.16326 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1184Z' fill='%2324B646'/%3E%3C/svg%3E");
transition: .3s;
}
.sub-menu-container-imgs {
display: flex;
flex-direction: column;
gap: 15px;
position: absolute;
right: 30px;
top: 30px;
}
.sub-menu-container-imgs-item {
width: 150px;
height: 85px;
border-radius: 10px;
overflow: hidden;
}
.sub-menu-container-imgs-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sub-menu-container.cloned.active {
display: flex;
}
.sub-menu-container.cloned {
display: none;
justify-content: space-between;
}
.menu-item.menu-depth-1.active .menu-icon img {
filter: brightness(1);
}
.menu-item.menu-depth-1 .menu-icon img {
filter: brightness(99);
}
#menu-main-menu .menu-item.menu-depth-1.active a {
color: #24B646 !important;
}
header .header_menu #menu-main-menu>li:first-child {
padding-left: 25px;
}
header .header_phone svg path {
transition: .3s;
}
header .header_phone:hover svg path {
fill: #24B646;
transition: .3s;
}
header .header_contacts svg path {
transition: .3s;
}
header .header_contacts:hover svg path {
fill: #24B646;
transition: .3s;
}
header .header_logo {
z-index: 1;
position: relative;
transition: .3s;
}
header .header_logo:hover {
transform: scale(1.01);
transition: .3s;
}
@media(max-width: 1900px) {
header {
max-width: 1800px;
}
.header_background_left {
width: 1420px;
}
.header_background_right {
width: 170px;
}
}
@media(max-width: 1800px) {
header {
max-width: 1700px;
}
.header_background_left {
width: 1370px;
}
.header_background_right {
width: 120px;
}
}
@media (min-width: 1650px) and (max-width: 1700px) {
header {
max-width: 1600px;
}
.header_background_right {
width: 70px;
}
.header_background_left {
width: 1320px;
}
}
@media(max-width: 1650px) {
header {
border: none;
}
header .header_body {
width: 100%;
margin-left: 0;
}
.header_container {
position: static;
}
header .header_body .header_center_block::before {
content: none;
}
header .header_body .header_left_block {
border-radius: 10px;
border: 1px solid transparent;
/* background: rgba(19, 19, 19, 0.50); */
/* backdrop-filter: blur(5px); */
padding-left: 40px;
}
header .header_body .header_left_block::before {
content: "";
position: absolute;
inset: -1px -1px -1px 15px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
border-radius: 10px;
z-index: 0;
width: calc(100% - 200px);
}
header .header_body .header_left_block::after {
content: "";
position: absolute;
inset: 0px 0 0 15px;
border-radius: 10px;
background: rgba(19, 19, 19, 0.50);
backdrop-filter: blur(5px);
z-index: -1;
width: calc(100% - 201px);
}
.header_background_right {
display: none;
}
.header_background_left {
display: none;
}
header .header_body .header_menu {
margin: 0 30px;
}
header .header_menu #menu-main-menu {
gap: 25px;
}
header .header_body .header_menu_container {
width: 100%;
justify-content: center;
display: flex;
}
.about_us_tabs>li {
font-size: 18px !important;
}
}
@media(max-width: 1650px) {
header .header_body .header_left_block {
padding-left: 15px;
}
}
@media(max-width: 1380px) {
header .header_menu #menu-main-menu li a {
font-size: 18px;
}
}
@media(max-width: 1250px) {
header .header_menu #menu-main-menu li a {
font-size: 16px;
}
header .header_menu #menu-main-menu li.menu-depth-0:first-child>a::before {
top: 0px;
}
header .header_menu #menu-main-menu {
gap: 20px;
}
.header_logo {
max-width: 250px;
}
.header_logo a {
display: block;
width: 100%;
}
.header_logo img {
width: 100%;
}
}
@media (max-width: 1200px) {}
@media (max-width: 1130px) {
header .header_body .header_phone,
header .header_body .header_contacts {
display: none;
}
header .header_body .header_left_block::before {
width: 100%;
}
header .header_body .header_left_block::after {
width: 100%;
}
header .header_menu #menu-main-menu li a {
font-size: 18px;
}
}
@media (max-width: 1080px) {
header .header_body .header_left_block::before {
width: calc(100% - 30px);
}
header .header_body .header_left_block::after {
width: calc(100% - 30px);
}
header {
padding: 0;
}
}
.main_page_slider_body {
margin-top: -100px;
margin-bottom: 35px;
}
.main_slider_container {
width: 100%;
aspect-ratio: 64 / 33;
position: relative;
display: flex;
flex-direction: column;
justify-content: end;
}
.main_slider_container .main_slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 0 0 50px 50px;
overflow: hidden;
height: 100%;
}
.main_slider_mobile {
display: none;
}
.main_slider_img {
height: 100%;
}
.main_slider_container .main_slider .main_slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.main_slider_container .main_slider_text {
z-index: 1;
}
.main_slider_container .main_slider_head {
color: #FFF;
font-family: Sansation;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 92%;
max-width: 550px;
margin-bottom: 40px;
display: inline-block;
}
.main_slider_container p {
margin: 0;
}
.main_slider_container .main_slider_text_top {
margin-bottom: 40px;
}
.main_slider_container .main_slider_text_top ul {
list-style: none;
}
.main_slider_container .main_slider_text_top ul li {
position: relative;
padding-left: 22px;
font-size: 20px;
font-variation-settings: 'wght' 500;
line-height: 110%;
}
.main_slider_container .main_slider_text_top ul li::before {
content: '';
position: absolute;
background-image: url('data:image/svg+xml,');
width: 12px;
height: 17px;
left: 0;
top: 3px;
background-repeat: no-repeat;
}
.main_slider_container .main_slider_text_bottom .swiper-pagination {
position: static !important;
width: fit-content !important;
margin: 0 5px;
display: flex;
align-items: center;
gap: 7px;
max-width: 100%;
flex-wrap: wrap;
justify-content: center;
}
.swiper-button-disabled {
opacity: .35;
}
.main_slider_container .main_slider_text_bottom {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 35px;
gap: 25px;
}
.main_slider_container .main_slider_bottom {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
}
.main_slider_container .main_slider_bottom .swiper-pagination .swiper-pagination-bullet {
color: rgba(255, 255, 255, 0.50);
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 500;
line-height: 110%;
transition: .3s;
display: inline-block;
background: none;
width: fit-content;
height: auto;
display: flex;
align-items: center;
gap: 7px;
opacity: 1;
margin: 0 !important;
}
.main_slider_container .main_slider_bottom .swiper-pagination .swiper-pagination-bullet strong {
width: 25px;
display: inline-block;
height: 2px;
background: #ffffff80;
transition: .3s;
}
.main_slider_container .main_slider_bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
color: #FFF;
font-variation-settings: 'wght' 700;
transition: .3s;
opacity: 1;
}
.main_slider_container .main_slider_bottom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active strong {
width: 40px;
background: #fff;
transition: .3s;
}
.main_slider_container .main_slider_bottom .swiper-pagination .swiper-pagination-bullet:last-child strong {
display: none !important;
}
.main_slider_container .main_slider_bottom .swiper-button-prev {
position: static;
margin: 0;
transition: .3s;
}
.main_slider_container .main_slider_bottom .swiper-button-prev::after {
content: none !important;
}
.main_slider_container .main_slider_bottom .swiper-button-next {
position: static;
margin: 0;
transition: .3s;
}
.main_slider_container .main_slider_bottom .swiper-button-next::after {
content: none !important;
}
.main_slider_container .main_slider_bottom button {
width: 36px;
background: transparent;
border: none;
}
.main_slider_container .main_slider_bottom button svg path {
transition: .3s;
}
.main_slider_container .main_slider_bottom button:hover svg path {
transition: .3s;
fill: #24B646;
}
/* .main_slider_container .main_slider_text_center {
margin-bottom: 40px;
justify-content: space-between;
align-items: end;
} */
.main_slider_container .main_slider_tabs {
max-width: 810px;
gap: 10px;
list-style: none;
margin: 0;
}
.main_slider_container .main_slider_tabs li {
padding: 13px 20px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.60);
background: rgba(200, 200, 200, 0.30);
backdrop-filter: blur(5px);
}
.main_slider_container .main_slider_tabs li span {
font-size: 16px;
font-variation-settings: 'wght' 700;
text-align: center;
line-height: 120%;
font-weight: bold;
}
.main_slider_container .pretty_btn {
width: 360px;
}
.pretty_btn {
padding: 14px 20px;
font-size: 20px;
font-variation-settings: 'wght' 700;
background: #24B646;
border-radius: 10px;
display: flex;
justify-content: center;
transition: .3s;
position: relative;
width: fit-content;
border: none;
}
.pretty_btn img {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transition: .3s;
left: 0;
top: 0;
}
.pretty_btn:hover img {
transition: .3s;
opacity: 1;
}
.pretty_btn span {
color: #fff;
line-height: 120%;
position: relative;
z-index: 1;
}
footer {
background: linear-gradient(180deg, #303030 0%, rgba(48, 48, 48, 0.00) 45.87%, rgba(48, 48, 48, 0.00) 100%);
padding: 100px 0 60px 0;
/* background-image: url(/wp-content/uploads/2025/05/Group-37205.png); */
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.footer_backround {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.footer_column .header_logo {
width: 290px;
margin-bottom: 25px;
z-index: 1;
position: relative;
}
.footer-column .header_logo a {
width: 100%;
display: block;
}
.footer-column .header_logo a>img {
width: 100%;
}
.footer_text p {
color: #CBCBCB;
font-size: 16px;
font-style: normal;
font-variation-settings: 'wght' 600;
margin-bottom: 7px;
}
.footer_text p:last-child {
margin-bottom: 0;
}
.footer_columns {
gap: 30px;
}
.footer_column:first-child {
width: calc(33.3% - 15px);
}
.footer_text {
max-width: 375px;
margin-bottom: 20px;
}
.footer_messengers {
list-style: none;
margin-bottom: 20px;
}
.footer_messengers li {
transition: .3s;
}
.footer_messengers li:hover {
transition: .3s;
}
.footer_messengers li svg path {
transition: .3s;
}
.footer_messengers li:hover svg path {
fill: #24B646;
transition: .3s;
}
.footer_messengers li:nth-child(1) {
z-index: 4;
}
.footer_messengers li:nth-child(2) {
transform: translateX(-5px);
z-index: 3;
}
.footer_messengers li:nth-child(3) {
transform: translateX(-10px);
z-index: 2;
}
.footer_messengers li:nth-child(4) {
transform: translateX(-15px);
z-index: 1;
}
.footer_messengers li:nth-child(2):hover {
animation: messenger_hover_2;
animation-duration: .5s;
animation-fill-mode: forwards;
}
@keyframes messenger_hover_2 {
0% {
transform: translateX(-5px);
transition: .3s;
z-index: 5;
}
50% {
transform: translateX(-2px);
transition: .3s;
z-index: 5;
}
100% {
transform: translateX(-5px);
transition: .3s;
z-index: 6;
}
}
.footer_messengers li:nth-child(3):hover {
animation: messenger_hover_3;
animation-duration: .5s;
animation-fill-mode: forwards;
}
@keyframes messenger_hover_3 {
0% {
transform: translateX(-10px);
transition: .3s;
z-index: 5;
}
50% {
transform: translateX(-7px);
transition: .3s;
z-index: 5;
}
100% {
transform: translateX(-10px);
transition: .3s;
z-index: 6;
}
}
.footer_messengers li:nth-child(4):hover {
animation: messenger_hover_4;
animation-duration: .5s;
animation-fill-mode: forwards;
}
@keyframes messenger_hover_4 {
0% {
transform: translateX(-15px);
transition: .3s;
z-index: 5;
}
50% {
transform: translateX(-12px);
transition: .3s;
z-index: 5;
}
100% {
transform: translateX(-15px);
transition: .3s;
z-index: 6;
}
}
.copyright {
display: flex;
align-items: center;
gap: 6px;
}
.copyright>svg {
animation: heartbeat 2s infinite;
}
@keyframes heartbeat {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2);
}
20% {
transform: scale(1);
}
30% {
transform: scale(1.2);
}
40% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.copyright>a {
color: #24B646;
font-variation-settings: 'wght' 600;
line-height: 105%;
}
.menu_title {
color: #24B646;
font-size: 20px;
font-variation-settings: 'wght' 700;
letter-spacing: 0.8px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 15px;
}
.footer_column.menu_column ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 10px;
}
.footer_column.menu_column ul li a {
color: #fff;
font-variation-settings: 'wght' 600;
}
.footer_column.menu_column {
width: calc(16.6% - 15px);
}
.footer_contacts_list {
list-style: none;
gap: 20px;
}
.footer_contacts_list li {
gap: 13px;
}
.footer_contacts_list li .icon_item {
border-radius: 5px;
border: 1px solid #515151;
background: #303030;
width: 38px;
height: 38px;
display: grid;
place-items: center;
}
.footer_contacts_list li a {
color: #FFF;
font-size: 16px;
font-variation-settings: 'wght' 600;
}
.footer_contacts_list li a span {
color: #24B646;
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 800;
}
.contact_form_container {
position: relative;
padding: 165px 0 50px 0;
}
.contact_form_container>img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.contact_form_container::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(180deg, #303030 0%, rgba(48, 48, 48, 0.98) 6.6%, rgba(48, 48, 48, 0.80) 22.81%, rgba(48, 48, 48, 0.21) 55.81%, rgba(48, 48, 48, 0.94) 90.83%, #303030 100%);
}
.swiper-infinity .swiper-slide {
width: 225px;
aspect-ratio: 1 / 1;
border-radius: 10px;
backdrop-filter: blur(5px);
border-radius: 10px;
background: #21212180;
position: relative;
}
.swiper-infinity .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-infinity .swiper-wrapper {
transition-timing-function: linear !important;
}
.swiper-infinity .swiper-slide:nth-child(even) {
transform: rotate(-10deg);
}
.swiper-infinity .swiper-slide:nth-child(odd) {
transform: rotate(10deg);
}
.swiper-infinity .swiper-slide::before {
content: '';
position: absolute;
width: calc(100% + 26px);
height: calc(100% + 26px);
left: -13px;
top: -13px;
border-radius: 10px;
border: 13px solid rgba(33, 33, 33, 0.50);
/* backdrop-filter: blur(5px); */
z-index: 1;
background: linear-gradient(0deg, rgba(40, 40, 40, 0.35) 0%, rgba(40, 40, 40, 0.35) 100%);
border-radius: 20px;
}
.swiper-infinity .swiper-wrapper {
transition-timing-function: linear !important;
}
.contact_form_sliders {
gap: 70px;
}
.contact_form {
/* padding: 80px 0 50px 0; */
/* margin-bottom: 80px; */
}
.contact_form_body {
position: absolute;
z-index: 1;
left: 50%;
transform: translate(-50%);
top: 85px;
padding: 55px 60px;
border-radius: 10px;
border: 3px solid rgba(255, 255, 255, 0.12);
background: rgba(24, 24, 24, 0.65);
backdrop-filter: blur(7.449999809265137px);
max-width: 775px;
}
.form .form_title {
color: #FFF;
text-align: center;
font-family: Sansation;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%;
display: flex;
margin-bottom: 40px;
}
.form_inputs {
gap: 40px;
width: 430px;
align-items: center;
margin: 0 auto;
margin-bottom: 20px;
}
.form .form_inputs input {
background: transparent;
color: #fff;
border: none;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
width: 100%;
transition: .3s;
appearance: none;
border-radius: 0;
}
.form .form_inputs input:focus-visible {
outline: none;
transition: .3s
}
.form .form_inputs input::placeholder {
color: #fff;
font-variation-settings: 'wght' 500;
font-size: 20px;
transition: .3s
}
.form .form_inputs input:focus-visible::placeholder {
opacity: .5;
transition: .3s
}
.input_item {
width: 100%;
}
.contact_form_proof {
width: 430px;
gap: 10px;
margin: 0 auto;
margin-bottom: 20px;
}
.contact_form_proof input {
appearance: none;
width: 20px;
height: 20px;
position: relative;
margin: 0;
}
.contact_form_proof input::before {
content: '';
position: relative;
width: 20px;
height: 20px;
border: 1px solid #fff;
border-radius: 3px;
display: block;
transition: .3s;
}
.contact_form_proof input:checked::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #24B646;
transition: .3s;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.5 6.5L5.5 11L10.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
border-color: #24b646;
border-radius: 3px;
}
/*
.contact_form_proof input:hover {
border: 1px solid #24B646;
transition: .3s;
} */
/* .contact_form_proof input:checked::before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
background-color: #24B646;
border-radius: 3px;
background-size: 15px;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
} */
/* .contact_form_proof input:checked {
border: 1px solid #24B646;
} */
.contact_form_proof label {
margin: 0;
width: calc(100% - 20px);
font-variation-settings: 'wght' 600;
}
.contact_form_proof label a {
color: #24B646;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 11.5%;
text-underline-offset: 14.5%;
text-underline-position: from-font;
}
.contact_form_proof label a:hover {
text-decoration-line: underline !important;
text-decoration-style: dotted !important;
text-decoration-skip-ink: none;
text-decoration-thickness: 11.5%;
text-underline-offset: 14.5%;
text-underline-position: from-font;
}
.contact_form_proof input:focus-visible,
.contact_form_proof input:focus {
outline: none !important;
}
.contact_form_proof~.pretty_btn {
width: 430px;
margin: 0 auto;
border: none;
}
.eco_advantages {
position: relative;
padding: 35px 0 55px 0;
margin-bottom: 45px;
}
.eco_advantages>img {
position: absolute;
width: 100vw;
left: 50%;
transform: translateX(-50%);
height: 100%;
object-fit: cover;
}
.eco_advantages_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
list-style: none;
margin: 0;
}
.eco_advantages_list .eco_advantages_item {
padding: 30px;
gap: 20px;
border-radius: 10px;
/* border: 1px solid rgba(255, 255, 255, 0.14); */
background: rgba(130, 130, 130, 0.10);
backdrop-filter: blur(3.5px);
justify-content: start;
position: relative;
overflow: hidden;
/* border: 1px solid transparent; */
}
.eco_advantages_list .eco_advantages_item::before {
content: "";
position: absolute;
inset: 1px 0 0 0;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
width: 100%;
height: calc(100% - 1px);
}
.eco_advantages_list .eco_advantages_item>span {
font-size: 20px;
}
.eco_advantages_item>img {
max-width: 50px;
}
#breadcrumbs {
margin: 50px 0 80px;
}
#breadcrumbs a {
color: #fff;
}
h1.title {
color: #FFF;
font-family: Sansation;
font-size: 30px;
font-weight: 700;
line-height: 120%;
margin-bottom: 30px;
/* 36px */
}
.catalog_categories_list {
display: flex;
flex-wrap: wrap;
gap: 30px;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 100px;
}
.catalog_categories_list li {
flex-basis: calc(25% - 23px);
aspect-ratio: 33 / 40;
transition: .3s;
max-height: 400px;
border-radius: 10px;
overflow: hidden;
position: relative;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.catalog_categories_list li.active {
flex-grow: 2;
/* aspect-ratio: 69 / 40; */
}
.catalog_categories_list li img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.catalog_categories_list li h2 {
color: #FFF;
font-size: 40px;
font-style: normal;
font-variation-settings: 'wght' 900;
text-transform: uppercase;
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
align-items: center;
margin: 0;
width: 100%;
}
.catalog_categories_list li a {
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.catalog_categories_list li h2 span svg {
transition: .3s;
opacity: 0;
display: none;
transition-behavior: allow-descrete;
@starting-style {
opacity: 0;
}
}
.catalog_categories_list li.active h2 span svg {
opacity: 1;
transition: .3s;
filter: drop-shadow(0px 0px 14px #24B646);
display: block;
}
.catalog_categories_list li .category_description {
position: relative;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(200, 200, 200, 0.20);
backdrop-filter: blur(5px);
padding: 10px 15px;
display: none;
transition-behavior: allow-descrete;
opacity: 1;
transition: .3s;
}
.catalog_categories_list li.active .category_description {
display: block;
@starting-style {
opacity: 0;
transition: .3s
}
}
.catalog_categories_list li .category_description p {
margin: 0;
}
.catalog_categories_list li.catalog_categories_list_item_second {
aspect-ratio: 69 / 20;
width: calc(50% - 15px);
flex-basis: unset;
display: flex;
align-items: start;
}
.catalog_categories_list li.catalog_categories_list_item_second .category_description {
display: block;
}
.catalog_categories_list li.catalog_categories_list_item_second:not(.catalog_main .catalog_categories_list li.catalog_categories_list_item_second, .other_taxonomies li.catalog_categories_list_item_second) {
width: 100%;
max-height: 105px;
flex-direction: row;
justify-content: start;
gap: 30px;
align-items: center;
}
.catalog_categories_list li h2:not(.catalog_main .catalog_categories_list li h2) {
width: fit-content;
position: static;
}
.catalog_categories_list li h2 span:not(.catalog_main .catalog_categories_list li h2 span) {
position: absolute;
right: 30px;
top: 30px;
}
.catalog_categories_list li.catalog_categories_list_item_second h2 span svg {
transition: .3s;
opacity: 0;
display: none;
transition-behavior: allow-descrete;
@starting-style {
opacity: 0;
}
}
.catalog_categories_list li.catalog_categories_list_item_second:hover h2 span svg {
opacity: 1;
transition: .3s;
filter: drop-shadow(0px 0px 14px #24B646);
display: block;
}
.catalog_sub_categories_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
list-style: none;
margin-bottom: 80px;
}
.catalog_sub_categories_list li {
position: relative;
aspect-ratio: 45 / 26;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: end;
border-radius: 10px;
overflow: hidden;
}
.catalog_sub_categories_list li span.category_title {
color: #FFF;
font-family: Mulish;
font-size: 32px;
font-style: normal;
font-variation-settings: 'wght' 900;
line-height: 110%;
margin: 0;
transition: .3s;
top: 10px;
position: relative;
}
.catalog_sub_categories_list li .category_description {
position: relative;
border-radius: 10px;
padding: 10px 15px;
/* display: none; */
opacity: 1;
transition: .3s;
flex-direction: column;
background: transparent;
border: 1px solid transparent;
overflow: hidden;
display: flex;
gap: 10px;
}
.catalog_sub_categories_list li a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
}
.catalog_sub_categories_list li:hover .category_description {
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(200, 200, 200, 0.20);
backdrop-filter: blur(5px);
transition: .3s;
}
.catalog_sub_categories_list li .category_description p {
transition: .3s;
transform: translateY(100%);
opacity: 0;
margin: 0;
/* max-height: 0; */
overflow: hidden;
position: absolute;
}
.catalog_sub_categories_list li:hover .category_description p {
transform: translateY(0);
transition: .3s;
opacity: 1;
max-height: 400px;
overflow: visible;
transition-delay: .3s;
}
.catalog_sub_categories_list li:hover .category_description p {
display: inline-block;
transition: .3s;
position: relative;
}
.catalog_sub_categories_list li:hover .category_description span.category_title {
top: 0;
transition: .3s;
}
.catalog_sub_categories_list li>img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
}
.catalog_sub_categories_list li>span {
width: 44px;
height: 44px;
display: inline-block;
position: absolute;
right: 20px;
top: 20px;
border: 1px solid #fff;
border-radius: 50%;
display: grid;
place-items: center;
transition: .3s;
z-index: 1;
}
.catalog_sub_categories_list li>span:hover {
backdrop-filter: blur(3px);
transition: .3s;
}
h3.title,
h2.title {
color: #FFF;
font-family: Sansation;
font-size: 30px;
font-weight: 700;
line-height: 120%;
margin: 0 0 30px 0;
}
.catalog_sub_categories_title {
margin-bottom: 30px;
justify-content: space-between;
}
.catalog_sub_categories_title h2.title {
margin: 0;
}
.catalog_sub_categories_title p {
max-width: 450px;
margin: 0;
}
.catalog_sub_categories_list_container {
margin-bottom: 100px;
}
.catalog_sub_categories_list_container .catalog_sub_categories_list {
margin-bottom: 20px;
}
.catalog_sub_categories_list_container .pretty_btn {
margin-left: auto;
}
.tree_container {
position: relative;
margin-bottom: 100px;
}
/* .tree_container::before {
content: '';
width: 100vw;
left: 50%;
position: relative;
margin-bottom: 100px;
transform: translate(-50%);
position: absolute;
background: linear-gradient(180deg, rgba(48, 48, 48, 0.00) 0%, rgba(48, 48, 48, 0.00) 64.09%, rgba(48, 48, 48, 0.52) 77.67%, rgba(48, 48, 48, 0.73) 89.93%, #303030 100%);
} */
.tree_container>img {
position: absolute;
left: 50%;
top: 50%;
width: 100vw;
transform: translate(-50%, -50%);
z-index: -1;
}
.tree_container>p {
margin-left: auto;
margin-right: 0;
text-align: end;
margin-bottom: 0;
width: fit-content;
}
.tree_list {
justify-content: space-between;
list-style: none;
margin: 0;
margin-bottom: 20px;
}
.tree_list>li {
border-radius: 10px;
border: 1px solid transparent;
padding-bottom: 20px;
gap: 15px;
align-items: center;
position: relative;
background: rgba(92, 92, 92, 0.10);
backdrop-filter: blur(3.5px);
overflow: hidden;
}
.tree_list>li::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
}
.tree_list>li img {
transition: .3s;
width: 100%;
position: relative;
z-index: 1;
}
.tree_list>li:hover img {
filter: drop-shadow(0px 0px 25px #24b64673);
}
.products_slider {
overflow: hidden;
}
.product_item {
border-radius: 10px;
border: 1px solid transparent;
padding: 20px;
align-items: start;
position: relative;
background: rgba(92, 92, 92, 0.10);
backdrop-filter: blur(3.5px);
overflow: hidden;
display: flex !important;
max-width: 330px;
aspect-ratio: 1 / 1;
transition: .3s;
}
.product_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
z-index: -1;
transition: .3s;
}
.product_item:hover::before {
opacity: 0;
transition: .3s;
}
.product_item:hover {
border-color: #24B646 !important;
transition: .3s;
}
.product_item>a {
color: #FFF;
font-family: Mulish;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 110%;
display: inline-block;
margin-bottom: 10px;
}
.product_item>a:hover {
color: #fff !important;
}
.product_item>.product_price {
color: #24B646;
font-size: 20px;
font-variation-settings: 'wght' 800;
margin-bottom: 20px;
gap: 15px;
}
del.old_price {
color: #515151;
}
.product_item>.product_img {
width: 100%;
aspect-ratio: 16 / 9;
margin-bottom: 10px;
height: 100%;
border-radius: 10px;
overflow: hidden;
}
.product_item>.product_img>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.products_slider_container .swiper-scrollbar {
width: 115px !important;
margin: 25px auto 0;
position: relative !important;
background: #515151 !important;
overflow: hidden;
}
.swiper-scrollbar-drag {
background: #24B646 !important;
}
/* .products_slider_container .swiper-scrollbar-drag:after,
.products_slider_container .swiper-scrollbar-drag:before {
background: #515151 !important;
bottom: 0;
content: "";
margin: 0px 10px;
position: absolute;
top: 0;
width: 100vw;
}
.products_slider_container .swiper-scrollbar-drag:before {
right: 100%;
}
.products_slider_container .swiper-scrollbar-drag:after {
left: 100%;
} */
.products_slider_container {
margin-bottom: 100px;
position: relative;
}
.swiper-scrollbar-drag .custom-content {
width: 100%;
height: 100%;
position: relative;
background: #24B646;
border-radius: 5px;
}
.swiper-scrollbar-drag::before {
content: '';
width: calc(100% + 20px);
height: 100%;
position: absolute;
background: #303030;
left: -10px;
top: 0;
z-index: -1;
border-radius: 5px;
}
.product-slider-button-prev {
position: absolute;
right: calc(100% + 20px);
top: 50%;
}
.product-slider-button-next {
position: absolute;
left: calc(100% + 20px);
top: 50%;
}
.products_slider_container .swiper-button-disabled svg path {
fill: #515151;
transition: .3s;
}
.product-slider-button-prev:not(.swiper-button-disabled):hover svg path,
.product-slider-button-next:not(.swiper-button-disabled):hover svg path {
fill: #24B646;
transition: .3s;
}
.product-slider-button-prev svg path,
.product-slider-button-nextsvg path {
transition: .3s;
}
.about_us_container {
position: relative;
margin-bottom: 100px;
}
.about_us_container::before {
content: '';
position: absolute;
width: 100vw;
height: 100%;
background-image: url(/wp-content/uploads/2025/05/group-24-4.svg);
background-repeat: no-repeat;
left: 50%;
transform: translate(-50%);
top: 30px;
z-index: -1;
}
.about_us_block {
gap: 30px;
/* display: none; */
}
.about_us_block.active {
display: flex;
}
.about_us_block_left {
width: calc(38% - 15px);
gap: 30px;
}
.about_us_block_right {
width: calc(62% - 15px);
gap: 30px;
}
.about_us_text b {
margin-bottom: 15px;
font-weight: normal;
display: inline-block;
}
.about_us_text b:last-child {
margin-bottom: 0;
}
.about_us_text {
display: none;
}
.about_us_text.active {
display: block;
}
.about_us_text p {
margin-bottom: 0;
}
.about_us_img {
border-radius: 10px;
overflow: hidden;
aspect-ratio: 519 / 310;
height: 100%;
}
.about_us_img {
display: none;
}
.about_us_img.active {
display: block;
}
.about_us_tabs_img {
border-radius: 10px;
overflow: hidden;
aspect-ratio: 287 / 115;
height: 100%;
}
.about_us_tabs {
list-style: none;
padding: 0;
margin: 0;
gap: 20px;
/* overflow: hidden; */
}
.about_us_tabs>li {
border-radius: 10px;
border: 1px solid #CBCBCB;
padding: 15px 10px;
transition: .3s;
cursor: pointer;
font-size: 20px;
line-height: 120%;
text-align: center;
position: relative;
}
.about_us_mobile_gallery {
display: none;
}
.about_us_tabs>li::before {
content: '';
width: 100%;
height: 100%;
left: 20px;
top: 0;
opacity: 0;
position: absolute;
}
.about_us_tabs>li.active {
background: #24B646;
transition: .3s;
border-color: #24B646;
}
.about_us_tabs_img img,
.about_us_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about_us_tabs_img {
display: none;
}
.about_us_tabs_img.active {
display: block;
}
.about_us_tabs>li:nth-child(-n + 3) {
width: calc(33.3% - 14px);
}
.about_us_tabs>li:nth-child(n+4):nth-child(-n+5) {
width: calc(50% - 10px);
}
.proud_container {
position: relative;
margin-bottom: 100px;
}
.proud_container::before {
content: '';
position: absolute;
width: 100vw;
height: 100%;
background-image: url(/wp-content/uploads/2025/08/group-1.svg);
background-repeat: no-repeat;
left: 50%;
transform: translate(-50%);
top: 0;
z-index: -1;
background-position: right;
}
.proud_container_top {
justify-content: space-between;
margin-bottom: 40px;
}
.proud_container_top h2 {
margin-bottom: 0;
}
.proud_block {
gap: 0;
}
.proud_block_item_item {
width: calc(33.3% - 20px);
padding-bottom: 0px;
border: 1px solid transparent;
height: unset !important;
max-width: 450px;
margin-right: 30px;
position: relative;
}
.proud_block_item {
width: 100%;
gap: 30px;
position: relative;
/* overflow: hidden; */
padding: 30px 30px 45px 30px;
border-radius: 10px;
border: 1px solid transparent;
background: var(--dark, #353535);
transition: .3s;
margin-right: 0 !important;
display: flex !important;
max-width: 450px;
top: 0;
height: 100%;
}
.proud_block_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
transition: .3s;
}
.proud_block_item_item.active .proud_block_item {
top: -20px;
transition: .3s;
}
.proud_block_item_item::before {
width: 100%;
height: 2px;
background: #24B646;
border-radius: 10px;
bottom: 0;
left: 0;
transform: translateX(-50%);
position: absolute;
content: '';
transform: scale(0);
transition: .3s;
}
.proud_block_item_item.active::before {
transform: scale(1);
transition: .3s;
}
.proud_block_item svg path {
transition: .3s;
}
.proud_block_item_item.active svg path {
fill: #24B646;
transition: .3s;
}
.proud_block_item.swiper-slide {
transition: .3s;
}
.proud_block_item.swiper-slide-active {
transition: .3s;
}
.proud_block_item_text span {
color: #FFF;
font-size: 24px;
font-variation-settings: 'wght' 900;
display: inline-block;
margin-bottom: 20px;
}
.interiors_container {
margin-bottom: 100px;
}
.interiors_container>h2.title {
margin-bottom: 60px;
}
.interiors_block {
display: flex !important;
}
.interiors_block_img {
width: calc(23% - 10px);
position: relative;
z-index: 1;
}
.interiors_block_img img {
position: absolute;
max-width: 385px;
aspect-ratio: 1 / 1;
object-fit: contain;
}
.interiors_slider .swiper-scrollbar {
width: 115px !important;
margin: 25px auto 0;
position: relative !important;
background: #515151 !important;
overflow: hidden;
}
.interiors_block_text {
width: calc(77% + 10px);
border-radius: 10px;
border: 1px solid transparent;
background: var(--dark, #353535);
position: relative;
padding: 30px;
gap: 30px;
}
.interiors_block_text::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
transition: .3s;
}
.interiors_text {
width: calc(50% - 35px);
}
.interiors_text p {
margin-bottom: 0;
}
.interiors_text span {
color: #FFF;
font-size: 24px;
font-variation-settings: 'wght' 900;
display: inline-block;
margin-bottom: 15px;
}
.interiors_img {
width: calc(50% + 5px);
border-radius: 10px;
overflow: hidden;
}
.interiors_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.interiors_block_list {
gap: 105px;
}
.interiors_block:nth-child(even) {
flex-direction: row-reverse;
}
.interiors_block:nth-child(even) .interiors_block_text {
flex-direction: row-reverse;
}
.news_slider_buttons {
gap: 30px;
}
.news_slider_container .title {
justify-content: space-between;
}
.news_slider_container {
margin-bottom: 100px;
position: relative;
}
.news_slider_container .swiper-button-disabled svg path {
fill: #515151;
transition: .3s;
}
.news-slider-button-prev:not(.swiper-button-disabled):hover svg path,
.news-slider-button-next:not(.swiper-button-disabled):hover svg path {
fill: #24B646;
transition: .3s;
}
.news-slider-button-prev svg path,
.news-slider-button-next svg path {
transition: .3s;
}
.news_slider_container .swiper-scrollbar {
width: 115px !important;
margin: 5px auto 0;
position: relative !important;
background: #515151 !important;
overflow: hidden;
}
.news_item {
width: 380px;
aspect-ratio: 1 / 1;
border-radius: 10px;
overflow: hidden;
display: flex !important;
/* align-self: end; */
flex-direction: column;
justify-content: end;
padding: 20px;
position: relative;
}
.news_item:hover .news_img img {
transform: scale(1.1);
transition: .3s;
}
.news_img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.news_img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .3s;
}
.news_item a {
z-index: 1;
font-variation-settings: 'wght' 900;
font-size: 24px;
justify-content: space-between;
}
.news_item a::before {
width: 100%;
height: 100%;
content: '';
position: absolute;
left: 0;
top: 0;
}
.news_item a span {
color: #fff;
display: inline-block;
max-width: calc(100% - 60px);
line-height: 110%;
}
.news_item a strong {
display: grid;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #fff;
place-items: center;
opacity: 0;
transition: .3s;
z-index: 1;
}
.news_item:hover a strong {
opacity: 1;
transition: .3s;
}
.news_item a strong:hover {
backdrop-filter: blur(3px);
}
.news_slider_bottom {
display: flex;
align-items: start;
margin-top: 20px;
position: relative;
min-height: 50px;
}
.news_slider_bottom .pretty_btn {
position: absolute;
top: 0;
left: 0;
}
.blog_posts {
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.blog_posts .news_item {
max-width: 100%;
width: unset !important;
}
.content_blog {
margin-top: 100px;
}
/* .content_blog .catalog_categories_list li.catalog_categories_list_item_second {
width: 100%;
max-height: 105px;
flex-direction: row;
justify-content: start;
gap: 30px;
align-items: center;
}
.content_blog .catalog_categories_list li h2 {
width: fit-content;
position: static;
}
.content_blog .catalog_categories_list li h2 span {
position: absolute;
right: 30px;
top: 30px;
} */
.qr_block {
margin-bottom: 50px;
}
.qr_container {
border-radius: 10px;
border: 1px solid transparent;
padding: 30px;
position: relative;
background: rgba(130, 130, 130, 0.05);
backdrop-filter: blur(3.5px);
overflow: hidden;
}
.qr_container::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
z-index: -1;
transition: .3s;
}
.qr_container_left {
position: relative;
width: calc(50% - 30px);
}
.qr_container_left h2 {
color: #24B646;
font-size: 24px;
line-height: 110%;
margin-top: 0;
margin-bottom: 20px;
}
.qr_container_left span {
font-size: 20px;
display: inline-block;
max-width: 80%;
line-height: 110%;
}
.qr_container_left img {
position: absolute;
left: -30px;
bottom: -30px;
}
.qr_container_right {
width: calc(50% + 30px);
gap: 30px;
}
.yandex-google_container {
margin-bottom: 100px;
}
.qr_item {
border-radius: 10px;
border: 1px solid transparent;
padding: 20px 45px;
position: relative;
background: rgba(130, 130, 130, 0.05);
backdrop-filter: blur(3.5px);
overflow: hidden;
width: calc(50% - 15px);
gap: 20px;
}
.qr_item>a {
border-radius: 10px;
border: 1px solid #24B646;
display: flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
color: #24B646;
/* display: inline-block; */
width: 100%;
justify-content: center;
font-size: 20px;
transition: .3s;
}
.qr_item>a:hover {
border: 1px solid #fff;
transition: .3s;
color: #fff;
}
.qr_item>a:hover span {
transition: .3s;
color: #fff;
}
.qr_item>a span {
transition: .3s;
}
.qr_item>a>div {
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.qr_item>a>div img {
object-fit: contain;
width: 100%;
height: 100%;
}
.qr_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
z-index: -1;
transition: .3s;
}
.qr_item>img {
border-radius: 10px;
background: #FFF;
max-width: 145px;
aspect-ratio: 1 / 1;
object-fit: contain;
}
.yandex-google_container .pretty_btn {
margin: 0 auto;
border: none;
gap: 10px;
align-items: center;
}
.yandex-google_container .pretty_btn.hidden {
display: none;
}
.yandex-google_container .pretty_btn .arrow img {
position: relative;
z-index: 1;
opacity: 1;
}
.yandex_google_items {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 50px;
gap: 30px;
}
.yandex_google_item {
padding: 25px 10px 10px;
gap: 20px;
border-radius: 10px;
border: 1px solid transparent;
background: rgba(130, 130, 130, 0.10);
backdrop-filter: blur(3.5px);
justify-content: start;
position: relative;
overflow: hidden;
display: none;
}
.yandex_google_item.active {
display: flex;
}
.yandex_google_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
}
.yandex_google_item_top {
position: relative;
z-index: 1;
justify-content: space-between;
padding: 0 15px;
margin-bottom: 20px;
}
.review_name {
font-size: 20px;
margin-bottom: 15px;
}
.yandex_google_item_top .from {
width: 52px;
height: 52px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.yandex_google_item_top .from svg {
margin-top: 3px;
}
.yandex_google_item_top .from .yandex svg {
margin-left: -1px;
}
.rating {
gap: 5px;
}
.rating i {
font-size: 21px;
-webkit-background-clip: text;
-webkit-text-stroke: 1px #24B646;
-webkit-text-fill-color: transparent;
}
.rating i.active {
color: #24B646;
background: linear-gradient(180deg, #24B646);
-webkit-background-clip: text;
}
.yandex_google_item_bottom {
background-size: 100% 100%;
z-index: 1;
position: relative;
border-radius: 10px;
overflow: hidden;
background-repeat: no-repeat;
height: 100%;
padding: 20px;
color: #000;
font-size: 20px;
line-height: 110%;
gap: 10px;
justify-content: space-between;
}
.original_link a {
color: #24B646;
font-size: 16px;
font-weight: 500;
line-height: 110%;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 11.5%;
text-underline-offset: 14%;
text-underline-position: from-font;
}
.reviews_messenger_slider {
overflow: hidden;
}
.reviews_messenger_slider .messenger_review_item {
position: relative;
}
.reviews_messenger_slider .messenger_review_item img {
width: 100%;
border-radius: 10px;
}
.reviews_messenger_slider .messenger_review_item a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.reviews_messenger_slider .messenger_review_item .zoom {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.reviews_messenger_slider .messenger_review_item:hover .zoom {
opacity: 1;
}
.reviews_messenger_slider .messenger_review_item .zoom strong {
width: 42px;
height: 42px;
position: relative;
background: #ffffff6b;
display: flex;
border-radius: 50%;
backdrop-filter: blur(5px);
}
.reviews_messenger_slider .messenger_review_item .zoom strong img {
position: absolute;
left: 0;
top: 0;
width: 56px;
height: 56px;
}
.reviews_slider {
overflow: hidden;
}
.reviews_slider .yandex_google_item {
max-width: 450px;
margin-right: 30px;
height: unset;
max-width: unset;
}
.reviews_slider .yandex_google_item .review_text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 15;
overflow: hidden;
}
.reviews-slider-button-prev {
position: absolute;
right: calc(100% + 20px);
top: calc(50% - 25px);
}
.reviews-slider-button-next {
position: absolute;
left: calc(100% + 20px);
top: calc(50% - 25px);
}
.reviews-slider-button-prev:not(.swiper-button-disabled):hover svg path,
.reviews-slider-button-next:not(.swiper-button-disabled):hover svg path {
fill: rgb(36, 182, 70);
transition: 0.3s;
}
.reviews_container .swiper-button-disabled svg path {
fill: #515151;
transition: .3s;
}
.reviews-slider-button-prev svg path,
.reviews-slider-button-nextsvg path {
transition: .3s;
}
.reviews_container .swiper-scrollbar {
width: 115px !important;
margin: 25px auto 0;
position: relative !important;
background: #515151 !important;
overflow: hidden;
}
.reviews_container h2.title {
display: flex;
align-items: center;
justify-content: space-between;
}
.reviews_container {
margin-bottom: 100px;
}
.about_company_img {
width: calc(23% - 10px);
position: relative;
z-index: 1;
}
.about_company_img img {
position: absolute;
top: 30px;
max-width: 345px;
}
.about_company_text {
width: calc(77% + 10px);
border-radius: 10px;
border: 1px solid transparent;
background: var(--dark, #353535);
position: relative;
padding: 30px 30px 30px 45px;
gap: 30px;
background: rgba(130, 130, 130, 0.10);
backdrop-filter: blur(10px);
z-index: 1;
}
.about_company_text::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, rgba(255, 255, 255, 0.14), rgba(153, 153, 153, 0.03));
border-radius: inherit;
mask: conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg) content-box exclude, conic-gradient(rgb(0, 0, 0) 0deg, rgb(0, 0, 0) 0deg);
z-index: -1;
}
.about_company_title {
font-size: 24px;
font-variation-settings: 'wght' 900;
line-height: 110%;
margin-bottom: 20px;
}
.about_company_desc b:not(.about_company_desc b:last-child) {
display: inline-block;
margin-bottom: 15px
}
.about_company_desc {
padding-bottom: 30px;
border-bottom: 1px solid #515151;
margin-bottom: 20px;
}
.about_company_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
list-style: none;
gap: 30px 15px;
}
.about_company_list>li {
display: flex;
align-items: center;
gap: 15px;
}
.about_company_list>li strong {
font-variation-settings: 'wght' 900;
}
.about_company_block {
margin-bottom: 100px;
}
.about_company_tabs_container {
margin-bottom: 100px;
}
.about_company_tabs {
gap: 30px;
padding: 0;
list-style: none;
margin-bottom: 25px;
position: relative;
}
.about_company_tabs>li {
border-radius: 10px;
border: 1px solid #CBCBCB;
padding: 15px 10px;
transition: .3s;
cursor: pointer;
font-size: 20px;
line-height: 120%;
text-align: center;
position: relative;
width: 100%;
white-space: nowrap;
}
.about_company_tabs>li:hover,
.about_company_tabs>li.active {
background: #24B646;
transition: .3s;
border-color: #24B646;
}
.about_company_tabs>li span {
font-size: 18px;
}
.tabs_text_content>div {
display: none;
}
.tabs_text_content>div.active {
display: block;
}
.tabs_text_content b {
font-weight: normal;
margin-bottom: 10px;
display: inline-block;
}
.portfolio_slide {
border-radius: 10px;
border: 1px solid transparent;
padding: 10px;
align-items: start;
position: relative;
background: rgba(92, 92, 92, 0.10);
backdrop-filter: blur(3.5px);
overflow: hidden;
display: flex !important;
max-width: 330px;
aspect-ratio: 1 / 1;
transition: .3s;
margin-right: 30px;
}
.portfolio_slide::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
z-index: -1;
transition: .3s;
}
.portfolio_slide::after {
content: '';
width: 33px;
height: 33px;
position: absolute;
left: 0;
top: 0;
background-image: url('data:image/svg+xml,');
}
.portfolio_slide img {
width: calc(100% - 20px);
height: calc(100% - 20px);
object-fit: cover;
border-radius: 8px;
position: absolute;
z-index: 1;
}
.portfolio_slide a {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
}
.portfolio_slider {
overflow: hidden;
}
.portfolio-slider-button-prev {
position: absolute;
right: calc(100% + 20px);
top: calc(50% - 25px);
}
.portfolio-slider-button-next {
position: absolute;
left: calc(100% + 20px);
top: calc(50% - 25px);
}
.portfolio-slider-button-prev:not(.swiper-button-disabled):hover svg path,
.portfolio-slider-button-next:not(.swiper-button-disabled):hover svg path {
fill: rgb(36, 182, 70);
transition: 0.3s;
}
.portfolio_slider_container .swiper-button-disabled svg path {
fill: #515151;
transition: .3s;
}
.portfolio-slider-button-prev svg path,
.portfolio-slider-button-nextsvg path {
transition: .3s;
}
.portfolio_slider_container .swiper-scrollbar {
width: 115px !important;
margin: 25px auto 0;
position: relative !important;
background: #515151 !important;
overflow: hidden;
}
.portfolio_slider_container {
margin-bottom: 100px;
position: relative;
}
.map_container {
margin-bottom: 100px;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.route_map_links {
border-radius: 10px;
border: 1px solid rgba(36, 182, 70, 0.24);
background: rgba(255, 255, 255, 0.50);
backdrop-filter: blur(7px);
position: absolute;
left: 10px;
bottom: 10px;
padding: 15px 20px 20px;
}
.route_map_links_head {
color: #000;
font-size: 18px;
line-height: 120%;
margin-bottom: 15px;
text-align: center;
}
.route_map_links_link {
gap: 15px;
}
.route_map_links_link a {
padding: 13px 20px;
border-radius: 10px;
border: 1px solid #24B646;
display: flex;
align-items: center;
gap: 10px;
}
.route_map_links_link a span {
font-size: 20px;
color: #24B646;
}
.route_map_links_link svg {
width: 26px;
height: 26px;
}
.ymaps-2-1-79-gotoymaps {
opacity: 0 !important;
}
.contacts_list_item {
width: calc(33.3% - 20px);
gap: 20px;
position: relative;
/* overflow: hidden; */
padding: 26px 30px;
border-radius: 10px;
border: 1px solid transparent;
background: #353535;
transition: .3s;
font-size: 20px;
align-items: center;
min-height: 90px;
}
.contacts_list_item a {
color: #fff;
line-height: 110%;
}
.contacts_list_item span {
position: relative;
z-index: 1;
}
.contacts_list_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
border-radius: 10px;
transition: .3s;
}
.contacts_list {
gap: 40px;
justify-content: space-between;
}
.contacts_list_container {
margin-bottom: 50px;
}
.contacts_list .separator:last-child {
display: none;
}
#map {
background: #fff;
}
.sub_categories_list {
grid-template-columns: repeat(6, 1fr);
gap: 20px;
margin-bottom: 50px;
}
.sub_categories_list li {
padding: 15px;
gap: 10px;
border-radius: 10px;
/* border: 1px solid rgba(255, 255, 255, 0.14); */
background: rgba(130, 130, 130, 0.10);
backdrop-filter: blur(3.5px);
border: 1px solid transparent;
justify-content: start;
position: relative;
overflow: hidden;
aspect-ratio: 17 / 10;
transition: .3s;
}
.sub_categories_list li.active {
border: 1px solid #24B646;
}
.sub_categories_list li::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
transition: .3s;
}
.sub_categories_list li:hover::before {
opacity: 0;
transition: .3s;
content: none;
}
.sub_categories_list li.active::before {
content: none;
}
.sub_categories_list li:hover {
border: 1px solid #24B646;
transition: .3s;
}
.sub_categories_list li span {
font-size: 18px;
line-height: 110%;
}
.sub_categories_list li .products_counter {
font-size: 18px;
line-height: 110%;
color: #24B646;
}
.sub_categories_list li .filter_tax_img {
position: absolute;
right: 0;
bottom: 0;
max-width: 150px;
max-height: 126px;
}
.sub_categories_list li .filter_tax_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.sub_categories_list li a {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
left: 0;
top: 0;
z-index: 1;
}
.filter_items_block {
gap: 20px;
margin-bottom: 25px;
width: 100%;
justify-content: space-between;
}
.filter_inputs {
width: 100%;
}
.filter_items_block .filter_item {
border-radius: 10px;
border: 1px solid transparent;
background: #353535;
backdrop-filter: blur(5px);
padding: 13px 20px;
position: relative;
min-width: unset;
z-index: 3;
display: flex;
transition: .3s;
width: 100%;
}
.filter_items_block .filter_item.active {
border: 1px solid #24B646;
transition: .3s;
z-index: 10;
}
.filter_items_block .filter_item .filter_item_body>strong>svg {
transform: rotate(0deg);
transition: .3s
}
.filter_items_block .filter_item.active .filter_item_body>strong>svg {
transform: rotate(-180deg);
transition: .3s
}
.filter_items_block .filter_item:first-child {
/* width: 235px; */
width: 100%;
max-width: 155px;
}
.filter_items_block .filter_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
transition: .3s;
z-index: -1;
pointer-events: none;
}
.filter_items_block .filter_item_body {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
cursor: pointer;
}
.filter_item_content {
position: absolute;
top: calc(100% + 10px);
left: 0;
width: max-content;
opacity: 0;
pointer-events: none;
transition: .3s;
max-width: 150%;
}
.filter_items_block .active .filter_item_content {
opacity: 1;
pointer-events: all;
transition: .3s;
}
.filter_item_content ul {
border-radius: 10px;
border: 1px solid transparent;
background: #353535;
backdrop-filter: blur(5px);
padding: 13px 20px;
position: relative;
list-style: none;
display: flex;
flex-direction: column;
gap: 15px;
}
.filter_item_content ul::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
transition: .3s;
z-index: -1;
}
.filter_item_content ul li input[type="checkbox"],
.filter_item_content ul li input[type="radio"] {
appearance: none;
position: relative;
margin: 0;
width: 20px;
height: 20px;
}
.filter_item_content ul li input[type="checkbox"]:focus,
.filter_item_content ul li input[type="radio"]:focus {
outline: none;
}
.filter_item_content ul li input[type="checkbox"]::before,
.filter_item_content ul li input[type="radio"]::before {
content: '';
position: relative;
width: 20px;
height: 20px;
border: 1px solid #fff;
border-radius: 3px;
display: block;
transition: .3s;
}
.filter_item_content ul li input[type="checkbox"]:checked::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #24B646;
transition: .3s;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.5 6.5L5.5 11L10.5 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
border-color: #24b646;
border-radius: 3px;
}
.filter_item_content ul li input[type="radio"]:checked::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #24B646;
transition: .3s;
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #fff;
border-radius: 3px;
}
.filter_item_content ul li label {
margin: 0;
transition: .3s;
}
.filter_item_content ul li label::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
}
.filter_item_content ul li {
display: flex;
align-items: center;
gap: 10px;
position: relative;
}
.filter_item_content ul li:hover label {
color: #24B646;
transition: .3s
}
.filter_item_content ul li:hover input::before {
border: 1px solid #24B646;
transition: .3s
}
.filter_items_block .filter_item.range_item {
max-width: 290px;
}
.filter_item_body strong .noUi-horizontal .noUi-handle {
width: 20px;
height: 9px;
right: 0px;
top: -4px;
background: #24B646 !important;
box-shadow: none;
border: none;
cursor: grab;
}
.filter_item_body strong .noUi-horizontal .noUi-handle.noUi-handle-lower {
/* right: -20px !important; */
}
#price_slider {
position: absolute;
width: calc(100% - 40px);
bottom: -2px;
height: 2px;
left: calc(0px + 30px);
}
.noUi-handle:after,
.noUi-handle:before {
content: none !important;
}
.noUi-target {
background: #878787 !important;
border-radius: 2px;
border: none !important;
box-shadow: none !important;
}
.noUi-connect {
background: #24B646 !important;
}
input[name="max_price"],
input[name="min_price"] {
max-width: 50px;
appearance: none;
background: transparent;
border: none;
}
.range_inputs span {
position: absolute;
opacity: 0;
z-index: -1;
}
.range_inputs {
justify-content: space-between;
gap: 10px;
}
.range_inputs .separator {
min-width: 7px;
max-width: 7px;
height: 2px;
border-radius: 50px;
background-color: #fff;
}
.filter_items_block .first_range {
max-width: calc(50% - 5px);
display: flex;
align-items: center;
gap: 5px;
}
.filter_items_block .second_range {
max-width: calc(50% - 5px);
display: flex;
align-items: center;
gap: 5px;
}
.filter_item_body strong {
font-variation-settings: 'wght' 500;
display: inline-flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.filter_items_block .filter_item:first-child .filter_item_body strong {
gap: 7px;
position: relative;
}
.filter_items_block .filter_item:first-child .filter_item_body strong::after {
content: '';
width: 10px;
right: 10px;
height: 100%;
background: linear-gradient(270deg, #353535 0%, rgba(0, 215, 255, 0) 100%);
position: absolute;
}
.filter_item_body strong b {
white-space: nowrap;
overflow: hidden;
}
.filter_item_body>label {
margin: 0;
white-space: nowrap;
}
.filter_item_body>input[type="checkbox"] {
appearance: none;
position: relative;
margin: 0;
cursor: pointer;
width: 52px;
height: 25px;
background: transparent;
border-radius: 20px;
}
.filter_item_body>input[type="checkbox"]::before {
content: '';
width: 52px;
height: 25px;
border-radius: 20px;
background: #434343;
position: relative;
left: 0;
top: 0;
display: block;
transition: .3s;
}
.filter_item_body>input[type="checkbox"]::after {
content: '';
width: 19px;
height: 19px;
border-radius: 50%;
background: #353535;
position: absolute;
left: 3px;
top: 3px;
display: block;
transform: translateX(0);
transition: .3s;
}
.filter_item_body>input[type="checkbox"]:checked:after {
transform: translateX(26px);
transition: .3s;
background: #fff;
}
.filter_item_body>input[type="checkbox"]:checked::before {
background: #24B646;
transition: .3s;
}
.filter_item_body>input[type="checkbox"]:focus {
outline: none;
}
.filter_bottom {
justify-content: space-between;
}
.filter_buttons {
gap: 30px;
}
.filter_buttons a {
background: transparent;
color: #24B646;
border: 1px solid #24B646;
min-width: 250px;
}
.filter_buttons a span {
color: #24B646;
transition: .3s;
}
#reset_filter:hover {
border: 1px solid #fff;
}
#reset_filter:hover span {
transition: .3s;
color: #fff;
}
.posts_on_page {
border-radius: 10px;
border: 1px solid transparent;
background: #353535;
backdrop-filter: blur(5px);
padding: 17px 20px;
position: relative;
z-index: 2;
display: flex;
transition: .3s;
}
.posts_on_page::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
transition: .3s;
z-index: -1;
pointer-events: none;
}
.posts_on_page_inputs {
gap: 9px;
}
.posts_on_page_inputs_item {
position: relative;
}
.posts_on_page_inputs_item input {
position: absolute;
opacity: 0;
left: 0;
top: 0;
}
.posts_on_page_inputs_item label {
margin: 0;
}
.posts_on_page_inputs_item.active label {
color: #24B646;
}
.posts_on_page form {
gap: 10px;
}
.taxonomy_filter {
margin-bottom: 50px;
}
#filter_count {
width: 280px;
}
a.prev.page-numbers {
display: none;
}
a.next.page-numbers {
display: none;
}
.pagination {
gap: 30px;
margin: 50px 0 0 0;
}
.pagination a.page-numbers {
color: #515151;
font-size: 20px;
}
.page-numbers.current {
color: #fff;
font-variation-settings: 'wght' 700;
font-size: 20px;
margin-right: 25px;
}
.pagination .page-numbers {
position: relative;
}
.pagination .page-numbers:not(.page-numbers.dots, .page-numbers.next, .page-numbers.prev)::after {
content: '';
width: 15px;
height: 1px;
background: #515151;
top: 50%;
position: absolute;
left: calc(100% + 7px);
}
.page-numbers.current::after {
content: '';
width: 40px !important;
height: 2px !important;
background: #fff !important;
top: 50%;
position: absolute;
right: calc(100% + 7px);
}
.page-numbers.last-page.current {
margin-left: 25px;
}
.page-numbers.last-page.current::after {
content: '' !important;
width: 40px !important;
height: 2px !important;
background: #fff !important;
top: 50%;
position: absolute;
right: unset;
left: calc(-100% - 35px) !important;
}
.page-numbers:nth-last-child(2)::after {
content: none !important;
}
.page-numbers:nth-last-child(2).current {
margin-right: 0 !important;
}
.pagination a.disabled svg path {
fill: #515151;
transition: .3s;
}
.pagination a:not(.pagination a.disabled):hover svg path {
fill: #24B646;
transition: .3s;
}
.taxomony_products {
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.taxomony_products .product_item {
max-height: unset;
}
.taxonomy_description {
margin-top: 100px;
margin-bottom: 100px;
}
.taxonomy_description a {
color: #24B646;
}
.taxonomy_description ul {
padding-left: 20px;
list-style: none;
flex-direction: column;
gap: 15px;
display: flex;
}
.taxonomy_description ul li {
position: relative;
}
.taxonomy_description ul li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1183C0.228589 12.0023 0.137039 9.74935 0.892186 7.35068C1.42437 5.65891 2.37704 3.90625 4.03088 2.73103C5.7897 1.48194 8.35693 0.859241 12.1166 1.74985C12.2719 1.78655 12.4084 1.87726 12.501 2.00538C12.5937 2.13351 12.6363 2.29046 12.6211 2.4475C12.6211 2.4475 11.5312 13.5176 0.846635 12.7417C1.18647 12.241 1.40177 11.9465 1.52926 11.7408C2.23177 10.6069 6.31203 5.5469 6.31203 5.5469C2.39368 7.16321 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1183Z' fill='%2324B646'/%3E%3C/svg%3E");
position: absolute;
left: -20px;
width: 13px;
height: 14px;
top: 3px;
}
.other_taxonomies {
margin-top: 100px;
}
.tovar_top_content {
margin-bottom: 50px;
gap: 30px;
align-items: start;
}
.product_chars_block {
padding: 20px 30px;
gap: 0;
border-radius: 10px;
/* border: 1px solid rgba(255, 255, 255, 0.14); */
background: rgba(130, 130, 130, 0.10);
backdrop-filter: blur(3.5px);
justify-content: start;
position: relative;
overflow: hidden;
}
.product_chars_block::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
/* border: 1px solid transparent; */
z-index: -1;
}
.char_block_item {
gap: 10px;
padding: 15px 5px;
border-bottom: 1px solid #4A4A4A;
font-size: 18px;
}
.char_block_item:last-child {
border: none;
}
.tovar_content_left {
width: calc(50% - 15px);
justify-content: space-between;
min-height: 500px;
}
.change_size {
margin-top: 15px;
font-size: 18px;
padding-left: 30px;
}
.change_size span {
color: #24B646;
}
.product_price_block {
margin-top: 55px;
justify-content: space-between;
color: #24B646;
font-size: 28px;
line-height: 110%;
}
.product_price_block .product_price {
/* background-image: url('data:image/svg+xml,'); */
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
position: relative;
/* min-width: 265px */
/* overflow: hidden; */
}
.product_price_block .product_price span {
padding: 10px 40px 10px 20px;
display: flex;
align-items: center;
gap: 8px;
min-height: 52px;
}
.product_price_block .product_price span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
border-left: 2px solid #24B646;
border-top: 2px solid #24B646;
border-bottom: 2px solid #24B646;
height: 100%;
border-radius: 5px;
opacity: .3;
}
.product_price_block .product_price span::after {
content: '';
position: absolute;
right: -17px;
top: 8px;
width: 36px;
border-top: 2px solid #24B646;
border-right: 2px solid #24B646;
height: 36px;
border-radius: 0px;
opacity: .3;
rotate: 45deg;
}
.product_price_block .product_price>img {
position: absolute;
left: 0;
top: 50%;
width: 100%;
/* height: 100%; */
object-fit: unset;
transform: translate(0, -50%);
display: none;
}
.product_price_block .product_price::before {
content: '';
width: 17px;
height: 17px;
border-radius: 50%;
border: 2px solid #24B646;
opacity: .3;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.tovar_content_right {
width: calc(50% - 15px);
padding-left: 50px;
gap: 20px;
align-items: center;
}
.page_product_slider {
width: 500px;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.page_product_slide {
border-radius: 10px;
overflow: hidden;
}
.page_product_slide a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page_product_slider .page_product_slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page_product_slider_nav {
width: 120px;
overflow: hidden;
margin: 50px 0;
max-height: 415px;
}
.page_product_slider_nav .swiper-wrapper {
gap: 20px;
}
.page_product_slide_nav {
border-radius: 10px;
overflow: hidden;
width: 120px;
height: 120px !important;
aspect-ratio: 1 / 1;
}
.page_product_slide_nav img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product_slider_nav_container button {
background: transparent;
border: none;
}
.product_slider_nav_container button svg path {
transition: .3s;
}
.product_slider_nav_container button:hover svg path {
transition: .3s;
fill: #24B646;
}
.product_slider_nav_container button::after {
content: none !important;
}
.product_slider_nav_container {
justify-content: space-between;
position: relative;
}
.product_slider_nav_container .swiper-button-prev {
top: 20px;
left: 50%;
transform: translate(-50%, 0);
}
.product_slider_nav_container .swiper-button-next {
top: calc(100% + -20px);
left: 50%;
transform: translate(-50%, 0);
}
.product_slider_nav_container .swiper-slide-thumb-active {
position: relative;
}
.product_slider_nav_container .swiper-slide-thumb-active::before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid #24B646;
border-radius: 10px;
content: '';
transition: .3s;
}
.content.product_content {
margin-bottom: 100px;
}
.content.product_content a {
color: #24B646;
}
.osobennosti_container {
margin-bottom: 100px;
position: relative;
}
.content.product_content ul {
padding-left: 20px;
list-style: none;
flex-direction: column;
gap: 15px;
display: flex;
}
.content.product_content ul li {
position: relative;
}
.content.product_content ul li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1183C0.228589 12.0023 0.137039 9.74935 0.892186 7.35068C1.42437 5.65891 2.37704 3.90625 4.03088 2.73103C5.7897 1.48194 8.35693 0.859241 12.1166 1.74985C12.2719 1.78655 12.4084 1.87726 12.501 2.00538C12.5937 2.13351 12.6363 2.29046 12.6211 2.4475C12.6211 2.4475 11.5312 13.5176 0.846635 12.7417C1.18647 12.241 1.40177 11.9465 1.52926 11.7408C2.23177 10.6069 6.31203 5.5469 6.31203 5.5469C2.39368 7.16321 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1183Z' fill='%2324B646'/%3E%3C/svg%3E");
position: absolute;
left: -20px;
width: 13px;
height: 14px;
top: 3px;
}
.osobennosti_container::before {
content: '';
position: absolute;
width: 100vw;
height: 100%;
/* background-image: url(/wp-content/uploads/2025/05/group.svg); */
background-repeat: no-repeat;
left: 50%;
transform: translate(-50%);
top: 0;
z-index: -1;
background-position: right;
background-image: url(/wp-content/uploads/2025/08/group-1.svg);
}
.osobennosti_list {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.osobennost_list_item {
gap: 10px;
padding: 25px;
border-left: 1px solid #24b646;
background: linear-gradient(90deg, #292929 0%, #303030 100%);
}
.osobennost_list_item>.img {
width: 25px;
}
.osobennost_list_item>.text {
max-width: calc(100% - 35px)
}
article ul {
padding-left: 20px;
list-style: none;
flex-direction: column;
gap: 15px;
display: flex;
}
article ul li {
position: relative;
}
article ul li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1183C0.228589 12.0023 0.137039 9.74935 0.892186 7.35068C1.42437 5.65891 2.37704 3.90625 4.03088 2.73103C5.7897 1.48194 8.35693 0.859241 12.1166 1.74985C12.2719 1.78655 12.4084 1.87726 12.501 2.00538C12.5937 2.13351 12.6363 2.29046 12.6211 2.4475C12.6211 2.4475 11.5312 13.5176 0.846635 12.7417C1.18647 12.241 1.40177 11.9465 1.52926 11.7408C2.23177 10.6069 6.31203 5.5469 6.31203 5.5469C2.39368 7.16321 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1183Z' fill='%2324B646'/%3E%3C/svg%3E");
position: absolute;
left: -20px;
width: 13px;
height: 14px;
top: 3px;
}
.news_content .contacts_list_container {
margin-bottom: 0;
}
.p_link {
justify-content: space-between;
}
.p_link a {
gap: 20px;
width: calc(40% + 5px);
color: #fff;
}
.p_link a:hover .p_link_text span {
color: #fff;
transition: .3s;
}
.p_link a>span svg path {
transition: .3s;
}
.p_link a:hover>span svg path {
fill: #24B646;
transition: .3s;
}
.p_link a[rel="prev"] {
align-items: start;
}
.p_link a[rel="next"] {
align-items: end;
margin-left: auto;
}
.p_link a>span {
gap: 10px;
}
.p_link_block {
width: 100%;
aspect-ratio: 57 / 21;
border-radius: 10px;
overflow: hidden;
position: relative;
}
.p_link_img {
width: 100%;
height: 100%;
overflow: hidden;
transition: .3s;
}
.p_link a:hover .p_link_img {
transform: scale(1.1);
transition: .3s;
}
.p_link_text {
position: absolute;
left: 20px;
bottom: 20px;
}
.p_link_text>span {
font-size: 24px;
transition: .3s;
color: #fff !important;
}
.p_link_container {
margin-top: 100px;
}
.delivery_item {
border-radius: 10px;
border: 1px solid transparent;
padding: 30px;
position: relative;
background: #353535;
overflow: hidden;
font-size: 20px;
line-height: 110%;
}
.delivery_item::before {
content: "";
position: absolute;
inset: -1px;
padding: 2px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
border-radius: 10px;
z-index: 0;
/* border: 1px solid transparent; */
}
.delivery_item ul {
padding-left: 20px;
list-style: none;
flex-direction: column;
gap: 15px;
display: flex;
margin-top: 15px;
}
.delivery_item ul li {
position: relative;
}
.delivery_item ul li::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1183C0.228589 12.0023 0.137039 9.74935 0.892186 7.35068C1.42437 5.65891 2.37704 3.90625 4.03088 2.73103C5.7897 1.48194 8.35693 0.859241 12.1166 1.74985C12.2719 1.78655 12.4084 1.87726 12.501 2.00538C12.5937 2.13351 12.6363 2.29046 12.6211 2.4475C12.6211 2.4475 11.5312 13.5176 0.846635 12.7417C1.18647 12.241 1.40177 11.9465 1.52926 11.7408C2.23177 10.6069 6.31203 5.5469 6.31203 5.5469C2.39368 7.16321 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1183Z' fill='%2324B646'/%3E%3C/svg%3E");
position: absolute;
left: -20px;
width: 13px;
height: 14px;
top: 5px;
}
.delivery_item ol {
list-style-type: none;
counter-reset: num;
padding-left: 20px;
flex-direction: column;
gap: 10px;
display: flex;
}
.delivery_item ol li {
position: relative;
}
.delivery_item ol li:before {
content: counter(num) '.';
counter-increment: num;
display: inline-block;
position: absolute;
top: 0px;
left: -26px;
width: 20px;
color: #24B646;
text-align: right;
font-variation-settings: 'wgth' 700;
font-weight: 700;
}
.delivery_item_content_block {
border-bottom: 1px solid #515151;
padding: 20px 0 20px 0;
position: relative;
z-index: 1;
}
.delivery_item_content_block:last-child {
border: none;
padding-bottom: 0;
}
.delivery_block_left {
width: calc(33.3% - 15px);
}
.delivery_block_left .delivery_item {
height: 100%;
}
.delivery_container {
gap: 30px;
margin-bottom: 80px;
}
.delivery_block_right {
width: calc(66.6% - 15px);
}
.delivery_block_right {
gap: 30px;
}
.delivery_block_right .delivery_item {
width: calc(50% - 15px);
}
.delivery_block_right .delivery_item:last-child {
width: 100%;
}
#pop_up {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 1055px;
width: 1055px;
border-radius: 10px;
border: 1px solid #24B646;
background: #303030;
padding: 60px 70px;
color: #fff;
height: max-content;
transition: .3s;
opacity: 1;
}
@starting-style {
#pop_up {
opacity: 0;
transition: .3s;
}
}
.thanks_container {
display: none;
}
.thanks_container.active {
display: flex;
justify-content: center;
gap: 20px;
justify-content: center;
width: 100%;
align-items: center;
position: absolute;
top: 0;
height: 100%;
}
#contact_form_body {
.thanks_container.active {
position: static;
}
}
#contact_form_body.was_send {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.thanks_container>span {
font-size: 30px;
font-family: 'Sansation';
color: #fff;
line-height: 120%;
display: inline-block;
}
.thanks_container .thanks_container_img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.thanks_container .thanks_container_img_block {
position: relative;
width: 100%;
height: 100%;
}
.thanks_container .thanks_container_img_block .img_block_item {
position: absolute;
}
.thanks_container .thanks_container_img_block .img_block_item:nth-child(1) {
left: 0;
top: 0;
}
.thanks_container .thanks_container_img_block .img_block_item:nth-child(2) {
right: 0;
top: 0;
}
.thanks_container .thanks_container_img_block .img_block_item:nth-child(3) {
left: 0;
bottom: 0;
}
.thanks_container .thanks_container_img_block .img_block_item:nth-child(4) {
right: 0;
bottom: 0;
}
.thanks_container>p {
margin-bottom: 40px;
font-size: 20px;
}
#pop_up.was_send {
max-width: 780px;
transition: none;
border: 1px solid#24B646;
padding: 75px 0 60px 0;
min-height: 330px;
}
#pop_up.was_send .pretty_btn {
min-width: 315px;
}
#pop_up .form .form_title {
display: inline-block;
text-align: start;
}
#pop_up .form .form_title span {
text-transform: lowercase;
}
#pop_up::backdrop {
background: rgba(28, 28, 28, 0.30);
backdrop-filter: blur(5px);
}
#close_pop_up {
position: absolute;
right: 20px;
top: 20px;
background: transparent;
border: none;
}
.pop_up_body {
gap: 70px;
}
.pop_up_right {
width: calc(50% - 40px);
border-radius: 10px;
overflow: hidden;
aspect-ratio: 1 / 1;
}
.pop_up_left {
width: calc(50% - 30px);
}
.pop_up_left form {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.pop_up_left form .form_inputs {
width: 100%;
}
.pop_up_left .contact_form_proof~.pretty_btn {
width: 100%;
}
.pop_up_right>img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media(max-width: 1560px) {
.taxomony_products {
gap: 20px;
}
.product_item>.product_price {
font-size: 18px;
}
.tovar_content_right {
padding-left: 0;
}
.qr_item {
padding: 20px 30px;
}
.interiors_block:nth-child(even) .interiors_block_img img {
top: -80px;
}
}
.mobile_menu_button {
display: none;
z-index: 1;
position: relative;
}
.header_phone_mobile {
display: none;
}
.header_menu_mobile {
display: none;
}
.mobile_navigation_bar {
display: none;
}
.widget_messengers {
position: fixed;
right: 10px;
bottom: 50px;
gap: 15px;
border-radius: 10px;
padding: 10px;
max-height: 50px;
z-index: 20;
transition: .3s;
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(5px);
}
.widget_messengers.hidden {
opacity: 0;
transition: .3s;
pointer-events: none;
}
.widget_messengers ul {
gap: 15px;
}
.widget_messengers ul li {
transition: .3s;
transform: scale(1);
}
.widget_messengers ul li:hover {
transition: .3s;
transform: scale(1.1);
}
.widget_messengers .close_widget {
width: 30px;
aspect-ratio: 1/1;
position: relative;
background: transparent;
border: none;
}
.widget_messengers .close_widget div:first-child {
position: absolute;
background-color: #fff;
width: 100%;
height: 2px;
transform: rotate(45deg);
opacity: 0;
}
.widget_messengers .close_widget div:nth-child(2) {
position: absolute;
background-color: #fff;
width: 100%;
height: 2px;
transform: rotate(-45deg);
opacity: 0;
}
.widget_messengers .close_widget img {
opacity: 1;
position: absolute;
left: calc(50% - 15px);
top: calc(50% - 15px);
}
.widget_messengers ul {
display: none;
transition: .3s;
margin-bottom: 0;
list-style: none;
}
.widget_messengers.is_open {
padding: 10px 15px;
transition: .3s;
}
.widget_messengers.is_open ul {
display: flex;
opacity: 1;
transition: .3s;
}
@starting-style {
.widget_messengers.is_open ul {
opacity: 0;
}
}
.widget_messengers.is_open button img {
opacity: 0;
}
.widget_messengers.is_open .close_widget {
transition: .3s;
}
.widget_messengers.is_open .close_widget div:first-child {
opacity: 1;
}
.widget_messengers.is_open .close_widget div:nth-child(2) {
opacity: 1;
}
/* .widget_messengers.is_open .close_widget:hover {
transform: scale(1.1);
transition: .3s;
} */
.mobile_button {
display: none;
}
.mobile_block {
display: none;
}
@media(max-width: 1380px) {
.main_slider_text {
margin-top: 150px;
}
.main_slider_head {
font-size: 60px !important;
}
.catalog_categories_list li h2 {
font-size: 26px !important;
}
.interiors_block_img img {
max-width: 350px;
}
.interiors_block:nth-child(2) .interiors_block_img img {
max-width: 400px !important;
top: -15% !important;
}
}
@media(max-width: 1250px) {
.catalog_categories_list li {
flex-basis: calc(50% - 15px);
aspect-ratio: 35 / 25;
padding: 20px;
}
.catalog_categories_list li.active {
flex-grow: 0;
}
.catalog_categories_list li.catalog_categories_list_item_second:not(.catalog_main .catalog_categories_list li.catalog_categories_list_item_second) {
width: calc(50% - 15px);
max-height: unset;
flex-direction: column;
justify-content: space-between;
gap: 30px;
align-items: start;
aspect-ratio: auto;
}
.interiors_block_img img {
max-width: 320px;
}
}
#front_page_mobile_form .form {
display: none;
}
@media(max-width: 1024px) {
#front_page_mobile_form .form {
display: block;
}
#front_page_desktop_form .form {
display: none;
}
.contact_form {
/* padding: 80px 0 50px 0; */
margin-bottom: 80px;
}
/* section.main{
margin-bottom: 80px;
} */
header .header_body .header_menu_container {
display: none;
}
body.page_body::before {
height: 300px;
background-size: cover;
}
.header_menu_mobile_container .header_contacts span {
border-radius: 5px;
border: 1px solid #FFF;
width: 38px;
height: 38px;
display: grid;
place-items: center;
}
.header_menu_mobile_container .header_contacts {
display: flex;
align-items: center;
gap: 15px;
color: #fff;
}
.header_menu_mobile_container .header_contacts p {
margin: 0;
color: #fff;
max-width: 190px;
}
header .header_body .header_left_block {
padding: 15px;
}
.mobile_menu_button {
display: flex;
width: 35px;
height: 16px;
}
.header_phone_mobile {
display: block;
position: relative;
z-index: 1;
}
.header_mobile_right {
gap: 17px;
}
.mobile_menu_button button {
width: 100%;
background: transparent;
border: none;
gap: 5px;
align-items: end;
position: relative;
}
.mobile_menu_button button>div {
height: 2px;
background: #fff;
border-radius: 10px;
transition: .3s;
}
.mobile_menu_button button>div:nth-child(1) {
width: 23px;
}
.mobile_menu_button button>div:nth-child(2) {
width: 17px;
}
.mobile_menu_button button>div:nth-child(3) {
width: 27px;
}
.mobile_menu_button button.open>div:nth-child(1) {
rotate: -45deg;
transform: translate(-3px, 4px);
width: 22px;
background: #24B646;
}
.mobile_menu_button button.open>div:nth-child(2) {
opacity: 0;
}
.mobile_menu_button button.open>div:nth-child(3) {
rotate: 45deg;
transform: translate(-6px, -6.5px);
width: 22px;
background: #24B646;
}
.header_logo {
max-width: 180px;
}
.header_menu_mobile {
position: fixed;
width: calc(100% - 30px);
left: 15px;
top: 110px;
transition: .3s;
flex-wrap: wrap;
height: calc(100vh - 125px);
}
.header_menu_mobile.open {
display: flex;
transform: translateX(0);
transition: .3s;
}
@starting-style {
.header_menu_mobile.open {
/* opacity: 0; */
transform: translateX(999px);
}
}
.header_menu_mobile_container {
z-index: 3;
width: 100%;
height: 100%;
position: relative;
border-radius: 10px;
border: 1px solid transparent;
backdrop-filter: blur(15px);
background: rgba(19, 19, 19, 0.50);
padding: 20px;
overflow-y: scroll;
gap: 30px;
justify-content: space-between;
}
.header_menu_mobile::before {
content: "";
position: absolute;
inset: -1px;
padding: 1px;
background: linear-gradient(225deg, #FFFFFF24, #99999908);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
border-radius: 10px;
width: calc(100% + 2px);
height: calc(100% + 2px);
z-index: -1;
}
.header_menu_switch {
width: 100%;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.header_menu_switch::before {
content: '';
width: 100%;
height: 2px;
border-radius: 20px;
background: #9D9D9D;
position: absolute;
left: 0;
bottom: 0;
}
.menu_switch_overlay {
width: 50%;
position: absolute;
bottom: 0;
height: 2px;
background: #24B646;
border-radius: 20px;
transition: .3s;
left: 0;
}
.header_menu_mobile_container input[type="radio"] {
appearance: none;
opacity: 0;
}
.header_menu_mobile_container input[type="radio"]+label {
width: 50%;
text-align: center;
color: #9D9D9D;
font-size: 20px;
font-style: normal;
font-variation-settings: 'wght' 700;
line-height: 110%;
transition: .3s;
cursor: pointer;
}
.header_menu_mobile_container input[type="radio"]:checked+label {
font-variation-settings: 'wght' 800;
color: #24B646;
transition: .3s;
}
.header_menu_switch~div:nth-child(3) {
display: none;
opacity: 1;
}
.header_menu_switch~div.active {
display: flex !important;
transition: .3s;
opacity: 1;
}
.header_menu_switch~div.inactive {
display: none !important;
}
@starting-style {
.header_menu_switch~div.active {
opacity: 0;
}
}
.header_menu_mobile_container ul {
z-index: 3;
position: relative;
list-style: none;
}
.header_menu_mobile_container ul>li>a {
position: relative;
}
.header_menu_mobile_container ul li a:hover {
color: #fff !important;
}
.header_menu_mobile_container ul>li>.sub-menu-container>ul>li>a::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233489 12.1184C0.228589 12.0023 0.137039 9.7494 0.892186 7.35073C1.42437 5.65895 2.37704 3.9063 4.03088 2.73108C5.7897 1.48199 8.35693 0.859286 12.1166 1.74989C12.2719 1.78659 12.4084 1.87731 12.501 2.00543C12.5937 2.13355 12.6363 2.2905 12.6211 2.44755C12.6211 2.44755 11.5312 13.5176 0.846635 12.7417C1.18647 12.2411 1.40177 11.9466 1.52926 11.7408C2.23177 10.6069 6.31203 5.54695 6.31203 5.54695C2.39368 7.16326 0.290379 11.8254 0.290379 11.8254C0.248745 11.9175 0.229273 12.0178 0.233489 12.1184Z' fill='white'/%3E%3C/svg%3E");
content: '';
position: absolute;
left: 0;
top: 2px;
width: 13px;
height: 14px;
transition: .3s;
}
.header_menu_mobile_container .menu-item.menu-depth-0>a {
font-variation-settings: 'wght' 800;
color: #fff;
}
.header_menu_mobile_container .menu-item.menu-depth-0:not(.header_menu_mobile_container .menu-item.menu-depth-0.active)>.menu-icon img {
filter: brightness(99);
}
.header_menu_mobile_container .menu-item.menu-depth-0.active>a {
color: #24B646 !important;
transition: .3s;
}
.header_menu_mobile_container ul>li.menu-item.menu-depth-0>.sub-menu-container:not(.header_menu_mobile_container ul>li.menu-item.menu-depth-0.active>.sub-menu-container) {
display: none;
transition: .3s;
}
.header_menu_mobile_container ul>li>.sub-menu-container {
opacity: 1;
transition: .3s;
}
@starting-style {
.header_menu_mobile_container ul>li.menu-item.menu-depth-0>.sub-menu-container {
opacity: 0;
transition: .3s;
transititon-delay: .1s
}
}
.header_menu_mobile_container ul>li>.sub-menu-container>ul {
padding-left: 15px;
}
.header_menu_mobile_container ul>li>.sub-menu-container>ul>li>a {
padding-left: 20px;
}
.header_menu_mobile_container ul>li {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
overflow: hidden;
}
.header_menu_mobile_container ul>li>.sub-menu-container {
width: 100%;
}
.header_menu_mobile_container ul>li>.sub-menu-container>ul {
display: flex;
flex-direction: column;
gap: 15px;
}
.header_menu_mobile_container ul>li>.sub-menu-container>ul>li>a {
font-variation-settings: 'wght' 500;
color: #fff;
}
.header_menu_mobile_container #menu-info-menu {
display: flex;
flex-direction: column;
gap: 15px;
}
.header_menu_mobile_container #menu-info-menu>li>a {
color: #fff;
font-variation-settings: 'wght' 800;
}
.header_menu_switch~div>ul {
display: flex;
flex-direction: column;
gap: 20px;
}
.main_slider_head {
font-size: 38px !important;
}
.main_slider_container .main_slider_text {
margin-top: 140px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
min-height: 610px;
max-width: 100%;
}
.main_slider_container .main_slider_text_bottom {
gap: 20px;
margin-bottom: 15px;
}
.main_slider_container {
justify-content: start;
min-height: 750px;
}
.main_slider_text.container::before,
.main_slider_text.container::after {
content: none !important;
}
.main_slider_container .main_slider_head {
margin-bottom: 20px;
}
.main_slider_container .main_slider_text_top ul li {
font-size: 16px;
}
.main_slider_container .main_slider_tabs li span {
font-size: 12px;
/* line-height: 110%; */
display: flex;
}
.main_slider_container .main_slider_tabs li {
padding: 8px 10px;
}
.main_slider_container .main_slider {
border-radius: 0 0 30px 30px;
}
.main_slider_mobile {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 0 0 30px 30px;
overflow: hidden;
height: 100%;
}
.main_slider_mobile img {
width: 100%;
height: 100%;
object-fit: cover;
}
.eco_advantages_list .eco_advantages_item {
gap: 20px;
}
.eco_advantages_list .eco_advantages_item>span {
font-size: 16px;
}
.eco_advantages_list {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.eco_advantages {
padding: 35px 0 45px 0;
margin-bottom: 35px;
}
.mobile_navigation_bar {
position: fixed;
width: 100%;
bottom: 0;
z-index: 99;
transition: .3s;
transform: translateY(999px);
transition-delay: .1s;
display: block;
pointer-events: none;
}
.mobile_navigation_bar.active {
transform: translateY(0);
transition: .3s;
pointer-events: all;
}
.mobile_navigation_bar>ul {
padding: 15px 10px 20px;
border-radius: 20px 20px 0 0;
gap: 10px;
max-height: 80px;
filter: drop-shadow(0px 0px 20px rgba(11, 11, 11, 0.22));
position: relative;
z-index: 1;
background-color: #353535;
margin: 0;
}
.mobile_navigation_bar>ul>li {
flex-basis: calc((100% / 5) - 20px);
flex-grow: 1;
display: flex;
justify-content: center;
position: relative;
font-size: 14px;
}
.mobile_navigation_bar>ul>li span {
position: relative;
z-index: 1;
}
.mobile_navigation_bar>ul>li>a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mobile_navigation_bar>ul>li.navbar_button {
/* flex-basis: 60px !important; */
flex-grow: 0;
font-size: 14px;
flex-direction: column;
align-items: center;
position: relative;
top: -10px;
}
.mobile_navigation_bar>ul>li.navbar_button::before {
content: '';
width: 85px;
height: 85px;
background: #353535;
border-radius: 50%;
position: absolute;
top: -8px;
}
.mobile_navigation_bar>ul>li .tab_bar_image {
display: flex;
flex-direction: column;
align-items: center;
}
.mobile_navigation_bar #mob_menu_navbar_button {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 60px;
/* background: #303030; */
border-radius: 50%;
z-index: 1;
background: transparent;
border: none;
}
/* .mobile_navigation_bar #mob_menu_navbar_button:active {
transform: scale(0.99);
background: #303030;
} */
.mobile_navigation_bar .new_button_mob {
position: absolute;
width: 57px;
height: 57px;
border: 2px solid #24B646;
border-radius: 50%;
top: 1.5px;
display: grid;
place-items: center;
}
.mobile_navigation_bar .new_button_mob .new_button_mob_body {
display: grid;
grid-template-columns: 12px 12px;
grid-template-rows: 12px 12px;
place-items: center;
gap: 3px;
justify-content: center;
align-items: center;
}
.mobile_navigation_bar .new_button_mob span {
background: #24B646;
width: 12px;
height: 12px;
display: block;
}
.mobile_navigation_bar .new_button_mob span:nth-child(1) {
border-radius: 50% 50% 1px 5px;
}
.mobile_navigation_bar .new_button_mob span:nth-child(2) {
border-radius: 50% 50% 5px 1px;
}
.mobile_navigation_bar .new_button_mob span:nth-child(3) {
border-radius: 5px 1px 50% 50%;
}
.mobile_navigation_bar .new_button_mob span:nth-child(4) {
border-radius: 1px 5px 50% 50%;
}
.mobile_navigation_bar .mob_sub_menu {
position: fixed;
transform: translateY(999px);
width: 100%;
z-index: 0;
transition: .3s;
min-height: 0;
opacity: 0;
padding: 25px 0px 50px 20px;
overflow: hidden;
box-sizing: content-box;
max-height: 0;
bottom: 0;
border-radius: 20px 20px 0px 0px;
background: #353535;
box-shadow: 0px 0px 20px 0px rgba(11, 11, 11, 0.22);
}
.mobile_navigation_bar .mob_sub_menu.open {
transform: translateY(-60px);
transition: .3s;
opacity: 1;
box-sizing: border-box;
max-height: 420px;
}
.mobile_navigation_bar #mobile-sub-body {
max-height: 330px;
overflow-y: scroll;
padding-right: 20px;
}
.mobile_navigation_bar .sub_menu_item {
position: relative;
background: #24B646;
padding: 10px 20px;
margin-bottom: 20px;
font-size: 16px;
font-variation-settings: 'wght' 600;
border-radius: 10px;
gap: 10px;
}
.mobile_navigation_bar .sub_menu_item:last-child {
margin-bottom: 0;
}
.mobile_navigation_bar .sub_menu_item span {
display: block;
margin-left: auto;
}
.mobile_navigation_bar .sub_menu_item a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.widget_messengers {
bottom: 110px;
}
.widget_messengers .close_widget {
width: 25px;
}
.close_widget:hover {
transform: none !important;
}
.catalog_categories_list {
gap: 20px;
margin-bottom: 80px;
}
.catalog_categories_list li {
flex-basis: calc(50% - 10px);
aspect-ratio: 35 / 25;
padding: 20px;
}
.catalog_categories_list li.active {
flex-grow: 1;
aspect-ratio: 35 / 25;
}
.catalog_categories_list li .category_description {
display: block;
}
.catalog_categories_list li h2 span {
display: none;
}
.catalog_categories_list li h2 {
font-size: 26px;
}
.catalog_categories_list li.catalog_categories_list_item_second:not(.catalog_main .catalog_categories_list li.catalog_categories_list_item_second) {
width: calc(50% - 10px);
max-height: unset;
flex-direction: column;
justify-content: space-between;
gap: 30px;
align-items: start;
aspect-ratio: auto;
}
.tree_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.tree_list>li {
width: 100% !important;
}
.tree_list>li img {
width: 75%
}
.tree_container {
margin-bottom: 80px;
}
.catalog_sub_categories_title {
margin-bottom: 20px;
flex-direction: column-reverse;
gap: 10px;
align-items: start;
}
.catalog_sub_categories_list li {
padding: 20px 10px;
border-radius: 10px;
}
.catalog_sub_categories_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.catalog_sub_categories_list li span.category_title {
font-size: 26px;
}
.catalog_sub_categories_list li .category_description {
padding: 10px;
}
.catalog_sub_categories_list_container {
margin-bottom: 80px;
}
.product_item {
padding: 15px;
aspect-ratio: unset;
height: unset !important;
max-width: unset;
}
.product_item>a {
font-size: 16px;
}
.product_size {
font-size: 14px;
color: #ffffffcc;
}
.products_slider_container {
margin-bottom: 80px;
}
.reviews_slider {
overflow: visible;
}
.yandex_google_item_top .from {
width: 40px;
height: 40px;
}
.yandex_google_item_top .from img {
max-width: 25px;
}
.yandex_google_item {
gap: 15px;
}
.yandex_google_item_top {
margin-bottom: 0;
}
.reviews_slider .yandex_google_item .review_text {
font-size: 18px;
}
.reviews_container {
margin-bottom: 80px;
}
#front_page_desktop_form {
display: none;
}
.contact_form_body {
width: calc(100% - 30px);
padding: 30px;
}
.form .form_title {
text-align: start;
font-size: 24px;
margin-bottom: 25px;
}
.form_inputs {
gap: 30px;
width: 100%;
}
.form .form_inputs input::placeholder {
font-size: 16px;
}
.contact_form_proof {
width: 100%;
}
.swiper-infinity .swiper-slide {
width: 150px;
}
.contact_form_container {
padding: 130px 0;
justify-content: center;
display: flex;
align-items: center;
}
.contact_form_sliders {
gap: unset;
position: absolute;
height: 100%;
width: 100%;
justify-content: space-between;
z-index: 0;
}
.contact_form_body {
position: relative;
z-index: 1;
left: 0;
transform: unset;
top: 0;
background: rgba(24, 24, 24, 0.65);
backdrop-filter: blur(7.449999809265137px);
max-width: 775px;
}
.swiper-infinity .swiper-slide::before {
width: calc(100% + 20px);
height: calc(100% + 20px);
left: -10px;
top: -10px;
border-radius: 15px;
border: 10px solid rgba(33, 33, 33, 0.50);
}
.news_slider_buttons {
display: none;
}
.news_slider_container .swiper-scrollbar {
top: -25px !important;
}
.news_slider_bottom {
margin-top: 40px;
}
.news_item {
width: unset;
}
.news_item a span {
font-size: 20px;
line-height: 110%;
}
.news_item a {
font-variation-settings: 'wght' 800;
font-size: 20px;
}
.footer_column:first-child {
width: calc(50% - 15px);
}
.footer_column.menu_column {
width: calc(25% - 23px);
}
footer {
padding-bottom: 120px;
padding-top: 45px;
}
.footer_contacts_list {
margin-bottom: 20px;
}
.mobile_block {
display: block;
}
.desktop_block {
display: none;
}
.copyright.mobile_block {
display: flex;
justify-content: center;
}
.footer_messengers {
margin-bottom: 0;
}
.blog_posts {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.contacts_list_item {
width: calc(33.3%);
gap: 10px;
padding: 15px 10px;
font-size: 16px;
min-height: 90px;
}
.contacts_list {
gap: 10px;
}
.contacts_list_item img {
max-width: 20px;
}
.separator svg {
max-width: 20px;
}
.yandex_google_items {
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.review_text {
font-size: 18px;
}
.yandex-google_container {
margin-bottom: 80px;
}
.qr_item {
padding: 15px;
}
.qr_container {
padding: 20px;
}
.qr_item>a {
gap: 7px;
padding: 10px;
font-size: 16px;
}
.qr_container_left {
position: relative;
width: calc(40% - 30px);
}
.qr_container_right {
width: calc(60% + 30px);
gap: 20px;
}
.qr_container_left img {
max-width: 400px;
}
.qr_container_left h2 {
font-size: 20px;
}
.qr_container_left span {
font-size: 18px;
}
.about_company_text {
width: 100%;
padding: 20px;
}
.about_company_img img {
position: static;
max-width: 300px;
}
.about_company_img {
height: 200px;
margin-left: auto;
margin-bottom: -70px;
z-index: 3;
}
.about_company_img img {
position: absolute;
right: 0;
top: 0;
max-width: 200px;
}
.about_company_block {
margin-bottom: 80px;
}
#breadcrumbs {
margin: 30px 0 30px;
}
.about_company_tabs {
gap: 20px;
margin-bottom: 15px;
width: 100%;
overflow: auto;
padding-bottom: 10px;
}
.about_company_tabs li {
font-size: 16px;
}
.about_company_tabs_container {
margin-bottom: 80px;
}
.portfolio_slide {
max-width: unset;
}
.portfolio_slide img {
overflow: hidden;
}
.sub_categories_list {
grid-template-columns: repeat(4, 1fr);
}
.sub_categories_list li .filter_tax_img {
max-width: 100px;
max-height: 126px;
}
.filter_items_block {
flex-wrap: wrap;
gap: 10px;
}
.filter_items_block .filter_item {
max-width: calc(33.3% - 7px) !important;
padding: 10px;
}
.taxomony_products {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.range_inputs {
font-size: 14px;
}
input[name="max_price"],
input[name="min_price"] {
max-width: 45px;
}
.range_item strong {
justify-content: center;
}
.filter_item_content {
width: 100%;
}
.filter_bottom {
justify-content: space-between;
flex-direction: column-reverse;
gap: 20px;
align-items: start;
}
.filter_buttons {
gap: 30px;
width: 100%;
justify-content: space-between;
}
.taxonomy_filter {
margin-bottom: 20px;
}
.filter_buttons button,
.filter_buttons a {
width: calc(33.3% - 7px) !important;
font-size: 18px;
}
.taxonomy_description {
margin-top: 80px;
margin-bottom: 80px;
}
.tovar_content_left {
width: 100%;
justify-content: space-between;
min-height: unset;
}
.tovar_content_right {
width: calc(75% - 15px);
}
.tovar_top_content {
margin-bottom: 30px;
gap: 20px;
align-items: start;
flex-direction: column-reverse;
align-items: center;
}
.product_price_block {
margin-top: 30px;
font-size: 24px;
flex-wrap: wrap;
gap: 20px;
}
.content.product_content {
margin-bottom: 80px;
}
.osobennosti_list {
gap: 20px;
}
.osobennost_list_item {
padding: 15px;
}
.osobennosti_container {
margin-bottom: 80px;
}
.delivery_block_right {
gap: 20px;
}
.delivery_container {
gap: 20px;
}
.delivery_item h2 {
font-size: 20px !important;
}
.delivery_item {
padding: 15px;
font-size: 16px;
}
.delivery_block_right .delivery_item {
width: calc(50% - 10px);
}
#pop_up {
width: calc(100% - 30px);
padding: 40px;
}
#close_pop_up {
position: absolute;
right: 15px;
top: 15px;
width: 20px;
}
#close_pop_up svg {
width: 100%;
height: 100%;
}
#pop_up.was_send {
max-width: 780px;
min-height: 330px;
justify-content: center;
/* display: flex; */
}
.thanks_container>p {
margin-bottom: 20px;
font-size: 18px;
text-align: center;
}
.thanks_container .thanks_container_img_block img {
max-width: 130px;
}
#pop_up.was_send .pretty_btn {
min-width: unset;
width: calc(100% - 30px);
}
.pop_up_body {
gap: 40px;
}
.pop_up_right {
width: calc(50% - 20px);
}
.pop_up_left {
width: calc(50% - 20px);
}
.proud_container::before {
content: none;
}
.proud_block_item_item {
margin-right: 20px;
}
.proud_block_item_item.swiper-slide-active .proud_block_item {
top: -22px;
transition: .3s;
}
.proud_block_item_item.swiper-slide::before {
width: 100%;
height: 2px;
background: #24B646;
border-radius: 10px;
bottom: 0;
left: 0;
transform: translateX(-50%);
position: absolute;
content: '';
transform: scale(0);
transition: .3s;
}
.proud_block_item_item.swiper-slide-active::before {
transform: scale(1);
transition: .3s;
}
.proud_block_item_item.swiper-slide-active svg path {
fill: #24B646;
transition: .3s;
}
.interiors_block_list {
gap: 0;
flex-direction: row;
}
.interiors_block_text {
width: 100%;
flex-direction: column;
padding: 20px;
}
.interiors_text {
width: 100% !important;
}
.interiors_block:nth-child(even) .interiors_block_text {
width: 100% !important;
flex-direction: column;
}
.interiors_img {
aspect-ratio: 3 / 2;
margin: 0 auto;
}
.interiors_block_img {
margin-left: auto;
height: 170px;
margin-bottom: -50px;
min-width: 170px !important;
}
.interiors_block .interiors_block_img img {
top: 0 !important;
width: 100%;
height: 100%;
}
.interiors_block .interiors_text {
padding-left: 0 !important;
}
.interiors_text span {
font-size: 20px;
}
.interiors_container>h2.title {
margin-bottom: 15px;
}
.p_link a {
width: calc(50% - 10px);
}
.p_link_text {
position: absolute;
left: 10px;
bottom: 10px;
max-width: calc(100% - 20px);
}
.p_link_text span {
font-size: 18px;
}
.p_link a>span {
max-width: 80%;
}
.about_us_container::before {
content: none !important;
}
.about_us_tabs>li::before {
content: none;
}
.about_us_block {
gap: 20px;
}
.about_us_block_left {
width: calc(38% - 10px);
gap: 20px;
}
.about_us_block_right {
width: calc(62% - 10px);
gap: 20px;
}
.about_us_tabs {
gap: 10px;
}
.about_us_tabs>li:nth-child(-n + 3) {
width: calc(33.3% - 7px);
}
.about_us_tabs>li:nth-child(n+4):nth-child(-n+5) {
width: calc(50% - 5px);
}
.about_us_tabs>li {
font-size: 14px !important;
}
}
@media(max-width:768px) {
.banner_button {
margin: 0 auto;
}
.catalog_categories_list li {
flex-basis: 100%;
}
.catalog_categories_list li.catalog_categories_list_item_second {
flex-basis: 100%;
aspect-ratio: 2 / 1;
}
.tree_list>li img {
width: 100%
}
.reviews_slider .yandex_google_item .review_text {
font-size: 16px;
}
.mobile_button {
display: block;
}
.desktop_button {
display: none;
}
.reviews_container .pretty_btn.mobile_button {
margin: 0 auto;
margin-top: 20px;
text-align: center;
}
.footer_column:first-child {
width: 100%;
}
.footer_column.menu_column {
width: calc(50% - 15px);
}
footer {
/* background: linear-gradient(180deg, #303030 0%, rgba(48, 48, 48, 0.00) 45.87%, rgba(48, 48, 48, 0.00) 100%), url(/wp-content/uploads/2025/06/image-44.png); */
}
.catalog_sub_categories_list li:hover .category_description p {
display: none;
}
.contacts_list {
gap: 10px;
}
.contacts_list_item span {
max-width: 80%;
text-align: start;
}
.contacts_list_item {
justify-content: start;
width: calc(50% - 20px);
}
.contacts_list {
flex-direction: column;
}
.review_text {
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 15;
overflow: hidden;
}
.qr_container {
padding: 20px;
gap: 20px;
padding-bottom: 120px;
}
.qr_container_left {
width: 100%;
position: static;
}
.qr_container_right {
width: 100%;
gap: 20px;
}
.qr_container_left img {
max-width: 100%;
}
.catalog_categories_list li.catalog_categories_list_item_second:not(.catalog_main .catalog_categories_list li.catalog_categories_list_item_second) {
aspect-ratio: 2 / 1;
width: 100%;
}
.sub_categories_list li span {
font-size: 16px;
}
.sub_categories_list {
grid-template-columns: repeat(3, 1fr);
}
.filter_items_block .filter_item {
max-width: calc(50% - 5px) !important;
}
.taxomony_products {
grid-template-columns: repeat(2, 1fr);
}
.filter_buttons button,
.filter_buttons a {
width: calc(50% - 5px) !important;
}
.delivery_block_left {
width: 100%;
}
.delivery_block_right {
width: 100%;
}
.pop_up_left {
width: 100%;
}
.pop_up_body {
gap: 20px;
flex-direction: column-reverse;
align-items: center;
}
#pop_up.was_send {
padding: 30px;
}
.thanks_container>span {
font-size: 24px;
}
.thanks_container>p {
font-size: 16px;
padding: 0 15px;
}
#pop_up.was_send .pop_up_body {
justify-content: center;
}
.p_link_text span {
font-size: 18px;
}
.char_block_item {
font-size: 16px;
}
.proud_block {
margin-bottom: 20px;
}
.about_us_block_left {
width: 100%;
}
.about_us_block_right {
width: 100%;
}
.about_us_img {
display: none !important;
}
.about_us_img_pair {
display: none;
gap: 20px;
}
.about_us_img_pair.active {
display: flex;
}
.about_us_tabs_img {
display: none !important;
}
.about_us_mobile_gallery {
display: flex;
flex-direction: column;
}
.about_us_img_pair img {
width: calc(50% - 10px);
aspect-ratio: 165 / 100;
border-radius: 10px;
}
.pagination a.page-numbers {
font-size: 16px;
}
.pagination {
gap: 15px;
}
.page-numbers.current::after {
width: 25px !important;
}
.pagination .page-numbers:not(.page-numbers.dots, .page-numbers.next, .page-numbers.prev)::after {
left: calc(100% + 2px);
}
.page-numbers.current {
font-size: 16px;
margin-right: 15px;
}
.pagination .page-numbers:not(.page-numbers.dots, .page-numbers.next, .page-numbers.prev)::after {
width: 10px;
}
}
@media(max-width:568px) {
.banner_button {
width: 100%;
}
.banner_button .pretty_btn {
width: 100%;
}
.eco_advantages_list {
grid-template-columns: repeat(1, 1fr);
}
.tree_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.catalog_sub_categories_list {
grid-template-columns: repeat(1, 1fr);
}
.catalog_sub_categories_list_container .pretty_btn {
width: 100%;
}
.reviews_container .pretty_btn.mobile_button {
width: 100%;
}
.contact_form_proof~.pretty_btn {
width: 100%;
}
.contact_form_proof label {
font-size: 13px;
}
.news_slider_bottom .pretty_btn {
width: 100%;
}
.blog_posts {
grid-template-columns: repeat(1, 1fr);
}
.contacts_list_item {
width: 100%;
}
.contacts_list_item span {
max-width: 100%;
text-align: start;
}
.route_map_links {
width: calc(100% - 20px);
justify-content: center;
display: flex;
}
.yandex_google_items {
grid-template-columns: repeat(1, 1fr);
}
.qr_item {
width: calc(50% - 10px);
}
.qr_container_right {
width: 100%;
}
.qr_item {
width: 100%;
}
.qr_container {
padding-bottom: 100px;
}
.about_company_list {
grid-template-columns: repeat(1, 1fr);
gap: 20px 10px;
}
.about_company_tabs>li span {
font-size: 16px;
}
.sub_categories_list {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.filter_items_block .filter_item {
max-width: 100% !important;
min-height: 47px;
}
.range_inputs {
font-size: 16px;
}
.filter_buttons {
flex-wrap: wrap;
gap: 10px;
}
.filter_buttons button,
.filter_buttons a {
width: 100% !important;
font-size: 16px;
}
.tovar_content_right {
width: 100%;
}
.osobennosti_list {
grid-template-columns: repeat(1, 1fr);
}
.page_product_slider_nav {
width: 100px;
max-height: 220px;
}
.page_product_slide_nav {
height: 100px !important;
}
.product_chars_block {
padding: 15px;
}
.pretty_btn {
font-size: 16px !important;
width: 100%;
}
.page_product_slider_nav .swiper-wrapper {
gap: 10px;
}
#pop_up {
padding: 25px;
}
.proud_block_item {
gap: 15px;
padding: 20px;
}
.proud_block_item_text span {
font-size: 20px;
margin-bottom: 15px;
}
.proud_container .pretty_btn.mobile_button {
margin-top: 20px;
width: 100%;
text-align: center;
}
.p_link_block {
aspect-ratio: 16 / 9;
}
.p_link_text span {
font-size: 16px;
}
.catalog_sub_categories_list li:hover .category_description p {
display: inline;
}
.about_us_tabs>li:nth-child(-n + 3) {
width: calc(50% - 5px);
}
.about_us_tabs>li:last-child {
width: 100% !important;
}
}
@media(max-width:470px) {
.delivery_block_right .delivery_item {
width: 100%;
}
.proud_block_item {
max-width: 300px;
}
.interiors_img {
width: 100% !important;
}
.p_link_text span {
font-size: 14px;
}
.thanks_container .thanks_container_img_block img {
max-width: 100px;
}
}
@media(max-width:390px) {
.thanks_container .thanks_container_img_block img {
max-width: 90px;
}
}