.trn-search-form {
  position: relative;
  /*width: 44px;*/
  height: 34px;
  /*margin-right: 65px;*/
}

/*@media (max-width: 1239.98px) {*/
/*  .trn-search-form {*/
/*    margin-right: 15px;*/
/*  }*/
/*}*/
@media (max-width: 991.98px) {
  .trn-search-form {
    height: 40px;
    margin-right: 0;
  }
}
.trn-search-form__input {
  padding-right: 34px;
  border: 1px solid #14387f;
  /*width: 44px;*/
  height: 34px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  /*background: #fff url(/local/templates/shop/img/icon/search.svg) no-repeat center left 11px;*/
  /*position: absolute;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*right: 0;*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-indent: 16px;
  z-index: 1;
}
/*.trn-search-form__input:focus, .trn-search-form__input.active {*/
/*  width: 670px;*/
/*}*/
/*.trn-search-form__input:focus + .trn-search-form__button, .trn-search-form__input.active + .trn-search-form__button {*/
/*  position: relative !important;*/
/*  width: 100px;*/
/*  height: 34px;*/
/*  display: block;*/
/*  top: 4px;*/
/*  right: 60px;*/
/*  background: transparent;*/
/*  opacity: 1;*/
/*  visibility: visible !important;*/
/*  pointer-events: all;*/
/*  z-index: 7;*/
/*}*/
/*@media all and (min-width: 640px) {*/
/*  .trn-search-form__input:focus + .trn-search-form__button, .trn-search-form__input.active + .trn-search-form__button {*/
/*    position: relative !important;*/
/*    height: auto;*/
/*    top: 3px;*/
/*    z-index: 3;*/
/*  }*/
/*}*/
@media (max-width: 991.98px) {
  .trn-search-form__input:focus, .trn-search-form__input.active {
    border: 1px solid #14387f;
    right: 0;
    width: 270px;
  }
}
.trn-search-form__input.active + .trn-search-form__button {
  cursor: pointer;
}
@media (max-width: 991.98px) {
  .trn-search-form__input {
    width: 40px;
    height: 40px;
    border: none;
    background: #fff url(/local/templates/shop/img/icon/search.svg) no-repeat center left 9px;
  }
}
.trn-search-form__button {
<<<<<<< HEAD
/*  visibility: hidden;*/
/*  opacity: 0;*/
/*  transition: none;*/
=======
  /*  visibility: hidden;*/
  /*  opacity: 0;*/
  /*  transition: none;*/
>>>>>>> c1ff7b6824f87a50c81cbc389b0a289c17694b58
  background: transparent;
  /*pointer-events: none;*/
  /*cursor: not-allowed;*/
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}

@media screen and (max-width: 1239px){
  .trn-search-form__input {
    max-width: 150px;
  }
}

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