

/* Start:/local/templates/.default/components/bitrix/news/sobytiya/bitrix/news.detail/.default/style.css?179128693117605*/
.section__title {
	max-width: 70%;
}

.nkt-news-detail {
	width: 100%;
	max-width: 70%;
	margin: 0 0 70px;

	color: #333;
	font-size: 14px;
	line-height: 1.45;
}

.nkt-news-detail,
.nkt-news-detail * {
	box-sizing: border-box;
	font-family: Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
}


/* ==========================================================================
   Header
   ========================================================================== */

.nkt-news-detail__header {
	margin: 0 0 24px;
}

.nkt-news-detail__date {
	display: block;

	margin: 0 0 12px;

	color: #777;

	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
}

.nkt-news-detail__title {
	margin: 0;

	color: #222;

	font-size: 32px;
	font-weight: 500;
	line-height: 1.22;

	text-transform: none;
}


/* ==========================================================================
   Lead / PREVIEW_TEXT
   ========================================================================== */

.nkt-news-detail__lead {
	margin: 10px 0 0;

	color: #333;

	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}

.nkt-news-detail__lead p {
	margin: 0;
}

.nkt-news-detail__lead > :first-child {
	margin-top: 0;
}

.nkt-news-detail__lead > :last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   Main / DETAIL_PICTURE
   ========================================================================== */

.nkt-news-detail__hero {
	width: 100%;

	margin: 0 0 14px;
}

.nkt-news-detail__hero img {
	display: block;

	width: 100%;
	max-width: 100%;
	height: auto;

	margin: 0;
}

.nkt-news-detail__hero figcaption {
	margin: 6px 0 0;

	color: #999;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
}


/* ==========================================================================
   DETAIL_TEXT wrapper
   ========================================================================== */

.nkt-news-detail__content {
	width: 100%;
}

.nkt-news-detail__content::after {
	display: table;
	clear: both;

	content: "";
}


/* ==========================================================================
   Image row / gallery
   ========================================================================== */

.nkt-news-detail__content .news-image-row {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;

	width: 100%;

	margin: 0 0 28px;
}

.nkt-news-detail__content .news-image-row figure {
	min-width: 0;

	margin: 0;
}

.nkt-news-detail__content .news-image-row img {
	display: block;

	width: 100%;
	max-width: 100%;
	height: auto;

	margin: 0;
}

.nkt-news-detail__content .news-image-row figcaption {
	margin: 5px 0 0;

	color: #999;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
}


/* ==========================================================================
   Main text card
   ========================================================================== */

.nkt-news-detail__content .news-text-block {
	width: 100%;

	margin: 0;
	padding: 22px 24px 26px;

	background: #fff;

	box-shadow:
			0 1px 3px rgba(0, 0, 0, .025),
			0 4px 18px rgba(0, 0, 0, .055);
}

.nkt-news-detail__content .news-text-block::after {
	display: table;
	clear: both;

	content: "";
}


/* ==========================================================================
   Paragraphs
   ========================================================================== */

.nkt-news-detail__content .news-text-block p {
	margin: 0 0 18px;

	color: #444;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.nkt-news-detail__content .news-text-block > p:first-child {
	margin-top: 0;
}

.nkt-news-detail__content .news-text-block > p:last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   Headings
   ========================================================================== */

.nkt-news-detail__content .news-text-block h2 {
	margin: 28px 0 14px;

	color: #333;

	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;

	text-transform: none;
}

.nkt-news-detail__content .news-text-block h3 {
	margin: 24px 0 12px;

	color: #333;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;

	text-transform: none;
}

.nkt-news-detail__content .news-text-block h4 {
	margin: 22px 0 10px;

	color: #333;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;

	text-transform: none;
}

.nkt-news-detail__content .news-text-block > h2:first-child,
.nkt-news-detail__content .news-text-block > h3:first-child,
.nkt-news-detail__content .news-text-block > h4:first-child {
	margin-top: 0;
}


/* ==========================================================================
   Lists
   ========================================================================== */

