Проблема Проблема вывода с fa-icon

Доброго времени суток
в общем использую я шаблон от Bruno
в нем есть фреймворк YJds

и ситуация следующая
есть демо шаблон
http://joomlatemplates.youjoomla.info/bruno/?change_css=green

если пролистать в самый низ то видно три блока где возле каждого на начале есть иконки

так вот
есть код

<div class="yjsg-row">
<div class="yjsg-col-1-3">
<div class="yjsg-col-1-3-in"> <span class="fa fa-plane" aria-hidden="true"></span>
<h4>Free sheeping</h4>
<p>Morbi volutpat leo vel tempor blandit quis vestibulum sit amet ligula sit amet risus vitae.</p>
</div>
</div>
<div class="yjsg-col-1-3">
<div class="yjsg-col-1-3-in"> <span class="fa fa-money" aria-hidden="true"></span>
<h4>100% Money back</h4>
<p>Morbi volutpat leo vel tempor blandit quis vestibulum sit amet ligula sit amet risus vitae.</p>
</div>
</div>
<div class="yjsg-col-1-3">
<div class="yjsg-col-1-3-in"> <span class="fa fa-heart" aria-hidden="true"></span>
<h4>Good quality</h4>
<p>Morbi volutpat leo vel tempor blandit quis vestibulum sit amet ligula sit amet risus vitae.</p>
</div>
</div>
</div>


после того как я создаю модуль как HTML
беру редактировать source code
после вставки кода

строка <span class="fa fa-heart" aria-hidden="true"></span> просто пропадает и иконка не появляеться
в чем может быть проблема?

 

если кнопкой выключить редактор то да, не помогло

 

Спасибо, действительно помогло!

--- добавлено: 10.02.2017 ---

редактор сам убирал строки