.header-search__btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 46px;
  height: 46px;
  cursor: pointer; }
  @media only screen and (max-width: 1200px) {
    .header-search__btn {
      display: none; } }

.form-search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%; }
  @media only screen and (min-width: 1201px) {
    .form-search {
      display: none;
      position: absolute;
      left: 15px;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media only screen and (max-width: 768px) {
    .form-search {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .form-search .button-search {
    width: 32px;
    height: 32px;
    display: block;
    background-color: transparent;
    outline: 0 none;
    border: 0 none;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 1; }
    .form-search .button-search:before {
      content: '';
      position: absolute;
      left: 72%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 20px;
      width: 19px;
      background-image: url("/local/static/build/img/search-blue.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    .form-search .button-search:hover, .form-search .button-search:active {
      outline: 0 none;
      text-decoration: none;
      opacity: 0.7; }
  .form-search__input {
    position: relative;
    border-radius: 16px;
    height: 32px;
    width: 100%;
    padding: 0 50px 0 16px;
    font: 400 16px/40px "Open Sans", sans-serif;
    color: #253746;
    border: none;
    background: white;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .form-search__input:hover, .form-search__input:focus, .form-search__input:active {
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
    .form-search__input[disabled] {
      opacity: 0.5; }
  .form-search input::-webkit-input-placeholder {
    font: 400 16px/40px "Open Sans", sans-serif;
    color: #b1b1b1;
    opacity: 1; }
  .form-search input::-moz-placeholder {
    font: 400 16px/40px "Open Sans", sans-serif;
    color: #b1b1b1;
    opacity: 1; }
  .form-search input:-moz-placeholder {
    font: 400 16px/40px "Open Sans", sans-serif;
    color: #b1b1b1;
    opacity: 1; }
  .form-search input:-ms-input-placeholder {
    font: 400 16px/40px "Open Sans", sans-serif;
    color: #b1b1b1;
    opacity: 1; }
  .form-search input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 40px white !important;
    -webkit-text-fill-color: #253746 !important;
    color: #253746 !important;
    background-color: transparent !important; }
  .form-search input::-moz-autofill {
    -moz-box-shadow: inset 0 0 0 40px white !important;
    -moz-text-fill-color: #253746 !important;
    color: #253746 !important; }
  .form-search input:-moz-autofill {
    -moz-box-shadow: inset 0 0 0 40px white !important;
    -moz-text-fill-color: #253746 !important;
    color: #253746 !important; }
  .form-search input:-ms-autofill {
    -moz-box-shadow: inset 0 0 0 40px white !important;
    -moz-text-fill-color: #253746 !important;
    color: #253746 !important; }

.header--fix .search-header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  max-width: 40px;
  -webkit-transition: max-width .3s ease, opacity .3s ease;
  transition: max-width .3s ease, opacity .3s ease; }
  @media only screen and (max-width: 992px) {
    .header--fix .search-header {
      max-width: 100%;
      opacity: 1;
      position: relative;
      top: auto;
      right: auto;
      bottom: auto; } }
  .header--fix .search-header.active {
    opacity: 1;
    max-width: 100%;
    z-index: 4; }
    .header--fix .search-header.active .button-search {
      right: auto;
      left: 0; }
      @media only screen and (max-width: 992px) {
        .header--fix .search-header.active .button-search {
          right: 0;
          left: auto; } }
    .header--fix .search-header.active .form-search__input {
      padding: 0 50px; }
      @media only screen and (max-width: 992px) {
        .header--fix .search-header.active .form-search__input {
          padding: 0 50px 0 10px; } }