Не получается скопировать эффект

[Quark_]

Не получается вытащить эффект появления трех точек при наведении на пункт меню.
http://demo.yosoftware.com/?t=Berg-WP

Нашел

#main-navbar .main-nav > ul > li > a:before {
    position: absolute;
    top: 20px;
    left: 50%;
    color: transparent;
    content: "\2022";
    text-shadow: 0 0 transparent;
    font-size: 0.7em;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: -webkit-transform 0.3s, color 0.3s, text-shadow 0.3s;
    -moz-transition: -moz-transform 0.3s, color 0.3s, text-shadow 0.3s;
    -o-transition: -o-transform 0.3s, color 0.3s, text-shadow 0.3s;
    transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s, color 0.3s, text-shadow 0.3s;
    pointer-events: none;
    font-weight: 400;
}

Подключил FontAwesome, но как этот стиль срабатывает при наведении курсора?