Font awesome not showing just one icon in firefox, but in chrome is working perfectly

Question

I have this webpage , it works smoothly with chrome, but with firefox, the right arrow is not showing, I am using font-awesome, and tried this answer in this post Font awesome not working in Firefox with no success.

I am using CDN to call font awesome, so the fonts are in their server, the strange thing is that is only in firefox the problem.

I am using Ubuntu Linux 16.04, and firefox 52.0.1 (64-bits)

Please could someone tell me how to deal with firefox and this strange issue?

UPDATE: the issue happens with firefox in Linux and Windows

Answer 1

Ok, it seems that the CSS for firefox is pretty different to the other web browsers, I had to do this:

Cange this:

.next-prev-cities-titles {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

For This:

.next-prev-cities-titles {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

Firefox wasn't taking the 100% width