.nkt-news-detail__content .news-text-block ul,
.nkt-news-detail__content .news-text-block ol {
	margin: 0 0 20px;
	padding-left: 20px;
}

.nkt-news-detail__content .news-text-block li {
	margin: 0 0 6px;

	color: #444;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

.nkt-news-detail__content .news-text-block li:last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */

.nkt-news-detail__content .news-text-block a {
	color: inherit;

	text-decoration: underline;
}

.nkt-news-detail__content .news-text-block a:hover {
	text-decoration: none;
}


/* ==========================================================================
   Generic figures
   Одиночные изображения внутри DETAIL_TEXT
   ========================================================================== */

.nkt-news-detail__content .news-text-block figure {
	max-width: 100%;

	margin: 22px 0;
	display: inline-grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
}

.nkt-news-detail__content .news-text-block figure img {
	display: block;

	max-width: 100%;
	height: auto;

	margin: 0;
}

.nkt-news-detail__content .news-text-block figcaption {
	margin: 5px 0 0;

	color: #999;

	font-size: 14px;
	font-weight: 300;
	line-height: 1.35;
	width: 0;
	min-width: 100%;
}


/* ==========================================================================
   Image alignment
   Используется сниппетами визуального редактора
   ========================================================================== */

.nkt-news-detail__content figure.media-center {
	width: fit-content;
	max-width: 100%;

	margin: 22px auto;
}

.nkt-news-detail__content figure.media-left {
	float: left;

	max-width: 45%;

	margin: 4px 20px 14px 0;
}

.nkt-news-detail__content figure.media-right {
	float: right;

	max-width: 45%;

	margin: 4px 0 14px 20px;
}

.nkt-news-detail__content .media-center img,
.nkt-news-detail__content .media-left img,
.nkt-news-detail__content .media-right img {
	max-width: 100%;
	height: auto;
}


/* ==========================================================================
   Старые изображения из визуального редактора Bitrix
   Сохраняем совместимость с существующими материалами
   ========================================================================== */

.nkt-news-detail__content img {
	max-width: 100%;
	height: auto;
}

.nkt-news-detail__content img[align="middle"],
.nkt-news-detail__content img[align="center"] {
	display: block;

	margin-left: auto;
	margin-right: auto;
}

.nkt-news-detail__content img[align="left"] {
	float: left;

	max-width: 45%;
	height: auto;

	margin: 4px 20px 14px 0;
}

.nkt-news-detail__content img[align="right"] {
	float: right;

	max-width: 45%;
	height: auto;

	margin: 4px 0 14px 20px;
}


/* ==========================================================================
   Table
   ========================================================================== */

.nkt-news-detail__content .news-table-wrap {
	width: 100%;

	margin: 18px 0 0;

	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.nkt-news-detail__content .news-table {
	width: 100%;

	margin: 0;

	border: 0;
	border-collapse: collapse;
	border-spacing: 0;

	color: #444;

	font-size: 16px;
	line-height: 1.4;
}

.nkt-news-detail__content .news-table tbody,
.nkt-news-detail__content .news-table tr {
	border: 0;
}

.nkt-news-detail__content .news-table th,
.nkt-news-detail__content .news-table td {
	padding: 7px 10px;

	border: 0;

	color: #444;

	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;

	text-align: left;
	vertical-align: middle;
}

.nkt-news-detail__content .news-table th {
	width: 42%;
}

.nkt-news-detail__content .news-table tr:nth-child(odd) {
	background: #f0f5fb;
}

.nkt-news-detail__content .news-table tr:nth-child(even) {
	background: #fff;
}


/* ==========================================================================
   Generic old tables
   Для старых материалов, где таблица вставлена редактором без .news-table
   ========================================================================== */

.nkt-news-detail__content .news-text-block table:not(.news-table) {
	max-width: 100%;

	margin: 18px auto;

	border-collapse: collapse;
}

.nkt-news-detail__content .news-text-block table:not(.news-table) td,
.nkt-news-detail__content .news-text-block table:not(.news-table) th {
	padding: 6px 9px;

	font-size: 16px;
	line-height: 1.4;
}


/* ==========================================================================
   Video
   ========================================================================== */

.nkt-news-detail__content .news-video {
	width: 100%;

	margin: 28px 0;
}

.nkt-news-detail__content .news-video__frame {
	position: relative;

	width: 100%;
	height: 0;
	padding-bottom: 56.25%;

	overflow: hidden;

	background: #eee;
}

.nkt-news-detail__content .news-video__frame iframe,
.nkt-news-detail__content .news-video__frame video {
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	margin: 0;

	border: 0;
}

.nkt-news-detail__content .news-video__caption {
	margin: 6px 0 0;

	color: #999;

	font-size: 14px;
	font-weight: 300;
	line-height: 1.35;
}


/* ==========================================================================
   Старые iframe / video
   Не ломаем уже опубликованные материалы
   ========================================================================== */

.nkt-news-detail__content iframe {
	max-width: 100%;

	border: 0;
}

.nkt-news-detail__content video {
	max-width: 100%;
	height: auto;
}


/* ==========================================================================
   Blockquote
   На случай использования визуальным редактором
   ========================================================================== */

.nkt-news-detail__content .news-text-block blockquote {
	margin: 22px 0;
	padding: 12px 18px;

	border-left: 3px solid #d9d9d9;

	color: #555;

	font-size: 16px;
	line-height: 1.5;
}

.nkt-news-detail__content .news-text-block blockquote > :last-child {
	margin-bottom: 0;
}


/* ==========================================================================
   Clear
   ========================================================================== */

.nkt-news-detail__content .news-clear {
	display: block;
	clear: both;

	width: 100%;
	height: 0;
}


/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 767px) {
	.section__title {
		max-width: 100%;
	}

	.nkt-news-detail {
		max-width: 100%;
		margin-bottom: 50px;
	}

	.nkt-news-detail__header {
		margin-bottom: 20px;
	}

	.nkt-news-detail__date {
		margin-bottom: 10px;
	}

	.nkt-news-detail__title {
		font-size: 20px;
		line-height: 1.25;
	}

	.nkt-news-detail__lead {
		margin-top: 9px;

		font-size: 16px;
		line-height: 1.45;
	}

	.nkt-news-detail__hero {
		margin-bottom: 12px;
	}

	.nkt-news-detail__content .news-image-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;

		margin-bottom: 22px;
	}

	.nkt-news-detail__content .news-text-block {
		padding: 20px;
	}

}


