/* FAQs */

#faqlist .faq {
    margin-bottom: 15px;
}

#faqlist .faq .faq_question {
    position: relative;
    margin: 0;
    padding: 5px 50px 5px 20px;
    cursor: pointer;
    font-size: 20px;
    color: #FFF;
    background: #7E8565;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
     -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#faqlist .faq .faq_question:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 13px;
    width: 22px;
    height: 13px;
    pointer-events: none;
    background: url(../images/faq-arrow.png) no-repeat left top;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -ms-behavior: url(/backgroundsize.min.htc);
    transition: transform 0.5s;
}

#faqlist .faq .faq_question.active {
    background-color: #7E8565;
    color: #fff;
}

#faqlist .faq .faq_question.active:after {
    background-position: left bottom;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#faqlist .faq .faq_answer {
    display: none;
    padding: 10px 20px;
    background: #fefbf5;
}