{#---GENERAL STYLE---#}
.manufacturer-logos {
	display: flex;
	justify-items: center;
	height: auto;
	gap: 30px;
	position: relative;
}

.manufacturer-logos__filters-container {
	display: block;
	height: auto;
	z-index: 3;
}

.manufacturer-logos__manufacturers {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	align-content: start;
	gap: 30px;
	padding-top: 100px;
	width: 70%;
}

.manufacturer-logos__manufacturer{
	display: none;
	padding-top: 1rem;
}

.manufacturer-logos__manufacturer:hover{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	transition: all .3s linear;
	height: fit-content;
}

.manufacturer-logos__manufacturer--active {
	display: block;
}

{#--MENU FILTER MANUFACTURES CATEGORIES--#}
{# Code to made sticky
.manufacturer-logos__categories{
	position: sticky;
	top: 0;
}
#}
.manufacturer-logos__categories,
.manufacturer-logos__category label {
	width: 350px;
	border-radius: 50px !important;
	margin: auto;
}

.manufacturer-logos__category input[type="radio"]:checked + label {
	background-color: #D4AF37;
	color: #1A214B;
	padding: 18px 0;
	justify-content: center;
	width: 275px;
	margin: auto;
	display: block;
}

.manufacturer-logos__category input:not(:checked) + label {
	display: block;
	border-radius: 50px !important;
	padding: 18px 0 !important;
	justify-content: center;
	margin: auto;
	width: 275px;
}
.manufacturer-logos__category {
	display: inherit;
	background: #1A214B;
}

{#--MENU FILTER TERRITORIES--#}
.manufacturer-logos__territories {
	position: absolute;
	display: flex;
	top: 50px;
	right: 0;
	transform: translate(0%, -50%);
	width: calc(100% - 380px);
}

.manufacturer-logos__territory input[type="radio"]:checked + label {
	background: #D4AF37;
	color: #1A214B;
	cursor: pointer;
	display: flex;
	padding: 10px;
	justify-content: center;
	height: 50px;
	margin: 0 5px;
	border: none;
}

.manufacturer-logos__territory input:not(:checked) + label {
	background: transparent;
	color: #1A214B;
	cursor: pointer;
	display: flex;
	padding: 10px !important;
	justify-content: center;
	height: 50px;
	margin: 0 5px;
}

.manufacturer-logos__territory .button.button--secondary:hover, 
.manufacturer-logos__territory .button.button--secondary:focus,
.manufacturer-logos__territory .button.button--secondary:active {
	height: 50px;
	margin: 0 5px;
	border: none;
	display: flex;
}

@media only screen and (min-width: 1040px){
	.manufacturer-logos__territories {
		flex-wrap: wrap;
		justify-content: center;
	}


	.manufacturer-logos__territory input[type="radio"]:checked + label {
		border-radius: 50px;
		min-width: 100px;
	}

	.manufacturer-logos__territory input:not(:checked) + label {
		border-radius: 50px;
		min-width: 100px;
	}

	.manufacturer-logos__territory .button.button--secondary:hover, 
	.manufacturer-logos__territory .button.button--secondary:focus,
	.manufacturer-logos__territory .button.button--secondary:active {
		border-radius: 50px;
		min-width: 100px;
	}

	.manufacturer-logos__categories .manufacturer-logos__all-filter {
		padding-top: 26px;
	}

	.manufacturer-logos__category {
		padding: 5px 0;
	}
	.manufacturer-logos__category:last-child {
		padding-bottom: 260px;
	}

	.manufacturer-logos__categories--title,
	.manufacturer-logos__territories--title {
		display: none;
	}
}

{#--DISTRIBUTOR BUTTON--#}
.manufacturer-logos__manufacturers--distributor {
	min-height: 32px;
	text-align-last: right;
	position: relative;
}

.manufacturer-logos__manufacturers--button {
	color: #FFF;
	/* 	background: #1A214B; */
	border: 1px none #1A214B;
	border-radius: 50px;
	font-size: 10px;
	padding: 0.9em 1em;
	pointer-events: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.manufacturer-logos__manufacturers--button:hover,
.manufacturer-logos__manufacturers--button:focus {
	color: #fff;
	text-decoration: none;
}

.manufacturer-logos__filter-button {
	background: #D4AF37;
	border-radius: 30px;
	box-shadow: 0px 4px 20px #000000;
	color: #1A214B;
	position: sticky;
	top: 90%;
	display: block;
	text-align: center;
	margin: auto;
	width: 100%;
	z-index: 2;
}

.manufacturer-logos__filter-button:hover,
.manufacturer-logos__filter-button:hover > span svg{
	background: #1A214B;
	color: #D4AF37;
	fill: #D4AF37;
	text-decoration: none;
}

.manufacturer-logos__filter-button > span {
	display: flex;
	justify-content: center;
	padding: 10px;
	cursor: pointer;
}

{#--TOOLTIP--#}
.tooltip {
	color: #1A214B;
	display: table-caption;
	font-size: 0;
	text-align-last: auto;
	line-height: 12px;
	opacity: 0;
	overflow: hidden;
	width: 0;
	transition: width 1s;
}

.manufacturer-logos__manufacturer:hover .tooltip {
	opacity: 1;
	display: table-caption;
	transition: width 1s;
	font-size: 12px;
	width: 100px;
}

{#--MOBILE--#}
@media only screen and (max-width: 1040px) {
	.manufacturer-logos {
		display: block;
		justify-items: center;
		height: auto;
		position: relative;
	}

	.manufacturer-logos__filters-container {
		position: fixed;
		top: 0;
		left: 0;
		background: white;
		width: 100vw;
		min-height: 100vh;
		transform: translateX(-150%);
		transition: all 1s;
	}

	.manufacturer-logos__categories--title {
		padding: 30px 30px 0;
	}

	.manufacturer-logos__categories {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 30px 40px;
	}

	.manufacturer-logos__category {
		background: transparent;
		width: 48%;
	}

	.manufacturer-logos__categories, 
	.manufacturer-logos__category label,
	.manufacturer-logos__categories--title{
		width: 100%;	
	}

	.manufacturer-logos__manufacturer {
		width: calc(50% - 15px);
	}

	.manufacturer-logos__filters-container--active {
		padding-bottom: 30px;
		overflow-y: scroll;
		height: 100%;
		transform: translateX(0);
	}

	.manufacturer-logos__filters-container .manufacturer-logos__close-button {
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 30px;
	}

	.manufacturer-logos__territories {
		position: initial;
		width: 100%;
		transform: inherit;
		text-align: center;
		flex-wrap: wrap;
		padding: 0 30px 30px;
	}

	.manufacturer-logos__territory input:not(:checked) + label {
		background: #1A214B;
		border: 7px solid #fff;
		border-radius: 50px;
		height: 70px;
		color: #D4AF37;
	}

	.manufacturer-logos__territory .button.button--secondary:hover, 
	.manufacturer-logos__territory .button.button--secondary:focus,
	.manufacturer-logos__territory .button.button--secondary:active {
		border: 7px solid #fff;
		border-radius: 50px;
		height: 70px;
	}

	.manufacturer-logos__territory input[type="radio"]:checked + label {
		border: 7px solid #fff;
		border-radius: 50px;
		height: 70px;
	}

	.manufacturer-logos__territories--title {
		padding: 0 30px;
	}

	.manufacturer-logos__territory {
		width: 50%;
	}

	.manufacturer-logos__manufacturers {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		padding-top: 0;
		padding-bottom: 49px;
		width: 100%;
	}

	.manufacturer-logos__category input:not(:checked) + label {
		display: inherit;
		height: 70px;
	}

	.manufacturer-logos__category input[type="radio"]:not(:checked) + label {
		border: 7px solid #fff !important;
		height: 70px;
	}

	.manufacturer-logos__category input[type="radio"]:checked + label {
		border: 7px solid #fff !important;
		height: 70px;
		display: flex;

	}

	{#--BUTTON APPLY FILTER--#}
	.manufacturer-logos__close-filters {
		background: #D4AF37;
		border-radius: 30px;
		color: #1A214B;
		cursor: pointer;
		display: block;
		margin: 30px auto 0;
		width: 90%;
	}

	.manufacturer-logos__close-filters:hover,
	.manufacturer-logos__close-filters:hover > span svg{
		background: #1A214B;
		color: #D4AF37;
		fill: #D4AF37;
		text-decoration: none;
	}

	.manufacturer-logos__close-filters > span {
		display: flex;
		justify-content: center;
		padding: 10px;
	}
}

@media only screen and (max-width: 768px){
	.manufacturer-logos__category input:not(:checked) + label {
		display: inherit;
		height: 70px;
		inline-size: 191px;
		overflow-wrap: break-word;
		hyphens: manual;
	}

	.manufacturer-logos__category input[type="radio"]:not(:checked) + label {
		border: 7px solid #fff !important;
		height: 70px;
	}

	.manufacturer-logos__category input[type="radio"]:checked + label {
		border: 7px solid #fff !important;
		height: 70px;
		display: flex;
		inline-size: 191px;
		overflow-wrap: break-word;
		hyphens: manual;
	}
}

{#--TABLET--#}
@media only screen and (min-width: 992px) and (max-width: 1040px){
	.manufacturer-logos__category input:not(:checked) + label,
	.manufacturer-logos__category input[type="radio"]:checked + label {
		inline-size: -webkit-fill-available;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1040px){
	.manufacturer-logos__manufacturer {
		width: 31%;
	}
}
@media only screen and (min-width: 767px) and (max-width: 1040px){
	.manufacturer-logos__categories, 
	.manufacturer-logos__category label,
	.manufacturer-logos__territories--title,
	.manufacturer-logos__territories,
	.manufacturer-logos__close-filters,
	.manufacturer-logos__categories--title{
		margin: auto;
		width: 60%;	
	}
}

@media screen and (min-width: 1040px) {
	{#--ICON CLOSE--#}
	.manufacturer-logos__close-filters,
	.manufacturer-logos__filter-button,
	.manufacturer-logos__close-button {
		display: none;
	}
}

{#--ANIMATION ICONS--#}

.manufacturer-logos__fade-in-right {
	animation: fade-in-right 0.9s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-in-right {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

body.menu-open {
  overflow: hidden;
}