/* Start:/local/templates/.default/components/bitrix/news.list/vacancy/style.css?178370317710637*/
h1{
	position:relative;
}

h1::after{
	content:'';
	width:20px;
	height:20px;
	position:absolute;
	right:0px;
	margin-top:-10px;
	top:50%;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/arrow.svg) 0px 0px no-repeat;
}

#vacancy_header{
	display:grid;
	grid-template-columns:1fr 150px 1fr;
	gap:25px;
	line-height:1;
	/*font-size:24px;*/
	margin-bottom:30px;
}

#vacancy_header p{
	margin:0px;
}

#vacancy_header b{
	font-weight:500;
}

#vacancy_header .caption{
	font-size:32px;
	font-weight:500;
	margin-bottom:1rem;
}

#vacancy_header .subcaption{
	margin-bottom:38px;
}

#vacancy_header .note{
	position:relative;
	padding-left:42px;
}

#vacancy_header .note::before{
	content:'';
	width:28px;
	height:1px;
	left:0px;
	top:16px;
	position:absolute;
	background:rgba(0, 0, 0, 0.22);
}

#vacancy_header .me{
	display:grid;
	gap:1rem;
	padding-top:29px;
}

#vacancy_alert{
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:space-between;
	font-size:32px;
	font-weight:500;
	line-height:1;
	margin:0px 0px 30px 0px;
}

#vacancy_alert .pic{
	flex-shrink:0;
}

#vacancy_alert .txt{
	max-width:572px;
	flex-grow:1;
	text-transform:uppercase;
}

#vacancy_ol{
	display:flex;
	gap:66px;
	align-items:center;
	justify-content:space-between;	
	line-height:1;
	font-size:24px;
	font-weight:500;
	margin:30px 0px;
}

#vacancy_ol .txt{
	padding-top:11px;
}

#vacancy_ol .txt ol{
	counter-reset: ol-counter;
	list-style:none;
	padding:0px;
	margin:0px;
}

#vacancy_ol .txt ol li{
	counter-increment: ol-counter;
	padding-left:46px;
	position:relative;
	border-bottom:1px solid #D9D9D9;
	padding-bottom:15px;
	margin-bottom:15px;
}

#vacancy_ol .txt ol li:last-of-type{
	margin-bottom:0px;
}

#vacancy_ol .txt ol li::before{
	content:'0'counter(ol-counter);
	position:absolute;
	color:#D5D5D5;
	font-size:16px;
	left:0px;
	top:0px;
}

#vacancy_vozm{
	margin:30px 0px;
	line-height:1;
	/*font-size:24px;*/
	font-weight:500;
}

#vacancy_vozm .caption{
	font-size:32px;
	margin-bottom:26px;
}

#vacancy_vozm .body{
	display:flex;
	align-items:center;
	gap:35px;
}

#vacancy_vozm .body .icon{
	flex-shrink:0;
}


#vacancy_banner{
	margin:30px 0px 0px 0px;
}


/****/

#vacancy_gray{
	position:relative;
	margin:30px 0px;
}

#vacancy_gray::before{
	content: '';
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	top: 0px;
	margin-left: calc( 0px - ((100vw - 100%)/2) );
	background:#F7F7F7;
	z-index:1;
	
}

#vacancy_gray .in{
	position:relative;
	z-index:10;
	padding:46px 0px 35px 0px;	
}



#vacancy_list{
	display:flex;
	align-items:flex-start;
	gap:30px;
	margin:30px 0px;
}

#vacancy_list .vnav{
	width:360px;
	flex-shrink:0;	
}

#vacancy_list .vnav ul{
	list-style:none;
	padding:20px 12px 20px 12px;
	background: #F7F7F7;
	border-radius: 6px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-3%;
	line-height:1;
}

#vacancy_list .vnav ul li{
	padding:20px 16px;
	background:#fff;
	border-radius: 5px;
	display:block;
	cursor:pointer;
	transition:background 0.3s linear;
}

#vacancy_list .vnav ul li.hidden{
	display:none;
}

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

#vacancy_list .vnav ul li:not(:last-of-type){
	margin-bottom:12px;
}

#vacancy_list .list{
	flex-grow:1;
	
	box-sizing: border-box;	
	
}

