@charset "UTF-8";
/*==============================================================*/
/*     R E S E T     */
/*==============================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, figure, figcaption, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html, body {
  height: 100%;
}

abbr[title] {
  border-bottom: 1px dotted #888 !important;
  cursor: help;
}

*:focus {
  outline: 0;
}

ul {
  list-style-type: none;
}

/* Apply a natural box layout model to all elements */
*, *:before, *:after {
  box-sizing: border-box;
}

:root {
  --gutter-width: 1.25rem;
}

@media (min-width: 360px) {
  :root {
    --gutter-width: 1.5rem;
  }
}

@media (min-width: 900px) {
  :root {
    --gutter-width: 2rem;
  }
}

@media (min-width: 1400px) {
  :root {
    --gutter-width: 3rem;
  }
}

@media (min-width: 1800px) {
  :root {
    --gutter-width: 4rem;
  }
}

:root {
  --color-black-100: 		hsl(0,0%,0%);
  --color-black-70: 		hsl(0,0%,30%);
  --color-black-60: 		hsl(0,0%,40%);
  --color-black-50: 		hsl(0,0%,50%);
  --color-black-30: 		hsl(0,0%,70%);
  --color-black-20: 		hsl(0,0%,80%);
  --color-black-10: 		hsl(0,0%,90%);
  --color-black-5: 		hsl(0,0%,95%);
  --color-white: 			hsl(0,0%,100%);
  --color-notice:			hsl(0,80%,55%);
  --color-form-error:		hsl(0,80%,70%);
  --color-success:		hsl(125,45%,45%);
  --color-header-bg: 		var(--color-black-100);
  --color-header-text: 	var(--color-white);
  --color-header-hover:	var(--color-black-30);
  --color-theme-btn-bg:	var(--color-black-70);
  --color-line:			var(--color-black-100);
  --color-link-text:		var(--color-black-100);
  --color-link-bg: 		var(--color-black-60);
  --color-link-hover:		var(--color-black-60);
  --color-btn-toggle-bg:	var(--color-black-10);
  --color-selection-bg:	var(--color-black-50);
  --color-selection-text:	var(--color-white);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-black-100: 		hsl(200,5%,90%);
    --color-black-70: 		hsl(200,5%,70%);
    --color-black-60: 		hsl(200,5%,60%);
    --color-black-50: 		hsl(200,5%,50%);
    --color-black-30: 		hsl(200,5%,40%);
    --color-black-20: 		hsl(200,5%,32%);
    --color-black-10: 		hsl(200,5%,22%);
    --color-black-5: 		hsl(200,5%,17%);
    --color-white: 			hsl(200,5%,12%);
    --color-notice:			hsl(0,60%,55%);
    --color-form-error:		hsl(0,60%,60%);
    --color-header-bg: 		hsl(200,5%,0%);
    --color-header-text: 	hsl(200,5%,90%);
    --color-header-hover:	hsl(200,5%,60%);
    --color-theme-btn-bg:	var(--color-black-20);
    --color-line:			var(--color-black-50);
    --color-link-text:		var(--color-black-100);
    --color-link-bg: 		var(--color-black-60);
    --color-link-hover:		var(--color-black-60);
    --color-btn-toggle-bg:	var(--color-black-20);
    --color-selection-bg:	hsl(200,5%,75%);
    --color-selection-text:	hsl(200,5%,0%);
  }
  :root img {
    -webkit-filter: brightness(0.9) contrast(1.1);
            filter: brightness(0.9) contrast(1.1);
  }
}

body.dark-theme {
  --color-black-100: 		hsl(200,5%,90%);
  --color-black-70: 		hsl(200,5%,70%);
  --color-black-60: 		hsl(200,5%,60%);
  --color-black-50: 		hsl(200,5%,50%);
  --color-black-30: 		hsl(200,5%,40%);
  --color-black-20: 		hsl(200,5%,32%);
  --color-black-10: 		hsl(200,5%,22%);
  --color-black-5: 		hsl(200,5%,17%);
  --color-white: 			hsl(200,5%,12%);
  --color-notice:			hsl(0,60%,55%);
  --color-form-error:		hsl(0,60%,60%);
  --color-header-bg: 		hsl(200,5%,0%);
  --color-header-text: 	hsl(200,5%,90%);
  --color-header-hover:	hsl(200,5%,60%);
  --color-theme-btn-bg:	var(--color-black-20);
  --color-line:			var(--color-black-50);
  --color-link-text:		var(--color-black-100);
  --color-link-bg: 		var(--color-black-60);
  --color-link-hover:		var(--color-black-60);
  --color-btn-toggle-bg:	var(--color-black-20);
  --color-selection-bg:	hsl(200,5%,75%);
  --color-selection-text:	hsl(200,5%,0%);
}

body.dark-theme img {
  -webkit-filter: brightness(0.9) contrast(1.1);
          filter: brightness(0.9) contrast(1.1);
}

:root {
  --color-capito:				hsl(330,85%,54%);
  --color-capito-hero:		hsl(0,0%,100%);
  --color-camingo:			hsl(86,65%,45%);
  --color-camingo-hero:		hsl(0,0%,100%);
  --color-rooney:				hsl(197,94%,39%);
  --color-komet:				hsl(178,97%,36%);
  --color-nice:				hsl(270,80%,55%);
  --color-nice-bg:			hsl(270,70%,50%);
  --color-nice-black:			hsl(270,50%,10%);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-capito:			hsl(330,65%,54%);
    --color-capito-hero:	hsl(330,5%,95%);
    --color-camingo:		hsl(86,55%,45%);
    --color-camingo-hero:	hsl(86,5%,95%);
    --color-rooney:			hsl(197,74%,39%);
    --color-komet:			hsl(178,77%,36%);
    --color-nice:			hsl(270,60%,57%);
    --color-nice-bg:		hsl(270,50%,30%);
  }
}

body.dark-theme {
  --color-capito:				hsl(330,65%,54%);
  --color-capito-hero:		hsl(330,5%,98%);
  --color-camingo:			hsl(86,55%,45%);
  --color-camingo-hero:		hsl(86,5%,95%);
  --color-rooney:				hsl(197,74%,39%);
  --color-komet:				hsl(178,77%,36%);
  --color-nice:				hsl(270,60%,55%);
  --color-nice-bg:			hsl(270,50%,30%);
}

body.has-hover .link-capito:hover .string {
  color: var(--color-capito) !important;
}

body.has-hover .link-rooney:hover .string {
  color: var(--color-rooney) !important;
}

body.has-hover .link-camingo:hover .string {
  color: var(--color-camingo) !important;
}

body.has-hover .link-komet:hover .string {
  color: var(--color-komet) !important;
}

body.has-hover .link-nice:hover .string {
  color: var(--color-nice) !important;
}

.badge-type--capito {
  background: var(--color-capito) !important;
}

.badge-type--rooney {
  background: var(--color-rooney) !important;
}

.badge-type--camingo {
  background: var(--color-camingo) !important;
}

.badge-type--komet {
  background: var(--color-komet) !important;
}

.badge-type--nice {
  background: var(--color-nice) !important;
}

/*==============================================================*/
/*     R O O N E Y     */
/*==============================================================*/
body.typefamily--rooney ::-moz-selection {
  background: var(--color-rooney);
}
body.typefamily--rooney ::selection {
  background: var(--color-rooney);
}

body.typefamily--rooney .typefamily-tester .string {
  caret-color: var(--color-rooney);
}

body.typefamily--rooney .btn--primary {
  background: var(--color-rooney);
  border-color: var(--color-rooney);
}

body.typefamily--rooney .btn--secondary {
  color: var(--color-rooney);
  border-color: var(--color-rooney);
}

body.typefamily--rooney .buy-button {
  color: var(--color-rooney);
  border-color: var(--color-rooney);
}

body.typefamily--rooney.has-hover .btn--primary:hover {
  background: var(--color-black-100) !important;
  border-color: var(--color-black-100) !important;
}

body.typefamily--rooney.has-hover .btn--secondary:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

body.typefamily--rooney.has-hover .buy-button:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

/*==============================================================*/
/*     C A P I T O     */
/*==============================================================*/
body.typefamily--capito ::-moz-selection {
  background: var(--color-capito);
}
body.typefamily--capito ::selection {
  background: var(--color-capito);
}

body.typefamily--capito .typefamily-tester .string {
  caret-color: var(--color-capito);
}

body.typefamily--capito .btn--primary {
  background: var(--color-capito);
  border-color: var(--color-capito);
}

body.typefamily--capito .btn--secondary {
  color: var(--color-capito);
  border-color: var(--color-capito);
}

body.typefamily--capito .buy-button {
  color: var(--color-capito);
  border-color: var(--color-capito);
}

body.typefamily--capito.has-hover .btn--primary:hover {
  background: var(--color-black-100) !important;
  border-color: var(--color-black-100) !important;
}

body.typefamily--capito.has-hover .btn--secondary:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

body.typefamily--capito.has-hover .buy-button:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

/*==============================================================*/
/*     K O M E T     */
/*==============================================================*/
body.typefamily--komet ::-moz-selection {
  background: var(--color-komet);
}
body.typefamily--komet ::selection {
  background: var(--color-komet);
}

body.typefamily--komet .typefamily-tester .string {
  caret-color: var(--color-komet);
}

body.typefamily--komet .btn--primary {
  background: var(--color-komet);
  border-color: var(--color-komet);
}

body.typefamily--komet .btn--secondary {
  color: var(--color-komet);
  border-color: var(--color-komet);
}

body.typefamily--komet .buy-button {
  color: var(--color-komet);
  border-color: var(--color-komet);
}

body.typefamily--komet.has-hover .btn--primary:hover {
  background: var(--color-black-100) !important;
  border-color: var(--color-black-100) !important;
}

body.typefamily--komet.has-hover .btn--secondary:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

body.typefamily--komet.has-hover .buy-button:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

/*==============================================================*/
/*     C A M I N G O     */
/*==============================================================*/
body.typefamily--camingo ::-moz-selection {
  background: var(--color-camingo);
}
body.typefamily--camingo ::selection {
  background: var(--color-camingo);
}

body.typefamily--camingo .typefamily-tester .string {
  caret-color: var(--color-camingo);
}

body.typefamily--camingo .btn--primary {
  background: var(--color-camingo);
  border-color: var(--color-camingo);
}

body.typefamily--camingo .btn--secondary {
  color: var(--color-camingo);
  border-color: var(--color-camingo);
}

body.typefamily--camingo .buy-button {
  color: var(--color-camingo);
  border-color: var(--color-camingo);
}

body.typefamily--camingo.has-hover .btn--primary:hover {
  background: var(--color-black-100) !important;
  border-color: var(--color-black-100) !important;
}

body.typefamily--camingo.has-hover .btn--secondary:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

body.typefamily--camingo.has-hover .buy-button:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

/*==============================================================*/
/*     N I C E     */
/*==============================================================*/
body.typefamily--nice ::-moz-selection {
  background: var(--color-nice);
}
body.typefamily--nice ::selection {
  background: var(--color-nice);
}

body.typefamily--nice .typefamily-tester .string {
  caret-color: var(--color-nice);
}

body.typefamily--nice .btn--primary {
  background: var(--color-nice);
  border-color: var(--color-nice);
}

body.typefamily--nice .btn--secondary {
  color: var(--color-nice);
  border-color: var(--color-nice);
}

body.typefamily--nice .buy-button {
  color: var(--color-nice);
  border-color: var(--color-nice);
}

body.typefamily--nice.has-hover .btn--primary:hover {
  background: var(--color-black-100) !important;
  border-color: var(--color-black-100) !important;
}

body.typefamily--nice.has-hover .btn--secondary:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

body.typefamily--nice.has-hover .buy-button:hover {
  color: var(--color-black-100);
  border-color: var(--color-black-100) !important;
}

