#search_block_top {

  float: right;

  margin: 8px 0 -12px;

  position: relative;

  z-index: 1; }

  #search_block_top #searchbox {

    float: left;

    min-width: 44px;

    height: 44px;

    border: none;

    position: relative;

    background: none; }

  #search_block_top .btn.button-search {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    border: none;

    height: 44px;

    width: 44px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    background: #006983;

    display: block;

    color: #fff;

    text-align: center;

    line-height: 20px;

    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease; }

    #search_block_top .btn.button-search span {

      display: none; }

    #search_block_top .btn.button-search:before {

      /*

      content: "\f002";

      font-family: "FontAwesome";

      */

      content: url(../../../img/bt_search_top.png);

      display: block;

      margin-left:-5px;  

      font-size: 17px;

      width: 100%;

      text-align: center; }

    #search_block_top .btn.button-search:hover {

      background: #ac1f45;

      -moz-box-shadow: none;

      -webkit-box-shadow: none;

      box-shadow: none; }

  #search_block_top #search_query_top {

    display: block;

    padding: 10px 10px 10px 13px;

    width: 250px;

    height: 44px;

    background: none;

    float: right;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    background: #fff;

    -moz-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    border: 1px solid #e9e9e9;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none; }

    @media only screen and (min-width: 1300px) {

      #search_block_top #search_query_top {

        width: 250px;

        opacity: 1;

        padding: 10px 10px 10px 13px; }

        #search_block_top #search_query_top:focus {

          width: 250px;

          padding: 10px 10px 10px 13px;

          opacity: 1; } }

  @media only screen and (min-width: 1300px) {

    #search_block_top:hover #search_query_top {

      width: 250px;

      padding: 10px 10px 10px 13px;

      opacity: 1; } }



.ac_results {

  background: white;

  border: 1px solid #e9e9e9 !important;

  width: 270px !important;

  padding: 15px !important;

  margin-top: 3px;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  border-radius: 20px;

  overflow: hidden;

  -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

  -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12);

  box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.12); }

  .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: white;

      color: #000;

      cursor: pointer; }



form#searchbox {

  position: relative; }

  form#searchbox label {

    color: #333333; }

  form#searchbox input#search_query_block {

    margin-right: 10px;

    max-width: 222px;

    margin-bottom: 10px;

    display: inline-block;

    float: left; }

form#searchbox .btn {

  padding: 8px 15px 10px 15px;

}



  form#searchbox .btn.btn-sm {

    float: left; }

    form#searchbox .btn.btn-sm i {

      margin-right: 0; }