:root {
	--rem-base: 10px;
	--base-font-size: 22px;
	--base-line-height: 1.4;
	--base-font-weight: 400;
	--vertical-rhythm: calc(var(--base-line-height) * 0.5em);
	--lg-font-size: calc(var(--base-font-size) + 4px);
	--font-figtree: "Figtree";
	--font-montserrat: "Montserrat";
	--base-font-sans-serif: "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	--base-font-serif: "Times New Roman", "Times", "Baskerville", "Georgia", serif;
	--base-font: var(--font-figtree), var(--base-font-sans-serif);
	--accent-font: var(--font-montserrat), var(--base-font-sans-serif);
	--color-white: #fff;
	--color-white--rgb: 255, 255, 255;
	--color-white--darken: #ccc;
	--color-white--lighten: white;
	--color-black: #000;
	--color-black--rgb: 0, 0, 0;
	--color-black--darken: black;
	--color-black--lighten: #404040;
	--color-gray-100: #f3f4f6;
	--color-gray-100--rgb: 243, 244, 246;
	--color-gray-100--darken: #b9bfca;
	--color-gray-100--lighten: white;
	--color-gray-500: #c8d0d8;
	--color-gray-500--rgb: 200, 208, 216;
	--color-gray-500--darken: #8c9dae;
	--color-gray-500--lighten: white;
	--color-gray-600: #b0c2c7;
	--color-gray-600--rgb: 176, 194, 199;
	--color-gray-600--darken: #74949d;
	--color-gray-600--lighten: #fbfcfc;
	--color-gray-700: #768a8f;
	--color-gray-700--rgb: 118, 138, 143;
	--color-gray-700--darken: #485457;
	--color-gray-700--lighten: #bcc6c8;
	--color-blue-100: #def6fd;
	--color-blue-100--rgb: 222, 246, 253;
	--color-blue-100--darken: #7edcf7;
	--color-blue-100--lighten: white;
	--color-blue-200: #72dbf8;
	--color-blue-200--rgb: 114, 219, 248;
	--color-blue-200--darken: #11c2f3;
	--color-blue-200--lighten: #ebfafe;
	--color-blue-300: #7cacde;
	--color-blue-300--rgb: 124, 172, 222;
	--color-blue-300--darken: #3179c3;
	--color-blue-300--lighten: #e2edf8;
	--color-blue-350: #86abda;
	--color-blue-350--rgb: 134, 171, 218;
	--color-blue-350--darken: #3b75bf;
	--color-blue-350--lighten: #e8eff8;
	--color-blue-400: #6eade3;
	--color-blue-400--rgb: 110, 173, 227;
	--color-blue-400--darken: #267cc5;
	--color-blue-400--lighten: #d9e9f8;
	--color-blue-450: #6796cd;
	--color-blue-450--rgb: 103, 150, 205;
	--color-blue-450--darken: #33639b;
	--color-blue-450--lighten: #c7d8ed;
	--color-blue-500: #6182b7;
	--color-blue-500--rgb: 97, 130, 183;
	--color-blue-500--darken: #38517a;
	--color-blue-500--lighten: #b9c7df;
	--color-blue-600: #2b4b96;
	--color-blue-600--rgb: 43, 75, 150;
	--color-blue-600--darken: #142347;
	--color-blue-600--lighten: #6c8bd5;
	--color-blue-700: #324359;
	--color-blue-700--rgb: 50, 67, 89;
	--color-blue-700--darken: #0d1218;
	--color-blue-700--lighten: #6381a7;
	--color-blue-800: #1c3b61;
	--color-blue-800--rgb: 28, 59, 97;
	--color-blue-800--darken: #050b12;
	--color-blue-800--lighten: #3977c4;
	--color-navy: #14274a;
	--color-navy--rgb: 20, 39, 74;
	--color-navy--darken: black;
	--color-navy--lighten: #2f5cae;
	--color-red-300: #f48f9c;
	--color-red-300--rgb: 244, 143, 156;
	--color-red-300--darken: #eb324a;
	--color-red-300--lighten: white;
	--color-red-400: #d55a5b;
	--color-red-400--rgb: 213, 90, 91;
	--color-red-400--darken: #a0292a;
	--color-red-400--lighten: #efc0c0;
	--color-red-500: #e32b58;
	--color-red-500--rgb: 227, 43, 88;
	--color-red-500--darken: #941433;
	--color-red-500--lighten: #f29cb1;
	--color-red-600: #d32a62;
	--color-red-600--rgb: 211, 42, 98;
	--color-red-600--darken: #7e193a;
	--color-red-600--lighten: #ea93b0;
	--color-red-800: #9d1e63;
	--color-red-800--rgb: 157, 30, 99;
	--color-red-800--darken: #470e2d;
	--color-red-800--lighten: #e05ba3;
	--color-purple-300: #cb90cc;
	--color-purple-300--rgb: 203, 144, 204;
	--color-purple-300--darken: #a74da9;
	--color-purple-300--lighten: #f4e7f4;
	--color-purple-400: #cb82d1;
	--color-purple-400--rgb: 203, 130, 209;
	--color-purple-400--darken: #a540ad;
	--color-purple-400--lighten: #f2dff3;
	--color-purple-500: #bc82ef;
	--color-purple-500--rgb: 188, 130, 239;
	--color-purple-500--darken: #8c28e3;
	--color-purple-500--lighten: #f9f3fd;
	--color-purple-600: #a946ad;
	--color-purple-600--rgb: 169, 70, 173;
	--color-purple-600--darken: #622964;
	--color-purple-600--lighten: #d59cd7;
	--primary-color: var(--color-blue-600);
	--secondary-color: var(--color-blue-200);
	--accent-color: var(--color-red-500);
	--bg-body-color: var(--color-white);
	--base-text-color: var(--color-blue-700);
	--base-link-color: var(--accent-color);
	--base-link-color-hover: var(--color-blue-300);
	--h1-h6-color: var(--primary-color);
	--animation-duration: 0.3s;
	--animation-timing-function: ease;
	--container: 1440px;
	--gutter: 50px;
	--mobile-breakpoint: 1200px;
	--spacing-xs: 2rem;
	--spacing-sm: 4rem;
	--spacing-md: 5rem;
	--spacing-lg: 8rem;
	--spacing-xl: 10rem;
	--spacing-2xl: 15rem;
	--offset-header: 128px;
	--margin-li-top: 2.5rem;
	--base-radius: 1.6rem;
	--sm-radius: 1.2rem;
	--button-x: 3rem;
	--button-y: 1.5rem;
	--button-radius: var(--base-radius);
	--button-bg-color: var(--primary-color);
	--button-bg-color-hover: var(--color-navy);
	--button-border-color: transparent;
	--button-border-color-hover: transparent;
	--button-border-color-focus: transparent;
	--button-color: var(--color-white);
	--button-color-hover: var(--secondary-color);
	--button-link-color: var(--primary-color);
	--button-link-color-hover: var(--accent-color);
	--input-x: 14px;
	--input-y: 10px;
	--input-height: 44px;
	--input-color: var(--base-text-color);
	--input-placeholder-color: var(--base-text-color);
	--input-bg-color: var(--color-white);
	--input-radius: 1.2rem;
	--input-border: 2px;
	--input-border-color: var(--color-gray-600);
	--input-focus-border-color: var(--primary-color);
	--input-fz: 16px;
	--input-lh: 1.2;
	--input-fw: 500;
	--form-theme-color: var(--primary-color);
	--checkbox-size: 18px;
	--radio-size: 18px;
	--label-fz: 18px;
	--label-lh: 1.2;
	--label-fw: 600;
	--label-color: var(--base-text-color);
	--color-required: var(--accent-color);
	--error-color: red;
	--error-bg-color: red;
	--admin-bar-h: 32px;
	--h1: 8.5rem;
	--h2: 8.5rem;
	--h3: 4rem;
	--h4: 3.2rem;
	--h5: 2.4rem;
	--h6: 1em;
}
:root .py-xs {
	padding-block: var(--spacing-xs) !important;
}
:root .pt-xs {
	padding-top: var(--spacing-xs) !important;
}
:root .pb-xs {
	padding-bottom: var(--spacing-xs) !important;
}
:root .my-xs {
	margin-block: var(--spacing-xs) !important;
}
:root .mt-xs {
	margin-top: var(--spacing-xs) !important;
}
:root .mb-xs {
	margin-bottom: var(--spacing-xs) !important;
}
:root .\-my-xs {
	margin-block: calc(var(--spacing-xs) * -1) !important;
}
:root .\-mt-xs {
	margin-top: calc(var(--spacing-xs) * -1) !important;
}
:root .\-mb-xs {
	margin-bottom: calc(var(--spacing-xs) * -1) !important;
}
:root .py-sm {
	padding-block: var(--spacing-sm) !important;
}
:root .pt-sm {
	padding-top: var(--spacing-sm) !important;
}
:root .pb-sm {
	padding-bottom: var(--spacing-sm) !important;
}
:root .my-sm {
	margin-block: var(--spacing-sm) !important;
}
:root .mt-sm {
	margin-top: var(--spacing-sm) !important;
}
:root .mb-sm {
	margin-bottom: var(--spacing-sm) !important;
}
:root .\-my-sm {
	margin-block: calc(var(--spacing-sm) * -1) !important;
}
:root .\-mt-sm {
	margin-top: calc(var(--spacing-sm) * -1) !important;
}
:root .\-mb-sm {
	margin-bottom: calc(var(--spacing-sm) * -1) !important;
}
:root .py-md {
	padding-block: var(--spacing-md) !important;
}
:root .pt-md {
	padding-top: var(--spacing-md) !important;
}
:root .pb-md {
	padding-bottom: var(--spacing-md) !important;
}
:root .my-md {
	margin-block: var(--spacing-md) !important;
}
:root .mt-md {
	margin-top: var(--spacing-md) !important;
}
:root .mb-md {
	margin-bottom: var(--spacing-md) !important;
}
:root .\-my-md {
	margin-block: calc(var(--spacing-md) * -1) !important;
}
:root .\-mt-md {
	margin-top: calc(var(--spacing-md) * -1) !important;
}
:root .\-mb-md {
	margin-bottom: calc(var(--spacing-md) * -1) !important;
}
:root .py-lg {
	padding-block: var(--spacing-lg) !important;
}
:root .pt-lg {
	padding-top: var(--spacing-lg) !important;
}
:root .pb-lg {
	padding-bottom: var(--spacing-lg) !important;
}
:root .my-lg {
	margin-block: var(--spacing-lg) !important;
}
:root .mt-lg {
	margin-top: var(--spacing-lg) !important;
}
:root .mb-lg {
	margin-bottom: var(--spacing-lg) !important;
}
:root .\-my-lg {
	margin-block: calc(var(--spacing-lg) * -1) !important;
}
:root .\-mt-lg {
	margin-top: calc(var(--spacing-lg) * -1) !important;
}
:root .\-mb-lg {
	margin-bottom: calc(var(--spacing-lg) * -1) !important;
}
:root .py-xl {
	padding-block: var(--spacing-xl) !important;
}
:root .pt-xl {
	padding-top: var(--spacing-xl) !important;
}
:root .pb-xl {
	padding-bottom: var(--spacing-xl) !important;
}
:root .my-xl {
	margin-block: var(--spacing-xl) !important;
}
:root .mt-xl {
	margin-top: var(--spacing-xl) !important;
}
:root .mb-xl {
	margin-bottom: var(--spacing-xl) !important;
}
:root .\-my-xl {
	margin-block: calc(var(--spacing-xl) * -1) !important;
}
:root .\-mt-xl {
	margin-top: calc(var(--spacing-xl) * -1) !important;
}
:root .\-mb-xl {
	margin-bottom: calc(var(--spacing-xl) * -1) !important;
}
:root .py-2xl {
	padding-block: var(--spacing-2xl) !important;
}
:root .pt-2xl {
	padding-top: var(--spacing-2xl) !important;
}
:root .pb-2xl {
	padding-bottom: var(--spacing-2xl) !important;
}
:root .my-2xl {
	margin-block: var(--spacing-2xl) !important;
}
:root .mt-2xl {
	margin-top: var(--spacing-2xl) !important;
}
:root .mb-2xl {
	margin-bottom: var(--spacing-2xl) !important;
}
:root .\-my-2xl {
	margin-block: calc(var(--spacing-2xl) * -1) !important;
}
:root .\-mt-2xl {
	margin-top: calc(var(--spacing-2xl) * -1) !important;
}
:root .\-mb-2xl {
	margin-bottom: calc(var(--spacing-2xl) * -1) !important;
}
@media (max-width: 1679px) {
	:root {
		--base-font-size: 20px;
	}
	:root {
		--button-x: 2.5rem;
		--button-y: 1.2rem;
	}
	:root {
		--h1: 6.5rem;
		--h2: 6.5rem;
		--h3: 4rem;
		--h4: 3.2rem;
		--h5: 2.4rem;
		--h6: 1em;
	}
}
@media (max-width: 1439px) {
	:root {
		--offset-header: 100px;
	}
}
@media (max-width: 1365px) {
	:root {
		--base-font-size: 18px;
	}
}
@media (max-width: 1023px) {
	:root {
		--gutter: 25px;
	}
}
@media (max-width: 782px) {
	:root {
		--admin-bar-h: 46px;
	}
}
@media (max-width: 767px) {
	:root {
		--base-font-size: 16px;
		--lg-font-size: calc(var(--base-font-size) + 2px);
	}
}
@media (max-width: 666px) {
	:root {
		--gutter: 20px;
	}
	:root {
		--h1: 6rem;
		--h2: 6rem;
		--h3: 4rem;
		--h4: 3.2rem;
		--h5: 2.4rem;
		--h6: 1em;
	}
}
@media (min-width: 812px) and (max-height: 414px) and (orientation: landscape) {
	:root {
		--gutter: 50px;
	}
}