/* ACCORDION v1.3 */
.twc-accordion-item-inner, .twc-accordion__item-head,
.twc-accordion__item-icon:before, .twc-accordion__item-icon:after {transition:all .3s ease;}
.twc-accordion-item {width:100%;}
.twc-accordion__item-head {cursor:pointer;}
.twc-accordion__item-head-inner {position:relative;}
.twc-accordion__item-body {display:none; position:relative;}
.twc-accordion-item:first-child .twc-accordion__item-head {padding-top:0;}


/*Accordion style*/
.twc-accordion-item {padding-bottom:8px;}
.twc-accordion__item-head {
    padding:15px 0;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}
.twc-accordion__item-head-inner:before {
    content:""; position:absolute; top:50%; left:0; right:40px;
    transform:translateY(-50%);
    height:1px; background:#181818;
}
.twc-accordion__item-icon {
    position:absolute; top:50%; right:10px;
    transform:translateY(-50%); box-sizing:border-box;
}
.twc-accordion__item-icon:before,
.twc-accordion__item-icon:after {
    content:""; position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
    width:16px; height:3px; background:#007cb2;
}
.twc-accordion__item-icon:before {width:3px; height:16px;}
.twc-accordion__item-body {padding:20px 0;}
.twc-accordion__item-title {padding-right:40px; position:relative;}
.twc-accordion__item-title span {background:#fff; padding-right:30px;}

/*hover effect*/
.twc-accordion__item-head:hover .twc-accordion__item-title,
.twc-accordion-item.active .twc-accordion__item-title {
    color:#007cb2;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}
.twc-accordion-item.active .twc-accordion__item-icon:before {transform:translate(-50%, -50%) rotate(180deg);}
.twc-accordion-item.active .twc-accordion__item-icon:before {opacity:0;}

/*RESPONSIVE*/
@media only screen and (max-width:768px) {
    .twc-accordion__item-head {padding:10px 0;}
    .twc-accordion__item-title {padding-right:25px;}
    .twc-accordion__item-title span {padding-right:20px;}
    .twc-accordion__item-icon:before {width:2px; height:14px;}
    .twc-accordion__item-icon:after {width:14px; height:2px;}
    .twc-accordion__item-body {padding:15px 0;}
}
@media only screen and (max-width:480px) {
    .twc-accordion__item-title span {padding-right:10px;}
    .twc-accordion__item-head-inner:before {width:calc(100% - 25px);}
    .twc-accordion__item-head {padding:5px 0 10px;}
    .twc-accordion__item-body {padding:10px 0;}
}