

/* Start:/local/templates/gold-silver-2016/components/bitrix/system.pagenavigation/goldsilver/pagenavigation.css?179388038293*/
.pager_block {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* End */


/* Start:/local/templates/gold-silver-2016/components/bitrix/news.list/articles/style.css?17943213134552*/
/*
 * Блог (/useful-information/articles/): карточки разделов и статей, строгий стиль.
 * Используется шаблонами catalog.section.list/articles_list и news.list/articles (gold-silver-2016).
 * Все правила привязаны к .blog-grid / .blog-card, поэтому остальные страницы сайта не затрагиваются.
 * Акцентный цвет сайта: #d87252 (только для наведения и ссылок).
 */
.blog-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin: 8px 0 30px;
	clear: both;
}

.blog-grid .blog-card {
	display: flex;
	flex-direction: column;
	margin: 0;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	overflow: hidden;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	text-transform: none;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.blog-grid .blog-card:hover {
	border-color: #d87252;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
	text-decoration: none;
}

/* картинка */
.blog-grid .blog-card__media {
	display: block;
	height: 170px;
	overflow: hidden;
	background: #f2f2f2;
	border-bottom: 1px solid #e6e6e6;
}
.blog-grid .blog-card__media img,
.news-list.articles .blog-grid .blog-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	border: 0;
	object-fit: cover;
	float: none;
}
/* карточка без картинки */
.blog-grid .blog-card__media--empty {
	display: flex;
	align-items: center;
	justify-content: center;
}
.blog-grid .blog-card__media--empty::before {
	content: "Gold\0026Silver";
	color: #c9c9c9;
	font-size: 24px;
	letter-spacing: .04em;
}

/* карточки разделов: картинка вписывается целиком, без обрезки */
.blog-grid--sections .blog-card__media { height: 150px; background: #f5f5f5; }
.blog-grid--sections .blog-card__media img,
.news-list.articles .blog-grid--sections .blog-card__media img {
	object-fit: contain;
	padding: 12px 16px;
	box-sizing: border-box;
	mix-blend-mode: multiply;
}

/* текст */
.blog-grid .blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 16px 18px 14px;
}
.blog-grid .blog-card__meta {
	display: block;
	margin-bottom: 8px;
	color: #8a8a8a;
	font-size: 12.5px;
	text-transform: none;
}
.blog-grid .blog-card__title {
	display: block;
	margin-bottom: 8px;
	color: #222;
	font-size: 17px;
	line-height: 1.3;
	font-weight: bold;
	text-transform: none;
	transition: color .2s ease;
}
.blog-grid .blog-card__title small { color: #8a8a8a; font-size: 13px; font-weight: normal; }
.blog-grid .blog-card:hover .blog-card__title { color: #d87252; }
.blog-grid .blog-card__text {
	display: block;
	flex: 1;
	margin-bottom: 14px;
	color: #555;
	font-size: 14px;
	line-height: 1.5;
	text-transform: none;
}
.blog-grid .blog-card__more {
	display: block;
	padding-top: 11px;
	border-top: 1px solid #ececec;
	color: #d87252;
	font-size: 12.5px;
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.blog-grid .blog-card__more::after {
	content: "\2192";
	margin-left: 6px;
}

/* Описание раздела над карточками: свёрнуто до нескольких строк, с кнопкой «Развернуть» */
.blog-descr {
	position: relative;
	margin: 0 0 24px;
	padding: 16px 20px 14px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-left: 3px solid #d87252;
	border-radius: 4px;
}
.blog-descr .blog-descr__body.articles_descr {
	margin: 0;
	color: #444;
	font-size: 15px;
	line-height: 1.6;
}
.blog-descr.is-collapsible:not(.is-open) .blog-descr__body {
	position: relative;
	max-height: 4.8em; /* три строки */
	overflow: hidden;
}
.blog-descr.is-collapsible:not(.is-open) .blog-descr__body::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2.2em;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.blog-descr .blog-descr__toggle {
	display: inline-block;
	margin: 12px 0 0;
	padding: 6px 16px;
	background: #fff;
	border: 1px solid #d87252;
	border-radius: 3px;
	color: #d87252;
	font-family: inherit;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.blog-descr .blog-descr__toggle:hover { background: #d87252; color: #fff; }
.blog-descr .blog-descr__toggle[hidden] { display: none; }
/* End */
/* /local/templates/gold-silver-2016/components/bitrix/system.pagenavigation/goldsilver/pagenavigation.css?179388038293 */
/* /local/templates/gold-silver-2016/components/bitrix/news.list/articles/style.css?17943213134552 */
