@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

.accordions_wrapper{width:90%;margin-top:60px}
.accordion{margin-bottom:10px}
/* header */
.accordion .acc_title{height:38px;line-height:38px;color:#000;font-size:18px;cursor:pointer;position:relative}
/* arrow */
.accordion .acc_title::after{width:12px;height:12px;margin:auto;line-height:12px;content:'\f3d0';font-family:"Ionicons";font-style:normal;font-weight:400;letter-spacing:0;text-align:center;display:block;position:absolute;top:0;right:20px;bottom:0;transition:transform .4s;-webkit-transition:transform .4s}
/* article */
.accordion .acc_content{margin-top:5px;padding:15px;line-height:26px;font-size:16px;background-color:#fff;display:none}

/*
*	hover / active
*/
.accordion:hover .acc_title, .accordion.active .acc_title{text-decoration:underline}
.accordion:hover .acc_title:after, .accordion.active .acc_title:after{background-position:-12px 0}
.accordion.active .acc_title:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}