a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
html {
	height: 100%;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	margin: 0;
}
@font-face {
	font-family: 'Merriweather Sans';
	src: url(./assets/fonts/MerriweatherSans-Regular.woff2)
			format('woff2'),
		url(./assets/fonts/MerriweatherSans-Regular.woff)
			format('woff');
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'Merriweather Sans';
	src: url(./assets/fonts/MerriweatherSans-Italic.woff2)
			format('woff2'),
		url(./assets/fonts/MerriweatherSans-Italic.woff)
			format('woff');
	font-display: swap;
	font-style: italic;
	font-weight: 400;
}
@font-face {
	font-family: 'Merriweather Sans';
	src: url(./assets/fonts/MerriweatherSans-Bold.woff2)
			format('woff2'),
		url(./assets/fonts/MerriweatherSans-Bold.woff)
			format('woff');
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: 'Frank Ruhl Libre';
	src: url(./assets/fonts/FrankRuhlLibre-ExtraBold.woff2)
			format('woff2'),
		url(./assets/fonts/FrankRuhlLibre-ExtraBold.woff)
			format('woff');
	font-display: swap;
	font-style: normal;
	font-weight: 800;
}
@font-face {
	font-family: 'STIX Two Text';
	src: url(./assets/fonts/STIXTwoText-Regular.woff2)
			format('woff2'),
		url(./assets/fonts/STIXTwoText-Regular.woff)
			format('woff');
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'STIX Two Text';
	src: url(./assets/fonts/STIXTwoText-Bold.woff2)
			format('woff2'),
		url(./assets/fonts/STIXTwoText-Bold.woff)
			format('woff');
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}
:root {
	--container-max-width: 120rem;
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 10px;
	scroll-behavior: smooth;
}
b {
	font-weight: 700;
}
em {
	font-style: italic;
}
body {
	position: relative;
	background-color: #f8f8f8;
}
.container {
	margin: 0 auto;
	padding: 0 1.5rem;
	width: 100%;
	max-width: var(--container-max-width);
}
.page {
	padding-top: 2rem;
}
.page__container {
	max-width: calc(var(--container-max-width) - 9rem);
}
.page__article {
	padding-left: 7.7rem;
}
.topic {
	padding-bottom: 2.9rem;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #006ed2;
}
.topic__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.8rem;
}
.topic__link {
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}
.topic__link:active,
.topic__link:hover {
	text-decoration: underline;
}
.link {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: #006ed2;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.link:active,
.link:hover {
	opacity: 0.8;
}
.link--it {
	font-style: italic;
}
.header {
	position: sticky;
	top: 0;
	font-family: 'Merriweather Sans', sans-serif;
	z-index: 2;
	-webkit-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
.header__top {
	position: relative;
	background-color: #f8f8f8;
	z-index: 3;
}
.header__top-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 0.1rem solid #cecece;
}
.header__top-humburger {
	display: none;
	width: 2.4rem;
	height: 1.7rem;
}
.header__top-logo {
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.header__top-logo img {
	display: block;
}
.header__top-actcions {
	padding-top: 0.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
}
.header__top-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.1rem;
}
.header__top-btn--blue {
	border-radius: 0.3rem;
	background-color: #006ed2;
	border: 0.2rem solid #006ed2;
	line-height: 1.1rem;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0.3rem 0.8rem 0.4rem;
}
.header__top-btn--blue:active,
.header__top-btn--blue:hover {
	background-color: rgba(0, 110, 210, 0.5);
}
.header__top-btn--blue span:last-child {
	display: none;
}
.header__top-btn--white {
	border-radius: 0.3rem;
	background-color: #fff;
	border: 0.2rem solid #006ed2;
	line-height: 2rem;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	color: #006ed2;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 1rem;
}
.header__top-btn--white:active,
.header__top-btn--white:hover {
	background-color: rgba(0, 110, 210, 0.2);
}
.header__top-btn--login {
	display: none;
}
.header__top-btn:nth-child(2) {
	padding: 0.4rem 2.1rem 0.3rem 2.2rem;
}
.header__top-btn:nth-child(3) {
	padding: 0.6rem 0.6rem 0.7rem 0.5rem;
}
.header__top-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__top-links-item {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-left: 0.1rem solid #cecece;
}
.header__top-links-item:first-child {
	border: none;
}
.header__top-links-item:last-child {
	border: none;
}
.header__top-links-item:last-child a {
	padding: 0;
}
.header__top-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.3rem;
	padding-left: 1.1rem;
	padding-right: 1.3rem;
	background-color: transparent;
	color: #000;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7rem;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.header__top-link:active,
.header__top-link:hover {
	background-color: #cecece;
}
.header__top-link img {
	display: block;
	max-width: 12rem;
	width: 100%;
}
.header__menu {
	padding: 0.1rem 1rem 0;
}
.header__nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.5rem;
	width: 100%;
	overflow-x: auto;
}
.header__nav-link {
	padding: 0 0.5rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 3.6rem;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.header__nav-link.active,
.header__nav-link:active,
.header__nav-link:hover {
	color: #006ed2;
}
.header__bottom {
	position: relative;
	height: 3.6rem;
	background-color: #ecebec;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	z-index: 1;
}
.header.hide .header__bottom {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.header__bottom-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
}
.header__bottom-link {
	color: #333;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.header__bottom-link.active,
.header__bottom-link:active,
.header__bottom-link:hover {
	color: #006ed2;
}
.medias__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.4rem;
}
.medias__link {
	display: block;
	padding: 0 0.5rem;
}
.medias__link svg {
	fill: #006ed2;
	-webkit-transition: fill 0.3s ease;
	-o-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
}
.medias__link:active svg,
.medias__link:hover svg {
	fill: #333;
}
.article__container {
	max-width: 95.6rem;
}
.article__breaking {
	margin-bottom: 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0.2rem;
	width: 10.9rem;
	height: 2.2rem;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="109" height="22" viewBox="0 0 109 22" fill="none"><path d="M0 0V22H109L99.7627 11L109 0H0Z" fill="%23006ED2"/></svg>')
		center center/cover no-repeat;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.06rem;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
}
.article__main-title {
	padding-bottom: 2rem;
	font-family: 'Frank Ruhl Libre', serif;
	font-size: 4.4rem;
	font-weight: 800;
	line-height: 4.8rem;
	letter-spacing: 0.264rem;
	color: #000;
}
.article__main-subtitle {
	padding-bottom: 3rem;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #333;
}
.article__author {
	padding-bottom: 2.8rem;
}
.article__medias {
	padding-bottom: 3.3rem;
	margin-left: -0.5rem;
}
.article__medias--vertical ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 1.3rem;
}
.article__conversation {
	margin-left: -0.5rem;
	margin-bottom: 2.2rem;
	padding: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.7rem;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.7rem;
	color: #006ed2;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.article__conversation svg {
	fill: currentColor;
	-webkit-transition: fill 0.3s ease;
	-o-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
}
.article__conversation:active,
.article__conversation:hover {
	color: #333;
}
.article__image {
	display: block;
	margin-bottom: 3rem;
	text-decoration: none;
}
.article__image img {
	display: block;
	width: 100%;
}
.article__image span {
	display: block;
	color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
}
.article__image--main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 6rem;
	overflow: hidden;
}
.article__image--main img {
	width: calc(100% + 11.2rem);
}
.article__image--shadow img {
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.article__image--small {
	margin: 0 auto 3rem;
	max-width: 60rem;
}
.article__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8.8rem;
}
.article__content-main {
	width: 100%;
	max-width: 71.2rem;
	padding-bottom: 3rem;
}
.article__text {
	padding-bottom: 3rem;
	font-family: 'STIX Two Text', serif;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2.8rem;
	color: #333;
}
.article__title {
	margin-bottom: 3rem;
	font-family: 'STIX Two Text', serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2.8rem;
	color: #333;
}
.article__list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem;
}
.article__list-item::before {
	display: block;
	line-height: 2.8rem;
	font-family: 'STIX Two Text', serif;
	font-size: 2rem;
	font-weight: 700;
	color: #006ed2;
}
.article__list-item:nth-child(1)::before {
	content: '1.';
}
.article__list-item:nth-child(2)::before {
	content: '2.';
}
.article__list-item:nth-child(3)::before {
	content: '3.';
}
.article__list-item:nth-child(4)::before {
	content: '4.';
}
.article__form {
	padding-bottom: 5rem;
	border-bottom: 0.2rem solid #dadada;
}
.article__form-container {
	margin: 0 auto;
	width: 100%;
	max-width: 56.5rem;
}
.article__author-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.3rem;
	padding: 1.5rem 0;
	border-bottom: 0.2rem solid #dadada;
}
.article__author-bottom-photo {
	display: block;
	width: 6.2rem;
	height: 6.2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 0.1rem solid currentColor;
	border-radius: 50%;
	overflow: hidden;
}
.article__author-bottom-photo img {
	display: block;
	width: 100%;
}
.article__author-bottom-info {
	color: #333;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 400;
	line-height: 2rem;
}
.article__options {
	padding: 1.2rem 0;
	border-bottom: 0.2rem solid #dadada;
}
.article__options-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.article__options-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.7rem;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.7rem;
	letter-spacing: 0.048rem;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.article__options-link svg {
	fill: currentColor;
	-webkit-transition: fill 0.3s ease;
	-o-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
}
.article__options-link:active,
.article__options-link:hover {
	color: #006ed2;
}
.article__join {
	padding-top: 4rem;
	padding-bottom: 3.6rem;
	font-family: 'Merriweather Sans', sans-serif;
}
.article__join-title {
	margin-bottom: 1rem;
	padding-bottom: 0.4rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 2rem;
	color: #333;
	text-transform: uppercase;
	border-bottom: 0.3rem solid currentColor;
}
.article__join-text {
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	color: #333;
}
.article__join-text:nth-child(1) {
	padding-bottom: 1rem;
}
.article__join-text:nth-child(2) {
	padding-bottom: 1.6rem;
}
.article__join-text:nth-child(3) {
	padding-bottom: 1.5rem;
}
.article__join-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.2rem;
	padding-bottom: 2.1rem;
}
.article__join-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.1rem 9rem;
	border-radius: 0.3rem;
	background-color: #006ed2;
	border: 0.2rem solid #006ed2;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2rem;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.article__join-btn:active,
