.sort-cat-wr {
  z-index: 10;
  margin-bottom: 25px;
  position: relative;
  p {
    float: left;
  }
  .sort-cat {
    float: left;
    margin: 0 5px;
    position: absolute;
    left: 100px;
    padding: 17px 20px;
    top: -17px;
    a {
      background-color: #fff;
      color: $mainColor;
      text-decoration: none !important;
      span {
        font-weight: bold;
      }
      .fa {
        @include Transition(0.2);
      }
    }

    .sorter {
      width: auto;
      padding: 0;
      list-style: none;
      left: 0;
      margin: 5px 0 0 0;
      background-color: #fff;
      display: none;
      li {
        padding: 5px 0;
        a {
          color: $link-color;
          &:hover {
            text-decoration: underline !important;
          }
        }
      }
    }

    &.active {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      background-color: #fff;
      .sorter {
        display: block;
      }
    }
  }


}