#header, #header .header-top {
  background-color: white;
}

#search_widget {
  margin-bottom: .625rem;
  overflow: auto;
}

div#search_widget.opean {}
#search_widget form {
  position: relative;
}
#search_widget form i {
  position: absolute;
  /* padding: .5rem; */
  top: 9px;
  right: 0px;
}
i.material-icons.search::before, i.material-icons.fakesearch::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6.7657 1.13623C5.26242 1.13623 3.84899 1.72151 2.78623 2.78445C2.71449 2.8562 2.71449 2.97243 2.78623 3.04417C2.85798 3.11592 2.97421 3.11592 3.04596 3.04417C4.03948 2.05065 5.36053 1.50358 6.7657 1.50358C8.17088 1.50358 9.49193 2.05065 10.4855 3.04417C10.5213 3.08005 10.5683 3.09799 10.6153 3.09799C10.6623 3.09799 10.7093 3.08005 10.7452 3.04417C10.8169 2.97243 10.8169 2.8562 10.7452 2.78445C9.68242 1.72151 8.26899 1.13623 6.7657 1.13623Z" fill="black"/><path d="M11.3421 12.7691C11.2716 12.8396 11.2702 12.9533 11.3389 13.0254L15.6285 17.5409C15.8821 17.8079 16.2245 17.9575 16.5928 17.9624C16.5989 17.9624 16.6048 17.9626 16.6109 17.9626C16.9723 17.9626 17.3117 17.8221 17.568 17.5658C17.8284 17.3055 17.9692 16.9592 17.9646 16.5911C17.9597 16.2227 17.8101 15.8801 17.543 15.6263L13.0276 11.3367C12.9553 11.2682 12.8418 11.2692 12.7713 11.3399L12.1866 11.9247L11.6478 11.3859C14.1417 8.75274 14.1047 4.58518 11.5245 2.00521C8.90071 -0.618598 4.6312 -0.618598 2.00739 2.00521C0.736208 3.27621 0.0361328 4.96622 0.0361328 6.76368C0.0361328 8.56131 0.736208 10.2513 2.00739 11.5223C3.3193 12.8342 5.04267 13.4902 6.76604 13.4902C8.43166 13.4902 10.0939 12.8713 11.3881 11.6456L11.9268 12.1844L11.3421 12.7691ZM2.26712 11.2626C1.06535 10.0608 0.40348 8.46319 0.40348 6.76368C0.40348 5.06434 1.06535 3.4667 2.26712 2.26493C3.50745 1.0246 5.13666 0.404521 6.76604 0.404521C8.39525 0.404521 10.0245 1.0246 11.2648 2.26493C13.7455 4.7456 13.7455 8.78193 11.2648 11.2626C8.78412 13.7436 4.74779 13.7433 2.26712 11.2626ZM12.9044 11.7263L17.2901 15.8925C17.4848 16.0774 17.5938 16.3273 17.5972 16.5958C17.6006 16.8641 17.498 17.1163 17.3083 17.3061C17.1185 17.4958 16.8706 17.5959 16.5976 17.595C16.3293 17.5916 16.0796 17.4826 15.8946 17.288L11.7285 12.9022L12.9044 11.7263Z" fill="black"/></svg>') no-repeat center;
  background-size: contain;
}

i.material-icons.search, i.material-icons.fakesearch{
    font-size: 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
}

#search_widget form i.clear {
  right: 15px;
  display: none;
}
#search_widget form input {
  width: 100%;
  border: none;
  padding: 5px 40px 5px 0px;
  border-bottom: 1px solid #c7c7c7;
}
#search_widget form input::placeholder{
  font-size: 13px
}
.ui-autocomplete.searchbar-autocomplete {
  width: 100%;
  min-height: 100%;
  border: none;
}

.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
  padding: 8px 15px;
  overflow: auto;
  border: none;
  background: none;
  margin: auto;
  border-radius: 0;
}

.ui-autocomplete.searchbar-autocomplete li a:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
  float: left;
  width: 50px;
  height: auto;
  margin-right: 8px;
}

.search-widget {
  display: inline-block;
}
.search-widget form {
  position: relative;
}
.search-widget form input[type="text"] {
  min-width: 255px;
  padding: 10px;
  color: #7a7a7a;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.search-widget form input[type="text"]:focus {
  color: #232323;
  background: #fff;
  outline: 3px #24b9d7 solid;
}
.search-widget form input[type="text"]:focus + button .search {
  color: #24b9d7;
}
.search-widget form button[type="submit"] {
  position: absolute;
  right: 0.125rem;
  bottom: 0.3125rem;
  color: #7a7a7a;
  background: none;
  border: none;
}
.search-widget form button[type="submit"] .search:hover {
  color: #24b9d7;
}

@media only screen and (min-width: 768px) {
  #search_widget {
    margin-bottom: 0;
  }

  .ui-autocomplete.searchbar-autocomplete {
    width: 400px;
    min-height: auto;
    left: auto;
  }
}

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 15.63rem;
  }
}
@media (max-width: 991px) {
  #search_widget form i{
    right: 15px;
}
  #search_widget form input{
    padding: 10px 15px;
  }
  #search_widget {
    visibility: hidden; 
    opacity:0;
    position: fixed;
    left: 0px;
    top: 70px;
    height: 38px;
    width: 100vw;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
  }

#search_widget.open {
    top: 86px;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
    overflow: visible;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}
}