.gbwebone-faq-wrap{
    list-style-type: none;
    margin: 0;
    padding:0;
}

.gb-faq-item-title{
    display: block;
    cursor: pointer;
    padding-right: 26px;
    vertical-align: top;
    position: relative;
    font-size: 120%;
}
.gb-waq-item{
    margin: 20px 0;
    border-bottom: 1px solid #7accd2;
    padding-bottom: 10px;
}
.gb-waq-item:first-child{
    margin: 0 0 20px 0;
}

.gb-waq-item.open{
    border-bottom: none;
}
.gb-faq-item-title::before{
    content: url(../images/open_faq.png);
    position: absolute;
    right: -5px;
    top: -15%;
}
.gb-waq-item.open .gb-faq-item-title::before{
    content: url(../images/close_faq.png);
}
.gb-waq-item-content{
    display: none;
    opacity: 0;
    background-color: #f1efe7;
    border-top: 1px solid #6c6c6b;
}
.gb-waq-item-content-p{
    padding: 10px 20px;
    margin: 0;
}
.gb-waq-item.open .gb-waq-item-content{
    display: block;
    -webkit-animation-name: open_faq; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: open_faq;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes open_faq {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes open_faq {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}