.s128 form {
  width: 100%;
  margin: 0;
}


.s128 form .inner-form .src-box .input-field input {

  border: 0;
  display: block;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
}

.s128 form .inner-form .src-box .input-field input.placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: 300;
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field input:-moz-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: 300;
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 18px;
  font-weight: 300;
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field input:hover, .s128 form .inner-form .src-box .input-field input:focus {
  box-shadow: none;
  outline: 0;
}

.s128 form .inner-form .src-box .input-field.first .clear {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background: transparent;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.s128 form .inner-form .src-box .input-field.first .clear svg {
  fill: #ccc;
  width: 22px;
  height: 22px;
}

.s128 form .inner-form .src-box .input-field.first .clear:hover, .s128 form .inner-form .src-box .input-field.first .clear:focus {
  box-shadow: none;
  outline: 0;
}

.s128 form .inner-form .src-box .input-field.first .clear:hover svg, .s128 form .inner-form .src-box .input-field.first .clear:focus svg {
  fill: #333;
}

.s128 form .inner-form .src-box .input-field.first input {
  padding: 10px 0 10px 60px;
  border-radius: 30px;
  width: 60px;
  transition: width .2s ease-in;
  background-position: 14px 14px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 34px 34px;
}

.s128 form .inner-form .src-box .input-field.first input:focus {
  width: 100%;
  padding-right: 60px;

}

.s128 form .inner-form .src-box .input-field.first input.isFocus {
  width: 100%;
}

.s128 form .inner-form .src-box .input-field.first input.isFocus ~ .clear {
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field.second input {
  padding: 10px 60px 13px 0;
  border-radius: 3px;
  width: 60px;
  transition: width .3s;
  background-image: url("search.png");
  background-position: calc(100% - 5px) 5px;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  right: 95px;
  z-index: 999;
}

.s128 form .inner-form .src-box .input-field.second input.placeholder {
  color: #666;
  transition: opacity .1s;
}

.s128 form .inner-form .src-box .input-field.second input:-moz-placeholder {
  color: #666;
  transition: opacity .1s;
}

.s128 form .inner-form .src-box .input-field.second input::-webkit-input-placeholder {
  color: #666;
  transition: opacity .1s;
}

.s128 form .inner-form .src-box .input-field.second input:focus {
  width: 86%;
  padding: 11px;
  border: 1px solid;
    background: #fff;
}

.s128 form .inner-form .src-box .input-field.second input:focus.placeholder {
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field.second input:focus:-moz-placeholder {
  opacity: 1;
}

.s128 form .inner-form .src-box .input-field.second input:focus::-webkit-input-placeholder {
  opacity: 1;
}

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