/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}


/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

#product-list{float:left;list-style:none;margin-top:10px;padding:0;width:313px;position:absolute; z-index:99; }
#product-list li{padding: 9px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid; font-weight: bold;}
#product-list li:hover{background:#ece3d2;cursor:pointer;}






.s01 {
  min-height: -5vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-family: 'Poppins', sans-serif;
  background-size: cover;
  background-position: center center;
  
}

.s01 form legend {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  margin-bottom: 60px;
}

.s01 form .inner-form {
  /*background: rgba(0, 0, 0, 0.2);*/
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
  
  padding: 11px 32px 11px 15px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.s01 form .inner-form .input-field {
  margin-right: 20px;
  height: 38px;
}

.s01 form .inner-form .input-field input {
  height: 100%;
  background: #fff;
  border-radius: .5px;
  border: 0;
  display: block;
  width: 175%;
  font-size: 13px;
 
  
}

.s01 form .inner-form .input-field select {
  
}

.s01 form .inner-form .input-field input.placeholder {
  color: #9a9a9a;
  font-size: 20px;
}

.s01 form .inner-form .input-field input:-moz-placeholder {
  color: #9a9a9a;
  font-size: 20px;
}

.s01 form .inner-form .input-field input::-webkit-input-placeholder {
  color: #9a9a9a;
  font-size: 10px;
  font-weight:bold;
}

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

.dropdown-backdrop{
    position: static;
}

.s01 form .inner-form .input-field.first-wrap #search-box {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.s01 form .inner-form .input-field.second-wrap {
  
  
  
}

.s01 form .inner-form .input-field.third-wrap {
  width: 180px;
  margin-right: 0px;;
}

.s01 form .inner-form .input-field.third-wrap .btn-search {
  height: 100%;
  width: 45%;
  background: #f50;
  /*#4272d7;*/
  white-space: nowrap;
  border-radius: .5px;
  font-size: 17px;
  color: #fff;
  transition: all .2s ease-out, color .2s ease-out;
  border: 0;
  cursor: pointer;
   margin-left: 117px;
   
}

.s01 form .inner-form .input-field.third-wrap .btn-search:hover {
  background: #2d62d3;
}


@media screen and (max-width: 992px) {
  
  .s01 form .inner-form {
 
  
}
  .s01 form .inner-form .input-field {
    height: 50px;
   width:75%;
  }
  
  .dropdown-backdrop{
    position: static;
}
  
}

@media screen and (max-width: 767px) {
  
  
  .s01 {
  min-height: 10vh;
  
  
}

.dropdown-backdrop{
    position: static;
}

#product-list
{float:left;list-style:none;margin-top:3px;padding:0;width:172px;position:absolute; z-index:99; 
}


#product-list li
{padding: 9px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid; font-weight: bold;
margin-left:38px;
}
#product-list li:hover
{background:#ece3d2;cursor:pointer;
}


  
  .s01 form .inner-form {
  padding: 5px 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;  
     /*margin-top:100%; */ 
background:none;  
}
  
  .s01 form .inner-form .input-field {
  margin-right: 30px;
  height: 38px;

}

  .s01 form .inner-form .input-field input {
  height: 100%;
  background: #fff;
  border-radius: .5px;
  border: 0;
  display: block;
   width:282%;
  font-size: 13px;
  margin-left:32px;
  margin-top:11px;
  
  
  
}

.s01 form .inner-form .input-field select {
  height: 100%;
  background: #fff;
  border-radius: .5px;
  border: 0;
  display: block;
  width:115%;
  font-size: 9px;
  margin-left:50px;
  margin-top:11px;
}

.s01 form .inner-form .input-field.third-wrap .btn-search {
  height: 100%;
  width: 43%;
  background: #ff5500;
  /*#4272d7;*/
  white-space: nowrap;
  border-radius: .5px;
  font-size:0px;
  color: #fff;
  transition: all .2s ease-out, color .2s ease-out;
  border: 0;
  cursor: pointer;
   margin-left:96px;
   margin-top:11px;   
   

  
}

  
 .s01 form .inner-form .input-field.second-wrap {
  width:100%;
  min-width: 180px;
}
 .s01 form .inner-form .input-field.second-wrap {
    width: calc(50% - 10px);
    min-width: auto;
  }
  .s01 form .inner-form .input-field.third-wrap {
    width: calc(50% - 10px);
  }
  .s01 form .inner-form .input-field.third-wrap .btn-search {
    font-size: 16px;
  }
  
  
 



  
}