/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-plp-accordion {
  width: 100%;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 2.5rem 3rem 3rem; }
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .cp-plp-accordion {
      position: fixed;
      top: unset;
      bottom: -100%;
      right: 0;
      width: 100vw;
      height: 100vh;
      z-index: 11;
      border-radius: 0;
      padding: 0; } }
  @media only screen and (max-width: 768px) {
    .cp-plp-accordion {
      position: fixed;
      top: unset;
      bottom: -100rem;
      right: 0;
      width: 100vw;
      height: 100vh;
      z-index: 11;
      border-radius: 0;
      padding: 0; } }
  .cp-plp-accordion.show {
    bottom: 0; }
    .cp-plp-accordion.show .actn-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .cp-plp-accordion.show .actn-wrap .btn {
          width: 100%;
          margin: 0 1rem; }
          .cp-plp-accordion.show .actn-wrap .btn.js-clearAll {
            margin-right: 0.5rem; }
          .cp-plp-accordion.show .actn-wrap .btn.js-filter-close {
            margin-left: 0.5rem; } }
      @media only screen and (max-width: 768px) {
        .cp-plp-accordion.show .actn-wrap .btn {
          width: 100%;
          margin: 0 1rem; }
          .cp-plp-accordion.show .actn-wrap .btn.js-clearAll {
            margin-right: 0.5rem; }
          .cp-plp-accordion.show .actn-wrap .btn.js-filter-close {
            margin-left: 0.5rem; } }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-plp-accordion.show .refinement-bar {
        display: block !important; } }
    @media only screen and (max-width: 768px) {
      .cp-plp-accordion.show .refinement-bar {
        display: block !important; } }
  .cp-plp-accordion:before {
    content: '';
    background-color: #f1f1f1;
    width: 41%;
    border-radius: 0 1rem 0;
    height: 100%;
    position: absolute;
    top: 9rem;
    left: 0;
    display: none; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-plp-accordion:before {
        display: block !important; } }
    @media only screen and (max-width: 768px) {
      .cp-plp-accordion:before {
        display: block !important; } }
  .cp-plp-accordion .acc-top {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: end;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-plp-accordion .acc-top {
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding: 3rem 0; } }
    @media only screen and (max-width: 768px) {
      .cp-plp-accordion .acc-top {
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding: 3rem 0; } }
    .cp-plp-accordion .acc-top .icon {
      font-size: 1.8rem;
      color: #ffffff; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .cp-plp-accordion .acc-top .icon {
          margin-right: 1.8rem; } }
      @media only screen and (max-width: 768px) {
        .cp-plp-accordion .acc-top .icon {
          margin-right: 1.8rem; } }
    .cp-plp-accordion .acc-top .filter-text {
      font-size: 1.8rem;
      line-height: 2rem;
      font-family: "Gotham-Bold";
      color: #ffffff;
      text-transform: uppercase; }
    .cp-plp-accordion .acc-top .clr-all-link {
      font-size: 1rem;
      font-family: "Gotham-Bold";
      letter-spacing: 1px;
      color: #bd001c;
      letter-spacing: 0;
      cursor: pointer;
      padding-right: 0;
      text-transform: uppercase; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .cp-plp-accordion .acc-top .clr-all-link {
          display: none; } }
      @media only screen and (max-width: 768px) {
        .cp-plp-accordion .acc-top .clr-all-link {
          display: none; } }
  .cp-plp-accordion .acc-head {
    font-family: "Gotham-Book";
    font-size: 1.2rem;
    color: #676767;
    position: relative;
    padding: 1.5rem 1rem 0rem 0;
    cursor: pointer;
    position: relative;
    text-transform: uppercase; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-plp-accordion .acc-head {
        width: 40%;
        padding: 1.5rem 2rem; } }
    @media only screen and (max-width: 768px) {
      .cp-plp-accordion .acc-head {
        width: 40%;
        padding: 1.5rem 2rem; } }
    .cp-plp-accordion .acc-head:before {
      content: "\E927";
      font-family: "icomoon" !important;
      position: absolute;
      font-size: 1rem;
      color: #bd001c;
      right: 0.5rem;
      top: 2rem;
      color: #bd001c;
      transform: rotate(180deg);
      transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease; }
      @media only screen and (min-width: 769px) and (max-width: 992px) {
        .cp-plp-accordion .acc-head:before {
          display: none; } }
      @media only screen and (max-width: 768px) {
        .cp-plp-accordion .acc-head:before {
          display: none; } }
    .cp-plp-accordion .acc-head.selected, .cp-plp-accordion .acc-head.active {
      font-family: "Gotham-Medium"; }
      .cp-plp-accordion .acc-head.selected:before, .cp-plp-accordion .acc-head.active:before {
        transform: rotate(0deg); }
  .cp-plp-accordion .acc-cont {
    display: none;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cp-plp-accordion .acc-cont.active {
      display: block; }
    .cp-plp-accordion .acc-cont .input-wrap {
      padding-top: 0; }
    @media only screen and (min-width: 769px) and (max-width: 992px) {
      .cp-plp-accordion .acc-cont {
        width: 55%;
        position: absolute;
        right: 0;
        top: 9.5rem; } }
    @media only screen and (max-width: 768px) {
      .cp-plp-accordion .acc-cont {
        width: 55%;
        position: absolute;
        right: 0;
        top: 9.5rem; } }
  .cp-plp-accordion .actn-wrap {
    position: fixed;
    bottom: 0;
    box-shadow: 0 -22px 26px -10px rgba(195, 195, 195, 0.48);
    background: #ffffff;
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    left: 0;
    display: none; }

.refinements .mCSB_scrollTools {
  left: 39.2%;
  width: 6px; }

@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .refinement-bar {
    position: relative;
    box-shadow: none;
    overflow: visible; } }

.cp-prod-listing .sidebar__inner {
  z-index: 2; }

.cp-plp-accordion .acc-head {
  color: #232323; }
  .cp-plp-accordion .acc-head.active {
    font-family: "Gotham-Bold"; }

.cp-plp-accordion .refinements .acc-head.highlight {
  font-family: "Gotham-Bold"; }

.cp-plp-accordion .refinements .values {
  padding: 0rem 0; }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .cp-plp-accordion .refinements .content {
    padding-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .cp-plp-accordion .refinements .content {
    padding-bottom: 0; } }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .cp-plp-accordion.typ-plp .acc-cont {
    position: fixed;
    background: #ffffff; } }

@media only screen and (max-width: 768px) {
  .cp-plp-accordion.typ-plp .acc-cont {
    position: fixed;
    background: #ffffff; } }

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .cp-plp-accordion .actn-wrap {
    z-index: 9; } }

@media only screen and (max-width: 768px) {
  .cp-plp-accordion .actn-wrap {
    z-index: 9; } }

.refinement-gear .acc-item {
  display: none; }