.header-search {
  width: 100%;
  position: relative; }
  .header-search__main {
    width: 100%;
    height: 44px;
    position: relative;
    border-radius: 22px; }
    .header-search__main .xdsoft_autocomplete_hint {
      border-radius: 22px; }
  .header-search__input {
    width: 100%;
    height: 44px;
    outline: none;
    display: block;
    border-radius: 22px;
    background: transparent;
    border: 1px solid #d7d7d7;
    color: #141E3B;
    font-weight: 500;
    padding: 11px 44px 11px 20px;
    font-size: 1rem;
    line-height: 1.375rem; }
    .header-search__input::-webkit-input-placeholder {
      color: #B4B3B1; }
    .header-search__input::-moz-placeholder {
      color: #B4B3B1; }
    .header-search__input:-ms-input-placeholder {
      color: #B4B3B1; }
    .header-search__input::-ms-input-placeholder {
      color: #B4B3B1; }
    .header-search__input::placeholder {
      color: #B4B3B1; }
    .header-search__input:focus {
      border-color: #7f8aa4; }
      .header-search__input:focus::-webkit-input-placeholder {
        color: transparent; }
      .header-search__input:focus::-moz-placeholder {
        color: transparent; }
      .header-search__input:focus:-ms-input-placeholder {
        color: transparent; }
      .header-search__input:focus::-ms-input-placeholder {
        color: transparent; }
      .header-search__input:focus::placeholder {
        color: transparent; }
  .header-search__button {
    top: 0;
    right: 10px;
    z-index: 10;
    width: 44px;
    height: 44px;
    display: block;
    border: none;
    outline: none;
    color: #B4B3B1;
    margin: 0;
    cursor: pointer;
    padding: 11px;
    font-size: 22px;
    line-height: 22px;
    position: absolute;
    border-radius: 22px;
    background: transparent; }
    .header-search__button:focus {
      outline: none; }
  .header-search.active .header-search__button:after, .header-search.active .header-search__button:before {
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 2px;
    height: 22px;
    content: '' !important;
    display: block;
    border-radius: 2px;
    position: absolute;
    background: #EC6828;
    margin: -11px 0 0 1px; }
  .header-search.active .header-search__button:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .header-search.active .header-search__button:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/*# sourceMappingURL=style.css.map */