/*root*/

@import url(https://fonts.cdnfonts.com/css/bariol-regular-2);


:root,
:host {
	--ow-font-family-sans: 'Roboto', sans-serif;
	--ow-font-family-serif: 'Alkalami', sans-serif;

	--ow-font-family-default: 'Bariol', sans-serif;;
	--ow-font-size-default: 16px;
	--ow-font-size-sm-default: 16px;
	--ow-font-size-md-default: 16px;
	--ow-font-size-lg-default: 16px;
	--ow-font-size-xl-default: 16px;
	--ow-font-size-xxl-default: 16px;

	--ow-font-family-h1: var(--ow-font-family-default);
	--ow-font-size-h1: 3rem;
	--ow-font-size-sm-h1: 3rem;
	--ow-font-size-md-h1: 3rem;
	--ow-font-size-lg-h1: 3rem;
	--ow-font-size-xl-h1: 3rem;
	--ow-font-size-xxl-h1: 3rem;

	--ow-font-family-h2: var(--ow-font-family-default);
	--ow-font-size-h2: 1.8rem;
	--ow-font-size-sm-h2: 1.8rem;
	--ow-font-size-md-h2: 1.8rem;
	--ow-font-size-lg-h2: 1.8rem;
	--ow-font-size-xl-h2: 1.8rem;
	--ow-font-size-xxl-h2: 1.8rem;

	--ow-font-family-h3: var(--ow-font-family-default);
	--ow-font-size-h3: 1.6rem;
	--ow-font-size-sm-h3: 1.6rem;
	--ow-font-size-md-h3: 1.6rem;
	--ow-font-size-lg-h3: 1.6rem;
	--ow-font-size-xl-h3: 1.6rem;
	--ow-font-size-xxl-h3: 1.6rem;

	--ow-font-family-h4: var(--ow-font-family-default);
	--ow-font-size-h4: 2,5rem;
	--ow-font-size-sm-h4: 2,5rem;
	--ow-font-size-md-h4: 2,5rem;
	--ow-font-size-lg-h4: 2,5rem;
	--ow-font-size-xl-h4: 2,5rem;
	--ow-font-size-xxl-h4: 2,5rem;

	--ow-font-family-h5: var(--ow-font-family-default);
	--ow-font-size-h5: 1.2rem;
	--ow-font-size-sm-h5: 1.2rem;
	--ow-font-size-md-h5: 1.2rem;
	--ow-font-size-lg-h5: 1.2rem;
	--ow-font-size-xl-h5: 1.2rem;
	--ow-font-size-xxl-h5: 1.2rem;

	--ow-font-family-h6: var(--ow-font-family-default);
	--ow-font-size-h6: 1.1rem;
	--ow-font-size-sm-h6: 1.1rem;
	--ow-font-size-md-h6: 1.1rem;
	--ow-font-size-lg-h6: 1.1rem;
	--ow-font-size-xl-h6: 1.1rem;
	--ow-font-size-xxl-h6: 1.1rem;

	--ow-font-family-p: var(--ow-font-family-default);
	--ow-font-size-p: 1rem;
	--ow-font-size-sm-p: 1rem;
	--ow-font-size-md-p: 1rem;
	--ow-font-size-lg-p: 1rem;
	--ow-font-size-xl-p: 1rem;
	--ow-font-size-xxl-p: 1rem;

	--ow-font-family-btn: var(--ow-font-family-default);
	--ow-font-size-btn: 1rem;
	--ow-font-size-sm-btn: 1rem;
	--ow-font-size-md-btn: 1rem;
	--ow-font-size-lg-btn: 1rem;
	--ow-font-size-xl-btn: 1rem;
	--ow-font-size-xxl-btn: 1rem;

	--ow-font-size-body: var(--ow-font-size-default);
	--ow-font-size-sm-body: var(--ow-font-size-sm-default);
	--ow-font-size-md-body: var(--ow-font-size-md-default);
	--ow-font-size-lg-body: var(--ow-font-size-lg-default);
	--ow-font-size-xl-body: var(--ow-font-size-xl-default);
	--ow-font-size-xxl-body: var(--ow-font-size-xxl-default);

	--ow-primary: #000000;
	--ow-primary-weighted: #e71419;
	--ow-primary-contrast: #ffffff;
	--ow-secondary: #e9500e;
	--ow-secondary-weighted: #3c3c3b;
	--ow-secondary-contrast: #ffffff;
	--ow-accent-color: #ffffff;

	--ow-primary-btn: #e60100;
	--ow-primary-weighted-btn: #370d00;
	--ow-primary-contrast-btn: #ffffff;
	--ow-secondary-btn: #49dcec;
	--ow-secondary-weighted-btn: #38adbc;
	--ow-secondary-contrast-btn: #ffffff;
	--ow-accent-color-btn: #ffffff;

	--ow-bg-vars: url('https://api.atlas.promo/resources/code/2JL9JVR9YZ4O013DM04LNE3B9D27TFRI9QXD6PZUBZYUDAE26Q4DKMHHYF6PXL6549WQYJWUI2TWZ9CWGMPQIC84V2M05RBAKY4NXQTW4UVUML5VY5Y9GKE9757J52WBU8QYKZ73V2PDSQBDWFGZKXUJ2RMT6HWZ9E8VQ38ULFDIJ3UW1IEH9S6HW1KPTYCU7HSKEABPIJ4YGEN06VUKBVGLNGB9D26OXK2N17X2JJ1MYWNKVNNCRSLMCWHQ8XZ') no-repeat center/cover;
	--ow-default-radius-squared: 0;
	--ow-default-radius-squared-mild: 0;
	--ow-default-radius-rounded: 50%;
	--ow-default-radius-rounded-mild: 3rem;
	--ow-default-radius: var(--ow-default-radius-squared);
	--ow-default-radius-mild: var(--ow-default-radius-squared-mild);
	--ow-showcase-bg: #000000;
	--ow-showcase-color: #ffffff;
	--ow-how-to-participate-bg: transparent;
	--ow-payoff-color: #3c3c3b;
	--ow-list-item-bg: var(--ow-primary-btn);
	--ow-list-item-color: var(--ow-primary-contrast-btn);
	--ow-list-radius: var(--ow-default-radius);
	--ow-btn-radius: var(--ow-default-radius-mild);
	--ow-input-radius: var(--ow-default-radius-mild);
	--ow-card-radius: var(--ow-default-radius-mild);
	--ow-modal-radius: var(--ow-default-radius-mild);
	--ow-nav-pill-radius: var(--ow-default-radius-mild);

	--ow-navbar-bg: #ffffff;
	--ow-navlink: #3c3c3b;
	--ow-navlink-active: #e9500d;

	--ow-sub-navbar-bg: #ffffff;
	--ow-sub-navlink: #e9500e;
	--ow-sub-navlink-active: #3c3c3b;

	--ow-footer-background: #f5f1ee;
	--ow-footer-color: #707070;
	--ow-footer-link-color: #3c3c3b;
	--ow-footer-link-hover-color: #ea500f;

	--ow-sub-footer-background: #e9500e;
	--ow-sub-footer-color: #ffffff;
	--ow-sub-footer-link-color: #ffffff;
	--ow-sub-footer-link-hover-color: #ffffff;

	--ow-modal-header-background: #3c3c3b;
	--ow-modal-header-color: #ffffff;
	--ow-modal-body-background: #f6f6f6;
	--ow-modal-body-color: #3c3c3b;
	--ow-modal-footer-background: #f6f6f6;

	--ow-carousel-image-radius: var(--ow-default-radius-mild);
	--ow-prize-catalogue-accent-bg: #666666;


	--ow-primary--dark: #000000;
	--ow-primary-weighted--dark: #e71419;
	--ow-primary-contrast--dark: #ffffff;
	--ow-secondary--dark: #e9500e;
	--ow-secondary-weighted--dark: #3c3c3b;
	--ow-secondary-contrast--dark: #ffffff;
	--ow-accent-color--dark: #ffffff;

	--ow-primary-btn--dark: #e60100;
	--ow-primary-weighted-btn--dark: #370d00;
	--ow-primary-contrast-btn--dark: #ffffff;
	--ow-secondary-btn--dark: #49dcec;
	--ow-secondary-weighted-btn--dark: #38adbc;
	--ow-secondary-contrast-btn--dark: #ffffff;
	--ow-accent-color-btn--dark: #ffffff;

	--ow-bg-vars--dark: url('https://api.atlas.promo/resources/code/2JL9JVR9YZ4O013DM04LNE3B9D27TFRI9QXD6PZUBZYUDAE26Q4DKMHHYF6PXL6549WQYJWUI2TWZ9CWGMPQIC84V2M05RBAKY4NXQTW4UVUML5VY5Y9GKE9757J52WBU8QYKZ73V2PDSQBDWFGZKXUJ2RMT6HWZ9E8VQ38ULFDIJ3UW1IEH9S6HW1KPTYCU7HSKEABPIJ4YGEN06VUKBVGLNGB9D26OXK2N17X2JJ1MYWNKVNNCRSLMCWHQ8XZ') no-repeat center/cover;
	--ow-default-radius-squared--dark: var(--ow-default-radius-squared);
	--ow-default-radius-squared-mild--dark: var(--ow-default-radius-squared-mild);
	--ow-default-radius-rounded--dark: var(--ow-default-radius-rounded);
	--ow-default-radius-rounded-mild--dark: var(--ow-default-radius-rounded-mild);
	--ow-default-radius--dark: var(--ow-default-radius);
	--ow-default-radius-mild--dark: var(--ow-default-radius-mild);
	--ow-showcase-bg--dark: #ededed;
	--ow-showcase-color--dark: #000000;
	--ow-how-to-participate-bg--dark: transparent;
	--ow-payoff-color--dark: #3c3c3b;
	--ow-list-item-bg--dark: var(--ow-list-item-bg);
	--ow-list-item-color--dark: var(--ow-list-item-color);
	--ow-list-radius--dark: var(--ow-list-radius);
	--ow-btn-radius--dark: var(--ow-btn-radius);
	--ow-input-radius--dark: var(--ow-input-radius);
	--ow-card-radius--dark: var(--ow-card-radius);
	--ow-modal-radius--dark: var(--ow-modal-radius);
	--ow-nav-pill-radius--dark: var(--ow-nav-pill-radius);

	--ow-navbar-bg--dark: #ffffff;
	--ow-navlink--dark: #3c3c3b;
	--ow-navlink-active--dark: #e9500d;

	--ow-sub-navbar-bg--dark: #ffffff;
	--ow-sub-navlink--dark: #e9500e;
	--ow-sub-navlink-active--dark: #3c3c3b;

	--ow-footer-background--dark: #f5f1ee;
	--ow-footer-color--dark: #707070;
	--ow-footer-link-color--dark: #3c3c3b;
	--ow-footer-link-hover-color--dark: #ea500f;

	--ow-sub-footer-background--dark: #e9500e;
	--ow-sub-footer-color--dark: #ffffff;
	--ow-sub-footer-link-color--dark: #ffffff;
	--ow-sub-footer-link-hover-color--dark: #ffffff;

	--ow-modal-header-background--dark: #3c3c3b;
	--ow-modal-header-color--dark: #ffffff;
	--ow-modal-body-background--dark: #f6f6f6;
	--ow-modal-body-color--dark: #3c3c3b;
	--ow-modal-footer-background--dark: #f6f6f6;

	--ow-carousel-image-radius--dark: var(--ow-carousel-image-radius);
	--ow-prize-catalogue-accent-bg--dark: var(--ow-prize-catalogue-accent-bg);
}
