/* Start:/local/templates/ptc/components/bitrix/menu/services-main/style.css?17703834237358*/
#service_menu{
	position:relative;
}

#service_menu ul{}

#service_menu ul li{
	margin-bottom:10px;
	display:block;
	width:100%;
}

#service_menu ul li:last-of-type{
	margin-bottom:0px;
}

#service_menu ul li a{
	padding:15px 10px;
	display:flex;
	justify-content:space-betweem;
	align-items:center;
	gap:10px;
	background:#fff;
	text-align:left;
	border-radius: 3px; 
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.16;
	text-decoration:none;
	color:var(--marengo);
}

#service_menu ul li a .icon{
	flex-shrink:0;
	margin-left:auto;
}

#service_menu ul li.active a{
	background:var(--marengo);
	color:#fff;
}

#service_menu ul li a:hover,
#service_menu ul li.active a:hover{
	background:var(--marengo);
	color:#fff;
}


#service_menu ul li a:hover svg path,
#service_menu ul li.active a:hover svg path{
	fill:#fff;
}



.header_slider{
	margin-bottom:20px !important;
}

#meshalkin{
	display:flex;
	align-items:center;
	height:168px;
	margin-bottom:20px;
	padding:20px 54px 20px 20px;
	gap:30px;
	color:#fff;
	background:url(/local/templates/ptc/components/bitrix/menu/services-main/images/meshalkin.png) center center no-repeat var(--marengo);
	background-size:cover;
	justify-content:flex-end;
	border-radius: 6px; 
}

#meshalkin .name{
	width:202px;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal; 
	text-transform:uppercase;
}

#meshalkin .desc{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;	
	max-width:350px;
}

.service_block{
	position:relative;
	margin-bottom:60px;
	background:#F8F8F8;
	border-radius: 5px;
	padding:20px 30px 105px 30px;
}


.service_block h1{
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin:0px 0px 12px 0px;
	padding:0px;
	text-align:left;
}

.service_block section.body{
	position:relative;
	padding:0px 0px 20px 0px;
}

.service_block section.body::before{
	/*
	content:'';
	width:calc(100% + 150px);
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	background: rgba(75, 85, 100, 0.8);
	opacity: 0.05;
	border-radius: 10px;
	*/
}

.service_block section.body .body_wr{
	position:relative;
}

.service_block.service_block_simple{}

.service_block.service_block_simple section.body{
	padding:22px 22px 20px 22px;
}


.service_block #service_menu{
	margin-left:0px;
	position:sticky;
	left:0px;
	top:0px;
}


.service_block.service_block_simple article.service::before {
	content:none;
}

.header_bl_new{
	display:flex;
	padding:29px 29px 29px 0px;
	background:#fff;
	border-radius:20px;
	margin-bottom:40px;
	align-items:center;
}

.header_bl_new .pic{
	margin-right:30px;
	flex-shrink:0;
	max-width:427px;
}

.header_bl_new .pic a{
	display:block;
	height:216px;
	background-size:cover;
	background-position:center;
}

.header_bl_new .pic .youtube-video{
	margin-bottom:0px;
}

.header_bl_new .pic img{
	border-radius:10px;
}

.header_bl_new .logo{
	margin-bottom:20px;
}

.header_bl_new .logo img{
	width:98px;
}

.header_bl_new .caption{
	text-align:left;
	line-height:1.3;
	font-size:18px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:var(--marengo);
}

.header_bl_new .note a{
	display:inline-block;
	vertical-align:top;
	padding:25px 20px;
	line-height:1;
	background:var(--blue);
	text-decoration:none;
	color:#fff;
	font-size:18px;
	border-radius:5px;
}

.header_bl_new .note a:hover{
	background:var(--red);
}

.service_block aside .title{
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	margin-bottom:26px;
}

/*******/

.service_tab{
	margin-bottom:30px;
}

