

/* Start:/local/templates/.default/components/bitrix/news/articles/style.css?17838157723110*/
#articles_nav{
	list-style:none;
	padding:0px;
	margin-bottom:30px;
	display:flex;
	gap:12px;
}

#articles_nav li{}

#articles_nav li span,
#articles_nav li a{
	display:flex;
	height:53px;
	padding:0px 30px;
	background:#F5F5F5;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -3%;
	color:var(--marengo);
	text-decoration:none;
	align-items:center;
	justify-content:center;
	border-radius:6px;
}

#articles_nav li a:hover{
	background:var(--marengo);
	color:#fff;
}


#articles_nav li.active span,
#articles_nav li.active a{
	background:var(--marengo);
	color:#fff;
}

#ar_section286,
#ar_section299{
	display:none;
}

.article-header{
	display:flex;
	justify-content:space-between;
	gap:10px;
	align-items:center;
	margin-bottom:30px;
}

.article-header .name{
	color:#4B5564;
	font-size:24px;
	font-weight:500;
}

.article-header .more{}

.article-header .more .btn{
	width:171px;
	font-weight:500;
	
}

.article-list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px 24px;
	margin:30px 0px;
}

.article-list .article-item{
	
}

.article-list .article-item .pic{
	height:350px;
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	margin-bottom:18px;
}

.article-list .article-item .pic img{
	display:none;
}


.article-list .article-item .date{
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	background:#fff;
	border-radius:6px;
	margin-bottom:10px;
}

.article-list .article-item .pic .date{
	padding:13px 18px;
	position:absolute;
	top:16px;
	left:16px;
	
}

.article-list .article-item .body.text-icon{
	justify-content:space-between;
	font-size:24px;
	font-weight:500;
	line-height:1;
	color:var(--marengo);
	display:flex;
	gap:40px;
	align-items:flex-start;
}

.article-list .article-item .body a{
	color:var(--marengo);
	text-decoration:none;
}

.article-list .article-item .body a:hover{
	color:var(--red);
	text-decoration:none;
}

.article-list .article-item.article-item-big{
	grid-column:1/3;
}

.ajax_article_more{
	margin:30px 0px;
}

.ajax_article_more .btn{
	width:100%;
	height:62px;
	gap:20px;
	font-size:20px;
	background:#F4F4F4;
	color:var(--text);
}

.ajax_article_more .btn .btn-icon svg path{
	fill:#606060;
}

.ajax_article_more .btn:hover{
	background:var(--text);
	color:#fff;
}

.ajax_article_more .btn:hover .btn-icon svg path{
	fill:#fff;
}

@media (max-width: 800px){
	
	#articles_nav{
		display:grid;
		grid-template-columns: 1fr 1fr;
	}
	
	
}

@media (max-width: 650px){
	
	#articles_nav{
		grid-template-columns: 1fr;
	}
	
	
	
	.article-list{
		  grid-template-columns: 1fr;
	}
	
	.article-list .article-item.article-item-big{
		grid-column: 1;
	}
	
	.article-header{
		/*flex-direction:column;*/
	}
	
	.article-header .more{
		display:none;
	}
	
	.article-list .article-item .body.text-icon{
		font-size:20px;
	}
	
	.article-list .article-item .pic{
		height:200px;
	}
}
/* End */
/* /local/templates/.default/components/bitrix/news/articles/style.css?17838157723110 */
