.drop-down {
    position: relative;
    display: inline-block;
    width: auto;
    margin-top: 0;

    font-family: verdana;
}

.drop-down .button{

    font-weight: bold;
    padding: 5px;
    color: #0a0d14;

    border: 2px solid black;
    border-radius: 5px;
}

.drop-down select {
    display: none;
}
.drop-down .select-list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    padding: 0;

}
.drop-down .select-list li {
    display: none;
    text-decoration: none;
}
.drop-down .select-list li span {
    display: inline-block;
    min-height: 300px;
    min-width: 280px;
    width: 100%;


    background-position: left 10px center;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: left;
    color: #FFF;
 /*   opacity: 0.7;*/
    box-sizing: border-box;
}
.drop-down .select-list li span:hover,
.drop-down .select-list li span:focus {
    opacity: 1;
}