/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width: 480px) {

	.nkt-news-detail {
		font-size: 13px;
	}

	.nkt-news-detail__header {
		margin-bottom: 18px;
	}

	.nkt-news-detail__date {
		margin-bottom: 8px;

		font-size: 11px;
	}

	.nkt-news-detail__title {
		font-size: 19px;
		line-height: 1.25;
	}

	.nkt-news-detail__lead {
		margin-top: 8px;

		font-size: 14px;
		line-height: 1.45;
	}

	.nkt-news-detail__hero {
		margin-bottom: 10px;
	}

	.nkt-news-detail__hero figcaption {
		font-size: 14px;
	}

	.nkt-news-detail__content .news-image-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;

		margin-bottom: 20px;
	}

	.nkt-news-detail__content .news-image-row figcaption {
		font-size: 14px;
	}

	.nkt-news-detail__content .news-text-block {
		padding: 17px 15px 20px;
	}

	.nkt-news-detail__content .news-text-block p {
		margin-bottom: 16px;

		font-size: 16px;
		line-height: 1.5;
	}

	.nkt-news-detail__content .news-text-block h2 {
		margin: 24px 0 12px;
	}

	.nkt-news-detail__content .news-text-block h3 {
		margin: 21px 0 10px;

		font-size: 14px;
	}

	.nkt-news-detail__content .news-text-block ul,
	.nkt-news-detail__content .news-text-block ol {
		margin-bottom: 18px;
		padding-left: 18px;
	}

	.nkt-news-detail__content .news-text-block li {
		line-height: 1.5;
	}

	/*
     * На мобильном левое/правое обтекание убираем.
     */

	.nkt-news-detail__content figure.media-left,
	.nkt-news-detail__content figure.media-right {
		float: none;

		width: fit-content;
		max-width: 100%;

		margin: 18px auto;
	}

	.nkt-news-detail__content img[align="left"],
	.nkt-news-detail__content img[align="right"] {
		float: none;

		display: block;

		max-width: 100%;

		margin: 18px auto;
	}

	.nkt-news-detail__content .news-table th,
	.nkt-news-detail__content .news-table td {
		padding: 6px 8px;

		font-size: 16px;
	}

}


