.faceted-overlay{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(25,25,25,0.5);
    z-index:100
}
.faceted-overlay .overlay__inner{
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:absolute
}
.faceted-overlay .overlay__content{
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%)
}
.faceted-overlay .spinner{
    width:75px;
    height:75px;
    display:inline-block;

    animation:spin 2s infinite linear;
    border-radius:100%;
    border-style:solid
}
.wheel {
  position: relative;
  transform: scale(0.8);
}
.wheel.hover {
  transition: transform ease-in-out 10s;
}
.wheel.hover:hover {
  transform: scale(0.8) rotate(7200deg);
}
.wheel .reef {
  opacity: 1;
}
.wheel .reef .circle {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  filter: brightness(1.2);
}
.wheel .reef .circle .silver-circle {
  width: 50px;
  height: 50px;
  background: repeating-linear-gradient(60deg, #b5b5b5, white 5px);
}
.wheel .reef .circle-1 {
  width: 48px;
  height: 48px;
  background: #c1c1c0;
  box-shadow: inset 0 0 12px 5px #a2a2a2;
  z-index: 9;
}
.wheel .reef .circle-2 {
  width: 55px;
  height: 55px;
  background: linear-gradient(-150deg, #585858, #dedede);
  z-index: 8;
}
.wheel .reef .circle-3 {
  width: 77px;
  height: 77px;
  background: repeating-linear-gradient(60deg, #000000, #131313 30px);
  z-index: 6;
}
.wheel .reef .circle-4 {
  width: 70px;
  height: 70px;
  background: #b3b2ae;
  box-shadow: inset 0 0 12px 5px #a0a0a0, -6px 9px 20px 16px #e0e0e0;
  z-index: 6;
}
.wheel .reef .circle-5 {
  width: 160px;
  height: 160px;
  background: radial-gradient(white, #191919);
  box-shadow: inset 0 0 12px 5px #a0a0a0, 0 0 19px 14px #000;
  z-index: 5;
}
.wheel .reef .circle-6 {
  width: 210px;
  height: 210px;
  background: #333333;
  box-shadow: inset 0 0 27px 0px #464646;
  z-index: 4;
}
.wheel .reef .circle-7 {
  width: 300px;
  height: 300px;
  background: #000;
  box-shadow: inset 0 0 12px 5px #403c39;
  z-index: 3;
}
.wheel .reef .circle-8 {
  width: 320px;
  height: 320px;
  box-shadow: inset 0 -20px 12px 5px #adadad, 0 5px 2px 4px #464646;
  z-index: 2;
}
.wheel .reef .circle-9 {
  width: 360px;
  height: 360px;
  background: repeating-radial-gradient(darkgrey, #a2a2a2 54px);
  box-shadow: inset 3px -4px 7px 1px #e0e0e0, inset 0 0 12px 5px #737373;
  z-index: 1;
}
.wheel .reef .circle-10 {
  width: 450px;
  height: 450px;
  background: repeating-linear-gradient(45deg, black, #101010 6px), repeating-linear-gradient(-45deg, #a0a0a0, #6f6f6f 6px);
  background-blend-mode: hard-light;
  box-shadow: inset -5px 9px 10px 9px #101010;
  z-index: 0;
}
.wheel .screws {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  z-index: 98;
}
.wheel .screws .screw {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: transparent;
  transform: translateY(-100%);
  transform-origin: bottom center;
  margin: auto;
  padding-bottom: 39%;
  z-index: 99;
}
.wheel .screws .screw:nth-child(1) {
  transform: translateY(-100%) rotate(-72deg);
}
.wheel .screws .screw:nth-child(2) {
  transform: translateY(-100%) rotate(0deg);
}
.wheel .screws .screw:nth-child(3) {
  transform: translateY(-100%) rotate(72deg);
}
.wheel .screws .screw:nth-child(4) {
  transform: translateY(-100%) rotate(144deg);
}
.wheel .screws .screw:nth-child(5) {
  transform: translateY(-100%) rotate(216deg);
}
.wheel .screws .screw::before {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  background: #000;
  box-shadow: 0 0 5px 3px #676767, inset 0 0 6px 0px #252525;
  border-radius: 50%;
}
.wheel .screws .screw::after {
  content: "";
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  background: linear-gradient(45deg, #bbbbbb, #232323);
  border-radius: 50%;
  transform: scale(0.5);
}
.wheel .holes {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 98;
}
.wheel .holes .hole {
  width: 7px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: transparent;
  transform: translateY(-100%);
  transform-origin: bottom center;
  margin: auto;
  padding-bottom: 52%;
  z-index: 99;
}
.wheel .holes .hole:nth-child(1) {
  transform: translateY(-100%) rotate(-36deg);
}
.wheel .holes .hole:nth-child(2) {
  transform: translateY(-100%) rotate(36deg);
}
.wheel .holes .hole:nth-child(3) {
  transform: translateY(-100%) rotate(108deg);
}
.wheel .holes .hole:nth-child(4) {
  transform: translateY(-100%) rotate(180deg);
}
.wheel .holes .hole:nth-child(5) {
  transform: translateY(-100%) rotate(252deg);
}
.wheel .holes .hole::before {
  content: "";
  width: 100%;
  height: 8px;
  display: block;
  position: absolute;
  background: #000;
  border-radius: 50%;
}
.wheel .break {
  width: 70px;
  height: 83px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform-origin: bottom center;
  transform: translateY(-100%) rotate(-55deg);
  margin: auto;
  padding-bottom: 50%;
  z-index: 4;
}
.wheel .break .element {
  width: 70px;
  height: 80px;
  display: flex;
  background: linear-gradient(45deg, black, #565656);
  box-shadow: 0 0 5px 4px #000, inset 18px 9px 12px 14px #191919;
  border-radius: 10px;
  z-index: 10;
}
.wheel .valve {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform-origin: bottom center;
  transform: translateY(-100%) rotate(-40deg);
  margin: auto;
  padding-bottom: 177%;
  z-index: 15;
}
.wheel .valve .element {
  width: 13px;
  height: 12px;
  display: block;
  background: #2d2d2d;
  box-shadow: 0px 2px 2px 1px #000;
  transform: rotate(-155deg);
  border-radius: 50%;
}
.wheel .valve .element::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: relative;
  top: -2px;
  left: 1px;
  background: #b1b1b1;
  box-shadow: inset 0 0 2px 1px #4c4c4c;
  border-radius: 50%;
}
.wheel .parts {
  width: 80px;
  height: 150px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  z-index: 98;
}
.wheel .parts .part {
  width: 53px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: transparent;
  transform-origin: bottom center;
  transform: translateY(-100%);
  margin: auto;
  padding-bottom: 38%;
  z-index: 99;
}
.wheel .parts .part:nth-child(1) {
  transform: translateY(-100%) rotate(0deg);
}
.wheel .parts .part:nth-child(2) {
  transform: translateY(-100%) rotate(72deg);
}
.wheel .parts .part:nth-child(3) {
  transform: translateY(-100%) rotate(144deg);
}
.wheel .parts .part:nth-child(3)::after {
  box-shadow: inset 0 29px 0px -8px rgba(72, 72, 72, 0), inset 0px 9px 2px 0px #332b2b, inset 0px 11px 4px 2px #212121, inset 0 -29px 0px -8px rgba(210, 210, 210, 0.4), inset 0px -30px 2px 0px #bababa, inset 0px -11px 4px 2px #212121;
}
.wheel .parts .part:nth-child(4) {
  transform: translateY(-100%) rotate(216deg);
}
.wheel .parts .part:nth-child(4)::after {
  box-shadow: inset 0 29px 0px -8px rgba(72, 72, 72, 0), inset 0px 9px 2px 0px #332b2b, inset 0px 11px 4px 2px #212121, inset 0 -29px 0px -8px rgba(210, 210, 210, 0.4), inset 0px -30px 2px 0px #bababa, inset 0px -11px 4px 2px #212121;
}
.wheel .parts .part:nth-child(5) {
  transform: translateY(-100%) rotate(288deg);
}
.wheel .parts .part::before {
  content: "";
  width: 100%;
  height: 120px;
  display: block;
  position: absolute;
  background: linear-gradient(0deg, #898989, #bdbdbc);
  box-shadow: inset 5px 20px 14px 0px #717171, inset 2px 11px 7px 0px, inset 3px 20px 20px 0px #fff;
  border-radius: 20% 20% 35% 35%;
  filter: brightness(1.2);
}
.wheel .parts .part::after {
  content: "";
  width: 45%;
  height: 120px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.98);
  box-shadow: inset 0 -29px 0px -8px rgba(210, 210, 210, 0.4), inset 0px -30px 2px 0px #bababa, inset 0px -11px 4px 2px #212121;
  border-radius: 15% 15% 35% 35%;
  margin: auto;
  filter: brightness(1.2);
}
@keyframes spin{
    100%{
        transform:rotate(360deg)
    }
}

#search_filters .ui-slider-horizontal .ui-slider-handle{
    margin-left:-1px;
    cursor:pointer
}
#search_filters .ui-widget-header{
    background:#555
}
#search_filters .ui-slider .ui-slider-handle{
    top:-.45em;
    width:0.4em;
    background:#fff;
    border:1px solid #555
}
#search_filters .ui-slider-horizontal{
    height:.4em
}

#search_filters .facet .title{
    display:flex
}
#search_filters .facet .title .collapse-icons{
    margin-left:auto
}
#search_filters .facet .facet-title{
    width:calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#search_filters .facet .facet-label{
    width:100%;
    text-align:left
}
#search_filters .facet .facet-label .custom-checkbox,#search_filters .facet .facet-label .custom-radio{
    top:-7px;
    margin-right:0
}
#search_filters .facet .facet-label .color{
    margin-left:0
}
#search_filters .facet .facet-label a{
    width:calc(100% - 30px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}


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