.vicevle_box {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  content: "";
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 1000000;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s; }
  .vicevle_box.visible {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s; }
    .vicevle_box.visible:after {
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
  .vicevle_box:after {
    top: 20px;
    left: 310px;
    position: absolute;
    display: block;
    font-family: "Material Icons";
    content: "\e14c ";
    display: inline-block;
    font-weight: normal;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 45px;
    font-size: 30px;
    text-align: center;
    background: white;
    width: 45px;
    height: 45px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #00bff3;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
    @media (max-width: 380px) {
      .vicevle_box:after {
        left: 266px;
        width: 40px;
        height: 40px;
        line-height: 40px; } }
  .vicevle_box:hover:after {
    background: #00bff3;
    color: white; }

#layered_block_left {
  overflow: hidden; }
  @media (max-width: 767px) {
    #layered_block_left {
      max-width: 300px; } }
  @media (max-width: 380px) {
    #layered_block_left {
      max-width: 260px; } }
  #layered_block_left .title_block:after {
    display: none; }
  @media (max-width: 767px) {
    #layered_block_left .block_content {
      z-index: 111;
      position: fixed;
      top: 0;
      left: 0;
      width: 300px;
      overflow: auto;
      height: 100%;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
      -webkit-transform: translate3d(-100%, 0, 0);
      -moz-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      -o-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; } }
    @media (max-width: 767px) and (max-width: 380px) {
      #layered_block_left .block_content {
        width: 260px; } }
  @media (max-width: 767px) {
    #layered_block_left {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000001;
      margin: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      visibility: hidden;
      -webkit-transition: visibility 0s 0.3s;
      -moz-transition: visibility 0s 0.3s;
      transition: visibility 0s 0.3s; }
      #layered_block_left.visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s; }
        #layered_block_left.visible:before, #layered_block_left.visible:after {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
          opacity: 1; }
        #layered_block_left.visible .block_content {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          -webkit-transition-delay: 0s;
          -moz-transition-delay: 0s;
          transition-delay: 0s; }
      #layered_block_left .title_block {
        display: none; } }
  #layered_block_left #layered_form {
    padding: 34px 20px 15px; }
    @media (min-width: 768px) and (max-width: 991px) {
      #layered_block_left #layered_form {
        padding: 34px 15px 15px; } }
    @media (max-width: 767px) {
      #layered_block_left #layered_form {
        padding: 22px 15px 15px; } }
    #layered_block_left #layered_form .layered_subtitle {
      font: bold 16px/20px "Ubuntu", sans-serif;
      color: #444444;
      text-transform: uppercase; }
      @media (min-width: 768px) and (max-width: 991px) {
        #layered_block_left #layered_form .layered_subtitle {
          font-size: 15px; } }
    #layered_block_left #layered_form #enabled_filters {
      padding-bottom: 27px; }
      #layered_block_left #layered_form #enabled_filters ul {
        overflow: hidden;
        padding-top: 14px; }
      #layered_block_left #layered_form #enabled_filters ul li {
        padding: 7px 36px 8px 15px;
        margin-bottom: 3px;
        float: left;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        background: #00bff3;
        font: normal 13px/18px "Ubuntu", sans-serif;
        color: white;
        position: relative; }
        @media (min-width: 768px) and (max-width: 991px) {
          #layered_block_left #layered_form #enabled_filters ul li {
            padding-right: 15px;
            margin-top: 20px; } }
        #layered_block_left #layered_form #enabled_filters ul li a {
          position: absolute;
          top: 2px;
          right: 4px;
          cursor: pointer;
          font-size: 30px;
          line-height: 30px;
          height: 28px;
          width: 28px;
          overflow: hidden;
          color: white;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #layered_block_left #layered_form #enabled_filters ul li a:hover {
            color: #444444; }
          @media (min-width: 768px) and (max-width: 991px) {
            #layered_block_left #layered_form #enabled_filters ul li a {
              top: -24px;
              right: -10px;
              font-size: 20px;
              color: #444444; }
              #layered_block_left #layered_form #enabled_filters ul li a:hover {
                color: #959595; } }
    #layered_block_left #layered_form .layered_filter {
      overflow: hidden;
      margin-bottom: 15px; }
      #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group {
        list-style-type: none;
        margin: 0 -2px;
        padding-top: 12px; }
        #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li {
          display: inline-block;
          margin: 0 2px 4px;
          clear: none;
          width: auto;
          float: none;
          position: relative;
          padding: 0; }
          #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > a, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input {
            display: block;
            height: 22px;
            width: 22px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            cursor: pointer;
            margin: 0;
            position: relative;
            border: 1px solid #e2e2e2; }
            #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > a.on + label span, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > a.on + input + label span, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input.on + label span, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input.on + input + label span {
              display: none; }
            #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > a.on + label a:before, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > a.on + input + label a:before, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input.on + label a:before, #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input.on + input + label a:before {
              font-family: "FontAwesome";
              content: "\f00c";
              display: inline-block;
              font-weight: normal;
              color: #f13340; }
          #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li > input {
            height: 22px;
            width: 22px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%; }
          #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li label {
            position: absolute;
            left: 50%;
            top: 50%;
            text-align: center;
            cursor: pointer;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: none; }
            #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li label a {
              height: 31.25px;
              width: 31.25px;
              line-height: 31.25px;
              display: block;
              background: white;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
              border-radius: 0; }
            #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li label strong {
              display: none; }
          #layered_block_left #layered_form .layered_filter .layered_filter_ul.color-group li.selected a {
            border: 1px solid #444444; }
    #layered_block_left #layered_form .layered_price ul li.layered_list {
      float: left;
      clear: left; }
    #layered_block_left #layered_form ul {
      clear: both;
      padding: 7px 0 6px;
      margin: 0; }
      #layered_block_left #layered_form ul li {
        padding: 3px 0 8px;
        list-style-type: none; }
        #layered_block_left #layered_form ul li label a {
          font-size: 16px;
          line-height: 18px; }
          #layered_block_left #layered_form ul li label a:hover strong {
            color: #444444; }
          #layered_block_left #layered_form ul li label a strong {
            font-weight: 500;
            color: #00bff3;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          #layered_block_left #layered_form ul li label a span {
            color: #959595;
            font-size: 11px;
            padding: 4px;
            height: 22px;
            background: #00bff3;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            border-radius: 15px;
            text-align: center;
            line-height: 14px;
            color: white;
            display: inline-block;
            min-width: 22px;
            vertical-align: 1px;
            display: none; }
        #layered_block_left #layered_form ul li.disabled {
          color: #666; }
        #layered_block_left #layered_form ul li.layered_list {
          display: block;
          cursor: pointer; }
          #layered_block_left #layered_form ul li.layered_list.layered_list_selected, #layered_block_left #layered_form ul li.layered_list:hover {
            font-weight: bold; }
      #layered_block_left #layered_form ul .selector {
        margin-bottom: 15px; }
      #layered_block_left #layered_form ul .layered_slider_container {
        margin: 6px 0 6px 10px;
        width: 89%; }
        #layered_block_left #layered_form ul .layered_slider_container .layered_slider {
          margin-top: 5px; }
    #layered_block_left #layered_form .color-option {
      border: 1px solid #444444;
      height: 16px;
      margin-left: 0;
      padding: 0;
      width: 16px;
      margin-right: 5px; }
      #layered_block_left #layered_form .color-option.on {
        border: 1px solid #f13340; }
      #layered_block_left #layered_form .color-option.disable {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5; }
    #layered_block_left #layered_form .form-group {
      margin-top: 15px;
      margin-bottom: 0; }
      #layered_block_left #layered_form .form-group:first-child {
        margin-top: 0; }
      #layered_block_left #layered_form .form-group .form-label {
        display: inline-block;
        margin-bottom: 5px; }
    #layered_block_left #layered_form .hide-action {
      text-align: right;
      display: block;
      cursor: pointer; }
      #layered_block_left #layered_form .hide-action:hover {
        font-weight: bold; }
  #layered_block_left #layered_ajax_loader p {
    margin: 20px 0;
    text-align: center; }

.ui-slider-horizontal .ui-slider-range {
  background: #00bff3;
  border-radius: none; }

.layered_price {
  padding-bottom: 29px; }
  .layered_price .layered_subtitle_heading {
    margin-bottom: 5px; }
  .layered_price ul label,
  .layered_price ul #layered_price_range {
    font-size: 16px;
    display: inline-block;
    padding-bottom: 5px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .layered_price ul label,
      .layered_price ul #layered_price_range {
        font-size: 15px; } }

.title_block:after {
  display: none; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  width: 23px;
  height: 23px;
  background: #fafafa;
  border: none;
  cursor: pointer;
  -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 13px rgba(0, 0, 0, 0.17); }
  .ui-state-default:after,
  .ui-widget-content .ui-state-default:after,
  .ui-widget-header .ui-state-default:after {
    background: #00bff3;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: ""; }

.ui-slider-horizontal {
  height: 11px;
  background: #e2e2e2; }

.ui-widget-content {
  border: none; }

.filter-loader {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 111;
  text-align: center; }