

/* Start:/local/templates/.default/components/bitrix/catalog/catalog_page/style.css?17295945883401*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}


.catalog{
	padding-bottom: var(--section-spacing-xl);
	border-bottom: 2px solid #DFDFDF;
}

.catalog .jq-selectbox.width-auto{
	width: 215px;
}

.sortline{
	max-width: 215px;
	margin-bottom: 30px;
}

.sortline_box_title{
	-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
				 -moz-user-select: none; /* Old versions of Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
							user-select: none; /* Non-prefixed version, currently
																		supported by Chrome, Edge, Opera and Firefox */
	}
	
	.sortline_box_title span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #767676;
		font-size: 15px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		width: 100%;
		min-width: 80px;
		cursor: pointer;
	}
	
	.sortline_box_title span i{
		font-size: 20px;
	}
	
	.sortline_block{
		position: absolute;
		z-index: 8;
		border-radius: 15px;
		background: #FFF;
		box-shadow: 0px 18px 56px 0px rgba(0, 0, 0, 0.05), 0px 7.52px 23.395px 0px rgba(0, 0, 0, 0.01), 0px 4.021px 12.508px 0px rgba(0, 0, 0, 0.00), 0px 2.254px 7.012px 0px rgba(0, 0, 0, 0.00), 0px 1.197px 3.724px 0px rgba(0, 0, 0, 0.00), 0px 0.498px 1.55px 0px rgba(0, 0, 0, 0.00);
		padding: 30px;
		display: none;
		max-width: 256px;
	}
	
	.sortline_block_btn{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}


	.sortline_block button{
		padding: 0;
		border: 0;
		outline: 0;
		background: none;
		white-space: nowrap;
		color:#767676;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.sortline_block button span{
		display: block;
		min-width: 24px;
		height: 24px;
		border: 1px solid var(--color-grey);
		border-radius: 100%;
		position: relative;
	}

	.sortline_block button span::before{
		content: '';
		display: block;
		min-width: 12px;
		width: 12px;
		height: 12px;
		border-radius: 100%;
		background: var(--color-orange);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		opacity: 0;
	}
	
	.sortline_block button.selected span,
	.sortline_block button:hover span{
		border-color: var(--color-orange);
	}

	.sortline_block button.selected span::before{
		opacity: 1;
	}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog/catalog_page/bitrix/catalog.section.list/.default/style.css?1729584824850*/
.sections_item{
	margin-bottom: 40px;
}

.sections_item_img{
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px; 
}

.sections_item_img a{
	display: block;
	position: relative;
}

.sections_item_img a::before{
	content: '';
	display: block;
	width: 77px;
	height: 77px;
	background: var(--color-white) url(/local/templates/.default/images/arrow_news.svg) no-repeat 32px 24px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	transition: all .3s linear;
	opacity: 0;
}

.sections_item:hover .sections_item_img a::before{
	opacity: 1;
}

.sections_item_name{
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

.sections_item_name a,
.sections_item_name a:hover{
	color: #000;
	text-decoration: none;
}

/* End */
/* /local/templates/.default/components/bitrix/catalog/catalog_page/style.css?17295945883401 */
/* /local/templates/.default/components/bitrix/catalog/catalog_page/bitrix/catalog.section.list/.default/style.css?1729584824850 */
