@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-ThinItalic.eot');
    src: url('../fonts/CodecPro-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-ThinItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-ThinItalic.woff') format('woff'),
        url('../fonts/CodecPro-ThinItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-ThinItalic.svg#CodecPro-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro News';
    src: url('../fonts/CodecPro-News.eot');
    src: url('../fonts/CodecPro-News.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-News.woff2') format('woff2'),
        url('../fonts/CodecPro-News.woff') format('woff'),
        url('../fonts/CodecPro-News.ttf') format('truetype'),
        url('../fonts/CodecPro-News.svg#CodecPro-News') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Codec Pro News';
    src: url('../fonts/CodecPro-NewsItalic.eot');
    src: url('../fonts/CodecPro-NewsItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-NewsItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-NewsItalic.woff') format('woff'),
        url('../fonts/CodecPro-NewsItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-NewsItalic.svg#CodecPro-NewsItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-Bold.eot');
    src: url('../fonts/CodecPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-Bold.woff2') format('woff2'),
        url('../fonts/CodecPro-Bold.woff') format('woff'),
        url('../fonts/CodecPro-Bold.ttf') format('truetype'),
        url('../fonts/CodecPro-Bold.svg#CodecPro-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro Ultra';
    src: url('../fonts/CodecPro-Ultra.eot');
    src: url('../fonts/CodecPro-Ultra.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-Ultra.woff2') format('woff2'),
        url('../fonts/CodecPro-Ultra.woff') format('woff'),
        url('../fonts/CodecPro-Ultra.ttf') format('truetype'),
        url('../fonts/CodecPro-Ultra.svg#CodecPro-Ultra') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-BoldItalic.eot');
    src: url('../fonts/CodecPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-BoldItalic.woff') format('woff'),
        url('../fonts/CodecPro-BoldItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-BoldItalic.svg#CodecPro-BoldItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro UltraBlack';
    src: url('../fonts/CodecPro-UltraBlack.eot');
    src: url('../fonts/CodecPro-UltraBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-UltraBlack.woff2') format('woff2'),
        url('../fonts/CodecPro-UltraBlack.woff') format('woff'),
        url('../fonts/CodecPro-UltraBlack.ttf') format('truetype'),
        url('../fonts/CodecPro-UltraBlack.svg#CodecPro-UltraBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-ExtraBold.eot');
    src: url('../fonts/CodecPro-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-ExtraBold.woff2') format('woff2'),
        url('../fonts/CodecPro-ExtraBold.woff') format('woff'),
        url('../fonts/CodecPro-ExtraBold.ttf') format('truetype'),
        url('../fonts/CodecPro-ExtraBold.svg#CodecPro-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro UltraBlack';
    src: url('../fonts/CodecPro-UltraBlackItalic.eot');
    src: url('../fonts/CodecPro-UltraBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-UltraBlackItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-UltraBlackItalic.woff') format('woff'),
        url('../fonts/CodecPro-UltraBlackItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-UltraBlackItalic.svg#CodecPro-UltraBlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-ExtraBoldItalic.eot');
    src: url('../fonts/CodecPro-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/CodecPro-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-ExtraBoldItalic.svg#CodecPro-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Codec Pro Fat';
    src: url('../fonts/CodecPro-Fat.eot');
    src: url('../fonts/CodecPro-Fat.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-Fat.woff2') format('woff2'),
        url('../fonts/CodecPro-Fat.woff') format('woff'),
        url('../fonts/CodecPro-Fat.ttf') format('truetype'),
        url('../fonts/CodecPro-Fat.svg#CodecPro-Fat') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-ExtraLightItalic.eot');
    src: url('../fonts/CodecPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-ExtraLightItalic.woff') format('woff'),
        url('../fonts/CodecPro-ExtraLightItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-ExtraLightItalic.svg#CodecPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-HeavyItalic.eot');
    src: url('../fonts/CodecPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-HeavyItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-HeavyItalic.woff') format('woff'),
        url('../fonts/CodecPro-HeavyItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-HeavyItalic.svg#CodecPro-HeavyItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-Heavy.eot');
    src: url('../fonts/CodecPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-Heavy.woff2') format('woff2'),
        url('../fonts/CodecPro-Heavy.woff') format('woff'),
        url('../fonts/CodecPro-Heavy.ttf') format('truetype'),
        url('../fonts/CodecPro-Heavy.svg#CodecPro-Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro Fat';
    src: url('../fonts/CodecPro-FatItalic.eot');
    src: url('../fonts/CodecPro-FatItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-FatItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-FatItalic.woff') format('woff'),
        url('../fonts/CodecPro-FatItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-FatItalic.svg#CodecPro-FatItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/CodecPro-LightItalic.eot');
    src: url('../fonts/CodecPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CodecPro-LightItalic.woff2') format('woff2'),
        url('../fonts/CodecPro-LightItalic.woff') format('woff'),
        url('../fonts/CodecPro-LightItalic.ttf') format('truetype'),
        url('../fonts/CodecPro-LightItalic.svg#CodecPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}