#filters { position: relative; }
#filters + section { margin-top: -140px; }
#filters > .content-wrapper {}
#filters > .content-wrapper > main {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
}
#filters > .content-wrapper > main:before {
	content: "";
	position: absolute; top: 0; right: min(-45px, calc(((100vw - 100px - 1290px + 90px) / 2) * -1)); bottom: 0; z-index: -1;
	
	background-color: #E45C4A;
}
@media (min-width: 1200px)	  { #filters > .content-wrapper > main:before { left: 60%; } }
@media (max-width: 1199.99px) { #filters > .content-wrapper > main:before { left: 20%; } }

/*--------------------------------------------------------------------------------------------------------------*/

#filters > .content-wrapper > main > .selectbox {
	position: relative;
	height: 90px; max-width: 335px;
	
	white-space: nowrap;
	text-overflow: ellipsis;
	
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 2.2px;
	color: #FFF;
}
#filters > .content-wrapper > main > .selectbox:after {
	content: '';
	position: absolute; top: 0; right: 45px; bottom: 0;
	display: block; width: 17px;
	
	background-color: #FFF;
	-webkit-mask: url("../../images/icons/arrow.simple.bottom.svg") no-repeat 50% 50%;
	mask: url("../../images/icons/arrow.simple.bottom.svg") no-repeat 50% 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
	
	pointer-events: none;
}
@media (min-width: 1200px)	  { #filters > .content-wrapper > main > .selectbox { margin-left: 60%; } }
@media (max-width: 1199.99px) { #filters > .content-wrapper > main > .selectbox { margin-left: 20%; } }
#filters > .content-wrapper > main > .selectbox > .selection {
	display: block; height: 90px; max-width: 100%; overflow: hidden;
	padding-left: 45px;
	padding-right: 77px;
	
	line-height: 90px;
	
	cursor: pointer;
}
#filters > .content-wrapper > main > .selectbox > .options {
	position: absolute; top: 100%; right: 0; left: 0; z-index: 10;
	padding: 30px 15px;

	background-color: #E45C4A;

	opacity: 0; transition: opacity .2s ease-out;
	pointer-events: none;
}
#filters > .content-wrapper > main > .selectbox.open > .options {
	opacity: 1;
	pointer-events: auto;
}
#filters > .content-wrapper > main > .selectbox > .options > .option {
	display: block;
	padding: 0 15px;

	background-color: transparent; transition: background-color .2s ease-out;
	
	line-height: 62px;
}
#filters > .content-wrapper > main > .selectbox > .options > .option:hover,
#filters > .content-wrapper > main > .selectbox > .options > .option.selected { background-color: rgba(255,255,255,.2); }