* {box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;}
body{margin:100px 300px;font-size:14px;font-family:arial}

.accordion_area{margin-left: 50px;
margin-right: 50px;
margin-top: 100px;
margin-bottom:100px}
#accordion{}
.fix{overflow:hidden}
.fix:after{content:'';display:table;clear:both}
.single_accordion{border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0px 2.5px 1px 0 #000;
margin-bottom: 15px;}
.single_accordion:last-child{margin-bottom:5px}
.accordion_hearder{-moz-user-select: none;
background-color: #ddd;
padding: 10px 15px;cursor: pointer;
text-transform: uppercase;
user-select:none;-webkit-user-select:none;-o-user-select:none}
.accordion_hearder h2{color: #666;
float: left;
margin: 0;font-size:25px}
.accordion_content{padding: 15px;display:none}
.accordion_content p{margin: 0 0 15px;
padding: 0;text-align: justify;}
.accordion_content p:last-child{margin-bottom:0px}
span.accordion_icon{color: #666;
display: inline-block;
float: right;
font-size: 25px;
line-height: 25px;
position: relative;}
span.accordion_icon i.fa{display: block;font-size: 25px;}
span.accordion_icon i.fa.fa-plus{}
span.accordion_icon i.fa.fa-minus{left: 0;
opacity: 0;
position: absolute;
top: 0;}
.accordion_hearder.accordion_active{background-color: #3e3e54;transition: all 1.5s ease 0s;}
.accordion_hearder.accordion_active h2{color:#fff}
.accordion_hearder.accordion_active p{}
.accordion_hearder.accordion_active span.accordion_icon i.fa.fa-plus{opacity: 0;}
.accordion_hearder.accordion_active span.accordion_icon i.fa.fa-minus{opacity: 1;color:#fff}