.site-search {
  position: relative;
  display: inline-block;
  margin: 3em 0;
  width: 100%;
  text-align: center; }
  .site-search .search-filter {
    width: 100%; }
    .site-search .search-filter input {
      width: 80%; }
    .site-search .search-filter input:focus {
      outline-style: solid;
      outline-color: #3277b3; }
    .site-search .search-filter .site-search-result {
      display: none;
      position: relative;
      background-color: #f1f1f1;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
      width: 80%;
      margin: auto; }
      .site-search .search-filter .site-search-result ul, .site-search .search-filter .site-search-result li {
        margin: 0;
        padding: 0; }
      .site-search .search-filter .site-search-result .client-item {
        text-decoration: none;
        display: block;
        text-align: left; }
        .site-search .search-filter .site-search-result .client-item a {
          padding: 12px 16px;
          color: #3277b3;
          display: block; }
        .site-search .search-filter .site-search-result .client-item a:focus {
          outline-style: solid;
          outline-color: #3277b3; }
      .site-search .search-filter .site-search-result .client-item:hover {
        background: #3277b3; }
        .site-search .search-filter .site-search-result .client-item:hover a {
          color: #f1f1f1; }