/* Start:/local/templates/main/components/bitrix/news.list/uslugi-list/style.css?15994917534940*/

.services .item_active {
	display: block!important;
}

.wrapper .services {
	margin-top: 70px;
	height: 500px;
	position: relative;
	margin-bottom: 190px;
}

.wrapper .services  .grey_background {
	height: 650px;
}

.services  .container_s {
	position: relative;
	z-index: 100;
	top:30px;
	box-shadow: 0 0 21px 0px rgba(16, 2, 0, 0.25);
	/*box-shadow: 0px 0px 20px black;*/
}
.services  .container_s > .top_serv > div,
.services  .container_s > .bottom_serv > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.services  .container_s li {
 	width: 100%;
	height: 90%;
}

.services .h_serv {
	text-transform: uppercase;
	font-family: 'Ubuntu';
}

/*.services ul {
	box-shadow: 1px 1px 1px #e5e6e7;
}*/

.services  .container_s   li div.invise_text {
	display: none;
	margin-top: 17px;
	width: 85%;
}

.services b {
	font-family: 'als_rublregular';
}

.services  .container_s   .invise_text a {
	font-family: 'Ubuntu-Bold';
	font-size: 12px;
	text-transform: uppercase;
}
/*====================================
			ВВЕРХ КОНТЕЙНЕРА
====================================== */
.wrapper div.services  div.container_s > ul.top_serv {
	min-width: 1220px;
	/* height: 270px; */
	font-size: 0; /*Убираем отступы между inline блоками*/
}
.services .container_s > .top_serv li:before,
.services .container_s .bottom_serv li:before{
	content: none!important;
}

.services  .container_s > .top_serv > div {
	width: 50%;
	height: 135px;
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
	position: relative;
}
.services  .container_s > .top_serv li {
	background: white;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.services  .container_s > .top_serv > div:hover li {
	position: absolute;
	box-sizing: content-box;
	border: 1px solid #d5d5d5;
	padding-left: 20px;
	left: -2%;
	top: -11px;
	height: 115%;
	z-index: 102;
	box-shadow: 0 0 21px 0px rgba(16, 2, 0, 0.25);
}
.services  .container_s > .top_serv > div:hover li .invise_text,
.services  .container_s > .bottom_serv > div:hover li .invise_text{
	display: block;
}

.services  .container_s > .top_serv li span{
	font-family: 'Ubuntu-Light';
	font-size: 14px;
	display: block;
}

.services  .container_s > .top_serv li .h_serv{
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 15px;
}

.services  .container_s > .top_serv li > div,
.services  .container_s > .top_serv  li  > a img{
	display: inline-block;
	vertical-align: top;
}

.services  .container_s > .top_serv  li  > div {
	margin-left: 15px;
	width: 472px;
}


.services  .container_s > .top_serv li div.invise_text > span {
	font-family: 'Ubuntu-Bold';
	font-size: 16px;
	float: left;
}
.services  .container_s > .top_serv li div.invise_text b{ /* Рубль*/
	font-family: 'als_rublregular';
	font-weight: 500;
	font-size: 18px;
}

.services  .container_s > .top_serv li div.invise_text > div {
	float: right;
	position: relative;
	left: 20%;
}

.services  .container_s > .top_serv li div.invise_text > div > a img {
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}

/*=================================================================
							НИЖНЯЯ ЧАСТЬ КОНТЕЙНЕРА
=================================================================== */

.services  .container_s  .bottom_serv {
	font-size: 0;
}

.services  .container_s  .bottom_serv > div {

	display: inline-block;
	background: #bac4c9;
	width: 25%;
	height: 167px;
}
.services  .container_s  .bottom_serv div:first-child li{
	border-left:none;
}
.services  .container_s  .bottom_serv div li {
	width: 100%;
	position: relative;
	top: 10px;
	border-left: 1px solid #a6b3ba;
}
.services  .container_s  .bottom_serv div li > a > img {
	margin: 0 auto;
	position: relative;
	top:15px;
	display: none;

}

.services  .container_s  .bottom_serv div .h_serv  a{
	color: white;
	font-size: 14px;
	position: relative;
	top:30px;
	left: 5%;
	text-align: center;
	width: 91%;
	display: block;
}

.services  .container_s > .bottom_serv  .invise_text {
	position: relative;
	top:25px;
	left: 25px;
	text-align: left;

}

.services  .container_s > .bottom_serv  .invise_text .price {
	margin-top: 10px;
	font-family: 'Ubuntu-Bold';
	font-size: 16px;
}
.services  .container_s > .bottom_serv  .invise_text span {
	width: 100%;
	font-family: 'Ubuntu-Light';
	font-size: 14px;
	display: inline-block;

}

.services  .container_s > .bottom_serv  .invise_text div a{
	margin-top: 15px;

	display: inline-block;

}
.services  .container_s > .bottom_serv  .invise_text div a img {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
	margin-left: 10px;
}
.services  .container_s > .bottom_serv > div:hover li {
	top:-10px;
	z-index: 1;
	height: 315px;
	background: white;
	position: absolute;
	border: 1px solid #d5d5d5;
	box-shadow: 0 0 21px 0px rgba(16, 2, 0, 0.25);

}

.services  .container_s > .bottom_serv > div:hover li .h_serv a{

	color: black;
}



/* End */
/* /local/templates/main/components/bitrix/news.list/uslugi-list/style.css?15994917534940 */