#slide_1 {
     background: url(/image/frontpage/classic.jpg) no-repeat center center;
    background-size: cover; 
}
#slide_2 {
     background: url(/image/frontpage/modern.jpg) no-repeat center center;
    background-size: cover; 
}
#slide_3 {
     background: url(/image/frontpage/italian.jpg) no-repeat center center;
    background-size: cover; 
}
#slide_4 {
     background: url(/image/frontpage/elite.jpg) no-repeat center center;
    background-size: cover; 
}
#slide_5 {
    background: url(/image/catalog/11mech/123/48.jpg) no-repeat center center;
    background-size: cover;
}
    
    
.left_menu_footer{
    position: absolute;
    /* top: calc(100vh - 6em); */
    width: 225px;
    border-top: 1px solid #eee;
    bottom: 0px;
}

.left_menu_footer_row{
    line-height: 35px;
    padding-left: 20px;
    width: 100%;
}

.left_menu_footer_row:hover{
    background:  #dedede;
}



.left_menu_footer_svg{
    position: relative;
    top: 6px;
}

.left_menu_footer_text{
    padding-left: 20px;
}

.left_menu_footer_arrow{
    float: right;
    margin-right: 20px;
    top: 3px;
    position: relative;
}

.phone_block {
  line-height: 20px;
}

.phone2 {
  text-align: center;
}

.information_content {
  padding-left: 15px;
}


.search-menu{
	border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
	margin-bottom: 4px;
}


.ui-menu {
  z-index: 10000;
}

.ui-widget-search {
  padding-left: 20px;
  padding-right: 12px;
}

.ui-autocomplete {
  max-height: 100px;
  min-width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
}

.sort .active a {
  pointer-events: none;
}

#search_bed .modal-dialog {
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#search_bed .modal-header {
  text-align: center;
}

#appointment .modal-dialog {
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#appointment .modal-header {
  text-align: center;
}


#get_discount .modal-dialog {
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#get_discount .modal-header {
  text-align: center;
}