.article__join-btn:hover {
	background-color: rgba(0, 110, 210, 0.7);
}
.article__join-follow-wrapper {
	padding-left: 1.2rem;
	padding-bottom: 1.4rem;
	padding-top: 1.5rem;
}
.article__join-follow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0.1rem 1.5rem;
	border-radius: 0.3rem;
	border: 0.1rem solid #ececec;
	background-color: #fff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6rem;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.article__join-follow:active,
.article__join-follow:hover {
	background-color: #ececec;
}
.article__join-closed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.45rem;
	padding-bottom: 3.6rem;
}
.article__join-closed-image {
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: 1.1rem;
}
.article__join-closed-massage {
	position: relative;
	padding: 1.7rem 0 1.9rem 2.05rem;
	width: 100%;
	max-width: 63.75rem;
	height: 5.2rem;
	border-radius: 0.4rem;
	border: 0.1rem solid #e5e5e5;
	background-color: #f3f3f3;
	color: #818181;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
}
.article__join-closed-massage::before {
	content: '';
	position: absolute;
	top: 1.8rem;
	left: -0.8rem;
	width: 1.3rem;
	height: 1.3rem;
	border-left: 0.1rem solid #e5e5e5;
	border-bottom: 0.1rem solid #e5e5e5;
	background-color: #f3f3f3;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1.4rem;
	font-family: 'Merriweather Sans', sans-serif;
	color: #333;
}
.author__photo {
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border: 0.1rem solid currentColor;
	border-radius: 50%;
	overflow: hidden;
}
.author__photo img {
	display: block;
	width: 100%;
}
.author__info {
	padding-bottom: 1rem;
	line-height: 2rem;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.056rem;
}
.author__name {
	font-weight: 700;
	color: inherit;
	text-decoration: none;
}
.author__name:active,
.author__name:hover {
	text-decoration: underline;
}
.author__date-info {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 0.042rem;
}
.author__post-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.9rem;
	padding-bottom: 0.7rem;
}
.author__post-date span:first-child {
	position: relative;
	display: block;
	padding-right: 1.2rem;
}
.author__post-date span:first-child::after {
	content: '';
	position: absolute;
	top: 0.1rem;
	bottom: 0.2rem;
	right: 0;
	width: 0.1rem;
	background-color: #ecebec;
}
.author__post-date span:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
}
.author__post-date span:last-child img {
	display: block;
	width: 1.1rem;
	height: 1.3rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.author__gorisantal-separator {
	margin: 0 0 0.4rem 0;
	width: 24.4rem;
	height: 0.2rem;
	border: none;
	background-color: #dadada;
}
.author__update-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.3rem;
}
.author__update-date img {
	width: 1.1rem;
	height: 1.1rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.comments {
	font-family: 'Merriweather Sans', sans-serif;
}
.comments__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.comments__title {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.5rem 0.9rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4rem;
	text-transform: uppercase;
	color: #000;
}
.comments__title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0.3rem;
	width: 100%;
	background-color: #006ed2;
}
.comments__amount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 0.3rem;
	background-color: #dfdfdf;
	width: 2.9rem;
	height: 1.9rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4rem;
	text-transform: uppercase;
	color: #818181;
}
.comments__header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2.2rem;
}
.comments__sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
	padding: 0.6rem 0.6rem 0.4rem 0.8rem;
	background-color: #fff;
	color: #006ed2;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.6rem;
	text-transform: uppercase;
	text-decoration: none;
}
.comments__sort svg {
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.comments__sort svg path {
	stroke: currentColor;
}
.comments__sort:active svg,
.comments__sort:hover svg {
	-webkit-transform: translateY(0.2rem);
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
}
.comments__notification {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.comments__notification svg {
	display: block;
	width: 100%;
}
.comments__notification:active,
.comments__notification:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.comments__bottom {
	padding-top: 1.5rem;
}
.comments__bottom-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 4rem;
	padding-bottom: 0.2rem;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(255, 255, 255, 0)),
		color-stop(41.88%, #fff)
	);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 41.88%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 41.88%);
}
.comments__more {
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	padding: 1.3rem;
	border-radius: 0.4rem;
	background-color: #006ed2;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4rem;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.comments__more:active,
.comments__more:hover {
	opacity: 0.8;
}
.comment {
	padding: 1.5rem 2.2rem 1.5rem 0.9rem;
	border-bottom: 0.1rem solid #818181;
}
.comment__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.9rem;
}
.comment__avatar {
	display: block;
	width: 4.2rem;
	height: 4.2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.comment__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.4rem;
	padding-bottom: 1.2rem;
}
.comment__name {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4rem;
	color: #818181;
	text-decoration: none;
}
.comment__name:active,
.comment__name:hover {
	text-decoration: underline;
}
.comment__top-dot {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: #818181;
}
.comment__date {
	color: #818181;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4rem;
	text-transform: uppercase;
}
.comment__text {
	padding-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #333;
}
.comment__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.5rem;
}
.comment__bottom-link {
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4rem;
	text-transform: uppercase;
	color: #818181;
	text-decoration: none;
}
.comment__bottom-link:active,
.comment__bottom-link:hover {
	opacity: 0.8;
}
.comment__bottom-link--flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.3rem;
}
.footer {
	font-family: 'Merriweather Sans', sans-serif;
	color: #fff;
}
.footer__top {
	background-color: #333;
}
.footer__bottom {
	background-color: #202020;
}
.footer__container {
	margin: 0 auto;
	width: 100%;
	max-width: 128.8rem;
	padding: 0 1.5rem;
}
.footer__wrapper {
	padding: 6rem 0 3.9rem;
}
.footer__main-top {
	position: relative;
	padding-left: 13.5rem;
	padding-right: 6.7rem;
}
.footer__logo {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 4.5rem;
	height: 4rem;
}
.footer__logo img {
	display: block;
	width: 100%;
}
.footer__nav {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr) [4];
	grid-template-columns: repeat(4, 1fr);
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 2rem;
	padding-right: 6.1rem;
}
.footer__nav-title {
	padding-bottom: 1.7rem;
	line-height: 2rem;
	font-size: 1.6rem;
	font-weight: 800;
	color: #fff;
	white-space: nowrap;
}
.footer__nav-title svg {
	display: none;
}
.footer__nav-list-item {
	position: relative;
	padding-left: 0.7rem;
}
.footer__nav-list-item:not(:last-child) {
	padding-bottom: 0.2rem;
}
.footer__nav-list-item::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #006ed2;
}
.footer__nav-link {
	display: inline-block;
	padding: 0.3rem;
	line-height: 2rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
.footer__nav-link:active,
.footer__nav-link:hover {
	text-decoration: underline;
}
.footer__main-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 3.25rem;
	padding-top: 1.6rem;
	padding-left: 13.5rem;
	padding-right: 6.7rem;
}
.footer__medias-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 2rem;
}
.footer__media-link {
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	display: block;
}
.footer__media-link:active,
.footer__media-link:hover {
	opacity: 0.8;
}
.footer__media-link img {
	display: block;
}
.footer__downloads-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 1.5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.footer__downloads-list-item {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.footer__downloads-list-item:nth-child(1) {
	width: 100%;
	max-width: 11.1rem;
}
.footer__downloads-list-item:nth-child(2) {
	width: 100%;
	max-width: 10.9rem;
}
.footer__downloads-list-item:nth-child(3) {
	width: 100%;
	max-width: 11.4rem;
}
.footer__downloads-btn {
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	display: block;
	width: 100%;
}
.footer__downloads-btn:active,
.footer__downloads-btn:hover {
	opacity: 0.8;
}
.footer__downloads-btn img {
	display: block;
	width: 100%;
}
.footer__bottom {
	padding: 4.9rem 0 1.4rem;
	background-color: #202020;
	line-height: 1.7rem;
	font-size: 1.2rem;
}
.footer__bottom-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 1rem;
}
.footer__bottom-link {
	display: block;
	padding: 0.5rem;
	color: inherit;
	text-decoration: none;
}
.footer__bottom-link:active,
.footer__bottom-link:hover {
	text-decoration: underline;
}
.footer__bottom-text {
	text-align: center;
}
.footer__bottom-text p:first-child {
	padding-bottom: 0.2rem;
}
@media (max-width: 1199px) {
	.footer__main-top,
	.footer__nav {
		padding-right: 0;
	}
	.footer__main-bottom {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 1023px) {
	.page__article {
		padding-left: 0;
	}
	.article__image--main {
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	.footer__nav {
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 991px) {
	.header__top-wrapper {
		padding-right: 0.3rem;
	}
	.header__top-main {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.header__top-logo {
		max-width: 30rem;
	}
	.header__top-logo img {
		width: 100%;
	}
	.header__top-links {
		display: none;
	}
	.article__content {
		gap: 3rem;
	}
	.article__content-main {
		max-width: initial;
		padding-bottom: 3rem;
	}
}
@media (max-width: 767px) {
	.header {
		padding: 1.3rem 0 0.9rem;
		background-color: #fff;
	}
	.header__top-main {
		border-bottom: none;
	}
	.header__top-humburger {
		display: block;
	}
	.header__top-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 1.5rem;
	}
	.header__top-logo {
		max-width: 15.8rem;
	}
	.header__top-actcions {
		padding-top: 0;
	}
	.header__top-btn--blue {
		border-radius: 0.3rem;
		background-color: #fff;
		border: 0.2rem solid #006ed2;
		line-height: 2rem;
		font-family: 'Merriweather Sans', sans-serif;
		font-size: 1.4rem;
		font-weight: 400;
		color: #006ed2;
		text-decoration: none;
		-webkit-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		padding: 0.5rem 1rem;
		line-height: 1.1rem;
		font-size: 1.2rem;
	}
	.header__top-btn--blue:active,
	.header__top-btn--blue:hover {
		background-color: rgba(0, 110, 210, 0.2);
	}
	.header__top-btn--blue span:not(:last-child) {
		display: none;
	}
	.header__top-btn--blue span:last-child {
		display: block;
		text-align: center;
	}
	.header__top-btn--white {
		display: none;
	}
	.header__top-btn--login {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 3.4rem;
		height: 3.4rem;
		padding: 0.5rem;
		border-radius: 50%;
	}
	.footer__main-top {
		padding-left: 5.9rem;
	}
	.footer__logo {
		width: 2.7rem;
		height: 2.4rem;
	}
}
@media (max-width: 575px) {
	.header__top-humburger {
		display: block;
	}
	.header__bottom,
	.header__menu {
		display: none;
	}
	.header__top {
		background-color: #fff;
	}
	.article__main-title {
		padding-bottom: 2.4rem;
		line-height: 3.6rem;
		font-size: 3rem;
		letter-spacing: 0.18rem;
	}
	.article__image--main {
		margin-bottom: 3rem;
	}
	.article__content {
		display: block;
	}
	.article__medias--vertical {
		display: none;
	}
	.article__text,
	.article__title {
		line-height: 2.4rem;
		font-size: 1.8rem;
	}
	.article__join-btn {
		padding: 1.1rem 6rem;
	}
	.article__join-text:nth-child(1),
	.article__join-text:nth-child(2),
	.article__join-text:nth-child(3) {
		padding-bottom: 3rem;
	}
	.article__join-btns {
		padding-bottom: 3rem;
	}
	.article__form {
		padding-bottom: 3rem;
	}
	.author {
		display: block;
	}
	.author__photo {
		display: none;
	}
	.comments__title::after {
		max-width: 7.2rem;
	}
	.footer__wrapper {
		padding: 5.5rem 0 2.1rem;
	}
	.footer__logo {
		top: 0.5rem;
	}
	.footer__nav-list {
		height: 0;
		overflow-y: hidden;
		-webkit-transition: height 0.3s ease;
		-o-transition: height 0.3s ease;
		transition: height 0.3s ease;
	}
	.footer__nav {
		display: block;
	}
	.footer__nav-title {
		-webkit-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
		margin-bottom: 1.5rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 1.5rem;
		padding: 0.5rem 0;
		white-space: normal;
	}
	.footer__nav-title:active,
	.footer__nav-title:hover {
		opacity: 0.8;
	}
	.footer__nav-title svg {
		display: block;
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		-o-transition: transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	.footer__nav-title.active svg {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.footer__nav-item:last-child .footer__nav-title {
		margin-bottom: 0;
	}
	.footer__bottom {
		padding: 2.5rem 0 1.5rem;
	}
	.footer__bottom-text p:first-child {
		padding-bottom: 0.4rem;
	}
}
@media (max-width: 369px) {
	.header__top-btn--blue {
		display: none;
	}
	.article__join-btn {
		padding: 1.1rem 4rem;
	}
}
.article__check {
	margin: 0 auto;
	padding-bottom: 2rem;
	max-width: 600px;
}