.DownloadsHero {
	display: flex;
	align-items: center;
	height: 744px;
	padding: 0;
	background-image:
		linear-gradient(90deg, rgba(7, 11, 14, 0.84), rgba(7, 11, 14, 0.3)),
		url("../images/34a88cfea7ddc4b5786e0dd30567f7c3576c4019.png");
	color: #fff;
	background-size: cover;
}

.DownloadsHero .main,
.DownloadCatalog .main,
.DownloadHelp .main {
	width: 1640px;
	max-width: 90%;
}

.DownloadsHero span {
	color: #ed5434;
	font-size: 14px;
	line-height: 21px;
}

.DownloadsHero h1 {
	margin-top: 14px;
	font-size: 64px;
	line-height: 70px;
}

.DownloadsHero p {
	max-width: 680px;
	margin-top: 22px;
	color: #d0d3d5;
	font-size: 18px;
	line-height: 29px;
}

.DownloadsHero .main > div {
	display: flex;
	gap: 16px;
	margin-top: 26px;
}

.DownloadsHero small {
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.12);
	font-size: 12px;
	line-height: 18px;
}

.DownloadCatalog,
.DownloadHelp {
	background: #f5f6f7;
}

.DownloadCatalog {
	padding: 70px 0;
}

.DownloadCatalog .downloadLayout {
	display: grid;
	grid-template-columns: 250px 1fr;
	gap: 26px;
}

.DownloadCatalog aside {
	align-self: start;
	padding: 24px;
	border: 1px solid var(--site-line);
	background: #fff;
}

.DownloadCatalog aside h3 {
	font-size: 24px;
	line-height: 34px;
}

.DownloadCatalog aside p {
	color: #747a80;
	font-size: 14px;
	line-height: 22px;
}

.DownloadCatalog aside a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
	padding: 11px 12px;
	font-size: 14px;
	line-height: 22px;
}

.DownloadCatalog .downloadCategoryIcon {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

.DownloadCatalog aside a.active {
	background: var(--site-red);
	color: #fff;
}

.DownloadCatalog aside a.active .downloadCategoryIcon {
	filter: brightness(0) invert(1);
}

.DownloadCatalog .downloadTabs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	padding: 12px 16px;
	background: #fff;
	border: 1px solid #e3e6e8;
}

.DownloadCatalog .downloadTabs button {
	padding: 8px 14px;
	font-size: 14px;
	line-height: 22px;
}

.DownloadCatalog .downloadTabs button.active {
	background: #eceeef;
	color: var(--site-red);
}

.DownloadCatalog .downloadTabs select {
	margin-left: auto;
	padding: 8px 14px;
	border: 1px solid #e0e3e6;
}

.DownloadCatalog .downloadBody article {
	position: relative;
	display: grid;
	grid-template-columns: 112px 1fr auto;
	align-items: center;
	gap: 22px;
	margin-top: 16px;
	padding: 22px;
	border: 1px solid #e0e3e6;
	background: #fff;
}

.DownloadCatalog .downloadImage {
	height: 100%;
	flex-shrink: 0;
}

.DownloadCatalog article h2 {
	font-size: 24px;
	line-height: 34px;
}

.DownloadCatalog article p,
.DownloadCatalog article small {
	display: block;
	margin-top: 5px;
	color: #687077;
	font-size: 14px;
	line-height: 22px;
}

.DownloadCatalog article > div:nth-child(2) > span {
	position: absolute;
	top: 20px;
	right: 184px;
	display: inline-flex;
	margin: 0;
	padding: 4px 8px;
	background: #f9e3dc;
	color: var(--site-red);
	font-size: 10px;
	line-height: 15px;
}

.DownloadCatalog .downloadActions {
	display: grid;
	gap: 8px;
}

.DownloadCatalog .downloadActions a {
	min-width: 120px;
	padding: 11px 16px;
	border: 1px solid var(--site-line);
	text-align: center;
	font-size: 14px;
	line-height: 22px;
}

.DownloadCatalog .downloadActions a:first-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: var(--site-red);
	color: #fff;
}

.DownloadCatalog .downloadActionIcon {
	width: 16px;
	height: 16px;
	filter: brightness(0) invert(1);
}

.DownloadCatalog .loadMore {
	display: block;
	margin: 26px auto 0;
	padding: 13px 28px;
	border: 1px solid var(--site-line);
	background: #fff;
}

.DownloadHelp {
	padding: 40px 0 110px;
	text-align: center;
}

.DownloadHelp h2 {
	font-size: 32px;
	line-height: 42px;
}

.DownloadHelp > .main > p {
	max-width: 680px;
	margin: 10px auto 0;
	color: #6d747a;
	font-size: 18px;
	line-height: 29px;
}

.DownloadHelp .main ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 34px;
}

.DownloadHelp .main ul a {
	display: grid;
	column-gap: 14px;
	padding: 28px;
	border: 1px solid var(--site-line);
	background: #fff;
	text-align: center;
}

.DownloadHelp .img_box {

margin-bottom: vaR(--p20);
}


.DownloadHelp h3 {
	font-size: 24px;
	line-height: 34px;
}

.DownloadHelp .main ul  p {
	margin-top: 6px;
	color: #6d747a;
	font-size: 14px;
	line-height: 22px;
}

.DownloadHelp .main ul  span {
	display: block;
	margin-top: 18px;
	color: var(--site-red);
}

@media only screen and (max-width: 768px) {
	.DownloadsHero {
		height: auto;
		min-height: 560px;
	}

	.DownloadsHero h1 {
		font-size: 44px;
		line-height: 56px;
	}

	.DownloadCatalog .downloadLayout,
	.DownloadHelp .main ul  {
		grid-template-columns: 1fr;
	}

	.DownloadCatalog .downloadBody article {
		grid-template-columns: 92px 1fr;
	}

	.DownloadCatalog article > div:nth-child(2) > span {
		position: static;
		margin-top: 8px;
	}

	.DownloadCatalog .downloadActions {
		grid-column: 1 / -1;
		grid-template-columns: repeat(2, 1fr);
	}
}