::-webkit-input-placeholder {
  color: #ccc;
}
:-moz-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}
:focus::-webkit-input-placeholder {
  color: transparent;
}
:focus:-moz-placeholder {
  color: transparent;
}
:focus::-moz-placeholder {
  color: transparent;
}
:focus:-ms-input-placeholder {
  color: transparent;
}
input,
textarea,
button,
select {
  margin: 0;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}
embed,
object,
video {
  max-width: 100%;
}

.ie8 img {
  width: auto;
}
img::selection,
img::-moz-selection,
::selection,
::-moz-selection {
  color: #fff;
  background: #559808;
}

select {
  display: none;
}
.select {
-webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: url(../images/select_style-bg.jpg) right no-repeat #1d081e;
    height: 35px;
    border-radius: 0;

    outline: none;

    color: rgba(255, 255, 255, .5);

    font-size: 14px;

    padding-left: 0px;

    font-family: 'open_sansregular';

    border: 0;

    -moz-appearance: none;

    margin-bottom: 10px;

    text-indent: 0.01px;

    text-overflow: '';
	text-align:left;
}
.select .active-option {
    color: rgba(255, 255, 255, .9);
  -webkit-transition: all 0.3s 0s ease-in-out;
  -moz-transition: all 0.3s 0s ease-in-out;
  -ms-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
  cursor: pointer;
 
}

.select .active-option:before {
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;

}
.select .active-option:hover {

}
.select .option-list {
  color: #fff;
}
.select .option-list li {
  background: #ABABAD;
  widht:100%
}
.select .option-list li:hover {
  background: #979799;
   widht:100%!important
}
.active-option {
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.option-list {
  width: 100%;
  position: absolute;
  visibility: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  top:70%;
  z-index:9999;
  list-style:none;
  margin-top:-77px;
  left:0;
}
.option-list li {
  width: 120%;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  list-style:none;
   padding-top:5px;
   padding-bottom:5px;
   background:#1d081e!important;
   color:#fff;
   margin-left:-40px;
   border-bottom:1px solid #fff;
}

.option-list.show {
  -webkit-transition: all 0.3s 0s ease-in-out;
  -moz-transition: all 0.3s 0s ease-in-out;
  -ms-transition: all 0.3s 0s ease-in-out;
  -o-transition: all 0.3s 0s ease-in-out;
  transition: all 0.3s 0s ease-in-out;
  top: 100%;

  visibility: visible;
}