ul.accordion-list li, ul.accordion-list li h5 {
  position: relative;
  transition: 222ms;
  cursor: pointer;
  text-align: left;
}
ul.accordion-list, ul.accordion-list li, ul.accordion-list li div.answer, ul.accordion-list li h5 {
  width: 100%;
  height: auto;
  display: block
}
* {
  box-sizing: border-box
}
ul.accordion-list {
  position: relative;
  list-style: none
}
ul.accordion-list li {
  padding-right: 7%;
  margin: 0 auto 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(253, 253, 253, .2);
  text-align: left;
}
ul.accordion-list li:last-child {
  border-bottom: none
}
ul.accordion-list li:hover h5 {
  color: #d3893c
}
ul.accordion-list li.active h5:after {
  transform: rotate(45deg);
  color: #de8b36
}
ul.accordion-list li.active h5 {
  margin-bottom: 11px
}
ul.accordion-list li.active {
  padding-bottom: 50px
}
ul.accordion-list li h5 {
  font-weight: 500;
  padding: 0;
  font-size: 20px;
  letter-spacing: .01em;
  color: #fff;
  margin: 0;
  
}
ul.accordion-list li h5:after {
  content: "+";
  position: absolute;
  right: -5%;
  top: -5px;
  color: #e38321;
  transition: .3s ease-in-out;
  font-size: 25px;
  font-weight: 500
}
ul.accordion-list li div.answer {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 25px;
}
ul.accordion-list li div.answer strong {
  font-size: 16px;
  font-weight: 700
}
ul.accordion-list li div.answer p {
  position: relative;
  display: block;
  font-weight: 400;
  cursor: pointer;
  line-height: 150%;
  font-size: 14px;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
  padding: 11px 0 0;
  color: #fff
}
@media (max-width:560px) {
  ul.accordion-list li.active {}
  ul.accordion-list li.active h5 {
    font-size: 18px;
  }
  ul.accordion-list li h5:after {
    right: -10%;
    top: -10px;
  }
}