.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: -4px;
    top:25px;
    z-index: 1;
    min-width: 210px;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin:0px;
    background: #f5f5f5;
    border:1px solid #c8c8c8;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: #f5f5f5;
	border: 1px solid #c8c8c8;
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: 3px;
		background: #f5f5f5;
		border: 1px solid #c8c8c8;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
        color:#000;
        font-family:'Roboto Condensed', sans-serif;
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .25em;
        padding-left:8px;
		cursor: pointer;
        font-family:'Roboto Condensed', sans-serif;

	}
	
	.awesomplete > ul > li:hover {
		background: #eee;
		color: #555;
        font-family:'Roboto Condensed', sans-serif;
        border-radius: .3em;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: #f5f5f5;
		color: #555;
        font-family:'Roboto Condensed', sans-serif;
	}
	
		.awesomplete mark {
			background: #f5f5f5;
            font-family:'Roboto Condensed', sans-serif;
            font-weight:bold;
            color:#000;
		}
		
		.awesomplete li:hover mark {
			background: #eee;
            font-family:'Roboto Condensed', sans-serif;
            font-weight:bold;
            color:#000;
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: #fff;
			color: inherit;
            font-family:'Roboto Condensed', sans-serif;
		}