/* noUiSlider style */
.slider-wrap {
  position: relative;
  display: block;
  clear: both;
  height: 20px;
  margin-top: 15px; }
  .slider-wrap .slider-bg {
    position: absolute;
    background: url("../images/bg_uislider.png") repeat-x;
    height: 25px;
    left: 0;
    width: 100%;
    top: -11px;
    z-index: -1; }

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  z-index: 10; }

.noUi-stacking + .noUi-origin {
  *z-index: -1; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-horizontal {
  height: 5px; }

.noUi-horizontal.noUi-extended {
  padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px; }

.noUi-background {
  background: #e1e1e1; }

.noUi-connect {
  background: #bb1b25;
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-dragable {
  cursor: w-resize; }

.noUi-handle {
  background: url(../../images/sprite_ui.png) no-repeat;
  display: block;
  text-indent: -9999em;
  background-position: 0 -358px;
  cursor: default;
  width: 25px;
  height: 25px;
  left: -12px;
  top: -10px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .noUi-handle {
      background-image: url(../../images/sprite_ui_2x.png) !important;
      -webkit-background-size: 800px 800px;
      background-size: 800px 800px; } }
  
  

.sort {
  display: block;
  margin-bottom: 2em; }
  .sort .h5 {
    display: block;
    margin-bottom: 5px; }

.view-options {
  display: block;
  clear: both;
  margin-bottom: 1.5em; }
  .view-options .view-links {
    margin-top: 5px;
    display: block;
    clear: both;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 5px 0; }
  .view-options a {
    font-size: 1em;
    color: #333; }
  .view-options a.active {
    font-weight: 700;
    color: black; }
  .view-options i {
    color: #333;
    font-style: normal;
    margin: 0 .5%; }