@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}

.font-light
{
    font-family: 'Titillium Web' !important;
    font-weight: 300;
}

.font-regular
{
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 400;
}

.font-bold
{
    font-family: 'Titillium Web' !important;
    font-weight: 700;
}

.font-lightitalic
{
    font-family: 'Titillium Web' !important;
    font-weight: 300;
}

.font-semibold
{
    font-family: 'Titillium Web' !important;
    font-weight: 600;
}