.how-work .title_call_specialist {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/call_specialist.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.how-work .title_make_deal {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/make_deal.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.how-work .title_quality_control {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/quality_control.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.how-work .title_preparation_sketch {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/preparation_sketch.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.how-work .title_manufacture_sketch {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/manufacture_sketch.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.how-work .title_installation_furniture {
  letter-spacing: 0.3px;
  display: block;
  padding: 20px 15px 20px 60px;
  background: url(/image/homewhyus/installation_furniture.svg) no-repeat left center;
  font-family: 'GothamProBold';
  background-size: contain;
}

.side-menu {
    height: 100%;
    width: 225px;
    margin: 0px;
    padding: 0px;
    /* max-height: 600px; */
	box-shadow: 0 0 20px rgb(178 178 178 / 75%);
	background: white;
}


.side-menu.category-page {}

.shipping .desc .col-sm-7,
.shipping .desc .col-sm-5 {
  border-top: 1px solid #ebebeb;
}

.tab-content {}

.accept_checkbox {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  top: -0.5em;
  position: relative;
}

.accept_text {
  font-weight: normal;
  display: inline-block;
  width: 80%;
  margin-left: 0.5em;
}

.accept_area {
  margin-bottom: 15px;
}

.modal_success {
  color: green;
  text-align: center;
}

.product_whyus_image {
  width: 3em;
}

.accept_area_od {}

.accept_area_od .accept_text {}

.turq-bttn {
  font-family: 'GothamProBold';
  background: #a3ffd0 !important;
  border-radius: 40px;
  border: 0 !important;
  color: #555;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  padding: 11px 30px;
  vertical-align: top;
  width: 200px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.9;
}

.pagination_block {
  display: block;
  /* width: 50%; */
  margin: auto;
  text-align: center;
  margin-bottom: 24px;
}

.pagination {
  margin: 0;
  display: inline-block;
}

.pagination_text {
  display: block;
  text-align: center;
  clear: both;
}

.block-title .count {
  border: none;
}

.calc .island {
  overflow: hidden;
}

.calc .island img {
  width: 100%;
}

.calc .column img {}

.item img {
  max-width: 100%;
}

.not_important {
  width: 49%;
  background: lightgray !important;
}

.pre-owl-carousel .item div {
    height:500px;
    /*border-radius: 5px;*/
    /*margin-right: 10px;*/
}

.pre-owl-carousel .main-banner-2021-text {
    /*top: 156px;*/
}

.pre-owl-carousel .main-banner-2021-text h1 {
	display: inline-block;
    font-weight: bold;
}

.pre-owl-carousel .main-banner-2021-text span {
    font-size: 36px;
}

.pre-owl-carousel .main-banner-2021-text-small {
	display: block;
}

.pre-owl-carousel .item .main-banner-2021 {
    display: inline-block;
    /* position: absolute; */
    /* top: 210px !important; */
    /* margin-left: 397px !important; */
    text-align: center;
}


.pre-owl-carousel {
    position: absolute;
    /* top: 30px; */
    /* left: 10px; */
    width: calc(100% - 9px);
    z-index: 1000;
    height: 500px;
    background: black;
    /*opacity: 0.5;*/
    /*border-radius: 5px;*/
}

.pre-owl-carousel .item a {
    display: block;
    /* position: absolute; */
    width: 100%;
    /* height: 100px; */
    top: -200px;
    position: relative;
    text-align: center;
    margin-left: 70px;
	z-index: 5;
}

.pre-owl-carousel .item .main-banner-2021 {
    display: block;
    position: absolute;
    width: 100%; 
    top: 280px !important;
    text-align: center;
    margin-left: 70px;
    z-index: 5;
    left: 50%;
    top: 10%;
	cursor: pointer;
}

.sk_slider {
    height:500px;
}

.style_hide {
    display:none;
}

.product_additional_pictures img {
    height: 8vw !important;
    /* width: 15vw !important; */
	width: auto !important;
}

.figure img {
    /* width: 40vw; */
    /* height: 25vw; */
    overflow: hidden;
}

.main_slider{
    height: 560px;
    background: lightgray;
	cursor: pointer;
}

.main_slider .main_slide {
    width: calc(20% - 0px);
    /* width: calc(25% - 4px); */
    /* border: 1px solid; */
    height: 100%;
    display: block;
    border-spacing: 0px;
    transition-delay: 0.03s;
    float: left;
    text-align: center;
}

.main_slider .wide{
    width: calc(52% - 0px);
    /*position: absolute;*/
}

.main_slider .thin{
    width: calc(12% - 0px);
	/*width: calc(16% - 4px);*/
    /*transition-delay: 0s, .2s, .2s;*/
}

.change {
     transition: 0.3s;
}

.consultation-block {
	margin: 15px 15px;
    display: flex;
    background: #F2F3F7;
    border-radius: 6px;
    /* max-height: 330px; */
    justify-content: space-between;
    grid-column: span 2;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    height: 470px;
	max-width: 1400px;
    margin: auto;
}

.consultation-left {
	padding: 30px 64px;
    font-family: 'GothamProRegular';
}

.consultation-up {
	font-size: 62px;
    line-height: 60px;
    /* max-width: 460px; */
    /* min-width: 420px; */
    font-weight: bold;
    /* font-family: 'GothamProBold';*/
}

.consultation-mid {
	margin-top: 24px;
    font-size: 22px;
    line-height: 30px;
    color: black;
    /* max-width: 417px;*/
}

.button-block{
	display: flex;
    gap: 10px;
}

.consultation-bottom, .consultation-bottom2 {
	margin-top: 50px;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	/* background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B; */
	/* box-shadow: 0px 16px 24px rgba(81, 63, 0, 0.16); */
	border-radius: 3px;
	max-width: 343px;
	padding: 12px 28px;
	cursor: pointer;
	text-align: center;
	min-width: 343px;
}

.consultation-bottom a {
	color: #fff;
}

.consultation-right {
	position: relative;
}

.consultation-right img {
	position: absolute;
	top: -25px;
	right: 48px;
}

.consult-right img {
    /* -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 70%, transparent 100%); */
    /* mask-image: linear-gradient(to right, transparent 0%, black 20%, black 70%, transparent 100%); */
    /* -webkit-mask-repeat: no-repeat; */
    /* mask-repeat: no-repeat; */
    /* -webkit-mask-size: 100% 100%; */
    /* mask-size: 100% 100%; */
	/* object-fit: cover; */
    /* width: 100%; */
	height: 470px;
    border-radius: 0 10px 10px 0;
	/* mask-image: linear-gradient(to right, transparent 0%, black 30%); */
}

.sk-85-scale-right{
	transform: scale(0.85);
    transform-origin: top right;
}

.sk-85-scale-left{
	transform: scale(0.85);
    transform-origin: top left;
}

.in_listing {
	max-width: none;
	height: 400px;
	width: 100%;
}

.in_listing .consultation-left

.mainpage-line {
	margin: 48px 0 50px;
	height: 1px;
	background: #EBEDF5;
}

.selection-big {
	font-size: 32px;
	line-height: 36px;
	margin-top: 64px;
}

.selection-small {
	font-size: 14px;
	line-height: 20px;
	color: #676A7A;
	margin: 25px 0 60px;
}

.selection-item {
    height: 310px;
    overflow: hidden;
    margin-bottom: 30px;
}

.selection-photo {
	position: relative;
	height: 250px;
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
	border-radius: 6px;
	background-position: center top !important;
	background-size: cover !important;
}

.selection-info {
	height: 4vw;
	padding: 16px 0 10px 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.selection-info-left {
	display: flex;
	flex-direction: column;
}

.selection-info-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.selection-name {
	font-size: 16px;
	line-height: 20px;
	color: #020514;
	font-weight: 600;
}

.selection-category {
	font-size: 14px;
	line-height: 16px;
	color: #676A7A;
}

.selection-price-top {
	font-size: 16px;
	line-height: 20px;
	color: #676A7A;
}

.selection-price-top span {
	color: #020514;	
}

.selection-price-sub {
	font-size: 12px;
	line-height: 16px;
	color: #676A7A;	
}

.trend-container-top {
	font-size: 32px;
	line-height: 36px;
	text-align: center;
}

.trend-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 65px;
}
.trend-container a {
	width: 33%;
}

.trend-container .trend-container-content {
	width: 100%;
	height: 280px;
	border: 1px solid black;
	transition: all .5s;
	display: flex;
    justify-content: center;
    align-items: center;
	color: white;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.shadow3{
    background: rgba(19, 20, 26, 0.52);
    width: 100%;
    height: 100%;
    /* display: none; */
    /* position: absolute; */
    /* z-index: 0; */
    align-items: center;
    display: flex;
    justify-content: center;
}

.shadow4{
    background: radial-gradient(50% 50% at 50% 50%, rgba(19, 20, 26, 0.16) 36.46%, rgba(19, 20, 26, 0) 92.71%);
    width: 100%;
    height: 100%;
    /* display: none; */
    /* position: absolute; */
    /* z-index: 0; */
    align-items: center;
    display: flex;
    justify-content: center;
}

.trend-container .trend-container-content:hover {
	transform: scale(1.1);
}

.advantages-container-top {
	margin-top: 80px;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
}

.advantages-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 65px;
}

.advantages-container .advantage-container {
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 32px;
}

.advantages-top-text {
	margin-top: 24px;
	font-size: 18px;
	line-height: 24px;
}

.advantages-bottom-text {
	margin: 24px 32px 32px;
	font-size: 14px;
	line-height: 20px;
	color: #676A7A;
	text-align: center;
}

.pojectsslider_item {
    height: 550px;
    /* margin-top: 60px; */
    width: 900px;
}

.pojectsslider_button{
	background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    width: 280px;
    height: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    bottom: 180px;
    position: absolute;
    left: calc(50% - 140px);
	font-weight: 500;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

.pojectsslider .owl-theme .owl-controls .owl-nav .owl-next {
	right: 75px;
	top: 360px;
}

.pojectsslider .owl-theme .owl-controls .owl-nav .owl-next:before{
	background: url(/image/project_left.svg) no-repeat 50% 50%;
}

.pojectsslider .owl-theme .owl-controls .owl-nav .owl-prev {
	left: 75px;
	top: 360px;
}

.pojectsslider .owl-theme .owl-controls .owl-nav .owl-prev:before{
	background: url(/image/project_right.svg) no-repeat 50% 50%;
}


/*
.pojectsslider-text {
	display: flex;
	flex-direction: column;
	color: #fff;
	align-items: center;
}

.pojectsslider-top {
	margin-top: 64px;
	font-size: 32px;
	line-height: 36px;
}

.pojectsslider-bottom {
	font-size: 16px;
	line-height: 20px;
	margin-top: 16px;
}
*/

/*слайдеры измененные*/
.pojectsslider-pretext,
.pojectsslider-main-text,
.pojectsslider-small-text,
.pojectsslider-small-text2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 3;
    width: 90%;
    box-sizing: border-box; /* Чтобы padding не раздувал блоки */
}
/* Заголовок верхний */
.pojectsslider-pretext {
    top: 40px;
    font-size: 18px;
    color: #f5c675;
    font-weight: bold;
}
/* Главный заголовок */
.pojectsslider-main-text {
    top: 90px;
    font-size: 45px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}
/* Описание */
.pojectsslider-small-text {
    top: 210px;
    font-size: 20px;
    line-height: 25px;
    color: lightgray;
    max-width: 600px;
}
/* Нижний текст */
.pojectsslider-small-text2 {
    top: 430px;
    font-size: 14px;
    color: #c1bebe;
}



.calculate-form-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 25px 0;	
}

.calculate-top {
	margin-top: 62px;
	font-size: 28px;
	line-height: 36px;
}

.calculate-mid {
	margin: 24px 0 40px;
	font-size: 16px;
	line-height: 24px;
	color: #676A7A;
	text-align: center;
}

.calculate-form-container input {
	font-size: 18px;
	line-height: 24px;
	border: 0;
	border-bottom: 0.5px solid #535E7C;
	padding: 34px 0;
	width: 100%;
    max-width: 480px;
	margin-bottom: 8px;
}

.calculate-button {
	margin-top: 20px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
	box-shadow: 0px 16px 24px rgba(81, 63, 0, 0.16);
	border-radius: 6px;
	max-width: 240px;
	padding: 20px 60px;
	border: 0;
}

.calculate-bottom {
	margin: 32px 0 64px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.calculate-bottom a {
	text-decoration: underline;
}

.ask-grey-bg {
    padding: 25px 15px;
    background: #f6f5f0;
}
.ask-form-container input {
    font-size: 18px;
    line-height: 24px;
    border: 0;
    border-bottom: 0.5px solid #535E7C;
    padding: 34px 0;
    width: 100%;
    max-width: 480px;
    margin-bottom: 8px;
    background: #f6f5f0;
}

.calculate-form-container .form-group {
	width: 100%;
}

.head_menu_scroll {
    display: none;
}

.centered-text-block {
    display: inline-block;
    margin-top: 210px;
    /* backdrop-filter: blur(5px); */
    padding: 1em;
    border-radius: 50px;
	width: 100%;
}

.centered-text-block svg {
    
}

.centered-text-block .centered-text{
    color: white;
    font-size: 20px;
}

.bottom-text-block {
    display:none;
}

.wide .bottom-text-block {
    display: inline-block;
}

@keyframes scroll {
0% {transform: translate(0,100%);}
100% {transform: translate(0,0);}
}

.bottom-text-block {
    color: white;
    margin-top: 140px;
    /* backdrop-filter: blur(5px); */
    padding: 1em;
    border-radius: 50px;
    min-width: 85%;
	animation: scroll 0.4s linear;
}


.bottom-text-block .bottom-text-text {
    display: inline-block;
	margin-left: 12%;
    padding-left: 0.5em;
	border-left: 1px solid #CCBE8B;
	text-align: left;
	font-size: 12px;
}

.bottom-text-block .first {
    margin-left: 0px;
}

.bottom-text-block .bottom-text-header{
    font-weight: 600;
	font-size: 16px;
}


.slider-shadow{
	position: absolute;
    /* top: 30px; */
    /* left: 10px; */
    width: 100%;
    /* z-index: 1000; */
    height: 500px;
    background: #020514;
    opacity: 0.28;
}

.shadow2{
	background: rgba(19, 20, 26, 0.52);
    width: 100%;
    height: 100%;
    /* display: none; */
    /* position: absolute; */
    /* z-index: 0; */
}

/* градиент оригинал
.shadow5{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.448) 14.14%, rgba(0, 0, 0, 0) 43.31%);
	width: 100%;
    height: 100%;
	border: 1px solid;
}
*/

.shadow5 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /*радиальный градиент*/
    background: radial-gradient(circle, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);
}


.owl-carousel-designer .owl-controls .owl-next:before{
	background: white url(/image/arrow_right_new.svg) no-repeat center;
}

.owl-carousel-designer .owl-controls .owl-nav .owl-next {
	right: -32px;
    width: 50px;
    height: 50px;
	top: calc(50% - 50px);
}

.owl-carousel-designer .owl-controls .owl-prev:before{
	background: white url(/image/arrow_left_new.svg) no-repeat center;
}

.owl-carousel-designer .owl-controls .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
	left: -32px;
	top: calc(50% - 50px);
}
.designer_carosel{
	width: 95%;
	margin-left: 1%;
}

.projects .header_catalog{
	background: url(/image/projects/projects.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}

.about_content {
	margin-bottom: 15px;
}

.header_catalog{
	background: url(/image/catalog/gostinye/gostinaya-venera-v-sovremennom-stile-svetlyh-tonov-iz-treh-sekciy-i-odnoy-podvesnoy-polki.jpg);
    /* height: 450px; */
	/* height: 340px; */
	height: 220px;
	background-repeat: no-repeat;
    background-size: cover;
    /* padding-left: 32px; */
    /* padding-top: 95px; */
	background-position: center;
}

.projects .header_catalog_text_row{
	bottom: -100px;
}

.header_catalog_text_row{
	position: relative;
    /* bottom: -140px; */
    /* bottom: -60px; */
    width: 100%;
    display: flex;
    align-items: end;
}

.projects .header_catalog_text{
	text-align: center;
}

.header_catalog_text{
	color: white;
}

.header_catalog_youtube_button{
    color: white;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 6px;
    font-size: 12px;
    line-height: 40px;
    padding: 10px;
    position: relative;
    bottom: 0px;
    padding-left: 20px;
}

.header_catalog_youtube_button_text{
	width: 100%;
    text-align: center;
}

.category_shadow1{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.48) 19.16%, rgba(0, 0, 0, 0) 50%);
    width: 100%;
    height: 100%;
}
.category_shadow2{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 50%);
    width: 100%;
    height: 100%;
}
.category_shadow3{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 73.22%);
    width: 100%;
    height: 100%;
	padding-left: 32px;
    padding-top: 95px;
}

.subcat-wrapper {
	display: flex;
	/* flex-wrap: wrap; */
	/* gap: 10px;	 */
	padding: 0 7px;
}

.subcat{
	display: flex;
    margin: 16px 0;
	flex-wrap: wrap;
	/* overflow: hidden; */
    /* height: 12.1em; */
	/* justify-content: center; */
	max-height: 110px;
	overflow: hidden;
	transition: max-height 0.3s ease;
	position: relative;
}

.subcat a {
	margin: 8px;
}

.subcat.expanded {
	max-height: 9999px;
	transition: max-height 1s ease;
}

.showmore{
    height: auto;
}

#showmore_button {
	text-align: center;
    cursor: pointer;
    color: blue;
}

.subcat .current_category {
	/* background: rgba(0, 41, 122, 0.04); */
    background: #0F1729;
    color: #FFF;
}

.subcat_image{
	min-height: 48px;
}

.subcat_image img {
	height: 80px;
}

.subcat_item_top {
	position: absolute;
	right: 5px;
    top: -6px;
	background: #C1284D;
    color: #FFF;
	text-transform: uppercase;
    text-align: center;
	padding: 2px 4px 0px;
	font-size: 8px;
	border-radius: 3px;
}

.subcat_name{
	/* margin-top: 24px; */
    /* min-height: 3em; */
}
.subcat_item{
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding: 10px;
    /* border-radius: 6px; */
    border-radius: 3px;
    background: #F2F3F7;
	position: relative;
}

.project_subcat .subcat_item {
	margin: 10px;
	cursor: pointer;
}

.subcat_item:hover {
	/* background: rgba(0, 41, 122, 0.04); */
}

.hidden-subcat,
.subcat-hidden {
	display: none;
}

.subcat.expanded .hidden-subcat {
	display: flex;
}

