._no-webp .farfor__top {
	background: url(../img/farfor-bg.jpg) 0 0 / cover no-repeat;
}

.farfor__top {
	padding-top: 65px;
	padding-right: 200px;
	padding-bottom: 65px;
	padding-left: 200px;
}

.farfor__inner {
	padding-top: 65px;
	padding-right: 200px;
	padding-bottom: 65px;
	padding-left: 200px;
}

.farfor__text {
	font-weight: 400;
	font-size: 35px;
	line-height: 105.71429%;
	color: #eee;
}

.farfor__text + .farfor__text {
	padding-top: 18px;
}

.farfor__list {
	padding-left: 200px;
	padding-top: 56px;
	padding-bottom: 70px;
}

.farfor__link {
	padding: 8px;
	position: relative;
	font-weight: 400;
	font-size: 35px;
	line-height: 97.14286%;
	color: #eee;
}

.farfor__link::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #eee;
	top: 20px;
	left: -19px;
}

.farfor__btn {
	padding-top: 25px;
	text-align: center;
}

.farfor__btn a {
	font-size: 28px;
	font-weight: 800;
}

@media (max-width: 1920px) {
	.farfor__top {
		padding-top: calc(25px + 40 * ((100vw - 320px) / 1600));
	}

	.farfor__top {
		padding-right: calc(25px + 175 * ((100vw - 320px) / 1600));
	}

	.farfor__top {
		padding-bottom: calc(25px + 40 * ((100vw - 320px) / 1600));
	}

	.farfor__top {
		padding-left: calc(25px + 175 * ((100vw - 320px) / 1600));
	}

	.farfor__inner {
		padding-top: calc(25px + 40 * ((100vw - 320px) / 1600));
	}

	.farfor__inner {
		padding-right: calc(25px + 175 * ((100vw - 320px) / 1600));
	}

	.farfor__inner {
		padding-bottom: calc(25px + 40 * ((100vw - 320px) / 1600));
	}

	.farfor__inner {
		padding-left: calc(25px + 175 * ((100vw - 320px) / 1600));
	}

	.farfor__text {
		font-size: calc(24px + 11 * ((100vw - 320px) / 1600));
	}

	.farfor__list {
		padding-left: calc(20px + 180 * ((100vw - 320px) / 1600));
	}

	.farfor__link {
		font-size: calc(22px + 13 * ((100vw - 320px) / 1600));
	}

	.farfor__btn a {
		font-size: calc(16px + 12 * ((100vw - 320px) / 1600));
	}
}

@media (max-width: 991.98px) {
	.farfor__list {
		padding-left: 40px;
		padding-top: 32px;
		padding-bottom: 40px;
	}
}

@media (max-width: 767.98px) {
	.farfor__top,
	.farfor__inner {
		padding-right: 14px;
		padding-left: 14px;
	}

	.farfor__list {
		padding-left: 22px;
		padding-top: 20px;
		padding-bottom: 24px;
	}

	.farfor__link {
		display: block;
		padding: 8px 0 8px 10px;
		line-height: 1.3;
	}

	.farfor__link::before {
		left: -10px;
		top: 1.1em;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

._webp .farfor__top {
	background: url(../img/farfor-bg.webp) 0 0 / cover no-repeat;
}