.h1-wrapper h1 {
	/*
		color: #fff;
		font-size: 72px;
		font-family: 'Museo Cyrl 500';
		font-weight: 500;
		max-width: 980px;
		text-align: center;
	*/
		white-space: pre-line;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: baseline;
		align-items: baseline;
		-ms-flex-pack: center;
		justify-content: center;
	}


.brands-wrapper {
	/*background-color: #fff;*/
	/*padding: 80px 0;*/
	padding-top: 100px;
	padding-bottom: 100px;
}

.brands-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 50px;
}
.brands-title .section-title-double {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	white-space: pre-line;
	/*max-width: 35%;*/
	/*flex: 0 0 35%;*/
}
.brands-title .section-title-double::before,
.brands-title section-title-double::after {
	position: inherit;
}

.brands {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: center;
	justify-content: center;

	/*padding-bottom: 50px;*/
	margin-bottom: 50px;
	margin: 0 auto;
	max-width: 1280px;
}

.brands .brand-wrapper {
	padding-left: 15px;
	padding-right: 15px;

	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 4px 40px rgb(0 0 0 / 6%);

	height: 300px;
	min-height: 300px;

	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: center;
	justify-content: center;

	-ms-flex-align: center;
	align-items: center;

	max-width: 25%;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;

	transition: .2s;
}
.brands .brand-wrapper:hover,
.brands .brand-wrapper:active {
	box-shadow: 0px 4px 40px rgb(0 0 0 / 15%);
}
.brands .brand-wrapper:not(:first-child) {
	margin-left: 30px;
}

.brands .brand {
	padding-top: 44px;
	height: 100%;

	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: center;
	justify-content: center;
	/* justify-content: space-around; */

	-ms-flex-align: center;
	align-items: center;

	-ms-flex-direction: column;
	flex-direction: column;
}

.brands .brand__image {
	text-align: center;

	display: -ms-flexbox;
	display: flex;

	-ms-flex-align: center;
	align-items: center;
	/*align-items: flex-end;*/

	-ms-flex-pack: center;
	justify-content: center;
	/*justify-content: flex-end;*/

	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}
.brands .brand__image img {
	/*max-width: 85%;*/
	/*max-width: 100%;*/
}

.brands .brand__name {
	color: #000;
	font-family: 'Museo Cyrl 500';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	text-align: center;

	white-space: pre-line;
	padding-top: 10px;

	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: center;
	justify-content: center;

	-ms-flex-align: center;
	align-items: center;
	/*align-items: flex-start;*/

	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
	/*flex: 0 1 50%;*/
}


.brands .brand__goods-count {
	color: #bdbdbd;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 13px;

	margin-top: 10px;
	margin-bottom: 30px;

	text-align: center;
	text-transform: uppercase;

	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 25%;
	flex: 0 1 25%;
}
.brands__links {
	margin-top: 50px;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
}

.brands__link {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: center;
	justify-content: center;

	-ms-flex-align: center;
	align-items: center;
}

.brands__link .more-link:not(:first-child) {
	margin-left: 10px;
}

.brands__link .more-link a {
	margin-top: 0;

	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 13px;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;

	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: center;
	justify-content: center;

	-ms-flex-align: center;
	align-items: center;

	padding: 17px 30px;
	width: unset;
	border-radius: 60px;
}
.brands__link .more-link:first-child a {
	background-color: #da251c;
	color: #fff;
	border-color: #da251c;
}
	.brands__link .more-link:first-child:hover a, 
	.brands__link .more-link:first-child:active a {
		background-color: transparent;
		color: #da251c;
	}

.brands__link .more-link span {
	margin: 0;
	line-height: inherit;
}



@media (max-width: 1599.98px) {

	.brands {
		max-width: 100%;
	}
}



@media (max-width: 1199.98px) {

	.brands {
		margin: 0;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		-ms-flex-pack: center;
		justify-content: center;

		-ms-flex-align: center;
		align-items: center;
	}

	.brands .brand-wrapper {
		margin-right: 10px;
		margin-bottom: 20px;
		/*min-width: 260px;*/
		min-width: 300px;
		max-width: 50%;

		-ms-flex: 0 0 0%;
		flex: 0 0 0%;
	}

	.brands .brand-wrapper:not(:first-child) {
		margin-left: 0;
	}
}



