.select-hidden {
  display: inline-block;
  visibility: hidden;
}

.select-div {
  height: 3.75rem;
  font-size: 1.25rem;
  position: relative;
}

.select-div .halfOpaque {
	cursor: not-allowed;
	pointer-events: none !important;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.95em 2em 0.75em 3.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  background-color: #000000;
  background-image: url(../images/arrowdown-icon-white.svg);
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: 1em 50%;
  cursor: pointer;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.select-styled:after {
  display: none;
}

.select-styled:active, .select-styled.active {
  background-image: url(../images/arrowup-icon-white.svg);
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  -o-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.select-options li {
  padding: 0.95em 2em 0.75em 3.25em;
  margin: 0;
  border-bottom: 3px solid;
}

.select-options li[rel="hide"] {
  color: #999999;
}

.select-options li[rel="hide"]:hover {
  background-color: #ffffff;
}

.select-options li.is-selected[rel="hide"] {
  display: none;
}

.select-options li.is-selected {
  color: #000000;
  background-color: #EFECE3;
}

.select-options li:hover {
  background-color: #EFECE3;
}


/* mobiles */
@media all 
and (max-width: 750px) {

.select-div {
height: 2.5rem;
font-size: 1.15rem;
}

.select-styled {
padding: 0.55em 1em 0.5em 3.25em;
background-size: auto 40%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.select-options li {
padding: 0.55em 1em 0.5em 3.25em;
margin: 0;
border-bottom: 2px solid;
}


}