/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */

/*
 * Legal Disclaimer for Online Advertising licence
 *
 * Licence to use fonts in advertising on websites and mobile platforms such as banners, pop-ups, floating ads, video ads, HTML5 ads, eMail newsletters etc.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media. 
 * 
 * These fonts are licensed exclusively for:
 *
 * Static or dynamic online advertising
 * For use in Newsletters only
 *
 */

/* complete */

/*
 * Font Weights
 * ------------
 * 200: Thin
 * 300: Light
 * 350: Book
 * 400: Regular
 * 500: Medium
 * 600: Bold
 * 800: Black
 * 900: ExtraBlack
 */


@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Thin.woff2") format("woff2"),
       url("CircularXXWeb-Thin.woff") format("woff");
  font-display: block;
  font-weight: 200;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-ThinItalic.woff2") format("woff2"),
       url("CircularXXWeb-ThinItalic.woff") format("woff");
  font-display: block;
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Light.woff2") format("woff2"),
       url("CircularXXWeb-Light.woff") format("woff");
  font-display: block;
  font-weight: 300;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-LightItalic.woff2") format("woff2"),
       url("CircularXXWeb-LightItalic.woff") format("woff");
  font-display: block;
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Regular.woff2") format("woff2"),
       url("CircularXXWeb-Regular.woff") format("woff");
  font-display: block;
  font-weight: 400;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Italic.woff2") format("woff2"),
       url("CircularXXWeb-Italic.woff") format("woff");
  font-display: block;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Book.woff2") format("woff2"),
       url("CircularXXWeb-Book.woff") format("woff");
  font-display: block;
  font-weight: 350;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-BookItalic.woff2") format("woff2"),
       url("CircularXXWeb-BookItalic.woff") format("woff");
  font-display: block;
  font-weight: 350;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Medium.woff2") format("woff2"),
       url("CircularXXWeb-Medium.woff") format("woff");
  font-display: block;
  font-weight: 500;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-MediumItalic.woff2") format("woff2"),
       url("CircularXXWeb-MediumItalic.woff") format("woff");
  font-display: block;
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Bold.woff2") format("woff2"),
       url("CircularXXWeb-Bold.woff") format("woff");
  font-display: block;
  font-weight: 600;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-BoldItalic.woff2") format("woff2"),
       url("CircularXXWeb-BoldItalic.woff") format("woff");
  font-display: block;
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-Black.woff2") format("woff2"),
       url("CircularXXWeb-Black.woff") format("woff");
  font-display: block;
  font-weight: 800;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-BlackItalic.woff2") format("woff2"),
       url("CircularXXWeb-BlackItalic.woff") format("woff");
  font-display: block;
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-ExtraBlack.woff2") format("woff2"),
       url("CircularXXWeb-ExtraBlack.woff") format("woff");
  font-display: block;
  font-weight: 900;
}

@font-face {
  font-family: "CircularXXWeb";
  src: url("CircularXXWeb-ExtraBlackItalic.woff2") format("woff2"),
       url("CircularXXWeb-ExtraBlackItalic.woff") format("woff");
  font-display: block;
  font-weight: 900;
  font-style: italic;
}


/* subset */

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-ThinSubset.woff2") format("woff2"),
       url("CircularXXSub-ThinSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 200;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-ThinItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-ThinItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-LightSubset.woff2") format("woff2"),
       url("CircularXXSub-LightSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 300;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-LightItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-LightItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-RegularSubset.woff2") format("woff2"),
       url("CircularXXSub-RegularSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 400;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-ItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-ItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BookSubset.woff2") format("woff2"),
       url("CircularXXSub-BookSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 350;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BookItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-BookItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 350;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-MediumSubset.woff2") format("woff2"),
       url("CircularXXSub-MediumSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 500;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-MediumItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-MediumItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BoldSubset.woff2") format("woff2"),
       url("CircularXXSub-BoldSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 600;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BoldItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-BoldItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BlackSubset.woff2") format("woff2"),
       url("CircularXXSub-BlackSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 800;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-BlackItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-BlackItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-ExtraBlackSubset.woff2") format("woff2"),
       url("CircularXXSub-ExtraBlackSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 900;
}

@font-face {
  font-family: "CircularXXSub-Subset";
  src: url("CircularXXSub-ExtraBlackItalicSubset.woff2") format("woff2"),
       url("CircularXXSub-ExtraBlackItalicSubset.woff") format("woff");
  font-display: block;
  unicode-range: U+0025-00FF;        /* codepoint range */
  font-weight: 900;
  font-style: italic;
}