@font-face {
    font-family: 'Roclette Pro';
    src: url('RoclettePro-Normal.eot');
    src: local('Roclette Pro Normal'), local('RoclettePro-Normal'),
        url('RoclettePro-Normal.eot?#iefix') format('embedded-opentype'),
        url('RoclettePro-Normal.woff2') format('woff2'),
        url('RoclettePro-Normal.woff') format('woff'),
        url('RoclettePro-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-Normal.eot');
    src: local('Roclette Pro Line Italic Normal'), local('RocletteProLineItalic-Normal'),
        url('RocletteProLineItalic-Normal.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-Normal.woff2') format('woff2'),
        url('RocletteProLineItalic-Normal.woff') format('woff'),
        url('RocletteProLineItalic-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-BoldItalic.eot');
    src: local('Roclette Pro Italic Bold Italic'), local('RocletteProItalic-BoldItalic'),
        url('RocletteProItalic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-BoldItalic.woff2') format('woff2'),
        url('RocletteProItalic-BoldItalic.woff') format('woff'),
        url('RocletteProItalic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-NormalItalic.eot');
    src: local('Roclette Pro Italic Normal Italic'), local('RocletteProItalic-NormalItalic'),
        url('RocletteProItalic-NormalItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-NormalItalic.woff2') format('woff2'),
        url('RocletteProItalic-NormalItalic.woff') format('woff'),
        url('RocletteProItalic-NormalItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-Thin.eot');
    src: local('Roclette Pro Line Thin'), local('RocletteProLine-Thin'),
        url('RocletteProLine-Thin.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-Thin.woff2') format('woff2'),
        url('RocletteProLine-Thin.woff') format('woff'),
        url('RocletteProLine-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-EBoldItalic.eot');
    src: local('Roclette Pro Italic EBold Italic'), local('RocletteProItalic-EBoldItalic'),
        url('RocletteProItalic-EBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-EBoldItalic.woff2') format('woff2'),
        url('RocletteProItalic-EBoldItalic.woff') format('woff'),
        url('RocletteProItalic-EBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-ELightItalic.eot');
    src: local('Roclette Pro Italic ELight Italic'), local('RocletteProItalic-ELightItalic'),
        url('RocletteProItalic-ELightItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-ELightItalic.woff2') format('woff2'),
        url('RocletteProItalic-ELightItalic.woff') format('woff'),
        url('RocletteProItalic-ELightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-ThinItalic.eot');
    src: local('Roclette Pro Italic Thin Italic'), local('RocletteProItalic-ThinItalic'),
        url('RocletteProItalic-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-ThinItalic.woff2') format('woff2'),
        url('RocletteProItalic-ThinItalic.woff') format('woff'),
        url('RocletteProItalic-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-Light.eot');
    src: local('Roclette Pro Line Light'), local('RocletteProLine-Light'),
        url('RocletteProLine-Light.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-Light.woff2') format('woff2'),
        url('RocletteProLine-Light.woff') format('woff'),
        url('RocletteProLine-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-ELight.eot');
    src: local('Roclette Pro Line ELight'), local('RocletteProLine-ELight'),
        url('RocletteProLine-ELight.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-ELight.woff2') format('woff2'),
        url('RocletteProLine-ELight.woff') format('woff'),
        url('RocletteProLine-ELight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-SBold.eot');
    src: local('Roclette Pro Line SBold'), local('RocletteProLine-SBold'),
        url('RocletteProLine-SBold.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-SBold.woff2') format('woff2'),
        url('RocletteProLine-SBold.woff') format('woff'),
        url('RocletteProLine-SBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-Medium.eot');
    src: local('Roclette Pro Line Medium'), local('RocletteProLine-Medium'),
        url('RocletteProLine-Medium.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-Medium.woff2') format('woff2'),
        url('RocletteProLine-Medium.woff') format('woff'),
        url('RocletteProLine-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-SBold.eot');
    src: local('Roclette Pro Line Italic SBold'), local('RocletteProLineItalic-SBold'),
        url('RocletteProLineItalic-SBold.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-SBold.woff2') format('woff2'),
        url('RocletteProLineItalic-SBold.woff') format('woff'),
        url('RocletteProLineItalic-SBold.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-Normal.eot');
    src: local('Roclette Pro Line Normal'), local('RocletteProLine-Normal'),
        url('RocletteProLine-Normal.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-Normal.woff2') format('woff2'),
        url('RocletteProLine-Normal.woff') format('woff'),
        url('RocletteProLine-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-Thin.eot');
    src: local('Roclette Pro Line Italic Thin'), local('RocletteProLineItalic-Thin'),
        url('RocletteProLineItalic-Thin.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-Thin.woff2') format('woff2'),
        url('RocletteProLineItalic-Thin.woff') format('woff'),
        url('RocletteProLineItalic-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-Bold.eot');
    src: local('Roclette Pro Line Bold'), local('RocletteProLine-Bold'),
        url('RocletteProLine-Bold.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-Bold.woff2') format('woff2'),
        url('RocletteProLine-Bold.woff') format('woff'),
        url('RocletteProLine-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-ELight.eot');
    src: local('Roclette Pro Line Italic ELight'), local('RocletteProLineItalic-ELight'),
        url('RocletteProLineItalic-ELight.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-ELight.woff2') format('woff2'),
        url('RocletteProLineItalic-ELight.woff') format('woff'),
        url('RocletteProLineItalic-ELight.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-Light.eot');
    src: local('Roclette Pro Line Italic Light'), local('RocletteProLineItalic-Light'),
        url('RocletteProLineItalic-Light.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-Light.woff2') format('woff2'),
        url('RocletteProLineItalic-Light.woff') format('woff'),
        url('RocletteProLineItalic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-MediumItalic.eot');
    src: local('Roclette Pro Italic Medium Italic'), local('RocletteProItalic-MediumItalic'),
        url('RocletteProItalic-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-MediumItalic.woff2') format('woff2'),
        url('RocletteProItalic-MediumItalic.woff') format('woff'),
        url('RocletteProItalic-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLineItalic-Medium.eot');
    src: local('Roclette Pro Line Italic Medium'), local('RocletteProLineItalic-Medium'),
        url('RocletteProLineItalic-Medium.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLineItalic-Medium.woff2') format('woff2'),
        url('RocletteProLineItalic-Medium.woff') format('woff'),
        url('RocletteProLineItalic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RoclettePro-SemiBold.eot');
    src: local('Roclette Pro SemiBold'), local('RoclettePro-SemiBold'),
        url('RoclettePro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('RoclettePro-SemiBold.woff2') format('woff2'),
        url('RoclettePro-SemiBold.woff') format('woff'),
        url('RoclettePro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RoclettePro-ExtraLight.eot');
    src: local('Roclette Pro ExtraLight'), local('RoclettePro-ExtraLight'),
        url('RoclettePro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('RoclettePro-ExtraLight.woff2') format('woff2'),
        url('RoclettePro-ExtraLight.woff') format('woff'),
        url('RoclettePro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro Line';
    src: url('RocletteProLine-EBold.eot');
    src: local('Roclette Pro Line EBold'), local('RocletteProLine-EBold'),
        url('RocletteProLine-EBold.eot?#iefix') format('embedded-opentype'),
        url('RocletteProLine-EBold.woff2') format('woff2'),
        url('RocletteProLine-EBold.woff') format('woff'),
        url('RocletteProLine-EBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-SBoldItalic.eot');
    src: local('Roclette Pro Italic SBold Italic'), local('RocletteProItalic-SBoldItalic'),
        url('RocletteProItalic-SBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-SBoldItalic.woff2') format('woff2'),
        url('RocletteProItalic-SBoldItalic.woff') format('woff'),
        url('RocletteProItalic-SBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roclette Pro';
    src: url('RocletteProItalic-LightItalic.eot');
    src: local('Roclette Pro Italic Light Italic'), local('RocletteProItalic-LightItalic'),
        url('RocletteProItalic-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('RocletteProItalic-LightItalic.woff2') format('woff2'),
        url('RocletteProItalic-LightItalic.woff') format('woff'),
        url('RocletteProItalic-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

