/*Admin Bar*/
#wp-admin-bar-oxy-toolbox-oxy-templates {display:none;}
#wp-admin-bar-oxy-toolbox-oxy-pages {display:none;}
#wp-admin-bar-new-ct_template {display:none;}

/*RESET*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

/*TYPOGRAPHY*/
h1 {
	font-size: var(--h1);
	line-height: 1.1;
}

h2 {
	font-size: var(--h2);
	line-height: 1.1;
}

h3 {
	font-size: var(--h3);
	line-height: 1.1;
}

h4 {
	font-size: var(--h4);
	line-height: 1.2;
}

h5 {
	font-size: var(--h5);
	line-height: 1.2;
}

h6 {
	font-size: var(--h6);
	line-height: 1.2;
}

p {
	font-size: var(--p);
	line-height: 1.5;
}

.text-h-xxl {
	font-size: var(--h-xxl);
	line-height: 1.1;
}

.text-h-xl {
	font-size: var(--h-xl);
	line-height: 1.1;
}

.text-h-l {
	font-size: var(--h-l);
	line-height: 1.1;
}

.text-h1 {
	font-size: var(--h1);
	line-height: 1.1;
}

.text-h2 {
	font-size: var(--h2);
	line-height: 1.1;
}

.text-h3 {
	font-size: var(--h3);
	line-height: 1.1;
}

.text-h4 {
	font-size: var(--h4);
	line-height: 1.2;
}

.text-h5 {
	font-size: var(--h5);
	line-height: 1.2;
}

.text-h6 {
	font-size: var(--h6);
	line-height: 1.2;
}

.text-p-l {
	font-size: var(--p-l);
	line-height: 1.4;
}

.text-p {
	font-size: var(--p);
	line-height: 1.4;
}

.text-p-s {
	font-size: var(--p-s);
	line-height: 1.4;
}

.text-p-xs {
	font-size: var(--p-xs);
	line-height: 1.4;
}

