@font-face {
font-family: 'fidelity';
src:
url('Fonts/fidelity.ttf') format('truetype'),
url('Fonts/fidelity.woff') format('woff'),
url('Fonts/fidelity.eot') format('eot'),
url('Fonts/fidelity.svg?#fidelity') format('svg');
font-weight: normal;
font-style: normal;
font-display: fallback;
}

i.icon, span.icon {
 font-family: 'fidelity' !important;
speak: none;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
span.icon {
    font-size: 15px;
}

.sf-icon-campaign:before { content: "\aa"; }
.sf-icon-group:before { content: "\ab"; }
.sf-icon-user:before { content: "\ac"; }
.sf-icon-extensions:before { content: "\a1"; }
.sf-icon-pause:before { content: "\ae"; }
.sf-icon-contacts:before { content: "\af"; }
.sf-icon-calendar:before { content: "\a2"; }
.sf-icon-rules:before { content: "\a3"; }
.sf-icon-database:before { content: "\a4"; }
.sf-icon-workflow:before { content: "\a5"; }
.sf-icon-faq:before { content: "\a6"; }
.sf-icon-profile:before { content: "\a7"; }
.sf-icon-skill:before { content: "\a8"; }
.sf-icon-bell:before { content: "\b1"; }