.show-more-wrapper {
	display: none;
    align-items: center;
}

.show-more-subcat {
	padding-left: 15px !important;
    padding-right: 15px !important;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
	border: unset;
	outline: 1px #000 solid;
    outline-offset: -1px;
	cursor: pointer;
	margin: 8px;
	align-self: center;
}

.show-more-subcat:hover {
    background: #F2F3F7;
}


.fa-home:before{
	color: white;
}

.category_filters{
	background: rgba(0, 41, 122, 0.04);
    /* margin-top: 48px; */
    /* margin-top: 22px; */
    display: flex;
    /* margin-bottom: 32px; */
	margin-bottom: 24px;
	border: 1px solid #EBEDF5;
	height: 48px;
}

.category_filters_total{
	line-height: 48px;
    margin-left: 32px;
}

.category_filters_sort{
	display: flex;
    align-self: center;
    margin-left: auto;
    margin-right: 32px;
    /* height: 67px; */
    /* padding-top: 10px; */
    font-size: 12px;
    line-height: 25px;
	flex-direction: row;
}

.category_filters_sort .manage_item{
	display: flex;
    align-items: center;
    gap: 5px;
	border-left: 1px solid #EBEDF5;
    padding-left: 32px;
	padding-right: 32px;
}

.category_filters_sort select{
	background: transparent;
    border: none;
    position: relative;
    /* left: -3px; */
}

.banner2023-cat {
	display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
    padding: 32px;
    /* margin: 32px 16px 64px; */
    /* margin: 32px 16px 90px; */
	margin: 0 16px 24px;
    border: 1px solid rgba(0, 37, 122, 0.14);
    border-radius: 6px;	
	background: rgba(0, 41, 122, 0.04);
}

.banner2023-cat-left, .banner2023-cat-right {
	width: 50%;
}

.banner2023-cat-left {
	display: flex;
}

.banner2023-cat-right {
	text-align: right;
}

.banner2023-cat-left-img {
    height: 64px;
    width: 64px;
	margin-right: 24px;
	}

.banner2023-cat-left-text {
	display: flex;
	flex-direction: column;	
}

.banner2023-cat-left-text-big {
	font-size: 24px;
	font-weight: 700;
}

.banner2023-cat-left-text-small {
	font-size: 16px;
	font-weight: 700;
	margin-top: 6px;
}

.banner2023-cat-left-text-top, .banner2023-cat-left-text-bottom {
	font-size: 14px;
}

.banner2023-cat-left-text-bottom {
	margin-top: 10px;
}

.new_item {
	height: 22vw;
	overflow: hidden;
	margin-bottom: 24px;
}
.new_photo {
	position: relative;
	height: 18vw;
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
	border-radius: 6px;
	background-position: center top !important;
	background-size: cover !important;
}

/* .new_photo:after { */
	/* content: ""; */
	/* background: linear-gradient(transparent, #000); */
	/* position: absolute; */
	/* height: 100%; */
	/* width: 100%; */
	/* border-radius: 6px; */
	/* transition: opacity 0.3s ease; */
	/* opacity: 0; */
/* } */

.product_caption{
	position: absolute;
	color: white;
	width: 100%;
	height: 100%;
	display: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 73.22%);
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
	padding: 1em;
}

.new_photo:hover .product_caption{
	display:flex;
}


.new_info {
	height: 4vw;
	padding: 16px 0 10px 0;
	background: #fff;
	display: flex;
	justify-content: space-between;
}
.new_info-left {
	display: flex;
	flex-direction: column;
	max-width: 65%;
}
.new_info-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.new_name {
	font-size: 16px;
	line-height: 20px;
	color: #020514;
	font-weight: 600;
}
.new_category {
	font-size: 14px;
	line-height: 16px;
	color: #676A7A;
	display: none;
}
.new_price-top {
	font-size: 16px;
	line-height: 20px;
	color: #676A7A;
}
.new_price-top span {
	color: #020514;	
}
.new_price-sub {
	font-size: 12px;
	line-height: 16px;
	color: #676A7A;	
}

