/*
 * Страница услуги
 */
.page-content{
	overflow:unset;
}
.container-service{
	margin-bottom:100px;
}
.container-service .data{
	width:70%;
}
.sidebar{
	width:27%;
}
.sidebar nav{
	position:relative;
	-webkit-transition:top .3s ease-out;
	transition:top .3s ease-out;
	border:1px solid #f0f0f0;
	padding:20px;
}
.sidebar nav:after{
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	background:url('../../img/service-sidebar-top.webp') no-repeat bottom right / auto;
	z-index:0;
	opacity:.6;
}
.sidebar nav > div{
	position:relative;
	z-index:1;
}
.sidebar nav li{
	position:relative;
	padding:5px 0 0;
}
.sidebar nav .menu > li{
	padding-top:7px;
	padding-bottom:7px;
}
.sidebar nav .menu > li > a{
	font-size:1.2em;
	font-weight:500;
}
.sidebar nav .menu .current-page-ancestor > a,
.sidebar nav .menu .current-menu-ancestor > a{
	color:var(--c-dark);
	font-weight:600;
}
.sidebar > .menu > li{
	border-top:1px solid #eee;
	padding:10px 0 5px 0;
}
.sidebar > .menu > li:first-child{
	border-top:0;
}
.sidebar .sub-menu{
	display:none;
	margin:7px 0 0 5px;
}
.sidebar .sub-menu a{
	color:#393939;
	font-weight:400;
}
.sidebar .sub-menu > li{
	padding:7px 0 5px 10px;
	border-top:1px solid #f7f7f7;
}
.sidebar .sub-menu > li li{
	font-size:.95em;
}
.sidebar .menu > li > .sub-menu > li > a{
	font-weight:500;
}
.sidebar .sub-menu > li:first-child{
	border-top:0;
}
.sidebar .menu .menu-item-has-children > a{
	padding-right:20px !important;
}
.sidebar .menu .menu-item-has-children:after,
.sidebar .menu .current-menu-item:after{
	content:'';
	position:absolute;
	right:0;
	top:14px;
	width:15px;
	height:15px;
	opacity:.5;
	background-repeat:no-repeat;
	z-index:2;
	cursor:pointer;
}
.sidebar .sub-menu .menu-item-has-children:after{
	top:10px;
}
.sidebar .menu .menu-item-has-children:after,
.sidebar .menu .menu-item-has-children.current-menu-item.current-hidden:after,
.sidebar .menu .current-menu-parent.menu-item-has-children.current-hidden:after,
.sidebar .menu .current-hidden:after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNSA1IEwgMTUgMTUgTCA1IDE1IEwgNSAxNyBMIDE1IDE3IEwgMTUgMjcgTCAxNyAyNyBMIDE3IDE3IEwgMjcgMTcgTCAyNyAxNSBMIDE3IDE1IEwgMTcgNSBaIi8+PC9zdmc+");
}
.sidebar .menu .menu-item-has-children.active:after,
.sidebar .menu .menu-item-has-children.current-menu-item:after,
.sidebar .menu .current-menu-parent.menu-item-has-children:after,
.sidebar .menu .current-menu-parent > .menu-item-has-children:after,
.sidebar .menu .current-menu-ancestor:after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA1IDE1IEwgNSAxNyBMIDI3IDE3IEwgMjcgMTUgWiIvPjwvc3ZnPg==");
}
.sidebar .menu .menu-item-has-children.active:after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSA1IDE1IEwgNSAxNyBMIDI3IDE3IEwgMjcgMTUgWiIvPjwvc3ZnPg==") !important;
}
.sidebar .menu .menu-item-has-children.not-active:after{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTSAxNSA1IEwgMTUgMTUgTCA1IDE1IEwgNSAxNyBMIDE1IDE3IEwgMTUgMjcgTCAxNyAyNyBMIDE3IDE3IEwgMjcgMTcgTCAyNyAxNSBMIDE3IDE1IEwgMTcgNSBaIi8+PC9zdmc+") !important;
}
.sidebar .current-menu-item > a{
	font-weight:600;
	color:#000 !important;
}
.sidebar .current-product-parent > a{
	font-weight:500;
	color: var(--color-green-dark) !important;
}
.sidebar .current-menu-item > a{
	display:flex;
	gap:7px;
}
.sidebar .current-menu-item > a:before{
	content:'';
	display:block;
	min-width:8px;
	height:8px;
	position:relative;
	top:8px;
	background:url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 256 256" height="512" viewBox="0 0 256 256" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path fill="rgb(252,204,0)" d="m228.992 146.827-180.398 103.224c-17.497 9.998-38.04-7.264-31.166-26.206l34.642-95.842-34.642-95.843c-6.874-18.982 13.669-36.205 31.166-26.207l180.398 103.224c14.606 8.319 14.568 29.331 0 37.65z"/></g></g></svg>') no-repeat center / contain;
}
.sidebar .sub-menu .current-menu-item > a:before{
	top:5px;
}
.sidebar .current-menu-item > .sub-menu,
.sidebar .current-menu-parent > .sub-menu,
.sidebar .current-menu-ancestor > .sub-menu{
	display:block;
}
.sidebar-consultation{
	padding:25px;
	margin:30px 0 0;
	background:var(--c1);
	color:#000;
	align-items:center;
	gap:10px;
	position:-webkit-sticky;
	position:sticky;
	top:150px;
}
.sidebar-consultation:before{
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	right:0;
	background:url('../../img/service-sidebar-bottom.webp') no-repeat top right / auto;
	z-index:0;
	opacity:.6;
}
.sidebar-consultation > p,
.sidebar-consultation > div{
	position:relative;
	z-index:1;
}
.sidebar-consultation .title{
	font-weight:500;
	margin:0 0 15px;
	font-size:1.5em;
}
.sidebar-consultation .phone{
	font-size:1.1em;
}
.sidebar-consultation .messengers{
	justify-content:center;
}
.sidebar-consultation .messengers a{
	width:30px;
	height:30px;
}
.entry-content svg{
	float:right;
	width:140px;
	height:auto;
	margin:0 0 25px 25px;
}
.entry-content svg path{
	fill:#848484;
}
.welcome p:last-child{
	margin-bottom:0;
}
.section-catalog{
	margin:0 0 50px;
}
.section-catalog .services-list{
	margin-top:30px;
	margin-bottom:0;
}
.section-portfolio{
	overflow:hidden;
	background:var(--c-dark);
}
.entry-content ol{
	list-style:none;
	counter-reset:list-counter;
}
.entry-content ol li{ 
	counter-increment:list-counter;
	padding:0 0 15px 15px;
	position:relative;
}
.entry-content ol li:before{
	content:counter(list-counter);
	font-size:.9em;
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	border:1px solid #dfdfdf;
	border-radius:50%;
	left:-29px;
	top:-2px;
	z-index:-1;
	display:flex;
	align-items:center;
	justify-content:center;
}
.entry-content .with-bold em{
	font-weight:600;
}
.entry-content .list-steps li{
	display:flex;
	flex-direction:column;
	gap:5px;
}
@media screen and (max-width:1024px){
	.sidebar{
		display:none;
	}
	.container-service{
		margin-bottom:20px;
		margin-top:40px;
	}
	.container-service .data{
		width:100%;
	}
}
@media screen and (max-width:768px){
	.entry-content svg{
		width:100px;
	}
}
@media screen and (max-width:667px){
	.entry-content svg{
		width:70px;
	}
}