@media (max-width: 991.98px) {

	.brands .brand-wrapper {
		margin-right: 10px;
		margin-bottom: 20px;
		min-width: 275px;
		max-width: 40%;

		-ms-flex: 0;
		flex: 0;
	}
}



@media (max-width: 767.98px) {

	.brands .brand-wrapper {
		margin-right: 10px;
		margin-bottom: 20px;
		min-width: 250px;
		max-width: 60%;

		-ms-flex: 1;
		flex: 1;
	}
}



@media (max-width: 575.98px) {
	
	.header.hasHero {
		/*background-position-y: 30px;*/
		background-position-y: 2.25rem;
	}

	.brands-title,
	.ctm-production-title,
	.horeca-title {
		padding-bottom: 40px;
		text-align: center;
	}

	.section-title-double {
		margin-bottom: 0;
		/*padding-bottom: 40px;*/

		font-size: 24px;
		line-height: 29px;

		display: flex;
		display: -ms-flexbox;

		-ms-flex-align: center;
		align-items: center;

		-ms-flex-pack: distribute;
		justify-content: space-evenly;

		max-width: 80%;
		flex: 0 0 80%;
	}
	.section-title-double::before,
	.section-title-double::after {
		position: unset;
	}

	.brands__link,
	.ctm-production__link,
	.horeca__link {
		margin-top: 0;

		display: -ms-flexbox;
		display: flex;

		-ms-flex-pack: center;
		justify-content: center;

		-ms-flex-align: center;
		align-items: center;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.section .more-link:not(:first-child) {
		margin-top: 10px;
		margin-left: 0;
	}

	.section .more-link a {
		margin-top: 0;

		width: 195px;
		height: 51px;

		display: -ms-flexbox;
		display: flex;

		-ms-flex-pack: center;
		justify-content: center;

		-ms-flex-align: center;
		align-items: center;
	}

	.section .more-link a span {
		font-size: 11px;
		line-height: 11px;
		margin-top: 0;
		margin-left: 0;
		/*margin-top: 18px;*/
	}


	/* Page Container Width */
	.td-container {
		/*padding-left: 15px;*/
		/*padding-right: 15px;*/
	}


	.h1-wrapper {
		color: #fff;
		font-family: 'Museo Cyrl 500';
		font-style: normal;
		font-weight: 400;
		font-size: 40px;
		line-height: 48px;
		text-align: center;
	}


	.brands-wrapper {
		/*padding: 80px 0;*/
		padding-top: 36px;
		padding-bottom: 40px;
	}

	.brands {
		-ms-flex-direction: column;
		flex-direction: column;

		-ms-flex-align: stretch;
		align-items: stretch;

		margin-bottom: 25px;
		/*transition: .2s;*/
	}

	.brands .brand {
		padding-top: 0;
		width: 100%;
		max-width: 100%;
	}

	.brands .brand-wrapper {
		margin: 0;

		height: 200px;
		min-height: 200px;
		min-width: unset;
		max-width: 100%;
		
		-ms-flex: 1;
		flex: 1;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.brands .brand-wrapper:not(:first-child) {
		margin-left: 0;
		margin-top: 10px;
	}

	.brands .brand__image {
		/*align-items: center;*/
		/*justify-content: center;*/
		/*flex: 1 1 50%;*/
	}
	.brands .brand__image img {
		max-width: 80%;
	}

	.brands .brand-wrapper:first-child .brand__image img {
		max-width: 71%;
	}
	.brands .brand-wrapper:first-child .brand__name {
		padding-top: 7px;
	}

	.brands .brand__name {
		padding-top: 30px;

		font-size: 18px;
		line-height: 25px;
	}

	.brands .brand__goods-count {
		margin-top: 10px;
		margin-bottom: 15px;

		font-size: 10px;
		line-height: 13px;
	}

	.brands__link {
		/*margin-top: 25px;*/
	}

	.brands__link .more-link a {
		width: auto;
		height: 51px;
		padding: 17px 22px;
	}

}



@media (min-width: 577px) and (max-width: 904px) {
	.brands .brand-wrapper:nth-child(n+3) {
		 margin-bottom: 0;
	}
}



@media (min-width: 905px) and (max-width: 1199.98px) {
	.brands .brand-wrapper:last-child {
		 margin-bottom: 0;
	}
}