.main_selects {
	display: inline-block;
	float: left
}

.sbHolder {
	background-color: #fff;
	height: 30px;
	font-weight: 400;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	z-index: 1;
  border: 0.5px solid #D1D1D1;
	transition: .3s;
}

.sbHolder.open,
.sbHolder:hover {
	z-index: 200
}
.sbSelector {
	display: flex;
	align-items: center;
	height: 30px;
	line-height: 1px;
	outline: 0;
	overflow: hidden;
	text-indent: 10px;
	top: 0;
	text-decoration: none;
	width: 90.82700421940928%;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--main_font_color);
	text-decoration: none;
	position: relative;
	top: -1px;
	left: -2px;
}

.sort-type .sbHolder,
.sort-type .sbSelector {
	width: 170px;
  text-align: left;
  font-weight: 500;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.sort-type .sbHolder.open,
.sort-type .sbSelector.open{
	border: 0.5px solid transparent;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}

.sbSelector:link {
	color: var(--main_font_color);
	text-decoration: none;
	font-size: 12px;
}

.sbSelector:hover {
	text-decoration: none;
  color: var(--main_font_color);
}
.sbSelector:active,
.sbSelector:focus{
  color: var(--main_font_color);
}
.sbHolderDisabled {
	background-color: #3c3c3c
}

.sbOptions {
	background-color: #fff;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	border-top: none;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
	overflow-y: auto;
	width: 101%;
	text-indent: 7px;
	box-sizing: content-box;
	top: 26px!important;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.sbOptions a {
	display: block;
	outline: 0;
	padding: 8px 0 8px 3px;
	line-height: 18px
}

@media (max-width:640px) {
	.sbOptions a {
		padding: 12px 0 12px 3px
	}
}

.sbOptions a:link,
.sbOptions a:visited {
	color: #555353;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none
}

.sbOptions a.sbFocus,
.sbOptions a:focus,
.sbOptions a:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
}

.sbOptions li.last a {
	border-bottom: none
}

.sbOptions .sbDisabled {
	color: #999;
	display: block;
	padding: 7px 0 7px 3px
}

.sbOptions .sbGroup {
	display: block;
	font-weight: 700;
	padding: 7px 0 7px 3px
}

.sbOptions .sbSub {
	padding-left: 17px
}

.sbToggle {
	/* background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	display: block;
	height: 35px;
	outline: 0;
	position: absolute;
	right: 4px;
	top: 1px;
	width: 20px;
	background-size: 8px 7px;
  transform: rotate(-90deg); */
}
.sbToggle:hover:after{
  color: var(--main_font_color);
}
.sbToggle:active:after,
.sbToggle:focus:after{
  color: var(--main_font_color);
}
.sbToggle:after{
	position: absolute;
  content: '\f107';
  font-family: FontAwesome;
  font-size: 18px;
  right: 3px;
  top: 6px;
  width: 19px;
  height: 24px;
}
.sbToggleOpen {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABaklEQVRYw+3SQU6DQBQG4L+0GsIpSOPOeIKasO+iW29RE3YsvIIJRzJx59J0ZyaewjQFZlwUqlDem5kHqAtnBSF57+efD/g/A45Kk0ilSTRkxmJQgrLI6qcH6YiZ+O/vb6+gq1cAQDC/WebPb5I5gfjvtc4NEBoghK5y6RhRALVdbQzMunk3wFptVxvJLO8rUGkSoTjsDBB3Br3j4vJ6+fj0MW0DZZF1l9ctxN9QTtNAA88AITFs7wvSr4EaHvVZAtI5QBceE8ILpNMVUPCYoc4g3Rog4DEtOIO0NmCDxwx2AmlvQFe57/K6BSeQbIAjPFjhMSGsIMkr8IXHLGBB0g14wmNaYEH2NiCFxywhQfY3IITHtECCPAswFB4Tohdk6wrGgkedPpDtBkaCx7RwBvLUwNjwmBZaIL8aGBke00ILZABMB48JcQI5mxoedRqQwdTwmBZilEW2gDEvAO5+OsAxhdn/yt4/dT4BAAPKf5zlNNEAAAAASUVORK5CYII=) center no-repeat;
	background-size: 8px 7px
}

#sort_select {
	border-color: transparent!important
}