.autocomplete {
  position: absolute;
  transition: all 0.5s ease 0s;
  max-height: 0;
  overflow-y: hidden;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  font-size: 13px;
  text-align: left;
	padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 1em;
  padding-right: 1em;
	color: #F2F2F2;
}
.autocomplete.open {
  display: block;
  transition: all 0.5s ease 0s;
  background: #FFFFFF;
  color: #727272;
  max-height: 600%;
  overflow-y: hidden;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	border: solid 1px #E3E3E3;
}
.autocomplete:empty,
.autocomplete.open:empty {
  display: none;
}
.autocomplete:active,
.autocomplete:focus,
.autocomplete:hover {
  transition: all 0.5s ease 0s;
}
.autocomplete > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.autocomplete > ul > li {
  cursor: pointer;
  padding: .5em;
}
.autocomplete > ul > li.locked {
  cursor: inherit;
}
.autocomplete > ul > li.active,
.autocomplete > ul > li:active,
.autocomplete > ul > li:focus,
.autocomplete > ul > li:hover {
  color: #F2F2F2;
  background-color: #0C0C0C;
  transition: all 0.5s ease 0s;
}
.autocomplete > ul > li.active a:active,
.autocomplete > ul > li:active a:active,
.autocomplete > ul > li:focus a:active,
.autocomplete > ul > li:hover a:active,
.autocomplete > ul > li.active a:focus,
.autocomplete > ul > li:active a:focus,
.autocomplete > ul > li:focus a:focus,
.autocomplete > ul > li:hover a:focus,
.autocomplete > ul > li.active a:hover,
.autocomplete > ul > li:active a:hover,
.autocomplete > ul > li:focus a:hover,
.autocomplete > ul > li:hover a:hover {
  text-decoration: none;
}