/* Start:/bitrix/templates/minimal_gray/components/bitrix/news.list/header_slider_new/style.css?179276436412800*/
/* =====================================================================
   Header slider NEW
   ─ Компьютер (от 992px): фото на весь блок, текст слева поверх фото,
     блок в постоянных пропорциях (--hs-ratio).
   ─ Планшет и телефон (до 991px): фото целиком сверху в своих пропорциях,
     текст под ним на тёмном фоне — ничего не обрезается.
   Класс .header_slider_wrap удвоен, а часть свойств с !important —
   чтобы перебить старые стили .header_slider из шаблона сайта.
   ===================================================================== */

.header_slider_wrap.header_slider_wrap {
	/* ── Настройки ───────────────────────────────────────── */
	--hs-ratio: 1920 / 680;                 /* пропорции блока на компьютере */
	--hs-bg-position: right top;             /* какую часть фото держать в кадре (по горизонтали и вертикали) */
	--hs-bg-color: #1a2e57;                 /* фон под текстом на телефоне (под цвет фото) */
	--hs-text-width: 600px;                 /* макс. ширина текстового блока */
	--hs-title-color: #ffffff;
	--hs-text-color: rgba(255, 255, 255, .92);
	--hs-note-color: rgba(255, 255, 255, .62);
	--hs-accent: #6aa7ee;
	--hs-arrow: clamp(28px, 2.6vw, 46px);
	--hs-overlay: linear-gradient(90deg,
		rgba(20, 35, 70, .85) 0%,
		rgba(20, 35, 70, .7) 35%,
		rgba(20, 35, 70, .25) 55%,
		rgba(20, 35, 70, 0) 68%);
	/* Отступ под шапку сайта, если она лежит поверх слайдера (ставит скрипт) */
	--hs-offset-top: 0px;

	position: relative;
	display: block;
	width: 100%;
	box-sizing: content-box !important;
	aspect-ratio: var(--hs-ratio);
	margin: 0 !important;
	padding: var(--hs-offset-top) 0 0 !important;
	overflow: hidden;
	background-color: var(--hs-bg-color);
}

/* ── Фото ─────────────────────────────────────────────────────────── */
.header_slider_wrap.header_slider_wrap .header_slider_media {
	position: absolute;
	top: var(--hs-offset-top);   /* фото начинается под шапкой, а не прячется за ней */
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	line-height: 0;
}

.header_slider_wrap.header_slider_wrap .header_slider_bg {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: var(--hs-bg-position);
}

/* Затемнение под текстом — только слева, правая часть фото остаётся чистой */
.header_slider_wrap.header_slider_wrap .header_slider_media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--hs-overlay);
	pointer-events: none;
}

/* ── Слайдер ──────────────────────────────────────────────────────── */
.header_slider_wrap.header_slider_wrap .header_slider {
	position: absolute !important;
	top: var(--hs-offset-top) !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	z-index: 2;
}

.header_slider_wrap.header_slider_wrap .header_slider .slick-list {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

.header_slider_wrap.header_slider_wrap .header_slider .slick-list,
.header_slider_wrap.header_slider_wrap .header_slider .slick-track,
.header_slider_wrap.header_slider_wrap .header_slider .slick-slide,
.header_slider_wrap.header_slider_wrap .header_slider .slick-slide > div,
.header_slider_wrap.header_slider_wrap .header_slider .slide {
	height: 100% !important;
}

.header_slider_wrap.header_slider_wrap .header_slider .slide {
	min-height: 0 !important;
	margin: 0 !important;
	outline: none;
}

.header_slider_wrap.header_slider_wrap .slide_inner {
	display: flex;
	align-items: center;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 2.5% 0 4.5%;
	box-sizing: border-box;
}

.header_slider_wrap.header_slider_wrap .slide_inner > .container {
	width: 100%;
	box-sizing: border-box;
	padding-left: max(15px, calc(1.5vw + var(--hs-arrow) + 16px));
	padding-right: max(15px, calc(1.5vw + var(--hs-arrow) + 16px));
}

.header_slider_wrap.header_slider_wrap .slide .slide_box {
	box-sizing: border-box;
	position: relative;
	float: none;
	width: 100%;
	max-width: var(--hs-text-width);
	margin: 0 !important;
	padding: 0 15px;
}

/* ── Текст ────────────────────────────────────────────────────────── */
.header_slider_wrap.header_slider_wrap .slide .slide_box .title {
	color: var(--hs-title-color) !important;
	font-size: clamp(22px, 2vw, 38px) !important;
	line-height: 1.15 !important;
	font-weight: 500;
	text-transform: uppercase;
	border-left: 3px solid var(--hs-accent);
	padding-left: .4em;
	margin: 0 !important;
	overflow-wrap: break-word;
	text-shadow: 0 1px 12px rgba(0, 0, 0, .3);
}

.header_slider_wrap.header_slider_wrap .slide .slide_box .text {
	color: var(--hs-text-color) !important;
	font-size: clamp(15px, 1.1vw, 20px) !important;
	line-height: 1.45 !important;
	font-weight: 300;
	margin: .9em 0 0 !important;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .3);
}

