/*
   ANIMATION FILL MODE
*/
.a-fil-non { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
.a-fil-frw { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.a-fil-bck { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
.a-fil-bth { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@media screen and (min-width: 48em) {
 .a-fil-non-ns { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
 .a-fil-frw-ns { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 .a-fil-bck-ns { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
 .a-fil-bth-ns { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}
@media screen and (min-width:48em) and (max-width: 64em) {
 .a-fil-non-m { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
 .a-fil-frw-m { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 .a-fil-bck-m { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
 .a-fil-bth-m { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}
@media screen and (min-width: 64em) {
 .a-fil-non-l { -webkit-animation-fill-mode: none; animation-fill-mode: none; }
 .a-fil-frw-l { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
 .a-fil-bck-l { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
 .a-fil-bth-l { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
}