@font-face {
    font-family: 'FiraSans';
    src: url('fonts/FiraSans-Regular.ttf');
    src: url('fonts/FiraSans-Regular.ttf') format('truetype'),
    url('fonts/FiraSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: url('fonts/FiraSans-Bold.ttf');
    src: url('fonts/FiraSans-Bold.ttf') format('truetype'),
    url('fonts/FiraSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans';
    src: url('fonts/FiraSans-Italic.ttf');
    src: url('fonts/FiraSans-Italic.ttf') format('truetype'),
    url('fonts/FiraSans-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FiraSans';
    src: url('fonts/FiraSans-BoldItalic.ttf');
    src: url('fonts/FiraSans-BoldItalic.ttf') format('truetype'),
    url('fonts/FiraSans-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

body, html,
.kw-input,
.kw-textarea,
.kw-select,
.kw-label,
.ui-datepicker,
.popup-box,
.popup-box .user-top,
#user-profil-name,
h1, h2, h3, h4, h5, h6 {
    font-family: 'FiraSans', Arial, Helvetica, Verdana, sans-serif !important;
}