.product_caption_text{
	display: flex;
	align-items: end;
}
.product_caption_SKU{
	display: flex;
	align-items: flex-end;
	justify-content: right;
	margin-left: auto;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background: rgba(0, 41, 122, 0.04);
	/* Grafit/Grafit-16 */
	border: 1px solid rgba(0, 37, 122, 0.1);
	border-radius: 3px;
	color: #020514;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	/* float: left; */
	/* padding: 6px 12px; */
	margin-left: -1px;
	line-height: 1.42857143;
	color: #020514;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid rgba(0, 37, 122, 0.1);
	border-radius: 3px;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.under_pagination_block{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 32px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.footer_item{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px;
	/* margin: 16px; */
	width: 326px;
	min-height: 128px;
	border: 1px solid rgba(0, 37, 122, 0.14);
	border-radius: 6px;
	font-size: 12px;
}

.footer_item_picture{
	height: 64px;
	background: #F2F3F7;
	border-radius: 6px;
	display: block;
	width: 64px;
	text-size-adjust: none;
	flex-shrink: 0;
}

.footer_item_text{
	margin-left: 32px;
}

.footer_bottom{
	margin-bottom: 48px;
}
	
.footer-column > li > span {
	cursor: pointer;
	font-family: 'GothamProRegular';
}
.footer-column > li > span:hover {
	font-weight: 600;
}
	
.product .desc {
	margin-top: 100px;
}

.product .breadcrumbs {
	color:black;
}

.product-container {
	display: flex;
}
.product-gallery-container {
	/*min-width: 532px;*/
	/* width: calc(100% - 510px); */
	/* margin: 0 64px; */
}
.product-gallery-config {
	/* width: 357px; */
}
.product-nav-line {
	border: 1px solid rgba(0, 37, 122, 0.1);
}
.product .nav-tabs>li>a{
	height: 56px;
	padding: 19px 0px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: 0px;
}
.product .nav-tabs>li.active, .product .nav-tabs>li:hover, .product .nav-tabs>li:focus {
	background: rgba(0, 41, 122, 0.04);
}
.product .tab-content {
	padding: 15px;
	border: unset;
}
.nav-tabs  {
	border: unset;
}
.list-group-item {
	border: unset;
}
.price-info-container {
	/*margin-top: 144px;*/
	margin-top: 40px;
	background: linear-gradient(0deg, rgba(0, 41, 122, 0.04), rgba(0, 41, 122, 0.04)), #FFFFFF;
	border-radius: 6px;
}
.color-pick-container {
}
.color-pick-top {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;				
	color: rgba(0, 19, 61, 0.62);
	margin-bottom: 24px;
}
.color-pick-sub {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #0F1729;
	margin-top: 24px;				
}
.color-pick-sub a {
	margin-top: 12px;
	text-decoration-line: underline;
	color: rgba(0, 19, 61, 0.62);
}
.color-pick-box {
	display: flex;
	flex-wrap: wrap;
}
.color-pick-outer {
	height: 48px;
	width: 48px;
	border: 1px solid rgba(0, 37, 122, 0.14);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px;
}
.color-pick-inner {
	height: 46px;
	width: 46px;
	border-radius: 6px;
	cursor: pointer;
}
.price-info-container .price-sub {
	font-size: 12px;
	line-height: 18px;
	color: #676A7A;
}
.measure-btn {
	box-shadow: 0px 16px 24px rgba(81, 63, 0, 0.16);
	border-radius: 3px;
	font-size: 13px;
	line-height: 16px;
	height: 40px;
	width: 143px;
	font-weight: bold;
	margin: 6px;
}
.measure-btn-1 {
	background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
	color: #fff;
}
.measure-btn-2 {
	color: #0F1729;
	background: #fff;
	/*border: 1px solid #fff;*/
}
.measure-btn-2:hover {
	background: #f0f0f0;
}
.price-flex {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.price-box {
	font-family: 'GothamProRegular';
	padding-top: 32px;
}
.price-box:first-child {
	border: unset;
}
.price-box+.price-box {
	border: unset;
	padding-bottom: 0;
	padding-top: 5px;
	list-style-type: none;
    padding-left: 0px;
}
.price-box .price {
	font-weight: bold;
}
.product-punct-line {
	border: 1px dashed rgba(0, 31, 102, 0.26);
}
.price-box-aciton {
	margin: 12px;
}
.price-box-grey {
	color: #676A7A;
}
.price-box-detail {
	font-size: 20px;
	line-height: 32px;
}

.search_content{
	margin-top: 85px;
}

.row_contacts .phones {
	
}

.row_contacts {
	display: inline-block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #D7DAE0;
}

.row_contacts .name{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #6E727A;
}

.row_contacts .digits{
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #17181A;
	margin-top: 8px;
	margin-bottom: 32px;
}

.row_contacts .digits_small{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #17181A;
}

.row_contacts .header{
	font-weight: 500;
	font-size: 21px;
	line-height: 24px;
	color: #17181A;
	margin-top: 32px;
	margin-bottom: 32px;
}

.row_contacts .digits_bold{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #17181A;
	margin-top: 8px;
	margin-bottom: 32px;	
}

.row_contacts .time {
	background: #F2F4F7;
	border-radius: 6px;
}


.contacts-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px !important; /* Единый отступ для ВСЕХ будущих блоков страницы */
  box-sizing: border-box;
}

/* Общие правила для разделения секций на странице */
.contacts-wrapper section {
  margin-bottom: 20px; /* Фиксированный отступ между всеми секциями */
  width: 100%;
  display: block;
}
.contacts-wrapper section:last-child {
  margin-bottom: 0;
}

/* --- СТИЛИ СЕКЦИИ 1 (КОНТАКТЫ) --- */
.contacts-grid { 
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 60px; 
}
.info-item { 
  margin-bottom: 10px; /*отступы в контактах*/
}
.schedule-box { 
  margin-top: 15px; 
}

/* Заголовки */
.contacts-wrapper h3, 
.contacts-wrapper .row_contacts .header {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

/* Крупный заголовок для секции выставочного зала */
.contacts-wrapper .row_contacts .header {
  font-size: 22px !important;
  margin-bottom: 12px !important;
}

/* Обычный текст */
.contacts-wrapper p, 
.contacts-wrapper p a, 
.contacts-wrapper .row_contacts .text {
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #444444 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}
.contacts-wrapper p a:hover { 
  text-decoration: underline !important; 
  color: #c8a165 !important; 
}

/* Мессенджеры */
.email-row { display: flex; align-items: center; gap: 12px; }
.email-row .icons { display: flex; gap: 8px; }
.email-row img { width: 24px; height: 24px; object-fit: contain; display: block; transition: transform 0.2s; }
.email-row img:hover { transform: scale(1.1); }

/* --- СТИЛИ СЕКЦИИ 2 (ВЫСТАВОЧНЫЙ ЗАЛ И КАРТА) --- */
.showroom-media-grid { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 30px; 
  width: 100%; 
  align-items: stretch;
  margin-top: 25px;
}
.showroom-photo-fixed { 
  flex: 1 1 235px; 
  height: 400px !important; 
  min-height: 400px !important; 
  background-image: url('/image/contacts_photo.jpg') !important; 
  background-size: cover !important; 
  background-position: center !important; 
  background-repeat: no-repeat !important; 
  border-radius: 4px !important; 
}
.about_map { 
  flex: 2 1 500px; 
  height: 400px; 
}
/*секкция с сетками*/
.bespoke-section h2 {
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #111111 !important;
  margin: 0 0 10px 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.bespoke-section h2 b {
  font-weight: 700 !important;
}

.bespoke-section h2 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
}

/* Общие правила для обеих строк */
.bespoke-section h2 .top-line,
.bespoke-section h2 .bottom-line {
  display: block;
  font-size: 45px !important; /* Одинаковый размер для обеих строк */
  color: #111111 !important;
}

/* Первая строчка — жирная */
.bespoke-section h2 .top-line {
  font-weight: 700 !important; 
}

/* Вторая строчка — обычная */
.bespoke-section h2 .bottom-line {
  font-weight: 400 !important; 
  margin-top: 4px; /* Небольшой отступ между строками */
  font-size: 45px !important;
}
.bespoke-section h2 .bottom-line .sub-text{
  font-weight: 400 !important; 
  margin-top: 4px; /* Небольшой отступ между строками */
  font-size: 28px !important;
}

.bespoke-section h2 .bottom-line b {
  font-size: 45px !important;
  font-weight: 700 !important;
  color: #111111 !important; 
}


.bespoke-section blockquote {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 30px 0 !important;
}
.bespoke-section blockquote p {
  font-size: 28px !important;    
  font-style: italic !important;  
  font-weight: 400 !important;   
  color: #111111 !important;     
  line-height: 1.4 !important;
}
.bespoke-section blockquote small {
  font-style: normal;
  font-size: 28px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #111111 !important;
  display: inline-block;
}


.bespoke-section blockquote small::before {
  content: none !important;
  display: none !important;
  font-size: 0 !important;
}

/* Базовый класс для всех будущих сеток */
.furn-grid {
  display: grid;
  gap: 5px;
  width: 100%;
  margin-bottom: 5px;
}
.furn-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

/* Конструктор Сетки №1 (3 колонки, асимметричная высота) */
.furn-grid.g-triple {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 650px 305px; /* значения подобрал вручную */
}
.furn-grid.g-triple > :nth-child(1) { grid-area: 1 / 1 / 2 / 3; } /* Левое верхнее большое фото */
.furn-grid.g-triple > :nth-child(2) { grid-area: 2 / 1 / 3 / 2; } /* Левое нижнее маленькое */
.furn-grid.g-triple > :nth-child(3) { grid-area: 2 / 2 / 3 / 3; } /* Среднее нижнее маленькое */
.furn-grid.g-triple > :nth-child(4) { grid-area: 1 / 3 / 3 / 4; } /* фото директора */

/* Конструктор Сетки №2 (2 колонки, ровные блоки) */
.furn-grid.g-double {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 610px 500px 360px; /* Пропорции строк под высоту элементов */
}
.furn-grid.g-double > :nth-child(1) { grid-area: 1 / 1 / 2 / 2; } /* Левый верхний квадрат */
.furn-grid.g-double > :nth-child(2) { grid-area: 1 / 2 / 2 / 3; } /* Правый верхний квадрат */
.furn-grid.g-double > :nth-child(3) { grid-area: 2 / 1 / 3 / 2; } /* Левый средний узкий блок */
.furn-grid.g-double > :nth-child(4) { grid-area: 3 / 1 / 4 / 2; } /* Левый нижний текстовый блок */
.furn-grid.g-double > :nth-child(5) { grid-area: 2 / 2 / 4 / 3; } /* Правый вертикальный большой шкаф */

/* Стили текстового блока внутри сетки */
.furn-grid .g-text {
  display: flex;
  align-items: flex-end; /* Текст прижат к низу, как на макете */
  justify-content: flex-start;
  padding: 0 0 140px 0;
}
.furn-grid .g-text p {
  font-size: 45px !important;
  line-height: 1.3 !important;
  color: #111111 !important;
  margin: 0 !important;
  text-transform: uppercase;
}
.furn-grid .g-text p small {
  font-size: 29px !important;
  text-transform: lowercase;
}
.furn-grid .g-text p b {
  font-weight: 700 !important;
}

.video-section {
  width: 100%;
  margin-bottom: 30px; /* Такой же отступ, как у остальных секций страницы */
}

/* Контейнер, удерживающий пропорции 16:9 */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Соотношение сторон 16:9 (9 / 16 * 100) */
  height: 0;
  overflow: hidden;
  border-radius: 4px; /* Плавное скругление углов, как у картинок */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Легкая тень для объема */
}

/* Растягиваем сам iframe на всю ширину и высоту контейнера */
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Контейнер сетки */
.advantages-container-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 колонки на ПК */
  gap: 10px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 30px !important;
  box-sizing: border-box;
}

/* Карточка преимущества */
.advantage-card {
  background: #ffffff !important;
  border: 1px solid #f2f2f2 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  display: flex;
  align-items: center; /* Центровка иконки и текста по вертикали */
  transition: all 0.3s ease-in-out !important; /* Плавность для всех изменений */
  cursor: default;
  position: relative;
  overflow: hidden; /* Чтобы эффекты не вылезали за края */
}

/* Эффекты при наведении на всю карточку */
.advantage-card:hover {
  border-color: #f5c675 !important; /* Золотистая рамка */
  transform: translateY(-5px) !important; /* Легкий подъем вверх */
  box-shadow: 0 12px 30px rgba(245, 198, 117, 0.15) !important; /* Мягкая золотистая тень */
}

/* Круглый фон под иконкой */
.adv-icon {
  width: 65px !important;
  height: 65px !important;
  background: #fdfaf5 !important; /* Светло-кремовый фон */
  border-radius: 50% !important;
  margin-right: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.3s ease !important;
}

/* Сама иконка (картинка) */
.adv-icon img {
  width: 40px !important;
  height: 40px !important;
  transition: transform 0.3s ease-in-out !important;
  display: block !important;
  /* Фильтр перекрашивает черную иконку в золотой #f5c675 */
  filter: invert(86%) sepia(21%) saturate(953%) hue-rotate(334deg) brightness(101%) contrast(92%) !important;
}

/* Увеличение иконки при наведении на карточку */
.advantage-card:hover .adv-icon img {
  transform: scale(1.2) !important; /* Увеличение на 20% */
}

/* Блок с текстом */
.adv-content {
  display: flex !important;
  flex-direction: column !important;
}

/* Жирный заголовок преимущества */
.adv-title {
  font-weight: 800 !important;
  font-size: 17px !important;
  color: #333333 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Описание под заголовком */
.adv-desc {
  font-size: 14px !important;
  color: #888888 !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* скрываемая галлерея */
.gallery-trigger-wrapper button.banner2025-cat-button-project {
  border: none !important;
  cursor: pointer !important;
  outline: none !important;
  font-family: inherit !important;
}

.gallery-trigger-wrapper {
  text-align: left !important;
  margin-bottom: 25px !important;
}
/* Базовое состояние галереи — скрыто */
.collapsible-gallery {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: max-height 0.5s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s !important;
  margin-bottom: 0 !important;
}

/* Состояние галереи, когда она раскрыта (класс добавляется скриптом) */
.collapsible-gallery.is-open {
  max-height: 4000px !important; /* Запас высоты под картинки */
  opacity: 1 !important;
  visibility: visible !important;
  margin-top: 25px !important;
  margin-bottom: 20px !important;
}

.expandable-gallery-section .furn-grid.g-double {
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: 805px 740px 335px 357px 325px 450px !important; /* Высота строк точно по макету */
  gap: 5px !important;
}


.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3 !important; } /* Шпон во всю ширину */

.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(2) { grid-area: 2 / 1 / 3 / 2 !important; } /* Резной цоколь */
.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3 !important; } /* Директор в цеху */


.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(4) {grid-area: 3 / 1 / 4 / 2 !important;} /* Пример 4 — СЛЕВА сверху */
.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(5) {grid-area: 4 / 1 / 5 / 2 !important;} /* Пример 5 — СЛЕВА снизу */
.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(6) {grid-area: 3 / 2 / 5 / 3 !important;} /* Пример 6 (Шкаф) — СПРАВА на 2 строки */

.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(7) { grid-area: 5 / 1 / 7 / 2 !important; } /* Длинная тумба слева на 2 строки */
.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(8) { grid-area: 5 / 2 / 6 / 3 !important; } /* Сборка большой стенки */
.expandable-gallery-section .furn-grid.g-double > img:nth-of-type(9) { grid-area: 6 / 2 / 7 / 3 !important; } /* Мастер у стеллажа внизу справа */


#callback2 input[type=file]::file-selector-button {
	/*padding: 10px 20px;*/
    border-radius: 3px;
	background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
    color: #fff;
	border: none;
	cursor: pointer;
	padding: 3px 20px;
}

#callback2 input[type=file]::file-selector-button:hover {
  /*background: #000;*/
}


.color-pick-outer {
	padding: 10px;
	position: relative;
}
.color-pick-large {
	position: absolute;
	/*left: -9999px;*/
	z-index: 2;
	left: -80px;
    top: 54px;
	display: none;
	border-radius: 10px;
	overflow: hidden;
}
.color-pick-outer:hover .color-pick-large {
	display: block;
}
.color-pick-large-image {
  	/*border-radius: 4px;*/
	margin-bottom: 0;
}
.color-pick-large p {
	background-color: #ebebeb;
	margin-bottom: 0;
    padding: 5px 10px;
	border-bottom: 1px solid #d6d6d6;
}


