.search-header .form .search-box form input::placeholder {
  color: #4b707a;
  font-size: 1.5rem;
  font-style: italic;
  transform: translateY(-4px); }

.search-header .form .search-box .items .list .item a:hover, .search-header .form .search-box .items .list .item.current a {
  background-color: #fff; }
  .search-header .form .search-box .items .list .item a:hover:after, .search-header .form .search-box .items .list .item.current a:after {
    right: 6px;
    color: #ff8c00; }

.search-header {
  position: relative; }
  .search-header .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4b707a;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .search-header .shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .search-header .title {
    max-width: 800px;
    margin-bottom: 5rem;
    font-size: 4.6rem;
    line-height: 1.22;
    color: #fff; }
  .search-header .search-text {
    color: #fff;
    margin-bottom: 1.3rem; }
  .search-header .scroll-down-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 15; }
    .search-header .scroll-down-container > .scroll-btn {
      display: block;
      cursor: pointer;
      width: 53px;
      height: 53px;
      margin: 0 auto;
      padding: 0;
      transform: translateY(26.5px);
      transition-duration: 0.3s;
      color: #ff8c00;
      background-color: #fff;
      border: none !important;
      border-radius: 50%;
      text-align: center;
      text-decoration: none; }
      .search-header .scroll-down-container > .scroll-btn > .mdi {
        display: block;
        margin: 0 auto;
        padding: 0;
        transform: translateY(12.5px);
        font-size: 5rem; }
      .search-header .scroll-down-container > .scroll-btn:hover {
        transform: translateY(26.5px) scale(1.1); }
  .search-header .form {
    display: block;
    position: relative;
    padding: 0; }
    .search-header .form .search-box {
      display: block;
      position: absolute;
      z-index: 20;
      width: 100%;
      margin: 0;
      padding: 6px 6px 6px 20px;
      background-color: #fff;
      border-radius: 6px; }
      .search-header .form .search-box form {
        display: flex;
        position: relative;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0; }
        .search-header .form .search-box form input {
          display: block;
          flex-shrink: 1;
          margin: 0 24px 0 0;
          padding: 0 6px 0 0;
          transition-duration: 0.3s;
          color: #4b707a;
          border: none;
          border-top: 2px solid rgba(255, 255, 255, 0);
          border-bottom: 2px solid rgba(255, 255, 255, 0);
          background-color: transparent;
          font-size: 2.3rem;
          line-height: 1; }
          .search-header .form .search-box form input::-ms-clear {
            display: none; }
          .search-header .form .search-box form input:focus {
            box-shadow: none; }
        .search-header .form .search-box form button {
          display: block;
          flex-grow: 0;
          flex-basis: 54px;
          width: 49px;
          max-width: 44px;
          height: 44px;
          margin: 0;
          padding: 0;
          color: #fff;
          background-color: #ff8c00;
          border-radius: 6px;
          line-height: 1; }
          .search-header .form .search-box form button:hover, .search-header .form .search-box form button:active {
            color: #fff;
            background-color: #fe9d28; }
          .search-header .form .search-box form button > .mdi {
            display: inline-block;
            transform: matrix(-1.4, 0, 0, 1.4, 0, 0); }
      .search-header .form .search-box .items {
        display: none;
        position: relative;
        margin: 0;
        padding: 23px 0;
        font-size: 2.3rem;
        text-overflow: clip; }
        .search-header .form .search-box .items .move {
          cursor: pointer;
          position: absolute;
          left: 0;
          width: 100%;
          color: #4b707a;
          font-size: 2.8rem;
          text-align: center; }
          .search-header .form .search-box .items .move > .mdi {
            display: inline-block;
            transition-duration: 0.3s; }
          .search-header .form .search-box .items .move.move-up {
            top: 0; }
          .search-header .form .search-box .items .move.move-down {
            bottom: 0; }
          .search-header .form .search-box .items .move.hidden {
            visibility: hidden; }
          .search-header .form .search-box .items .move:hover {
            color: #ff8c00; }
        .search-header .form .search-box .items .list {
          display: block;
          list-style: none;
          max-height: 172px;
          overflow: hidden;
          margin-left: -15px; }
          .search-header .form .search-box .items .list .item {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
            background-image: none;
            color: #4b707a; }
            .search-header .form .search-box .items .list .item a {
              display: block;
              position: relative;
              flex-grow: 1;
              margin: 0;
              padding: 8px 45px 8px 15px;
              transition-duration: 0.3s;
              color: #93a9af;
              border: none;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; }
              .search-header .form .search-box .items .list .item a b {
                transition-duration: 0.3s;
                color: #4b707a;
                font-weight: 400; }
              .search-header .form .search-box .items .list .item a:after {
                content: "\F142";
                display: block;
                position: absolute;
                z-index: 1;
                top: 8px;
                right: 8px;
                transition-duration: 0.3s;
                color: #4b707a;
                font-family: "Material Design Icons";
                font-size: 28px; }
            .search-header .form .search-box .items .list .item.hidden {
              display: none; }
            .search-header .form .search-box .items .list .item.current a {
              background-color: #c9d4d7; }
            .search-header .form .search-box .items .list .item:hover a {
              background-color: #c9d4d7; }
      .search-header .form .search-box .close-btn {
        position: absolute;
        cursor: pointer;
        z-index: 201;
        top: 10px;
        right: 65px;
        transition-duration: 0.3s;
        transform: scale(0);
        opacity: 0;
        color: #4b707a;
        font-size: 20px; }
      .search-header .form .search-box .placeholder {
        display: block;
        position: absolute;
        z-index: -1;
        top: 9px;
        left: 0;
        max-width: 80%;
        transition-duration: 0.15s;
        color: #4b707a;
        font-size: 1.5rem;
        font-style: italic;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
        .search-header .form .search-box .placeholder.hidden {
          opacity: 0; }
      .search-header .form .search-box.expanded {
        z-index: 200;
        box-shadow: 0 2px 10px 0 rgba(125, 122, 122, 0.3); }
        .search-header .form .search-box.expanded form input {
          border-bottom: 2px solid #d2dbdd; }
        .search-header .form .search-box.expanded .close-btn {
          transform: scale(1);
          opacity: 1; }
          .search-header .form .search-box.expanded .close-btn:hover {
            transform: scale(1.2); }
        .search-header .form .search-box.expanded .placeholder {
          opacity: 0; }
  @media (max-width: 575px) {
    .search-header .title {
      margin: 0 0 2.5rem 0;
      font-size: 2.6rem; }
    .search-header .form .search-text {
      font-size: 1.5rem; } }
  @media (max-width: 767px) {
    .search-header {
      height: auto;
      padding-top: 5rem;
      padding-bottom: 5rem; }
      .search-header .form-wrapper {
        padding-bottom: 100px; }
      .search-header .form {
        width: 100%; } }
  @media (min-width: 768px) {
    .search-header {
      height: 80vh; }
      .search-header .form-wrapper {
        padding-bottom: 100px; }
      .search-header .form {
        width: 603px; } }
  @media (min-width: 992px) {
    .search-header {
      height: 620px; }
      .search-header .form-wrapper {
        padding-bottom: 210px; } }