

/* Start:/local/templates/.default/components/bitrix/news.detail/inner_karera/style.css?17919860307915*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}
.inner_title{
	padding-bottom:30px!important;
}
.title_text{
	max-width: 1351px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	color: var(--Black, #3F3C4C);
	text-align: center;
	margin-bottom: 74px;
}
.values_title{
	max-width: 128px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid var(--Red, #EA6952);
	color: var(--Black, #3F3C4C);
	/* Regular_18 */
	font-family: "DIN Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	margin-bottom: 60px;
}
.margin_title_two{
	margin-bottom: 70px;
}
.values_item{
	border-radius: 24px;
	border-right: 1px solid var(--Grey, #C0BCD2);
	border-left: 1px solid var(--Grey, #C0BCD2);
	max-height: 320px;
	height:100%;
	padding:40px 5px 13px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.values_content{
	max-width: 420px;
	width: 100%;
	text-align: center;
}
.values_number{
	margin-bottom:40px;
	color: var(--Blue_Dark, #21145F);
	font-family: Supermolot;
	font-size: 80px;
	font-style: normal;
	font-weight: 400;
	line-height: 65px;
	text-transform: uppercase;
}
.values_text{
	margin-bottom:0px;
	color: #3F3C4C;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
}
.img_ditail {
    width: 100%;
    margin-bottom: 70px; /* или нужный вам отступ */
}

.img_ditail img {
    width: 100%;
	height: 100%;
	max-height: 650px;
    max-width: 1720px; /* соответствует размеру ресайза */
    height: auto;
    border-radius: 48px;
    display: block;
    margin: 0 auto; /* центрирование */
}


.offer_title{
	text-align: center;
}
.offer ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
.offer ol li{
	position:relative;
	counter-increment: counters;
	color: var(--Black, #3F3C4C);
	color: #3F3C4C;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 125% */
	padding:32px 40px 32px 99px;
	border-radius: 24px;
	background: #EEECF4;
	
}
.offer ol li:not(:last-child) {
	margin-bottom: 16px;
}
/*.offer ol li::before{
	content: counters(counters, "", decimal-leading-zero) !important;
	color: var(--Blue_Dark, #21145F);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; 
	opacity: 0.5;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	padding:32px 40px 32px 40px;
}*/
.vacancies_img{
  text-align: center;
	margin-bottom: 60px;
}
.vacancies_img img{
  max-width: 827px;
  width: 100%;
  max-height: 1195px;
  height: 100%;
}
.button_vacancies{
	max-width: 162px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.button_vacancies a:hover{
	text-decoration: none;
}
.button_vacancies_border{
	border-radius: 48px;
border: 1px solid var(--Red, #EA6952);
padding: 12px 24px;
	color: var(--Red, #EA6952);
	font-family: "DIN Pro";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
}
.footer_top{
	border-radius: 0px!important;
    margin-top: 0px!important;
}
@media(max-width: 992px){
	.values_item:not(:last-child){
		margin-bottom:90px;
	}
	.values_margin:not(:last-child){
	margin-bottom: 30px;
}
}
@media (max-width: 768px) {
    .offer ol li {
        font-size: 18px !important;
    }
		.title_text {
    margin-bottom: 60px;
	}
	.margin_title_two {
    margin-bottom: 60px;
}
}
@media (max-width: 576px) {
	.values_number {
    margin-bottom: 10px;
    font-size: 50px;
	}
	.offer ol li {
    padding: 20px 30px 20px 80px;
	}
	.offer ol li::before{
		padding: 20px 30px 20px 30px;
	}
}
@media (max-width: 768px) {
    .section_main {
        margin-bottom: 0px!important;
    }
}

/* Keep HH's live feed; its random class suffixes and !important resets
   require scoped selectors for the career block. */
.vacancies .margin_title_two {
	margin-bottom: 32px;
}
.vacancies .vacancies_img {
	margin-bottom: 28px;
	text-align: left;
}
.vacancies .vacancies_img [class^="hh-"] {
	font-family: "DIN Pro", Arial, sans-serif !important;
}
.vacancies .vacancies_img [class^="hh-widget-"] {
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	overflow: visible !important;
}
.vacancies .vacancies_img [data-qa="widget-title"] {
	display: none !important;
}
.vacancies .vacancies_img [class^="hh-widget-"] [class^="hh-vacancies-"] {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	background: transparent !important;
}
.vacancies .vacancies_img [data-qa="vacancy"] {
	position: relative !important;
	min-width: 0 !important;
	min-height: 210px;
	margin: 0 !important;
	padding: 28px 28px 76px !important;
	border: 1px solid #dedbe9 !important;
	border-radius: 24px;
	background: #f5f3f9 !important;
	overflow: visible !important;
	transition: border-color .2s ease, background-color .2s ease;
}
.vacancies .vacancies_img [data-qa="vacancy"]:hover {
	border-color: #EA6952 !important;
	background: #EEECF4 !important;
}
.vacancies .vacancies_img [data-qa="title"] {
	position: static !important;
	margin: 0 0 16px !important;
	font-size: 26px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	color: #21145F !important;
	background: transparent !important;
	text-decoration: none !important;
	text-overflow: clip !important;
	overflow: visible !important;
	overflow-wrap: anywhere;
}
.vacancies .vacancies_img [data-qa="title"]::before {
	content: "" !important;
	position: absolute;
	inset: 0;
	border-radius: 24px;
	z-index: 1;
}
.vacancies .vacancies_img [data-qa="title"]::after {
	content: "Подробнее и откликнуться ↗" !important;
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 24px;
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	color: #EA6952;
}
.vacancies .vacancies_img [data-qa="title"]:focus-visible {
	outline: none;
}
.vacancies .vacancies_img [data-qa="title"]:focus-visible::before {
	outline: 2px solid #EA6952;
	outline-offset: 4px;
}
.vacancies .vacancies_img [data-qa="description"] {
	margin: 0 !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: #3F3C4C !important;
	background: transparent !important;
}
.vacancies .vacancies_img [class^="hh-logo-wrapper-"] {
	display: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	margin: 18px 0 0 !important;
	background: transparent !important;
}
.vacancies .vacancies_img [data-qa="logo"] {
	width: fit-content !important;
	height: auto !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	color: #d6001c !important;
	background: none !important;
}
.vacancies .vacancies_img [data-qa="logo"]::after {
	content: "hh.ru" !important;
}
.vacancies .vacancies_img [class^="hh-error-link-"] {
	padding: 24px !important;
	border: 1px solid #dedbe9 !important;
	border-radius: 24px;
	font-size: 20px !important;
	line-height: 1.4 !important;
	color: #21145F !important;
	background: #f5f3f9 !important;
}
@media (max-width: 767px) {
	.vacancies .vacancies_img [class^="hh-widget-"] [class^="hh-vacancies-"] {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
	.vacancies .vacancies_img [data-qa="vacancy"] {
		padding: 24px 48px 72px 24px !important;
		min-height: 190px;
	}
	.vacancies .vacancies_img [data-qa="title"] {
		font-size: 23px !important;
	}
	.vacancies .vacancies_img [data-qa="title"]::after {
		left: 24px;
		right: 24px;
		font-size: 16px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vacancies .vacancies_img [data-qa="vacancy"] {
		transition: none;
	}
}

/* End */
/* /local/templates/.default/components/bitrix/news.detail/inner_karera/style.css?17919860307915 */