/* ==========================================================================
   Very small screens
   ========================================================================== */

@media (max-width: 360px) {

	.nkt-news-detail__content .news-image-row {
		grid-template-columns: 1fr;
	}

}

/*slider*/
.nkt-news-slider {
	margin-bottom: 16px;
}

.nkt-news-slider .slider-controls {
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
}

.nkt-news-slider .preview-slider {
	margin-bottom: 18px;
}

.nkt-news-slider .preview-slider figure {
	width: 100%;
	margin: 0;
}

.nkt-news-slider .preview-item__main {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-height: 300px;
}

.nkt-news-slider .preview-slider figure img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.nkt-news-slider .preview-slider figcaption {
	margin: 10px 0 0;

	color: #5D5D5D;

	font-size: 14px;
	font-weight: 300;
	line-height: 1;
}

@media (min-width: 640px) {
	.nkt-news-slider .slider-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}

	.nkt-news-slider .slick-prev {
		left: 16px;
	}

	.nkt-news-slider .slick-next {
		right: 16px;
	}
}

@media (min-width: 768px) {
	.nkt-news-slider {
		margin-bottom: 48px;
	}
}

@media (min-width: 1200px) {
	.nkt-news-slider .preview-item__main {
		max-height: 530px;
	}

	.nkt-news-slider .preview-slider figcaption {
		font-size: 16px;
	}
}

.nkt-news-slider .thumbs-slider {
	--ui-gutter-x: 8px;

	overflow: hidden;
	margin-left: calc(var(--ui-gutter-x) * -0.5);
	margin-right: calc(var(--ui-gutter-x) * -0.5);
}

.nkt-news-slider .thumbs-slider__item {
	padding-left: calc(var(--ui-gutter-x) * 0.5);
	padding-right: calc(var(--ui-gutter-x) * 0.5);
}

.nkt-news-slider .thumb-item {
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.nkt-news-slider .thumb-item img {
	width: auto;
	height: auto;
	flex: 0 0 auto;
	max-width: 100%;
	max-height: 100%;
}

@media (min-width: 768px) {
	.nkt-news-slider .thumbs-slider {
		--ui-gutter-x: 20px;
	}

	.nkt-news-slider .thumb-item {
		height: 130px;
	}
}

/*slider btn*/
.slider-btn {
	outline: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.slider-btn_style_default {
	aspect-ratio: 1 / 1;
	background: var(--bg-color);
	color: var(--color);
	border: 0;
	border-radius: 50%;
	transition: .3s ease;
}

.slider-btn_style_default:hover,
.slider-btn_style_default:focus-visible {
	background-color: var(--bg-color-hover);
}

.slider-btn_style_default.slider-btn_size_md {
	--icon-size: 16px;

	width: 36px;
}

.slider-btn_style_default.slider-btn_size_md .svg-ico {
	width: var(--icon-size);
	height: var(--icon-size);
	stroke-width: 2px;
}

.slider-btn_style_default.slider-btn_color_primary {
	--bg-color: #3D6BD0;
	--bg-color-hover: #345CB2;
	--color: #fff;
}

/*svg*/
.svg-ico {
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
	stroke: currentColor;
}

.svg-ico_fill_none {
	fill: none !important;
}

.svg-ico_stroke_none {
	stroke: none !important;
}
/* End */
/* /local/templates/.default/components/bitrix/news/sobytiya/bitrix/news.detail/.default/style.css?179128693117605 */