@media (max-width: 1279px) {
	.product-container {
		flex-direction: column;
	}
	.product-gallery-container {
		width: 100%;
		margin: 0;
	}
	.product-gallery-config {
		width: 100%;
	}
	.product .tab-content {
		min-height: unset;
	}
	.price-info-container {
		/* margin-top: 50px; */
		margin-top: 40px;
	}
}

.dropright a {
	
}

/* .project_item{ */
	/* margin-top:64px; */
	/* margin-bottom:64px; */
/* } */

/* .project_item .owl-carousel .owl-item { */
	/* filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16)); */
    /* border-radius: 6px; */
    /* height: 300px; */
    /* overflow: hidden; */
/* } */

.gallery_item {
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.16));
    border-radius: 6px;
    height: 300px;
    overflow: hidden;
}

.gallery_item img {
	width: 100%;
    height: auto;
}

.project_child .owl-carousel .owl-item img{
	height: auto;
    width: 100%;
}



.project_gallery {
	/* width: 50%; */
}

.project_gallery .project_gallery_child img {
	/* max-height: 560px; */
	/* height: 560px !important; */
    width: 100%;
    object-fit: cover;
}

.project_gallery .project_gallery_image img {
	border-radius: 12px;
}

.project_gallery .owl-stage-outer {
	border-radius: 12px;
}

.project_gallery .owl-controls .owl-nav .owl-next {
	left: auto;
    right: 20px;
    height: 200px;
    width: 64px;
    background: rgba(23, 24, 26, 0.16);
    border-radius: 6px;
    /* top: 75px; */
	/* top: 200px; */
	top: calc(50% - 80px);
}

.project_gallery .owl-controls .owl-next:before {
	background: url(/image/project-chevron-right.svg) no-repeat 50% 50%;
}

.project_gallery .owl-controls .owl-nav .owl-prev {
    left: 20px;
    height: 200px;
    width: 64px;
    background: rgba(23, 24, 26, 0.16);
    border-radius: 6px;
    /* top: 75px; */
	/* top: 200px; */
	top: calc(50% - 80px);
}

.project_gallery .owl-controls .owl-prev:before {
	background: url(/image/project-chevron-left.svg) no-repeat 50% 50%;
}

.popup_video .modal-iframe {
	/* margin-left: 18px; */
	position: relative;
}

.popup_video .iframe-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.popup_video .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.video-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #ddd;
    border-top-color: #C1284D;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.project_childArray {
	display: none;
}

.project_childArray-active {
	display: block;
}

.project_child .projects-buttons {
	/* margin-bottom: 40px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.OLD_project_child .project_button_video {
	display: inline-block;
	background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
	box-shadow: 0px 16px 24px rgba(81, 63, 0, 0.16);
	border-radius: 3px;
	color: #fff;
	min-width: 240px;
    padding: 12px 0;
	margin-bottom: 40px;
	cursor: pointer;
	border: 0;
	text-align: center;
}

.project_child .project_button_video {
	cursor: pointer;
}

.project_child .project_button_video svg path {
	transform: scale(2);
}

.OLD_project_child button {
	background: linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
	box-shadow: 0px 16px 24px rgba(81, 63, 0, 0.16);
	border-radius: 3px;
	color: #fff;
	min-width: 240px;
    padding: 12px 0;
	margin-top: -3px;
	height: 44px;
}

.project_child .projects-buttons button {
	font-size: 13px;
	line-height: 16px;
    padding: 12px 16px;
	background: #F2F3F7;
	color: #000;
	margin-bottom: 0;
	cursor: pointer;
}

.project_child .project_button_calcucate {
	margin-top: 36px;
	margin-bottom: 48px;
}

.project_child .popup_close{
	cursor: pointer;
}

.projects_divider-line {
	width: 100%;
	height: 1px;
	background: rgba(0, 37, 122, 0.14);
}

.project-flex {
	display: flex;
	align-items: flex-start;
	margin: 40px 0;
	font-family: 'GothamProregular';
}

.project_gallery {
	width: 55%;
}

.project_gallery .owl-item img {
	border-radius: 12px;
	max-height: 286px;
}

.project-right {
	width: 45%
}

.project_h1-right {
	font-size: 20px;
	line-height: 24px;
	color: #0F1729;
	padding: 16px 0;
}

.project_h1 {
	font-weight: 400;
	font-size: 28px;
	line-height: 36px;
	color: #020514;
	margin: 64px 0 32px 15px;
}

.project_text {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	/* margin-top: 32px; */
	color: #020514;
}

.project_text,
.project_text p,
.project_text span {
	color: #676A7A  !important;
	font-family: 'GothamProregular' !important;
	font-size: 16px  !important;
	line-height: 24px  !important;
}

.project_text-content {
  max-height: 125px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
}

.project_text.expanded .project_text-content {
  max-height: none;
}

.project_text-toggle {
  margin-top: 10px;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  color: #000;
  font-size: 14px;
}

.project_subcat {
	margin-bottom: 20px;
}

.main_banner_shadow1{
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 73.22%);
    display: block !important;
    position: absolute !important;
    width: 100%;
    /* display: none !important; */
    z-index: 2;
}
.main_banner_shadow2{
	background: #020514;
	opacity: 0.28;
}

.category_shadow3 .breadcrumbs a {
	color: white;
    opacity: 0.5;
}

.main-banner-2021-pretext{
	font-size: 18px;
    line-height: 44px;
    color: #fff;
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    height: 3em !important;
	color: #f5c675;
	font-weight: bold;
}

.main-banner-2021-text-small {
	font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    display: inline-block;
    margin-top: 32px;
    height: 4em !important;
}

