@font-face {
    font-family: 'Cera-Thin-Italic';
    src: url('../fonts/Cera/CeraGR-ThinItalic.eot');
    src: url('../fonts/Cera/CeraGR-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cera/CeraGR-ThinItalic.woff2') format('woff2'),
    url('../fonts/Cera/CeraGR-ThinItalic.woff') format('woff'),
    url('../fonts/Cera/CeraGR-ThinItalic.ttf') format('truetype'),
    url('../fonts/Cera/CeraGR-ThinItalic.svg#CeraGR-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

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

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

@font-face {
    font-family: 'Cera-Light-Italic';
    src: url('../fonts/Cera/CeraGR-LightItalic.eot');
    src: url('../fonts/Cera/CeraGR-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cera/CeraGR-LightItalic.woff2') format('woff2'),
    url('../fonts/Cera/CeraGR-LightItalic.woff') format('woff'),
    url('../fonts/Cera/CeraGR-LightItalic.ttf') format('truetype'),
    url('../fonts/Cera/CeraGR-LightItalic.svg#CeraGR-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

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

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

@font-face {
    font-family: 'Cera-Medium-Italic';
    src: url('../fonts/Cera/CeraGR-MediumItalic.eot');
    src: url('../fonts/Cera/CeraGR-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Cera/CeraGR-MediumItalic.woff2') format('woff2'),
    url('../fonts/Cera/CeraGR-MediumItalic.woff') format('woff'),
    url('../fonts/Cera/CeraGR-MediumItalic.ttf') format('truetype'),
    url('../fonts/Cera/CeraGR-MediumItalic.svg#CeraGR-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

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

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


@font-face {
    font-family: 'vivo-medium';
    src: url('../fonts/vivo-sans/vivo-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'vivo-medium-wide';
    src: url('../fonts/vivo-sans/vivo-medium-wide.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pine-medium';
    src: url('../fonts/CamphorPro-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pine-light';
    src: url('../fonts/CamphorPro-Thin.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'pine-bold';
    src: url('../fonts/CamphorPro-Heavy.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'vivo-light-body';
    src: url('../fonts/vivo-sans/vivo-light-body.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'vivo-bold-body';
    src: url('../fonts/vivo-sans/vivo-bold-body.otf') format('truetype');
    font-weight: normal;
}