/* Start:/local/templates/.default/components/bitrix/news/portfolio/bitrix/catalog.section.list/.default/style.css?1742811553237*/
.portfolio_card{ 
	display: inline-block;
    color: #303030;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px; 
}
 
/* End */


/* Start:/local/templates/.default/components/bitrix/news/portfolio/bitrix/news.list/.default/style.css?17428115534031*/
.product_img {
	height: 100%;
	position: relative;
}


.product_img_line {
	background: #aeaeae;
	height: 2px;
	width: 94%;
	position: absolute;
	bottom: 4px;
	left: 3%;
	opacity: 0;
}


.wrapper_fw {
	position: relative;
}

.wrapper_fw img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}


.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span {
	background: #73644f;
}

.product {
	border-radius: 10px;
	border: 1px solid #efefef;
	background: #fff;
	padding: 15px;
	position: relative;
	height: 100%;
}

.product:hover {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
}

.product:hover .product__btn {
	background: var(--color-brand-active);
	color: #fff;
}


.product__title {
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	margin-bottom: 4px;
	margin-top: 12px;
	color: rgba(43, 43, 43, 1) !important;
	text-decoration: none;
	height: 50px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.product__price {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #383838;
	height: 11px;
	line-height: 18px;
}

.product__nal {
	display: block;
	color: #06d504;
	font-weight: 500;
	font-size: 14px;
}

.product__star i {
	color: #FF6600;
	font-size: 12px;
}




@media (min-width: 992px) {

	.product-a {
		position: relative;
		display: block;
		height: 250px;
	}

	.flex-container {
		height: 250px;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		z-index: 30;
	}

	.wrapper_fw span {
		position: relative;
		max-width: 220px;
		min-width: 70px;
		height: 220px;
		line-height: 220px;
		margin: 0 auto;
		padding: 0px;
		vertical-align: middle;
		text-align: center;
		zoom: 1;
		display: block;
	}

	.product__btn {
		display: inline-block;
		margin-top: 7px;
		padding: 8px 36px;
		background: var(--color-brand);
		text-align: center;
		color: #fff;
		text-decoration: none;
		border-radius: 5px;
		font-size: 15px;
		font-weight: 500;
		transition: all .3s linear;
	}

}

@media (max-width: 992px) {

	.product-a {
		position: relative;
		display: block;
		height: 150px;
	}

	.flex-container {
		height: 150px;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		position: absolute;
		z-index: 30;
	}

	.wrapper_fw span {
		position: relative;
		max-width: 140px;
		min-width: 70px;
		height: 140px;
		line-height: 140px;
		margin: 0 auto;
		padding: 0px;
		vertical-align: middle;
		text-align: center;
		zoom: 1;
		display: block;
	}

	.product__btn {
		display: inline-block;
		margin-top: 7px;
		padding: 8px 0px;
		width: 100%;
		background: var(--color-brand);
		text-align: center;
		color: #fff;
		text-decoration: none;
		border-radius: 5px;
		font-size: 15px;
		font-weight: 500;
		transition: all .3s linear;
	}

}

.room {
	display: flex;
	width: 295px;
	height: 396px;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	position: relative;
}

.room__title {
	color: #161616;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-variant-numeric: lining-nums proportional-nums;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;

	display: flex;
	padding: 32px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;

	border-radius: 0px 0px 24px 24px;
	background: #F4F3F1;
	z-index: 10;
	text-decoration: none;
}

.room:hover::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #4559ADB2;
}

.room:after,
.room:hover:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
	border-radius: 28px;
	transition: all .35s ease-in-out;
}


.rooms__title {
	color: #C2C2C2;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	width: 60%;
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17428115452530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */
/* /local/templates/.default/components/bitrix/news/portfolio/bitrix/catalog.section.list/.default/style.css?1742811553237 */
/* /local/templates/.default/components/bitrix/news/portfolio/bitrix/news.list/.default/style.css?17428115534031 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17428115452530 */