.tirex-accordion .title {
position: relative;
font-size: 18px;
margin-bottom: 10px;
cursor: pointer;
}
.tirex-accordion .title:before,
.tirex-accordion .title:after {
content: '\f067';
display: block;
position: absolute;
font-family: 'FontAwesome';
color: #fff;
width: 30px;
height: 30px;
font-size: 15px;
line-height: 0;
-webkit-transition: .4s;
transition: .4s;
z-index: 2;
}
.tirex-accordion .title:after {
content: '\f068';
z-index: 1;
}
.tirex-accordion .title.active:before {
opacity: 0;
}
.tirex-accordion .content {
margin-bottom: 18px;
display: none;
}
.tirex-accordion .content p {
padding: 10px 0;
margin: 0;
}
.tirex-accordion.classic .title {
color: #fff;
padding: 23px 20px 20px 50px;
}
.tirex-accordion.classic .title:before,
.tirex-accordion.classic .title:after {
top: 34px;
left: 20px;
}
.tirex-accordion.classic .content {
padding: 10px 20px;
border: 1px solid #ddd;
}
.tirex-accordion.clean .title {
padding: 7px 20px 7px 45px;
margin-bottom: 12px!important;
}
.tirex-accordion.clean .title:before,
.tirex-accordion.clean .title:after {
font-size: 14px;
top: calc(50% - 15px);
left: 0;
padding: 15px 10px;
}
.tirex-accordion.clean .content {
margin-top: -15px;
}
.tirex-accordion.clean .item {
border-bottom: 1px solid #D8D8D8;
margin-bottom: 10px;
}