/* попап наши работы */
#our_works_popup_container {
	font-family: 'GothamProRegular';
	/* background: url(/image/our_works_popup_img.jpg); */
	background-size: cover;
	background-position: center;
    position: fixed;
    top: 110px;
    right: 32px;
    width: 260px;
    /* height: 212px; */
	height: 150px;
    padding: 24px 20px;
	outline: 1px solid rgb(15 23 41 / 10%);
	/* border-radius: 12px; */
	border-radius: 6px;
    box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.20);
	z-index: 9999;
    display: none;
}
.our_works_close_button {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}
.our_works_popup_text {
	color: #0F1729;
	/* font-size: 16px; */
	/* line-height: 22px; */
	font-size: 14px;
	line-height: 20px;
	/* margin-top: -3px; */
	font-weight: 600;
}
.our_works_popup_button {
	display: inline-flex;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	/* border-radius: 6px; */
	/* background: linear-gradient(0deg, rgba(156, 144, 103, 0.80) -37.5%, rgba(204, 190, 139, 0.00) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.50) 3.19%, rgba(204, 190, 139, 0.00) 14.36%), #CCBE8B; */
	border-radius: 3px;
	background: linear-gradient(0deg, #C1284D, #C1284D), linear-gradient(0deg, rgba(156, 144, 103, 0.8) -37.5%, rgba(204, 190, 139, 0) 92.5%), linear-gradient(180deg, rgba(235, 221, 170, 0.5) 3.19%, rgba(204, 190, 139, 0) 14.36%), #CCBE8B;
	box-shadow: 0px 16px 24px 0px rgba(81, 63, 0, 0.16);
	color: #fff;
	position: absolute;
    bottom: 20px;
}

/* header mobile menu */
.logo .like {
	display: none;
}
.logo .phone-dropdown-button {
	display: none;
}
/* end header moobile menu */

/* footer */

footer {
	background: #F2F3F7;
}
.footer-top-container {
	display: flex;
	padding-top: 30px;
}
.footer-top-block-left, .footer-top-block-right {
	display: flex;
	align-items: center;
}
.footer-top-block-left {
	width: 70%;
	justify-content: flex-start;
	margin-left: 30px;
	font-size: 12px;
	line-height: 16px;
	display:none;
}
.footer-top-block-left span {
	font-weight: 600;
}
.footer-top-block-left a {
	text-decoration: underline;
}
.subscribe-form {
	display: flex;
	align-items: center;
}
.subscribe-form i {
	color: white;
	position: relative;
	left: -19px;
}
.footer-top-block-right {
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	width: 30%;
	justify-content: flex-end;
	margin-right: 30px;
}
.footer-top-block-right a:hover {
	color: #aaa;
}
.footer-top-block-left div, .footer-top-block-right div {	
	margin: 16px;
}
.form-field {
	height: 40px;
	width: 120px;
	padding: 12px;
	color: #0F1729;
	background: #fff;
	border-radius: 3px 0px 0px 3px;
	border: 0;
}
.btn-subscribe {
	height: 40px;
	width: 40px;
	margin: -4px;
	color: #fff;
	background: #0F1729;
	border-radius: 0px 3px 3px 0px;
}
.footer-line {
	height: 1px;
	background: rgba(0, 37, 122, 0.1);
	margin: 30px 0;
}
.footer-columns-container {
	display: flex;
}
.footer-column {
	width: 25%;
}
.footer-column li {
	font-family: 'GothamProBold';
	font-size: 14px;
	line-height: 20px;
	padding: 3px;
}
.footer-column li a {
	border-bottom: unset;
	font-family: 'GothamProRegular';
	transition: 0s;
}
.footer-column  a:hover {
	border-bottom: unset;
	font-weight: 600;
}
.footer-bottom-container {
	display: flex;
	padding-bottom: 30px;
}
.footer-bottom-logo, .footer-bottom-paysystems, .footer-bottom-socials, .footer-bottom-policies {
	display: flex;
	align-items: center;
	width: 25%;
	padding-left: 0;
}
.footer-bottom-logo, .footer-bottom-policies {
	/*width: 20%;*/
}
.footer-bottom-paysystems {
	width: 30%;
}
.footer-bottom-paysystems, .footer-bottom-socials {	
	justify-content: center;
}
.footer-bottom-logo .image-logo {
	height: 50px;
	padding-left: 40px;
}
.footer-bottom-descr {
	display: flex;
	font-size: 12px;
	line-height: 16px;
	padding-left: 32px;
}
.footer-bottom-paysystems {	
margin-bottom: 0;
}	
.footer-bottom-paysystems li {
	margin: 8px;
}
.footer-bottom-paysystems a {
	border: unset;		
}
footer .footer-bottom-paysystems a:hover {
	border: unset;
	opacity: 0.7;
}
.footer-bottom-socials {
	margin-bottom: 0;
}
.footer-bottom-socials li {
	margin: 8px;
}
.footer-bottom-socials a {
	border: unset;		
}
footer .footer-bottom-socials a:hover {
	border: unset;
	opacity: 0.7;
}
.footer-bottom-policies {
	justify-content: flex-end;
	margin-right: 40px;
}
.footer-bottom-policies a:hover {
	font-weight: 600;
	transition: 0s;
}
.footer-top-block-left-one {
	display: flex;
}

.footer_bottom a {
	text-decoration: underline;
	color: #c6247b;
}

/* end footer */


.projects .breadcrumbs, .projects .breadcrumbs a {
	color: #000;
	opacity: 1;
}

.projects-heading .projects-heading-big {
	margin-top: 24px;
	color: #0F1729;
	font-size: 32px;
	line-height: 36px;
}

.projects-heading .projects-heading-small {
	margin-top: 16px;
	margin-bottom: 32px;
	font-size: 14px;
	line-height: 20px;
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}

/* gallery slides fix */

.fancybox-navigation .fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button--arrow_right {
    z-index: 99999;
}

.fancybox-infobar {
	left: 50%;
    transform: translate(-50%);
}

.fancybox-container .fancybox-thumbs>ul>li {
	background-size: contain;
}

.product_additional_pictures img {
	height: 150px !important;
	object-fit: cover;
}

/* Buttons color change */
.consultation-bottom {
	background: #d1363a;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 20px;
}

.consultation-bottom2 {
	background: none;
    display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 20px;
}

.consultation-bottom2 a{
	font-size: 20px;
    line-height: 24px;
	text-align: left;
	color: #c8a15e;
	text-decoration: underline dashed;
}

.calculate-button,
.measure-btn-1 {
	background: #C1284D;
}

.consultation-bottom a {
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* gap: 5px; */
    font-size: 20px;
    line-height: 24px;
	text-align: left;
}



.project_button_video:focus,
.project_button_video:hover,
.consultation-bottom a:focus,
.consultation-bottom a:hover {
    color: #333;
    text-decoration: none;
	/* transition: color 0s; */
}


.banner2025-cat {
    display: flex;
    margin: 0 0 24px;
    border-radius: 12px;
    overflow: hidden;
    font-family: 'GothamProRegular', sans-serif;
}

/* 2. СТАНДАРТНЫЙ СТИЛЬ (Светлый) */
/* Если баннер НЕ имеет класса custom-style, он будет выглядеть как раньше */
.banner2025-cat.default-style {
    flex-direction: column !important;
    background-color: #F2F3F7 !important;
    background-image: url("/image/banners/banner-2025.png"), 
                      linear-gradient(180deg, #F2F3F7 0%, #F2F3F7 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: 100% center !important;
    min-height: 200px;
}

.banner2025-cat.default-style .banner2025-cat-text {
    padding: 28px 100px 28px 40px !important;
}

.banner2025-cat.default-style .banner2025-cat-text-big {
    font-size: 32px !important;
    color: #020514 !important;
}

/* темный стиль */
.banner2025-cat.custom-style {
    background: #252525 !important;
    background-image: none !important; /* Убираем старую картинку */
    flex-direction: row !important; /* Две колонки */
    min-height: 200px;
}

/* Левая часть - Текст */
.custom-style .banner2025-cat-content {
    flex: 0 0 60% !important; /* Жестко 60% */
    display: flex;
    align-items: center;
    padding: 25px !important; /*для баннера в проектах отступ от нижних картинок*/
}

.custom-style .banner2025-cat-text {
    padding: 0 !important;
    width: 100%;
}

.banner2025-cat.custom-style .banner2025-cat-text-big {
    font-size: 48px !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    font-weight: 700;
    margin-bottom: 20px !important;
}



.custom-style .banner2025-cat-text-small {
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #bfbfbf !important;
    margin-bottom: 35px !important; /* ОТСТУП, ЧТОБЫ КНОПКИ НЕ НАЕЗЖАЛИ */
    display: block !important;
}

.custom-style .banner2025-cat-buttons {
    display: flex !important;
    gap: 25px !important;
}

.custom-style .banner2025-cat-button-project {
    background: #d0353b !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
	transition: background 0.3s ease !important;
}

.custom-style .banner2025-cat-button-project:hover {
    background: #b12a30 !important; /* Темно-красный цвет */
    color: #ffffff !important;
}

.custom-style .banner2025-cat-button-visit {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* Правая часть - Визуализация */
.banner2025-cat-image, 
.banner2025-cat-fan {
    flex: 0 0 40% !important; /* Жестко 40% */
   /* position: relative;  коммент для баннера в проектах*/
    min-height: 300px; 
}

.banner2025-cat-image {
    background-size: cover !important;
    background-position: center !important;
}

/* Веер картинок */
.banner2025-cat-fan {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fan-img {
    width: 170px; height: 240px;
    background-size: cover;
    border: 3px solid #fff;
    border-radius: 8px;
    position: absolute;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.img-left { transform: translateX(-95px) rotate(-12deg) scale(0.9); z-index: 1; }
.img-center { z-index: 3; transform: scale(1.05); }
.img-right { transform: translateX(95px) rotate(12deg) scale(0.9); z-index: 1; }

.fan-label {
    position: absolute;
    bottom: 30px; /* Надпись ПОД веером */
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    z-index: 10;
}

@media (max-width: 768px) {
    /* Баннер вертикально */
    .banner2025-cat.custom-style,
    .banner2025-cat.default-style {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Текстовая часть */
    .banner2025-cat.custom-style .banner2025-cat-content,
    .banner2025-cat.default-style .banner2025-cat-content {
        order: 1 !important;
        width: 100% !important;
        padding: 20px 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Заголовок */
    .banner2025-cat.custom-style .banner2025-cat-text-big,
    .banner2025-cat.default-style .banner2025-cat-text-big {
        font-size: 22px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
        word-break: break-word !important;
    }
    
    /* Описание */
    .banner2025-cat.custom-style .banner2025-cat-text-small,
    .banner2025-cat.default-style .banner2025-cat-text-small {
        font-size: 14px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
        word-break: break-word !important;
    }
    
	/* Кнопки */
    .banner2025-cat.custom-style .banner2025-cat-buttons,
    .banner2025-cat.default-style .banner2025-cat-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    /* Кнопки на всю ширину */
    .banner2025-cat.custom-style .banner2025-cat-button-project,
    .banner2025-cat.custom-style .banner2025-cat-button-visit,
    .banner2025-cat.default-style .banner2025-cat-button-project,
    .banner2025-cat.default-style .banner2025-cat-button-visit {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }
    
    /* Картинка */
    .banner2025-cat.custom-style .banner2025-cat-image,
    .banner2025-cat.default-style .banner2025-cat-image {
        order: 2 !important;
        width: 100% !important;
        height: 160px !important;
        background-size: cover !important;
        background-position: center !important;
    }
	
	.single_project_images .banner2025-cat {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 15px 0 !important;
	}
	
	.fan-label {
        bottom: 10px; 
        font-size: 16px; 
    }

    /*Уменьшаем размер картинок веера, чтобы они занимали меньше места */
    .fan-img {
        width: 120px; 
        height: 170px;
    }

    /*Сближаем картинки, чтобы они не вылетали за края экрана */
    .img-left { transform: translateX(-60px) rotate(-12deg) scale(0.9); }
    .img-right { transform: translateX(60px) rotate(12deg) scale(0.9); }
    
    /*Даем родителю больше высоты, чтобы элементы внутри не вылезали */
    .banner2025-cat-fan {
        min-height: 250px; 
        position: relative;
    }
	
   
	
	
}

@media (max-width: 480px) {
    .banner2025-cat.custom-style .banner2025-cat-text-big,
    .banner2025-cat.default-style .banner2025-cat-text-big {
        font-size: 18px !important;
    }
    
    .banner2025-cat.custom-style .banner2025-cat-text-small,
    .banner2025-cat.default-style .banner2025-cat-text-small {
        font-size: 12px !important;
    }
    
    .banner2025-cat.custom-style .banner2025-cat-image,
    .banner2025-cat.default-style .banner2025-cat-image {
        height: 450px !important;
    }
	/*
	.col-sm-12 .header_catalog_text h1{
	font-size: 25px;*/
}
}





@media (max-width: 1600px) {
	.new_item {
		height: 23vw;
	}
	#main_banner_button {
		top: 400px !important;
	}
}

@media (min-width: 1600px) {
	.sk_slider, .owl-item .item div, .pre-owl-carousel, .pre-owl-carousel .item div {
		height: 600px;
	}	
	.owl-carousel-slider.owl-theme .owl-controls .owl-prev, .owl-carousel-slider.owl-theme .owl-controls .owl-next {
		top: -200px;
	}
	
	.item .main-banner-2021 {
		top: 420px !important;
	}
	
	.owl-carousel-designer .owl-controls .owl-nav .owl-next {
		top: 38%;
	}
	
	.owl-carousel-designer .owl-controls .owl-nav .owl-prev {
		top: 38%;
	}
	
	.pojectsslider_item {
		width: 1200px;
	}
	#main_banner_button {
		top: 500px !important;
	}
	
}

@media (min-width: 1800px) {
	.pojectsslider_item {
		width: 1470px;
		height: 600px;
	}
	.project_gallery {
		/* width: 25%; */
	}
	.gallery_item, .project_item .owl-carousel .owl-item {
		height: 400px;
	}
	.project_gallery .owl-controls .owl-nav .owl-next, .project_gallery .owl-controls .owl-nav .owl-prev {
		/* top: 125px; */
	}
}

@media (max-width: 1367px) {
	.sk_slider, .owl-item .item div, .pre-owl-carousel, .pre-owl-carousel .item div {
		height: 400px;
	}
	.main-banner-2021-text{
		top: 180px; /*было 120*/
	}
	.item .main-banner-2021 {
		top: 320px !important;
	}
	.banner2025-cat {
		background-position: 190% center;
	}
	.pre-owl-carousel .item a {
		top: -100px;
	}
	.consultation-right img {
		position: relative;
		width: 100%;
		top: 5%;
		right: 0px;
	}
	.pojectsslider_item {
		width: 800px;
	}
	#main_banner_button {
		top: 300px !important;
	}
	/*для баннера в решетке*/
	.banner2025-cat {
    font-family: 'GothamProRegular', sans-serif !important;
}
}

@media (max-width: 1199px) {
	.mainpage-line {
		margin: 0 0 50px;
	}
	.category_shadow3{
		padding-top: 0;
	}
	.breadcrumbs li {
		font-size: 14px;
	}
	.header h1 {
		font-size: 28px;
	}
	#content {
		margin-top: 50px;
	}
	.header_catalog{
		margin-top:80px;
	}
	.new_item {
		height: 60vw;
	}
	.new_photo {
		height: 52vw;
	}
	.mobile-header-container {
		display: flex;
		justify-content: space-between;
	}	
	.header-dropdown-title {
		font-size: 16px;
		font-weight: 700;
		margin: 40px 0 24px 64px;
		text-align: left;
	}
	.logo .dropdown {
		float: none;
	}
	.navbar-toggle {
		z-index: 10;
		display: block;
	}	
	#menu {
		position: absolute;
		left: unset;
		right: 0;
		top: 12px;
		background: #fff;
		min-width: 385px;
		padding-bottom: 30px;
		height: 100vh;
		overflow-y: auto;
	}	
	#menu>li {
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		margin: 4px 0;
		text-align: left;
	}
	#menu>li.search-menu {
		display: none;
	}	
	#sidebar ul li a {
		padding: 4px 64px;
	}
	#sidebar {
		min-width: 100%;
		max-width: 100%;
		height: unset;
	}
	.side-menu {
		/*width: 100px;*/
		width: 100%;
		height: unset;		
	}
	.left_menu_footer {
		display: none;
	}
	.header_catalog_text_row {
		bottom: -60px;
	}
	.category_filters_total {
		display: none;
	}	
	.category_filters_sort {
		width: 100%;
		margin-right: 0;
	}	
	.category_filters_sort .manage_item {
		/* width: 50%; */
		padding-right: 15px;
		padding-left: 15px;
		border: 0;
	}	
	.category_filters_sort .manage_item:nth-of-type(1) {
		order: 2;
		text-align: right;
	}
	.banner2025-cat {
		background-position: 140% center;
	}
}

