#search_block_top { float: right; z-index: 9; position: relative; margin-top: 20px; padding-bottom: 15px; }
#search_block_top .icon-search { cursor: pointer; }
#search_block_top .icon-search:hover:before { color: #ee4000; }
#search_block_top .icon-search:before { content: "\f002"; font-family: "FontAwesome"; font-size: 18px; line-height: 30px; width: 40px; height: 30px; text-align: center; color: #ee4000; border-left: 1px solid #ebebeb; display: inline-block; }
#search_block_top .toogle_content { display: none; border-radius: 5px; border: 1px solid #ebebeb; padding: 10px; position: absolute; right: 0; top: 100%; min-width: 220px; background: white; }
#search_block_top #searchbox { position: relative; }
#search_block_top .btn.button-search { background: transparent; display: block; position: relative; border: none; color: #333333; width: 40px; text-align: center; line-height: 40px; height: 40px; padding: 0; position: absolute; top: 0; right: 0; padding: 0; }
#search_block_top .btn.button-search span { display: none; }
#search_block_top .btn.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; font-size: 14px; width: 100%; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; top: 0; }
#search_block_top .btn.button-search:hover { color: #ee4000; }
#search_block_top .btn.button-search:active { box-shadow: none; }
#search_block_top #search_query_top { padding: 10px 50px 10px 10px; height: 40px; width: 100%; z-index: 1; max-width: 220px; color: #898989; background: #fff; border-radius: 20px; border: 1px solid #ebebeb; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#search_block_top #search_query_top:focus { box-shadow: none; }

.ac_results { background: white; border: 1px solid #ebebeb; width: auto !important; margin-top: -1px; }
.ac_results li { padding: 0 10px; font-weight: normal; color: #686666; font-size: 13px; line-height: 22px; }
.ac_results li.ac_odd { background: white; }
.ac_results li:hover, .ac_results li.ac_over { background: #fbfbfb; }

@media (max-width: 767px) { #search_block_top { float: none; padding-bottom: 0; }
  #search_block_top .icon-search { display: none; }
  #search_block_top .toogle_content { display: block; border-radius: 0; border: 0; padding: 0; position: static; min-width: auto; background: transparent; }
  #search_block_top #search_query_top { max-width: 100%; } }