.xac-wrapper {
  width: 100%;
}
.xac-trigger {
  padding: 8px 0;
  margin: 0;
}
.xac-trigger span {
  color: #4a4a4a;
  text-decoration: none;
  display: block;
  padding: 0 10px;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
}
.xac-trigger span:hover,
.xac-trigger span:focus,
.xac-trigger span:active {
  outline: none;
}
.xac-trigger:hover {
  background: url(../images/arrow-down.png) no-repeat 98% 50%;
}
.xac-trigger.active:hover {
  background: url(../images/arrow-up.png) no-repeat 98% 50%;
}
.xac-container {
  padding: 10px;
  margin: 0;
  overflow: hidden;
  font-size: 1.2em;
  clear: both;
}
.xac-container img {
  margin: 0 10px 10px 0;
  float: left;
}
@media only screen and (max-width: 479px) {
  .xac-wrapper {
    max-width: 390px;
    width: 100%;
  }
}
@media only screen and (min-width: 478px) and (max-width: 735px) {
  .xac-wrapper {
    max-width: 730px;
    width: 100%;
  }
}
@media only screen and (min-width: 736px) and (max-width: 985px) {
  .xac-wrapper {
    max-width: 800px;
    width: 100%;
  }
}
.basic.xac-wrapper {
  border: 1px solid #eee;
}
.basic .xac-trigger,
.basic .xac-container {
  border-bottom: 1px solid #eee;
}
.basic .xac-trigger.active {
  background-color: #f5f5f5;
}
.line .xac-trigger {
  border-bottom: 1px solid #eee;
}
.elegant {
  background: #fff;
}
.elegant .xac-trigger {
  background: url(../images/circle-plus.png) no-repeat 10px 12px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
  color: #777;
  border-bottom: 1px solid #e8e8e8;
  padding: 18px 0 18px 40px;
  cursor: pointer;
}
.elegant .xac-trigger.active {
  background: url(../images/circle-minus.png) no-repeat 10px 12px;
}
.elegant .xac-trigger:last-child {
  border-bottom: none;
}
.elegant .xac-container {
  border-bottom: 1px solid #e8e8e8;
  font-size: 1em;
}
.faq .xac-trigger {
  border-bottom: 1px dashed #eee;
}
.faq .xac-trigger span {
  background: url(../images/question.png) no-repeat 0 50%;
  padding-left: 20px;
}