/*==============================================================*/
/*     F O N T S     */
/*==============================================================*/
@font-face {
  font-family: "Cheers";
  src: url(fdir/09572640/Cheers39-Regular.woff2?v=0.8) format("woff2"), url(fdir/09572640/Cheers39-Regular.woff?v=0.8) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cheers";
  src: url(fdir/09572640/Cheers39-Medium.woff2?v=0.8) format("woff2"), url(fdir/09572640/Cheers39-Medium.woff?v=0.8) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Cheers";
  src: url(fdir/09572640/Cheers39-Bold.woff2?v=0.8) format("woff2"), url(fdir/09572640/Cheers39-Bold.woff?v=0.8) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "AdobeNotdef";
  src: url(../fonts/AND-Regular.woff2) format("woff2"), url(../fonts/AND-Regular.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

/*==============================================================*/
/*     R U B I X   T R Y O U T     */
/*==============================================================*/
@font-face {
  font-family: "Rubix";
  src: url(fdir/09572640/Rubix13-Regular.woff2?v=0.13) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Rubix";
  src: url(fdir/09572640/Rubix13-Medium.woff2?v=0.13) format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Rubix";
  src: url(fdir/09572640/Rubix13-Bold.woff2?v=0.13) format("woff2");
  font-weight: 700;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     R O O N E Y   P R O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "rooneypro-light";
  src: url(fdir/71427118/RooneyPro-Light.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-lightitalic";
  src: url(fdir/71427118/RooneyPro-LightItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-regular";
  src: url(fdir/71427118/RooneyPro-Regular.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-regularitalic";
  src: url(fdir/71427118/RooneyPro-RegularItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-medium";
  src: url(fdir/71427118/RooneyPro-Medium.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Medium.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-mediumitalic";
  src: url(fdir/71427118/RooneyPro-MediumItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-MediumItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-bold";
  src: url(fdir/71427118/RooneyPro-Bold.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-bolditalic";
  src: url(fdir/71427118/RooneyPro-BoldItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-heavy";
  src: url(fdir/71427118/RooneyPro-Heavy.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-heavyitalic";
  src: url(fdir/71427118/RooneyPro-HeavyItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-black";
  src: url(fdir/71427118/RooneyPro-Black.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-blackitalic";
  src: url(fdir/71427118/RooneyPro-BlackItalic.woff2) format("woff2"), url(fdir/71427118/RooneyPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     R O O N E Y   P R O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "rooneypro-light-sub";
  src: url(fdir/71427118/RooneyPro-Light.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-lightitalic-sub";
  src: url(fdir/71427118/RooneyPro-LightItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-regular-sub";
  src: url(fdir/71427118/RooneyPro-Regular.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-regularitalic-sub";
  src: url(fdir/71427118/RooneyPro-RegularItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-medium-sub";
  src: url(fdir/71427118/RooneyPro-Medium.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Medium.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-mediumitalic-sub";
  src: url(fdir/71427118/RooneyPro-MediumItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-MediumItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-bold-sub";
  src: url(fdir/71427118/RooneyPro-Bold.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-bolditalic-sub";
  src: url(fdir/71427118/RooneyPro-BoldItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-heavy-sub";
  src: url(fdir/71427118/RooneyPro-Heavy.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Heavy.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-heavyitalic-sub";
  src: url(fdir/71427118/RooneyPro-HeavyItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-HeavyItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-black-sub";
  src: url(fdir/71427118/RooneyPro-Black.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "rooneypro-blackitalic-sub";
  src: url(fdir/71427118/RooneyPro-BlackItalic.sub.woff2) format("woff2"), url(fdir/71427118/RooneyPro-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     R O O N E Y S A N S   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "rooneysans-light";
  src: url(fdir/62798340/RooneySans-Light.woff2) format("woff2"), url(fdir/62798340/RooneySans-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-lightitalic";
  src: url(fdir/62798340/RooneySans-LightItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-regular";
  src: url(fdir/62798340/RooneySans-Regular.woff2) format("woff2"), url(fdir/62798340/RooneySans-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-regularitalic";
  src: url(fdir/62798340/RooneySans-RegularItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-medium";
  src: url(fdir/62798340/RooneySans-Medium.woff2) format("woff2"), url(fdir/62798340/RooneySans-Medium.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-mediumitalic";
  src: url(fdir/62798340/RooneySans-MediumItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-MediumItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-bold";
  src: url(fdir/62798340/RooneySans-Bold.woff2) format("woff2"), url(fdir/62798340/RooneySans-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-bolditalic";
  src: url(fdir/62798340/RooneySans-BoldItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-heavy";
  src: url(fdir/62798340/RooneySans-Heavy.woff2) format("woff2"), url(fdir/62798340/RooneySans-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-heavyitalic";
  src: url(fdir/62798340/RooneySans-HeavyItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-black";
  src: url(fdir/62798340/RooneySans-Black.woff2) format("woff2"), url(fdir/62798340/RooneySans-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-blackitalic";
  src: url(fdir/62798340/RooneySans-BlackItalic.woff2) format("woff2"), url(fdir/62798340/RooneySans-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     R O O N E Y S A N S   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "rooneysans-light-sub";
  src: url(fdir/62798340/RooneySans-Light.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-lightitalic-sub";
  src: url(fdir/62798340/RooneySans-LightItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-regular-sub";
  src: url(fdir/62798340/RooneySans-Regular.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-regularitalic-sub";
  src: url(fdir/62798340/RooneySans-RegularItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-medium-sub";
  src: url(fdir/62798340/RooneySans-Medium.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Medium.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-mediumitalic-sub";
  src: url(fdir/62798340/RooneySans-MediumItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-MediumItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-bold-sub";
  src: url(fdir/62798340/RooneySans-Bold.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-bolditalic-sub";
  src: url(fdir/62798340/RooneySans-BoldItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-heavy-sub";
  src: url(fdir/62798340/RooneySans-Heavy.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Heavy.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-heavyitalic-sub";
  src: url(fdir/62798340/RooneySans-HeavyItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-HeavyItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-black-sub";
  src: url(fdir/62798340/RooneySans-Black.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "rooneysans-blackitalic-sub";
  src: url(fdir/62798340/RooneySans-BlackItalic.sub.woff2) format("woff2"), url(fdir/62798340/RooneySans-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A P I T O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "capitovar";
  src: url(fdir/78517495/Capito04VAR.woff2) format("woff2 supports variations"), url(fdir/78517495/Capito04VAR.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "capitovar-italic";
  src: url(fdir/78517495/Capito04VAR-Italic.woff2) format("woff2 supports variations"), url(fdir/78517495/Capito04VAR-Italic.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "capito-light";
  src: url(fdir/78517495/Capito04-Light.woff2) format("woff2"), url(fdir/78517495/Capito04-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "capito-lightitalic";
  src: url(fdir/78517495/Capito04-LightItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "capito-regular";
  src: url(fdir/78517495/Capito04-Regular.woff2) format("woff2"), url(fdir/78517495/Capito04-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "capito-regularitalic";
  src: url(fdir/78517495/Capito04-RegularItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "capito-medium";
  src: url(fdir/78517495/Capito04-Medium.woff2) format("woff2"), url(fdir/78517495/Capito04-Medium.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "capito-mediumitalic";
  src: url(fdir/78517495/Capito04-MediumItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-MediumItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "capito-bold";
  src: url(fdir/78517495/Capito04-Bold.woff2) format("woff2"), url(fdir/78517495/Capito04-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "capito-bolditalic";
  src: url(fdir/78517495/Capito04-BoldItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "capito-heavy";
  src: url(fdir/78517495/Capito04-Heavy.woff2) format("woff2"), url(fdir/78517495/Capito04-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "capito-heavyitalic";
  src: url(fdir/78517495/Capito04-HeavyItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "capito-black";
  src: url(fdir/78517495/Capito04-Black.woff2) format("woff2"), url(fdir/78517495/Capito04-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "capito-blackitalic";
  src: url(fdir/78517495/Capito04-BlackItalic.woff2) format("woff2"), url(fdir/78517495/Capito04-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A P I T O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "capito-light-sub";
  src: url(fdir/78517495/Capito04-Light.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "capito-lightitalic-sub";
  src: url(fdir/78517495/Capito04-LightItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "capito-regular-sub";
  src: url(fdir/78517495/Capito04-Regular.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "capito-regularitalic-sub";
  src: url(fdir/78517495/Capito04-RegularItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "capito-medium-sub";
  src: url(fdir/78517495/Capito04-Medium.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Medium.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "capito-mediumitalic-sub";
  src: url(fdir/78517495/Capito04-MediumItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-MediumItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "capito-bold-sub";
  src: url(fdir/78517495/Capito04-Bold.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "capito-bolditalic-sub";
  src: url(fdir/78517495/Capito04-BoldItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "capito-heavy-sub";
  src: url(fdir/78517495/Capito04-Heavy.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Heavy.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "capito-heavyitalic-sub";
  src: url(fdir/78517495/Capito04-HeavyItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-HeavyItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "capito-black-sub";
  src: url(fdir/78517495/Capito04-Black.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "capito-blackitalic-sub";
  src: url(fdir/78517495/Capito04-BlackItalic.sub.woff2) format("woff2"), url(fdir/78517495/Capito04-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     K O M E T   P R O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "kometpro-thin";
  src: url(fdir/74621768/KometPro-Thin.woff2) format("woff2"), url(fdir/74621768/KometPro-Thin.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-thinitalic";
  src: url(fdir/74621768/KometPro-ThinItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-ThinItalic.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-extralight";
  src: url(fdir/74621768/KometPro-ExtraLight.woff2) format("woff2"), url(fdir/74621768/KometPro-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-extralightitalic";
  src: url(fdir/74621768/KometPro-ExtraLightItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-light";
  src: url(fdir/74621768/KometPro-Light.woff2) format("woff2"), url(fdir/74621768/KometPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-lightitalic";
  src: url(fdir/74621768/KometPro-LightItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-regular";
  src: url(fdir/74621768/KometPro-Regular.woff2) format("woff2"), url(fdir/74621768/KometPro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-regularitalic";
  src: url(fdir/74621768/KometPro-RegularItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-medium";
  src: url(fdir/74621768/KometPro-Medium.woff2) format("woff2"), url(fdir/74621768/KometPro-Medium.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-mediumitalic";
  src: url(fdir/74621768/KometPro-MediumItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-MediumItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-bold";
  src: url(fdir/74621768/KometPro-Bold.woff2) format("woff2"), url(fdir/74621768/KometPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-bolditalic";
  src: url(fdir/74621768/KometPro-BoldItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-heavy";
  src: url(fdir/74621768/KometPro-Heavy.woff2) format("woff2"), url(fdir/74621768/KometPro-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-heavyitalic";
  src: url(fdir/74621768/KometPro-HeavyItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-HeavyItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-black";
  src: url(fdir/74621768/KometPro-Black.woff2) format("woff2"), url(fdir/74621768/KometPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-blackitalic";
  src: url(fdir/74621768/KometPro-BlackItalic.woff2) format("woff2"), url(fdir/74621768/KometPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     K O M E T   P R O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "kometpro-thin-sub";
  src: url(fdir/74621768/KometPro-Thin.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Thin.sub.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-thinitalic-sub";
  src: url(fdir/74621768/KometPro-ThinItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-ThinItalic.sub.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-extralight-sub";
  src: url(fdir/74621768/KometPro-ExtraLight.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-extralightitalic-sub";
  src: url(fdir/74621768/KometPro-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-light-sub";
  src: url(fdir/74621768/KometPro-Light.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-lightitalic-sub";
  src: url(fdir/74621768/KometPro-LightItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-regular-sub";
  src: url(fdir/74621768/KometPro-Regular.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-regularitalic-sub";
  src: url(fdir/74621768/KometPro-RegularItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-medium-sub";
  src: url(fdir/74621768/KometPro-Medium.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Medium.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-mediumitalic-sub";
  src: url(fdir/74621768/KometPro-MediumItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-MediumItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-bold-sub";
  src: url(fdir/74621768/KometPro-Bold.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-bolditalic-sub";
  src: url(fdir/74621768/KometPro-BoldItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-heavy-sub";
  src: url(fdir/74621768/KometPro-Heavy.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Heavy.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-heavyitalic-sub";
  src: url(fdir/74621768/KometPro-HeavyItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-HeavyItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-black-sub";
  src: url(fdir/74621768/KometPro-Black.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "kometpro-blackitalic-sub";
  src: url(fdir/74621768/KometPro-BlackItalic.sub.woff2) format("woff2"), url(fdir/74621768/KometPro-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O S L A B   P R O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingoslabpro-extralight";
  src: url(fdir/60220210/CamingoSlabPro-ExtraLight.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extralightitalic";
  src: url(fdir/60220210/CamingoSlabPro-ExtraLightItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-light";
  src: url(fdir/60220210/CamingoSlabPro-Light.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-lightitalic";
  src: url(fdir/60220210/CamingoSlabPro-LightItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-regular";
  src: url(fdir/60220210/CamingoSlabPro-Regular.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-regularitalic";
  src: url(fdir/60220210/CamingoSlabPro-RegularItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-semibold";
  src: url(fdir/60220210/CamingoSlabPro-SemiBold.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-semibolditalic";
  src: url(fdir/60220210/CamingoSlabPro-SemiBoldItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-bold";
  src: url(fdir/60220210/CamingoSlabPro-Bold.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-bolditalic";
  src: url(fdir/60220210/CamingoSlabPro-BoldItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extrabold";
  src: url(fdir/60220210/CamingoSlabPro-ExtraBold.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extrabolditalic";
  src: url(fdir/60220210/CamingoSlabPro-ExtraBoldItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-black";
  src: url(fdir/60220210/CamingoSlabPro-Black.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-blackitalic";
  src: url(fdir/60220210/CamingoSlabPro-BlackItalic.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O S L A B   P R O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingoslabpro-extralight-sub";
  src: url(fdir/60220210/CamingoSlabPro-ExtraLight.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extralightitalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-light-sub";
  src: url(fdir/60220210/CamingoSlabPro-Light.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-lightitalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-LightItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-regular-sub";
  src: url(fdir/60220210/CamingoSlabPro-Regular.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-regularitalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-RegularItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-semibold-sub";
  src: url(fdir/60220210/CamingoSlabPro-SemiBold.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-SemiBold.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-semibolditalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-SemiBoldItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-SemiBoldItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-bold-sub";
  src: url(fdir/60220210/CamingoSlabPro-Bold.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-bolditalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-BoldItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extrabold-sub";
  src: url(fdir/60220210/CamingoSlabPro-ExtraBold.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraBold.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-extrabolditalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-ExtraBoldItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-ExtraBoldItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-black-sub";
  src: url(fdir/60220210/CamingoSlabPro-Black.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingoslabpro-blackitalic-sub";
  src: url(fdir/60220210/CamingoSlabPro-BlackItalic.sub.woff2) format("woff2"), url(fdir/60220210/CamingoSlabPro-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   P R O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodosvar";
  src: url(fdir/53738333/CamingoD47ProVF.woff2) format("woff2 supports variations"), url(fdir/53738333/CamingoD47ProVF.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "camingodosvar-italic";
  src: url(fdir/53738333/CamingoD47ProVFItalic.woff2) format("woff2 supports variations"), url(fdir/53738333/CamingoD47ProVFItalic.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extralight";
  src: url(fdir/53738333/CamingoDosPro-ExtraLight.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extralightitalic";
  src: url(fdir/53738333/CamingoDosPro-ExtraLightItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-light";
  src: url(fdir/53738333/CamingoDosPro-Light.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-lightitalic";
  src: url(fdir/53738333/CamingoDosPro-LightItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-regular";
  src: url(fdir/53738333/CamingoDosPro-Regular.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-regularitalic";
  src: url(fdir/53738333/CamingoDosPro-RegularItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-semibold";
  src: url(fdir/53738333/CamingoDosPro-SemiBold.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-semibolditalic";
  src: url(fdir/53738333/CamingoDosPro-SemiBoldItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-bold";
  src: url(fdir/53738333/CamingoDosPro-Bold.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-bolditalic";
  src: url(fdir/53738333/CamingoDosPro-BoldItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extrabold";
  src: url(fdir/53738333/CamingoDosPro-ExtraBold.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extrabolditalic";
  src: url(fdir/53738333/CamingoDosPro-ExtraBoldItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-black";
  src: url(fdir/53738333/CamingoDosPro-Black.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-blackitalic";
  src: url(fdir/53738333/CamingoDosPro-BlackItalic.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   P R O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodospro-extralight-sub";
  src: url(fdir/53738333/CamingoDosPro-ExtraLight.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extralightitalic-sub";
  src: url(fdir/53738333/CamingoDosPro-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-light-sub";
  src: url(fdir/53738333/CamingoDosPro-Light.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-lightitalic-sub";
  src: url(fdir/53738333/CamingoDosPro-LightItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-regular-sub";
  src: url(fdir/53738333/CamingoDosPro-Regular.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-regularitalic-sub";
  src: url(fdir/53738333/CamingoDosPro-RegularItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-semibold-sub";
  src: url(fdir/53738333/CamingoDosPro-SemiBold.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-SemiBold.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-semibolditalic-sub";
  src: url(fdir/53738333/CamingoDosPro-SemiBoldItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-SemiBoldItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-bold-sub";
  src: url(fdir/53738333/CamingoDosPro-Bold.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-bolditalic-sub";
  src: url(fdir/53738333/CamingoDosPro-BoldItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extrabold-sub";
  src: url(fdir/53738333/CamingoDosPro-ExtraBold.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraBold.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-extrabolditalic-sub";
  src: url(fdir/53738333/CamingoDosPro-ExtraBoldItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-ExtraBoldItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-black-sub";
  src: url(fdir/53738333/CamingoDosPro-Black.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodospro-blackitalic-sub";
  src: url(fdir/53738333/CamingoDosPro-BlackItalic.sub.woff2) format("woff2"), url(fdir/53738333/CamingoDosPro-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O M O N O   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingomono-extralight";
  src: url(fdir/23467530/CamingoMono-ExtraLight.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extralightitalic";
  src: url(fdir/23467530/CamingoMono-ExtraLightItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-light";
  src: url(fdir/23467530/CamingoMono-Light.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-lightitalic";
  src: url(fdir/23467530/CamingoMono-LightItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-regular";
  src: url(fdir/23467530/CamingoMono-Regular.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-regularitalic";
  src: url(fdir/23467530/CamingoMono-RegularItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-semibold";
  src: url(fdir/23467530/CamingoMono-SemiBold.woff2) format("woff2"), url(fdir/23467530/CamingoMono-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-semibolditalic";
  src: url(fdir/23467530/CamingoMono-SemiBoldItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-bold";
  src: url(fdir/23467530/CamingoMono-Bold.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-bolditalic";
  src: url(fdir/23467530/CamingoMono-BoldItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extrabold";
  src: url(fdir/23467530/CamingoMono-ExtraBold.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extrabolditalic";
  src: url(fdir/23467530/CamingoMono-ExtraBoldItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-black";
  src: url(fdir/23467530/CamingoMono-Black.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-blackitalic";
  src: url(fdir/23467530/CamingoMono-BlackItalic.woff2) format("woff2"), url(fdir/23467530/CamingoMono-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O M O N O   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingomono-extralight-sub";
  src: url(fdir/23467530/CamingoMono-ExtraLight.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extralightitalic-sub";
  src: url(fdir/23467530/CamingoMono-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-light-sub";
  src: url(fdir/23467530/CamingoMono-Light.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-lightitalic-sub";
  src: url(fdir/23467530/CamingoMono-LightItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-regular-sub";
  src: url(fdir/23467530/CamingoMono-Regular.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-regularitalic-sub";
  src: url(fdir/23467530/CamingoMono-RegularItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-semibold-sub";
  src: url(fdir/23467530/CamingoMono-SemiBold.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-SemiBold.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-semibolditalic-sub";
  src: url(fdir/23467530/CamingoMono-SemiBoldItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-SemiBoldItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-bold-sub";
  src: url(fdir/23467530/CamingoMono-Bold.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-bolditalic-sub";
  src: url(fdir/23467530/CamingoMono-BoldItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extrabold-sub";
  src: url(fdir/23467530/CamingoMono-ExtraBold.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraBold.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-extrabolditalic-sub";
  src: url(fdir/23467530/CamingoMono-ExtraBoldItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-ExtraBoldItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-black-sub";
  src: url(fdir/23467530/CamingoMono-Black.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingomono-blackitalic-sub";
  src: url(fdir/23467530/CamingoMono-BlackItalic.sub.woff2) format("woff2"), url(fdir/23467530/CamingoMono-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   S E M I C O N D E N S E D   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodosproscd-extralight";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraLight.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extralightitalic";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraLightItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-light";
  src: url(fdir/45128793/CamingoDosProSCd-Light.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-lightitalic";
  src: url(fdir/45128793/CamingoDosProSCd-LightItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-regular";
  src: url(fdir/45128793/CamingoDosProSCd-Regular.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-regularitalic";
  src: url(fdir/45128793/CamingoDosProSCd-RegularItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-semibold";
  src: url(fdir/45128793/CamingoDosProSCd-SemiBold.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-semibolditalic";
  src: url(fdir/45128793/CamingoDosProSCd-SemiBoldItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-bold";
  src: url(fdir/45128793/CamingoDosProSCd-Bold.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-bolditalic";
  src: url(fdir/45128793/CamingoDosProSCd-BoldItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extrabold";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraBold.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extrabolditalic";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraBoldItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-black";
  src: url(fdir/45128793/CamingoDosProSCd-Black.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-blackitalic";
  src: url(fdir/45128793/CamingoDosProSCd-BlackItalic.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   S E M I C O N D E N S E D   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodosproscd-extralight-sub";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraLight.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extralightitalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-light-sub";
  src: url(fdir/45128793/CamingoDosProSCd-Light.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-lightitalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-LightItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-regular-sub";
  src: url(fdir/45128793/CamingoDosProSCd-Regular.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-regularitalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-RegularItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-semibold-sub";
  src: url(fdir/45128793/CamingoDosProSCd-SemiBold.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-SemiBold.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-semibolditalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-SemiBoldItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-SemiBoldItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-bold-sub";
  src: url(fdir/45128793/CamingoDosProSCd-Bold.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-bolditalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-BoldItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extrabold-sub";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraBold.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraBold.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-extrabolditalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-ExtraBoldItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-ExtraBoldItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-black-sub";
  src: url(fdir/45128793/CamingoDosProSCd-Black.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodosproscd-blackitalic-sub";
  src: url(fdir/45128793/CamingoDosProSCd-BlackItalic.sub.woff2) format("woff2"), url(fdir/45128793/CamingoDosProSCd-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   C O N D E N S E D   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodosprocd-extralight";
  src: url(fdir/24044671/CamingoDosProCd-ExtraLight.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraLight.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extralightitalic";
  src: url(fdir/24044671/CamingoDosProCd-ExtraLightItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraLightItalic.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-light";
  src: url(fdir/24044671/CamingoDosProCd-Light.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-lightitalic";
  src: url(fdir/24044671/CamingoDosProCd-LightItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-regular";
  src: url(fdir/24044671/CamingoDosProCd-Regular.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-regularitalic";
  src: url(fdir/24044671/CamingoDosProCd-RegularItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-semibold";
  src: url(fdir/24044671/CamingoDosProCd-SemiBold.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-semibolditalic";
  src: url(fdir/24044671/CamingoDosProCd-SemiBoldItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-bold";
  src: url(fdir/24044671/CamingoDosProCd-Bold.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-bolditalic";
  src: url(fdir/24044671/CamingoDosProCd-BoldItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extrabold";
  src: url(fdir/24044671/CamingoDosProCd-ExtraBold.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extrabolditalic";
  src: url(fdir/24044671/CamingoDosProCd-ExtraBoldItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-black";
  src: url(fdir/24044671/CamingoDosProCd-Black.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-blackitalic";
  src: url(fdir/24044671/CamingoDosProCd-BlackItalic.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O D O S   C O N D E N S E D   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingodosprocd-extralight-sub";
  src: url(fdir/24044671/CamingoDosProCd-ExtraLight.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraLight.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extralightitalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-ExtraLightItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraLightItalic.sub.woff) format("woff");
  font-weight: 250;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-light-sub";
  src: url(fdir/24044671/CamingoDosProCd-Light.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Light.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-lightitalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-LightItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-LightItalic.sub.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-regular-sub";
  src: url(fdir/24044671/CamingoDosProCd-Regular.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-regularitalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-RegularItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-RegularItalic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-semibold-sub";
  src: url(fdir/24044671/CamingoDosProCd-SemiBold.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-SemiBold.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-semibolditalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-SemiBoldItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-SemiBoldItalic.sub.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-bold-sub";
  src: url(fdir/24044671/CamingoDosProCd-Bold.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-bolditalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-BoldItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extrabold-sub";
  src: url(fdir/24044671/CamingoDosProCd-ExtraBold.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraBold.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-extrabolditalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-ExtraBoldItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-ExtraBoldItalic.sub.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-black-sub";
  src: url(fdir/24044671/CamingoDosProCd-Black.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-Black.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "camingodosprocd-blackitalic-sub";
  src: url(fdir/24044671/CamingoDosProCd-BlackItalic.sub.woff2) format("woff2"), url(fdir/24044671/CamingoDosProCd-BlackItalic.sub.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O C O D E   F U L L     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingocode-regular";
  src: url(fdir/22715405/CamingoCode-Regular.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-italic";
  src: url(fdir/22715405/CamingoCode-Italic.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Italic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-bold";
  src: url(fdir/22715405/CamingoCode-Bold.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-bolditalic";
  src: url(fdir/22715405/CamingoCode-BoldItalic.woff2) format("woff2"), url(fdir/22715405/CamingoCode-BoldItalic.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     C A M I N G O C O D E   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "camingocode-regular-sub";
  src: url(fdir/22715405/CamingoCode-Regular.sub.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Regular.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-italic-sub";
  src: url(fdir/22715405/CamingoCode-Italic.sub.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Italic.sub.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-bold-sub";
  src: url(fdir/22715405/CamingoCode-Bold.sub.woff2) format("woff2"), url(fdir/22715405/CamingoCode-Bold.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "camingocode-bolditalic-sub";
  src: url(fdir/22715405/CamingoCode-BoldItalic.sub.woff2) format("woff2"), url(fdir/22715405/CamingoCode-BoldItalic.sub.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     N I C E     */
/*==================================================================================*/
/*==================================================================================*/
/* https://css-tricks.com/newsletter/259-how-to-use-variable-fonts/ */
@font-face {
  font-family: "nicevar";
  src: url(fdir/80154859/NiceVAR.woff2) format("woff2 supports variations"), url(fdir/80154859/NiceVAR.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nicevar-italic";
  src: url(fdir/80154859/NiceVAR-Italic.woff2) format("woff2 supports variations"), url(fdir/80154859/NiceVAR-Italic.woff2) format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-black";
  src: url(fdir/80154859/NiceHeadline-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-blackitalic";
  src: url(fdir/80154859/NiceHeadline-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-bold";
  src: url(fdir/80154859/NiceHeadline-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-bolditalic";
  src: url(fdir/80154859/NiceHeadline-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xbold";
  src: url(fdir/80154859/NiceHeadline-XBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xbolditalic";
  src: url(fdir/80154859/NiceHeadline-XBoldItalic.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xlight";
  src: url(fdir/80154859/NiceHeadline-XLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xlightitalic";
  src: url(fdir/80154859/NiceHeadline-XLightItalic.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-italic";
  src: url(fdir/80154859/NiceHeadline-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-light";
  src: url(fdir/80154859/NiceHeadline-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-lightitalic";
  src: url(fdir/80154859/NiceHeadline-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-medium";
  src: url(fdir/80154859/NiceHeadline-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-mediumitalic";
  src: url(fdir/80154859/NiceHeadline-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-regular";
  src: url(fdir/80154859/NiceHeadline-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-black";
  src: url(fdir/80154859/NiceMicro-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-blackitalic";
  src: url(fdir/80154859/NiceMicro-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-bold";
  src: url(fdir/80154859/NiceMicro-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-bolditalic";
  src: url(fdir/80154859/NiceMicro-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xbold";
  src: url(fdir/80154859/NiceMicro-XBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xbolditalic";
  src: url(fdir/80154859/NiceMicro-XBoldItalic.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xlight";
  src: url(fdir/80154859/NiceMicro-XLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xlightitalic";
  src: url(fdir/80154859/NiceMicro-XLightItalic.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-italic";
  src: url(fdir/80154859/NiceMicro-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-light";
  src: url(fdir/80154859/NiceMicro-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-lightitalic";
  src: url(fdir/80154859/NiceMicro-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-medium";
  src: url(fdir/80154859/NiceMicro-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-mediumitalic";
  src: url(fdir/80154859/NiceMicro-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-regular";
  src: url(fdir/80154859/NiceMicro-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-black";
  src: url(fdir/80154859/NicePoster-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-blackitalic";
  src: url(fdir/80154859/NicePoster-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-bold";
  src: url(fdir/80154859/NicePoster-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-bolditalic";
  src: url(fdir/80154859/NicePoster-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xbold";
  src: url(fdir/80154859/NicePoster-XBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xbolditalic";
  src: url(fdir/80154859/NicePoster-XBoldItalic.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xlight";
  src: url(fdir/80154859/NicePoster-XLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xlightitalic";
  src: url(fdir/80154859/NicePoster-XLightItalic.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-italic";
  src: url(fdir/80154859/NicePoster-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-light";
  src: url(fdir/80154859/NicePoster-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-lightitalic";
  src: url(fdir/80154859/NicePoster-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-medium";
  src: url(fdir/80154859/NicePoster-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-mediumitalic";
  src: url(fdir/80154859/NicePoster-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-regular";
  src: url(fdir/80154859/NicePoster-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-black";
  src: url(fdir/80154859/NiceText-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-blackitalic";
  src: url(fdir/80154859/NiceText-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-bold";
  src: url(fdir/80154859/NiceText-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-bolditalic";
  src: url(fdir/80154859/NiceText-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xbold";
  src: url(fdir/80154859/NiceText-XBold.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xbolditalic";
  src: url(fdir/80154859/NiceText-XBoldItalic.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xlight";
  src: url(fdir/80154859/NiceText-XLight.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xlightitalic";
  src: url(fdir/80154859/NiceText-XLightItalic.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-italic";
  src: url(fdir/80154859/NiceText-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-light";
  src: url(fdir/80154859/NiceText-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-lightitalic";
  src: url(fdir/80154859/NiceText-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-medium";
  src: url(fdir/80154859/NiceText-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-mediumitalic";
  src: url(fdir/80154859/NiceText-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-regular";
  src: url(fdir/80154859/NiceText-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/*==================================================================================*/
/*==================================================================================*/
/*     N I C E   S U B     */
/*==================================================================================*/
/*==================================================================================*/
@font-face {
  font-family: "niceheadline-black-sub";
  src: url(fdir/80154859/NiceHeadline-Black.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-blackitalic-sub";
  src: url(fdir/80154859/NiceHeadline-BlackItalic.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-bold-sub";
  src: url(fdir/80154859/NiceHeadline-Bold.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-bolditalic-sub";
  src: url(fdir/80154859/NiceHeadline-BoldItalic.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xbold-sub";
  src: url(fdir/80154859/NiceHeadline-XBold.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xbolditalic-sub";
  src: url(fdir/80154859/NiceHeadline-XBoldItalic.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xlight-sub";
  src: url(fdir/80154859/NiceHeadline-XLight.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-xlightitalic-sub";
  src: url(fdir/80154859/NiceHeadline-XLightItalic.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-italic-sub";
  src: url(fdir/80154859/NiceHeadline-Italic.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-light-sub";
  src: url(fdir/80154859/NiceHeadline-Light.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-lightitalic-sub";
  src: url(fdir/80154859/NiceHeadline-LightItalic.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-medium-sub";
  src: url(fdir/80154859/NiceHeadline-Medium.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-mediumitalic-sub";
  src: url(fdir/80154859/NiceHeadline-MediumItalic.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceheadline-regular-sub";
  src: url(fdir/80154859/NiceHeadline-Regular.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-black-sub";
  src: url(fdir/80154859/NiceMicro-Black.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-blackitalic-sub";
  src: url(fdir/80154859/NiceMicro-BlackItalic.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-bold-sub";
  src: url(fdir/80154859/NiceMicro-Bold.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-bolditalic-sub";
  src: url(fdir/80154859/NiceMicro-BoldItalic.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xbold-sub";
  src: url(fdir/80154859/NiceMicro-XBold.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xbolditalic-sub";
  src: url(fdir/80154859/NiceMicro-XBoldItalic.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xlight-sub";
  src: url(fdir/80154859/NiceMicro-XLight.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-xlightitalic-sub";
  src: url(fdir/80154859/NiceMicro-XLightItalic.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-italic-sub";
  src: url(fdir/80154859/NiceMicro-Italic.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-light-sub";
  src: url(fdir/80154859/NiceMicro-Light.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-lightitalic-sub";
  src: url(fdir/80154859/NiceMicro-LightItalic.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-medium-sub";
  src: url(fdir/80154859/NiceMicro-Medium.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-mediumitalic-sub";
  src: url(fdir/80154859/NiceMicro-MediumItalic.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicemicro-regular-sub";
  src: url(fdir/80154859/NiceMicro-Regular.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-black-sub";
  src: url(fdir/80154859/NicePoster-Black.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-blackitalic-sub";
  src: url(fdir/80154859/NicePoster-BlackItalic.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-bold-sub";
  src: url(fdir/80154859/NicePoster-Bold.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-bolditalic-sub";
  src: url(fdir/80154859/NicePoster-BoldItalic.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xbold-sub";
  src: url(fdir/80154859/NicePoster-XBold.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xbolditalic-sub";
  src: url(fdir/80154859/NicePoster-XBoldItalic.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xlight-sub";
  src: url(fdir/80154859/NicePoster-XLight.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-xlightitalic-sub";
  src: url(fdir/80154859/NicePoster-XLightItalic.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-italic-sub";
  src: url(fdir/80154859/NicePoster-Italic.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-light-sub";
  src: url(fdir/80154859/NicePoster-Light.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-lightitalic-sub";
  src: url(fdir/80154859/NicePoster-LightItalic.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-medium-sub";
  src: url(fdir/80154859/NicePoster-Medium.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-mediumitalic-sub";
  src: url(fdir/80154859/NicePoster-MediumItalic.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "niceposter-regular-sub";
  src: url(fdir/80154859/NicePoster-Regular.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-black-sub";
  src: url(fdir/80154859/NiceText-Black.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-blackitalic-sub";
  src: url(fdir/80154859/NiceText-BlackItalic.sub.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-bold-sub";
  src: url(fdir/80154859/NiceText-Bold.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-bolditalic-sub";
  src: url(fdir/80154859/NiceText-BoldItalic.sub.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xbold-sub";
  src: url(fdir/80154859/NiceText-XBold.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xbolditalic-sub";
  src: url(fdir/80154859/NiceText-XBoldItalic.sub.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xlight-sub";
  src: url(fdir/80154859/NiceText-XLight.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-xlightitalic-sub";
  src: url(fdir/80154859/NiceText-XLightItalic.sub.woff2) format("woff2");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-italic-sub";
  src: url(fdir/80154859/NiceText-Italic.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-light-sub";
  src: url(fdir/80154859/NiceText-Light.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-lightitalic-sub";
  src: url(fdir/80154859/NiceText-LightItalic.sub.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-medium-sub";
  src: url(fdir/80154859/NiceText-Medium.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-mediumitalic-sub";
  src: url(fdir/80154859/NiceText-MediumItalic.sub.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "nicetext-regular-sub";
  src: url(fdir/80154859/NiceText-Regular.sub.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

/*Universal styles*/
pre.ft-syntax-highlight code span.comment {
  color: rgba(240, 240, 240, 0.3);
  /*font-weight: 200*/
  font-family: camingocode-italic;
}

pre.ft-syntax-highlight code span.url {
  text-decoration: underline;
}

pre.ft-syntax-highlight code span.value {
  color: #f2f2f2;
  font-weight: 300;
}

/*    => syntax theme: one-dark*/
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.boolean,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-constant,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-enum,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-structure,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.null,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.unit {
  color: goldenrod;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-udf {
  color: #3b94d9;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-class,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-sub {
  color: #f8da7b;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-native {
  color: lightseagreen;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.object,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.property {
  color: #96cbfe;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.keyword,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.identifier-namespace {
  color: #d979c4;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.operand,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.url {
  color: MediumTurquoise;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.typecast {
  color: violet;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i] code span.variable {
  color: inherit;
}

/*      => html syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="html" i] code span.identifier {
  color: goldenrod;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="html" i] code span.identifier-native {
  color: #3b94d9;
}

/*      => css syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.at-rule {
  color: violet;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier {
  color: orange;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier-function,
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.property {
  color: #96cbfe;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.identifier-native {
  color: tomato;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.pseudo {
  color: #FCBB7E;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="css" i] code span.variable {
  color: tomato;
}

/*      => php syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax="php" i][data-syntax-theme="one-dark" i] code span.identifier {
  color: tomato;
}

/*      => VB theme: one-dark */
pre.ft-syntax-highlight[data-syntax="vb" i][data-syntax-theme="one-dark" i] code span.identifier-sub {
  color: #3b94d9;
}

/*      => XML syntax theme: one-dark */
pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.attribute {
  color: MediumTurquoise;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.identifier {
  color: #3b94d9;
}

pre.ft-syntax-highlight[data-syntax-theme="one-dark" i][data-syntax="xml" i] code span.identifier-namespace {
  color: coral;
}

.hero-capito {
  background: var(--color-capito);
  padding: 2rem 0;
}

.hero-capito .col {
  position: relative;
}

.hero-capito .hero-capito--name {
  width: 80%;
  margin-bottom: 1rem;
}

.hero-capito .hero-capito--name #capito-letters {
  fill: var(--color-capito-hero);
}

.hero-capito .hero-capito--stroke {
  width: 100%;
  height: 2px;
  background: var(--color-capito-hero);
  margin-bottom: 0.75rem;
}

.hero-capito .hero-capito--wording {
  color: var(--color-capito-hero);
  font-size: 10vw;
  line-height: 1.25em;
}

.hero-capito .hero-capito--wording .wording-one {
  font-family: capito-light;
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hero-capito .hero-capito--wording .wording-two {
  font-family: capito-lightitalic;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.hero-capito .hero-capito--wording .wording-two span:last-of-type {
  flex-grow: 1;
}

.hero-capito .hero-capito--wording .btn {
  border-color: var(--color-capito-hero);
  color: var(--color-capito-hero);
  background: none;
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: none;
}

.hero-capito .hero-capito--badge {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: var(--color-capito-hero);
  background: var(--color-nice-black);
  text-align: center;
  font-family: capito-bolditalic;
  font-size: 0.75rem;
  line-height: 1em;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  display: none;
}

@media only screen and (min-width: 400px) {
  .hero-capito {
    padding: 3rem 0;
  }
}

@media only screen and (min-width: 480px) {
  .hero-capito .hero-capito--wording {
    font-size: 6.5vw;
  }
  .hero-capito .hero-capito--badge {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 700px) {
  .hero-capito .hero-capito--badge {
    width: 80px;
    height: 80px;
    font-size: 0.9rem;
  }
}

@media only screen and (min-width: 900px) {
  .hero-capito {
    padding: 4rem 0;
  }
  .hero-capito .hero-capito--name {
    margin-bottom: 2rem;
  }
  .hero-capito .hero-capito--stroke {
    margin-bottom: 1.5rem;
  }
  .hero-capito .hero-capito--wording {
    font-size: 5vw;
  }
  .hero-capito .hero-capito--wording .btn {
    display: inline-block;
  }
  .hero-capito .hero-capito--badge {
    width: 100px;
    height: 100px;
    font-size: 1.1rem;
  }
}

@media only screen and (min-width: 1400px) {
  .hero-capito {
    padding: 5rem 0;
  }
  .hero-capito .hero-capito--name {
    width: 840px;
    margin-bottom: 2.5rem;
  }
  .hero-capito .hero-capito--wording {
    font-size: 70px;
  }
  .hero-capito .hero-capito--badge {
    width: 120px;
    height: 120px;
    font-size: 1.2rem;
  }
}

body.has-hover .hero-capito .hero-capito--wording .btn:hover {
  border-color: var(--color-header-bg);
  color: var(--color-header-bg);
  background: none;
}

body.hero-animate .hero-capito #mask-c-serif {
  stroke-dasharray: 63;
  stroke-dashoffset: 63;
  -webkit-animation: dashOffset 0.15s ease forwards 0.5s;
          animation: dashOffset 0.15s ease forwards 0.5s;
}

body.hero-animate .hero-capito #mask-c-body {
  stroke-dasharray: 328;
  stroke-dashoffset: 328;
  -webkit-animation: dashOffset 0.78s ease forwards 0.65s;
          animation: dashOffset 0.78s ease forwards 0.65s;
}

body.hero-animate .hero-capito #mask-a-body {
  stroke-dasharray: 224;
  stroke-dashoffset: 224;
  -webkit-animation: dashOffset 0.53s ease forwards 1.43s;
          animation: dashOffset 0.53s ease forwards 1.43s;
}

body.hero-animate .hero-capito #mask-a-bowl {
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  -webkit-animation: dashOffset 0.36s ease forwards 1.96s;
          animation: dashOffset 0.36s ease forwards 1.96s;
}

body.hero-animate .hero-capito #mask-p-body {
  stroke-dasharray: 322;
  stroke-dashoffset: 322;
  -webkit-animation: dashOffset 0.77s ease forwards 2.32s;
          animation: dashOffset 0.77s ease forwards 2.32s;
}

body.hero-animate .hero-capito #mask-p-bowl {
  stroke-dasharray: 234;
  stroke-dashoffset: 234;
  -webkit-animation: dashOffset 0.56s ease forwards 3.09s;
          animation: dashOffset 0.56s ease forwards 3.09s;
}

body.hero-animate .hero-capito #mask-i-body {
  stroke-dasharray: 265;
  stroke-dashoffset: 265;
  -webkit-animation: dashOffset 0.63s ease forwards 3.65s;
          animation: dashOffset 0.63s ease forwards 3.65s;
}

body.hero-animate .hero-capito #mask-t-body {
  stroke-dasharray: 203;
  stroke-dashoffset: 203;
  -webkit-animation: dashOffset 0.48s ease forwards 4.28s;
          animation: dashOffset 0.48s ease forwards 4.28s;
}

body.hero-animate .hero-capito #mask-t-bar {
  stroke-dasharray: 96;
  stroke-dashoffset: 96;
  -webkit-animation: dashOffset 0.23s ease forwards 4.76s;
          animation: dashOffset 0.23s ease forwards 4.76s;
}

body.hero-animate .hero-capito #mask-o {
  stroke-dasharray: 330;
  stroke-dashoffset: 330;
  -webkit-animation: dashOffset 0.79s ease forwards 4.99s;
          animation: dashOffset 0.79s ease forwards 4.99s;
}

body.hero-animate .hero-capito #mask-i-dot {
  stroke-dasharray: 90;
  stroke-dashoffset: 90;
  -webkit-animation: dashOffset 0.21s ease forwards 5.77s;
          animation: dashOffset 0.21s ease forwards 5.77s;
}

body.hero-animate .hero-capito .hero-capito--stroke {
  width: 0;
  -webkit-animation: expandStroke 0.5s ease forwards 6.0s;
          animation: expandStroke 0.5s ease forwards 6.0s;
}

body.hero-animate .hero-capito .wording-one {
  top: 10px;
  opacity: 0;
  -webkit-animation: moveWording 0.5s ease-in-out forwards 6.1s;
          animation: moveWording 0.5s ease-in-out forwards 6.1s;
}

body.hero-animate .hero-capito .wording-two {
  top: 10px;
  opacity: 0;
  -webkit-animation: moveWording 0.5s ease-in-out forwards 6.2s;
          animation: moveWording 0.5s ease-in-out forwards 6.2s;
}

@-webkit-keyframes dashOffset {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dashOffset {
  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes expandStroke {
  to {
    width: 100%;
  }
}

@keyframes expandStroke {
  to {
    width: 100%;
  }
}

@-webkit-keyframes moveWording {
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes moveWording {
  to {
    top: 0;
    opacity: 1;
  }
}

.hero-nice {
  background: var(--color-nice-bg);
  padding: 2rem 0;
}

.hero-nice .col {
  position: relative;
}

.hero-nice .hero-nice--name {
  font-family: niceposter-black;
  font-size: 36vw;
  line-height: 1em;
  margin-bottom: 0.75rem;
}

@supports (font-variation-settings: "wght" 900) {
  .hero-nice .hero-nice--name {
    font-family: nicevar;
    font-variation-settings: 'wght' 900, 'opsz' 60;
  }
}

.hero-nice .hero-nice--name a {
  color: var(--color-capito-hero);
}

.hero-nice .hero-nice--stroke {
  width: 100%;
  height: 2px;
  background: var(--color-capito-hero);
  margin-bottom: 1rem;
}

.hero-nice .hero-nice--wording {
  color: var(--color-capito-hero);
  font-size: 7.5vw;
  line-height: 1.25em;
}

.hero-nice .hero-nice--wording .wording-one {
  font-family: nicemicro-medium;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hero-nice .hero-nice--wording .wording-two {
  font-family: nicemicro-mediumitalic;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.hero-nice .hero-nice--wording .wording-two span:last-of-type {
  flex-grow: 1;
}

.hero-nice .hero-nice--wording .btn {
  border-color: var(--color-capito-hero);
  color: var(--color-capito-hero);
  background: none;
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: none;
}

.hero-nice .hero-nice--badge {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: var(--color-capito-hero);
  background: var(--color-nice-black);
  text-align: center;
  font-family: niceheadline-bolditalic;
  font-size: 1rem;
  line-height: 55px;
  display: none;
}

.hero-nice .hero-nice--badge-ca {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  display: none;
}

.hero-nice .hero-nice--badge-ca .badge-ca-circle {
  fill: var(--color-nice-black);
}

.hero-nice .hero-nice--badge-ca .badge-ca-letters {
  fill: var(--color-capito-hero);
}

@media only screen and (min-width: 400px) {
  .hero-nice {
    padding: 3rem 0;
  }
}

@media only screen and (min-width: 480px) {
  .hero-nice .hero-nice--name {
    font-size: 30vw;
  }
  .hero-nice .hero-nice--wording {
    font-size: 6.5vw;
  }
  .hero-nice .hero-nice--badge {
    display: block;
  }
  .hero-nice .hero-nice--badge-ca {
    display: block;
  }
}

@media only screen and (min-width: 700px) {
  .hero-nice .hero-nice--wording {
    font-size: 6vw;
  }
  .hero-nice .hero-nice--badge {
    width: 80px;
    height: 80px;
    font-size: 1.25rem;
    line-height: 74px;
  }
  .hero-nice .hero-nice--badge-ca {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (min-width: 900px) {
  .hero-nice {
    padding: 4rem 0;
  }
  .hero-nice .hero-nice--name {
    font-size: 26vw;
  }
  .hero-nice .hero-nice--stroke {
    margin-bottom: 2rem;
  }
  .hero-nice .hero-nice--wording {
    font-size: 4.5vw;
  }
  .hero-nice .hero-nice--wording .btn {
    display: inline-block;
  }
  .hero-nice .hero-nice--badge {
    width: 110px;
    height: 110px;
    font-size: 1.5rem;
    line-height: 102px;
  }
  .hero-nice .hero-nice--badge-ca {
    width: 110px;
    height: 110px;
  }
}

@media only screen and (min-width: 1400px) {
  .hero-nice {
    padding: 5rem 0;
  }
  .hero-nice .hero-nice--name {
    font-size: 350px;
    margin-bottom: 1.5rem;
  }
  .hero-nice .hero-nice--wording {
    font-size: 56px;
  }
  .hero-nice .hero-nice--badge {
    width: 150px;
    height: 150px;
    font-size: 2rem;
    line-height: 138px;
  }
  .hero-nice .hero-nice--badge-ca {
    width: 150px;
    height: 150px;
  }
}

body.has-hover .hero-nice .hero-nice--name a:hover {
  color: var(--color-capito-hero);
}

body.has-hover .hero-nice .hero-nice--wording .btn:hover {
  border-color: var(--color-capito-hero);
  color: var(--color-capito-hero);
  background: none;
  opacity: 0.75;
}

.n {
  font-variation-settings: 'wght' 900, 'opsz' 60;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: ntype;
          animation-name: ntype;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.i {
  font-variation-settings: 'wght' 900, 'opsz' 60;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: ntype;
          animation-name: ntype;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.c {
  font-variation-settings: 'wght' 900, 'opsz' 60;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: ntype;
          animation-name: ntype;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.e {
  font-variation-settings: 'wght' 900, 'opsz' 60;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-name: ntype;
          animation-name: ntype;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

@-webkit-keyframes ntype {
  0% {
    font-variation-settings: 'wght' 900, 'opsz' 60;
  }
  5% {
    font-variation-settings: 'wght' 200, 'opsz' 33;
  }
  10% {
    font-variation-settings: 'wght' 900, 'opsz' 6;
  }
  50% {
    font-variation-settings: 'wght' 900, 'opsz' 6;
  }
  55% {
    font-variation-settings: 'wght' 200, 'opsz' 33;
  }
  60% {
    font-variation-settings: 'wght' 900, 'opsz' 60;
  }
}

@keyframes ntype {
  0% {
    font-variation-settings: 'wght' 900, 'opsz' 60;
  }
  5% {
    font-variation-settings: 'wght' 200, 'opsz' 33;
  }
  10% {
    font-variation-settings: 'wght' 900, 'opsz' 6;
  }
  50% {
    font-variation-settings: 'wght' 900, 'opsz' 6;
  }
  55% {
    font-variation-settings: 'wght' 200, 'opsz' 33;
  }
  60% {
    font-variation-settings: 'wght' 900, 'opsz' 60;
  }
}

.hero-camingo {
  background: var(--color-camingo);
  padding: 1.5rem 0;
}

.hero-camingo .col {
  position: relative;
}

.hero-camingo .col .hero-camingo--name {
  font-family: camingodospro-bold;
  font-size: 16vw;
  line-height: 1em;
  margin-bottom: 2.5rem;
  white-space: nowrap;
}

@supports (font-variation-settings: "wght" 900) {
  .hero-camingo .col .hero-camingo--name {
    font-family: camingodosvar;
  }
}

.hero-camingo .col .hero-camingo--name a {
  color: var(--color-camingo-hero);
}

.hero-camingo .col .hero-camingo--stroke {
  width: 100%;
  height: 2px;
  background: var(--color-camingo-hero);
  margin-bottom: 1rem;
}

.hero-camingo .col .hero-camingo--badge {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: var(--color-camingo-hero);
  background: var(--color-header-bg);
  text-align: center;
  font-family: camingodospro-bold;
  font-size: 0.75rem;
  line-height: 1.1em;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  display: none;
}

.hero-camingo .col .hero-camingo--wording {
  color: var(--color-camingo-hero);
  font-size: 10vw;
  line-height: 1.1em;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
}

.hero-camingo .col .hero-camingo--wording .wording-one {
  font-family: camingodosprocd-light;
  display: flex;
}

@supports (font-variation-settings: "wght" 200) {
  .hero-camingo .col .hero-camingo--wording .wording-one {
    font-family: camingodosvar;
    font-variation-settings: 'wght' 350, 'wdth' 60;
  }
}

.hero-camingo .col .hero-camingo--wording .wording-two {
  font-family: camingodosprocd-lightitalic;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

@supports (font-variation-settings: "wght" 200) {
  .hero-camingo .col .hero-camingo--wording .wording-two {
    font-family: camingodosvar-italic;
    font-variation-settings: 'wght' 350, 'wdth' 60;
  }
}

.hero-camingo .col .hero-camingo--wording .wording-two span:last-of-type {
  flex-grow: 1;
}

.hero-camingo .col .hero-camingo--wording .wording-two .btn {
  border-color: var(--color-camingo-hero);
  color: var(--color-camingo-hero);
  background: none;
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: none;
}

@media only screen and (min-width: 480px) {
  .hero-camingo {
    padding: 2rem 0;
  }
  .hero-camingo .col .hero-camingo--name {
    font-size: 14vw;
  }
  .hero-camingo .col .hero-camingo--badge {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hero-camingo .col .hero-camingo--wording {
    font-size: 7vw;
  }
  .hero-camingo .col .hero-camingo--wording .wording-one {
    font-family: camingodosproscd-light;
  }
  @supports (font-variation-settings: "wght" 200) {
    .hero-camingo .col .hero-camingo--wording .wording-one {
      font-family: camingodosvar;
      font-variation-settings: 'wght' 350, 'wdth' 75;
    }
  }
  .hero-camingo .col .hero-camingo--wording .wording-two {
    font-family: camingodosproscd-lightitalic;
  }
  @supports (font-variation-settings: "wght" 200) {
    .hero-camingo .col .hero-camingo--wording .wording-two {
      font-family: camingodosvar-italic;
      font-variation-settings: 'wght' 350, 'wdth' 75;
    }
  }
}

@media only screen and (min-width: 700px) {
  .hero-camingo .col .hero-camingo--name {
    margin-bottom: 3rem;
  }
  .hero-camingo .col .hero-camingo--badge {
    width: 80px;
    height: 80px;
    font-size: 0.9rem;
  }
  .hero-camingo .col .hero-camingo--wording {
    font-size: 5vw;
  }
  .hero-camingo .col .hero-camingo--wording .wording-one {
    font-family: camingodospro-light;
  }
  @supports (font-variation-settings: "wght" 200) {
    .hero-camingo .col .hero-camingo--wording .wording-one {
      font-family: camingodosvar;
      font-variation-settings: 'wght' 350, 'wdth' 100;
    }
  }
  .hero-camingo .col .hero-camingo--wording .wording-two {
    font-family: camingodospro-lightitalic;
  }
  @supports (font-variation-settings: "wght" 200) {
    .hero-camingo .col .hero-camingo--wording .wording-two {
      font-family: camingodosvar-italic;
      font-variation-settings: 'wght' 350, 'wdth' 100;
    }
  }
}

@media only screen and (min-width: 900px) {
  .hero-camingo {
    padding: 3rem 0;
  }
  .hero-camingo .col .hero-camingo--name {
    margin-bottom: 4rem;
  }
  .hero-camingo .col .hero-camingo--wording {
    font-size: 4vw;
    line-height: 1em;
  }
  .hero-camingo .col .hero-camingo--wording .wording-two .btn {
    display: inline-block;
  }
}

@media only screen and (min-width: 1400px) {
  .hero-camingo {
    padding: 4rem 0;
  }
  .hero-camingo .col .hero-camingo--name {
    font-size: 196px;
    margin-bottom: 6rem;
  }
  .hero-camingo .col .hero-camingo--badge {
    width: 100px;
    height: 100px;
    font-size: 18px;
  }
  .hero-camingo .col .hero-camingo--wording {
    font-size: 60px;
    line-height: 1.15em;
  }
  .hero-camingo .col .hero-camingo--wording .wording-one, .hero-camingo .col .hero-camingo--wording .wording-two {
    font-variation-settings: 'wght' 300, 'wdth' 100;
  }
}

body.has-hover .hero-camingo .hero-camingo--wording .btn:hover {
  border-color: var(--color-header-bg);
  color: var(--color-header-bg);
  background: none;
}

.camingo-c {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-a {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-m {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-i {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-n {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-g {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-o1 {
  font-variation-settings: 'wght' 800, 'wdth' 80;
  display: inline-block;
}

.camingo-d {
  font-variation-settings: 'wght' 300, 'wdth' 80;
  display: inline-block;
  letter-spacing: -0.1rem;
}

.camingo-o2 {
  font-variation-settings: 'wght' 300, 'wdth' 80;
  display: inline-block;
  letter-spacing: -0.1rem;
}

.camingo-s {
  font-variation-settings: 'wght' 300, 'wdth' 80;
  display: inline-block;
  letter-spacing: -0.1rem;
}

@-webkit-keyframes tighten1 {
  0% {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -1rem;
    font-variation-settings: 'wght' 800, 'wdth' 100;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.25rem;
    font-variation-settings: 'wght' 800, 'wdth' 50;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 1;
    font-variation-settings: 'wght' 800, 'wdth' 100;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 0rem;
    font-variation-settings: 'wght' 800, 'wdth' 80;
  }
}

@keyframes tighten1 {
  0% {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -1rem;
    font-variation-settings: 'wght' 800, 'wdth' 100;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.25rem;
    font-variation-settings: 'wght' 800, 'wdth' 50;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 1;
    font-variation-settings: 'wght' 800, 'wdth' 100;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 0rem;
    font-variation-settings: 'wght' 800, 'wdth' 80;
  }
}

@-webkit-keyframes tighten2 {
  0% {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    letter-spacing: 2rem;
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 0rem;
    font-variation-settings: 'wght' 300, 'wdth' 100;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.25rem;
    font-variation-settings: 'wght' 300, 'wdth' 50;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 1rem;
    font-variation-settings: 'wght' 300, 'wdth' 100;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.1rem;
    font-variation-settings: 'wght' 300, 'wdth' 80;
  }
}

@keyframes tighten2 {
  0% {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    letter-spacing: 2rem;
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 0rem;
    font-variation-settings: 'wght' 300, 'wdth' 100;
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.25rem;
    font-variation-settings: 'wght' 300, 'wdth' 50;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: 1rem;
    font-variation-settings: 'wght' 300, 'wdth' 100;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    letter-spacing: -0.1rem;
    font-variation-settings: 'wght' 300, 'wdth' 80;
  }
}

body.hero-animate .hero-camingo .camingo-c {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
}

body.hero-animate .hero-camingo .camingo-a {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

body.hero-animate .hero-camingo .camingo-m {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

body.hero-animate .hero-camingo .camingo-i {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

body.hero-animate .hero-camingo .camingo-n {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}

body.hero-animate .hero-camingo .camingo-g {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

body.hero-animate .hero-camingo .camingo-o1 {
  font-variation-settings: 'wght' 800, 'wdth' 100;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten1 0.5s ease-out forwards;
          animation: tighten1 0.5s ease-out forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

body.hero-animate .hero-camingo .camingo-d {
  font-variation-settings: 'wght' 300, 'wdth' 100;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten2 0.5s ease-out forwards;
          animation: tighten2 0.5s ease-out forwards;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

body.hero-animate .hero-camingo .camingo-o2 {
  font-variation-settings: 'wght' 300, 'wdth' 100;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten2 0.5s ease-out forwards;
          animation: tighten2 0.5s ease-out forwards;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

body.hero-animate .hero-camingo .camingo-s {
  font-variation-settings: 'wght' 300, 'wdth' 100;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation: tighten2 0.5s ease-out forwards;
          animation: tighten2 0.5s ease-out forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

body.hero-animate .hero-camingo .hero-camingo--stroke {
  width: 0;
  -webkit-animation: expandStroke 0.25s ease forwards 2.0s;
          animation: expandStroke 0.25s ease forwards 2.0s;
}

body.hero-animate .hero-camingo .wording-one {
  top: 10px;
  opacity: 0;
  -webkit-animation: moveWording 0.25s ease-in-out forwards 2.1s;
          animation: moveWording 0.25s ease-in-out forwards 2.1s;
}

body.hero-animate .hero-camingo .wording-two {
  top: 10px;
  opacity: 0;
  -webkit-animation: moveWording 0.25s ease-in-out forwards 2.2s;
          animation: moveWording 0.25s ease-in-out forwards 2.2s;
}

@keyframes expandStroke {
  to {
    width: 100%;
  }
}

@keyframes moveWording {
  to {
    top: 0;
    opacity: 1;
  }
}

#breakpoints:after {
  position: fixed;
  font-size: 10px;
  line-height: 12px;
  bottom: 0;
  left: 0;
  z-index: 10000;
  content: "0";
  color: red;
  font-weight: 700;
}

@media only screen and (min-width: 360px) {
  #breakpoints:after {
    content: "1";
  }
}

@media only screen and (min-width: 400px) {
  #breakpoints:after {
    content: "2";
  }
}

@media only screen and (min-width: 480px) {
  #breakpoints:after {
    content: "3";
  }
}

@media only screen and (min-width: 700px) {
  #breakpoints:after {
    content: "4";
  }
}

@media only screen and (min-width: 900px) {
  #breakpoints:after {
    content: "5";
  }
}

@media only screen and (min-width: 1400px) {
  #breakpoints:after {
    content: "6";
  }
}

@media only screen and (min-width: 1800px) {
  #breakpoints:after {
    content: "7";
  }
}

/*==================================================================================*/
/*==================================================================================*/
/*     T Y P E     */
/*==================================================================================*/
/*==================================================================================*/
html {
  font-size: 17px;
}

@media only screen and (min-width: 360px) {
  html {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1400px) {
  html {
    font-size: 19px;
  }
}

@media only screen and (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}

body {
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  line-height: 1.45rem;
  color: var(--color-black-100);
  background: var(--color-white);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

::-moz-selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-text);
}

::selection {
  background: var(--color-selection-bg);
  color: var(--color-selection-text);
}

h1, .h1 {
  font-size: 1.777777778rem;
  line-height: 1.125em;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 480px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 900px) {
  h1, .h1 {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

h2, .h2 {
  font-size: 1.333333333rem;
  line-height: 1.25em;
  font-weight: 700;
  margin-bottom: 0;
}

@media only screen and (min-width: 900px) {
  h2, .h2 {
    font-size: 1.444444444rem;
  }
}

h3, .h3 {
  font-size: 1rem;
  line-height: 1.4em;
  font-weight: 700;
}

p + p {
  margin-top: 0.5rem;
}

p + h2, p + .h2 {
  margin-top: 1rem;
}

p + h3, p + .h3 {
  margin-top: 1rem;
}

h2 + p, .h2 + p {
  margin-top: 0;
}

h3 + p, .h3 + p {
  margin-top: 0;
}

strong {
  font-weight: 700;
}

a {
  text-decoration: none;
  color: var(--color-link-text);
}

body.has-hover a:hover {
  color: var(--color-link-hover);
}

p a {
  display: inline-block;
  background: linear-gradient(0deg, transparent, transparent 1px, var(--color-black-100) 0, var(--color-black-100) 2px, transparent 0);
}

p a:hover {
  color: var(--color-link-hover);
  background: linear-gradient(0deg, transparent, transparent 1px, var(--color-link-hover) 0, var(--color-link-hover) 2px, transparent 0);
}

h1 a {
  border-bottom: 2px solid var(--color-link-text);
}

body.has-hover h1 a:hover {
  border-bottom: 2px solid var(--color-link-hover);
}

.link-more:after {
  content: '→';
  margin-left: 0.2rem;
}

.link-external:after {
  content: '↗︎';
  margin-left: 0.2rem;
}

.link-download:before {
  content: '⤓';
  margin-right: 0.2rem;
}

.btn {
  display: inline-block;
  font-weight: 700;
  border-radius: 20px;
  padding: 2px 12px;
  cursor: pointer;
}

.btn.btn--primary {
  color: var(--color-white);
  background: var(--color-black-100);
  border: 2px solid var(--color-black-100);
}

.btn.btn--secondary {
  border: 2px solid var(--color-black-100);
}

.btn.btn--large {
  font-size: 1rem;
  line-height: 28px;
  padding: 4px 18px;
  margin: 0 0.5rem 1rem 0;
}

body.has-hover .btn:hover.btn--primary {
  color: var(--color-white);
  background: var(--color-link-bg);
  border-color: var(--color-link-bg);
}

body.has-hover .btn:hover.btn--secondary {
  border-color: var(--color-link-bg);
}

.btn-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 2px solid var(--color-link-text);
  border-radius: 50%;
  font-weight: 700;
  font-size: 20px;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
}

.btn-circle span {
  display: none;
}

.btn-circle:after {
  display: block;
  width: 36px;
}

.btn-circle.btn-circle--add:after {
  content: "+";
  width: 36px;
  padding-top: 7px;
}

.btn-circle.btn-circle--remove:after {
  content: "−";
  padding-top: 7px;
}

.btn-circle.btn-circle--smaller:after {
  content: "A−";
  font-size: 14px;
  padding-top: 8px;
  padding-left: 1px;
}

.btn-circle.btn-circle--larger:after {
  content: "A+";
  font-weight: 600;
  padding-top: 7px;
  padding-left: 1px;
}

.btn-circle.btn-circle--axis-less:after {
  content: "−";
  padding-top: 7px;
}

.btn-circle.btn-circle--axis-more:after {
  content: "+";
  padding-top: 7px;
}

.btn-circle.btn-circle--close {
  background: var(--color-link-text);
}

.btn-circle.btn-circle--close:after {
  content: "×";
  font-weight: 600;
  color: var(--color-white);
  padding-top: 8px;
}

@media only screen and (min-width: 900px) {
  .btn-circle {
    width: 34px;
    height: 34px;
  }
  .btn-circle:after {
    width: 30px;
  }
  .btn-circle.btn-circle--add:after {
    width: 30px;
    padding-top: 4px;
  }
  .btn-circle.btn-circle--remove {
    width: 24px;
    height: 24px;
  }
  .btn-circle.btn-circle--remove:after {
    width: 20px;
    padding-top: 0px;
    font-size: 16px;
    line-height: 18px;
  }
  .btn-circle.btn-circle--close:after {
    padding-top: 4px;
  }
}

body.has-hover .btn-circle:hover {
  border-color: var(--color-link-hover);
}

body.has-hover .btn-circle:hover.btn-circle--close {
  background: var(--color-link-hover);
}

.btn--remove {
  border-width: 1px !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  padding: 1px 8px 3px 8px;
}

.btn-toggle {
  display: flex;
}

.btn-toggle a {
  display: inline-block;
  background: var(--color-btn-toggle-bg);
  cursor: pointer;
}

.btn-toggle a.active {
  background: var(--color-black-100);
  color: var(--color-white);
}

.btn-toggle li:first-child a {
  border-radius: 20px 0 0 20px;
}

.btn-toggle li:last-child a {
  border-radius: 0 20px 20px 0;
}

body.has-hover .btn-toggle a:hover {
  background: var(--color-black-100);
  color: var(--color-white);
}

.accordion-control {
  cursor: pointer;
}

.accordion-control h2, .accordion-control h3 {
  display: inline-block;
}

.accordion-control:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-left: 0.6rem solid var(--color-link-text);
  margin-left: 0.4rem;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.accordion-control.active:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-control.accordion-control--large {
  display: flex;
  justify-content: space-between;
}

.accordion-control.accordion-control--large:after {
  margin: auto 0;
}

body.has-hover .accordion-control:hover:after {
  border-left: 0.6rem solid var(--color-link-hover);
}

figcaption {
  font-size: 0.888888889rem;
  line-height: 1.35em;
  margin-top: 0.5rem;
  color: var(--color-black-50);
}

@media only screen and (min-width: 480px) {
  figcaption {
    font-size: 1rem;
  }
}

img {
  display: block;
  width: 100%;
}

/*==================================================================================*/
/*==================================================================================*/
/*     F O R M   E L E M E N T S     */
/*==================================================================================*/
/*==================================================================================*/
form {
  background: var(--color-black-5);
  padding: 1rem;
}

input[type='checkbox'] {
  border: 2px solid;
}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.411764706rem;
  background: none;
  border: 2px solid var(--color-black-100);
  color: var(--color-black-100);
  border-radius: 0;
  padding: 0.25rem 0.75rem;
  margin: 0;
  height: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type='text']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--color-black-50);
}

input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='tel']::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-black-50);
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='tel']::placeholder,
textarea::placeholder {
  color: var(--color-black-50);
}

select {
  font-family: Cheers, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.411764706rem;
  border: 2px solid var(--color-black-100);
  color: var(--color-black-100);
  padding: 0.25rem 0.5rem;
  margin: 0;
  height: auto;
  cursor: pointer;
}

.select-container {
  position: relative;
}

.select-container .select-label {
  display: block;
}

.select-container .select-label.select-label--font:after {
  content: "⌵";
  margin-left: 0.2rem;
}

.select-container .select-label.select-label--font.hovered {
  color: var(--color-link-hover);
}

.select-container .select-label.select-label--normal {
  border: 2px solid var(--color-black-100);
  border-radius: 2em;
  padding: 0.25rem 2rem 0.25rem 0.75rem;
  margin: 0 -0.1rem;
  position: relative;
}

.select-container .select-label.select-label--normal:after {
  content: "⌵";
  position: absolute;
  display: block;
  right: 0.75rem;
  top: calc(50% - (1.45rem/2));
}

.select-container .select-label.select-label--normal.hovered {
  color: var(--color-link-hover);
  border-color: var(--color-link-hover);
}

.select-container .js-select {
  opacity: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
  font-size: 1rem;
  width: 100%;
}

input[type='range'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  width: 100%;
  height: 38px;
  margin: 0;
  display: block;
}

input[type='range']:focus {
  outline: none;
}

input[type='range']::-webkit-slider-runnable-track {
  background: var(--color-black-50);
  border: none;
  height: 2px;
  width: 100%;
}

input[type='range']::-moz-range-track {
  background: var(--color-black-50);
  border: none;
  height: 2px;
  width: 100%;
}

input[type='range']::-ms-track {
  background-color: var(--color-black-50);
  border: none;
  height: 2px;
  width: 100%;
}

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 21px;
  width: 21px;
  margin-top: -10px;
  background: var(--color-black-50);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

input[type='range']::-moz-range-thumb {
  height: 21px;
  width: 21px;
  background: var(--color-black-50);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

input[type='range']::-ms-thumb {
  height: 21px;
  width: 21px;
  margin: 0;
  background-color: var(--color-black-50);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

input[type='range']::-moz-focus-outer {
  border: 0;
}

input[type='range']:active::-webkit-slider-thumb {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

input[type='range']:active::-moz-range-thumb {
  transform: scale(0.95);
}

input[type='range']:active::-ms-thumb {
  transform: scale(0.95);
}

@media only screen and (min-width: 1400px) {
  input[type='range'] {
    height: 40px;
  }
}

@media only screen and (min-width: 1800px) {
  input[type='range'] {
    height: 42px;
  }
}

body.has-hover input[type='range']:hover::-webkit-slider-thumb {
  background: var(--color-black-100);
}

body.has-hover input[type='range']:hover::-moz-range-thumb {
  background: var(--color-black-100);
}

body.has-hover input[type='range']:hover::-ms-thumb {
  background-color: var(--color-black-100);
}

/*==================================================================================*/
/*==================================================================================*/
/*     G R I D     */
/*==================================================================================*/
/*==================================================================================*/
.row {
  padding: 0 1.25rem;
  max-width: 1800px;
  margin: 0 auto;
}

@media only screen and (min-width: 360px) {
  .row {
    padding: 0 1.5rem;
  }
}

@media only screen and (min-width: 480px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 900px) {
  .row {
    padding: 0 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .row {
    padding: 0 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .row {
    padding: 0 3rem;
  }
}

.col {
  width: 100%;
  display: block;
}

.overview-header {
  border-bottom: 2px solid var(--color-line);
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}

@media only screen and (min-width: 900px) {
  .overview-header {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .overview-header {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1800px) {
  .overview-header {
    margin-bottom: 4rem;
  }
}

header {
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  background: var(--color-header-bg);
}

header .header-inside {
  position: relative;
}

header .header-inside .logo {
  word-spacing: 0;
  letter-spacing: 0;
  font-size: 0;
  display: block;
  margin-bottom: 1rem;
  height: 32px;
}

header .header-inside .logo svg {
  fill: var(--color-header-text);
}

header .header-inside .logo span {
  display: none;
  vertical-align: top;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-header-text);
}

@media only screen and (min-width: 360px) {
  header {
    padding: 1rem 1.5rem;
  }
}

@media only screen and (min-width: 480px) {
  header {
    margin-bottom: 3rem;
  }
  header .header-inside {
    display: flex;
    justify-content: space-between;
  }
  header .header-inside .logo {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 700px) {
  header .header-inside .logo span {
    display: inline-block;
  }
  header .header-inside .logo span.logo-name {
    margin: 0 0.75rem 0 1rem;
  }
  header .header-inside .logo span.logo-caption {
    display: none;
  }
}

@media only screen and (min-width: 900px) {
  header {
    padding: 1rem 2rem;
    margin-bottom: 4rem;
  }
  header .header-inside .logo span.logo-caption {
    display: inline-block;
  }
}

@media only screen and (min-width: 1400px) {
  header {
    padding: 1rem 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  header {
    margin-bottom: 5rem;
    padding: 1rem 3rem;
  }
}

body.has-hover header .header-inside .logo:hover svg {
  fill: var(--color-header-hover);
}

body.has-hover header .header-inside .logo:hover span {
  color: var(--color-header-hover);
}

.nav-main ul {
  display: flex;
  justify-content: space-between;
}

.nav-main ul a {
  font-size: 14.8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-header-text);
}

.nav-main ul .cart-link {
  position: absolute;
  top: 6px;
  right: 0;
}

.nav-main ul .cart-link svg {
  display: block;
  height: 24px;
  width: 24px;
  fill: var(--color-header-text);
}

.nav-main ul .cart-link .cart-link--text {
  display: none;
}

@media only screen and (min-width: 360px) {
  .nav-main ul a {
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 400px) {
  .nav-main ul {
    justify-content: flex-start;
  }
  .nav-main ul li {
    margin: 0 1rem 0 0;
  }
  .nav-main ul li.cart-link {
    margin-right: 0;
  }
}

@media only screen and (min-width: 480px) {
  .nav-main ul li {
    margin: 0 0 0 1rem;
  }
  .nav-main ul .cart-link {
    position: static;
    padding-top: 0.3125rem;
  }
  .nav-main ul .cart-link svg {
    height: 20px;
    width: 20px;
  }
}

@media only screen and (min-width: 1400px) {
  .nav-main ul li {
    margin: 0 0 0 1.5rem;
  }
}

body.has-hover .nav-main ul a:hover {
  color: var(--color-header-hover);
}

body.has-hover .nav-main ul .cart-link:hover .badge-cart {
  background: var(--color-header-hover);
}

body.has-hover .nav-main ul .cart-link:hover svg {
  fill: var(--color-header-hover);
}

.badge-cart {
  display: none;
  position: absolute;
  right: -12px;
  top: -16px;
  height: 16px;
  padding: 0 0.25rem;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  color: var(--color-header-bg);
  background: var(--color-header-text);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.badge-cart.active {
  display: block;
}

@media only screen and (min-width: 480px) {
  .badge-cart {
    top: -10px;
  }
}

main {
  background: var(--color-white);
  flex-grow: 1;
}

footer {
  padding: 2rem 1.25rem;
  margin-top: 4rem;
  background: var(--color-header-bg);
}

footer a, footer p, footer li {
  color: var(--color-header-text);
}

footer .footer-inside--top {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

footer .footer-inside--top .footer-links {
  margin: 0 2rem 1rem 0;
}

footer .footer-inside--bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .footer-inside--bottom .footer-social {
  display: flex;
  margin-bottom: 1rem;
}

footer .footer-inside--bottom .footer-social li {
  margin-right: 1rem;
  height: 36px;
}

footer .footer-inside--bottom .footer-social li a {
  display: inline-block;
  height: 36px;
}

footer .footer-inside--bottom .footer-social li a svg {
  fill: var(--color-header-text);
}

footer .footer-inside--bottom .footer-theme a {
  margin-top: 1px;
  font-size: 1.2rem;
  line-height: 28px;
  color: var(--color-header-bg);
  background: var(--color-theme-btn-bg);
}

footer .footer-inside--bottom .footer-theme a#btn-toggle--theme-light:after {
  content: '☀';
}

footer .footer-inside--bottom .footer-theme a#btn-toggle--theme-dark:after {
  content: '☾';
}

footer .footer-inside--bottom .footer-theme a.active {
  background: var(--color-header-text);
  color: var(--color-header-bg);
}

footer .footer-inside--bottom .footer-theme a span {
  display: none;
}

@media only screen and (min-width: 360px) {
  footer {
    padding: 2rem 1.5rem;
  }
}

@media only screen and (min-width: 700px) {
  footer .footer-inside--top .footer-links:nth-of-type(2) {
    flex-grow: 1;
  }
  footer .footer-inside--bottom {
    display: flex;
    justify-content: space-between;
  }
  footer .footer-inside--bottom .footer-social {
    order: 3;
    margin-bottom: 0;
  }
  footer .footer-inside--bottom .footer-social li:last-child {
    margin-right: 0;
  }
  footer .footer-inside--bottom .footer-theme {
    order: 2;
  }
  footer .footer-inside--bottom p {
    order: 1;
  }
}

@media only screen and (min-width: 900px) {
  footer {
    padding: 2rem 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  footer {
    padding: 2rem 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  footer {
    padding: 2rem 3rem;
  }
}

body.has-hover footer a:hover {
  color: var(--color-header-hover);
}

body.has-hover footer .footer-inside--bottom .footer-social li a:hover svg {
  fill: var(--color-header-hover);
}

body.has-hover footer .footer-inside--bottom .footer-theme a:hover {
  background: var(--color-header-hover);
  color: var(--color-header-bg);
}

body.has-hover footer .footer-inside--bottom .footer-theme a:hover.active {
  background: var(--color-header-text);
  color: var(--color-header-bg);
}

/*==================================================================================*/
/*==================================================================================*/
/*     H O M E     */
/*==================================================================================*/
/*==================================================================================*/
body.home header {
  margin-bottom: 0;
}

.mission-statement {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mission-statement h1 {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.35em;
}

.mission-statement h1 a {
  white-space: nowrap;
}

@media only screen and (min-width: 480px) {
  .mission-statement h1 {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 700px) {
  .mission-statement {
    width: 660px;
  }
}

@media only screen and (min-width: 900px) {
  .mission-statement {
    width: 760px;
    margin-top: 5rem;
    margin-bottom: 5.5rem;
  }
  .mission-statement h1 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .mission-statement {
    width: 1000px;
    margin-top: 7rem;
    margin-bottom: 7.5rem;
  }
  .mission-statement h1 {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .mission-statement {
    width: 1080px;
  }
}

.home-typefaces-overview {
  margin-bottom: 5rem;
}

.home-typefaces-overview .fontsample {
  position: relative;
  padding: 0.5rem 0;
}

.home-typefaces-overview .fontsample:nth-child(1) {
  border-top: 1px solid var(--color-line);
}

.home-typefaces-overview .badge-type {
  top: 1rem;
}

.home-typefaces-overview .string {
  font-size: 10vw;
  line-height: 1.5em;
  color: var(--color-black-100);
}

.home-typefaces-overview .caption {
  color: var(--color-black-50);
  display: inline-block;
}

.home-typefaces-overview .home-type-more {
  border-bottom: 1px solid var(--color-line);
  padding: 1.225rem 0;
  display: flex;
}

.home-typefaces-overview .home-type-more a {
  font-size: 7.5vw;
  font-weight: 700;
  padding-top: 4%;
  width: 100%;
}

.home-typefaces-overview .home-type-more .string {
  visibility: hidden;
}

@media only screen and (min-width: 480px) {
  .home-typefaces-overview .home-type-more a {
    padding-top: 5%;
  }
}

@media only screen and (min-width: 700px) {
  .home-typefaces-overview .fontsample, .home-typefaces-overview .home-type-more {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 6) + ( var(--gutter-width) * (6 - 1 ) ));
  }
  .home-typefaces-overview .fontsample:nth-child(2) {
    border-top: 1px solid var(--color-line);
  }
  .home-typefaces-overview .string {
    font-size: 5vw;
  }
  .home-typefaces-overview .home-type-more a {
    font-size: 3vw;
    padding-top: 3.5%;
  }
}

@media only screen and (min-width: 900px) {
  .home-typefaces-overview {
    margin-bottom: 6rem;
  }
  .home-typefaces-overview .home-type-more a {
    padding-top: 5%;
  }
}

@media only screen and (min-width: 1400px) {
  .home-typefaces-overview {
    margin-bottom: 8rem;
  }
}

@media only screen and (min-width: 1800px) {
  .home-typefaces-overview .string {
    font-size: 90px;
  }
  .home-typefaces-overview .home-type-more a {
    font-size: 54px;
    padding-top: 5.5%;
  }
}

/*==================================================================================*/
/*==================================================================================*/
/*     T Y P E F A C E S     */
/*==================================================================================*/
/*==================================================================================*/
.badge-type {
  display: block;
  position: absolute;
  z-index: 1;
  right: -2px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
  color: var(--color-white);
  background: var(--color-black-100);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media only screen and (min-width: 480px) {
  .badge-type {
    width: 38px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1400px) {
  .badge-type {
    width: 44px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
  }
}

.loader {
  width: 32px;
  height: 32px;
}

.loader.loader-active {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fontsample {
  border-bottom: 1px solid var(--color-line);
}

.fontsample .fontsample-string {
  position: relative;
}

.fontsample .fontsample-string .badge-type {
  top: 0;
}

.fontsample .fontsample-string .loader {
  position: absolute;
  left: 50%;
  top: calc(50% - 16px);
}

.fontsample .fontsample-caption {
  display: flex;
  flex-wrap: wrap;
}

.fontsample .fontsample-caption h2 {
  color: var(--color-black-50);
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 0.25rem;
}

.fontsample .fontsample-caption .select-label {
  color: var(--color-black-50);
  font-size: 1rem;
  line-height: 1.5rem;
}

.fontsample .fontsample-caption .select-label.hovered {
  color: var(--color-black-100);
}

@media only screen and (min-width: 900px) {
  .fontsample .fontsample-string .badge-type {
    top: -0.5rem;
  }
}

@media only screen and (min-width: 1400px) {
  .fontsample .fontsample-string .badge-type {
    top: -1rem;
  }
}

.fontsample-string .string {
  line-height: 1.15em;
  color: var(--color-black-100);
}

.fontsample-string .string.string-text {
  font-size: 5vw;
  line-height: 1.35em;
}

.fontsample-string .string.string-subhead {
  font-size: 7.5vw;
  line-height: 1.25em;
}

.fontsample-string .string.string-display {
  font-size: 13.5vw;
  line-height: 1.2em;
}

.fontsample-string .string.string-poster {
  font-size: 19vw;
  line-height: 1.15em;
}

@media only screen and (min-width: 480px) {
  .fontsample-string .string.string-text {
    font-size: 4.5vw;
  }
}

@media only screen and (min-width: 700px) {
  .fontsample-string .string.string-text {
    font-size: 2.5vw;
  }
  .fontsample-string .string.string-subhead {
    font-size: 3.5vw;
  }
  .fontsample-string .string.string-display {
    font-size: 7vw;
  }
  .fontsample-string .string.string-poster {
    font-size: 20.2vw;
  }
}

@media only screen and (min-width: 900px) {
  .fontsample-string .string.string-text {
    font-size: 2vw;
  }
  .fontsample-string .string.string-subhead {
    font-size: 3.25vw;
  }
}

@media only screen and (min-width: 1400px) {
  .fontsample-string .string.string-text {
    font-size: 1.75vw;
  }
  .fontsample-string .string.string-subhead {
    font-size: 3vw;
  }
}

@media only screen and (min-width: 1800px) {
  .fontsample-string .string.string-text {
    font-size: 32px;
  }
  .fontsample-string .string.string-subhead {
    font-size: 56px;
  }
  .fontsample-string .string.string-display {
    font-size: 126px;
  }
  .fontsample-string .string.string-poster {
    font-size: 364px;
  }
}

.fontLoadError {
  display: none;
  font-size: 1.5rem;
  line-height: 1em;
  margin: 1rem 0;
  color: var(--color-notice);
}

.overview-header--typefaces h1 {
  display: none;
}

.overview-header--typefaces .type-overview-controls {
  display: flex;
  justify-content: space-between;
}

.overview-header--typefaces .type-overview-controls .controls-large {
  display: none;
}

.overview-header--typefaces .type-overview-controls .controls-small {
  display: flex;
  margin-left: 0.5rem;
}

.overview-header--typefaces .type-overview-controls .controls-small li:last-child {
  margin-left: 0.5rem;
}

@media only screen and (min-width: 480px) {
  .overview-header--typefaces {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  .overview-header--typefaces h1 {
    display: block;
  }
}

@media only screen and (min-width: 700px) {
  .overview-header--typefaces .type-overview-controls #type-overview--text {
    width: 11rem;
  }
  .overview-header--typefaces .type-overview-controls .controls-large {
    display: block;
    margin-left: 1rem;
    width: 10rem;
  }
  .overview-header--typefaces .type-overview-controls .controls-small {
    display: none;
  }
}

.typefaces-overview .fontsample {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.typefaces-overview .fontsample .fontsample-string {
  display: block;
  margin-bottom: 0.5rem;
}

.typefaces-overview .fontsample .string {
  display: none;
}

.typefaces-overview .fontsample .fontsample-caption h2 {
  font-weight: 700;
}

@media only screen and (min-width: 900px) {
  .typefaces-overview .fontsample {
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .typefaces-overview .fontsample .fontsample-string {
    margin-bottom: 0.75rem;
  }
}

@media only screen and (min-width: 1400px) {
  .typefaces-overview .fontsample {
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
  }
  .typefaces-overview .fontsample .fontsample-string {
    margin-bottom: 1rem;
  }
}

body.has-hover .typefaces-overview .fontsample .fontsample-string:hover .string {
  color: var(--color-link-hover);
}

.overview-header--typefamily h1 {
  margin-bottom: 0;
}

.overview-header--typefamily .nav-typefamily {
  display: flex;
  align-items: baseline;
  margin-top: 1rem;
}

.overview-header--typefamily .nav-typefamily .nav-typefamily--links {
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.overview-header--typefamily .nav-typefamily .nav-typefamily--links::-webkit-scrollbar {
  display: none;
}

.overview-header--typefamily .nav-typefamily .nav-typefamily--links ul {
  display: flex;
  font-weight: 600;
  white-space: nowrap;
}

.overview-header--typefamily .nav-typefamily .nav-typefamily--links ul li {
  margin-right: 0.75rem;
}

.overview-header--typefamily .nav-typefamily .nav-typefamily--links ul li:last-child {
  margin-right: 0;
}

.overview-header--typefamily .nav-typefamily .btn {
  margin-left: 0.75rem;
  white-space: nowrap;
}

@media only screen and (min-width: 900px) {
  .overview-header--typefamily {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 2.5rem;
  }
  .overview-header--typefamily h1 {
    margin-right: 1rem;
  }
  .overview-header--typefamily .nav-typefamily .nav-typefamily--links {
    overflow-x: auto;
  }
  .overview-header--typefamily .nav-typefamily .nav-typefamily--links ul li {
    margin-right: 1rem;
  }
}

@media only screen and (min-width: 1800px) {
  .overview-header--typefamily {
    margin-bottom: 3.5rem;
  }
}

.typefamily-tester {
  margin-bottom: 1.5rem;
}

.typefamily-tester .fontsample {
  position: relative;
  border: none;
  margin: 0 -0.75rem 0.75rem -0.75rem;
  width: calc(100% + 1.5rem);
  padding: 0 0.75rem 0.5rem 0.75rem;
}

.typefamily-tester .fontsample .fontsample-controls .controls {
  display: none;
}

.typefamily-tester .fontsample .fontsample-controls .controls-large {
  display: none;
}

.typefamily-tester .fontsample .fontsample-string {
  margin-bottom: 0.25rem;
}

.typefamily-tester .fontsample .fontsample-string .string {
  display: none;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
}

.typefamily-tester .fontsample .fontsample-caption h2 {
  font-weight: 400;
}

.typefamily-tester .fontsample.fonttest-active {
  background: var(--color-black-5);
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls {
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  z-index: 1;
  background: var(--color-black-5);
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls .controls-small {
  text-align: right;
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls .controls-small .controls {
  height: 56px;
  padding: 6px;
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls .controls-small .controls ul {
  display: flex;
  justify-content: flex-end;
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls .controls-small .controls ul li {
  margin-left: 0.5rem;
}

.typefamily-tester .fontsample.fonttest-active .fontsample-controls .controls-small .controls ul li:last-child {
  margin-left: 1rem;
}

@media only screen and (min-width: 480px) {
  .typefamily-tester .fontsample {
    margin: 0 -1rem 1rem -1rem;
    width: calc(100% + 2rem);
    padding: 0 1rem 0.75rem 1rem;
  }
}

@media only screen and (min-width: 700px) {
  .typefamily-tester .fontsample {
    margin: 0 -1rem 0.5rem -1rem;
  }
}

@media only screen and (min-width: 900px) {
  .typefamily-tester .fontsample {
    margin: 0 -1rem 1rem -1rem;
  }
  .typefamily-tester .fontsample .fontsample-controls .controls-small {
    display: none;
  }
  .typefamily-tester .fontsample .fontsample-controls .controls-large {
    display: block;
  }
  .typefamily-tester .fontsample.fonttest-active .fontsample-controls {
    top: -46px;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls {
    display: flex !important;
    height: 46px;
    padding: 6px 1rem 6px 1rem;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .controls-features {
    display: flex;
    flex-grow: 1;
    padding-top: 4px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .controls-features::-webkit-scrollbar {
    display: none;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .controls-features li {
    margin-right: 0.5rem;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .controls-features ul:last-of-type {
    display: flex;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
    background: var(--color-black-20);
    padding: 0 8px;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features[data-feature="onum"], .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features[data-feature="pnum"] {
    border-radius: 20px 0 0 20px;
    margin-right: -0.5rem;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features[data-feature="lnum"], .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features[data-feature="tnum"] {
    border-radius: 0 20px 20px 0;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .btn-ctrl--features.active {
    background: var(--color-black-100);
    color: var(--color-white);
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .has-dflt-figures .btn-ctrl--features[data-feature="onum"] {
    border-radius: 20px;
    margin-right: 0;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .has-dflt-figures .btn-ctrl--features[data-feature="lnum"] {
    border-radius: 20px;
  }
  .typefamily-tester .fontsample.fonttest-active .controls-large .controls .controls-size {
    width: 200px;
    margin: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (min-width: 1400px) {
  .typefamily-tester .fontsample .fontsample-string {
    margin-bottom: 0.5rem;
  }
}

.fontsample-variable {
  text-rendering: auto;
}

.fontsample-variable .fontsample-caption {
  align-items: baseline;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--color-line);
}

.fontsample-variable .fontsample-caption h2, .fontsample-variable .fontsample-caption .select-container {
  margin-bottom: 0.5rem;
  margin-right: 2rem;
}

.fontsample-variable .fontsample-caption .variable-controls {
  display: flex;
  flex-wrap: wrap;
}

.fontsample-variable .fontsample-caption .variable-controls .controls-axis {
  display: flex;
  align-items: center;
}

.fontsample-variable .fontsample-caption .variable-controls .controls-axis label {
  white-space: nowrap;
  margin-right: 0.5rem;
  color: var(--color-black-50);
}

.fontsample-variable .fontsample-caption .variable-controls .controls-axis .slide-ctrl--axis {
  width: 150px;
  margin-right: 2rem;
}

@media only screen and (min-width: 480px) {
  .fontsample-variable .fontsample-caption {
    padding-bottom: 2rem;
  }
}

@media only screen and (min-width: 900px) {
  .fontsample-variable .fontsample-caption .variable-controls .controls-axis .slide-ctrl--axis {
    width: 200px;
  }
}

@media only screen and (min-width: 1400px) {
  .fontsample-variable .fontsample-caption h2 {
    margin-right: 3rem;
  }
  .fontsample-variable .fontsample-caption .variable-controls .slide-ctrl--axis {
    margin-right: 3rem;
  }
}

body.has-hover .typefamily-tester .btn-ctrl--features:hover {
  background: var(--color-black-50) !important;
  color: var(--color-white);
}

body.has-hover .typefamily-tester .btn-ctrl--features.active:hover {
  background: var(--color-black-100) !important;
}

.code-container {
  margin-bottom: 1.25rem;
}

.code-container .code-items {
  background: #292c2e;
  color: #f2f2f2;
  height: calc(14 * 1.45rem);
  overflow: scroll;
  scrollbar-width: none;
  padding: 0 1.45rem;
  font-family: camingocode-regular;
  margin-bottom: 0.25rem;
}

.code-container .code-items::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 480px) {
  .code-container {
    margin-bottom: 1.75rem;
  }
}

@media only screen and (min-width: 700px) {
  .code-container .code-items {
    padding: 0 2.45rem;
  }
}

@media only screen and (min-width: 1400px) {
  .code-container .code-items {
    margin-bottom: 0.5rem;
  }
}

.typefamily-styles {
  padding-bottom: 1.5rem;
}

.typefamily-styles .col:first-child {
  padding-top: 1rem;
  border-top: 2px solid var(--color-line);
}

.typefamily-styles h2 {
  margin-bottom: 1rem;
}

.typefamily-styles .stylegroups {
  overflow: auto;
}

.typefamily-styles .stylegroups .stylegroup {
  float: left;
  margin: 0 1.5rem 1.5rem 0;
}

.typefamily-styles .stylegroups .stylegroup .fontsample {
  border-bottom: none;
}

.typefamily-styles .stylegroups .stylegroup .string {
  font-size: 6vw;
  line-height: 1.3em;
  color: var(--color-black-100);
}

.typefamily-styles .stylegroups .stylegroup:nth-child(2n+1) {
  clear: left;
}

@media only screen and (min-width: 480px) {
  .typefamily-styles h2 {
    margin-bottom: 1.5rem;
  }
  .typefamily-styles .stylegroups .stylegroup {
    margin: 0 2.5rem 1.5rem 0;
  }
}

@media only screen and (min-width: 700px) {
  .typefamily-styles .col:first-child {
    padding-top: 1.25rem;
  }
  .typefamily-styles .stylegroups .stylegroup {
    margin: 0 3.5rem 2rem 0;
  }
  .typefamily-styles .stylegroups .stylegroup .string {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 900px) {
  .typefamily-styles h2 {
    margin-bottom: 2rem;
  }
  .typefamily-styles .stylegroups .stylegroup {
    margin: 0 4rem 2.5rem 0;
  }
}

@media only screen and (min-width: 1400px) {
  .typefamily-styles .col:first-child {
    padding-top: 1.5rem;
  }
  .typefamily-styles h2 {
    margin-bottom: 3rem;
  }
  .typefamily-styles .stylegroups .stylegroup {
    margin: 0 5rem 3rem 0;
  }
}

.typefamily-about {
  background: var(--color-black-5);
  margin-bottom: 2.5rem;
}

.typefamily-about .row {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.typefamily-about .row .typefamily-about--text {
  margin-bottom: 2rem;
}

.typefamily-about .row .typefamily-about--text .glyph {
  background: var(--color-black-5);
  padding: 0 0.25rem;
  border-radius: 4px;
}

.typefamily-about .row .typefamily-about--text .typefamily-related-family {
  margin-top: 2rem;
}

.typefamily-about .row .typefamily-about--text .typefamily-related-family a {
  border-bottom: none;
  font-size: 1.3rem;
  line-height: 1.45em;
}

.typefamily-about .row .typefamily-about--info h3 {
  margin-bottom: 1rem;
}

.typefamily-about .row .typefamily-about--info ul {
  margin-bottom: 1rem;
}

.typefamily-about .row .typefamily-about--info p {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 480px) {
  .typefamily-about {
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 900px) {
  .typefamily-about {
    margin-bottom: 4rem;
  }
  .typefamily-about .row {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .typefamily-about .row .typefamily-about--text {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 7) + ( var(--gutter-width) * (7 - 1 ) ));
    margin-bottom: 0;
  }
  .typefamily-about .row .typefamily-about--info {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 4) + ( var(--gutter-width) * (4 - 1 ) ));
  }
}

.typefamily-glyphs .col {
  border-top: 2px solid var(--color-line);
  border-bottom: 2px solid var(--color-line);
  position: relative;
}

.typefamily-glyphs .col .accordion-control {
  padding: 1rem 0;
}

.typefamily-glyphs .col .loader {
  position: absolute;
  left: 50%;
  top: 1rem;
}

.typefamily-glyphs .col .loader img {
  width: auto;
}

.typefamily-glyphs .select-container {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.typefamily-glyphs .glyphmap {
  display: none;
}

.typefamily-glyphs .glyphmap h3 {
  margin-bottom: 0.5rem;
}

.typefamily-glyphs .glyphmap ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px 1.5rem -2px;
}

.typefamily-glyphs .glyphmap ul:last-child {
  margin-bottom: 2rem;
}

.typefamily-glyphs .glyphmap ul li {
  width: calc(100%/8);
  padding-top: calc(100%/8);
  position: relative;
  border: 1px solid var(--color-white);
  background: var(--color-black-5);
}

.typefamily-glyphs .glyphmap ul li div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.typefamily-glyphs .glyphmap ul li div span {
  display: block;
  text-align: center;
  font-size: 6vw;
  color: var(--color-black-100);
}

@media only screen and (min-width: 480px) {
  .typefamily-glyphs .glyphmap ul li {
    width: calc(100%/10);
    padding-top: calc(100%/10);
  }
  .typefamily-glyphs .glyphmap ul li div span {
    font-size: 5vw;
  }
}

@media only screen and (min-width: 700px) {
  .typefamily-glyphs .col .accordion-control {
    padding: 1.25rem 0;
  }
  .typefamily-glyphs .col .loader {
    top: 1.25rem;
  }
  .typefamily-glyphs .glyphmap ul li {
    width: calc(100%/12);
    padding-top: calc(100%/12);
  }
  .typefamily-glyphs .glyphmap ul li div span {
    font-size: 4vw;
  }
}

@media only screen and (min-width: 900px) {
  .typefamily-glyphs .glyphmap ul {
    margin: 0 -2px 2rem -2px;
  }
  .typefamily-glyphs .glyphmap ul li {
    width: calc(100%/15);
    padding-top: calc(100%/15);
  }
  .typefamily-glyphs .glyphmap ul li div span {
    font-size: 3vw;
  }
}

@media only screen and (min-width: 1400px) {
  .typefamily-glyphs .col .accordion-control {
    padding: 1.5rem 0;
  }
  .typefamily-glyphs .col .loader {
    top: 1.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .typefamily-glyphs .col .loader {
    top: 1.6rem;
  }
  .typefamily-glyphs .glyphmap ul {
    margin: 0 -2px 3rem -2px;
  }
  .typefamily-glyphs .glyphmap ul li {
    width: calc(100%/18);
    padding-top: calc(100%/18);
  }
  .typefamily-glyphs .glyphmap ul li div span {
    font-size: 48px;
  }
}

.typefamily-languages .col {
  border-bottom: 2px solid var(--color-line);
}

.typefamily-languages .accordion-control {
  padding: 1rem 0;
}

.typefamily-languages ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 480px) {
  .typefamily-languages ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

@media only screen and (min-width: 700px) {
  .typefamily-languages .accordion-control {
    padding: 1.25rem 0;
  }
  .typefamily-languages ul {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

@media only screen and (min-width: 900px) {
  .typefamily-languages ul {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
  }
}

@media only screen and (min-width: 1400px) {
  .typefamily-languages .accordion-control {
    padding: 1.5rem 0;
  }
  .typefamily-languages ul {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
  }
}

.typefamily-related-content .col:first-child {
  padding-top: 1rem;
}

.typefamily-related-content h2:first-child {
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 700px) {
  .typefamily-related-content .col:first-child {
    padding-top: 1.25rem;
  }
}

@media only screen and (min-width: 1400px) {
  .typefamily-related-content .col:first-child {
    padding-top: 1.5rem;
  }
}

.fontsample-hint {
  opacity: 0;
}

/*==================================================================================*/
/*==================================================================================*/
/*     B U Y     */
/*==================================================================================*/
/*==================================================================================*/
.distribution-note p {
  margin-bottom: 1rem;
}

.noscroll {
  overflow: hidden;
}

/*==================================================================================*/
/*==================================================================================*/
/*     T R I A L     */
/*==================================================================================*/
/*==================================================================================*/
.trial-font-charset {
  font-weight: 600;
  background: var(--color-black-5);
  padding: 1rem;
}

.trial-font-list li {
  padding-left: 0 !important;
}

.trial-font-list li:before {
  content: "" !important;
}

.trial-font-list li a {
  border-bottom: none;
  font-size: 1.3rem;
  line-height: 1.45em;
}

.form-trial form {
  margin-top: 1rem;
  padding: 1rem 1rem 1.5rem 1rem;
  max-width: 580px;
}

.form-trial form .Inputfield_form_trial_request_license .pw-no-select a {
  display: inline-block;
  background: linear-gradient(0deg, transparent, transparent 1px, var(--color-black-100) 0, var(--color-black-100) 2px, transparent 0);
}

.form-trial form .Inputfield_form_trial_request_license .pw-no-select a:hover {
  color: var(--color-link-hover);
  background: linear-gradient(0deg, transparent, transparent 1px, var(--color-link-hover) 0, var(--color-link-hover) 2px, transparent 0);
}

.FormBuilder .alert-success {
  background: var(--color-success);
  color: var(--color-white);
}

.FormBuilder .alert-error {
  background: var(--color-notice);
  color: var(--color-white);
}

.FormBuilder .input-error {
  color: var(--color-notice) !important;
  font-size: 1rem !important;
}

/*==================================================================================*/
/*==================================================================================*/
/*     O V E R V I E W     */
/*==================================================================================*/
/*==================================================================================*/
.teaser {
  margin-bottom: 1.5rem;
  position: relative;
}

.teaser img {
  margin-bottom: 0.25rem;
  transition: opacity 0.25s;
}

.teaser span {
  display: inline-block;
  margin-right: 0.5rem;
}

.teaser h2 {
  display: inline-block;
}

.teaser .badge-type {
  right: -16px;
  top: -16px;
  margin-right: 0;
}

@media only screen and (min-width: 480px) {
  .teaser .badge-type {
    right: -19px;
    top: -19px;
  }
}

@media only screen and (min-width: 700px) {
  .teaser {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 6) + ( var(--gutter-width) * (6 - 1 ) ));
  }
}

@media only screen and (min-width: 900px) {
  .teaser {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .teaser {
    margin-bottom: 2.5rem;
  }
  .teaser img {
    margin-bottom: 0.5rem;
  }
  .teaser .badge-type {
    right: -22px;
    top: -22px;
  }
}

@media only screen and (min-width: 1800px) {
  .teaser {
    margin-bottom: 3rem;
  }
}

body.has-hover .teaser:hover img {
  opacity: 0.85;
}

.teaser-custom {
  background: #efea52;
  color: black;
  padding: 1rem;
  margin-bottom: 2rem;
}

.teaser-custom .teaser-custom--img {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem 0;
}

.teaser-custom .teaser-custom--img svg {
  display: block;
  width: 75%;
}

@media only screen and (min-width: 360px) {
  .teaser-custom {
    padding: 1.5rem;
  }
  .teaser-custom .teaser-custom--img {
    margin: 1rem 0 2rem 0;
  }
}

@media only screen and (min-width: 700px) {
  .teaser-custom {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
  }
  .teaser-custom .teaser-custom--img {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 6) + ( var(--gutter-width) * (6 - 1 ) ));
  }
  .teaser-custom .teaser-custom--text {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 6) + ( var(--gutter-width) * (6 - 1 ) ));
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media only screen and (min-width: 900px) {
  .teaser-custom {
    margin-bottom: 2.5rem;
    padding: 2.5rem;
  }
}

@media only screen and (min-width: 1400px) {
  .teaser-custom {
    margin-bottom: 3rem;
    padding: 3.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .teaser-custom {
    margin-bottom: 3.5rem;
    padding: 4rem;
  }
}

body.has-hover .teaser-custom:hover {
  background: rgba(239, 234, 82, 0.9);
  color: rgba(0, 0, 0, 0.75);
}

body.has-hover .teaser-custom:hover img {
  opacity: 0.9;
}

/*==================================================================================*/
/*==================================================================================*/
/*     A R T I C L E     */
/*==================================================================================*/
/*==================================================================================*/
.article--hero {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 480px) {
  .article--hero {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 900px) {
  .article--hero {
    margin-bottom: 2.5rem;
  }
}

.article {
  position: relative;
  max-width: 680px;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.article h2, .article h3 {
  -webkit-hyphens: none;
          hyphens: none;
}

.article .bread {
  font-size: 0.888888889rem;
}

.article .subhead {
  font-weight: 600;
  -webkit-hyphens: none;
          hyphens: none;
}

.article p, .article ul, .article h2 {
  margin-bottom: 1rem;
}

.article blockquote {
  background: var(--color-black-5);
  padding: 1rem;
  margin-bottom: 1rem;
}

.article blockquote p {
  margin: 0;
  padding-left: 3rem;
  position: relative;
  -webkit-hyphens: none;
          hyphens: none;
}

.article blockquote p:before {
  content: "“";
  position: absolute;
  top: 1rem;
  left: 0;
  font-size: 3.5rem;
  font-weight: 700;
  color: var(--color-black-20);
}

.article .glyph {
  background: var(--color-black-5);
  padding: 0 0.25rem;
  border-radius: 4px;
}

.article img, .article figure {
  margin: 1.5rem 0;
}

.article img img, .article figure img {
  margin: 0;
}

.article li {
  padding-left: 1rem;
  position: relative;
}

.article li:before {
  content: "•";
  font-weight: 700;
  position: absolute;
  left: 0;
}

@media only screen and (min-width: 480px) {
  .article p, .article ul {
    margin-bottom: 1.5rem;
  }
  .article blockquote {
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .article img, .article figure {
    margin: 2rem 0;
  }
  .article img img, .article figure img {
    margin: 0;
  }
  .article h3, .article li, .article p:not(.subhead) {
    font-size: 1.1rem;
    line-height: 1.45em;
  }
  .article .bread {
    font-size: 1rem;
  }
  .article .subhead {
    font-size: 1.1rem;
    line-height: 1.45em;
  }
}

@media only screen and (min-width: 700px) {
  .article .large-image {
    width: calc( 100vw - 3rem);
    margin-left: calc( ( ( 100vw - ( 680px - 1.5rem ) ) / -2 ) + 0.75rem);
  }
}

@media only screen and (min-width: 900px) {
  .article {
    max-width: none;
    width: 730px;
  }
  .article .large-image {
    width: calc( ( 730px - 4rem ) + ( ( 100vw - ( 730px - 4rem ) ) / 2 ));
    margin-left: calc( ( 100vw - ( 730px - 4rem ) ) / -4);
  }
}

@media only screen and (min-width: 1400px) {
  .article {
    width: 800px;
  }
  .article img, .article figure {
    margin: 2.5rem 0;
  }
  .article img img, .article figure img {
    margin: 0;
  }
  .article .large-image {
    width: calc( ( 820px - 5rem ) + ( ( 100vw - ( 820px - 5rem ) ) / 2 ));
    margin-left: calc( ( 100vw - ( 820px - 5rem ) ) / -4);
  }
}

@media only screen and (min-width: 1800px) {
  .article {
    width: 860px;
  }
  .article .large-image {
    width: 1320px;
    margin-left: calc( ( (1320px - 880px) / -2) - 3rem);
  }
}

.indent-left {
  font-weight: 700;
}

@media only screen and (min-width: 900px) {
  .indent-left {
    position: absolute;
    left: -1rem;
  }
}

.indent-zero {
  font-weight: 700;
}

@media only screen and (min-width: 900px) {
  .indent-zero {
    position: absolute;
    left: 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .indent-zero {
    left: 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .indent-zero {
    left: 3rem;
  }
}

@media only screen and (min-width: 900px) {
  .indent-right {
    padding-left: 3.5rem;
  }
}

/*==================================================================================*/
/*==================================================================================*/
/*     I N   U S E     */
/*==================================================================================*/
/*==================================================================================*/
.overview-header--gallery h1 {
  display: none;
}

@media only screen and (min-width: 480px) {
  .overview-header--gallery {
    display: flex;
    justify-content: space-between;
  }
  .overview-header--gallery h1 {
    display: block;
  }
}

.gallery-gutter-sizer {
  width: var(--gutter-width);
}

.gallery-item img {
  margin-bottom: 0.25rem;
  transition: opacity 0.25s;
}

.gallery-item h2 {
  display: inline-block;
  margin-right: 0.5rem;
}

.gallery-item span {
  display: inline-block;
}

@media only screen and (min-width: 700px) {
  .gallery-item {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 6) + ( var(--gutter-width) * (6 - 1 ) ));
  }
}

@media only screen and (min-width: 1400px) {
  .gallery-item {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 4) + ( var(--gutter-width) * (4 - 1 ) ));
  }
  .gallery-item img {
    margin-bottom: 0.5rem;
  }
}

body.has-hover .gallery-item:hover img {
  opacity: 0.85;
}

/*==================================================================================*/
/*==================================================================================*/
/*     F A Q     */
/*==================================================================================*/
/*==================================================================================*/
.faq .faq-nav {
  display: none;
}

.faq .faq-items h1 {
  margin-bottom: 2rem;
}

.faq .faq-items h2 {
  margin-bottom: 0.75rem;
}

.faq .faq-items .faq-item {
  max-width: 680px;
  margin-bottom: 0.75rem;
}

.faq .faq-items .faq-item .accordion-control {
  font-weight: 600;
}

.faq .faq-items .faq-item .accordion-item {
  padding: 0.5rem 0 1rem 0;
}

.faq .faq-items .faq-item + h2 {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 900px) {
  .faq .faq-nav {
    display: block;
    margin-top: 4.9rem;
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 2) + ( var(--gutter-width) * (2 - 1 ) ));
  }
  .faq .faq-nav ul {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 1rem;
  }
  .faq .faq-nav ul li {
    margin-bottom: 0.25rem;
  }
  .faq .faq-items {
    width: calc( ((100% - 11 * var(--gutter-width)) / 12 * 10) + ( var(--gutter-width) * (10 - 1 ) ));
  }
  .faq .faq-items h1 {
    margin-bottom: 2.5rem;
  }
  .faq .faq-items h2 {
    font-size: 1.6rem;
  }
  .faq .faq-items .faq-item {
    max-width: 680px;
    margin-bottom: 1rem;
  }
  .faq .faq-items .faq-item + h2 {
    margin-top: 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .faq .faq-nav {
    margin-top: 5rem;
  }
  .faq .faq-items .faq-item {
    max-width: 720px;
  }
}

/*==================================================================================*/
/*==================================================================================*/
/*     C O O K I E   N O T I C E     */
/*==================================================================================*/
/*==================================================================================*/
.cookie-notice {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 1.25rem 1.25rem 0.25rem 1.25rem;
  background: var(--color-header-bg);
}

.cookie-notice p {
  color: var(--color-header-text);
  margin: 0 1rem 1rem 0;
}

.cookie-notice p a {
  color: var(--color-header-text);
  border-bottom: 1px solid var(--color-header-text);
  background: none;
}

.cookie-notice .btn {
  margin-bottom: 1rem;
  background: var(--color-header-text);
  color: var(--color-header-bg);
}

.cookie-notice.active {
  display: flex;
}

@media only screen and (min-width: 360px) {
  .cookie-notice {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
}

@media only screen and (min-width: 900px) {
  .cookie-notice {
    padding: 1.5rem 2rem 0.5rem 2rem;
  }
}

@media only screen and (min-width: 1400px) {
  .cookie-notice {
    padding: 1.5rem 2.5rem 0.5rem 2.5rem;
  }
}

@media only screen and (min-width: 1800px) {
  .cookie-notice {
    padding: 1.5rem 3rem 0.5rem 3rem;
  }
}

body.has-hover .cookie-notice p a:hover {
  color: var(--color-header-hover);
  border-bottom: 1px solid var(--color-header-hover);
}

body.has-hover .cookie-notice .btn:hover {
  color: var(--color-header-bg);
  background: var(--color-header-hover);
  border-color: var(--color-header-bg);
}

/*==================================================================================*/
/*==================================================================================*/
/*     B R O W S E R   N O T I C E     */
/*==================================================================================*/
/*==================================================================================*/
/* For IE11 and older */
.browser-notice {
  position: fixed;
  top: 0;
  z-index: 10;
  background: #1d1f20;
  color: #e4e6e7;
  width: 100%;
  height: 100%;
  padding: 40px 0 60px 0;
  display: none;
}

.browser-notice .browser-notice--logo {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
}

.browser-notice .browser-notice--heading {
  font-size: 50px;
  line-height: 56px;
  font-weight: 700;
  margin-bottom: 10px;
}

.browser-notice ul {
  margin-top: 10px;
}

.browser-notice ul li {
  float: left;
  margin-right: 20px;
}

.browser-notice ul li a {
  color: #e4e6e7;
}

.browser-notice ul li a:hover {
  color: #798286;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .browser-notice {
    display: block;
  }
}

/*==================================================================================*/
/*==================================================================================*/
/*     O P E N T Y P E   F E A T U R E S     */
/*==================================================================================*/
/*==================================================================================*/
.locl {
  -webkit-font-feature-settings: "locl";
          font-feature-settings: "locl";
}

.locl-smcp {
  -webkit-font-feature-settings: "locl", "smcp";
          font-feature-settings: "locl", "smcp";
}

.round-ss02 {
  -webkit-font-feature-settings: "ss06", "ss02";
          font-feature-settings: "ss06", "ss02";
}

.round-ss03 {
  -webkit-font-feature-settings: "ss06", "ss03";
          font-feature-settings: "ss06", "ss03";
}

.round-ss04 {
  -webkit-font-feature-settings: "ss06", "ss04";
          font-feature-settings: "ss06", "ss04";
}

.round-ss05 {
  -webkit-font-feature-settings: "ss06", "ss05";
          font-feature-settings: "ss06", "ss05";
}

.smcp-lnum {
  -webkit-font-feature-settings: "smcp", "c2sc", "lnum";
          font-feature-settings: "smcp", "c2sc", "lnum";
}

.smcp-lnum-pnum {
  -webkit-font-feature-settings: "smcp", "c2sc", "lnum", "pnum";
          font-feature-settings: "smcp", "c2sc", "lnum", "pnum";
}

.smcp {
  -webkit-font-feature-settings: "smcp", "c2sc";
          font-feature-settings: "smcp", "c2sc";
}

.c2sc {
  -webkit-font-feature-settings: "c2sc";
          font-feature-settings: "c2sc";
}

.liga {
  -webkit-font-feature-settings: "liga", "dlig";
          font-feature-settings: "liga", "dlig";
}

.onum {
  -webkit-font-feature-settings: "onum";
          font-feature-settings: "onum";
}

.lnum {
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
}

.pnum {
  -webkit-font-feature-settings: "pnum";
          font-feature-settings: "pnum";
}

.tnum {
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}

.numr {
  -webkit-font-feature-settings: "numr";
          font-feature-settings: "numr";
}

.dnom {
  -webkit-font-feature-settings: "dnom";
          font-feature-settings: "dnom";
}

.sups {
  -webkit-font-feature-settings: "sups";
          font-feature-settings: "sups";
}

.subs {
  -webkit-font-feature-settings: "subs", "sinf";
          font-feature-settings: "subs", "sinf";
}

.case {
  -webkit-font-feature-settings: "case";
          font-feature-settings: "case";
}

.ss01 {
  -webkit-font-feature-settings: "ss01";
          font-feature-settings: "ss01";
}

.ss02 {
  -webkit-font-feature-settings: "ss02";
          font-feature-settings: "ss02";
}

.ss03 {
  -webkit-font-feature-settings: "ss03";
          font-feature-settings: "ss03";
}

.ss04 {
  -webkit-font-feature-settings: "ss04";
          font-feature-settings: "ss04";
}

.ss05 {
  -webkit-font-feature-settings: "ss05";
          font-feature-settings: "ss05";
}

.ss06 {
  -webkit-font-feature-settings: "ss06";
          font-feature-settings: "ss06";
}

.ss07 {
  -webkit-font-feature-settings: "ss07";
          font-feature-settings: "ss07";
}

.ss08 {
  -webkit-font-feature-settings: "ss08";
          font-feature-settings: "ss08";
}

.ss09 {
  -webkit-font-feature-settings: "ss09";
          font-feature-settings: "ss09";
}

.ss10 {
  -webkit-font-feature-settings: "ss10";
          font-feature-settings: "ss10";
}

.ss11 {
  -webkit-font-feature-settings: "ss11";
          font-feature-settings: "ss11";
}

.ss12 {
  -webkit-font-feature-settings: "ss12";
          font-feature-settings: "ss12";
}

.ss13 {
  -webkit-font-feature-settings: "ss13";
          font-feature-settings: "ss13";
}

.ss14 {
  -webkit-font-feature-settings: "ss14";
          font-feature-settings: "ss14";
}

.ss15 {
  -webkit-font-feature-settings: "ss15";
          font-feature-settings: "ss15";
}

.ss16 {
  -webkit-font-feature-settings: "ss16";
          font-feature-settings: "ss16";
}

.ss17 {
  -webkit-font-feature-settings: "ss17";
          font-feature-settings: "ss17";
}

.ss18 {
  -webkit-font-feature-settings: "ss18";
          font-feature-settings: "ss18";
}

.ss19 {
  -webkit-font-feature-settings: "ss19";
          font-feature-settings: "ss19";
}

.ss20 {
  -webkit-font-feature-settings: "ss20";
          font-feature-settings: "ss20";
}

.salt {
  -webkit-font-feature-settings: "salt";
          font-feature-settings: "salt";
}

.smcp-tnum {
  -webkit-font-feature-settings: "smcp", "c2sc", "tnum";
          font-feature-settings: "smcp", "c2sc", "tnum";
}

.smcp-pnum {
  -webkit-font-feature-settings: "smcp", "c2sc", "pnum";
          font-feature-settings: "smcp", "c2sc", "pnum";
}

.onum-tnum {
  -webkit-font-feature-settings: "onum", "tnum";
          font-feature-settings: "onum", "tnum";
}

.lnum-tnum {
  -webkit-font-feature-settings: "lnum", "tnum";
          font-feature-settings: "lnum", "tnum";
}

.onum-pnum {
  -webkit-font-feature-settings: "onum", "pnum";
          font-feature-settings: "onum", "pnum";
}

.lnum-pnum {
  -webkit-font-feature-settings: "lnum", "pnum";
          font-feature-settings: "lnum", "pnum";
}

.round-smcp {
  -webkit-font-feature-settings: "ss06", "smcp", "c2sc";
          font-feature-settings: "ss06", "smcp", "c2sc";
}

.round-salt {
  -webkit-font-feature-settings: "ss06", "salt";
          font-feature-settings: "ss06", "salt";
}

.round-case {
  -webkit-font-feature-settings: "ss06", "case";
          font-feature-settings: "ss06", "case";
}

.round-liga {
  -webkit-font-feature-settings: "ss06", "liga", "dlig";
          font-feature-settings: "ss06", "liga", "dlig";
}

.zero {
  -webkit-font-feature-settings: "zero";
          font-feature-settings: "zero";
}

.onum-tnum-zero {
  -webkit-font-feature-settings: "onum", "tnum", "zero";
          font-feature-settings: "onum", "tnum", "zero";
}

.onum-pnum-zero {
  -webkit-font-feature-settings: "onum", "pnum", "zero";
          font-feature-settings: "onum", "pnum", "zero";
}

.lnum-tnum-zero {
  -webkit-font-feature-settings: "lnum", "tnum", "zero";
          font-feature-settings: "lnum", "tnum", "zero";
}

.smcp-zero {
  -webkit-font-feature-settings: "smcp", "c2sc", "zero";
          font-feature-settings: "smcp", "c2sc", "zero";
}

.smcp-tnum-zero {
  -webkit-font-feature-settings: "smcp", "c2sc", "tnum", "zero";
          font-feature-settings: "smcp", "c2sc", "tnum", "zero";
}
/*# sourceMappingURL=style.css.map */