@media (min-width: 1200px) {
	.collapse {
		display: block!important;
	}
	.header-dropdown-title, .mobile-menu-second-part {
		display: none !important;
	}
}


@media (max-width: 767px) {
	.new_item {
		height: 68vw;
	}
	.new_photo {
		height: 52vw;
	}
	.banner2023-cat-left, .banner2023-cat-right {
		width: 100%;
	}
	.banner2023-cat-right {
		/* margin-top: 30px; */
	}
	.banner2025-cat-text {
	    padding: 24px 100px 24px 24px;
	}
	.banner2025-cat-text-big {
		font-size: 32px;
		line-height: 40px;
	}
	.banner2025-cat-text-small {
		padding-top: 12px;
	}
	.banner2025-cat-buttons {
		padding-top: 30px;
		flex-direction: column;
		gap: 16px;
	}
	.banner2025-cat-button-project,
	.banner2025-cat-button-visit {
		align-self: flex-start;
	}	
	.left_menu_footer{
		display:none;
	}
	.bottom-text-block {
		margin-top: 40px;
	}
	#content {
		/*margin-left: 100px;*/
		margin-top: 50px;
	}
	.projects #content {
		margin-top: 130px
	}
	.header_catalog{
		margin-top:80px;
	}
	.header_catalog_text_row {
		bottom: 0;
	}
	.figure img {
		/* display: none; */
	}
	.project-flex {
		flex-direction: column;
	}
	.project_gallery {
		width: 100%;
	}
	.project-right {
		width: 100%;
	}
	.product_additional_pictures img {
		width: 100% !important;
		height: 100% !important;
	}
	.footer-top-container {
		flex-wrap: wrap;
	}
	.footer-top-block-left{
		margin-left: 10px !important;
	}
	.footer-top-block-right{
		margin-top: 20px;
		margin-right: 0;
		/* justify-content: unset !important; */
		width: 100%;
		justify-content: center;
	}
	.footer-column {
		width: 50% !important;
		padding-left: 20px;
	}
	.footer-columns-container {
		flex-wrap: wrap;
	}	

	.banner2023-cat-right {
		text-align: left;
	}
	.advantages-container {
		justify-content: center;
	}
	.advantages-container .advantage-container {
		width: 100%;
	}
	.pre-owl-carousel .item div {
		height: 640px;
	}
	#main_banner_button {
		top: 330px !important;
		/* bottom: 10%; */
	}
	.sk_slider, .owl-item .item div, .pre-owl-carousel, .pre-owl-carousel .item div {
		height: 640px;
	}
	.footer-top-block-left-one {
		width: 100%;
		justify-content: center;
	}
	.subscribe-form-note {
		order: 2;
	}
	.project_gallery .owl-controls .owl-nav .owl-next {
		left: auto;
		right: -16px;
		height: 50px;
		width: 50px;
		border-radius: 6px;
		top: 50%;
		background: transparent;
	}	
	.project_gallery .owl-controls .owl-next:before {
		background: white url(/image/arrow_right_new.svg) no-repeat center;
	}	
	.project_gallery .owl-controls .owl-nav .owl-prev {
		left: -16px;
		height: 50px;
		width: 50px;
		border-radius: 6px;
		top: 50%;
		background: transparent;
	}	
	.project_gallery .owl-controls .owl-prev:before {
		background: white url(/image/arrow_left_new.svg) no-repeat center;
	}
	.product figure.has-images {
		display: none;
	}
	.product_additional_pictures img {
		height: 350px !important;
	}
}

@media (max-width: 992px) {
	.consultation-block {
		flex-direction: column;
		align-items: center;
		max-height: unset;
	}
	.consultation-left {
		display: flex;
		flex-direction: column;
		padding: 32px;
	}
	.consultation-up {
		min-width: unset;
	}
	.consultation-bottom {
		min-width: unset;
	}
	.consultation-bottom {
		align-self: center;
	}
	.consultation-right img {
		width: 110%;
		top: 0;
		right: 60%;
		transform: translate(50%);
	}
	.banner2025-cat {
		background-position: 100% center;
		background-image:
		url("/image/banners/banner-2025-mob.png"),
		linear-gradient(180deg, #F2F3F7 0%, #F2F3F7 100%);
	}
	.footer-top-block-left {
		width: 100%;
		flex-direction: column;
	}
	.footer-top-block-left-two {
		margin-top: -20px !important;
	}
	.footer-bottom-container {
		flex-wrap: wrap;
	}
	.footer-bottom-paysystems {
		width: 100% !important;
	}
	.footer-bottom-socials {
		width: 100% !important;
	}
	.footer-bottom-policies{
		/* justify-content: unset !important; */
		/* margin-left: 20px; */
		width: 100%;
		justify-content: center;
		margin-right: 0;
		margin-top: 10px;
	}
	.footer-bottom-logo {
		width: 100%;
		margin-bottom: 20px;
		justify-content: center;
	}
	.footer-bottom-logo a img {
		height: 50px;
		padding-left: 0 !important;
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.sk_slider, .owl-item .item div, .pre-owl-carousel, .pre-owl-carousel .item div {
		height: 340px;
		margin-bottom: 20px;
	}
	
	.slide_menu_search{
		text-align: left;
	}
	
	
	
    .product_additional_pictures img {
       height: 50vw !important;
		width: 80vw !important;
	}
	.figure img {
		width: 90vw !important;
		height: 60vw !important;
	}
	.pagination>li>a, .pagination>li>span {
		margin-left: 0;
	}
}



@media screen and (max-width: 400px) {
	.pagination>li>a, .pagination>li>span {
		margin-right: 0;
		padding: 6px 10px;
	}
}



/* changes to fit search bar for mobiles */

@media screen and (min-width: 1200px) {
	.logo {
		display: flex;
		flex-direction: column;
	}
	.search-menu {
		font-size: 14px;
		width: 215px;
		margin-top: 36px;
		margin-left: -26px;
		order: 2;
	}
}

@media screen and (max-width: 1199px) {
	.logo {
		padding-bottom: 0;
	}	
	#menu {
		z-index: 3;
	}	
	.search-menu {
		height: unset;
		width: 220px;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}	
	.side-menu input {
		display: inline-block;
		font-size: 16px;
		width: 60%;
	}
}

@media screen and (max-width: 767px) {
	.logo {
		padding: 24px 15px;
	}	
	.search-menu {
		width: 160px;
	}	
	.slide_menu_search .svg_image {
		width: unset;
	}	
	.side-menu input {
		font-size: 14px;
	}
}

@media screen and (max-width: 400px) {
	.search-menu {
		left: 55%;
	}
}

.sk_bottom_panel{
	display: flex;
    justify-content: center;
    gap: 20px;
	margin-bottom: 20px;
}

.sk_bottom_button{
	background: #f1eff1;
	padding: 0.5em 1em;
    border-radius: 30px;
	cursor: pointer;
}

.sk-disable{
	color: gray;
    cursor: auto;
}

.height_500{
	height: 500px;
}

.projects_banner{
	position: sticky;
}

.projects_banner .main-banner-2021-text{
    line-height: 40px;
    top: 140px;
}

.projects_banner .main-banner-2021-text-small{
	width: 600px;
    color: lightgray;
    margin-top: 0px;
}

.projects_banner .main-banner-2021-pretext{
	top: 80px;
}

.projects_banner .main-banner-2021-text-button{
	width: 290px;
    background-color: white;
    color: black;
    margin: auto;
    font-size: 15px;
    line-height: 20px;
    padding: 0.9em 0.7em;
    border-radius: 4px;
    margin-top: 1em;
}

.projects_banner .main-banner-2021-text-small2{
	width: 600px;
    color: lightgray;
    margin-top: 0px;
    margin: auto;
    font-size: 14px;
    font-weight: normal;
    color: #c1bebe;
}

/*новый блок для мобильных*/
@media (max-width: 1199px) {
    #menu { 
        min-width: unset !important; 
        width: 100% !important; 
        max-width: 100% !important; 
    }
    .search-menu { 
        position: relative !important; 
        transform: none !important; 
        left: auto !important; 
        top: auto !important; 
        margin: 10px auto !important; 
        width: 90% !important;
    }
}

