/**
 * # Arial 
 */
@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/montserrat/static/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-BlackItalic';
    src: url('../fonts/montserrat/static/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-BoldItalic';
    src: url('../fonts/montserrat/static/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/montserrat/static/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url('../fonts/montserrat/static/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('../fonts/montserrat/static/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-ExtraLightItalic';
    src: url('../fonts/montserrat/static/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../fonts/montserrat/static/Montserrat-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/montserrat/static/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-LightItalic';
    src: url('../fonts/montserrat/static/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/montserrat/static/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('../fonts/montserrat/static/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url('../fonts/montserrat/static/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Thin';
    src: url('../fonts/montserrat/static/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-ThinItalic';
    src: url('../fonts/montserrat/static/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



/**
 * # Arial 
 */
@font-face {
    font-family: 'Arial-ItalicMT';
    src: url('../fonts/arial/Arial-ItalicMT.eot');
    src: local('Arial Italic'), local('Arial-ItalicMT'),
        url('../fonts/arial/Arial-ItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/Arial-ItalicMT.woff2') format('woff2'),
        url('../fonts/arial/Arial-ItalicMT.woff') format('woff'),
        url('../fonts/arial/Arial-ItalicMT.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ArialMT';
    src: url('../fonts/arial/ArialMT.eot');
    src: local('Arial'), local('ArialMT'),
        url('../fonts/arial/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialMT.woff2') format('woff2'),
        url('../fonts/arial/ArialMT.woff') format('woff'),
        url('../fonts/arial/ArialMT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arial-BoldItalicMT';
    src: url('../fonts/arial/Arial-BoldItalicMT.eot');
    src: local('Arial Bold Italic'), local('Arial-BoldItalicMT'),
        url('../fonts/arial/Arial-BoldItalicMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/Arial-BoldItalicMT.woff2') format('woff2'),
        url('../fonts/arial/Arial-BoldItalicMT.woff') format('woff'),
        url('../fonts/arial/Arial-BoldItalicMT.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ArialNarrow-BoldItalic';
    src: url('../fonts/arial/ArialNarrow-BoldItalic.eot');
    src: local('Arial Narrow Bold Italic'), local('ArialNarrow-BoldItalic'),
        url('../fonts/arial/ArialNarrow-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow-BoldItalic.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow-BoldItalic.woff') format('woff'),
        url('../fonts/arial/ArialNarrow-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

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

@font-face {
    font-family: 'ArialNarrow-Italic';
    src: url('../fonts/arial/ArialNarrow-Italic.eot');
    src: local('Arial Narrow Italic'), local('ArialNarrow-Italic'),
        url('../fonts/arial/ArialNarrow-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow-Italic.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow-Italic.woff') format('woff'),
        url('../fonts/arial/ArialNarrow-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ArialNarrow';
    src: url('../fonts/arial/ArialNarrow.eot');
    src: local('Arial Narrow'), local('ArialNarrow'),
        url('../fonts/arial/ArialNarrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arial/ArialNarrow.woff2') format('woff2'),
        url('../fonts/arial/ArialNarrow.woff') format('woff'),
        url('../fonts/arial/ArialNarrow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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



/**
 * # Roboto
 */
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Italic.woff') format('woff'),
        url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url('../fonts/roboto/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/roboto/Roboto-Thin.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Thin.woff') format('woff'),
        url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-ThinItalic';
    src: url('../fonts/roboto/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Regular.woff') format('woff'),
        url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    /*font-display: swap;*/
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/roboto/Roboto-Black.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Black.woff') format('woff'),
        url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-BlackItalic';
    src: url('../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Medium.woff') format('woff'),
        url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Bold.woff') format('woff'),
        url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}