/* Will be generated */

	:root {

	/* BASE VARS */

		/* COLORS */

			--color-bg-primary: #003274;
			--color-bg-primary-dark: #003273;
			--color-bg-primary-light: #025ea1;
			--color-bg-secondary:  #025EA1;
			--color-bg-secondary-dark: #025EA0;

			--color-bg-blue: #6CACE4;
			--color-bg-pink: #e20072;
			--color-bg-yellow: #6CACE4;
			--color-bg-orange: #FD6925;
			--color-bg-tile: #259789;

	}

/* CSS theme part */

	:root {

	/* BASE VARS */

		/* COLORS */

			--color-bg-default: #fff;
			--color-bg-muted: #f8f8f8;
			--color-bg-muted-inverse: rgba(255, 255, 255, 0.1);
			--color-bg-dark: #111112;
			--color-bg-white: #fff;

			--color-text-base: #333;
			--color-text-base-inverse: rgba(255, 255, 255, 0.7);

			--color-text-emphasis: #333;
			--color-text-emphasis-inverse: #fff;

			--color-text-muted: #999;
			--color-text-muted-inverse: rgba(255, 255, 255, 0.5);

			--color-divider: #e5e5e5;
			--color-divider-inverse: rgba(255, 255, 255, 0.2);

			--color-success: #32d296;
			--color-warning: #faa05a;
			--color-danger: #E20072;

			--overlay-default: rgba(255, 255, 255, 0.55);
			--overlay-default-s: rgba(255, 255, 255, 0.3);
			--overlay-default-l: rgba(255, 255, 255, 0.8);
			--overlay-primary: rgba(165,28,19, 0.55);
			--overlay-primary-s: rgba(165,28,19, 0.3);
			--overlay-primary-l: rgba(165,28,19, 0.8);
			--overlay-secondary: rgba(45,71,121, 0.55);
			--overlay-secondary-s: rgba(45,71,121, 0.3);
			--overlay-secondary-l: rgba(45,71,121, 0.8);
			--overlay-dark: rgba(0, 0, 0, 0.55);
			--overlay-dark-s: rgba(0, 0, 0, 0.3);
			--overlay-dark-l: rgba(0, 0, 0, 0.8);

			--overlay-modal: rgba(0, 0, 0, 0.6);
			--overlay-offcanvas: rgba(0, 0, 0, 0.6);

		/* RADIUS */

			--radius-main: 0;
			--radius-main-s: 0;
			--radius-main-l: 0;

			--radius-button: var(--radius-main);
			--radius-button-s: var(--radius-main-s);
			--radius-button-l: var(--radius-main-l);

			--radius-label: var(--radius-main-s);

			--radius-card: var(--radius-main);
			--radius-card-badge: var(--radius-main-s);

			--radius-form: var(--radius-main);
			--radius-form-s: var(--radius-main-s);
			--radius-form-l: var(--radius-main-l);

			--radius-hnav-pill: var(--radius-button);

			--radius-badge: 50%;

			--radius-xs: 5px;
			--radius-s: 10px;
			--radius-m: 20px;
			--radius-l: 30px;
			--radius-xl: 40px;

		/* TEXT */

			--font-size-base: 16px;
			--line-height-base: 1.3;
			--font-weight-base: 400;
			--font-size-base-big: 18px;
			--line-height-base-big: 1.35;
			--font-weight-base-big: 400;

			--font-size-xs: 12px;
			--line-height-xs: 1.35;
			--font-weight-xs: 400;

			--font-size-s: 14px;
			--line-height-s: 1.5;
			--font-weight-s: 400;

			--font-size-l: 18px;
			--line-height-l: 1.38;
			--font-weight-l: 400;

			--font-size-xl: 20px;
			--line-height-xl: 1.32;
			--font-weight-xl: 400;

			--color-text-primary: var(--color-bg-primary-dark);
			--color-text-primary-inverse: var(--color-text-emphasis-inverse);

			--color-text-secondary: var(--color-bg-secondary-dark);
			--color-text-secondary-inverse: var(--color-text-emphasis-inverse);
		
			--color-text-bg: var(--color-bg-primary);

		/* LEAD AND H5 */

			--font-size-lead: calc(1.274rem + 0.3vw);
			--line-height-lead: 1.32;
			--font-weight-lead: 400;
			
			--font-size-lead-big: 1.49rem;
			--line-height-lead-big: 1.3;
			--font-weight-lead-big: 400;

			--color-lead: #000;
			--color-lead-inverse: var(--color-text-emphasis-inverse);

		/* META */

			--font-size-meta: var(--font-size-s);
			--line-height-meta: var(--line-height-s);
			--font-weight-meta: var(--font-weight-s);

			--uppercase-meta: none;

			--color-meta: var(--color-text-muted);
			--color-meta-link: var(--color-text-muted);
			--color-meta-link-hover: var(--color-text-emphasis);

			--color-meta-inverse: var(--color-text-muted-inverse);
			--color-meta-link-inverse: var(--color-text-muted-inverse);
			--color-meta-link-hover-inverse: var(--color-text-emphasis-inverse);

		/* HEADINGS */

			--color-h: var(--color-text-emphasis);
			--color-h-inverse: var(--color-text-emphasis-inverse);

			--font-weight-h: bold;

			--uppercase-h: none;

			--font-size-h1: calc(1.375rem + 1.5vw);
			--line-height-h1: 1.1;
			--font-weight-h1: var(--font-weight-h);
			--font-size-h1-big: 2.5rem;
			--line-height-h1-big: 1;
			--font-weight-h1-big: var(--font-weight-h);

			--font-size-h2: calc(1.325rem + 0.9vw);
			--line-height-h2: 1.15;
			--font-weight-h2: var(--font-weight-h);
			--font-size-h2-big: 2rem;
			--line-height-h2-big: 1.1;
			--font-weight-h2-big: var(--font-weight-h);

			--font-size-h3: calc(1.3rem + 0.6vw);
			--line-height-h3: 1.2;
			--font-weight-h3: var(--font-weight-h);
			--font-size-h3-big: 1.75rem;
			--line-height-h3-big: 1.15;
			--font-weight-h3-big: var(--font-weight-h);

			--font-size-h4: calc(1.275rem + 0.3vw);
			--line-height-h4: 1.25;
			--font-weight-h4: var(--font-weight-h);
			--font-size-h4-big: 1.5rem;
			--line-height-h4-big: 1.2;
			--font-weight-h4-big: var(--font-weight-h);

			--font-size-hs: calc(1.425rem + 1.8vw);
			--line-height-hs: 1;
			--font-weight-hs: var(--font-weight-h);
			--font-size-hs-big: 3rem;
			--line-height-hs-big: 1;
			--font-weight-hs-big: var(--font-weight-h);

			--font-size-hm: calc(1.475rem + 2.7vw);
			--line-height-hm: 1;
			--font-weight-hm: var(--font-weight-h);
			--font-size-hm-big: 3.5rem;
			--line-height-hm-big: 1;
			--font-weight-hm-big: var(--font-weight-h);

			--font-size-hl: calc(1.525rem + 2.7vw);
			--line-height-hl: 1;
			--font-weight-hl: var(--font-weight-h);
			--font-size-hl-big: 4rem;
			--line-height-hl-big: 1;
			--font-weight-hl-big: var(--font-weight-h);

			--font-size-hx: calc(1.575rem + 3.9vw);
			--line-height-hx: 1;
			--font-weight-hx: var(--font-weight-h);
			--font-size-hx-big: 4.5rem;
			--line-height-hx-big: 1;
			--font-weight-hx-big: var(--font-weight-h);

			--font-size-h2x: calc(1.625rem + 4.5vw);
			--line-height-h2x: 1;
			--font-weight-h2x: var(--font-weight-h);
			--font-size-h2x-big: 5rem;
			--line-height-h2x-big: 1;
			--font-weight-h2x-big: var(--font-weight-h);

			--font-size-h3x: calc(1.675rem + 5.1vw);
			--line-height-h3x: 1;
			--font-weight-h3x: var(--font-weight-h);
			--font-size-h3x-big: 6rem;
			--line-height-h3x-big: 1;
			--font-weight-h3x-big: var(--font-weight-h);

		/* BUTTON */

			--font-size-button: var(--font-size-s);
			--line-height-button: var(--line-height-s);
			--font-weight-button: var(--font-weight-s);
			--padding-button: 10px 30px;

			--font-size-button-s: var(--font-size-s);
			--line-height-button-s: var(--line-height-s);
			--font-weight-button-s: var(--font-weight-s);
			--padding-button-s: 5px 15px;

			--font-size-button-l: var(--font-size-xl);
			--line-height-button-l: var(--line-height-xl);
			--font-weight-button-l: var(--font-weight-xl);
			--padding-button-l: 14px 40px;

			--uppercase-button: uppercase;

			--color-button-default-text: var(--color-text-emphasis);
			--color-button-default-text-hover: var(--color-link);
			--color-button-default-border: var(--color-divider);
			--color-button-default-border-hover: var(--color-link);

			--color-button-default-text-inverse: var(--color-text-emphasis-inverse);
			--color-button-default-text-hover-inverse: var(--color-link-inverse);
			--color-button-default-border-inverse: var(--color-divider-inverse);
			--color-button-default-border-hover-inverse: var(--color-link-inverse);

			--color-button-primary-bg: var(--color-danger);
			--color-button-primary-bg-hover: var(--color-bg-yellow);
			--color-button-primary-text: var(--color-text-emphasis-inverse);
			--color-button-primary-text-hover: var(--color-text-emphasis-inverse);

			--color-button-primary-bg-inverse: var(--color-bg-white);
			--color-button-primary-bg-hover-inverse: var(--color-bg-white);
			--color-button-primary-text-inverse: var(--color-text-emphasis);
			--color-button-primary-text-hover-inverse: var(--color-text-emphasis);

			--color-button-secondary-bg: var(--color-bg-secondary);
			--color-button-secondary-bg-hover: var(--color-bg-yellow);
			--color-button-secondary-text: var(--color-text-emphasis-inverse);
			--color-button-secondary-text-hover: var(--color-text-emphasis-inverse);

			--color-button-secondary-bg-inverse: var(--color-bg-white);
			--color-button-secondary-bg-hover-inverse: var(--color-bg-white);
			--color-button-secondary-text-inverse: var(--color-text-emphasis);
			--color-button-secondary-text-hover-inverse: var(--color-text-emphasis);

			--color-button-text: var(--color-text-emphasis);
			--color-button-text-hover: var(--color-link);
			--color-button-text-inverse: var(--color-text-emphasis-inverse);
			--color-button-text-hover-inverse: var(--color-link-inverse);

		/* LINKS */

			--color-link: var(--color-bg-primary-light);
			--color-link-hover: var(--color-bg-pink);
			--color-link-inverse: var(--color-text-emphasis-inverse);
			--color-link-hover-inverse: var(--color-bg-blue);

			--color-link-emphasis: var(--color-text-emphasis);
			--color-link-emphasis-hover: var(--color-text-muted);
			--color-link-emphasis-inverse: var(--color-text-emphasis-inverse);
			--color-link-emphasis-hover-inverse: var(--color-text-muted-inverse);

			--color-link-muted: var(--color-text-muted);
			--color-link-muted-hover: var(--color-text-emphasis);
			--color-link-muted-inverse: var(--color-text-muted-inverse);
			--color-link-muted-hover-inverse: var(--color-text-emphasis-inverse);

			--color-link-text-hover: var(--color-link-muted);
			--color-link-text-hover-inverse: var(--color-link-muted);

			--color-link-heading-hover: var(--color-bg-primary);
			--color-link-heading-hover-inverse: var(--color-bg-blue);

		/* LABEL */

			--color-label-text: var(--color-text-emphasis-inverse);
			--color-label-bg: var(--color-bg-primary);

			--color-label-text-inverse: var(--color-text-emphasis);
			--color-label-bg-inverse: var(--color-text-emphasis-inverse);

			--font-size-label: var(--font-size-xs);
			--line-height-label: var(--line-height-xs);
			--font-weight-label: var(--font-weight-xs);

			--uppercase-label: none;

		/* BLOCKQUOTE */

			--font-size-quote: var(--font-size-base);
			--line-height-quote: var(--line-height-base);
			--font-weight-quote: var(--font-weight-base);
			--font-size-quote-big: var(--font-size-base-big);
			--line-height-quote-big: var(--line-height-base-big);
			--font-weight-quote-big: var(--font-weight-base-big);

			--color-quote-text: var(--color-text-base);
			--color-quote-text-inverse: var(--color-text-base-inverse);

			--color-quote-deco: var(--color-bg-primary);
			--color-quote-deco-inverse: var(--color-text-emphasis-inverse);

		/* CARD AND BADGE */

			--font-size-cardtitle: var(--font-size-xl);
			--line-height-cardtitle: var(--line-height-xl);
			--font-weight-cardtitle: var(--font-weight-xl);
			--font-size-cardtitle-big: var(--font-size-cardtitle);
			--line-height-cardtitle-big: var(--line-height-cardtitle);
			--font-weight-cardtitle-big: var(--font-weight-cardtitle);

			--font-size-badge: var(--font-size-s);
			--line-height-badge: var(--line-height-s);
			--font-weight-badge: var(--font-weight-s);

			--uppercase-card-badge: none;

		/* WIDTH */

			--width-s: 150px;
			--width-m: 300px;
			--width-l: 450px;
			--width-xl: 600px;
			--width-2xl: 750px;

		/* HEIGHT */

			--height-s: 150px;
			--height-m: 300px;
			--height-l: 450px;

	/* FORMS */

		--color-form-bg: var(--color-bg-default);
		--color-form-divider: var(--color-divider);
		--color-form-focus-bg: var(--color-bg-default);
		--color-form-focus-divider: var(--color-bg-primary);

		--color-form-bg-inverse: var(--color-bg-muted-inverse);
		--color-form-divider-inverse: var(--color-divider-inverse);
		--color-form-bg-focus-inverse: var(--color-bg-muted-inverse);
		--color-form-divider-focus-inverse: var(--color-divider-inverse);

		--color-form-text: var(--color-text-base);
		--color-form-text-focus: var(--color-text-base);

		--color-form-text-inverse: var(--color-text-base);
		--color-form-text-focus-inverse: var(--color-text-base);

		--font-size-form: var(--font-size-base);
		--line-height-form: var(--line-height-base);
		--font-weight-form: var(--font-weight-base);

		--font-size-form-s: var(--font-size-s);
		--line-height-form-s: var(--line-height-s);
		--font-weight-form-s: var(--font-weight-s);

		--font-size-form-l: var(--font-size-l);
		--line-height-form-l: var(--line-height-l);
		--font-weight-form-l: var(--font-weight-l);

		--font-size-formlabel: var(--font-size-s);
		--line-height-formlabel: var(--line-height-s);
		--font-weight-formlabel: var(--font-weight-s);

		--uppercase-formlabel: none;

		--color-formlabel: var(--color-text-emphasis);
		--color-formlabel-inverse: var(--color-text-emphasis-inverse);

		--font-size-legend: var(--font-size-lead);
		--line-height-legend: var(--line-height-lead);
		--font-weight-legend: var(--font-weight-lead);
		--font-size-legend-big: var(--font-size-lead-big);
		--line-height-legend-big: var(--line-height-lead-big);
		--font-weight-legend-big: var(--font-weight-lead-big);

		--color-legend: var(--color-text-emphasis);
		--color-legend-inverse: var(--color-text-emphasis-inverse);

		--font-size-desc: var(--font-size-s);
		--line-height-desc: var(--line-height-s);
		--font-weight-desc: var(--font-weight-s);

		--color-desc: var(--color-text-muted);
		--color-desc-inverse: var(--color-text-muted-inverse);

		--color-rad-divider: #cccccc;
		--color-rad-divider-focus: var(--color-bg-primary);
		--color-rad-bg-check: var(--color-bg-primary);

		--color-rad-divider-inverse: var(--color-divider-inverse);
		--color-rad-divider-focus-inverse: var(--color-text-base-inverse);
		--color-rad-bg-check-inverse: var(--color-text-emphasis-inverse);
		--color-rad-bg-inverse: var(--color-bg-muted);

		--font-size-radlabel: var(--font-size-s);
		--line-height-radlabel: var(--line-height-s);
		--font-weight-radlabel: var(--font-weight-s);

		--uppercase-radlabel: none;

		--color-formicon: var(--color-meta);
		--color-formicon-hover: var(--color-text-emphasis);
		--color-formicon-inverse: var(--color-meta-inverse);
		--color-formicon-hover-inverse: var(--color-text-emphasis-inverse);

	/* LIST AND TABLE VARS */

		/* LISTS */

			--color-bullet-primary: var(--color-bg-primary);
			--color-bullet-secondary: var(--color-bg-secondary);
			--color-bullet-emphasis: var(--color-text-emphasis);
			--color-bullet-muted: var(--color-text-muted);

			--color-bullet-primary-inverse: var(--color-text-emphasis-inverse);
			--color-bullet-secondary-inverse: var(--color-text-emphasis-inverse);
			--color-bullet-emphasis-inverse: var(--color-text-emphasis-inverse);
			--color-bullet-muted-inverse: var(--color-text-emphasis-inverse);

		/* TABLES */

			--font-size-table-th: var(--font-size-s);
			--line-height-table-th: var(--line-height-s);
			--font-weight-table-th: var(--font-weight-s);

			--font-size-table-foot: var(--font-size-s);
			--line-height-table-foot: var(--line-height-s);
			--font-weight-table-foot: var(--font-weight-s);

			--font-size-table-caption: var(--font-size-s);
			--line-height-table-caption: var(--line-height-s);
			--font-weight-table-caption: var(--font-weight-s);

			--font-size-table-small: var(--font-size-xs);
			--line-height-table-small: var(--line-height-xs);
			--font-weight-table-small: var(--font-weight-xs);

			--color-table-th: var(--color-text-muted);
			--color-table-foot: var(--color-text-muted);
			--color-table-caption: var(--color-text-muted);

			--color-table-th-inverse: var(--color-text-muted-inverse);
			--color-table-foot-inverse: var(--color-text-muted-inverse);
			--color-table-caption-inverse: var(--color-text-muted-inverse);

			--font-size-table-input: var(--font-size-base);
			--line-height-table-input: var(--line-height-base);
			--font-weight-table-input: var(--font-weight-base);

			--color-table-placeholder: var(--color-text-muted);
			--color-table-icon: var(--color-text-muted);
			--color-table-link: var(--color-link);

			--color-table-placeholder-inverse: var(--color-text-muted-inverse);
			--color-table-icon-inverse: var(--color-text-muted-inverse);
			--color-table-link-inverse: var(--color-link-inverse);

	/* NAV VARS */

		/* DOTNAV */

			--color-dotnav-border: #aaa !important;
			--color-dotnav-bg-hover: #aaa !important;

			--color-dotnav-border-inverse: var(--color-text-muted-inverse);
			--color-dotnav-bg-hover-inverse: var(--color-bg-white);

		/* SLIDENAV */

			--color-slidenav: var(--color-text-muted);
			--color-slidenav-hover: var(--color-text-emphasis);

			--color-slidenav-inverse: var(--color-text-muted-inverse);
			--color-slidenav-hover-inverse: var(--color-text-emphasis-inverse);

		/* H NAV */

			--font-size-hnav: var(--font-size-meta);
			--line-height-hnav: var(--line-height-meta);
			--font-weight-hnav: var(--font-weight-meta);

			--uppercase-hnav: var(--uppercase-meta);

			--color-hnav: var(--color-meta-link);
			--color-hnav-hover: var(--color-meta-link-hover);

			--color-hnav-inverse: var(--color-meta-link-inverse);
			--color-hnav-hover-inverse: var(--color-meta-link-hover-inverse);

		/* H TAB */

			--font-size-tab: var(--font-size-hnav);
			--line-height-tab: var(--line-height-hnav);
			--font-weight-tab: var(--font-weight-hnav);

			--uppercase-tab: var(--uppercase-meta);

			--color-tab: var(--color-hnav);
			--color-tab-hover: var(--color-hnav-hover);

			--color-tab-inverse: var(--color-hnav-inverse);
			--color-tab-hover-inverse: var(--color-hnav-hover-inverse);

		/* H ICONNAV */

			--font-size-iconav: var(--font-size-hnav);
			--line-height-iconav: var(--line-height-hnav);
			--font-weight-iconav: var(--font-weight-hnav);

			--color-iconav: var(--color-hnav);
			--color-iconav-hover: var(--color-hnav-hover);

			--color-iconav-inverse: var(--color-hnav-inverse);
			--color-iconav-hover-inverse: var(--color-hnav-hover-inverse);

		/* H BREADCRUMB */

			--font-size-bread: var(--font-size-hnav);
			--line-height-bread: var(--line-height-hnav);
			--font-weight-bread: var(--font-weight-hnav);

			--uppercase-bread: var(--uppercase-meta);

			--color-bread: var(--color-hnav);
			--color-bread-hover: var(--color-hnav-hover);

			--color-bread-inverse: var(--color-hnav-inverse);
			--color-bread-hover-inverse: var(--color-hnav-hover-inverse);

		/* H PAGINATION */

			--font-size-pagin: var(--font-size-hnav);
			--line-height-pagin: var(--line-height-hnav);
			--font-weight-pagin: var(--font-weight-hnav);

			--color-pagin: var(--color-hnav);
			--color-pagin-hover: var(--color-hnav-hover);

			--color-pagin-inverse: var(--color-hnav-inverse);
			--color-pagin-hover-inverse: var(--color-hnav-hover-inverse);

		/* V NAV */

			--font-size-vnav: var(--font-size-base-big);
			--line-height-vnav: var(--line-height-base-big);
			--font-weight-vnav: var(--font-weight-base-big);

			--uppercase-vnav: var(--uppercase-meta);

			--color-vnav: var(--color-meta-link);
			--color-vnav-hover: var(--color-meta-link-hover);

			--color-vnav-inverse: var(--color-base-inverse);
			--color-vnav-hover-inverse: var(--color-bg-blue);

			--font-size-vnav-sub: var(--font-size-xs);
			--line-height-vnav-sub: var(--line-height-xs);
			--font-weight-vnav-sub: var(--font-weight-xs);

			--font-size-vnav-head: var(--font-size-xl);
			--line-height-vnav-head: var(--line-height-xl);
			--font-weight-vnav-head: var(--font-weight-xl);

			--uppercase-vnav-head: none;

			--color-vnav-head: var(--color-text-emphasis);
			--color-vnav-head-inverse: var(--color-text-emphasis-inverse);	

		/* V NAV ADDIN */

			--font-size-vnav-prime: var(--font-size-lead);
			--line-height-vnav-prime: var(--line-height-lead);
			--font-weight-vnav-prime: var(--font-weight-lead);
			--font-size-vnav-prime-big: var(--font-size-lead-big);
			--line-height-vnav-prime-big: var(--line-height-lead-big);
			--font-weight-vnav-prime-big: var(--font-weight-lead-big);

			--uppercase-vnav-prime: none;

			--color-vnav-prime: var(--color-text-emphasis);
			--color-vnav-prime-hover: var(--color-text-primary);
			--color-vnav-prime-inverse: var(--color-text-emphasis-inverse);
			--color-vnav-prime-hover-inverse: var(--color-bg-blue);

			--font-size-vnav2-prime: var(--font-size-xl);
			--line-height-vnav2-prime: var(--line-height-xl);
			--font-weight-vnav2-prime: var(--font-weight-xl);

			--uppercase-vnav2-prime: none;

			--font-size-vnav-prime-sub: var(--font-size-xl);
			--line-height-vnav-prime-sub: var(--line-height-xl);
			--font-weight-vnav-prime-sub: var(--font-weight-xl);

			--font-size-vnav-prime-head: var(--font-size-base);
			--line-height-vnav-prime-head: var(--line-height-base);
			--font-weight-vnav-prime-head: var(--font-weight-base);

			--uppercase-vnav-prime-head: none;

			--color-vnav-prime-head: var(--color-text-emphasis);
			--color-vnav-prime-head-inverse: var(--color-text-emphasis-inverse);

			--font-size-vnav-second: var(--font-size-base);
			--line-height-vnav-second: var(--line-height-base);
			--font-weight-vnav-second: var(--font-weight-base);

			--uppercase-vnav-second: none;

			--color-vnav-second: var(--color-text-emphasis);
			--color-vnav-second-inverse: var(--color-text-emphasis-inverse);

			--color-vnav-second-sub: var(--color-meta);
			--color-vnav-second-sub-hover: var(--color-text-base);
			--color-vnav-second-sub-inverse: var(--color-meta-inverse);
			--color-vnav-second-sub-hover-inverse: var(--color-text-base-inverse);

		/* NAVBAR */

			--font-size-navbar: var(--font-size-xl);
			--line-height-navbar: var(--line-height-xl);
			--font-weight-navbar: var(--font-weight-xl);

			--uppercase-navbar: none;

			--color-navbar: var(--color-meta);
			--color-navbar-hover: var(--color-text-base);
			--color-navbar-active: var(--color-text-emphasis);
			--color-navbar-inverse: var(--color-meta-inverse);
			--color-navbar-hover-inverse: var(--color-text-base-inverse);
			--color-navbar-active-inverse: var(--color-text-emphasis-inverse);

			--color-navbar-togg: var(--color-meta);
			--color-navbar-togg-hover: var(--color-text-emphasis);
			--color-navbar-togg-inverse: var(--color-meta-inverse);
			--color-navbar-togg-hover-inverse: var(--color-text-emphasis-inverse);

			--font-size-navbar-sub: var(--font-size-xs);
			--line-height-navbar-sub: var(--line-height-xs);
			--font-weight-navbar-sub: var(--font-weight-xs);

			--color-navbar-sub: var(--color-meta);

	/* OTHER VARS */

		/* ICONS */
			
			--color-icon-link: var(--color-text-muted);
			--color-icon-link-hover: var(--color-text-emphasis);

			--color-icon-link-inverse: var(--color-text-muted-inverse);
			--color-icon-link-hover-inverse: var(--color-text-emphasis-inverse);

			--color-icon-button-text: var(--color-text-emphasis-inverse);
			--color-icon-button-bg: var(--color-bg-primary);
			--color-icon-button-text-hover: var(--color-text-emphasis-inverse);
			--color-icon-button-bg-hover: var(--color-bg-primary-dark);

			--color-icon-button-text-inverse: var(--color-text-emphasis);
			--color-icon-button-bg-inverse: var(--color-text-emphasis-inverse);
			--color-icon-button-text-hover-inverse: var(--color-text-emphasis);
			--color-icon-button-bg-hover-inverse: var(--color-text-base-inverse);

		/* ALERT */

			--color-alert-bg: var(--color-bg-muted);
			--color-alert-text: var(--color-text-emphasis);

			--color-alert-bg-primary: var(--color-bg-blue);
			--color-alert-text-primary: var(--color-bg-primary);

		/* ARTICLE */

			--font-size-arttitle: var(--font-size-hs);
			--line-height-arttitle: var(--line-height-hs);
			--font-weight-arttitle: var(--font-weight-hs);
			--font-size-arttitle-big: var(--font-size-hs-big);
			--line-height-arttitle-big: var(--line-height-hs-big);
			--font-weight-arttitle-big: var(--font-weight-hs-big);

			--font-size-ameta: var(--font-size-meta);
			--line-height-ameta: var(--line-height-meta);
			--font-weight-ameta: var(--font-weight-meta);

			--color-atitle: var(--color-text-emphasis);
			--color-atitle-inverse: var(--color-text-emphasis-inverse);

			--color-ameta: var(--color-meta);
			--color-ameta-link: var(--color-meta-link);
			--color-ameta-link-hover: var(--color-meta-link-hover);

			--color-ameta-inverse: var(--color-meta-inverse);
			--color-ameta-link-inverse: var(--color-meta-link-inverse);
			--color-ameta-link-hover-inverse: var(--color-meta-link-hover-inverse);

			--uppercase-ameta: none;

		/* COMMENT */

			--font-size-comment-title: var(--font-size-l);
			--line-height-comment-title: var(--line-height-l);
			--font-weight-comment-title: var(--font-weight-l);

			--font-size-comment-meta: var(--font-size-meta);
			--line-height-comment-meta: var(--line-height-meta);
			--font-weight-comment-meta: var(--font-weight-meta);

			--color-comment-meta: var(--color-meta);
			--uppercase-comment-meta: none;

		/* IMAGE CAPTION */

			--font-size-icaption: var(--font-size-s);
			--line-height-icaption: var(--line-height-s);
			--font-weight-icaption: var(--font-weight-s);

			--color-icaption: var(--color-text-muted);
			--color-icaption-inverse: var(--color-text-muted-inverse);			

		/* MARKER */

			--color-bg-marker: var(--color-bg-dark);
			--color-bg-marker-inverse: var(--color-bg-white);

		/* NOTIFICATIONS */

			--font-size-notif: var(--font-size-l);
			--line-height-notif: var(--line-height-l);
			--font-weight-notif: var(--font-weight-l);

		/* LIGHTBOX */

			--color-bg-lightbox: #000;
			--color-bg-lightbox-caption: rgba(255, 255, 255, 0.7);
			--color-bg-lightbox-text: rgba(255, 255, 255, 0.7);

		/* ACCORDION */

			--font-size-accord: var(--font-size-xl);
			--line-height-accord: var(--line-height-xl);
			--font-weight-accord: var(--font-weight-xl);

}

