/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-accordion {
  width: 100%;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  background: #2a2a2c;
  /* Old browsers */
  background: linear-gradient(to bottom, #2a2a2c 0%, #595a5e 34%, #2a2a2c 100%);
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 2.5rem 4rem 4rem;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 768px) {
    .cp-accordion {
      position: absolute;
      top: 0;
      right: 0;
      display: none; } }
  @media only screen and (max-width: 768px) {
    .cp-accordion.open {
      display: block; }
      .cp-accordion.open:before {
        content: '';
        position: absolute;
        top: -1rem;
        right: 5.5rem;
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #2a2a2c; } }
  .cp-accordion .acc-top {
    padding-bottom: 1.9rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    @media only screen and (max-width: 768px) {
      .cp-accordion .acc-top {
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    .cp-accordion .acc-top .icon {
      font-size: 1.8rem;
      color: #ffffff; }
      @media only screen and (max-width: 768px) {
        .cp-accordion .acc-top .icon {
          margin-right: 1.8rem; } }
    .cp-accordion .acc-top .filter-text {
      font-size: 1.8rem;
      line-height: 2rem;
      font-family: "Barlow-Bold";
      color: #ffffff;
      text-transform: uppercase; }
    .cp-accordion .acc-top .clr-all-link {
      font-size: 1.4rem;
      font-family: "Barlow-Bold";
      letter-spacing: 1px;
      color: #f8673b;
      cursor: pointer;
      text-transform: uppercase; }
      @media only screen and (max-width: 768px) {
        .cp-accordion .acc-top .clr-all-link {
          display: none; } }
  .cp-accordion .acc-head {
    font-family: "Barlow-Medium";
    font-size: 1.6rem;
    color: #a3a6b0;
    position: relative;
    padding: 1.5rem 1rem 1.5rem 0;
    cursor: pointer;
    position: relative;
    text-transform: uppercase; }
    .cp-accordion .acc-head:before {
      content: "\E900";
      font-family: "icomoon" !important;
      position: absolute;
      font-size: 0.7rem;
      color: #f8673b;
      right: 0;
      top: 2rem;
      color: #f8673b;
      transform: rotate(90deg);
      transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease; }
    .cp-accordion .acc-head.active {
      font-family: "Barlow-Bold";
      color: #ffffff; }
      .cp-accordion .acc-head.active:before {
        transform: rotate(-90deg); }
    .cp-accordion .acc-head.selected {
      font-family: "Barlow-Bold";
      color: #ffffff; }
  .cp-accordion .acc-cont {
    display: none;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cp-accordion .acc-cont .input-wrap {
      padding-top: 1rem; }
    .cp-accordion .acc-cont .bs-checkbox {
      position: relative;
      margin-bottom: 2rem; }
      .cp-accordion .acc-cont .bs-checkbox input[type=checkbox]:checked + label {
        font-family: "Barlow-Bold"; }
      .cp-accordion .acc-cont .bs-checkbox .label-filed {
        vertical-align: top;
        padding-left: 3.6rem;
        font-size: 1.4rem;
        color: #ffffff; }
        .cp-accordion .acc-cont .bs-checkbox .label-filed:before {
          width: 1.8rem;
          height: 1.8rem;
          border-radius: 0.2rem;
          -webkit-border-radius: 0.2rem;
          -moz-border-radius: 0.2rem; }
        .cp-accordion .acc-cont .bs-checkbox .label-filed:after {
          width: 0.6rem;
          height: 1.1rem;
          border-color: #ffffff; }
  .cp-accordion.typ-faq {
    position: relative;
    background: #ffffff;
    border-radius: 0;
    padding: 2.5rem 0 0;
    border-top: solid 3px rgba(151, 151, 151, 0.2); }
    .cp-accordion.typ-faq a {
      color: #0070d2; }
    @media only screen and (max-width: 768px) {
      .cp-accordion.typ-faq {
        position: relative;
        display: block;
        padding-top: 0.7rem; } }
    .cp-accordion.typ-faq .acc-item {
      padding: 3.2rem 0;
      border-bottom: 1px solid #e2e2e2; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .acc-item {
          padding: 2rem 0; } }
    .cp-accordion.typ-faq .acc-head {
      font-family: "Barlow-SemiBold";
      font-size: 2.1rem;
      color: #151515;
      padding: 0 6.5rem 1rem 0;
      line-height: 2.6rem;
      text-transform: none; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .acc-head {
          font-size: 1.6rem;
          padding-right: 2.5rem;
          line-height: 2.1rem; } }
      .cp-accordion.typ-faq .acc-head:before {
        content: "\E906";
        font-family: "icomoon" !important;
        position: absolute;
        font-size: 1.4rem;
        color: #f8673b;
        right: 1rem;
        top: 50%;
        color: #f8673b;
        transform: translateY(-50%);
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease; }
        @media only screen and (max-width: 768px) {
          .cp-accordion.typ-faq .acc-head:before {
            right: 0;
            top: 5px;
            transform: none; } }
      .cp-accordion.typ-faq .acc-head.active:before {
        content: "\E935"; }
    .cp-accordion.typ-faq .acc-cont {
      max-width: 90%; }
    .cp-accordion.typ-faq .desc {
      font-family: "Barlow-Regular";
      font-size: 1.6rem;
      color: #3f4351;
      line-height: 2.3rem; }
      @media only screen and (max-width: 768px) {
        .cp-accordion.typ-faq .desc {
          font-size: 1.4rem;
          line-height: 2.1rem; } }

.cp-accordion.typ-faq ul {
  list-style: disc;
  margin: 2rem;
  padding-left: 3rem;
  font-family: "Barlow-Regular";
  font-size: 1.6rem;
  color: #3f4351;
  line-height: 2.3rem; }
  @media only screen and (max-width: 768px) {
    .cp-accordion.typ-faq ul {
      font-size: 1.4rem;
      line-height: 2.1rem; } }
  .cp-accordion.typ-faq ul li {
    list-style-type: disc; }

.cp-accordion.typ-faq .desc {
  padding-left: 3rem; }