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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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