/* Start:/local/templates/main/components/bitrix/news/buy-1c/bitrix/news.list/dilution-page/style.css?15871156522385*/
.services{
	position: relative;
}


.services .grey_background{
	height: 110%;
}

.bottom_service{
	margin-top: 70px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.52);
}

.bottom_service > div{
	position: relative;
	z-index: 20;
	width: 33.4%;
	height: 165px;
	background: #ff0f3d;
}

.container_s > .bottom_service > div > li:before {
	display: none;
}

.container_s > .bottom_service > div > li{
	width: 405px;
	height: 165px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 20;
	position: relative;
}

.container_s > .bottom_service > div > li > a{

}

.container_s > .bottom_service > div > li  a[data-active]{
	display: none;
}


.container_s > .bottom_service > div > li .h_serv{
	margin-top: 30px;
}

.container_s > .bottom_service > div > li .h_serv a{
	color: white;
	font-size: 14px;
	font-family: "Ubuntu-bold";
	text-transform: uppercase;
}


.container_s > .bottom_service > div > li .invise_text{
	margin-top: 20px;
	display: none;
}

.container_s > .bottom_service > div > li .invise_text a {
	color: #1f2122;
	font-size: 14px;
	font-family: "Ubuntu-Bold";
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.container_s > .bottom_service > div > li .invise_text a img {
	margin-left: 10px;
	width: 100%;
	height: 100%;
}

/* при наведение */

.container_s > .bottom_service > div > li:hover{
	position: absolute;
	z-index: 25;
	height: 205px;
	background: white;
	border: 1px solid #d5d5d5;
	top: -10px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
}

.container_s > .bottom_service > div > li:hover  a[data-no-active]{
	display: none;
}

.container_s > .bottom_service > div > li:hover a[data-active]{
	display: block;
}

.container_s > .bottom_service > div > li:hover .h_serv  a{
	color: #1f2122;
}


.container_s > .bottom_service > div > li:hover div.invise_text {
	display: block;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


	.container_s > .bottom_service > div > li a[data-active]{
		margin-top: 30px;
	}

	.container_s > .bottom_service > div > li .invise_text a img {
		margin-left: 10px;
		width: auto;
		height: auto;
	}
}
/* End */
/* /local/templates/main/components/bitrix/news/buy-1c/bitrix/news.list/dilution-page/style.css?15871156522385 */