/* wysiwyg bitrix относительные пути не учитывает, пишем от корня сайта: /local/templates/main/... */

@font-face {
	font-family: 'st-nizhegorodskyregular';
	src: url('/local/templates/main/fonts/st-nizhegorodsky-webfont.woff2') format('woff2'), url('/local/templates/main/fonts/st-nizhegorodsky-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--Add-White: #ffffff;
	--Add-Red: #AF1028;
	--Add-Light-Gray: #F3F4F2;
	--Primary-50: #DEE3EA;
	--Primary-100: #BCC6D6;
	--Primary-200: #9BAAC1;
	--Primary-500: #375583;
	--Primary-700: #253957;
	--Secondary-50: #D6D6D8;
	--Secondary-100: #ADAEB0;
	--Secondary-200: #848589;
	--Secondary-300: #5A5D61;
	--Secondary-500: #080C12;
	--font1: 'Golos Text', sans-serif;
	--font2: 'st-nizhegorodskyregular';
	--shadow-level1: 0 2px 8px 0 rgba(8, 12, 18, 0.08);
	--Gradients-Background: radial-gradient(144.17% 211.84% at 130.14% -54.23%, #BCC6D6 0%, #F3F4F2 100%);
	--Gradients-Black: linear-gradient(180deg, rgba(8, 12, 18, 0.00) 0%, #080C12 100%);
}

body {
	font-family: var(--font1);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: normal;
	color: var(--Secondary-500);
	background-color: var(--Add-White);
}

* {
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
p {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

#bx-panel:not(.bx-panel-fixed) + .header .menu-list .sub-menu {
	top: calc(100px + 147px);
}

#bx-panel.bx-panel-folded:not(.bx-panel-fixed) + .header .menu-list .sub-menu {
	top: calc(100px + 39px);
}

div.bx-debug-summary {
	left: unset;
	right: 10px;
	opacity: 1;
}

#wysiwyg {
	position: relative;
}

.standart-page-content p,
.standart-page-content .inner-wrapper,
.standart-page-content.inner-wrapper,
#wysiwyg {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.26px;
}

#wysiwyg > *:not(.--wide-block) {
	max-width: 944px;
	margin-left: auto;
	margin-right: auto;
}

#wysiwyg > img {
	display: block;
}

#wysiwyg > .--wide-block {
	display: flex;
	gap: 24px;
	margin: 48px 0;
}

#wysiwyg > .--wide-block img {
	width: 100%;
	height: auto;
	flex: 1;
	margin: 0;
	border-radius: 12px;
	object-fit: cover;
	overflow: hidden;
}

.standart-page-content h2,
.standart-page-content h1.h2 {
	font-size: 40px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: -0.89px;
}

.standart-page-content p.date {
	margin-top: 18px;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.18px;
}

.standart-page-content h3 {
	margin-bottom: 18px;
	margin-top: 28px;
	font-size: 32px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: -0.69px;
}

.standart-page-content p {
	margin-top: 18px;
}

.standart-page-content p:first-child {
	margin-top: 0;
}

.standart-page-content p a {
	color: var(--Primary-500);
}

.standart-page-content ul {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.standart-page-content ul li {
	position: relative;
	padding-left: 24px;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.26px;
}

.standart-page-content ul li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--Primary-500);
	transform: translateY(-50%);
}

.standart-page-content ol {
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	padding-left: 24px;
}

.standart-page-content ol li {
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.26px;
}

.standart-page-content blockquote {
	padding-left: 24px;
	margin: 0;
	margin-top: 28px;
	font-size: 32px;
	font-weight: 500;
	line-height: 130%;
	letter-spacing: -0.69px;
	border-left: 8px solid var(--Primary-50);
}

.standart-page-content blockquote + p {
	max-width: 368px;
	margin-top: 32px;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.26px;
	font-style: normal;
}

.standart-page-content blockquote + p span {
	margin-top: 8px;
	display: block;
	color: var(--Secondary-200);
	font-weight: 400;
}

.standart-page-content img {
	width: 100%;
	height: auto;
	margin-top: 28px;
	border-radius: 12px;
}

.standart-page-content img:first-of-type {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.standart-page-content img + p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.09px;
}

.standart-page-content video {
	width: 100%;
	height: auto;
	margin-top: 28px;
	border-radius: 12px;
}

.standart-page-content video + p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.09px;
}

@media (max-width: 600px) {
	.standart-page-content h2,
	.standart-page-content h1.h2 {
		font-size: 32px;
		letter-spacing: -0.69px;
	}
	
	.standart-page-content h3 {
		font-size: 24px;
		letter-spacing: -0.47px;
	}
	
	.standart-page-content blockquote {
		padding-left: 12px;
		font-size: 24px;
		letter-spacing: -0.47px;
		border-left: 4px solid var(--Primary-200);
	}
}