#select__one{
	position: relative;
	z-index: 2;
	width: 150px;
}

#select__two{
	position: relative;
	z-index: 1;
	width: 115px;
}

/* Default custom select styles */
div.cs-select {
	font:12px 'Graphik', Helvetica, Arial, sans-serif;
	line-height: 12px;
	padding: 15px;
	border: 1px solid rgba(235, 235, 235, 1);
	border-radius: 3px;
	display: block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
/* 	z-index: 100; */
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none !important;
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding: 0px 0px;
	padding-right: 3em;
	padding-left: 1em;
}

.cs-select .cs-selected span{
	color: rgba(234,82,84,1);
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 0px;
}

.cs-select .cs-selected span::after {
	content: '';
	margin-left: 1em;
}

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
/* 	z-index: 200; */
}

/* Options */
.cs-select .cs-options {
	z-index: 1;
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	top: 0px;
	left: 0;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 32px 32px 0px rgba(20, 34, 44, 0.05), 0px 16px 16px 0px rgba(20, 34, 44, 0.05), 0px 8px 8px 0px rgba(20, 34, 44, 0.05), 0px 4px 4px 0px rgba(20, 34, 44, 0.05), 0px 2px 2px 0px rgba(20, 34, 44, 0.05);
	transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.cs-select.cs-active .cs-options {
	visibility: visible;
	opacity: 1;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cs-select ul span {
	padding: 1em;
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

.cs-select ul li{
	transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition:all 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.cs-select ul li:hover{
	background-color: rgba(235, 235, 235, 1);
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}