#vacancy_list .list .content{
	padding:15px;
	background: #F7F7F7;	
	border: 1px solid rgba(75, 85, 100, 0.12);
	border-radius: 6px;
	margin-bottom:15px;
	color:var(--marengo);
}

#vacancy_list .item{
	display:none;
}

#vacancy_list .item.active{
	display:block;
}

#vacancy_list .item .head{
	display:flex;
	align-items:center;
	margin-bottom:21px;
	gap:10px;
	flex-grow:1;
	background:#fff;
	padding:25px;
	color:var(--marengo);
	border-radius:6px;
}

#vacancy_list .item .head .left{
	max-width:360px;
}

#vacancy_list .item .head .name{
	
	font-size:28px;
	font-weight:500;
}

#vacancy_list .item .head .price{
	padding-top:10px;
	font-size:24px;
	font-weight:500;
}

#vacancy_list .item .head .price span{
	font-size:16px;
	font-weight:400;
}

#vacancy_list .item .head .rbl{
	margin-left:auto;
}

#vacancy_list .item .head .zarplata{
	display:flex;
	min-height:60px;
	width:310px;
	box-sizing:border-box;
	padding:12px 20px;
	background: var(--red);
	border-radius: 2px;
	align-items:center;
	justify-content:center;
	color:#fff;
}

#vacancy_list .item .head .zarplata .txt{
	text-align:center;
}

#vacancy_list .item .head .request{
	text-align:right;
}

#vacancy_list .item .head .request .btn{
	min-height: 53px;
	width:185px;
}



#vacancy_list .item .address{
	margin-bottom:30px;
}

#vacancy_list .item .opit{
	margin-bottom:16px;
}

#vacancy_list .item .tip{
	margin-bottom:16px;
}

#vacancy_list .item .desc{
	font-weight:300;
}

#vacancy_list .item .desc h3{
	border:none;
	padding:0px;
	font-size:16px;
	text-transform:none;
	margin:0px 0px 19px 0px;
	font-weight:bold;
}

#vacancy_list .item .desc ul{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 1rem;
	/*list-style:none;*/
}
/*
#vacancy_list .item .desc ul li{
	margin-bottom:16px;
	position:relative;
	padding-left:28px;
}

#vacancy_list .item .desc ul li::before{
	content:'';
	width:12px;
	height:12px;
	border-radius:50%;
	background:#E0E5F1;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-6px;
}

#vacancy_list .item .desc ul li:last-of-type{
	margin-bottom:0px;
}
*/



#vacancy_list .footer{
	background:var(--marengo);
	color:#fff;
	position:relative;
	display:flex;
	align-items:center;
	padding: 20px 14px 20px 18px;
	border-radius: 8px;
	gap: 15px;
	box-sizing:border-box;
	max-width:492px;
}

#vacancy_list .footer .icon{
	width:72px;
	height:72px;
	background: var(--red);
	border-radius: 5px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#vacancy_list .footer .f1{
	margin-bottom:6px;
}

#vacancy_list .footer a{
	text-decoration:none;
}

#vacancy_list .footer a:hover{
	text-decoration:underline;
}

#vacancy_list .footer .footer_title{
	font-size: 20px; 
	margin-bottom:4px;
}

#vacancy_list .footer .footer_note{
	font-weight:300;
}

/*

#vacancy_list .footer .footer_phone{
	font-weight: 300; 
}

#vacancy_list .footer .footer_email{
	font-weight: 600; 
}

#vacancy_list .footer .footer_email a{
	color:#fff;
	text-decoration:underline;
}
*/
#vacancy_list .footer .footer_phone{
	display:flex;
	gap:13px;
	font-size:16px;
	padding-top:9px;
}

#vacancy_list .footer .footer_phone a{
	color:#fff;
	text-decoration:none;
}

#vacancy_list .footer .footer_phone a:hover{
	color:var(--red);
	text-decoration:none;
}

#vacancy_radio{
	display:grid;
	grid-template-columns:1fr 1fr;
	border:1px solid rgba(75, 85, 100, 0.12);
	position:relative;
	max-width:360px;
	margin-bottom:15px;
	border-radius:5px;
	background: #F7F7F7;
}

#vacancy_radio .radio{
	display:flex;
	align-items:center;
	justify-content:center;
	height:64px;
	line-height:1;
	text-align:center;
	position:relative;
	z-index:2;	
	font-weight:500;
	font-size:16px;	
	color:#999999;
}

