/* FAQ */
.l-faq {
  background: #E8E8E8;
}

.l-faq--inner {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media all and (max-width: 912px) {
  .l-faq--inner {
    padding-top: 25px;
    padding-bottom: 15px;
  }
}

.l-faq--wrap {
  width: 912px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 912px) {
  .l-faq--wrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.l-faq--title {}

@media all and (max-width: 912px) {
  .l-faq--title {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.l-faq--list {
  padding: 0;
  margin: 0;
}

.l-faq--list > li {
  list-style: none;
  border-bottom: 1px solid rgba(75, 78, 87, 0.08);
}

.l-faq--list > li:nth-child(2n) {
  background: rgba(255, 255, 255, 0.12);
}

.l-faq--list > li .l-faq--list > li {
  background: transparent;
  border-bottom: 0;
}

.l-faq--list > li:last-child {
  border-bottom: none;
}

.l-faq--list-item {
  position: relative;
}

.l-faq--list-item-heading {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  position: relative;
  padding-top: 32px;
  padding-bottom: 32px;
  margin-bottom: 0;
}

.l-faq--list-item--bottom-level .l-faq--list-item-heading {
  padding-top: 27px;
  padding-bottom: 27px;
}

@media all and (max-width: 912px) {
  .l-faq--list-item-heading {
    padding-right: 15px;
  }

  .l-faq--list-item--bottom-level .l-faq--list-item-entry {
    padding-left: 0 !important;
  }

}

.l-faq--list-item-heading .l-faq--list-item-heading--arrow {
  display: block;
  width: 14px;
  height: 8px;
  background: url(../images/timeline-item-toggle-down-arrow.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  user-select: none;
  position: absolute;
  top: 37px;
  right: 0;
}

@media all and (max-width: 912px) {
  .l-faq--list-item-heading .l-faq--list-item-heading--arrow {
    right: 15px;
  }
}

.js-faq-item-active > .l-faq--wrap .l-faq--list-item-heading .l-faq--list-item-heading--arrow {
  background: url(../images/timeline-item-toggle-up-arrow.png) no-repeat;
  background-size: cover;
}

.js-faq-item-active > .l-faq--wrap .l-faq--list-item-heading {
  color: #3154B1;
}

.js-faq-item-active .js-faq-item-active .l-faq--list-item-heading {
  color: #3154B1;
}


.l-faq--list-item--top-level .l-faq--list {
  margin-left: 25px;
}

.l-faq--list-item-entry {
  display: none;
  font-size: 15px;
  background: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

.l-faq--list-item--bottom-level .l-faq--list-item-entry {
  padding-top: 0;
  padding-bottom: 0;
}

@media all and (max-width: 912px) {
  .l-faq--list-item--bottom-level .l-faq--list-item-entry {
    padding-left: 15px;
  }
}

.l-faq--list-item--bottom-level:last-child .l-faq--list-item-entry {
  padding-bottom: 20px;
}

.l-faq--list-item-entry p {
  font-size: 15px;
}

.l-faq--list-item-entry p:last-child {
  margin-bottom: 0;
}

.l-faq--list-item-entry {
  display: block;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0,1,0,1), padding 0.3s cubic-bezier(1,0,1,0);
  padding: 0;
}

.js-faq-item-active > .l-faq--list-item-entry {
  display: block;
  height: auto;
  max-height: 9999px;
  transition: max-height 0.3s cubic-bezier(1,0,1,0), padding 0.3s cubic-bezier(1,0,1,0);
  padding-top: 30px;
  padding-bottom: 30px;
}

.l-faq--list-item--bottom-level.js-faq-item-active .l-faq--list-item-entry {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.l-faq--list-item--bottom-level:not(.js-faq-item-active):last-child .l-faq--list-item-entry {
  padding-bottom: 0 !important;
}