.customSelect {
  position: relative;
  width: 100% !important;
}
.customSelect .selectValueWrap {
  position: relative;
}
.customSelect .selectedValue {
  font: 0.552em Brandon-bold;
  text-transform: uppercase;
  padding: 13px;
  border: 3px solid #2c2c2c;
  text-align: center;
  cursor: pointer;
}
.customSelect .selectedValue:after {
  color: #000;
  content: "\f107";
  font-family: Icomoon;
  font-size: 1.6em;
  position: absolute;
  right: 16px;
  top: 15px;
}
.customSelect.select-open .selectedValue::after {
  content: "\f108";
}

.customSelect .wpcf7-not-valid + .selectValueWrap .selectedValue {
  border-color: #cd0400;
}

.customSelect .selectList {
  z-index: 100;
  position: absolute;
  left: -999em;
  top: -999em;
  margin: -3px 0 0;
  list-style: none;
  border: 3px solid #2c2c2c;
  border-bottom: 0;
  width: 100%;
  background-color: #fff;
  font: 0.552em Brandon-bold;
  text-transform: uppercase;
  text-align: center;
}

.customSelect.select-open .selectList {
  left: 0 !important;
  top: auto !important;
}
.customSelect .selectList dl {
  width: 100% !important;
}
.customSelect .selectList dl.defaultScrollbar {
  overflow-x: hidden;
  overflow-y: scroll;
}
.customSelect dl,
.customSelect dd {
  margin: 0;
}
.customSelect dd {
  zoom: 1;
  cursor: pointer;
}
.customSelect .selected {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0088cc),
    to(#0077b3)
  );
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.customSelect .selectList dd.hovered {
}
.customSelect dt {
}
.customSelect dd {
  padding: 13px;
  border-bottom: 3px solid #2c2c2c;
}

.js select.custom {
  position: absolute;
  left: -999em;
}
.customSelect.focused .selectedValue {
}
.customSelect.disabled .selectedValue {
  border: 1px solid #ccc;
  color: #ccc;
  cursor: default;
}
.customSelect .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.customSelect .selectValueWrap .caret {
  display: none;
}
.customSelect .jspPane {
  overflow-x: hidden;
}
.customSelect .jspVerticalBar {
  background: none;
  width: 8px;
}
.customSelect .jspHorizontalBar {
  height: 0;
  overflow: hidden;
}
.customSelect .jspTrack {
  background: none;
  right: 5px;
  border-radius: 5px;
}
.customSelect .jspDrag {
  border-radius: 5px;
  color: #ffffff;

  opacity: 0.5;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#444444),
    to(#222222)
  );
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.selectList .selected {
  display: none;
}