/* STYLES (CSS theme too) */

	/* FONTS DECLARE */

		@font-face {font-family: "Journal Sans New"; src: url('../webfonts/JournalSansNew.otf') format('truetype'); font-display: swap; font-weight: 400; font-style: normal;}
		@font-face {font-family: "Journal Sans New"; src: url('../webfonts/JournalSansNew-Italic.otf') format('truetype'); font-display: swap; font-weight: 400; font-style: italic;}
		@font-face {font-family: "Journal Sans New"; src: url('../webfonts/JournalSansNew-Bold.otf') format('truetype'); font-display: swap; font-weight: 700; font-style: normal;}

		.typo, h5, .uk-h5, h6, .uk-h6 {
			font-family:"Journal Sans New", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}

		h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4,
		.uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge, .uk-heading-3xlarge {
			font-family:"Journal Sans New", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}

		.uk-button {
			font-family:"Journal Sans New", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}

	/* HEADING DIVIDER */

		.uk-heading-divider {
			padding-bottom: calc(5px + 0.1em);
			border-bottom: calc(0.2px + 0.05em) solid var(--color-divider);
		}

		.uk-light .uk-heading-divider {
			border-bottom-color: var(--color-divider-inverse);
		}

	/* HEADING BULLET */
		
		.uk-heading-bullet {position:relative;}
		.uk-heading-bullet::before {
			content:""; display:inline-block; position:relative;
			top:calc(-0.1 * 1em);
			vertical-align:middle;
			height:calc(4px + 0.7em);
			margin-right:calc(5px + 0.2em);
			border-left:calc(5px + 0.1em) solid var(--color-divider);
		}

		.uk-light .uk-heading-bullet::before {
			border-left-color: var(--color-divider-inverse);
		}

	/* SLIDER THEMES */

		.shop-theme .uk-slidenav {background: #fff; padding: 16px 20px; color: #333;}

	/* SHADOW */

		[class*="uk-box-shadow-hover"],
		.uk-card {transition:box-shadow 0.1s ease-in-out;}

		.uk-box-shadow-small,
		.uk-box-shadow-hover-small:hover {
			box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);
		}

		.uk-box-shadow-medium,
		.uk-box-shadow-hover-medium:hover,
		.uk-card-default,
		.uk-card-primary,
		.uk-card-secondary {
			box-shadow:0 5px 15px rgba(0, 0, 0, 0.08);
		}

		.uk-box-shadow-large,
		.uk-box-shadow-hover-large:hover,
		.uk-card-default.uk-card-hover:hover,
		.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover,
		.uk-card-primary.uk-card-hover:hover,
		.uk-card-secondary.uk-card-hover:hover,
		.uk-navbar-dropdown,
		.uk-dropdown {
			box-shadow:0 14px 25px rgba(0, 0, 0, 0.16);
		}

		.uk-box-shadow-xlarge,
		.uk-box-shadow-hover-xlarge:hover {
			box-shadow:0 28px 50px rgba(0, 0, 0, 0.16);
		}

		@supports (filter:blur(0)) {
			.uk-box-shadow-bottom {display:inline-block; position:relative; z-index:0; max-width:100%; vertical-align:middle;}
			.uk-box-shadow-bottom::after {
				content:""; position:absolute; bottom:-30px; left:0; right:0; z-index:-1; height:30px; border-radius:100%; background:#444; filter:blur(20px); will-change:filter;
			}
		}

		.uk-dropbar-top {box-shadow:0 12px 7px -6px rgba(0, 0, 0, 0.05);}
		.uk-dropbar-bottom {box-shadow:0 -12px 7px -6px rgba(0, 0, 0, 0.05);}
		.uk-dropbar-left {box-shadow:12px 0 7px -6px rgba(0, 0, 0, 0.05);}
		.uk-dropbar-right {box-shadow:-12px 0 7px -6px rgba(0, 0, 0, 0.05);}

		.uk-dragover {box-shadow:0 0 20px rgba(100, 100, 100, 0.3);}

	/* VIDEO PLAY ICON */

		.video-link {position: relative; display: block;}

		.video-link .video-icon-wrap {
			background: var(--color-bg-white);
			width: 60px;
			height: 60px;
			line-height: 60px;
			border-radius: 60px;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -30px;
			margin-top: -30px;
			display: flex;
		    align-items: center;
		    justify-content: center;
		    transition: all ease 0.3s;
		}
		.video-link .video-icon-wrap .uk-icon {
			width: 30px;
			height: 30px;
			position: relative;
			left: 2px;
			top: 1px;
		}

		.video-link:hover .video-icon-wrap {}
		.video-link:hover .video-icon-wrap .uk-icon {}

	/* MODAL LOADER */

		.uk-modal .uk-modal-dialog .form-builder-screen {background: #fff;}

/* CUSTOM */

	@media (max-width: 1199px) {
		body {display: none !important;}
	}

	.flips-body > .wrapper {border: 20px solid #fff; border-top: none;}

	.no-container {margin-left: -20px; margin-right: -20px;}

	.uk-light .uk-text-blue {color: var(--color-bg-blue);}

	.footer-subscribe {position: absolute; top: -320px; left: 0;}

	@media (max-width: 1799px) {
		.topbar2 .uk-heading-small {font-size: 1.75rem !important;}
	}

	.footer-form {width: var(--width-xl) !important;}
	@media (max-width: 1499px) {
		.footer-form {width: var(--width-l) !important;}
	}

	h1, h2, h3, h4 {text-transform: uppercase !important;}

/* Logo */

	.logo {
	    position: relative;
	}
	.logo-animated img.logo-at {
	    transition: all ease 0.5s;
	    transform: translateX(100%) scale(0);
	    transition-delay: 0.2s;
	    opacity: 0;
	    height: 0;
	}
	.logo-animated img.logo-o {
	    transition: all ease 0.5s;
	    transform: scale(0);
	    height: 0;
	    background: #fff; 
	}
	.logo-animated img.logo-m {
	    transition: all ease 0.5s;
	    transform: translateX(-100%) scale(0);
	    transition-delay: 0.2s;
	    opacity: 0;
	    height: 0;
	}
	/*.museum-top {opacity: 0; transition: all ease 0.5s; transition-delay: 0.5s;}*/
	/*.museum-top {opacity: 1}
	.delay .museum-top {opacity: 0; transition: all ease 0.5s;}*/
	
	.start.timepassed .logo-animated img.logo-at {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}
	.start.timepassed .logo-animated img.logo-o {
	    transform: scale(1); background-color: transparent;
	}
	.start.timepassed .logo-animated img.logo-m {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}

	.delay.scrolled .logo-animated img.logo-at {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}
	.delay.scrolled .logo-animated img.logo-o {
	    transform: scale(1);
	}
	.delay.scrolled .logo-animated img.logo-m {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}
	.delay.scrolled .museum-top {opacity: 1;}
	
/* Logo body */

	.logo-animated-body img.logo-at {
	    transition: all ease 0.5s;
	    transform: translateX(100%) scale(0);
	    transition-delay: 0.2s;
	    opacity: 0;
	    height: 0;
	}
	.logo-animated-body img.logo-o {
	    transition: all ease 0.5s;
	    transform: scale(0);
	    height: 0;
	}
	.logo-animated-body img.logo-m {
	    transition: all ease 0.5s;
	    transform: translateX(-100%) scale(0);
	    transition-delay: 0.2s;
	    opacity: 0;
	    height: 0;
	}

	.delay.timepassed .logo-animated-body img.logo-at {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}
	.delay.timepassed .logo-animated-body img.logo-o {
	    transform: scale(1);
	}
	.delay.timepassed .logo-animated-body img.logo-m {
	    transform: translateX(0) scale(1);
	    opacity: 1;
	}

	.museum-body {opacity: 0; transition: all ease 0.4s; transition-delay: 0.5s; min-width: 272px;}
	.delay.timepassed .museum-body {opacity: 1;}

	/*.logo-body {transform: scale(2); }
	.delay.timepassed .logo-body {transform: scale(1);}*/

	.enter .logo-body {position: absolute; width: calc(100vw - 20px); z-index: 5; left: 0; transition: all ease 0.4s; transition-delay: 1s;}
	.delay.timepassed .enter .logo-body {width: calc(25vw - 20px);}

/* Navbar */

	#navbar-main {
	    z-index: 1010;
	    background: #fff;
	}

	.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
	    min-height:40px;
	}
	
	#navbar-main.uk-sticky-below .logo {transform: translateY(-1px);}

	#navbar-main {
	    padding-top: 25px;
	    padding-bottom: 25px;
	    transition: all ease 0.3s;
	}
	#navbar-main.uk-sticky-below {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	#navbar-main.uk-sticky-below .header-button {
	    transform: translateY(0);
	}