#vacancy_radio::before{
	content:'';
	width:50%;
	height:7px;
	border-radius:5px;
	background:var(--marengo);
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
	transition:left 0.1s;
}

#vacancy_radio .radio.active{
	color:#4B5564;
}

#vacancy_radio .radio:not(.active){
	cursor:pointer;
}

#vacancy_radio.tula::before{
	left:50%;
}

#vacancy_radio .moscow{
	display:none;
}

@media (max-width: 1200px){
	
	#vacancy_welcome::before{
		content:none;
	}
	
	#vacancy_welcome::after {
		content:none;
	}
	
	#vacancy_welcome .txt{
		flex-direction:column;
	}
	
	#vacancy_welcome{
		background:var(--marengo);
		padding:15px;
		min-height:auto;
	}
	
	#vacancy_welcome .txt{
		align-items:flex-start;
	}
	
	#vacancy_welcome .txt .caption{
		font-size:22px;
	}
	
	#vacancy_welcome .txt .caption small{
		font-size:19px;
	}
	
	
}

@media (max-width: 990px){
	
	#vacancy_header{
		display:block;
	}
	
	#vacancy_header .about{
		margin-bottom:20px;
		width:100%;
		max-width:none;
	}
	
	#vacancy_header .me{
		width:100%;
		max-width:none;		
	}
	
	#vacancy_work_desc{
		padding:0px;
		background:none;
		min-height:auto;
	}
	
	#vacancy_welcome{
		min-height:auto;
	}
	
	#vacancy_list{
		flex-direction:column;
	}
	
	#vacancy_radio{
		max-width:none;
	}
	
	#vacancy_list .vnav{
		width:100%;
	}
	/*
	#vacancy_list .vnav ul.blank{
		position:absolute;
		visibility:hidden;
		left:-9999px;
	}
	*/
	#vacancy_list .list .item{
		display:block;
		margin-bottom:20px;
		padding-bottom:2px;
		border-bottom:1px solid #d9d9d9;
	}
	
	#vacancy_supertext{
		margin-left:0px;
		margin-bottom:20px;
	}
	
	#vacancy_work_desc .girl{
		display:none;
	}
	
	#vacancy_work_desc .logo{
		display:none;
	}
	
	#vacancy_work_desc{
		justify-content:flex-start;
		margin-bottom:20px;
	}
	
	#vacancy_alert{
		flex-direction:column;
		padding:0px;
		align-items: flex-start;
		font-size:22px;
	}
	
	#vacancy_alert .txt{
		max-width:none;
	}
	
	#vacancy_alert .pic{
		display:none;
	}
	
	#vacancy_alert .l{
		margin-bottom:20px;
	}
	
	#vacancy_ol {
		font-size:20px;
	}
	
	#vacancy_ol .pic{
		display:none;
	}
	
	#vacancy_ol .txt ol li{
		padding-left:30px;
	}
	
}

@media (max-width: 630px){
	
	#vacancy_header{
		margin-bottom:40px;
	}
	
	#vacancy_header .me{
		height:auto;
		background:none;
		padding:0px;
		border:none;
		text-align:left;
	}
	
	#vacancy_header .me .txt{
		text-align:left;
	}
	/*
	#vacancy_welcome{
		background:none;
		padding:0px;
	}
	
	#vacancy_welcome .caption{
		margin-bottom:20px;
	}
	*/
	#vacancy_list .item .head{
		display:block;
		padding:15px;
	}
	
	#vacancy_list .item .head .left{
		margin-bottom:10px;
	}
	
	#vacancy_list .item .head .name{
		margin-bottom:20px;
	}
	
	#vacancy_list .item .head .zarplata{
		margin-left:0px;
		width:100%;
		box-sizing:border-box;
	}
	
	#vacancy_list .list .content{
		padding:10px;
	}
	
	#vacancy_list .footer{
		padding:15px;
	}
	
	#vacancy_list .footer .icon{
		display:none;
	}
	
	#vacancy_list .item .head .request .btn{
		width:100%;
		max-width:none;
	}
	
}
/* End */
/* /local/templates/.default/components/bitrix/news.list/vacancy/style.css?178370317710637 */