div.fancy-select { position: relative; font-size: 16px; color: #fff;width: 235px; margin: 0 auto }
div.fancy-select div.trigger {margin: 0 auto;cursor: pointer; padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: transparent; border: 1px solid #fff; text-align: left; color: #fff; width: 235px; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; }
div.fancy-select div.trigger:before { content: "";
    display: inline-block;
    position: relative;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #FFF;
    top: 3px;
    left: -13px;
}
div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #000; border:1px solid #fff; width: 100%; max-width: 235px; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
div.fancy-select ul.options.open { visibility: visible; opacity: 1; transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; }
div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }
div.fancy-select ul.options li { padding: 8px 12px; color: #000; cursor: pointer; white-space: nowrap; text-align: left; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; }
div.fancy-select ul.options li.selected { color: #000; background: #f97d00;}
div.fancy-select ul.options li.hover { color: #fff; background: #f97d00; }

@media all and (max-width: 1245px){
    div.fancy-select ul.options li{font-size: 12px}
}
@media all and (max-width: 760px){
    .widget-space .single-widget.weather-widget div.fancy-select ul.options {left: 0;right: 0;margin: auto;}
}