:root {
	/*SPACING*/

	--section-pad-inline: clamp(2rem, 1.25vw + 1.4rem, 3rem);
	--section-pad-block: clamp(4rem, 2.5vw + 2.8rem, 6rem);

	/*COLORS*/
	--primary-50: hsl(203, 100%, 95%);
	--primary-100: hsl(203, 97%, 86%);
	--primary-200: hsl(202, 89%, 76%);
	--primary-300: hsl(201, 81%, 65%);
	--primary-400: hsl(201, 73%, 55%);
	--primary-500: hsl(201, 77%, 45%);
	/*main-500*/
	--primary-600: hsl(210, 97%, 37%);
	--primary-700: hsl(221, 100%, 32%);
	--primary-800: hsl(234, 100%, 24%);
	--primary-900: hsl(240, 100%, 15%);

	--secondary-50: hsl(58, 100%, 93%);
	--secondary-100: hsl(48, 100%, 84%);
	--secondary-200: hsl(40, 100%, 75%);
	--secondary-300: hsl(34, 100%, 67%);
	--secondary-400: hsl(27, 100%, 61%);
	--secondary-500: hsl(21, 88%, 54%);
	/*main-500*/
	--secondary-600: hsl(4, 94%, 41%);
	--secondary-700: hsl(347, 100%, 30%);
	--secondary-800: hsl(326, 100%, 20%);
	--secondary-900: hsl(300, 100%, 10%);

	--accent-50: hsl(358, 100%, 95%);
	--accent-100: hsl(351, 100%, 86%);
	--accent-200: hsl(345, 100%, 77%);
	--accent-300: hsl(339, 100%, 68%);
	--accent-400: hsl(337, 95%, 61%);
	--accent-500: hsl(334, 80%, 52%);
	/*main-500*/
	--accent-600: hsl(321, 92%, 42%);
	--accent-700: hsl(305, 100%, 30%);
	--accent-800: hsl(300, 100%, 20%);
	--accent-900: hsl(293, 100%, 10%);

	--accent-2-50: hsl(35, 85%, 95%);
	--accent-2-100: hsl(52, 75%, 86%);
	--accent-2-200: hsl(68, 66%, 77%);
	--accent-2-300: hsl(86, 59%, 68%);
	--accent-2-400: hsl(103, 50%, 59%);
	--accent-2-500: hsl(120, 42%, 50%);
	/*main-500*/
	--accent-2-600: hsl(125, 53%, 41%);
	--accent-2-700: hsl(130, 63%, 32%);
	--accent-2-800: hsl(135, 74%, 24%);
	--accent-2-900: hsl(140, 84%, 15%);

	--neutral-50: hsl(257, 1%, 98%);
	--neutral-100: hsl(257, 2%, 96%);
	--neutral-200: hsl(257, 3%, 90%);
	--neutral-300: hsl(257, 4%, 83%);
	--neutral-400: hsl(257, 5%, 64%);
	--neutral-500: hsl(257, 6%, 45%);
	--neutral-600: hsl(257, 7%, 32%);
	--neutral-700: hsl(257, 8%, 25%);
	--neutral-800: hsl(257, 9%, 15%);
	--neutral-900: hsl(257, 10%, 9%);
	--neutral-950: hsl(257, 11%, 3%);


	--white: hsl(0, 0%, 100%);
	--black: hsl(0, 0%, 0%);


	/*SHADOWS*/
	--shadow-color: 0deg 0% 70%;
	--shadow-xs: 0.2px 0.7px 0.8px hsl(var(--shadow-color) / 0.24),
		0.3px 1.1px 1.3px -1.2px hsl(var(--shadow-color) / 0.24),
		0.6px 2.5px 2.9px -2.5px hsl(var(--shadow-color) / 0.24);
	--shadow-s: 0.2px 0.7px 0.8px hsl(var(--shadow-color) / 0.25),
		0.5px 2.2px 2.5px -0.8px hsl(var(--shadow-color) / 0.25),
		1.2px 5.2px 6px -1.7px hsl(var(--shadow-color) / 0.25),
		2.8px 12.6px 14.5px -2.5px hsl(var(--shadow-color) / 0.25);
	--shadow-m: 0.2px 0.7px 0.8px hsl(var(--shadow-color) / 0.25),
		0.5px 2.2px 2.5px -0.8px hsl(var(--shadow-color) / 0.25),
		1.2px 5.2px 6px -1.7px hsl(var(--shadow-color) / 0.25),
		2.8px 12.6px 14.5px -2.5px hsl(var(--shadow-color) / 0.25);
	--shadow-l: 0.2px 0.7px 0.8px hsl(var(--shadow-color) / 0.23),
		0.7px 3.2px 3.7px -0.4px hsl(var(--shadow-color) / 0.23),
		1.3px 5.8px 6.7px -0.7px hsl(var(--shadow-color) / 0.23),
		2.1px 9.5px 10.9px -1.1px hsl(var(--shadow-color) / 0.23),
		3.4px 15px 17.3px -1.4px hsl(var(--shadow-color) / 0.23),
		5.2px 23.3px 26.9px -1.8px hsl(var(--shadow-color) / 0.23),
		7.9px 35.3px 40.7px -2.1px hsl(var(--shadow-color) / 0.23),
		11.7px 51.9px 59.9px -2.5px hsl(var(--shadow-color) / 0.23);
	--shadow-xl: 0.2px 0.7px 0.8px hsl(var(--shadow-color) / 0.23),
		0.7px 3.2px 3.7px -0.4px hsl(var(--shadow-color) / 0.23),
		1.3px 5.8px 6.7px -0.7px hsl(var(--shadow-color) / 0.23),
		2.1px 9.5px 10.9px -1.1px hsl(var(--shadow-color) / 0.23),
		3.4px 15px 17.3px -1.4px hsl(var(--shadow-color) / 0.23),
		5.2px 23.3px 26.9px -1.8px hsl(var(--shadow-color) / 0.23),
		7.9px 35.3px 40.7px -2.1px hsl(var(--shadow-color) / 0.23),
		11.7px 51.9px 59.9px -2.5px hsl(var(--shadow-color) / 0.23);

	/*GLOBAL VARIABLES*/
	--page-width-l: 1280px;
	--page-width-m: 992px;
	--page-width-s: 768px;
	--page-width-xs: 480px;
}

