/* Start:/local/templates/.default/components/bitrix/catalog/catalog/style.css?17296755613230*/
.product_item {
    display: block;
    transition: 0.3s;
    margin-bottom: 35px;
    overflow: hidden;
}

.product_item.swiper-slide.with_buy_item {
    flex-direction: column;

    padding: 0;
    align-items: flex-start;
}

.block_top_item {
    display: flex;
    align-items: center;
}

.image_item {
    min-height: 186px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;

}

.product_item.swiper-slide.with_buy_item .name_item {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #1A1D22;
    margin-bottom: 15px;
    max-width: 109px
}

.cost_item {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #1A1D22;
}

.block_top_item {
    margin-bottom: 24px;
}

.block_bottom_item {
    position: relative;
}

.description_item {
    min-height: 100px;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    transition: 0.3s;
}

.description_item_text {
    transition: 0.3s;
}


.with_buy_container {
    margin-top: 59px;
    margin-bottom: 60px;
}

.with_buy_box {
    position: relative;
}

.with_buy-element_slider {
    position: absolute;
    top: calc(50% - 60px);
    right: 0;
    z-index: 55;
}

.with_buy-element_slider .pagination-container {
    height: 94.38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.hit--in-list {
    top: 15px;
    right: 15px;
}

.catalog-sort {
    position: relative;
    margin-left: auto;
}

.catalog-sort__select {
    position: relative;
    z-index: 200;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border: 2px solid #C44D38;
    width: 260px;
    outline: none;
}

.focus .catalog-sort__icon {
    rotate: 180deg;
}

.catalog-sort__options {
    display: none;
    /*display: block;*/
    position: absolute;
    top: 100%;
    left: -2px;
    width: calc(100% + 4px);
    padding: 15px 0;
    background: #ffffff;
    border: 2px solid #C44D38;
    border-top: none;
}

.catalog-sort__select-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
}

.catalog-sort__select.active .catalog-sort__options {
    display: block;
}

.catalog-sort__option a {
    display: block;
    padding: 10px 15px;
    transition: .5s;
}

.catalog-sort__option a:hover {
    color: #ffffff;
    background: #C44D38;
}

.catalog-buttons {
    display: flex;
    align-items: center;
    width: 100%;
    margin-right: 35px;
}

.button.promo-link {
    max-width: 192px;
}


.promo-link.transform {
    transform: translate(65%, 0);
}

@media (max-width: 1100px) {
    .catalog-buttons {
        flex-direction: column;
        align-items: flex-end;
        gap: 15px;
    }

    .promo-link.transform {
        transform: translate(0, 0);
    }
}