.header_slider_wrap.header_slider_wrap .slide .slide_box .note {
	color: var(--hs-note-color) !important;
	font-size: clamp(11px, .72vw, 13px) !important;
	line-height: 1.4 !important;
	margin: 1.3em 0 0 !important;
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, .15);
}

.header_slider_wrap.header_slider_wrap .slide .slide_box .text *,
.header_slider_wrap.header_slider_wrap .slide .slide_box .note * {
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	font-family: inherit;
}

.header_slider_wrap.header_slider_wrap .slide .slide_box .text p {
	margin: 0 0 .4em;
}
.header_slider_wrap.header_slider_wrap .slide .slide_box .text p:last-child {
	margin-bottom: 0;
}

.header_slider_wrap.header_slider_wrap .slide .slide_box .text ul {
	margin: 0 0 .4em;
	padding: 0;
	list-style: none;
}
.header_slider_wrap.header_slider_wrap .slide .slide_box .text li {
	position: relative;
	padding-left: 1.1em;
	margin: 0 0 .15em;
}
.header_slider_wrap.header_slider_wrap .slide .slide_box .text li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6em;
	width: .4em;
	height: .4em;
	border-radius: 50%;
	background: var(--hs-accent);
}

/* ── Точки ────────────────────────────────────────────────────────── */
.header_slider_wrap.header_slider_wrap .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3%;
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(8px, .8vw, 14px);
	margin: 0;
	padding: 0 15px;
	list-style: none;
	line-height: 0;
}

.header_slider_wrap.header_slider_wrap .slick-dots li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.header_slider_wrap.header_slider_wrap .slick-dots li button {
	display: block;
	width: clamp(9px, .9vw, 14px);
	height: clamp(9px, .9vw, 14px);
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
	font-size: 0;
	cursor: pointer;
	transition: background-color .25s, transform .25s;
}

.header_slider_wrap.header_slider_wrap .slick-dots li button::before {
	display: none;
}

.header_slider_wrap.header_slider_wrap .slick-dots li.slick-active button {
	background: #ffffff;
	transform: scale(1.15);
}

/* ── Стрелки ──────────────────────────────────────────────────────── */
.header_slider_wrap.header_slider_wrap .slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: var(--hs-arrow);
	height: calc(var(--hs-arrow) * 1.8);
	margin-top: calc(var(--hs-arrow) * -0.9);
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	opacity: .85;
	transition: opacity .2s;
}

.header_slider_wrap.header_slider_wrap .slider-arrow:hover {
	opacity: 1;
}

.header_slider_wrap.header_slider_wrap .slider-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(var(--hs-arrow) * .9);
	height: calc(var(--hs-arrow) * .9);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.header_slider_wrap.header_slider_wrap .slider-prev {
	left: 1.5%;
}
.header_slider_wrap.header_slider_wrap .slider-prev::before {
	transform: translate(-25%, -50%) rotate(-135deg) skew(-8deg, -8deg);
}

