.op-fancy-faq-wrap {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}

.op-fancy-faq-wrap h3 {
    color: #21759b;
    position:relative;
    background: transparent none repeat scroll 0 0;
    font: bold 14px/24px 'Open Sans', Arial, Helvetica, sans-serif;
    padding: 3px 0 15px 30px;
    margin: 0;
    cursor: pointer;
    outline: none;
}

.op-fancy-faq-wrap h3::after {
    background: #60b7fc none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    content: "Q";
    font-weight: bold;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 25px;
}

.op-fancy-faq-wrap .ui-accordion-content {
    padding: 0 0 30px 30px;
    position: relative;
    color: #444;
    font: normal 14px/24px 'Open Sans', Arial, Helvetica, sans-serif;
}

.op-fancy-faq-wrap .ui-accordion-content p {
    margin: 0 auto 10px;
}

.op-fancy-faq-wrap .ui-accordion-content::after {
    background: #93dd64 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    content: "A";
    font-weight: bold;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 25px;
}

/*.op-faq-s2-wrap {}*/

.op-faq-s2-wrap h3 {
    position:relative;
    color: #5c5c5c;
    cursor: pointer;
    outline: none;
    margin: 0;
    padding: 10px 0;
    font-size: 18px;
    line-height: 20px;
}

.op-faq-s2-wrap h3::after{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    background: url('../../images/elements/qna_elements/style4-arrow.png') 0 center no-repeat;
}

.op-faq-s2-wrap .ui-wrap-active h3::after {
    transform: rotate(180deg);
}

.op-faq-s2-wrap .faq-item {
    background-color:#EFEFF2;
    /*border: 2px solid #f9f9f9;*/
    color: #6e6e6e;
    margin: 0 10px 10px 0;
    padding: 0px 20px 0 15px;
    font-size: 14px;
    line-height: 24px;
    box-sizing: border-box;
    transition: all 0.2s ease 0s;
}

.op-faq-s2-wrap .faq-item.ui-wrap-active,
.op-faq-s2-wrap .faq-item:hover {
    background: #dfdfdf;
    border-left: 2px solid #11c17f;
    color: #2e2e2e;
}

.op-faq-s2-wrap .ui-accordion-content {
    padding: 5px 0 20px;
    position: relative;
    color: #6a6a6a;
    font-size: 16px;
    line-height: 30px;
}

.op-faq-s2-wrap .ui-accordion-content p {
    margin: 0 auto;
}

.op-faq-s3-wrap {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}

.op-faq-s3-wrap h3 {
    position:relative;
    color: #2c88dd;
    cursor: pointer;
    outline: none;
    padding: 5px 0;
    font-size: 20px;
}

.op-faq-s3-wrap h3::after{
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background: url('../../images/elements/qna_elements/style5-arrow.png') 0 center no-repeat;
}

.op-faq-s3-wrap .ui-wrap-active h3::after{
    background: url('../../images/elements/qna_elements/style5-close.png') 0 center no-repeat;
}

.op-faq-s3-wrap  h3 .glyphicon {
    float: right;
}

.op-faq-s3-wrap .faq-item {
    color: #3d3e3f;
    margin: 0 10px 0 0;
    padding: 7px 20px 7px 20px;
    border-bottom: 1px solid #f5f8fa;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 26px;
    transition: all 0.2s ease 0s;
}

.op-faq-s3-wrap .faq-item.ui-wrap-active {
    color: #3d3e3f;
    background: #f5f8fa;
    transition: all 0.2s ease 0s;
}

.op-faq-s3-wrap .ui-accordion-content {
    position: relative;
    color: #3d3e3f;
    font-size: 17px;
    line-height: 26px;
}

.op-faq-s3-wrap .ui-accordion-content p {
    margin: 0 auto 10px;
}

.op-faq-s4-wrap {
    font-size: 14px;
    line-height: 24px;
}

.op-faq-s4-wrap h3 {
    margin: 10px 0 0;
    padding: 15px 20px 15px 0;
    position:relative;
    color: #303030;
    cursor: pointer;
    outline: none;
    font-size: 13px;
}

.op-faq-s4-wrap h3::after{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    background: url('../../images/elements/qna_elements/style4-arrow.png') 0 center no-repeat;
}

.op-faq-s4-wrap .ui-wrap-active h3::after{
    transform: rotate(180deg);
}

.op-faq-s4-wrap .faq-item {
    color: #3d3e3f;
    margin: 0 10px 0 0;
    padding: 7px 2px;
    border-bottom: 1px solid #EBEBEB;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 21px;
    transition: all 0.2s ease 0s;
}

.op-faq-s4-wrap .faq-item.ui-wrap-active {
    color: #3d3e3f;
    transition: all 0.2s ease 0s;
}

.op-faq-s4-wrap .ui-accordion-content {
    padding-bottom: 20px;
    position: relative;
    color: #818181;
    font-size: 13px;
    line-height: 21px;
}

.op-faq-s4-wrap .ui-accordion-content p {
    margin: 0 auto;
    padding-bottom: 10px;
}

.op-faq-s5-wrap {
    font-size: 14px;
    line-height: 24px;
}

.op-faq-s5-wrap .faq-item.ui-wrap-active h3 {
    font-weight: bold;
}

.op-faq-s5-wrap h3 {
    margin: 0 0 10px;
    position:relative;
    color: #3973a0;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    outline: none;
    padding: 5px 0 5px 20px;
}

.op-faq-s5-wrap h3::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -6px;
}

.op-faq-s5-wrap .ui-wrap-active h3::before{
    transform: rotate(90deg);
}

.op-faq-s5-wrap .faq-item {
    margin: 0 10px 0 0;
    padding: 0 2px;
    box-sizing: border-box;
    transition: all 0.2s ease 0s;
}

.op-faq-s5-wrap .faq-item.ui-wrap-active {
    transition: all 0.2s ease 0s;
}

.op-faq-s5-wrap .ui-accordion-content {
    margin-bottom: 20px;
    padding: 20px 20px 15px;
    position: relative;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    background: #e9eff4;
    border-radius: 4px;
}

.op-faq-s5-wrap .ui-accordion-content p {
    margin: 0 auto;
    padding-bottom: 10px;
}