.menu_select {position: relative; padding: 5px 0; min-width: 300px; transition: 0.3s;}
.menu_select:hover {transition:0.3s;}
.menu_select:hover ul {display: block;}
.menu_select span {display: block; font-family: 'Roboto', sans-serif; text-align: center;}
.menu_select span:after{content: ""; display: block; margin: 0 auto; width: 16px; height: 16px; background: url(arr_down.png) top left no-repeat; transition: 0.3s;}
.menu_select:hover span:after {transform: rotate(180deg); transition: 0.3s;}
.menu_select ul {display: none; background: #fff; border: 2px solid #000; border-radius: 4px; width: 100%; padding: 0; margin: 0; position: absolute; left: 0; top: 100%; text-align: center; list-style: none;}
.menu_select ul li {display: block; border-bottom: 1px solid transparent; font-family: 'Roboto', sans-serif; transition: 0.2s;}
.menu_select ul li:hover {background: rgba(192,189,189,0.4); transition: 0.2s;}