.header_slider_wrap.header_slider_wrap .slider-next {
	right: 1.5%;
}
.header_slider_wrap.header_slider_wrap .slider-next::before {
	transform: translate(-75%, -50%) rotate(45deg) skew(-8deg, -8deg);
}

/* ── Небольшие ноутбуки: чуть компактнее ─────────────────────────── */
@media (max-width: 1299px) and (min-width: 992px) {
	.header_slider_wrap.header_slider_wrap {
		--hs-ratio: 1920 / 760;
		--hs-text-width: 520px;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .title {
		font-size: clamp(20px, 2vw, 26px) !important;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .text {
		font-size: 15px !important;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .note {
		font-size: 11px !important;
		margin-top: 1em !important;
		padding-top: .8em;
	}
}

/* ── Планшет и телефон: фото сверху целиком, текст под ним ───────── */
@media (max-width: 991px) {
	.header_slider_wrap.header_slider_wrap {
		aspect-ratio: auto;
	}

	.header_slider_wrap.header_slider_wrap .header_slider_media {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}
	.header_slider_wrap.header_slider_wrap .header_slider_bg {
		height: auto;
		object-fit: initial;
	}
	/* плавный переход фото в фон под текстом */
	.header_slider_wrap.header_slider_wrap .header_slider_media::after {
		top: auto;
		height: 35%;
		background: linear-gradient(180deg, rgba(26, 46, 87, 0) 0%, var(--hs-bg-color) 100%);
	}

	.header_slider_wrap.header_slider_wrap .header_slider {
		position: relative !important;
		top: 0 !important;
		bottom: auto !important;
	}

	/* все слайды одной высоты — по самому длинному, блок не прыгает */
	.header_slider_wrap.header_slider_wrap .header_slider .slick-list,
	.header_slider_wrap.header_slider_wrap .header_slider .slick-track {
		height: auto !important;
	}
	.header_slider_wrap.header_slider_wrap .header_slider .slick-track {
		display: flex !important;
	}
	.header_slider_wrap.header_slider_wrap .header_slider .slick-slide {
		float: none;
		height: auto !important;
	}

	.header_slider_wrap.header_slider_wrap .slide_inner {
		align-items: flex-start;
		padding: 6px 0 52px;
	}
	.header_slider_wrap.header_slider_wrap .slide_inner > .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box {
		max-width: 680px;
	}

	.header_slider_wrap.header_slider_wrap .slide .slide_box .title {
		font-size: clamp(20px, 3.6vw, 28px) !important;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .text {
		font-size: clamp(15px, 2.2vw, 18px) !important;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .note {
		font-size: clamp(12px, 1.6vw, 13px) !important;
	}

	.header_slider_wrap.header_slider_wrap .slick-dots {
		bottom: 22px;
	}
	.header_slider_wrap.header_slider_wrap .slider-arrow {
		display: none !important; /* листаем свайпом и точками */
	}
}

@media (max-width: 480px) {
	.header_slider_wrap.header_slider_wrap .slide_inner > .container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.header_slider_wrap.header_slider_wrap .slide .slide_box .title {
		font-size: 20px !important;
		border-left-width: 2px;
	}
}
/* End */


/* Start:/bitrix/templates/minimal_gray/components/bitrix/news.list/services_index/style.css?1718031414485*/
.services_block {
	text-decoration:none !important;
}


.services_block .iconse {
	height:55px;
}


.services_block .name {
	font-family: 'FreeSetC';
	font-size:18px;
	color:#000000;
	text-transform:uppercase;
	font-weight:600;
}

.services_block .text {
	font-family: 'FreeSetC';
	font-size:12px;
	color:#64717c;
	min-height: 100px;
}

.services_block .line {
	width:27px;
	height:2px;
	display:block;
	background-color:#7599ca;
	margin:0px auto 15px;
}
/* End */
/* /bitrix/templates/minimal_gray/components/bitrix/news.list/header_slider_new/style.css?179276436412800 */
/* /bitrix/templates/minimal_gray/components/bitrix/news.list/services_index/style.css?1718031414485 */