#bottom-filter-fixed {
  width: 100%
}

@media only screen and (max-width: 999px) {
  #bottom-filter-fixed {
    display: none
  }
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed.filter-bottom-fixed {
  position: fixed;
  left: 0%;
  bottom: 30px;
  z-index: 9999;
  -webkit-transform: translateX(-94.5%);
  transform: translateX(-94.5%);
  width: 100%;
  max-width: 1260px;
  padding: 20px;
  min-height: auto;
  border-radius: 5px;
  background: #f8f4e5;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}


@media only screen and (max-width: 1400px) {
  #bottom-filter-fixed .filter-content.filter-bottom-fixed.filter-bottom-fixed {
    bottom: 8px;
    -webkit-transform: translateX(-95.5%);
    transform: translateX(-95.5%);
    padding: 10px;
  }
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed.filter-bottom-fixed.active {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .2s cubic-bezier(0, 0.58, 0.98, 0.98);
  transition: .2s cubic-bezier(0, 0.58, 0.98, 0.98)
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed.filter-bottom-fixed .container {
  max-width: 100%;
  padding: 0
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed form legend {
  font-size: 13px;
  text-align: center;
  text-align: left;
  font-weight: 400;
  margin-top: 0px
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed .form-container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 0px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed .form-container form .icon-close-form-fixed-bottom {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33125 15.5L0 14.1688L6.16875 8L0 1.83125L1.33125 0.5L8.83125 8L1.33125 15.5Z' fill='%232C6650'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  cursor: pointer
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed .form-container form .icon-close-form-fixed-bottom.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%232C6650' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 6L6 18' stroke='%232C6650' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 24px
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed .form-container form select {
  background-color: #ece9dc;
  color: #222;
  width: 32%;
  font-weight: 400;
  margin-bottom: 0
}

#bottom-filter-fixed Form select {
  max-width: 600px !important;
  width: 100%;
  border: none;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: .938rem;
  color: #91918a;
  margin-bottom: 20px
}

#bottom-filter-fixed .filter-content.filter-bottom-fixed .form-container form button {
  background: #c2e76b;
  border: none;
  color: #10312b;
  font-size: .938;
  border-radius: 5px;
  height: 40px;
  width: 10%
}