#faq-content {
    overflow: hidden;
    margin: 5rem auto;
}

#faq-header {
    text-align: center;
    overflow: hidden
}

#faq-content .wrapper {
    width: 960px;
    max-width: calc(100% - 60px);
    position: relative;
    margin: 30px auto 150px
}

.faq-item {
    width: 100%;
    border: 1px solid #000;
    overflow: hidden;
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    background-color: #fff;
}

.faq-item-title {
    font-family: gotham medium,sans-serif;
    display: table;
    font-size: 15px;
    line-height: 20px;
    padding: 20px 60px 20px 20px
}

.faq-item-title:before,.faq-item-title:after {
    content: "";
    position: absolute;
    background-color: #000;
    transition: transform .25s ease-out
}

.faq-item-title:before {
    top: 30px;
    right: 26px;
    width: 4px;
    height: 16px;
    margin-top: -8px
}

.faq-item-title:after {
    top: 30px;
    right: 20px;
    width: 16px;
    height: 4px;
    margin-top: -2px
}

.faq-item.active .faq-item-title:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq-item.active .faq-item-title:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-item-title-index {
    display: table-cell;
    vertical-align: top;
    width: 35px
}

.faq-item-title-question {
    display: table-cell;
    vertical-align: top
}

.faq-item-content {
    padding: 0 60px 0 20px;
    height: 0
}

.faq-item-content p {
    margin-bottom: 30px
}

.faq-item-content ul,.faq-item-content ol {
    padding-left: 20px
}

.faq-item-content ul>li {
    list-style-type: disc;
    margin: 0 0 5px
}

.faq-item-content ol>li {
    list-style-type: decimal;
    margin: 0 0 5px
}

.faq-item.active .faq-item-content {
    height: auto
}

@media screen and (max-width: 767px) {
    #faq-content .wrapper {
        max-width:calc(100% - 30px)
    }
}