@media (max-width: 576px) {
    .filter_box {
        flex-direction: column;
        gap: 15px !important;
    }

    .catalog-buttons {
        align-items: flex-start;
        margin-left: 15px;
    }

    .catalog-sort {
        margin-left: 0;
    }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section.list/section_main_page/style.css?16762944672409*/
.section_main_list{
	display: grid; 
	/* grid-template-rows: 1fr 1fr 1fr; */
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;	
	grid-auto-rows: min-content;
	gap: 0px;
	/* height: 100%; */
}
.section_main_item{
	background: #6B6462;
	font-family: 'Playfair Display';
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	text-align: center;
	color: #FFFFFF;	
	transition: 0.4s;
}
.section_main_item:hover{
	background: #EFEFEE;	
	color: #1A1D22;		
}
.section_main_item_content{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.section_main_name{
	padding: 37px 0 44px;
}
.section_main_img{
	flex-grow: 1;
	max-height: 359px;
}
.section_main_img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section_main_item_1{
	grid-row-start: 1;
	grid-column-start: 1; 
	grid-row-end: 2;
	grid-column-end: 7;
	height: fit-content;
	border-bottom: 2px solid #B5AFA9;
}
.section_main_item_1 .section_main_img{
	display: inline-block;	
	flex-grow: 0;
	overflow: hidden;
}
.section_main_item_1 .section_main_name{
	display: inline-block;	
	margin: 0 auto;
	max-width: 205px;
}
.section_main_item_1 .section_main_item_content{
	flex-direction: row;
	align-items: center;
}
.section_main_item_2{
	grid-row-start: 2;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 4;
   border-bottom: 2px solid #B5AFA9;
   border-right: 2px solid #B5AFA9;
}
.section_main_item_3
{
	grid-row-start: 2;
	grid-column-start: 4; 
	grid-row-end: 3;
	grid-column-end: 7;
	border-bottom: 2px solid #B5AFA9;
}


.section_main_item_4{
	grid-row-start: 3;
	grid-column-start: 1; 
	grid-row-end: 4;
	grid-column-end: 3;
	border-right: 2px solid #B5AFA9;
}
.section_main_item_5{
	grid-row-start: 3;
	grid-column-start: 3; 
	grid-row-end: 4;
	grid-column-end: 5;
	border-right: 2px solid #B5AFA9;
}
.section_main_item_6
{
	grid-row-start: 3;
	grid-column-start: 5; 
	grid-row-end: 4;
	grid-column-end: 7;
}


@media(min-width: 1400px){
	.section_main_item_1 .section_main_img{
		width: 65%;
	}
}

@media(max-width: 991px){
	.section_main_list{
		display: flex; 
		flex-direction: column;
	}
	.section_main_item_1 .section_main_item_content {
		flex-direction: column;
		
	}
	.section_main_list .section_main_item{
		border-right: none;
		border-bottom: 2px solid #B5AFA9;
	}
	.section_main_img img{
		max-height: 350px;
	}

}
@media(max-width: 576px){
	
	.section_main_img img{
		height: 320px;
	}

}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/our_work/style.css?17866248274825*/
.our-work {
	/*
	 * JS пересчитает эти значения
	 * после инициализации.
	 */
	--our-work-side-height: 500px;
	--our-work-slider-height: 530px;

	/*
	 * Центральная фотография выше боковых на 6%.
	 */
	--our-work-active-scale: 1.06;

	/*
	 * Ширина самой фотографии относительно swiper-slide.
	 *
	 * ВАЖНО:
	 * теперь все фото всегда центрированы,
	 * поэтому никаких горизонтальных скачков нет.
	 */
	--our-work-image-width: 90%;

	position: relative;

	width: 100%;

	background: #fff;

	overflow: hidden;
}


/* =========================================
   ЗАГОЛОВОК
   ========================================= */

.our-work__title {
	margin: 0 0 72px;

	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;

	font-size: 32px;
	line-height: 43px;

	letter-spacing: 0.05em;
	text-transform: uppercase;

	color: #282321;
}


/* =========================================
   SWIPER
   ========================================= */

.our-work__slider {
	position: relative;

	width: 100%;
	height: var(--our-work-slider-height);

	overflow: hidden;
}


/*
 * Все фотографии стоят на одной нижней линии.
 */
.our-work__slider .swiper-wrapper {
	align-items: flex-end;
}


/* =========================================
   СЛАЙД
   ========================================= */

.our-work .our-work__slider .our-work__slide {
	position: relative;

	display: flex;
	align-items: flex-end;
	justify-content: center;

	height: var(--our-work-slider-height);

	overflow: visible;

	/*
	 * Сам swiper-slide НЕ масштабируем.
	 * Иначе появлялся визуальный удар.
	 */
	transform: none !important;

	z-index: 1;
}


/*
 * НИКАКИХ:
 *
 * .swiper-slide-prev { justify-content: flex-end }
 * .swiper-slide-next { justify-content: flex-start }
 *
 * больше нет.
 *
 * Именно их переключение давало
 * горизонтальный рывок картинки.
 */


/* =========================================
   ССЫЛКА / КОНТЕЙНЕР ФОТО
   ========================================= */

.our-work__link {
	display: block;

	width: var(--our-work-image-width);
	height: var(--our-work-side-height);

	overflow: hidden;

	cursor: zoom-in;
	text-decoration: none;

	/*
	 * Вот она — плавность роста.
	 */
	transition:
		height 0.8s cubic-bezier(0.22, 1, 0.36, 1);

	will-change: height;
}

.our-work__slide.our-work__slide--center .our-work__link {
	height: var(--our-work-slider-height);
}

/* =========================================
   ФОТО
   ========================================= */

.our-work__image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	user-select: none;
	-webkit-user-select: none;

	-webkit-user-drag: none;

	pointer-events: none;
}


/* =========================================
   СТРЕЛКИ
   ========================================= */

.our-work__controls {
	position: absolute;

	right: 22px;
	bottom: 0;

	height: var(--our-work-side-height);

	display: flex;
	align-items: center;

	z-index: 10;

	pointer-events: none;
}


.our-work__pagination {
	display: flex;
	flex-direction: column;

	gap: 15px;

	pointer-events: auto;
}


.our-work__pagination .pagination-next,
.our-work__pagination .pagination-prev {
	flex: 0 0 auto;

	padding: 0;
	margin: 0;

	appearance: none;
	-webkit-appearance: none;

	outline: none;
}


.our-work__pagination .swiper-button-disabled {
	opacity: 0.45;

	cursor: default;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

	.our-work {
		--our-work-image-width: 90%;
		--our-work-active-scale: 1.05;

		padding-top: 38px;
	}


	.our-work__title {
		margin-bottom: 26px;

		font-size: 28px;
		line-height: 38px;
	}


	.our-work__controls {
		right: 12px;
	}

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 576px) {

	.our-work {
		--our-work-image-width: 92%;
		--our-work-active-scale: 1.04;

		padding-top: 30px;
	}


	.our-work__title {
		margin-bottom: 20px;

		font-size: 24px;
		line-height: 32px;
	}


	.our-work__controls {
		right: 10px;
	}


	.our-work__pagination {
		gap: 8px;
	}


	.our-work__pagination .pagination-next,
	.our-work__pagination .pagination-prev {
		width: 32px;
		height: 32px;
	}


	.our-work__pagination .pagination-next::before,
	.our-work__pagination .pagination-prev::before {
		width: 16px;
		height: 6px;

		background-size: contain;
	}

}
/* End */
/* /local/templates/.default/components/bitrix/catalog/catalog/style.css?17296755613230 */
/* /local/templates/.default/components/bitrix/catalog.section.list/section_main_page/style.css?16762944672409 */
/* /local/templates/.default/components/bitrix/news.list/our_work/style.css?17866248274825 */