@font-face {
    font-family: 'BariolBold';
    src: url('../fonts/bariol_bold.eot');
    src: url('../fonts/bariol_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_bold.woff') format('woff'),
         url('../fonts/bariol_bold.ttf') format('truetype'),
         url('../fonts/bariol_bold.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolLight';
    src: url('../fonts/bariol_light.eot');
    src: url('../fonts/bariol_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_light.woff') format('woff'),
         url('../fonts/bariol_light.ttf') format('truetype'),
         url('../fonts/bariol_light.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolRegular';
    src: url('../fonts/bariol_regular.eot');
    src: url('../fonts/bariol_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_regular.woff') format('woff'),
         url('../fonts/bariol_regular.ttf') format('truetype'),
         url('../fonts/bariol_regular.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BariolThin';
    src: url('../fonts/bariol_thin.eot');
    src: url('../fonts/bariol_thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bariol_thin.woff') format('woff'),
         url('../fonts/bariol_thin.ttf') format('truetype'),
         url('../fonts/bariol_thin.svg#bariolthin') format('svg');
    font-weight: normal;
    font-style: normal;
}