/*GENERAL*/

::selection {
	background-color: var(--primary-500);
	color: #fff;
}

/*UTILITY*/

.owl-xs.ct-section>.ct-section-inner-wrap>*+*,
.owl-xs:not(.ct-section)>*+* {
	margin-top: var(--sp-xs);
}

.owl-s.ct-section>.ct-section-inner-wrap>*+*,
.owl-s:not(.ct-section)>*+* {
	margin-top: var(--sp-s);
}

.owl-m.ct-section>.ct-section-inner-wrap>*+*,
.owl-m:not(.ct-section)>*+* {
	margin-top: var(--sp-m);
}

.owl-l.ct-section>.ct-section-inner-wrap>*+*,
.owl-l:not(.ct-section)>*+* {
	margin-top: var(--sp-l);
}

.owl-xl.ct-section>.ct-section-inner-wrap>*+*,
.owl-xl:not(.ct-section)>*+* {
	margin-top: var(--sp-xl);
}

.owl-xxl.ct-section>.ct-section-inner-wrap>*+*,
.owl-xxl:not(.ct-section)>*+* {
	margin-top: var(--sp-xxl);
}

/*
* === FLUID SIZES ===
*/
:root {
	--rem-val: 16;
}
/* Group 0: 480px - 1280px */
:root {
	--sp-xxxl: 10rem;
	--sp-xxl: 9rem;
	--sp-xl: 5rem;
	--sp-l: 2.75rem;
	--sp-m: 1.25rem;
	--sp-s: 0.875rem;
	--sp-xs: 0.375rem;
	--sp-xxs: 0.1875rem;
	--rad-xxl: 1.5rem;
	--rad-xl: 1rem;
	--rad-l: 0.5rem;
	--rad-m: 0.5rem;
	--rad-s: 0.125rem;
	--rad-xs: 0.0625rem;
	--h-xxl: 6rem;
	--h-xl: 4.5rem;
	--h-l: 4rem;
	--h1: 3.5rem;
	--h2: 3.25rem;
	--h3: 3rem;
	--h4: 2rem;
	--h5: 1.5rem;
	--h6: 1.125rem;
	--p-l: 1.25rem;
	--p: 1.125rem;
	--p-s: 1rem;
	--p-xs: 0.875rem;
}
@media screen and (min-width: 480px) {
	:root {
		--sp-xxxl: calc(10rem + ((100vw - 480px) / (1280 - 480)) * ((12 - 10) * var(--rem-val)));
		--sp-xxl: calc(9rem + ((100vw - 480px) / (1280 - 480)) * ((10 - 9) * var(--rem-val)));
		--sp-xl: calc(5rem + ((100vw - 480px) / (1280 - 480)) * ((6 - 5) * var(--rem-val)));
		--sp-l: calc(2.75rem + ((100vw - 480px) / (1280 - 480)) * ((3 - 2.75) * var(--rem-val)));
		--sp-m: calc(1.25rem + ((100vw - 480px) / (1280 - 480)) * ((1.5 - 1.25) * var(--rem-val)));
		--sp-s: calc(0.875rem + ((100vw - 480px) / (1280 - 480)) * ((1 - 0.875) * var(--rem-val)));
		--sp-xs: calc(0.375rem + ((100vw - 480px) / (1280 - 480)) * ((0.5 - 0.375) * var(--rem-val)));
		--sp-xxs: calc(0.1875rem + ((100vw - 480px) / (1280 - 480)) * ((0.25 - 0.1875) * var(--rem-val)));
		--rad-xxl: calc(1.5rem + ((100vw - 480px) / (1280 - 480)) * ((2 - 1.5) * var(--rem-val)));
		--rad-xl: calc(1rem + ((100vw - 480px) / (1280 - 480)) * ((1.5 - 1) * var(--rem-val)));
		--rad-l: calc(0.5rem + ((100vw - 480px) / (1280 - 480)) * ((1 - 0.5) * var(--rem-val)));
		--rad-m: calc(0.5rem + ((100vw - 480px) / (1280 - 480)) * ((0.5 - 0.5) * var(--rem-val)));
		--rad-s: calc(0.125rem + ((100vw - 480px) / (1280 - 480)) * ((0.25 - 0.125) * var(--rem-val)));
		--rad-xs: calc(0.0625rem + ((100vw - 480px) / (1280 - 480)) * ((0.125 - 0.0625) * var(--rem-val)));
		--h-xxl: calc(6rem + ((100vw - 480px) / (1280 - 480)) * ((8 - 6) * var(--rem-val)));
		--h-xl: calc(4.5rem + ((100vw - 480px) / (1280 - 480)) * ((6 - 4.5) * var(--rem-val)));
		--h-l: calc(4rem + ((100vw - 480px) / (1280 - 480)) * ((5 - 4) * var(--rem-val)));
		--h1: calc(3.5rem + ((100vw - 480px) / (1280 - 480)) * ((4.5 - 3.5) * var(--rem-val)));
		--h2: calc(3.25rem + ((100vw - 480px) / (1280 - 480)) * ((4 - 3.25) * var(--rem-val)));
		--h3: calc(3rem + ((100vw - 480px) / (1280 - 480)) * ((3.5 - 3) * var(--rem-val)));
		--h4: calc(2rem + ((100vw - 480px) / (1280 - 480)) * ((3 - 2) * var(--rem-val)));
		--h5: calc(1.5rem + ((100vw - 480px) / (1280 - 480)) * ((2 - 1.5) * var(--rem-val)));
		--h6: calc(1.125rem + ((100vw - 480px) / (1280 - 480)) * ((1.5 - 1.125) * var(--rem-val)));
		--p-l: calc(1.25rem + ((100vw - 480px) / (1280 - 480)) * ((1.375 - 1.25) * var(--rem-val)));
		--p: calc(1.125rem + ((100vw - 480px) / (1280 - 480)) * ((1.125 - 1.125) * var(--rem-val)));
		--p-s: calc(1rem + ((100vw - 480px) / (1280 - 480)) * ((1 - 1) * var(--rem-val)));
		--p-xs: calc(0.875rem + ((100vw - 480px) / (1280 - 480)) * ((0.875 - 0.875) * var(--rem-val)));
	}
}
@media screen and (min-width: 1280px) {
	:root {
		--sp-xxxl: 12rem;
		--sp-xxl: 10rem;
		--sp-xl: 6rem;
		--sp-l: 3rem;
		--sp-m: 1.5rem;
		--sp-s: 1rem;
		--sp-xs: 0.5rem;
		--sp-xxs: 0.25rem;
		--rad-xxl: 2rem;
		--rad-xl: 1.5rem;
		--rad-l: 1rem;
		--rad-m: 0.5rem;
		--rad-s: 0.25rem;
		--rad-xs: 0.125rem;
		--h-xxl: 8rem;
		--h-xl: 6rem;
		--h-l: 5rem;
		--h1: 4.5rem;
		--h2: 4rem;
		--h3: 3.5rem;
		--h4: 2.625rem;
		--h5: 2rem;
		--h6: 1.5rem;
		--p-l: 1.375rem;
		--p: 1.125rem;
		--p-s: 1rem;
		--p-xs: 0.875rem;
	}
}