/* Start:/local/templates/.default/components/bitrix/news.list/vacancy/style.css?172602985010583*/
body h1{
	text-align:left;
	font-size:20px;
	margin-bottom:20px;
	font-weight:normal;
}

.bold{
	font-weight:bold;
}

.pt-30{
	padding-top:30px;
}

.uppercase{
	text-transform:uppercase;
}

#vacancy_header{
	display:flex;
	/*max-width:1028px;*/
	margin:0px auto 32px auto;
	gap:35px;
	justify-content:flex-end;
}

#vacancy_header .about{
	font-size:22px;
	width:100%;
	max-width:346px;
	font-weight:300;
}

#vacancy_header .about .caption{
	font-size:36px;
	margin-bottom:10px;
	font-weight:bold;
}

#vacancy_header .me{
	height:230px;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/me.png) 0px 0px no-repeat;
	padding:10px 10px 10px 245px;
	border: 1px solid rgba(75, 85, 100, 0.1);
	display:flex;
	align-items:center;
	width:100%;
	max-width:590px;
	font-weight:300;
}

#vacancy_header .me .txt{
	text-align:center;
}


#vacancy_supertext{
	max-width:592px;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	margin-bottom:54px;
	margin-left:169px;
}

#vacancy_work_desc{
	display:flex;
	align-items:center;
	padding:16px 0px 16px 322px;
	justify-content:flex-end;
	gap:43px;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/vacancy_work_bg.png) right top no-repeat #E0E5F1;
	position:relative;
	margin-bottom:60px;
}

#vacancy_work_desc .txt{
	display:flex;
	flex-direction:column;
	gap:10px;
}

#vacancy_work_desc .txt p{
	padding: 5px 10px 6px 28px;
	background:#fff;
	margin:0px;
	border-radius: 3px; 
	position:relative;
}

#vacancy_work_desc .txt p::before{
	content:'';
	width:8px;
	height:8px;
	border-radius:50%;
	background:#E0E5F1;
	left:10px;
	top:50%;
	margin-top:-4px;
	position:absolute;
}

#vacancy_work_desc .girl{
	position:absolute;
	left:0px;
	bottom:0px;
}

#vacancy_work_desc .logo{
	flex-shrink:0;
	margin-right: -10px;
}

/*
#vacancy_work_desc{
	min-height:274px;
	padding-left:478px;
	padding-top:86px;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/girl.png) 0px 0px no-repeat;
}

#vacancy_work_desc p{
	margin:0px 0px 16px 0px;
}

#vacancy_welcome{
	box-sizing:border-box;
	min-height:391px;
	background: linear-gradient(105.56deg, #FFFFFF 5.61%, rgba(255, 255, 255, 0) 71.3%), #EEEEEE;
	padding:58px 40px;
	border-radius: 8px;
	position:relative;
}

#vacancy_welcome::before{
	content:'';
	width:412px;
	height:361px;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/group.png);
	position:absolute;
	right:41px;
	top:23px;
}

#vacancy_welcome .txt{
	max-width:594px;
}

#vacancy_welcome .caption{
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:75px;
}
*/


#vacancy_welcome{
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/vacancy_welcome_line.svg) right top no-repeat, #313745;
	border-radius:8px;
	min-height:391px;
	position:relative;
	color:#fff;
	display:flex;
	align-items:flex-end;
	padding:20px 20px 61px 91px;
}

#vacancy_welcome::before{
	width:100%;
	content:'';
	position:absolute;
	height: calc( 100% + 53px );
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/vacancy_welcome_people.png) center bottom no-repeat;
	background-size:100% auto;
	z-index:10;
	bottom:0px;
	left:0px;
}

#vacancy_welcome::after{
	width:360px;
	content:'';
	position:absolute;
	height: 100%;
	background:url(/local/templates/.default/components/bitrix/news.list/vacancy/images/vacancy_welcome_duga.svg) left top no-repeat;
	z-index:30;
	top:0px;
	left:0px;	
}

#vacancy_welcome .txt{
	position:relative;
	z-index:20;
	display:flex;
	gap:35px;
	align-items:center;
}

#vacancy_welcome .txt .caption{
	padding:14px 23px;
	background:var(--red);
	font-size: 30px; 
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
	border-radius: 6px; 
	line-height: 1.1;
}

#vacancy_welcome .txt .caption small{
	font-size: 24px; 
}


#vacancy_welcome .line1{
	margin-bottom:13px;
}

/****/

#vacancy_alert{
	display:flex;
	padding:0px 94px;
	align-items:center;
	margin-bottom:25px;
}

#vacancy_alert .l{
	position:relative;
	z-index:20;
	white-space: nowrap;
	font-size: 24px;
	font-weight: 700; 
}

#vacancy_alert .r{
	position:relative;
	z-index:20;
}

#vacancy_alert .pic{
	position:relative;
	z-index:10;
	margin-left: -63px;
	margin-right: 36px;
}


/****/

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

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

#vacancy_list .vnav ul{
	list-style:none;
	padding:20px 12px 20px 12px;
	background: #E0E5F1;
	border-radius: 5px;
	font-size:14px;
	font-weight:bold;
}

#vacancy_list .vnav ul li{
	padding:15px 10px;
	background:#fff;
	border-radius: 5px;
	display:block;
	cursor:pointer;
	transition:background 0.3s linear;
	box-shadow: 0px 10px 43px 0px rgba(75, 85, 100, 0.14); 
}

#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:20px;
}

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

#vacancy_list .list .content{
	padding:40px;
	border: 1px solid #EDEEF0;
	border-radius: 8px;
	margin-bottom:13px;
}

#vacancy_list .item{
	display:none;
}

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

#vacancy_list .item .head{
	display:flex;
	align-items:center;
	margin-bottom:30px;
}

#vacancy_list .item .head .name{
	flex-grow:1;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

#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;
	margin-bottom:20px;
	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{
	display: flex;
	min-height: 60px;
	width:100%;
	max-width: 310px;
	box-sizing: border-box;
	padding: 12px 20px;
	background: var(--marengo);
	border-radius: 2px;
	align-items: center;
	justify-content: center;
	color:#fff;
}

#vacancy_list .item .head .request .btn:hover{
	background: var(--bgray);
	color:var(--marengo);
}

#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;
	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 10px 20px 40px;
	border-radius:8px;
}

#vacancy_list .footer .icon{
	width:80px;
	height:74px;
	background: var(--red);
	border-radius: 5px;
	margin-right:50px;
	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: 24px; 
	margin-bottom:15px;
}

#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_radio{
	display:grid;
	grid-template-columns:1fr 1fr;
	outline:1px solid #EDEEF0;
	position:relative;
	max-width:350px;
	margin-bottom:20px;
	border-radius:50px;
}

#vacancy_radio .radio{
	display:flex;
	align-items:center;
	justify-content:center;
	height:55px;
	font-size:14px;
	line-height:1;
	border-radius:50px;
	text-align:center;
	position:relative;
	z-index:2;
	
}

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

#vacancy_radio .radio.active{
	color:#fff;
}

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

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

@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_list .vnav{
	}
	/*
	#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;
	}
	
	#vacancy_alert .pic{
		display:none;
	}
	
	#vacancy_alert .l{
		margin-bottom:20px;
	}
	
}

@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;
	}
	
	#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?172602985010583 */