

.min-max-slider {position: relative; width: 100%; text-align: center; margin-bottom: 50px;}
.min-max-slider > label {display: none;}
span.value {height: 1.7em; font-weight: bold; display: inline-block;}
span.value.lower::before {content: "CHF "; display: inline-block;}
span.value.upper::before {content: "- CHF "; display: inline-block; margin-left: 0.4em;}
.min-max-slider > .legend {display: flex; justify-content: space-between;}
.min-max-slider > .legend > * {font-size: small;}
.min-max-slider > input {cursor: pointer; position: absolute;}

/* webkit specific styling */
.min-max-slider > input {
  -webkit-appearance: none;
  outline: none!important;
  background: transparent;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 30%, var(--couleur-3) 30%, var(--couleur-3) 60%, transparent 60%, transparent 100%);
}
.min-max-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 14px; /* Set a specific slider handle width */
  height: 14px; /* Slider handle height */
  background: #eee; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border: 1px solid gray;
  border-radius: 100%;
}
.min-max-slider > input::-webkit-slider-runnable-track {cursor: pointer;}



.sd_theme_close_header_filter{
  bottom:-185px!important;
}

@media screen and (max-width: 768px) {
  .sd_theme_close_header_filter{
    bottom:-405px!important;
  }

  
}

@media screen and (min-width: 769px) and (max-width: 991px) {
  .sd_theme_close_header_filter{
    bottom:-215px!important;
  }

  
}

.sd_theme_header_filter_title
{
  color:white!important;
  background: orange /*radial-gradient(circle, rgba(60,161,181,1) 43%, rgba(0,128,137,1) 77%, rgba(0,100,116,1) 100%)*/
}

.sd-bg-color-3{
  color:white!important;
  background: orange!important
}

body, html{
  overflow-x:hidden;
}
