.rangeslider,
.rangeslider__fill {
  display: block;
  /*-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  /*background: rgba(12, 69, 91, 0.427);*/
  background: rgba(255, 255,255, 0.5);
  position: relative;
}


div#prices .rangeslider {
  background: rgba(40, 40, 40, 0.5);
}

.rangeslider--horizontal {
  height: 6px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: rgba(255, 255,255, 0.8);
  border-radius: 3px;
  position: absolute;
}

div#prices .rangeslider__fill {
  background: rgba(40, 40,40, 0.8);
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  /*background: #6DC0E0;*/
  /*border: 1px solid #ccc;*/

  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;

  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  border: 3px solid #FFFFFF;
  border-radius: 50%;
	transition: border-width 0.2s ease;
  -moz-transition: border-width 0.2s ease;
	-webkit-transition: border-width 0.2s ease;
}

/*
.gradient-box {
  display: flex;
  align-items: center;
  width: 90%;
  margin: auto;
  max-width: 22em;
  position: relative;
  padding: 30% 2em;
  box-sizing: border-box;
  color: #FFF;
  background: #000;
  background-clip: padding-box;
  border: solid 5px transparent;
  border-radius: 1em;
}
*/

/*
.rangeslider__handle:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -10;
  margin: -5px;
  border-radius: inherit;
  background: linear-gradient(to right, red, orange);
}
*/


.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  /*background-color: #FFD99A;*/
  /*border: 3px solid #FFFFFF;*/
  border-width: 6px;
}

/*.rangeslider__handle:active:after, .rangeslider--active .rangeslider__handle:after,
.rangeslider__handle:active:before, .rangeslider--active .rangeslider__handle:before {
  background-color: #6DC0E0;
}
*/

.rangeslider--horizontal .rangeslider__handle {
  top: -8px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}


@media only screen and (max-width: 1024px){
  .rangeslider--horizontal {
    height: 8px;
  }

  .rangeslider__handle {
    width: 32px;
    height: 32px;
  }

  .rangeslider--horizontal .rangeslider__handle { top: -12px; }
}


@media only screen and (max-width: 480px){

  .rangeslider--horizontal {
    height: 10px;
  }

  .rangeslider--horizontal .rangeslider__handle { top: -11px; }


/*
  .rangeslider__handle {
    width: 40px;
    height: 40px;
  }

  .rangeslider--horizontal .rangeslider__handle { top: -15px; }



  .rangeslider__handle:after,
  .rangeslider__handle:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 14px;
  }
  
  .rangeslider__handle:after { left: 14px; }
  .rangeslider__handle:before { left: 23px; }
*/
}