/* Topbar */

	@media (max-width: 1499px) {
		.topbar1 {width: 30% !important;}
		.topbar2 {width: 70% !important;}
		.topbar3 {display: none;}
	}

	.shop h3,
	.shop .price {opacity: 0; transform: translateY(100%); transition: all ease 0.4s; pointer-events: none;}

	.shop .uk-active h3,
	.shop .uk-active .price {opacity: 1; transform: translateY(0); pointer-events: all;}

	.shop .item {}

	.shop .item.uk-active img {transition: all ease 0.3s;}
	.shop .item.uk-active:hover {cursor: pointer;}
	.shop .item.uk-active:hover img {transform: scale(1.1);}
	.shop .item.uk-active:hover h3 a {color: #e20072 !important;}

	.uk-list-meta li {margin-top: 0 !important;}

	.more-dates svg {transition: all ease 0.3s; transform: translateX(8px);}
	.more-dates:hover svg {transform: translateX(12px);}
	.more-dates:hover {color: #e20072 !important;}

	.bigarrow {}
	.bigarrow svg {transition: all ease 0.3s; transform: translateX(0);}
	.bigarrow:hover svg {transform: translateX(10px);}

	.bigarrow2 {}
	.bigarrow2 svg {transition: all ease 0.3s; transform: translateX(0);}
	.bigarrow2:hover svg {transform: translateX(-10px);}

	.shop-cats a:not(:hover) {color: #333;}

	/*.bigarrow:not(:hover) svg,
	.bigarrow2:not(:hover) svg {color: #333;}*/

/* Pops */

	.logo-top {}

	.enter {overflow: hidden;}

	.enter-1 > .uk-grid {}
	.enter-1 > .uk-grid > .col + .col::before {
		position: absolute; width: 1px; height: calc(100vh - 90px);
		opacity: 0; content: ''; transition: all ease 0.4s;
		background: linear-gradient(to bottom, #fff 0%, #e5e5e5 50%, #fff 100%);
	}
	.timepassed .enter-1 > .uk-grid > .col::before {height: calc(100vh - 90px); opacity: 1;}
	.enter-1 > .uk-grid > .col + .col + .col + .col::before {transition-delay: 1s;}
	.enter-1 > .uk-grid > .col + .col + .col::before {transition-delay: 1.15s;}
	.enter-1 > .uk-grid > .col + .col::before {transition-delay: 1.3s;}

	.enter-1 .enter-persona .content  {opacity: 0; transform: translateY(50px); transition: all ease 0.5s; transition-delay: 1.3s;}
	.enter-1 .enter-group .content  {opacity: 0; transform: translateY(50px); transition: all ease 0.5s; transition-delay: 1.15s;}
	.enter-1 .enter-biz .content  {opacity: 0; transform: translateY(50px); transition: all ease 0.5s; transition-delay: 1s;}
	.timepassed .enter-1 .enter-persona .content  {opacity: 1; transform: translateY(0);}
	.timepassed .enter-1 .enter-group .content  {opacity: 1; transform: translateY(0);}
	.timepassed .enter-1 .enter-biz .content  {opacity: 1; transform: translateY(0);}

	.atom-wrap {width: 32px; height: 32px; position: relative; margin-bottom: 60px; margin-top: 17px; margin-left: auto; margin-right: auto;}
	.atom {
		position: relative; margin-bottom: 30px; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #e5e5e5;
		animation: rotate-loop 2s linear infinite;
		transition: all ease 0.3s;
	}
	.atom .orbit {
		border-radius: 50%; width: 25%; height: 25%; background: #000; border-radius: 50%; left: 1px; top: 1px; position: absolute;
	}
	.atom .core {
		width: 40%; height: 40%; background: #000; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;
	}

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

	.col-on .atom {opacity: 0;}

	.enter-persona .atom {animation: rotate-loop 3s linear infinite;}
	.enter-persona .orbit {background: #025EA1;}
	.enter-persona .core {background: #025EA1;}

	.enter-group .atom {animation: rotate-loop 3s linear infinite;}
	.enter-group .orbit {background: #025EA1;}
	.enter-group .core {background: #025EA1;}

	.enter-biz .atom {animation: rotate-loop 3s linear infinite;}
	.enter-biz .orbit {background: #025EA1;}
	.enter-biz .core {background: #025EA1;}

	.enter-persona,
	.enter-group,
	.enter-biz {overflow: hidden;}

	.enter-persona .deco,
	.enter-group .deco,
	.enter-biz .deco {
		position: absolute; width: 100%; height: 20px;
		left: 0; bottom: 0; transition: all ease 0.2s; transform: translateY(100%);
	}
	.col-on .deco {
		transform: translateY(0);
	}
	.enter-persona .deco { background: #003274;}
	.enter-group .deco { background: #003274;}
	.enter-biz .deco { background: #003274;}

	.enter-1 .content {z-index: 15;}

	.card-link {
		position: absolute; width: 100%; height: 100%;
		left: 0; top: 0;
		z-index: 20;
		pointer-events: none;
	}
	.card-link.link-on {
		pointer-events: all;
	}

	.list-wrap {overflow: hidden; height: 0; transition: all ease 0.6s;}
	.col-on .list-wrap {overflow: hidden; height: 414px;}
	.list-wrap-in {min-height: 414px;}

	/*.atom-wrap {transition: all ease 0.4s; transform: scale(1.0);}
	.col-on .atom-wrap {transform: scale(20); opacity: 0;}
	.col-on .atom-wrap .orbit {display: none;}*/

	.digest li {opacity: 0; transition: all ease-out 0.6s; transition-delay: 0; transform: translateY(0);}
	.col-on .digest li {transition-delay: 0; transform: translateY(0);}
	.col-on .digest li + li {transition-delay: 0.05s;}
	.col-on .digest li + li + li {transition-delay: 0.1s;}
	.col-on .digest li + li + li + li {transition-delay: 0.15s;}
	.col-on .digest li + li + li + li + li {transition-delay: 0.2s;}
	.col-on .digest li + li + li + li + li + li {transition-delay: 0.25s;}
	.col-on .digest li + li + li + li + li + li + li {transition-delay: 0.3s;}
	.col-on .digest li {opacity: 1; transition-delay: 0 !important;}

	.qpic {
		position: absolute !important; z-index: 1; left: 0; top: 0; width: 100%; height: calc(100% - 20px);
		opacity: 0;
		transition: all ease 0.5s;
	}

	.qpic.on {
		opacity: 1;
	}

	.logo-body-alt {display: none;}
	.uk-light .logo-body {display: none;}
	.uk-light .logo-body-alt {display: block; position: absolute; width: calc(25vw - 20px); z-index: 5; left: 0;}



.atom2 {
  position: absolute;
  width: 150px;
  height: 150px;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) scale(0);
  transition: all ease 0.4s;
  z-index: 1;
}
.col-on .atom2 {
	transform: translate(-50%,-50%) scale(1);
}



.nucleus2, .orbit2, .electron2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: auto;
}

.nucleus2 {
  background: #025EA1;
}

.orbit2:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.orbit2 {
  width: 100px;
  height: 100px;
  border: 0;
  transform-style: preserve-3d;
}
.orbit2 .electron2 {
  position: relative;
  top: 48px;
  width: 9px;
  height: 9px;
  background: #025EA1;
  border-radius: 50%;
  transform: translateX(50px);
  animation: electronAnimation 1.5s infinite linear;
}

.orbit2:nth-child(4) {
  transform: rotateY(65deg) rotateX(5deg);
  animation-delay: -1s;
}
.orbit2:nth-child(4) .electron2 {
  animation-delay: -1s;
}

.orbit2:nth-child(2) {
  transform: rotateY(65deg) rotateX(-54deg);
  animation-delay: -1s;
  animation-duration: 1s;
}
.orbit2:nth-child(2) .electron2 {
  animation-duration: 1s;
}

.orbit2:nth-child(3) {
  transform: rotateY(65deg) rotateX(54deg);
}

@keyframes electronAnimation {
  0% {
    transform: rotateZ(0deg) translateX(50px) rotateZ(0deg) rotateY(-65deg);
  }
  100% {
    transform: rotateZ(360deg) translateX(50px) rotateZ(-360deg) rotateY(-65deg);
  }
}