/* Start:/bitrix/templates/aspro_max/css/wholesale/wholesale.css?17568966646936*/
h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 150%;
	color: #333;
	margin-bottom: 25px;
}

/*BANNER*/
.wholesale-banner {
	background-image: url('/bitrix/templates/aspro_max/css/wholesale/../../images/wholesale/banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.wholesale-banner * {
	color: #fff;
}

.banners-content .maxwidth-banner.wholesale-banner .maxwidth-theme {
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
}

.banners-content .maxwidth-banner.wholesale-banner .maxwidth-theme * {
	max-width: 1165px;
}

.banners-content .maxwidth-banner.wholesale-banner .maxwidth-theme p {
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
}

.banners-content .wholesale-banner .title {
	margin: 0;
}
.banners-content .wholesale-banner .intro-text {
	padding: 0;
}
.banners-content .wholesale-banner .intro-text p:last-child {
	margin-bottom: 0;
}

/*RULES*/
.wholesale-rules .bonus-rules {
	justify-content: space-between;
}

/*DISCOUNT*/
.discount-system {
	display: flex;
	gap: 30px;
	padding-bottom: 60px;
}

.discount-system .__item {
	width: calc((100% - 90px) / 5);
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px;
	border-radius: 10px;
	border: 2px solid #21B24B;
}

.discount-system .__item .__percents {
	font-size: 60px;
	font-weight: 900;
	line-height: 150%;
	color: #21B24B;
}

.discount-system .__item .__text {
	font-size: 16px;
	line-height: 155%;
}

/*CONTACTS*/
.maxwidth-theme.contacts-block {
	margin: 70px auto;
}

.contacts-block .contacts {
	display: flex;
	gap: 60px;
}

.contacts-block .contacts .__item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.contacts-block .contacts div .__item:not(:last-child) {
	margin-bottom: 10px;
}

.contacts-block .contacts .__item .__icon {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contacts-block .contacts .__item .__icon img {
	width: 100%;
	height: 100%;
}

.contacts-block .contacts .__item .__text {
	font-size: 16px;
	line-height: 155%;
}

/*COMMUNICATION*/
.maxwidth-theme.communication-block {
	padding-bottom: 70px;
}

.communication {
	display: flex;
	justify-content: flex-start;
	gap: 60px;
}

.communication h3 {
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 20px;
}

.communication .content * {
	color: #555;
	font-size: 15px;
	line-height: 155%;
}

.communication .content *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.communication .content ul {
	margin: 0 0 20px;
}

.communication .image._mobile {
	display: none;
}

.communication #wholesaleForm .maxwidth-theme {
	padding: 0;
}

.communication #wholesaleForm .image._middle {
	display: none;
}

.communication #wholesaleForm .form {
	padding: 20px 0 0;
}

.communication #wholesaleForm .form .form_footer {
	margin: 0;
}

.communication .image img {
	position: sticky;
	top: 70px;
}

@media screen and (max-width: 1440px) {

	/*DISCOUNT*/
	.discount-system {
		justify-content: space-between;
		gap: 20px;
	}

	.discount-system .__item {
		padding: 30px 20px;
		width: calc((100% - 60px) / 4);
	}

	.discount-system .__item .__percents {
		font-size: 40px;
	}
}

@media screen and (max-width: 1200px) {

	/*BANNER*/
	.banners-content .maxwidth-banner.wholesale-banner .maxwidth-theme {
		gap: 40px;
	}

	/*RULES*/
	.wholesale-rules .bonus-rules {
		padding: 70px 0;
		justify-content: space-around;
		/*gap: 30px;*/
	}

	.wholesale-rules .bonus-rules .bonus-rules__card {
		flex: 0 0 200px;
	}

	/*DISCOUNTS*/
	.wholesale-discounts h3 {
		margin-bottom: 35px;
	}


	/*COMMUNICATION*/
	.communication {
		flex-direction: column-reverse;
		gap: 60px;
	}

	.communication .image {
		width: 630px;
		height: 400px;
	}

	.communication .image img {
		width: 100%;
		height: 100%;
	}

	.communication h3 {
		font-size: 24px;
	}

	.communication .content * {
		font-size: 16px;
		line-height: 150%;
	}

	.communication #wholesaleForm {
		display: flex;
		gap: 20px;
		padding: 60px 0 0;
	}

	.communication #wholesaleForm .image._middle {
		display: block;
		width: 50%;
		height: auto;
	}

	.communication #wholesaleForm .image._middle img {
		height: auto;
	}

	.communication .image {
		display: none;
	}

	.communication #wholesaleForm .form {
		padding: 0;
	}

	.wrapper1 .communication #wholesaleForm .form .form_head {
		margin-top: 0;
	}
}

@media screen and (max-width: 1150px) {

	/*RULES*/
	.wholesale-rules .bonus-rules {
		flex-wrap: wrap;
		justify-content: center;
		gap: 50px;
	}

	.wholesale-rules .bonus-rules .bonus-rules__card {
		flex: 0 0 220px;
	}

	/*DISCOUNTS*/
	.wholesale-discounts h3 {
		margin-bottom: 35px;
	}

	.discount-system {
		flex-wrap: wrap;
		gap: 30px;
	}

	.discount-system .__item {
		width: calc((100% - 30px) / 2);
		justify-content: center;
		flex-direction: row;
		gap: 20px;
	}
}

@media screen and (max-width: 900px) {
	.communication #wholesaleForm {
		/* padding: 30px 0 60px; */
		display: none;
	}

	.communication #wholesaleForm .image._middle {
		display: none;
	}

	.communication .image._mobile {
		display: block;
		margin-bottom: 30px;
		height: auto;
		width: auto;
	}

	.communication .image img {
		position: inherit;
	}

	.communication #wholesaleForm .image._mobile img {
		height: auto;
	}

	.communication #wholesaleForm .form {
		max-width: 100% !important;
	}
}

@media screen and (max-width: 600px) {

	/*CONTACTS*/
	.contacts-block .contacts {
		flex-direction: column;
		gap: 10px;
	}
}

@media screen and (max-width: 575px) {

	/*DISCOUNT*/
	.discount-system {
		gap: 20px;
	}

	.discount-system .__item {
		padding: 20px;
		width: calc((100% - 20px) / 2);
		flex-direction: column;
		gap: 10px;
	}
}

@media screen and (max-width: 430px) {
	h1 {
		font-size: 32px;
	}

	h3 {
		font-size: 24px;
		line-height: 150%;
	}

	/*BANNERS*/
	.banners-content .maxwidth-banner.wholesale-banner .maxwidth-theme {
		gap: 25px;
	}

	/*RULES*/
	.wholesale-rules .bonus-rules {
		gap: 60px;
		padding: 60px 0;
	}

	/*DISCOUNT*/
	.wholesale-discounts h3 {
		text-align: center;
		margin-bottom: 30px;
	}

	/*CONTACTS*/
	.maxwidth-theme.contacts-block {
		margin: 60px auto;
	}

	/*COMMUNICATION*/
	.communication .image._mobile {
		display: block;
		width: 100%;
		height: clamp(211px, calc(13.1875rem + (254 - 211) * ((100vw - 375px) / (430 - 375))), 254px);
		margin-bottom: 30px;
	}

	.maxwidth-theme.communication-block {
		/* padding-bottom: 70px; */
	}

	/*DISCOUNT*/
	.discount-system {
		gap: 20px;
	}

	.discount-system .__item {
		width: 100%;
	}
}
/* End */
/* /bitrix/templates/aspro_max/css/wholesale/wholesale.css?17568966646936 */