.service_tab .header {
    padding-bottom: 30px;
	display:flex;
	gap:30px;
	flex-wrap:wrap;
}

.service_tab .header .item{
    display: inline-block;
    width: 160px;
	padding:17px 15px 12px 15px;
    text-align: center;
	cursor:pointer;
	background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F2F8FB;
	border-radius: 15px;
}

.service_tab .header .item .pic{
	height:130px;
	margin-bottom:23px;
}

.service_tab .header .item .pic img{
	max-width:100%;
	max-height:130px;
}

.service_tab .header .item .title{
	text-transform:uppercase;
	color:var(--blue);
	font-size:13px;
}



.service_tab .header .item.active {
	background: radial-gradient(100% 100% at 50% 100%, rgba(45, 150, 202, 0.3) 0%, rgba(182, 231, 255, 0.087) 100%), #F2F8FB;
}

.service_tab .header .item.active .title{
	font-weight:bold;
	color:var(--marengo);
}

.service_tab .header .item:hover{
	background: #FFFFFF;
	/* Тень при хавере карточки */
	box-shadow: -9px 5px 43px rgba(45, 150, 202, 0.2);
}

.service_tab .header .item:hover .title{
	color:var(--blue);
}


.service_tab .desc {
}

.service_tab .desc .item{
	display:none;
    padding: 25px;
	background: #F2F8FB;
	border-radius: 0px 0px 8px 8px;
}

#service_list{
	
}

#service_list .item{
	margin-bottom:20px;
}

#service_list .item .pic{
	margin-bottom:15px;
	display:block;
	min-height:125px;
	border-radius: 5px;
	background-size:cover;
}

#service_list .item .pic img{
	display:none;
}

/*
#service_list .item .pic img{
	max-height:125px;
	width:100%;
	border-radius: 5px; 
}
*/

#service_list .item .txt{
	font-size: 14px; 
}

#service_list .item .txt h2{
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; 
	text-transform:none;
	margin:0px;
}

#service_list .item .txt h2 a{
	color:var(--marengo);
	text-decoration:none;
}

#service_list .item .txt h2 a:hover{
	color:var(--red);
}


#service_list .item .txt .links{
	margin-bottom:0px;
}

#service_list .item .txt .links{
	padding-top:15px;
}

#service_list .item .txt .links li{
	background:none;
	padding:0px;
	margin-bottom:5px;
}

#service_list .item .txt .links li::before{
	content:none;
}

#service_list .item .txt .links li a{
	font-size:14px;
	line-height:1;
	padding:10px;
	color:var(--marengo);
	text-decoration:none;
	border-radius: 3px;
	border: 1px solid #EDEEF0;
	background: #FFF; 
	display:block;
}

#service_list .item .txt .links li a:hover,
#service_list .item .txt .more a:hover{
	background:var(--marengo);
	color:#fff;
}

#service_list .item .header{
	display:flex;
	gap:15px;
	align-items:center;
}

#service_list .item .header .more{
	flex-shrink:0;
	margin-left:auto;
}

#service_list .item .header .more .btn{
	width:150px;
	height:45px;
	font-size: 12px; 
	font-weight:bold;
	gap:10px;
	border-radius: 5px; 
}

#service_list .item .header .more .btn .icon{
	width:auto;
	height:auto;
}

#service_list .item .header .more .btn:hover svg path{
	fill:#fff;
}



/*******/

@media (max-width: 991px){
	

	#meshalkin .name{
		text-shadow:1px 1px 1px #000;
	}
}


@media (max-width: 800px){

	#meshalkin{
		display:none;
	}
	
	#service_list .item .header{
		flex-direction:column;
	}
	
	#service_list .item .header .more{
		margin-left:0px !important;
	}
	
	#service_list .item .txt h2{
		margin:0px;
	}	
	
	#service_list .item .txt article{
		margin:0px;
	}
	
}
/* End */
/* /local/templates/ptc/components/bitrix/menu/services-main/style.css?17703834237358 */