ul.box-filter > li > span {
  display:block;
  position:relative;
}
ul.box-filter > li > ul {
  height: 0;
  overflow-y: hidden;
  transition: height 0.4s ease-in-out;
  -webkit-transition: height 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out;
}
ul.box-filter > li > span::after {
  content: "\f078";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 9px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  color: #d9121f;
  vertical-align: top;
  margin: 6px 0px 0px 0px;
  top: 0;
  right: 1px;
  position: absolute;
}
ul.box-filter > li > span.active::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}