/* Start:/local/templates/pin_avto/components/bitrix/news/service-pin-new/bitrix/news.list/.default/style.css?17455931565246*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.services {
	padding: 20px 0 60px;
	margin-top: 0!important;
}

.services__title {
	color: #13100D;
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	margin-bottom: 20px;
}

.services__filters {
	position: relative;
	margin-bottom: 20px;
}

.services__filters-label {
	display: inline-flex;
	width: 100%;
	font-size: 14px;
	padding: 7px 20px;
	padding-right: 30px;
	color: #ffffff;
	background-color: #EE1C24;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99955 3.59412L8.29355 0.294115C8.38627 0.20105 8.49645 0.127206 8.61777 0.0768204C8.7391 0.0264345 8.86917 0.000497818 9.00055 0.000497818C9.13192 0.000497818 9.26199 0.0264345 9.38332 0.0768204C9.50464 0.127206 9.61483 0.20105 9.70755 0.294115C10.0975 0.684115 10.0975 1.31811 9.70755 1.70912L5.71755 5.70712C5.62404 5.80104 5.51272 5.87535 5.39011 5.92566C5.2675 5.97598 5.13607 6.00129 5.00355 6.00012C4.86968 6.00237 4.73673 5.97757 4.61267 5.92723C4.48861 5.87688 4.37599 5.80202 4.28155 5.70712L0.292546 1.70912C0.105197 1.52112 0 1.26653 0 1.00112C0 0.735705 0.105197 0.481114 0.292546 0.293116C0.385248 0.200201 0.495368 0.126483 0.6166 0.0761862C0.737832 0.025889 0.867794 0 0.999046 0C1.1303 0 1.26026 0.025889 1.38149 0.0761862C1.50272 0.126483 1.61284 0.200201 1.70555 0.293116L4.99955 3.59412Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 10px 6px;
	border: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	border-radius: 6px;
}

.services__filters-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #ffffff;
	box-shadow: 0 4px 32px 0 rgba(0,0,0,0.12);
	z-index: 2;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.services__filters-list--open {
	display: grid;
}

.services__filters-link {
	display: block;
	width: 100%;
	text-align: left;
	background-color: transparent;
	border: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	color: inherit;
	padding: 7px 10px;
	font-size: 14px;
}

.services__filters-link--current {
	pointer-events: none;
	user-select: none;
	opacity: 0.3;
}

.services__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: grid;
	gap: 20px;
}

.services-card {
	position: relative;
	display: list-item;
	background-color: #EBEBEB;
	border-radius: 6px;
	padding: 20px 16px;
	padding-top: 115px;
	text-align: center;
}

.services-card:not(:hover):focus-within {
	/*outline: 2px solid #13100D;*/
}

.services-card--hide {
	display: none;
}

.services-card__title {
	color: #13100D;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
}

.services-card__img-box {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 80px;
}

.services-card__img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.services-card__img--hover {
	opacity: var(--img-hover-opacity, 0);
}

.services-card__link::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

@media (any-hover: hover) {
	.services-card {
		transition:
						box-shadow 0.2s ease-in-out,
						background-color 0.2s ease-in-out;
	}

	.services-card:hover {
		--img-hover-opacity: 1;

		background-color: #ffffff;
		box-shadow: 0 4px 32px 0 rgba(0,0,0,0.12);
	}

	.services-card__img {
		transition: opacity 0.2s ease-in-out;
	}

	.services__filters-link {
		transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
	}

	.services__filters-link:hover {
		color: #EE1C24;
		text-decoration: none;
	}
	
	.services__filters-link--current:hover {
		color: #ffffff;
		text-decoration: none;
	}
}

/*adaptive*/

@media screen and (min-width: 360px) {
	.services__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 820px) {
	.services__title {
		font-size: 26px;
	}

	.services__filters-label {
		display: none;
	}

	.services__filters-list {
		display: flex;
		justify-content: space-between;
		position: static;
		width: 100%;
		background-color: #EBEBEB;
		box-shadow: none;
		z-index: 2;
		border-radius: 6px;
		max-width: 860px;
	}
	
	.services__filters-link {
		padding: 7px 20px;
		font-size: 13px;
	}

	.services__filters-link--current {
		display: list-item;
		color: #ffffff;
		background-color: #EE1C24;
		border-radius: 6px;
		opacity: 1;
	}

	.services__list {
		grid-template-columns: repeat(3, 1fr);
	}

	.services-card {
		padding: 25px 20px;
		padding-top: 125px;
	}

	.services-card__title {
		font-size: 16px;
		line-height: 1.4;
	}

	.services-card__img-box {
		position: absolute;
		top: 25px;
		width: 90px;
		height: 90px;
	}
}

@media screen and (min-width: 992px) {
	.services__filters-link {
		padding: 7px 27px;
		font-size: 14px;
	}
}

@media screen and (min-width: 1440px) {
	.services__title {
		font-size: 30px;
	}

	.services__list {
		grid-template-columns: repeat(4, 1fr);
	}
}
/* End */
/* /local/templates/pin_avto/components/bitrix/news/service-pin-new/bitrix/news.list/.default/style.css?17455931565246 */