@media (max-width: 767px) {
    /* Картинка фоном */
    .pre-owl-carousel .item > div[style*="background"] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center !important;
        z-index: 1 !important;
    }
    
    /* Затемнение (только одно, без черного квадрата) */
    .pre-owl-carousel .main_banner_shadow1 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0,0,0,0.4) !important;
        z-index: 2 !important;
    }
    

	
	/* Убираем черный квадрат */
    .pre-owl-carousel .main_banner_shadow2 {
        display: none !important;
    }
    
    /* Текст поверх */
    .main-banner-2021-pretext,
    .main-banner-2021-text {
        position: relative !important;
        z-index: 3 !important;
        text-align: center !important;
        padding: 0 20px !important;
		top: 130px;
    }
    
    .main-banner-2021-pretext {
        padding-top: 40px !important;
        font-size: 10px !important;
        color: #f5c675 !important;
        margin-bottom: 10px !important;
        letter-spacing: 1px !important;
    }
    
    .main-banner-2021-text h1 {
        font-size: 22px !important;
        font-weight: normal !important;
        margin-bottom: 5px !important;
        color: #fff !important;
    }
    
    .main-banner-2021-text span {
        font-size: 22px !important;
        font-weight: normal !important;
        margin-bottom: 15px !important;
        display: block !important;
        color: #fff !important;
    }
    
    .main-banner-2021-text-small {
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #fff !important;
    }
	
	/*от сюда нижний баннер*/
	    .projects_banner.height_500 {
        height: 500px !important; /* Возвращаем фиксированную высоту, чтобы текст не "плыл" */
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; /* Центрируем по вертикали */
        align-items: center !important;    /* Центрируем по горизонтали */
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    /* 2. Фон и тень: растягиваем строго по границам родителя */
    .projects_banner .main_banner_shadow1,
    .projects_banner div[style*="background"] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }

    .projects_banner .main_banner_shadow1 {
        z-index: 2 !important;
        background: rgba(0,0,0,0.5) !important; /* Делаем чуть темнее для читаемости */
    }

    /* 3. Текстовые блоки: сбрасываем top и ставим их выше фона */
    .projects_banner .main-banner-2021-pretext,
    .projects_banner .main-banner-2021-text {
        position: relative !important;
        z-index: 3 !important;
        top: 0 !important;       /* Убираем уезжающий top */
        margin: 0 !important;    /* Сбрасываем внешние отступы */
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* 4. Корректируем размеры для мелких экранов */
    .projects_banner .main-banner-2021-pretext {
        font-size: 11px !important;
        margin-bottom: 10px !important;
		line-height: 0px;
    }

    .projects_banner .main-banner-2021-text span {
        font-size: 18px !important; /* Чуть меньше шрифт, чтобы влезло */
        line-height: 1.2 !important;
    }

    .projects_banner .main-banner-2021-text-small {
        width: 100% !important;      /* Чтобы не вылезало за края */
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-top: -25px !important;
    }
	.projects_banner .main-banner-2021-text-small2 {
		  width: 300px;
		  color: lightgray;
		  margin-top: 0px;
		  margin: auto;
		  font-size: 14px;
		  font-weight: normal;
		  color: #c1bebe;
	}

    /* 5. Кнопка */
    .projects_banner .main-banner-2021-text-button {
        width: auto !important;
        display: inline-block !important;
        margin-top: 15px !important;
        padding: 12px 20px !important;
    }
	
	/*это было в первоначальном варианте*/
	/* --- Остальные правки (футер, 2025 и т.д.) оставляем, они не влияют на баннеры --- */
	.footer-column { width: 100% !important; text-align: center; margin-bottom: 20px; }
    .footer-bottom-container { flex-direction: column !important; align-items: center; }
    .banner2025-cat { background-position: center bottom !important; background-size: contain !important; min-height: 250px !important; }
    
	/* 4. Кнопка в верхнем баннере */
    #main_banner_button {
        position: static !important;
        margin-top: 20px !important;
        display: inline-block !important;
        transform: none !important;
        top: auto !important;
    }
	
	.contacts-grid { grid-template-columns: 1fr; gap: 30px; }
	.contacts-page { margin: 20px 0; }
	
	/*верстка контактов*/
	  .bespoke-section h2 .top-line,
	  .bespoke-section h2 .bottom-line {
		font-size: 26px !important; /* Уменьшаем гигантский шрифт 45px до читаемого на телефонах */
	  }

	  /* Цитата директора */
	  .bespoke-section blockquote p {
		font-size: 18px !important; /* Уменьшаем с 28px до 18px */
		line-height: 1.4 !important;
	  }
	  .bespoke-section blockquote small {
		font-size: 18px !important; /* Уменьшаем имя директора */
		margin-top: 5px !important;
	  }

	  /* --- сетка в одну колонку --- */
	  
	  /* Универсальный сброс для Сетки №1 и Сетки №2 */
	  .bespoke-section .furn-grid.g-triple,
	  .bespoke-section .furn-grid.g-double {
		grid-template-columns: 1fr !important; /* Строго одна колонка */
		grid-template-rows: auto !important; /* Отменяем фиксированную высоту строк десктопа */
		gap: 10px !important; /* Чуть увеличиваем зазор на мобильных для воздуха */
	  }

	  /* Полностью отменяем десктопное позиционирование grid-area для ВСЕХ картинок и блоков */
	  .bespoke-section .furn-grid.g-triple > *,
	  .bespoke-section .furn-grid.g-double > * {
		grid-area: auto !important; 
	  }

	  /* Задаем картинкам единую красивую высоту на смартфонах */
	  .bespoke-section .furn-grid img {
		height: 280px !important; /* Оптимальная высота, чтобы мебель не сплющивалась */
		border-radius: 4px !important;
	  }

	  /* --- ТЕКСТОВЫЙ БЛОК В СЕТКЕ №2 (ФОРМЫ И РАЗМЕРЫ...) --- */
	  .furn-grid .g-text {
		padding: 30px 20px !important; /* Убираем десктопный огромный padding-bottom: 140px */
		align-items: center !important; /* Центрируем текст по вертикали на мобильном */
		justify-content: center !important; /* Центрируем по горизонтали */
		background: #f9f9f9 !important; /* Легкая подложка для читаемости */
		border-radius: 4px !important;
		min-height: 150px !important;
	  }

	  /* Шрифт внутри мобильного текстового блока плитки */
	  .furn-grid .g-text p {
		font-size: 24px !important; /* Уменьшаем с десктопных 45px до мобильных 24px */
		text-align: center !important; /* Текст строго по центру */
		line-height: 1.2 !important;
	  }

	  .furn-grid .g-text p small {
		font-size: 16px !important; /* Уменьшаем слово "...которые" */
	  }
	
	 .bespoke-section h2 .bottom-line .sub-text {
    font-size: 20px !important; 
    display: block !important;  
    margin-bottom: 5px !important;
	}

	  .bespoke-section h2 .bottom-line b {
		font-size: 32px !important; 
		margin-left: 0 !important; /* Сброс отступа для центровки */
	  }

	  
	  /* Центрируем обертку кнопки */
	  .banner2025-cat-buttons.custom-style {
		text-align: center !important;
		width: 100% !important;
	  }

	  /* Сама кнопка на мобильном с защитой от кривого переноса текста */
	  .custom-style .banner2025-cat-button-project {
		width: 100% !important; /* На весь экран для удобного нажатия */
		box-sizing: border-box !important;
		padding: 16px 20px !important; 
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		
		/* Динамический размер шрифта: плавно сжимается на узких дисплеях */
		font-size: calc(11px + 0.5vw) !important; 
		line-height: 1.4 !important; 
		white-space: normal !important;
		word-wrap: break-word !important;
		text-align: center !important;
	  }

	  /* Схлопываем сетку в одну вертикальную колонку */
	  .advantages-container-contact {
		display: grid !important;
		grid-template-columns: 1fr !important; 
		gap: 12px !important; /* Компактный зазор между карточками */
		width: 100% !important;
	  }

	  /* Внутренние отступы карточки */
	  .advantage-card {
		padding: 16px 20px !important; 
	  }

	  /* Уменьшаем круглую подложку под иконку */
	  .adv-icon {
		width: 55px !important;  
		height: 55px !important; 
		margin-right: 15px !important;
	  }

	  /* Картинка-иконка внутри круга */
	  .adv-icon img {
		width: 26px !important;  
		height: 26px !important; 
	  }

	  /* Текстовые строки внутри карточки */
	  .adv-title {
		font-size: 14px !important; 
	  }

	  .adv-desc {
		font-size: 16px !important; /* Оптимальный размер акцента на мобильном */
		letter-spacing: 0.3px !important;
	  }
	  
	  /* Сбрасываем жесткую десктопную сетку строк для скрытого блока на смартфонах */
	  .expandable-gallery-section .furn-grid.g-double {
		display: flex !important;           /* Временно меняем grid на flex, чтобы полностью уничтожить десктопные колонки */
		flex-direction: column !important;  /* Выстраиваем картинки строго друг под другом в один ряд */
		gap: 12px !important;               /* Отступ между картинками на мобильном */
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	
	  .collapsible-gallery.is-open {
		max-height: 3000px !important; /* Запас высоты для мобильной вертикальной ленты */
	  }
	
	
}


@media (max-width: 480px) {
    .figure img {
        width: 100% !important;
        height: auto !important;
    }
    .pagination {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 575px) {
	.category_filters_sort {
		padding-top: 10px;
		flex-direction: column;
	}
	.category_filters{
		height: 67px;
	}	
	.category_filters_sort select{
		top: -1px;
	}
	.project_child .project_button_video {
		/* width: 100%; */
	}
	.project_child button {
		/* width: 100%; */
		/* margin-bottom: 24px; */
	}
	
	.mobile-header-container{
		padding-top: 20px;
	}
	.side-menu .logo{
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
	.main-banner-2021-pretext, .main-banner-2021-text{
		top: 80px !important;
	}
	
	.advantages .img{
		flex: 0 0 100px;
	}
	
	.advantages .img img {
		
	}
	
	.advantages .adv_header{
		margin-top: 0px;
	}
	
	.advantage-item{
		display: flex;
        align-items: center;
        /* height: 100px; */
        gap: 10px;
        padding: 0px;
		margin-bottom: 10px;
	}
	
	.advantages {
		margin-bottom: 20px;
	}
	
	
	.projects_banner.height_500{
		height: 350px !important;
	}
	
	
	.projects_banner .main-banner-2021-pretext{
		top: -40px !important;
	}
	
	.projects_banner .main-banner-2021-text{
		top: -40px !important;
	}
}