.top-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 20px;
}
.nav {
  box-shadow: 0 10px 6px 0 rgb(0 0 0 / 3%);
  padding: 40px 0;
}
.nav>.center-content {
  align-items: center;
  display: grid;
  grid-gap: 30px;
  gap: 30px;
  grid-template-columns: 260px 1fr 260px;
  justify-content: center;
}
.center-content {
    margin: 0 auto;
    max-width: 1240px;
    width: 100vw;
}
.nav .logo {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.nav .logo img {
    max-width: 100px;
    width: 100px;
}

/* search */
.search {
    align-items: center;
    display: flex;
}
.frm-search {
    display: flex;
    width: 100%;
}
.frm-search input[type=search] {
    border-right: 0;
    flex: 1;
    border-radius: 30px 0px 0px 30px;
}
.frm-search input, .frm-search select {
    background-color: #fff;
    border: 1px solid #f58634;
    border-radius: 0 30px 30px 30px;
    color: #4d4d4d;
    font-size: 1rem;
    font-weight: 400;
    padding: 16px 20px;
}
.frm-search input {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}
button, input, select, textarea {
  background-color: #efefef;
  border-radius: 0;
  resize: none;
  text-transform: none;
}
.frm-search button[type=submit] {
  border: 1px solid #f58634;
  background-color: #373435;
  border-left: 0;
  border-radius: 0 30px 30px 0;
  margin-top: 0;
  width: 100px;
}
.frm-search button[type=submit]:hover {
  border-color: #373435;
  background-color: #f58634;
}
.frm-search button[type=submit] i {
  color:#fff;
}
.frm-search input[type=search]:hover {
  border: 1px solid #4d4d4d;
}

 .frm-search input[type=submit] {
  background-color: #373435;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  margin-top: 14px;
}
.bg-transition {
  transition: background .3s ease-in-out;
}
.fa-bars:before {
  content: "\f0c9";
}
/* search */

/* responsive */
@media screen and (max-width: 1240px){
  .center-content {
      max-width: 100%;
      padding: 0 20px;
  }
}
@media screen and (max-width: 768px){
  .nav>.center-content {
      align-items: center;
      display: grid;
      grid-gap: 30px;
      gap: 30px;
      grid-template-columns: 1fr 1fr;
      justify-content: center;
  }
  .nav .logo img {
    max-width: 120px;
    width: 100vw;
  }
  .search {
      align-items: center;
      background-color: rgba(0,0,0,.8);
      display: none;
      flex-direction: column;
      height: 100vh;
      left: 0;
      justify-content: center;
      max-height: 100%;
      max-width: 100%;
      padding: 30px;
      position: fixed;
      top: 0;
      width: 100vw;
      z-index: 5;
  }
  .frm-search {
      max-width: 100%;
  }
  .close-search {
      color: #fff;
      font-size: .9rem;
      display: block !important;
      margin-top: 30px;
  }
  #icon-search{
    display: block !important;
  }
  .show-flex {
    display: flex !important;
  }
}
/* fim responsive */
#icon-search{
  display: none;
}
.close-search {
  display:none;
}

/* adition options */
.list-options {
  align-items: center;
  display: flex;
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.additional-options .list-options li {
  padding: 0 15px;
}

.additional-options .list-options li+li {
  border-left: 1px solid #ccc;
}

.additional-options .list-options li a {
  color: #4d4d4d;
  font-size: 1.4rem !important;
}
 .additional-options, .additional-options .list-options {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.additional-options .list-options li:last-child {
    padding-right: 0;
}
.fa:hover {
  color: #f58634;
}

::placeholder {
  opacity: 0.4;
}
/* // aditional options */