@font-face {
    font-family: 'Gidole-Regular';
    src: url('../../fonts/Gidole-Regular.eot');
    src: url('../../fonts/Gidole-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Gidole-Regular.svg#Gidole-Regular') format('svg'),
        url('../../fonts/Gidole-Regular.ttf') format('truetype'),
        url('../../fonts/Gidole-Regular.woff') format('woff'),
        url('../../fonts/Gidole-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'RobotoM';
    src: url('../../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoN';
    src: url('../../fonts/Roboto-Black.ttf') format('truetype'),
        url("../../fonts/Roboto-Black.ttf");
    font-weight: normal;
    font-style: normal;
}