@import url(reset.css);
@import url(bootstrap.css);
@import url(print.css);

/* local font inclusions */

/* Inter */
@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter28pt-Regular.eot');
	src: url('../fonts/Inter28pt-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Inter28pt-Regular.woff2') format('woff2'),
		url('../fonts/Inter28pt-Regular.woff') format('woff');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter28pt-Italic.eot');
	src: url('../fonts/Inter28pt-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Inter28pt-Italic.woff2') format('woff2'),
		url('../fonts/Inter28pt-Italic.woff') format('woff');
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter28pt-SemiBold.eot');
	src: url('../fonts/Inter28pt-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Inter28pt-SemiBold.woff2') format('woff2'),
		url('../fonts/Inter28pt-SemiBold.woff') format('woff');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter28pt-SemiBoldItalic.eot');
	src: url('../fonts/Inter28pt-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Inter28pt-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/Inter28pt-SemiBoldItalic.woff') format('woff');
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}


/* IBM Plex Sans */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-Medium.eot');
	src: url('../fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-Medium.woff') format('woff');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-MediumItalic.eot');
	src: url('../fonts/IBMPlexSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSans-MediumItalic.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-MediumItalic.woff') format('woff');
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-SemiBold.eot');
	src: url('../fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-SemiBold.woff') format('woff');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-SemiBoldItalic.eot');
	src: url('../fonts/IBMPlexSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}


/* IBM Plex Sans Condensed */
@font-face {
	font-family: 'IBM Plex Sans Condensed';
	src: url('../fonts/IBMPlexSansCond-Medium.eot');
	src: url('../fonts/IBMPlexSansCond-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSansCond-Medium.woff2') format('woff2'),
		url('../fonts/IBMPlexSansCond-Medium.woff') format('woff');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans Condensed';
	src: url('../fonts/IBMPlexSansCond-MediumItalic.eot');
	src: url('../fonts/IBMPlexSansCond-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSansCond-MediumItalic.woff2') format('woff2'),
		url('../fonts/IBMPlexSansCond-MediumItalic.woff') format('woff');
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans Condensed';
	src: url('../fonts/IBMPlexSansCond-SemiBold.eot');
	src: url('../fonts/IBMPlexSansCond-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSansCond-SemiBold.woff2') format('woff2'),
		url('../fonts/IBMPlexSansCond-SemiBold.woff') format('woff');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans Condensed';
	src: url('../fonts/IBMPlexSansCond-SemiBoldItalic.eot');
	src: url('../fonts/IBMPlexSansCond-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/IBMPlexSansCond-SemiBoldItalic.woff2') format('woff2'),
		url('../fonts/IBMPlexSansCond-SemiBoldItalic.woff') format('woff');
	font-style: italic;
	font-weight: 600;
	font-display: swap;
}


:root {
	/* ease variables */
	--ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	--ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	--ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);

	--ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
	--ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
	--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);

	--ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
	--ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
	--ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);

	--ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
	--ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	--ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);

	--ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
	--ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	--ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);

	--ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	--ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	--ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);

	--ease-in-3: cubic-bezier(.70, 0, 1, 1);

	--spring-ease: linear(0, 0.453 7.8%, 0.803 16.1%, 1.048 24.9%, 1.132 29.5%, 1.194 34.4%, 1.227 38.4%, 1.245 42.5%, 1.25 46.9%, 1.242 51.7%, 1.2 60.5%, 1.038 84.9%, 1.009 92.5%, 1);
	--sharp-wiggle: cubic-bezier(0.8, -0.4, 0.5, 1);

	--shadow-color: 0deg 0% 73%;
	--shadow-elevation-low:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.33),
		0px 0.7px 0.6px -1.9px hsl(var(--shadow-color) / 0.26),
		0px 1.6px 1.5px -3.8px hsl(var(--shadow-color) / 0.18);
	--shadow-elevation-medium:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.35),
		0px 1px 0.9px -1.3px hsl(var(--shadow-color) / 0.29),
		0px 2.9px 2.7px -2.6px hsl(var(--shadow-color) / 0.23),
		0.1px 7.8px 7.2px -3.8px hsl(var(--shadow-color) / 0.17);
	--shadow-elevation-high:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.37),
		0px 1.3px 1.2px -0.6px hsl(var(--shadow-color) / 0.33),
		0px 2.7px 2.5px -1.3px hsl(var(--shadow-color) / 0.3),
		0px 5.5px 5.1px -1.9px hsl(var(--shadow-color) / 0.26),
		0.1px 10.5px 9.7px -2.6px hsl(var(--shadow-color) / 0.22),
		0.1px 18.6px 17.2px -3.2px hsl(var(--shadow-color) / 0.19),
		0.2px 30.5px 28.1px -3.8px hsl(var(--shadow-color) / 0.15);

	--content-width: 1248px;

	/* Figma Variables */
	--Gray---95: #111;
	--Gray---90: #333331;
	--Gray---80: #474745;
	--Gray---70: #5A5A58;
	--Gray---60: #70706D;
	--Gray---50: #8B8B87;
	--Gray---40: #A7A7A3;
	--Gray---30: #C8C8C3;
	--Gray---20: #E2E2E0;
	--Gray---10: #f9f9f9;

	--control-black-0: #ffffff;
	--control-black-30: #F7F7F7;
	--control-black-60: #F2F7FD;
	--control-black-90: #E2EAF4;
	--control-black-120: #E0E0E0;
	--control-black-380: #9E9E9E;
	--control-black-440: #8F8F8F;
	--control-black-500: #808080;
	--control-black-530: #80818B;
	--control-black-560: #707070;
	--control-black-620: #616161;
	--control-black-880: #1F1F1F;
	--control-black-910: #171717;
	--control-black-940: #0F0F0F;
	--control-black-970: #080808;
	--control-black-1000: #000000;

	/* Primary - Set 1 - looks Bright Blue */
	--trinova-blue-50: #E6F0FF;
	--trinova-blue-100: #B1D1FD;
	--trinova-blue-200: #8BBAFD;
	--trinova-blue-300: #569BFC;
	--trinova-blue-400: #3588FB;
	--trinova-blue-500: #036AFA;
	--trinova-blue-600: #0360E4;
	--trinova-blue-700: #024BB2;
	--trinova-blue-800: #023A8A;
	--trinova-blue-900: #012D69;

	--trinova-blue-1: var(--trinova-blue-50);
	--trinova-blue-2: var(--trinova-blue-100);
	--trinova-blue-3: var(--trinova-blue-200);
	--trinova-blue-4: var(--trinova-blue-300);
	--trinova-blue-5: var(--trinova-blue-400);
	--trinova-blue-6: var(--trinova-blue-500);
	--trinova-blue-7: var(--trinova-blue-600);
	--trinova-blue-8: var(--trinova-blue-700);
	--trinova-blue-9: var(--trinova-blue-800);
	--trinova-blue-10: var(--trinova-blue-900);

	/* Secondary - Set 2 - looks Navy */
	--blueprint-navy-50: #E7EDF4;
	--blueprint-navy-100: #B3C7DB;
	--blueprint-navy-200: #8FACCA;
	--blueprint-navy-300: #5C86B2;
	--blueprint-navy-400: #3C6EA3;
	--blueprint-navy-500: #0B4A8C;
	--blueprint-navy-600: #0A437F;
	--blueprint-navy-700: #083563;
	--blueprint-navy-800: #06294D;
	--blueprint-navy-900: #051F3B;
	--blueprint-navy-darker: #020c17;

	--blueprint-navy-1: var(--blueprint-navy-50);
	--blueprint-navy-2: var(--blueprint-navy-100);
	--blueprint-navy-3: var(--blueprint-navy-200);
	--blueprint-navy-4: var(--blueprint-navy-300);
	--blueprint-navy-5: var(--blueprint-navy-400);
	--blueprint-navy-6: var(--blueprint-navy-500);
	--blueprint-navy-7: var(--blueprint-navy-600);
	--blueprint-navy-8: var(--blueprint-navy-700);
	--blueprint-navy-9: var(--blueprint-navy-800);
	--blueprint-navy-10: var(--blueprint-navy-900);

	/* Set 3 - looks Gold */
	--beacon-glow-50: #FFF8EE;
	--beacon-glow-100: #FFE9CC;
	--beacon-glow-200: #FFDEB3;
	--beacon-glow-300: #FFCF90;
	--beacon-glow-400: #FFC67A;
	--beacon-glow-500: #FFB859;
	--beacon-glow-600: #E8A751;
	--beacon-glow-700: #B5833F;
	--beacon-glow-800: #8C6531;
	--beacon-glow-900: #6B4D25;

	--beacon-glow-1: var(--beacon-glow-50);
	--beacon-glow-2: var(--beacon-glow-100);
	--beacon-glow-3: var(--beacon-glow-200);
	--beacon-glow-4: var(--beacon-glow-300);
	--beacon-glow-5: var(--beacon-glow-400);
	--beacon-glow-6: var(--beacon-glow-500);
	--beacon-glow-7: var(--beacon-glow-600);
	--beacon-glow-8: var(--beacon-glow-700);
	--beacon-glow-9: var(--beacon-glow-800);
	--beacon-glow-10: var(--beacon-glow-900);

	/* Default Variables - mostly used on forms and messaging */
	--Red-on-light: #ed4149;
	--Red-on-dark: #DB2C4D;
	--Bright-red: #EF3836;

	--Orange-on-light: #E46C37;
	--Orange-on-dark: #E46C37;

	--Green-on-light: #477C03;
	--Green-on-dark: #477C03;

	--highlight-color: var(--trinova-blue-500);

	/* primary text color */
	--primary-color: var(--trinova-blue-500);
	--light-primary-color: var(--trinova-blue-300);
	--dark-primary-color: var(--trinova-blue-700);

	--secondary-color: var(--blueprint-navy-500);
	--light-secondary-color: var(--blueprint-navy-300);
	--dark-secondary-color: var(--blueprint-navy-700);

	/* base colors */
	--accent-grey: var(--control-black-30, #f9f9f9);
	--light-grey-color: var(--control-black-30, #f9f9f9);
	--grey-color: var(--Gray---90, #333);
	--black-color: #000;
	--dark-grey-color: var(--Gray---95, #111);

	/* some of these colors are used in forms */
	--red-color: var(--Red-on-light);
	--light-red-color: var(--Red-on-dark);
	--green-color: var(--Green-on-light);
	--light-green: var(--Green-on-dark);

	--fancybox-accent-color: var(--primary-color);

	/* body colors */
	--body-color: #3B365C;
	--body-color-light: #FFFFFF;
	--light-grey-color: #C5C4CF;
	--header-color-light: #fff;
	--body-background-color: #000;
	--inner-body-background-color: #fff;
	--body-font-weight: 400;
	--body-margin: 0 0 1.7rem;

	--a-link-color: var(--header-dark-color);
	--a-hover-link-color: var(--primary-color);

	/* preloader styles */
	--preload-bar-color: var(--primary-color);
	--preload-bg-color: var(--body-background-color);
	--loaded-bg-color: var(--body-background-color);

	/* base styles */
	--body-font-size: 16px;
	--body-letter-spacing: 0;
	--body-line-height: 1.45;
	--strong-font-weight: 700;
	--strong-font-color: var(--header-dark-color);
	--light-strong-font-color: #fff;
	--bootstrap-column-default-padding: 0 20px;

	/* popup settings */
	--backdrop-color: #000;
	--backdrop-color-opacity: 0.8;

	--max-height-editor: 300px;
	--base-animation-speed: 1400ms;

	/* font settings */
	--default-sans-serif: Arial, sans-serif;
	--default-serif: Georgia, Times, serif;

	--body-font: 'Arial', var(--default-sans-serif);
	--header-font: 'IBM Plex Sans', var(--default-sans-serif);
	--header-font-2: 'IBM Plex Sans', var(--default-sans-serif);
	--nav-font: 'Arial', var(--default-sans-serif);
	--button-font: 'Arial', var(--default-sans-serif);
	--font-awesome: 'Font Awesome 6 Free';
	--font-awesome-brands: 'Font Awesome 6 Brands';

	/* logo in main menu settings */
	--logo-max-width: 175px;
	--mobile-logo-max-width: 120px;
	--logo-left: 24px;
	--logo-top: 12px;
	--mobile-logo-left: 0px;
	--mobile-logo-top: 8px;

	/* mobile menu */
	--mobile-menu-bg-color: var(--above-menu-background-color);
	--mobile-menu-title-color: #fff;
	--mobile-body-color: #fff;
	--mobile-menu-font-size: 1.2rem;
	--mobile-menu-item-font-weight: 600;
	--mobile-menu-font-family: var(--body-font);
	--mobile-menu-item-padding: 11px 20px;
	--mobile-menu-item-min-height: 30px;
	--mobile-menu-item-border: rgba(255, 255, 255, 0.0);
	--mobile-menu-accent-color: var(--arc-green-500);
	--mobile-menu-text-transform: none;
	--mobile-menu-letter-spacing: var(--body-letter-spacing);

	--mobile-menu-child-group-text-transform: none;
	--mobile-menu-child-group-letter-spacing: -0.01em;
	--mobile-menu-child-group-indent: 20px;
	/* indent second-level child elements */
	--mobile-menu-child-item-font-size: 14px;
	--mobile-menu-child-item-padding: 9px 20px;
	--mobile-menu-child-item-font-weight: 400;
	--mobile-menu-child-item-min-height: 39px;
	--mobile-menu-child-item-color: rgba(255, 255, 255, 0.85);

	/* mobile menu bottom info  */
	--bottom-info-wrapper-padding: 20px 20px;
	--mmenu-bottom-content-height: 20px;

	/* above menu message settings  */
	--above-menu-padding: 9px 20px;
	--above-menu-background-color: #18123F;
	--above-menu-color: #fff;
	--above-menu-link-color: #fff;
	--above-menu-link-color-hover: #AFD136;

	/* main menu settings */
	--main-menu-bar-height: 78px;
	--main-menu-font-size: 1rem;
	--main-menu-letter-spacing: 0;
	--main-menu-font-weight: 400;
	--main-menu-color: #000;
	--main-menu-hover-color: #000;
	--header-background-light: #fff;
	--main-menu-padding-block: 12px;
	--main-menu-padding-inline: 12px;

	--open-dropdown-main-menu-color: var(--main-menu-color);
	--open-dropdown-main-menu-hover-color: var(--main-menu-hover-color);

	--mm-menu-bar-height: var(--main-menu-bar-height, 0px);

	/* normal dropdown menu settings */
	--dropdown-menu-font-size: var(--main-menu-font-size);
	--dropdown-menu-border-color: #fff;
	--dropdown-menu-box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.09);
	--dropdown-menu-letter-spacing: 0.0em;
	--dropdown-menu-item-padding-inline: var(--main-menu-padding-inline);
	--dropdown-menu-item-padding-block: 14px 14px;
	--dropdown-menu-font-weight: 600;
	--dropdown-menu-background: var(--header-background-light);
	--dropdown-menu-color: var(--main-menu-color);
	--dropdown-menu-hover-background: #fff;
	--dropdown-menu-hover-color: var(--main-menu-color);

	/* mega menu dropdown menu settings */
	--mega-menu-background: #fff;
	--mega-menu-color: var(--main-menu-color);
	--mega-menu-hover-color: var(--main-menu-color);
	--mega-menu-font-size: 1.0rem;
	--mega-menu-item-padding: 5px 0;
	--mega-menu-item-font-weight: 600;

	/* heading text settings */
	--header-letter-spacing: 0em;
	--header-line-height: 0.95;
	--header-font-weight: 500;
	--smaller-header-font-weight: 600;
	--header-margin: 0 0 30px;
	--header-padding: 0;
	--header-text-transform: none;
	--header-dark-color: var(--trinova-blue-14, #000);
	--header-color: var(--header-dark-color, #000);
	--header-light-color: #fff;
	--header-transition: 300ms var(--ease-out-cubic);
	--h1-letter-spacing: -0.05em;
	--h2-letter-spacing: -0.07em;
	--h3-letter-spacing: -0.08em;
	--h4-letter-spacing: -0.04em;
	--h5-letter-spacing: -0.09em;
	--h6-letter-spacing: 0em;

	/* min and max viewport width size for fluid font calculations */
	--vp-max: 1200px;
	--vp-min: 500px;

	--extra-large-on-mobile: 3.0rem;

	--full-width-headline-max-font-size: 90px;
	--full-width-headline-min-font-size: 60px;
	--full-width-headline-line-height: 0.85;

	--giant-headline-max-font-size: 82px;
	--giant-headline-min-font-size: 46px;
	--giant-headline-line-height: 0.85;

	--mega-max-font-size: 82px;
	--mega-min-font-size: 46px;

	--larger-h1-max-font-size: 90px;
	--larger-h1-min-font-size: 60px;

	--h1-max-font-size: 82px;
	--h1-min-font-size: 46px;

	--h2-max-font-size: 60px;
	--h2-min-font-size: 40px;

	--h3-max-font-size: 48px;
	--h3-min-font-size: 36px;

	--h4-max-font-size: 38px;
	--h4-min-font-size: 32px;

	--h5-max-font-size: 32px;
	--h5-min-font-size: 28px;

	--h6-max-font-size: 26px;
	--h6-min-font-size: 24px;

	/* dot navigation styles  */
	--dot-nav-color: var(--secondary-color);
	--dot-nav-color-active: var(--primary-color);

	/* arrow navigation styles */
	--arrow-nav-color: rgba(0, 0, 0, 0.8);
	--arrow-nav-background-color: rgba(255, 255, 255, 0.8);
	--arrow-nav-border-color: rgba(255, 255, 255, 0.0);

	--arrow-nav-color-hover: #fff;
	--arrow-nav-background-color-hover: var(--primary-color);
	--arrow-nav-border-color-hover: rgba(255, 255, 255, 0.0);

	/* button settings */
	--large-button-padding: 20px 24px;
	--large-button-mobile-padding: 12px 22px;
	--large-button-font-size: 1rem;
	--large-button-mobile-font-size: 1rem;

	--medium-button-padding: 12px 22px;
	--medium-button-mobile-padding: 11px 20px;
	--medium-button-font-size: 0.9375rem;
	--medium-button-mobile-font-size: 0.9375rem;

	--small-button-padding: 10px 18px;
	--small-button-mobile-padding: 10px 18px;
	--small-button-font-size: 0.875rem;
	--small-button-mobile-font-size: 0.875rem;

	--xsmall-button-padding: 7px 14px;
	--xsmall-button-mobile-padding: 7px 14px;
	--xsmall-button-font-size: 0.8125rem;
	--xsmall-button-mobile-font-size: 0.8125rem;

	--button-font-size: var(--medium-button-font-size);
	--button-mobile-font-size: var(--medium-button-mobile-font-size);
	--button-font-weight: 600;
	--button-line-height: 1.45;
	--button-letter-spacing: 0;
	--button-border-radius: 999px;
	--button-padding: var(--medium-button-padding);
	--button-mobile-padding: var(--medium-button-mobile-padding);
	--button-margin: 0 14px 14px 0;
	--button-text-transform: uppercase;
	--button-easing: all 450ms var(--ease-out-expo), transform 200ms var(--ease-out-expo);
	--arc-green-400: #c5e25b;
	--arc-green-500: #afd136;
	--arc-green-600: #93b72d;
	--arc-navy: #0d0c33;
	--arc-disabled-surface: #4f5236;
	--arc-disabled-text: rgba(255, 255, 255, 0.6);
	--button-ink-dark: var(--arc-navy);
	--button-ink-light: #fff;
	--button-color: var(--button-ink-dark);
	--button-background-color: var(--arc-green-500);
	--button-border-width: 1px;
	--button-border-style: solid;
	--button-border-color: var(--arc-green-500);
	--button-focus-ring: 0 0 0 3px color-mix(in srgb, var(--arc-green-500) 45%, transparent);

	--hover-button-color: var(--button-ink-dark);
	--hover-button-background-color: #ffffff;
	--hover-button-border-color: #ffffff;

	--pressed-button-color: var(--button-ink-dark);
	--pressed-button-background-color: #c5c4cf;
	--pressed-button-border-color: #c5c4cf;

	--narrow-button-padding: 20px;
	--short-button-padding: 12px;

	--secondary-button-color: var(--arc-navy);
	--secondary-button-background-color: var(--arc-green-400);
	--secondary-button-border-color: var(--arc-green-400);

	--secondary-hover-button-color: var(--arc-navy);
	--secondary-hover-button-background-color: var(--arc-green-500);
	--secondary-hover-button-border-color: var(--arc-green-500);

	--light-button-color: var(--arc-navy);
	--light-button-background-color: #fff;
	--light-button-border-color: #fff;

	--light-hover-button-color: var(--arc-navy);
	--light-hover-button-background-color: #f2f4f7;
	--light-hover-button-border-color: #f2f4f7;

	--to-light-button-color: #fff;
	--to-light-button-background-color: var(--arc-navy);
	--to-light-button-border-color: var(--arc-navy);

	--to-light-hover-button-color: #fff;
	--to-light-hover-button-background-color: color-mix(in srgb, var(--arc-navy) 90%, transparent);
	--to-light-hover-button-border-color: color-mix(in srgb, var(--arc-navy) 90%, transparent);

	--outline-button-color: var(--arc-green-500);
	--outline-button-background-color: transparent;
	--outline-button-border-color: var(--arc-green-500);

	--outline-hover-button-color: var(--arc-navy);
	--outline-hover-button-background-color: color-mix(in srgb, var(--arc-green-500) 18%, transparent);
	--outline-hover-button-border-color: var(--arc-green-500);

	--light-outline-button-color: #fff;
	--light-outline-button-background-color: transparent;
	--light-outline-button-border-color: #fff;

	--light-outline-hover-button-color: #fff;
	--light-outline-hover-button-background-color: color-mix(in srgb, #fff 18%, transparent);
	--light-outline-hover-button-border-color: #fff;

	--no-bg-button-color: var(--arc-green-500);
	--no-bg-button-hover-color: var(--arc-green-600);

	--transparent-button-color: var(--arc-navy);
	--transparent-button-background-color: transparent;
	--transparent-button-border-color: transparent;

	--transparent-button-hover-color: var(--arc-navy);
	--transparent-button-hover-background-color: color-mix(in srgb, var(--arc-green-500) 18%, transparent);
	--transparent-button-hover-border-color: color-mix(in srgb, var(--arc-green-500) 18%, transparent);

	--disabled-button-color: var(--arc-disabled-text);
	--disabled-button-background-color: var(--arc-disabled-surface);
	--disabled-button-border-color: var(--arc-disabled-surface);
	--disabled-outline-button-color: color-mix(in srgb, var(--arc-green-500) 60%, transparent);
	--disabled-outline-button-border-color: color-mix(in srgb, var(--arc-green-500) 40%, transparent);

	--arrow-size: 6px;

	/* form settings */
	--success-color: var(--green-color);
	--error-color: var(--Red-on-light);

	--light-success-color: #9ad056;
	--light-error-color: #ff6666;

	--input-container-padding: 0 8px 8px;
	--mobile-input-container-padding: 0 0 8px;

	--input-font-size: 16px;
	--input-font-weight: 400;
	--input-padding: 9px 13px;
	--input-border-width: 1.0px;
	--input-border-radius: 6px;
	--input-letter-spacing: 0.015em;
	--input-line-height: 1.5;
	--input-font-style: normal;
	--input-text-transform: none;
	--input-easing: all 150ms linear;
	--input-color: var(--control-black-300, #555E61);
	--input-background-color: #ffffff;
	--input-border-color: #ffffff;
	--input-box-shadow: none;

	--focus-input-color: var(--header-color);
	--focus-input-background-color: #ffffff;
	--focus-input-border-color: var(--header-color);
	--focus-input-box-shadow: 0 10px 8px -7px rgba(0, 0, 0, 0.15) !important;

	--select-icon-color: #0D0C33;

	--textbox-min-height: 0;
	--textbox-max-height: 160px;

	--label-font-size: 16px;
	--label-font-weight: 600;
	--label-text-transform: none;
	--label-padding: 8px 24px;
	--label-color: var(--header-color);

	--submit-button-color: var(--button-color);
	--submit-button-background-color: var(--button-background-color);
	--submit-button-border-width: var(--button-border-width);
	--submit-button-border-style: var(--button-border-style);
	--submit-button-border-color: var(--button-border-color);

	--submit-hover-button-color: var(--hover-button-color);
	--submit-hover-button-background-color: var(--hover-button-background-color);
	--submit-hover-border-color: var(--hover-button-border-color);

	--single-input-padding: 22px 130px 21px 20px;
	--single-input-letter-spacing: 0.0em;
	--single-input-box-shadow: none;
	--single-input-border-radius: 50px;
	--single-input-font-weight: var(--input-font-weight);
	--single-input-color: var(--input-color);
	--single-input-border-width: 0;
	--single-input-border-color: var(--input-border-color);
	--single-input-background-color: var(--input-background-color);

	--single-focus-input-box-shadow: var(--focus-input-box-shadow);
	--single-focus-input-color: var(--focus-input-color);
	--single-focus-input-background-color: var(--focus-input-background-color);
	--single-focus-input-border-color: var(--focus-input-border-color);

	--single-submit-border-width: 0;
	--single-submit-padding: 12px 18px;
	--single-submit-font-size: var(--button-font-size);
	--single-submit-color: var(--button-color);
	--single-submit-background-color: var(--button-background-color);
	--single-submit-border-color: var(--button-background-color);

	--single-submit-hover-color: var(--hover-button-color);
	--single-submit-hover-background-color: var(--hover-button-background-color);
	--single-submit-hover-border-color: var(--hover-button-border-color);

	--section-header-color: var(--label-color);
	--section-header-font-family: var(--body-font);
	--section-header-font-weight: 600;
	--section-header-font-size: var(--label-font-size);

	--search-field-color: #000;
	--search-field-bg-color: #fff;
	--search-field-border-color: #fff;

	--search-field-color-focus: #000;
	--search-field-bg-color-focus: #fff;
	--search-field-border-color-focus: #fff;

	--search-submit-color: #000;
	--search-submit-color-hover: var(--primary-color);

	--results-search-field-color: #000;
	--results-search-field-bg-color: #fff;
	--results-search-field-border-color: var(--control-black-120, #E0E0E0);

	--results-search-field-color-focus: #000;
	--results-search-field-bg-color-focus: #fff;
	--results-search-field-border-color-focus: var(--primary-color);

	--results-search-submit-color: #000;
	--results-search-submit-color-hover: var(--primary-color);

	--main-menu-background: #000;

	--light-white-color: #fff;
	--light-white-color-hover: #fff;

	--social-icons-border-width: 0px;
	--social-icons-border-radius: 50%;
	--social-icons-color: var(--header-color);
	--social-icons-border-color: transparent;
	--social-icons-background-color: transparent;
	--social-icons-font-size: 16px;
	--social-icons-padding: 2px 2px;
	--social-icons-width: 28px;
	--social-icons-height: 28px;
	--social-icons-margin: 1px;

	--hover-social-icons-color: var(--trinova-blue-7);
	--hover-social-icons-border-color: transparent;
	--hover-social-icons-background-color: transparent;

	--footer-font-size: 0.8667rem;
	--footer-menu-font-size: var(--footer-font-size);
	--footer-menu-sub-items-font-size: var(--footer-font-size);
	--footer-copyright-font-size: var(--footer-font-size);
	--footer-header-color: #fff;
	--footer-color: #fff;
	--footer-color-opacity: 75%;
	--footer-light-color: #fff;
	--footer-hover-color: #fff;
	--footer-hover-color-opacity: 100%;
	--footer-background-color: var(--body-background-color, #051F3B);

	--footer-social-icons-color: #fff;
	--footer-social-icons-border-color: transparent;
	--footer-social-icons-background-color: transparent;

	--footer-hover-social-icons-color: var(--primary-color);
	--footer-hover-social-icons-border-color: transparent;
	--footer-hover-social-icons-background-color: transparent;

	--mobile-footer-menu-border-color: rgba(255, 255, 255, 0.25);
	--mobile-footer-menu-down-arrrow-color: rgba(255, 255, 255, 1.0);

	--top-header-height: var(--main-menu-bar-height);

	--product-image-background-color: #ebeef5;

	--pico-spacing: 0rem;
	--pico-color: inherit;

	--loading-icon: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(0, 0, 0)' stroke-width='3' /%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1024px) {
	:root {
		--main-menu-bar-height: 60px;
	}
}

body:has(#header.move-up) {
	--top-header-height: 0px;
}

.hide {
	display: none;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus,
*:focus:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.noScroll {
	touch-action: none;
	-webkit-overflow-scrolling: none;
	overflow: hidden;
	overscroll-behavior: none
}

html {
	--scrollbarBG: rgba(255, 255, 255, 0.1);
	--thumbBG: color-mix(in srgb, var(--arc-green-500, #afd136) 90%, transparent);

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	background: var(--preload-bg-color);
	box-sizing: border-box;
	height: 100%;
	min-height: 100%;
	overflow: clip scroll;

	scrollbar-width: thin;
	scrollbar-color: var(--thumbBG) var(--scrollbarBG);

	&::-webkit-scrollbar {
		width: 11px;
	}

	&::-webkit-scrollbar-track {
		background: var(--scrollbarBG);
	}

	&::-webkit-scrollbar-thumb {
		background-color: var(--thumbBG);
		border-radius: 6px;
		border: 0 solid var(--scrollbarBG);
		-webkit-filter: blur(4px);
		filter: blur(4px);
		mix-blend-mode: multiply;
	}

	&::-webkit-scrollbar-thumb:hover {
		--thumbBG: color-mix(in srgb, var(--arc-green-500, #afd136) 100%, transparent);
	}
}

body {
	background: var(--preload-bg-color);
	height: initial;
	overflow: initial;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	touch-action: manipulation;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	min-height: 100%;
	flex-grow: 1;
}

html,
body {
	/* position: relative; */
	font-family: var(--body-font);
	color: var(--body-color);
	font-size: var(--body-font-size);
	line-height: var(--body-line-height);
	font-weight: var(--body-font-weight);
	letter-spacing: 0.0;
	margin: 0;
	font-feature-settings: "kern", "liga", "lnum";
	-webkit-transition: background 150ms linear;
	transition: background 150ms linear;
}

html .body-inner,
body .body-inner {
	position: relative;
	z-index: 10;
	background: var(--body-background-color);
	-webkit-transition: background 150ms linear;
	transition: background 150ms linear;
	min-height: 100%;
	width: 100%;
}

html #wrapper,
body #wrapper {
	position: relative;
}

html.pace-done,
body.pace-done {
	background: var(--body-background-color);
}

html.pace-done .body-inner,
body.pace-done .body-inner {
	position: relative;
	background: var(--body-background-color);
}

html.pace-done .woocommerce .body-inner,
body.pace-done .woocommerce .body-inner {
	background: var(--body-background-color);
}

html {

	&.stop-scroll,
	&.popup-blocking {
		overflow: clip;
	}

	& body.stop-scroll {
		overflow: clip;

		&::-moz-scrollbar,
		&::-webkit-scrollbar {
			width: 0px;
			display: none;
		}
	}
}

@media (min-width: 1025px) {

	html,
	body {
		line-height: 1.5;
	}
}

html {
	width: 100%;
	height: 100%;
}

body {
	min-height: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

body.is-exiting .scene_element {
	-webkit-animation-direction: alternate-reverse;
	-moz-animation-direction: alternate-reverse;
	-o-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse;
}

body.mce-content-body {
	background: #eee !important;
}

.primary-color,
.primary-text {
	color: var(--primary-color) !important;
}

.secondary-color,
.secondary-text {
	color: var(--secondary-color) !important;
}

.tertiary-color,
.tertiary-text {
	color: var(--secondary-color) !important;
}

.header-color {
	color: var(--header-dark-color) !important;
}

.light p {
	color: var(--body-color-light);
}

.white-text {
	color: #ffffff !important;
}

.body-grey-text {
	color: var(--body-color);
}

.black-text {
	color: var(--black-color);
}

.grey-text {
	color: var(--grey-color);
}

.light-grey-text {
	color: var(--light-grey-color);
}

.dark-grey-text {
	color: var(--dark-grey-color);
}

.red-text {
	color: var(--red-color);
}

.light-red-text {
	color: var(--light-red-color);
}

.font-body {
	font-family: var(--body-font);
}

.font-header {
	font-family: var(--header-font);
}

.font-nav {
	font-family: var(--nav-font);
}

.font-button {
	font-family: var(--nav-font);
}

.fl-builder-content .fl-rich-text strong {
	font-weight: var(--strong-font-weight) !important;
}

.material-icons-outlined {
	font-size: 20px;
}

textarea {
	white-space: revert;
}

input,
textarea,
select {
	outline: none;
	font: 100% var(--body-font);
	color: var(--input-color);
	vertical-align: middle;
	/*-webkit-appearance: none;
	appearance: none;*/
}

select::-ms-expand {
	display: none;
}

form {
	margin: 0;
	padding: 0;
	border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: var(--input-color);
	opacity: 1.0;
	font-weight: var(--input-font-weight);
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus,
input[type="text"]:active,
input[type="tel"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="password"]:active,
input[type="search"]:active,
select:active,
textarea:active {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: var(--input-color);
	-webkit-text-fill-color: var(--input-color);
}

input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input[type="text"]:active::-webkit-input-placeholder,
input[type="tel"]:active::-webkit-input-placeholder,
input[type="email"]:active::-webkit-input-placeholder,
input[type="url"]:active::-webkit-input-placeholder,
input[type="password"]:active::-webkit-input-placeholder,
input[type="search"]:active::-webkit-input-placeholder,
select:active::-webkit-input-placeholder,
textarea:active::-webkit-input-placeholder,
input[type="text"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
select:focus:-moz-placeholder,
textarea:focus:-moz-placeholder,
input[type="text"]:active:-moz-placeholder,
input[type="tel"]:active:-moz-placeholder,
input[type="email"]:active:-moz-placeholder,
input[type="url"]:active:-moz-placeholder,
input[type="password"]:active:-moz-placeholder,
input[type="search"]:active:-moz-placeholder,
select:active:-moz-placeholder,
textarea:active:-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input[type="text"]:active::-moz-placeholder,
input[type="tel"]:active::-moz-placeholder,
input[type="email"]:active::-moz-placeholder,
input[type="url"]:active::-moz-placeholder,
input[type="password"]:active::-moz-placeholder,
input[type="search"]:active::-moz-placeholder,
select:active::-moz-placeholder,
textarea:active::-moz-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
input[type="text"]:active:-ms-input-placeholder,
input[type="tel"]:active:-ms-input-placeholder,
input[type="email"]:active:-ms-input-placeholder,
input[type="url"]:active:-ms-input-placeholder,
input[type="password"]:active:-ms-input-placeholder,
input[type="search"]:active:-ms-input-placeholder,
select:active:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
	color: var(--input-color);
	opacity: 1.0;
	font-weight: var(--input-font-weight);
}

select {
	min-width: 210px;
	padding-right: 50px !important;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.required:before {
	position: absolute;
	left: 23px;
	font-family: var(--nav-font);
	font-size: var(--input-font-size);
	font-weight: var(--input-font-weight);
	content: '*';
	text-align: left;
	color: var(--primary-color);
	z-index: 10;
	padding-top: 12px;
	pointer-events: none;
	opacity: 1.0;
	display: none;
}

form .center-content {
	display: block !important;
	text-align: center !important;
}

label {
	font-family: var(--body-font);
	color: var(--label-font-color);
	text-transform: var(--label-text-transform);
	font-weight: var(--label-font-weight);
	text-align: left;
	margin-bottom: 0;
	font-size: var(--label-font-size);
}

.label {
	display: inline-block;
	padding: var(--label-padding);
}

form {
	display: block !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea,
form input[type=text],
form input[type=password],
form input[type=email],
form input[type=number],
form input[type=search],
form input[type=tel],
form input[type=url],
form select,
form textarea,
form .input,
form .form-field .frm_slimselect {
	overflow: auto;
	resize: none;
	outline-offset: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: var(--input-background-color) !important;
	color: var(--input-color) !important;
	-webkit-text-fill-color: var(--input-color) !important;
	font-style: var(--input-font-style) !important;
	font-size: var(--input-font-size) !important;
	letter-spacing: var(--input-letter-spacing) !important;
	font-weight: var(--input-font-weight) !important;
	line-height: var(--input-line-height) !important;
	display: block;
	/*	height: auto !important;*/
	border: var(--input-border-width) solid var(--input-border-color) !important;
	padding: var(--input-padding) !important;
	margin-bottom: 7px;
	width: 100% !important;
	max-width: none !important;
	overflow: hidden;
	text-transform: var(--input-text-transform);
	-webkit-border-radius: var(--input-border-radius) !important;
	border-radius: var(--input-border-radius) !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: var(--input-box-shadow) !important;
	box-shadow: var(--input-box-shadow) !important;
	-webkit-transition: var(--input-easing) !important;
	transition: var(--input-easing) !important;
}

select option,
form select option {
	padding: var(--input-padding) !important;
}

form input[type=text]::-webkit-input-placeholder,
form input[type=password]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form input[type=number]::-webkit-input-placeholder,
form input[type=search]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form input[type=url]::-webkit-input-placeholder,
form select::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form .input::-webkit-input-placeholder,
form input[type=text]:-moz-placeholder,
form input[type=password]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form input[type=number]:-moz-placeholder,
form input[type=search]:-moz-placeholder,
form input[type=tel]:-moz-placeholder,
form input[type=url]:-moz-placeholder,
form select:-moz-placeholder,
form textarea:-moz-placeholder,
form .input:-moz-placeholder,
form input[type=text]::-moz-placeholder,
form input[type=password]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form input[type=number]::-moz-placeholder,
form input[type=search]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form input[type=url]::-moz-placeholder,
form select::-moz-placeholder,
form textarea::-moz-placeholder,
form .input::-moz-placeholder,
form input[type=text]:-ms-input-placeholder,
form input[type=password]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form input[type=number]:-ms-input-placeholder,
form input[type=search]:-ms-input-placeholder,
form input[type=tel]:-ms-input-placeholder,
form input[type=url]:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder,
form .input:-ms-input-placeholder {
	color: var(--input-color) !important;
	opacity: 1.0;
	font-weight: var(--input-font-weight) !important;
}

form input[type=text]:focus,
form input[type=password]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=search]:focus,
form input[type=tel]:focus,
form input[type=url]:focus,
form select:focus,
form textarea:focus,
form .input:focus,
form input[type=text]:active,
form input[type=password]:active,
form input[type=email]:active,
form input[type=number]:active,
form input[type=search]:active,
form input[type=tel]:active,
form input[type=url]:active,
form select:active,
form textarea:active,
form .input:active {
	background-color: var(--focus-input-background-color) !important;
	border-color: var(--focus-input-border-color) !important;
	-webkit-box-shadow: var(--focus-input-box-shadow) !important;
	box-shadow: var(--focus-input-box-shadow) !important;
	color: var(--focus-input-color) !important;
	-webkit-text-fill-color: var(--focus-input-color) !important;
}

form input[type=text]:-webkit-autofill,
form input[type=password]:-webkit-autofill,
form input[type=email]:-webkit-autofill,
form input[type=number]:-webkit-autofill,
form input[type=search]:-webkit-autofill,
form input[type=tel]:-webkit-autofill,
form input[type=url]:-webkit-autofill,
form select:-webkit-autofill,
form textarea:-webkit-autofill,
form .input:-webkit-autofill,
form input[type=text]:-webkit-autofill:hover,
form input[type=password]:-webkit-autofill:hover,
form input[type=email]:-webkit-autofill:hover,
form input[type=number]:-webkit-autofill:hover,
form input[type=search]:-webkit-autofill:hover,
form input[type=tel]:-webkit-autofill:hover,
form input[type=url]:-webkit-autofill:hover,
form select:-webkit-autofill:hover,
form textarea:-webkit-autofill:hover,
form .input:-webkit-autofill:hover,
form input[type=text]:-webkit-autofill:focus,
form input[type=password]:-webkit-autofill:focus,
form input[type=email]:-webkit-autofill:focus,
form input[type=number]:-webkit-autofill:focus,
form input[type=search]:-webkit-autofill:focus,
form input[type=tel]:-webkit-autofill:focus,
form input[type=url]:-webkit-autofill:focus,
form select:-webkit-autofill:focus,
form textarea:-webkit-autofill:focus,
form .input:-webkit-autofill:focus,
form input[type=text]:-webkit-autofill:active,
form input[type=password]:-webkit-autofill:active,
form input[type=email]:-webkit-autofill:active,
form input[type=number]:-webkit-autofill:active,
form input[type=search]:-webkit-autofill:active,
form input[type=tel]:-webkit-autofill:active,
form input[type=url]:-webkit-autofill:active,
form select:-webkit-autofill:active,
form textarea:-webkit-autofill:active,
form .input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px var(--input-background-color) inset !important;
	-webkit-text-fill-color: var(--focus-input-color) !important;
}

.frm_form_field:has(input[type=number]):has(.frm_inline_box) {
	& .frm_input_group {
		position: relative;
	}

	& .frm_inline_box {
		position: absolute;
		left: 13px;
		top: 11px;
		z-index: 100;
		pointer-events: none;
		color: var(--input-color) !important;
		font-size: var(--input-font-size) !important;
	}

	& input[type=number] {
		padding-left: 26px !important;
	}
}

form textarea {
	overflow: auto;
	/*	height: auto !important;*/
	resize: none !important;
}

form input.form-submit,
form input[type=submit],
form input[type=button],
form button[type=submit],
form button.submit,
form .btn-submit,
form #wp-submit,
form input.form-submit:focus,
form input[type=submit]:focus,
form input[type=button]:focus,
form button[type=submit]:focus,
form button.submit:focus,
form .btn-submit:focus,
form #wp-submit:focus,
form input.form-submit.disabled,
form input[type=submit].disabled,
form input[type=button].disabled,
form button[type=submit]:disabled,
form button.submit.disabled,
form .btn-submit.disabled,
form #wp-submit.disabled,
form input.form-submit.disable,
form input[type=submit].disable,
form input[type=button].disable,
form button[type=submit].disable,
form button.submit.disable,
form .btn-submit.disable,
form #wp-submit.disable,
form input.form-submit:disabled,
form input[type=submit]:disabled,
form input[type=button]:disabled,
form button[type=submit]:disabled,
form button.submit:disabled,
form .btn-submit:disabled,
form #wp-submit:disabled {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	vertical-align: middle;
	outline: none;
	/* text-transform: none; */
	text-align: center;
	z-index: 100;
	overflow: hidden;
	box-shadow: none !important;
	text-decoration: none;
	min-width: 100px;
	-webkit-transition: var(--button-easing);
	transition: var(--button-easing);
	color: var(--submit-button-color) !important;
	background-color: var(--submit-button-background-color) !important;
	border: var(--submit-button-border-width) var(--submit-button-border-style) var(--submit-button-border-color) !important;
	margin: 10px 0 0 !important;
	padding: 18px 23px !important;
	-webkit-border-radius: var(--button-border-radius);
	border-radius: var(--button-border-radius);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: auto;
	width: 100% !important;
	font-weight: var(--button-font-weight);
	font-family: var(--nav-font);
	font-size: var(--button-font-size);
	line-height: var(--button-line-height);
	letter-spacing: var(--button-letter-spacing);
}

form input.form-submit:hover,
form input[type=submit]:hover,
form input[type=button]:hover,
form button[type=submit]:hover,
form button.submit:hover,
form .btn-submit:hover,
form #wp-submit:hover,
form input.form-submit.disabled:hover,
form input[type=submit].disabled:hover,
form input[type=button].disabled:hover,
form button[type=submit].disabled:hover,
form button.submit.disabled:hover,
form .btn-submit.disabled:hover,
form #wp-submit.disabled:hover,
form input.form-submit.disable:hover,
form input[type=submit].disable:hover,
form input[type=button].disable:hover,
form button[type=submit].disable:hover,
form button.submit.disable:hover,
form .btn-submit.disable:hover,
form #wp-submit.disable:hover,
form input.form-submit:disabled:hover,
form input[type=submit]:disabled:hover,
form input[type=button]:disabled:hover,
form button[type=submit]:disabled:hover,
form button.submit:disabled:hover,
form .btn-submit:disabled:hover,
form #wp-submit:disabled:hover,
form input.form-submit:active,
form input[type=submit]:active,
form input[type=button]:active,
form button[type=submit]:active,
form button.submit:active,
form .btn-submit:active,
form #wp-submit:active,
form input.form-submit.disabled:active,
form input[type=submit].disabled:active,
form input[type=button].disabled:active,
form button[type=submit].disabled:active,
form button.submit.disabled:active,
form .btn-submit.disabled:active,
form #wp-submit.disabled:active,
form input.form-submit.disable:active,
form input[type=submit].disable:active,
form input[type=button].disable:active,
form button[type=submit].disable:active,
form button.submit.disable:active,
form .btn-submit.disable:active,
form #wp-submit.disable:active,
form input.form-submit:disabled:active,
form input[type=submit]:disabled:active,
form input[type=button]:disabled:active,
form button[type=submit]:disabled:active,
form button.submit:disabled:active,
form .btn-submit:disabled:active,
form #wp-submit:disabled:active {
	text-decoration: none;
	color: var(--submit-hover-button-color) !important;
	background-color: var(--submit-hover-button-background-color) !important;
	border-color: var(--submit-hover-border-color) !important;
	box-shadow: none !important;
}

form textarea {
	min-height: var(--textbox-min-height) !important;
	max-height: var(--textbox-max-height) !important;
}

form.single-field {
	position: relative;
	display: block;
	margin: 0 auto !important;
	padding: 10px 0;
	max-width: 450px;

	@media (max-width: 1200px) {
		& {
			max-width: 100%;
		}
	}
}

form.single-field .required:before {
	display: none;
}

@media (max-width: 1024px) {
	form.single-field {
		text-align: center;
		width: auto;
	}
}

form.single-field .required:before {
	left: 20px;
}

form.single-field input[type=text],
form.single-field input[type=password],
form.single-field input[type=email],
form.single-field input[type=number],
form.single-field input[type=search],
form.single-field input[type=tel],
form.single-field input[type=url],
form.single-field select,
form.single-field textarea,
form.single-field .input {
	display: block;
	border: 0;
	color: var(--single-input-color) !important;
	-webkit-text-fill-color: var(--single-input-color) !important;
	font-weight: var(--single-input-font-weight) !important;
	padding: var(--single-input-padding) !important;
	line-height: var(--input-line-height) !important;
	margin: 0 !important;
	background: var(--single-input-background-color) !important;
	border: var(--single-input-border-width) solid var(--single-input-border-color) !important;
	letter-spacing: var(--single-input-letter-spacing) !important;
	font-size: var(--button-font-size) !important;
	-webkit-border-radius: var(--single-input-border-radius) !important;
	border-radius: var(--single-input-border-radius) !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: var(--single-input-box-shadow) !important;
}

form.single-field input[type=text]::-webkit-input-placeholder,
form.single-field input[type=password]::-webkit-input-placeholder,
form.single-field input[type=email]::-webkit-input-placeholder,
form.single-field input[type=number]::-webkit-input-placeholder,
form.single-field input[type=search]::-webkit-input-placeholder,
form.single-field input[type=tel]::-webkit-input-placeholder,
form.single-field input[type=url]::-webkit-input-placeholder,
form.single-field select::-webkit-input-placeholder,
form.single-field textarea::-webkit-input-placeholder,
form.single-field .input::-webkit-input-placeholder,
form.single-field input[type=text]:-moz-placeholder,
form.single-field input[type=password]:-moz-placeholder,
form.single-field input[type=email]:-moz-placeholder,
form.single-field input[type=number]:-moz-placeholder,
form.single-field input[type=search]:-moz-placeholder,
form.single-field input[type=tel]:-moz-placeholder,
form.single-field input[type=url]:-moz-placeholder,
form.single-field select:-moz-placeholder,
form.single-field textarea:-moz-placeholder,
form.single-field .input:-moz-placeholder,
form.single-field input[type=text]::-moz-placeholder,
form.single-field input[type=password]::-moz-placeholder,
form.single-field input[type=email]::-moz-placeholder,
form.single-field input[type=number]::-moz-placeholder,
form.single-field input[type=search]::-moz-placeholder,
form.single-field input[type=tel]::-moz-placeholder,
form.single-field input[type=url]::-moz-placeholder,
form.single-field select::-moz-placeholder,
form.single-field textarea::-moz-placeholder,
form.single-field .input::-moz-placeholder,
form.single-field input[type=text]:-ms-input-placeholder,
form.single-field input[type=password]:-ms-input-placeholder,
form.single-field input[type=email]:-ms-input-placeholder,
form.single-field input[type=number]:-ms-input-placeholder,
form.single-field input[type=search]:-ms-input-placeholder,
form.single-field input[type=tel]:-ms-input-placeholder,
form.single-field input[type=url]:-ms-input-placeholder,
form.single-field select:-ms-input-placeholder,
form.single-field textarea:-ms-input-placeholder,
form.single-field .input:-ms-input-placeholder {
	color: var(--single-focus-input-color) !important;
	-webkit-text-fill-color: var(--single-focus-input-color) !important;
	border-color: var(--single-focus-input-border-color) !important;
	background: var(--single-focus-input-background-color) !important;
	box-shadow: var(--single-focus-input-box-shadow) !important;
}

form.single-field input[type=text]:focus,
form.single-field input[type=password]:focus,
form.single-field input[type=email]:focus,
form.single-field input[type=number]:focus,
form.single-field input[type=search]:focus,
form.single-field input[type=tel]:focus,
form.single-field input[type=url]:focus,
form.single-field select:focus,
form.single-field textarea:focus,
form.single-field .input:focus,
form.single-field input[type=text]:active,
form.single-field input[type=password]:active,
form.single-field input[type=email]:active,
form.single-field input[type=number]:active,
form.single-field input[type=search]:active,
form.single-field input[type=tel]:active,
form.single-field input[type=url]:active,
form.single-field select:active,
form.single-field textarea:active,
form.single-field .input:active {
	color: var(--single-focus-input-color) !important;
	-webkit-text-fill-color: var(--single-focus-input-color) !important;
	border-color: var(--single-focus-input-border-color) !important;
	background: var(--single-focus-input-background-color) !important;
	box-shadow: var(--single-focus-input-box-shadow) !important;
}

form.single-field input[type=text]:focus::-webkit-input-placeholder,
form.single-field input[type=password]:focus::-webkit-input-placeholder,
form.single-field input[type=email]:focus::-webkit-input-placeholder,
form.single-field input[type=number]:focus::-webkit-input-placeholder,
form.single-field input[type=search]:focus::-webkit-input-placeholder,
form.single-field input[type=tel]:focus::-webkit-input-placeholder,
form.single-field input[type=url]:focus::-webkit-input-placeholder,
form.single-field select:focus::-webkit-input-placeholder,
form.single-field textarea:focus::-webkit-input-placeholder,
form.single-field .input:focus::-webkit-input-placeholder,
form.single-field input[type=text]:active::-webkit-input-placeholder,
form.single-field input[type=password]:active::-webkit-input-placeholder,
form.single-field input[type=email]:active::-webkit-input-placeholder,
form.single-field input[type=number]:active::-webkit-input-placeholder,
form.single-field input[type=search]:active::-webkit-input-placeholder,
form.single-field input[type=tel]:active::-webkit-input-placeholder,
form.single-field input[type=url]:active::-webkit-input-placeholder,
form.single-field select:active::-webkit-input-placeholder,
form.single-field textarea:active::-webkit-input-placeholder,
form.single-field .input:active::-webkit-input-placeholder,
form.single-field input[type=text]:focus:-moz-placeholder,
form.single-field input[type=password]:focus:-moz-placeholder,
form.single-field input[type=email]:focus:-moz-placeholder,
form.single-field input[type=number]:focus:-moz-placeholder,
form.single-field input[type=search]:focus:-moz-placeholder,
form.single-field input[type=tel]:focus:-moz-placeholder,
form.single-field input[type=url]:focus:-moz-placeholder,
form.single-field select:focus:-moz-placeholder,
form.single-field textarea:focus:-moz-placeholder,
form.single-field .input:focus:-moz-placeholder,
form.single-field input[type=text]:active:-moz-placeholder,
form.single-field input[type=password]:active:-moz-placeholder,
form.single-field input[type=email]:active:-moz-placeholder,
form.single-field input[type=number]:active:-moz-placeholder,
form.single-field input[type=search]:active:-moz-placeholder,
form.single-field input[type=tel]:active:-moz-placeholder,
form.single-field input[type=url]:active:-moz-placeholder,
form.single-field select:active:-moz-placeholder,
form.single-field textarea:active:-moz-placeholder,
form.single-field .input:active:-moz-placeholder,
form.single-field input[type=text]:focus::-moz-placeholder,
form.single-field input[type=password]:focus::-moz-placeholder,
form.single-field input[type=email]:focus::-moz-placeholder,
form.single-field input[type=number]:focus::-moz-placeholder,
form.single-field input[type=search]:focus::-moz-placeholder,
form.single-field input[type=tel]:focus::-moz-placeholder,
form.single-field input[type=url]:focus::-moz-placeholder,
form.single-field select:focus::-moz-placeholder,
form.single-field textarea:focus::-moz-placeholder,
form.single-field .input:focus::-moz-placeholder,
form.single-field input[type=text]:active::-moz-placeholder,
form.single-field input[type=password]:active::-moz-placeholder,
form.single-field input[type=email]:active::-moz-placeholder,
form.single-field input[type=number]:active::-moz-placeholder,
form.single-field input[type=search]:active::-moz-placeholder,
form.single-field input[type=tel]:active::-moz-placeholder,
form.single-field input[type=url]:active::-moz-placeholder,
form.single-field select:active::-moz-placeholder,
form.single-field textarea:active::-moz-placeholder,
form.single-field .input:active::-moz-placeholder,
form.single-field input[type=text]:focus:-ms-input-placeholder,
form.single-field input[type=password]:focus:-ms-input-placeholder,
form.single-field input[type=email]:focus:-ms-input-placeholder,
form.single-field input[type=number]:focus:-ms-input-placeholder,
form.single-field input[type=search]:focus:-ms-input-placeholder,
form.single-field input[type=tel]:focus:-ms-input-placeholder,
form.single-field input[type=url]:focus:-ms-input-placeholder,
form.single-field select:focus:-ms-input-placeholder,
form.single-field textarea:focus:-ms-input-placeholder,
form.single-field .input:focus:-ms-input-placeholder,
form.single-field input[type=text]:active:-ms-input-placeholder,
form.single-field input[type=password]:active:-ms-input-placeholder,
form.single-field input[type=email]:active:-ms-input-placeholder,
form.single-field input[type=number]:active:-ms-input-placeholder,
form.single-field input[type=search]:active:-ms-input-placeholder,
form.single-field input[type=tel]:active:-ms-input-placeholder,
form.single-field input[type=url]:active:-ms-input-placeholder,
form.single-field select:active:-ms-input-placeholder,
form.single-field textarea:active:-ms-input-placeholder,
form.single-field .input:active:-ms-input-placeholder {
	color: var(--single-focus-input-color) !important;
	-webkit-text-fill-color: var(--single-focus-input-color) !important;
	opacity: 0.0;
}

form.single-field input.form-submit,
form.single-field input[type=submit],
form.single-field input[type=button],
form.single-field button[type=submit],
form.single-field button.submit,
form.single-field .btn-submit,
form.single-field #wp-submit,
form.single-field input.form-submit:focus,
form.single-field input[type=submit]:focus,
form.single-field input[type=button]:focus,
form.single-field button[type=submit]:focus,
form.single-field button.submit:focus,
form.single-field .btn-submit:focus,
form.single-field #wp-submit:focus,
form.single-field input.form-submit.disabled,
form.single-field input[type=submit].disabled,
form.single-field input[type=button].disabled,
form.single-field button[type=submit].disabled,
form.single-field button.submit.disabled,
form.single-field .btn-submit.disabled,
form.single-field #wp-submit.disabled,
form.single-field input.form-submit.disable,
form.single-field input[type=submit].disable,
form.single-field input[type=button].disable,
form.single-field button[type=submit].disable,
form.single-field button.submit.disable,
form.single-field .btn-submit.disable,
form.single-field #wp-submit.disable,
form.single-field input.form-submit:disabled,
form.single-field input[type=submit]:disabled,
form.single-field input[type=button]:disabled,
form.single-field button[type=submit]:disabled,
form.single-field button.submit:disabled,
form.single-field .btn-submit:disabled,
form.single-field #wp-submit:disabled {
	color: var(--single-submit-color) !important;
	background: var(--single-submit-background-color) !important;
	border-color: var(--single-submit-border-color) !important;
	margin: 0px !important;
	padding: var(--single-submit-padding) !important;
	-webkit-border-radius: var(--button-border-radius) !important;
	border-radius: var(--button-border-radius) !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 100%;
	min-width: 0px;
	height: 100%;
	font-weight: var(--button-font-weight) !important;
	font-family: var(--button-font);
	font-size: var(--single-submit-font-size) !important;
	line-height: var(--button-line-height) !important;
	letter-spacing: var(--button-letter-spacing) !important;
	border-radius: var(--button-border-radius) !important;
}

form.single-field input.form-submit:hover,
form.single-field input[type=submit]:hover,
form.single-field input[type=button]:hover,
form.single-field button[type=submit]:hover,
form.single-field button.submit:hover,
form.single-field .btn-submit:hover,
form.single-field #wp-submit:hover,
form.single-field input.form-submit:focus:hover,
form.single-field input[type=submit]:focus:hover,
form.single-field input[type=button]:focus:hover,
form.single-field button[type=submit]:focus:hover,
form.single-field button.submit:focus:hover,
form.single-field .btn-submit:focus:hover,
form.single-field #wp-submit:focus:hover,
form.single-field input.form-submit.disabled:hover,
form.single-field input[type=submit].disabled:hover,
form.single-field input[type=button].disabled:hover,
form.single-field button[type=submit].disabled:hover,
form.single-field button.submit.disabled:hover,
form.single-field .btn-submit.disabled:hover,
form.single-field #wp-submit.disabled:hover,
form.single-field input.form-submit.disable:hover,
form.single-field input[type=submit].disable:hover,
form.single-field input[type=button].disable:hover,
form.single-field button[type=submit].disable:hover,
form.single-field button.submit.disable:hover,
form.single-field .btn-submit.disable:hover,
form.single-field #wp-submit.disable:hover,
form.single-field input.form-submit:disabled:hover,
form.single-field input[type=submit]:disabled:hover,
form.single-field input[type=button]:disabled:hover,
form.single-field button[type=submit]:disabled:hover,
form.single-field button.submit:disabled:hover,
form.single-field .btn-submit:disabled:hover,
form.single-field #wp-submit:disabled:hover,
form.single-field input.form-submit:active,
form.single-field input[type=submit]:active,
form.single-field input[type=button]:active,
form.single-field button[type=submit]:active,
form.single-field button.submit:active,
form.single-field .btn-submit:active,
form.single-field #wp-submit:active,
form.single-field input.form-submit:focus:active,
form.single-field input[type=submit]:focus:active,
form.single-field input[type=button]:focus:active,
form.single-field button[type=submit]:focus:active,
form.single-field button.submit:focus:active,
form.single-field .btn-submit:focus:active,
form.single-field #wp-submit:focus:active,
form.single-field input.form-submit.disabled:active,
form.single-field input[type=submit].disabled:active,
form.single-field input[type=button].disabled:active,
form.single-field button[type=submit].disabled:active,
form.single-field button.submit.disabled:active,
form.single-field .btn-submit.disabled:active,
form.single-field #wp-submit.disabled:active,
form.single-field input.form-submit.disable:active,
form.single-field input[type=submit].disable:active,
form.single-field input[type=button].disable:active,
form.single-field button[type=submit].disable:active,
form.single-field button.submit.disable:active,
form.single-field .btn-submit.disable:active,
form.single-field #wp-submit.disable:active,
form.single-field input.form-submit:disabled:active,
form.single-field input[type=submit]:disabled:active,
form.single-field input[type=button]:disabled:active,
form.single-field button[type=submit]:disabled:active,
form.single-field button.submit:disabled:active,
form.single-field .btn-submit:disabled:active,
form.single-field #wp-submit:disabled:active {
	color: #18123f !important;
	background: #ffffff !important;
	border-color: #ffffff !important;
}

form.single-field input.form-submit:active,
form.single-field input[type=submit]:active,
form.single-field input[type=button]:active,
form.single-field button[type=submit]:active,
form.single-field button.submit:active,
form.single-field .btn-submit:active,
form.single-field #wp-submit:active,
form.single-field input.form-submit:focus:active,
form.single-field input[type=submit]:focus:active,
form.single-field input[type=button]:focus:active,
form.single-field button[type=submit]:focus:active,
form.single-field button.submit:focus:active,
form.single-field .btn-submit:focus:active,
form.single-field #wp-submit:focus:active,
form.single-field input.form-submit.disabled:active,
form.single-field input[type=submit].disabled:active,
form.single-field input[type=button].disabled:active,
form.single-field button[type=submit].disabled:active,
form.single-field button.submit.disabled:active,
form.single-field .btn-submit.disabled:active,
form.single-field #wp-submit.disabled:active,
form.single-field input.form-submit.disable:active,
form.single-field input[type=submit].disable:active,
form.single-field input[type=button].disable:active,
form.single-field button[type=submit].disable:active,
form.single-field button.submit.disable:active,
form.single-field .btn-submit.disable:active,
form.single-field #wp-submit.disable:active,
form.single-field input.form-submit:disabled:active,
form.single-field input[type=submit]:disabled:active,
form.single-field input[type=button]:disabled:active,
form.single-field button[type=submit]:disabled:active,
form.single-field button.submit:disabled:active,
form.single-field .btn-submit:disabled:active,
form.single-field #wp-submit:disabled:active {
	color: #18123f !important;
	background: #c5c4cf !important;
	border-color: #c5c4cf !important;
}

form.single-field input.form-submit:hover:before,
form.single-field input[type=submit]:hover:before,
form.single-field input[type=button]:hover:before,
form.single-field button[type=submit]:hover:before,
form.single-field button.submit:hover:before,
form.single-field .btn-submit:hover:before,
form.single-field #wp-submit:hover:before,
form.single-field input.form-submit:focus:hover:before,
form.single-field input[type=submit]:focus:hover:before,
form.single-field input[type=button]:focus:hover:before,
form.single-field button[type=submit]:focus:hover:before,
form.single-field button.submit:focus:hover:before,
form.single-field .btn-submit:focus:hover:before,
form.single-field #wp-submit:focus:hover:before,
form.single-field input.form-submit.disabled:hover:before,
form.single-field input[type=submit].disabled:hover:before,
form.single-field input[type=button].disabled:hover:before,
form.single-field button[type=submit].disabled:hover:before,
form.single-field button.submit.disabled:hover:before,
form.single-field .btn-submit.disabled:hover:before,
form.single-field #wp-submit.disabled:hover:before,
form.single-field input.form-submit.disable:hover:before,
form.single-field input[type=submit].disable:hover:before,
form.single-field input[type=button].disable:hover:before,
form.single-field button[type=submit].disable:hover:before,
form.single-field button.submit.disable:hover:before,
form.single-field .btn-submit.disable:hover:before,
form.single-field #wp-submit.disable:hover:before,
form.single-field input.form-submit:disabled:hover:before,
form.single-field input[type=submit]:disabled:hover:before,
form.single-field input[type=button]:disabled:hover:before,
form.single-field button[type=submit]:disabled:hover:before,
form.single-field button.submit:disabled:hover:before,
form.single-field .btn-submit:disabled:hover:before,
form.single-field #wp-submit:disabled:hover:before,
form.single-field input.form-submit:active:before,
form.single-field input[type=submit]:active:before,
form.single-field input[type=button]:active:before,
form.single-field button[type=submit]:active:before,
form.single-field button.submit:active:before,
form.single-field .btn-submit:active:before,
form.single-field #wp-submit:active:before,
form.single-field input.form-submit:focus:active:before,
form.single-field input[type=submit]:focus:active:before,
form.single-field input[type=button]:focus:active:before,
form.single-field button[type=submit]:focus:active:before,
form.single-field button.submit:focus:active:before,
form.single-field .btn-submit:focus:active:before,
form.single-field #wp-submit:focus:active:before,
form.single-field input.form-submit.disabled:active:before,
form.single-field input[type=submit].disabled:active:before,
form.single-field input[type=button].disabled:active:before,
form.single-field button[type=submit].disabled:active:before,
form.single-field button.submit.disabled:active:before,
form.single-field .btn-submit.disabled:active:before,
form.single-field #wp-submit.disabled:active:before,
form.single-field input.form-submit.disable:active:before,
form.single-field input[type=submit].disable:active:before,
form.single-field input[type=button].disable:active:before,
form.single-field button[type=submit].disable:active:before,
form.single-field button.submit.disable:active:before,
form.single-field .btn-submit.disable:active:before,
form.single-field #wp-submit.disable:active:before,
form.single-field input.form-submit:disabled:active:before,
form.single-field input[type=submit]:disabled:active:before,
form.single-field input[type=button]:disabled:active:before,
form.single-field button[type=submit]:disabled:active:before,
form.single-field button.submit:disabled:active:before,
form.single-field .btn-submit:disabled:active:before,
form.single-field #wp-submit:disabled:active:before {
	color: inherit !important;
}

form,
.frm_forms {
	& select {

		&,
		&,
		&,
		&,
		&,
		& {
			--second-pos: 1.4em;

			-webkit-appearance: none !important;
			-moz-appearance: none !important;
			-ms-appearance: none !important;
			-o-appearance: none !important;
			appearance: none !important;
			/*background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
			background-position: calc(100% - 20px) var(--second-pos), calc(100% - 15px) var(--second-pos), calc(100% - 2.5em) 0.5em !important;
			background-size: 5px 5px, 5px 5px, 1px 2.0em !important;*/
			background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
			background-position: calc(100% - 14px) 50% !important;
			background-size: 11px auto !important;
			background-repeat: no-repeat !important;
			padding-right: 40px !important;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: clip !important;

			&:focus {
				background-repeat: no-repeat !important;
				border-color: var(--dark-grey);
				outline: 0;
			}
		}
	}

	& select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}
}

select:not(#hr_dropdown) {

	&,
	&,
	&,
	&,
	&,
	& {
		--second-pos: 1.4em;

		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		-ms-appearance: none !important;
		-o-appearance: none !important;
		appearance: none !important;
		/*background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc) !important;
		background-position: calc(100% - 20px) var(--second-pos), calc(100% - 15px) var(--second-pos), calc(100% - 2.5em) 0.5em !important;
		background-size: 5px 5px, 5px 5px, 1px 2.0em !important;*/
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
		background-position: calc(100% - 14px) 50% !important;
		background-size: 11px auto !important;
		background-repeat: no-repeat !important;
		padding-right: 40px !important;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: clip !important;

		&:focus {
			background-repeat: no-repeat !important;
			border-color: var(--dark-grey);
			outline: 0;
		}
	}
}

.required-fields {
	display: block;
	text-align: right;
	color: var(--primary-color);
	padding: 0 2px 22px;
	font-weight: normal;
	letter-spacing: 0;
}

.display-none,
.remove {
	display: none !important;
}

.down-arrow {
	position: absolute;
	display: block;
	right: 28px;
	top: 74px;
	margin-top: 0;
	z-index: 10;
	-webkit-transition: color 100ms linear;
	transition: color 100ms linear;
	opacity: 1.0;
	pointer-events: none;
	width: 9px;
	height: 11px;
	background: transparent url(../images/down-long-arrow.png) no-repeat center center;
	background-size: 9px 11px;
}

.frm_form_field {
	position: relative;
}

.frm_form_field .styled-dropdown {
	bottom: 24px;
	top: auto;
}

@media (min-width: 768px) {
	.frm_form_field .styled-dropdown {
		left: 10px;
		right: 10px;
	}
}

.frm_select_field {
	position: relative;
}

.frm_select_holder.frm_select_field {
	height: auto !important;
}

.frm_submit {
	display: block;
	text-align: right;
	float: left;
	padding: 15px 0 !important;
}

@media (max-width: 1024px) {
	.frm_submit {
		padding: 0 !important;
	}
}

.frm_submit input[type=submit] {
	display: inline-block !important;
}

label .frm_required {
	float: right;
	color: var(--error-color);
	padding-left: 5px;
}

.required:before,
.req:before,
.frm_required_field:before {
	position: absolute;
	left: 23px;
	font-family: var(--body-font);
	font-size: var(--label-font-size);
	font-weight: var(--label-font-weight);
	content: '*';
	text-align: left;
	color: var(--label-color);
	z-index: 10;
	padding-top: 12px;
	pointer-events: none;
	opacity: 1.0;
	display: none;
}

.frm_primary_label {
	position: relative;
	font-family: var(--body-font);
	text-transform: var(--label-text-transform);
	line-height: 1.4;
	font-size: var(--label-font-size);
	display: inline-block;
	margin: 0 !important;
	padding: 0 0 9px;
	font-weight: var(--label-font-weight);
	color: var(--label-color);
}

.frm_none_container .frm_primary_label {
	display: none !important;
}

.frm_forms input,
.frm_forms textarea,
.frm_forms select {
	outline: none;
	vertical-align: middle;
}

.frm_forms select:-moz-focusring {
	outline: 0;
	color: transparent;
	text-shadow: 0 0 0 #000;
}

.frm_forms select::-ms-expand {
	display: none;
}

.frm_forms form {
	position: relative;
}

.frm_forms form,
.frm_forms fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

.frm_forms button::-moz-focus-inner,
.frm_forms input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.frm_forms button,
.frm_forms input[type="button"],
.frm_forms input[type="reset"],
.frm_forms input[type="file"],
.frm_forms input[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	cursor: pointer;
}

.frm_forms .down-arrow {
	position: absolute;
	display: block !important;
	font: normal normal normal 14px/1 var(--font-awesome) !important;
	font-style: normal !important;
	font-weight: 900 !important;
	font-size: 12px !important;
	line-height: 1.0;
	right: 30px;
	top: 49px;
	margin-top: 0;
	z-index: 10;
	-webkit-transition: color 100ms linear;
	transition: color 100ms linear;
	color: var(--focus-input-color);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1.0;
	pointer-events: none;
}

@media (max-width: 767px) {
	.frm_forms .down-arrow {
		right: 18px;
	}
}

.frm_forms textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

.frm_forms input[type="checkbox"],
.frm_forms input[type="radio"] {
	padding: 0;
}

.frm_forms input[type="search"]::-webkit-search-cancel-button,
.frm_forms input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

.frm_forms form>.frm_form_fields,
.frm_forms form>.frm_message {
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: opacity 400ms var(--ease-out-cubic);
	transition: opacity 400ms var(--ease-out-cubic);
}

.frm_forms form:after {
	position: absolute;
	content: '';
	z-index: 200;
	pointer-events: none;
	/* width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.9) url(../images/ajax-loader-2.gif) no-repeat center center;
	background-size: 17px; */
	width: 1em;
	height: 1em;
	background: rgba(255, 255, 255, 0.98) var(--loading-icon) no-repeat center center;
	border-radius: 50%;
	background-size: 1em auto;
	overflow: clip;
	left: 50%;
	top: 30%;
	transform: translate(0, -50%);
	transform-origin: center;
	opacity: 0;
	box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15);
	transition: opacity 400ms var(--ease-out-cubic);

	@supports (backdrop-filter: blur(12px)) {
		background-color: rgba(255, 255, 255, 0.85);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
}

.frm_forms form.frm_loading_form>.frm_form_fields,
.frm_forms form.frm_loading_form>.frm_message {
	pointer-events: none;
	opacity: 0.2;
}

.frm_forms form.frm_loading_form:after {
	opacity: 1;
}

.frm_forms form fieldset {
	position: relative;
}

.frm_forms form .frm_fields_container:before,
.frm_forms form .frm_fields_container:after {
	content: "";
	display: table;
}

.frm_forms form .frm_fields_container:after {
	clear: both;
}

.frm_forms form .center-content {
	display: block !important;
	text-align: center !important;
}

.frm_forms form .frm_form_field {
	float: left;
	padding: var(--input-container-padding);

	&.frm_top_container {
		padding-top: 8px;
	}
}

.frm_forms form .frm_form_field.for-field {
	margin-top: -10px !important;
	padding-bottom: 10px !important;
}

.frm_forms form .frm_form_field.no-padding {
	padding: 0 !important;
}

@media (max-width: 767px) {
	.frm_forms form .frm_form_field {
		padding: var(--mobile-input-container-padding) !important;
	}

	.frm_forms form .frm_form_field.frm_html_container {
		padding-bottom: 14px !important;
	}

	.frm_forms form .frm_form_field.recaptcha-holder {
		padding: 0 !important;
	}
}

.frm_forms form .frm_form_field.frm_section_heading {
	padding: 0;
}

.frm_forms form .frm_form_field.no-show {
	padding: 0 !important;
	opacity: 0.0 !important;
}

.frm_forms form .frm_form_field.frm_first {
	clear: left;
}

.frm_forms form .frm_form_field.frm_full,
.frm_forms form .frm_form_field.frm12 {
	width: 100%;
}

.frm_forms form .frm_form_field.frm_half,
.frm_forms form .frm_form_field.frm6 {
	width: 50%;
}

.frm_forms form .frm_form_field.frm_third,
.frm_forms form .frm_form_field.frm4 {
	width: 33%;
}

.frm_forms form .frm_form_field.frm_two_thirds,
.frm_forms form .frm_form_field.frm8 {
	width: 66%;
}

.frm_forms form .frm_form_field.frm_fourth,
.frm_forms form .frm_form_field.frm3 {
	width: 25%;
}

.frm_forms form .frm_form_field.frm_three_fourths,
.frm_forms form .frm_form_field.frm9 {
	width: 75%;
}

.frm_forms form .frm_form_field.frm_fifth {
	width: 20%;
}

.frm_forms form .frm_form_field.frm_two_fifths {
	width: 40%;
}

.frm_forms form .frm_form_field.frm_three_fifths {
	width: 60%;
}

.frm_forms form .frm_form_field.frm_four_fifths {
	width: 80%;
}

.frm_forms form .frm_form_field.frm_sixth {
	width: 16.666666666667%;
}

.frm_forms form .frm_form_field.frm_seventh {
	width: 14.285714285714%;
}

.frm_forms form .frm_form_field.frm_eighth {
	width: 12.5%;
}

.frm_forms form .frm_form_field.frm_left_container,
.frm_forms form .frm_form_field.frm_left_container.frm_full {
	padding-bottom: 25px !important;
}

.frm_forms form .frm_form_field.frm_left_container .frm_error,
.frm_forms form .frm_form_field.frm_left_container.frm_full .frm_error {
	padding-top: 3px;
}

@media (min-width: 768px) {

	.frm_forms form .frm_form_field.frm_left_container .frm_error,
	.frm_forms form .frm_form_field.frm_left_container.frm_full .frm_error {
		float: left;
		padding-left: 16%;
	}
}

.frm_forms form .frm_form_field.frm_left_container label,
.frm_forms form .frm_form_field.frm_left_container.frm_full label {
	float: left;
	width: 16% !important;
	padding: 10px 15px 8px 0 !important;
}

@media (max-width: 767px) {

	.frm_forms form .frm_form_field.frm_left_container label,
	.frm_forms form .frm_form_field.frm_left_container.frm_full label {
		float: none;
		display: block;
		width: 100% !important;
		padding: 0 0 8px !important;
	}
}

.frm_forms form .frm_form_field.frm_left_container>input,
.frm_forms form .frm_form_field.frm_left_container>select,
.frm_forms form .frm_form_field.frm_left_container>textarea,
.frm_forms form .frm_form_field.frm_left_container>input:not([type='checkbox']):not([type='radio']):not([type='button']),
.frm_forms form .frm_form_field.frm_left_container.frm_full>input,
.frm_forms form .frm_form_field.frm_left_container.frm_full>select,
.frm_forms form .frm_form_field.frm_left_container.frm_full>textarea,
.frm_forms form .frm_form_field.frm_left_container.frm_full>input:not([type='checkbox']):not([type='radio']):not([type='button']) {
	float: left;
	width: 84% !important;
}

@media (max-width: 767px) {

	.frm_forms form .frm_form_field.frm_left_container>input,
	.frm_forms form .frm_form_field.frm_left_container>select,
	.frm_forms form .frm_form_field.frm_left_container>textarea,
	.frm_forms form .frm_form_field.frm_left_container>input:not([type='checkbox']):not([type='radio']):not([type='button']),
	.frm_forms form .frm_form_field.frm_left_container.frm_full>input,
	.frm_forms form .frm_form_field.frm_left_container.frm_full>select,
	.frm_forms form .frm_form_field.frm_left_container.frm_full>textarea,
	.frm_forms form .frm_form_field.frm_left_container.frm_full>input:not([type='checkbox']):not([type='radio']):not([type='button']) {
		float: none;
		display: block;
		width: 100% !important;
	}
}

@media (max-width: 767px) {
	.frm_forms form .frm_form_field {
		width: 100% !important;
		display: block;
	}
}

.frm_forms form .horizontal_radio .frm_radio {
	display: inline-block;
	padding: 0 20px 0 0;
}

.frm_forms form .horizontal_radio .frm_radio.first-child {
	padding-left: 0;
}

.frm_forms form .horizontal_radio .frm_primary_label {
	display: inline-block;
}

@media (max-width: 767px) {
	.frm_forms form .horizontal_radio .frm_primary_label {
		display: block;
	}
}

.frm_forms form .horizontal_radio .frm_opt_container {
	display: inline-block;
}

@media (max-width: 767px) {
	.frm_forms form .horizontal_radio .frm_opt_container {
		display: block;
	}
}

.frm_forms form input.form-submit:disabled,
.frm_forms form input.form-submit.disabled,
.frm_forms form input.form-submit:focus:disabled,
.frm_forms form input.form-submit:focus.disabled,
.frm_forms form input.form-submit.disabled:disabled,
.frm_forms form input.form-submit.disabled.disabled,
.frm_forms form input.form-submit.disable:disabled,
.frm_forms form input.form-submit.disable.disabled,
.frm_forms form input.form-submit:disabled:disabled,
.frm_forms form input.form-submit:disabled.disabled,
.frm_forms form input[type=submit]:disabled,
.frm_forms form input[type=submit].disabled,
.frm_forms form input[type=submit]:focus:disabled,
.frm_forms form input[type=submit]:focus.disabled,
.frm_forms form input[type=submit].disabled:disabled,
.frm_forms form input[type=submit].disabled.disabled,
.frm_forms form input[type=submit].disable:disabled,
.frm_forms form input[type=submit].disable.disabled,
.frm_forms form input[type=submit]:disabled:disabled,
.frm_forms form input[type=submit]:disabled.disabled,
.frm_forms form input[type=button]:disabled,
.frm_forms form input[type=button].disabled,
.frm_forms form input[type=button]:focus:disabled,
.frm_forms form input[type=button]:focus.disabled,
.frm_forms form input[type=button].disabled:disabled,
.frm_forms form input[type=button].disabled.disabled,
.frm_forms form input[type=button].disable:disabled,
.frm_forms form input[type=button].disable.disabled,
.frm_forms form input[type=button]:disabled:disabled,
.frm_forms form input[type=button]:disabled.disabled,
.frm_forms form button.submit:disabled,
.frm_forms form button.submit.disabled,
.frm_forms form button.submit:focus:disabled,
.frm_forms form button.submit:focus.disabled,
.frm_forms form button.submit.disabled:disabled,
.frm_forms form button.submit.disabled.disabled,
.frm_forms form button.submit.disable:disabled,
.frm_forms form button.submit.disable.disabled,
.frm_forms form button.submit:disabled:disabled,
.frm_forms form button.submit:disabled.disabled,
.frm_forms form button.frm_button_submit:disabled,
.frm_forms form button.frm_button_submit.disabled,
.frm_forms form button.frm_button_submit:focus:disabled,
.frm_forms form button.frm_button_submit:focus.disabled,
.frm_forms form button.frm_button_submit.disabled:disabled,
.frm_forms form button.frm_button_submit.disabled.disabled,
.frm_forms form button.frm_button_submit.disable:disabled,
.frm_forms form button.frm_button_submit.disable.disabled,
.frm_forms form button.frm_button_submit:disabled:disabled,
.frm_forms form button.frm_button_submit:disabled.disabled,
.frm_forms form .btn-submit:disabled,
.frm_forms form .btn-submit.disabled,
.frm_forms form .btn-submit:focus:disabled,
.frm_forms form .btn-submit:focus.disabled,
.frm_forms form .btn-submit.disabled:disabled,
.frm_forms form .btn-submit.disabled.disabled,
.frm_forms form .btn-submit.disable:disabled,
.frm_forms form .btn-submit.disable.disabled,
.frm_forms form .btn-submit:disabled:disabled,
.frm_forms form .btn-submit:disabled.disabled,
.frm_forms form #wp-submit:disabled,
.frm_forms form #wp-submit.disabled,
.frm_forms form #wp-submit:focus:disabled,
.frm_forms form #wp-submit:focus.disabled,
.frm_forms form #wp-submit.disabled:disabled,
.frm_forms form #wp-submit.disabled.disabled,
.frm_forms form #wp-submit.disable:disabled,
.frm_forms form #wp-submit.disable.disabled,
.frm_forms form #wp-submit:disabled:disabled,
.frm_forms form #wp-submit:disabled.disabled {
	opacity: 0.4 !important;
	pointer-events: none !important;
}

.frm_forms form.single-column .frm_form_field,
.frm_forms form.single-column .frm_submit,
.frm_forms form.single-column .frm_error_style {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.frm_forms form.single-field .frm_required {
	display: none;
}

@media (max-width: 1024px) {
	.frm_forms form.single-field {
		margin: 0 auto !important;
	}
}

.frm_forms form.single-field .frm_form_fields {
	margin-bottom: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.frm_forms form.single-field .horizontal_radio {
	margin-bottom: 8px;
}

.frm_forms form.single-field .required:before,
.frm_forms form.single-field .req:before,
.frm_forms form.single-field .frm_required_field:before {
	display: none;
}

.frm_forms form.single-field .frm_html_container {
	margin-bottom: 0 !important;
}

.frm_forms form.single-field .frm_error {
	display: none !important;
}

.frm_forms form.single-field .frm_error_style {
	border: 0;
	padding: 0 0 10px;
	text-align: inherit;
}

@media (max-width: 1024px) {
	.frm_forms form.single-field .frm_error_style {
		text-align: center;
	}
}

.frm_forms form.single-field .frm_message {
	padding: 0 10px 20px !important;
	font-weight: 400;
	text-align: center;
}

@media (min-width: 1025px) {
	.frm_forms form.single-field .frm_message {
		text-align: left;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 1024px) {
	.frm_forms form.single-field {
		text-align: center;
		width: auto;
		margin: 0 auto !important;
	}
}

.frm_forms form.single-field .frm_form_fields {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.frm_forms form.single-field .required:before,
.frm_forms form.single-field .req:before,
.frm_forms form.single-field .frm_required_field:before {
	left: 20px;
}

.frm_forms form.single-field .frm_form_field {
	position: relative;
	width: 100% !important;
	padding: 0 !important;
	float: none;
	margin: 0 !important;
}

.frm_forms form.single-field .frm_form_field:has(.frm_submit) {
	position: absolute;
	width: auto !important;
	height: auto;
	right: 20px;
	bottom: 3px;
	margin-top: 0;
	padding: 0 !important;
	z-index: 100;
}

.frm_forms form .frm_error_style {
	display: block;
	text-align: left;
}

.frm_forms form .frm_submit {
	position: relative;
	margin: 0;
	padding: 0 8px 0 !important;
	width: auto;
	text-align: left;
}

.frm_forms form .frm_form_field .frm_submit {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.frm_fields_container br {
	display: none;
}

@media (max-width: 767px) {
	.frm_forms form .frm_submit {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.frm_message {
	position: relative;
	margin: 0;
	padding: 0 0 40px !important;
	color: var(--success-color);
	font-size: 1.05rem;
	font-weight: var(--strong-font-weight);
	line-height: 1.4;
	text-align: left;
	-webkit-font-smoothing: auto;

	& p {
		color: inherit !important;
	}
}

.frm_message:last-child {
	padding-bottom: 0 !important;
}

@media (max-width: 767px) {
	.frm_message {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.custom-success-message {
	color: var(--body-color);
}

.required-fields {
	display: block;
	text-align: right;
	color: var(--primary-color);
	padding: 0 2px 22px;
	font-weight: normal;
	letter-spacing: 0;
}

.display-none,
.remove {
	display: none !important;
}

.frm_error_style,
.frm_error {
	position: relative;
	display: block;
	z-index: 100;
	font-weight: 400;
	top: auto;
	letter-spacing: 0;
	font-style: normal;
	padding: 0;
	margin: 0px 2px 16px;
	line-height: var(--body-line-height);
	text-align: left;
	font-size: 0.9rem;
	letter-spacing: 0.015em;
	-webkit-font-smoothing: auto;
}

.frm_error_style,
.frm_error_style p,
.frm_error,
.frm_error p {
	color: var(--error-color) !important;
}

.frm_error_style {
	margin: 0;
	padding: 0 0 10px;
	background: transparent !important;
	text-align: left;
	border: 1px dashed rgba(232, 96, 96, 0);
	font-size: 1.05em;
	font-weight: 400;
}

.frm_error_style,
.frm_error_style p {
	color: var(--error-color) !important;
}

@media (max-width: 1024px) {
	.frm_error_style {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.frm_error_style {
		padding-left: 0;
		padding-right: 0;
	}
}

.frm_form_fields {
	display: block;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.frm_form_fields {
		margin-left: -10px;
		margin-right: -10px;
	}
}

form .frm_form_field.captcha-fld {
	display: block;
	text-align: left;
}

form .frm_form_field.captcha-fld .frm_error {
	text-align: left !important;
	padding: 0 18px !important;
	margin-top: 8px;
	margin-bottom: 10px;
}

form .frm_form_field .g-recaptcha {
	text-align: left;
	display: inline-block;
	padding: 0 !important;
	margin-bottom: 20px !important;
	text-align: center;
}

form .frm_form_field .g-recaptcha>div>div {
	display: inline-block;
}

@media (min-width: 768px) {
	.frm-g-recaptcha>div {
		padding-left: 16%;
	}
}

.frm_dropzone {
	display: block;
	background: transparent;
	text-align: center;
	padding: 50px 20px;
	margin: 0 auto;
	border: 1px dashed var(--input-border-color);
	width: 100%;
	-webkit-border-radius: var(--input-border-radius);
	border-radius: var(--input-border-radius);
}

@media (max-width: 767px) {
	.frm_dropzone {
		padding: 40px 20px;
	}
}

.frm_dropzone.frm_single_upload {
	max-width: 100% !important;
}

.frm_style_formidable-style .frm_icon_font {
	color: #3f4b5b !important;
}

.frm_dropzone .frm_upload_icon:before {
	font-size: 40px;
}

.frm_dropzone svg {
	font-size: 40px;
	width: 40px;
	margin: 0 auto;
}

.frm_dropzone.dz-clickable.frm_single_upload .dz-message {
	margin: 0 0 0.5em 0;
}

.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone.dz-clickable .dz-message * {
	cursor: pointer;
}

.frm_dropzone.dz-clickable .dz-message,
.frm_dropzone .frm_upload_icon {
	display: block;
}

.frm_dropzone button {
	display: block;
	text-align: center;
	border: 0;
	width: auto;
	margin: 0 auto;
	padding: 0 10px 5px;
	color: #666;
}

.frm_dropzone .frm_compact_text {
	display: none;
}

.frm_dropzone .frm_small_text {
	font-style: italic;
	font-size: 15px;
	color: #999;
}

.grecaptcha-badge {
	opacity: 0.0 !important;
	pointer-events: none !important;
}

.recaptcha-holder {
	padding: 0 !important;
}

.frm_section_spacing {
	font-family: var(--section-header-font-family);
	color: var(--section-header-color);
	font-weight: var(--section-header-font-weight);
	font-size: var(--section-header-font-size) !important;
	-webkit-font-smoothing: auto;
	padding: var(--input-container-padding);
	padding-block: 0;
	margin: 16px 0 10px;
	letter-spacing: 0.015em;
}

@media (max-width: 767px) {
	.frm_section_spacing {
		padding-inline: 0;
	}
}

div[id^="__lpform"] {
	display: none;
}

.frm_verify {
	display: none !important;
}

.frm_select_field:not(.woocommerce-ordering) select.select-replace {
	opacity: 0;
	margin-right: 0 !important;
	/*	height: 54px !important;*/
	pointer-events: none;
	pointer-events: auto;
	opacity: 0;
	border: 0 !important;
	width: 100%;
}

/*@media (min-width: 768px) {
	.frm_select_field:not(.woocommerce-ordering) select.select-replace {
		pointer-events: auto;
	}
}

@media (max-width: 1024px) {
	.frm_select_field:not(.woocommerce-ordering) select.select-replace {
		pointer-events: auto;
		opacity: 0;
		border: 0 !important;
		width: 100%;
	}
}*/

.frm_select_field:not(.woocommerce-ordering) .down-arrow {
	display: none !important;
}

body:not(.fl-builder-edit) .frm_select_holder {
	display: block;
	height: 52px;
}

body:not(.fl-builder-edit) .frm_select_holder .select2 {
	display: none;
}

.styled-dropdown {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	height: 58px;
	font-size: 15px;
}

@media (max-width: 767px) {
	.styled-dropdown {
		pointer-events: none;
	}
}

.styled-dropdown div.standin-drop-holder {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	z-index: 100;
	margin: 0;
	border: var(--input-border-width) solid var(--input-border-color);
	background: var(--input-background-color);
	padding: var(--input-padding);
	color: var(--input-color);
	font-weight: var(--input-font-weight);
	height: 100% !important;
	max-height: 58px;
	line-height: var(--input-line-height);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: var(--input-font-size);
	letter-spacing: 0;
	-webkit-border-radius: var(--input-border-radius);
	border-radius: var(--input-border-radius);
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
}

.styled-dropdown div.standin-drop-holder:after {
	position: absolute;
	display: block;
	z-index: 10;
	opacity: 1;
	z-index: 1;
	width: 7px;
	height: 15px;
	margin: -17px 0 0;
	top: 50%;
	right: 16px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 3.0;
	font-family: var(--font-awesome);
	content: "\f078";
	font-size: 12px;
	font-weight: 900 !important;
	color: var(--input-color);
	transition: var(--input-easing) !important;
}

.styled-dropdown.open div.standin-drop-holder:after {
	color: var(--focus-input-color);
}

.styled-dropdown.open div.standin-drop-holder {
	background: var(--focus-input-background-color) !important;
	border-color: var(--input-border-color) !important;
	color: var(--focus-input-color) !important;
	-webkit-border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
	-moz-border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
	border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
}

.styled-dropdown.single-option {
	pointer-events: none;
}

.styled-dropdown.single-option div.standin-drop-holder:after {
	display: none;
}

.styled-dropdown ul.styled-dropdown-list {
	position: absolute;
	display: block;
	left: 0;
	top: calc(100% - 1px);
	right: 0;
	background: var(--focus-input-background-color);
	color: var(--focus-input-color);
	cursor: pointer;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 200;
	pointer-events: none;
	opacity: 0.0;
	overflow: hidden;
	border: 0;
	-webkit-border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
	border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
	-webkit-box-shadow: var(--focus-input-box-shadow) !important;
	box-shadow: var(--focus-input-box-shadow) !important;
	transition: var(--input-easing) !important;
	overflow-y: scroll;
	max-height: 50vh;
	text-align: left !important;
	border: var(--input-border-width) solid var(--input-border-color);
}

@media (max-width: 767px) {
	.styled-dropdown ul.styled-dropdown-list {
		display: none;
	}
}

.styled-dropdown ul.styled-dropdown-list.open {
	opacity: 1.0;
	pointer-events: auto;
}

.styled-dropdown ul.styled-dropdown-list li {
	display: block;
	background: transparent;
	padding: 0;
	margin: 0;
	color: var(--input-color);
	font-weight: var(--input-font-weight);
	padding: var(--input-padding);
	padding-block: 16px 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left !important;
	transition: var(--input-easing) !important;
	border-top: 1px solid #eee;
	font-size: var(--input-font-size) !important;
	font-family: var(--body-font) !important;
	line-height: 1.0 !important;
}

.styled-dropdown ul.styled-dropdown-list li:first-child {
	border-top: 0;
}

.styled-dropdown ul.styled-dropdown-list li:hover {
	color: var(--focus-input-color);
	background: #f3f3f3;
	border-color: #eee;
}

.keep-select .styled-dropdown {
	pointer-events: none !important;
	border-color: var(--input-border-color) !important;
}

.keep-select .styled-dropdown .styled-dropdown-list {
	display: none !important;
}

.keep-select select {
	pointer-events: auto !important;
	opacity: 1;
	border: 0 !important;
}

.frm_form_field .styled-dropdown {
	bottom: auto;
	top: auto;
}

@media (min-width: 768px) {
	.frm_form_field .styled-dropdown {
		left: 8px;
		right: 8px;
	}
}

html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.search-form {
	position: relative;
	display: block;
	z-index: 100;
	width: 100%;
	margin: 0 auto;
	background: transparent;
	text-align: center;
	padding: 0;
	margin: 0 0 18px;

	& input[type=text] {
		display: block;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: 0;
		padding: 12px 12px 12px 45px !important;
		height: auto !important;
		font-family: var(--body-font);
		font-size: var(--h1-min-font-size);
		font-weight: var(--strong-font-weight);
		letter-spacing: 0;
		width: 100%;
		background: var(--search-field-bg-color) !important;
		color: var(--search-field-color) !important;
		-webkit-text-fill-color: var(--search-field-color) !important;
		border-bottom: 1px solid var(--search-field-border-color);
		-webkit-box-shadow: none !important;
		box-shadow: none !important;

		&:focus {
			background: var(--search-field-bg-color-focus) !important;
			color: var(--search-field-color-focus) !important;
			-webkit-text-fill-color: var(--search-field-color-focus) !important;
			border-color: var(--search-field-border-color-focus) !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}
	}

	& input[type=text]::-webkit-autofill {
		background: var(--search-field-bg-color-focus) !important;
		color: var(--search-field-color-focus) !important;
		-webkit-text-fill-color: var(--search-field-color-focus) !important;
		border-bottom: 1px solid var(--search-field-border-color-focus);
	}

	& input[type=text]::-webkit-input-placeholder,
	& input[type=text]:-moz-placeholder,
	& input[type=text]::-moz-placeholder,
	& input[type=text]:-ms-input-placeholder {
		color: var(--search-field-color) !important;
		-webkit-text-fill-color: var(--search-field-color) !important;
	}

}


.search-form .submit-button-wrapper {
	position: absolute;
	right: auto;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 100%;
	overflow: visible;
	transform: translate(0, 0);
	color: var(--search-submit-color) !important;
	background: transparent;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
	font-size: 15px;
	font-weight: 900;
	padding: 2px;
	-webkit-transition: all 130ms linear;
	transition: all 130ms linear;
	border-radius: 0px;
	z-index: 100;

	&:hover,
	&:active,
	&:focus {
		color: var(--search-submit-color-hover) !important;
		background: transparent;
	}

	& *[type=submit] {
		position: absolute;
		display: block;
		z-index: 10;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		text-indent: -9999px;
		margin: 0 !important;
		padding: 0 !important;
		min-width: auto !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		opacity: 0;
	}

	& *[class*='material-'] {
		position: relative;
		font-size: 20px;
		color: inherit;
	}

	&,
	&:disabled {
		background: transparent !important;
		color: var(--search-submit-color) !important;
		border: 0 !important;
	}

	&:hover,
	&:active,
	&:focus {

		&,
		&:disabled {
			color: var(--search-submit-color-hover) !important;
			background: transparent !important;
		}
	}

	&:disabled,
	&.disabled {
		pointer-events: none;
	}
}

#search-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--mm-menu-bar-height);
	bottom: 0;
	z-index: 1;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 0;
	margin: 0;
	z-index: -1;
	opacity: 0.0;
	background: transparent;
	-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	overflow: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	height: calc(100vh - var(--mm-menu-bar-height, 0px));
	min-height: calc(100vh - var(--mm-menu-bar-height, 0px));

	&::-webkit-scrollbar,
	&::-moz-scrollbar {
		display: none;
		width: 0px;
		background: transparent;
	}

	@media (max-width: 767px) {
		& {
			align-items: flex-start;
			align-content: flex-start;
		}
	}

	@supports (height: 100dvh) {
		height: calc(100dvh - var(--mm-menu-bar-height, 0px));
	}

	& .bg-drop-color {
		position: absolute;
		display: block !important;
		background: var(--backdrop-color) !important;
		opacity: 0 !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		height: calc(100vh - var(--mm-menu-bar-height, 0px));
		min-height: calc(100vh - var(--mm-menu-bar-height, 0px));

		@supports (height: 100dvh) {
			height: calc(100dvh - var(--mm-menu-bar-height, 0px));
		}
	}

	&,
	&>* {
		pointer-events: none;
		touch-action: none;
	}

	&.open {
		visibility: visible;
		opacity: 1.0;
		z-index: 9999998;
		display: flex;

		&,
		&>* {
			pointer-events: auto;
			touch-action: auto;
		}

		& .bg-drop-color {
			opacity: var(--backdrop-color-opacity, 0.8) !important;
		}
	}

	& .search-form {
		margin: 0;
	}

	& .inner-search-wrapper {
		position: relative;
		display: block;
		padding: 80px 80px;
		margin: 0 auto;
		max-width: 760px;
		width: 100%;

		@media (max-width: 1024px) {
			& {
				padding-inline: 50px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding-inline: 20px;
			}
		}
	}
}

body:has(#header.move-up) {
	& #search-wrapper {
		--mm-menu-bar-height: 0px;
	}
}

#search-wrapper .close-button {
	position: absolute;
	opacity: 0.0;
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background: transparent;
	top: 15px;
	right: 10px;
	padding: 0px !important;
	z-index: 200;
	-webkit-transition: all 130ms linear;
	transition: all 130ms linear;
}

@media (max-width: 1024px) {
	#search-wrapper .close-button {
		top: 10px;
		right: 7px;
	}
}

#search-wrapper .close-button:before,
#search-wrapper .close-button:after {
	background: var(--light-white-color);
	width: 80%;
	top: 48%;
	right: 22%;
	-webkit-transition: all 130ms linear;
	transition: all 130ms linear;
}

#search-wrapper .close-button:hover,
#search-wrapper .close-button:active,
#search-wrapper .close-button:focus {
	background: transparent;
	opacity: 1.0;
}

#search-wrapper .close-button:hover:before,
#search-wrapper .close-button:hover:after,
#search-wrapper .close-button:active:before,
#search-wrapper .close-button:active:after,
#search-wrapper .close-button:focus:before,
#search-wrapper .close-button:focus:after {
	background: var(--light-white-color-hover);
}

.search-main .search-form input[type=text] {
	color: var(--results-search-field-color) !important;
	-webkit-text-fill-color: var(--results-search-field-color) !important;
	background: var(--results-search-field-bg-color) !important;
	border-color: var(--results-search-field-border-color) !important;
	margin: 0 auto;
}

.search-main .search-form input[type=text]::-webkit-autofill {
	color: var(--results-search-field-color-focus) !important;
	-webkit-text-fill-color: var(--results-search-field-color-focus) !important;
	background: var(--results-search-field-bg-color-focus) !important;
	border-color: var(--results-search-field-border-color-focus) !important;
}

.search-main .search-form input[type=text]::-webkit-input-placeholder {
	color: var(--results-search-field-color) !important;
	-webkit-text-fill-color: var(--results-search-field-color) !important;
}

.search-main .search-form input[type=text]:-moz-placeholder {
	color: var(--results-search-field-color) !important;
	-webkit-text-fill-color: var(--results-search-field-color) !important;
}

.search-main .search-form input[type=text]::-moz-placeholder {
	color: var(--results-search-field-color) !important;
	-webkit-text-fill-color: var(--results-search-field-color) !important;
}

.search-main .search-form input[type=text]:-ms-input-placeholder {
	color: var(--results-search-field-color) !important;
	-webkit-text-fill-color: var(--results-search-field-color) !important;
}

.search-main .search-form input[type=text]:focus {
	color: var(--results-search-field-color-focus) !important;
	-webkit-text-fill-color: var(--results-search-field-color-focus) !important;
	background: var(--results-search-field-bg-color-focus) !important;
	border-color: var(--results-search-field-border-color-focus) !important;
}

.search-main .search-form .submit-button-wrapper {
	color: var(--results-search-submit-color) !important;
}

.search-main .search-form .submit-button-wrapper:hover,
.search-main .search-form .submit-button-wrapper:active,
.search-main .search-form .submit-button-wrapper:focus {
	color: var(--results-search-submit-color-hover) !important;
	background: transparent;
}

.search-main .search-form .submit-button-wrapper *[type=submit],
.search-main .search-form .submit-button-wrapper *[type=submit]:disabled {
	background: transparent !important;
	color: var(--results-search-submit-color) !important;
	border: 0 !important;
}

.search-main .search-form .submit-button-wrapper *[type=submit]:hover,
.search-main .search-form .submit-button-wrapper *[type=submit]:active,
.search-main .search-form .submit-button-wrapper *[type=submit]:focus,
.search-main .search-form .submit-button-wrapper *[type=submit]:disabled:hover,
.search-main .search-form .submit-button-wrapper *[type=submit]:disabled:active,
.search-main .search-form .submit-button-wrapper *[type=submit]:disabled:focus {
	color: var(--results-search-submit-color-hover) !important;
	background: transparent !important;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
	-webkit-transform: rotate(0) !important;
	-moz-transform: rotate(0) !important;
	-ms-transform: rotate(0) !important;
	-o-transform: rotate(0) !important;
	transform: rotate(0) !important;
}

.ui-datepicker-header .ui-datepicker-prev:before,
.ui-datepicker-header .ui-datepicker-next:before {
	font: normal normal normal 14px/1 var(--font-awesome) !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px !important;
	position: relative;
	top: 6px;
	left: 6px;
}

.ui-datepicker-header .ui-datepicker-prev::before {
	content: '\f053' !important;
}

.ui-datepicker-header .ui-datepicker-next::before {
	content: '\f054' !important;
}

.ui-datepicker-header select.ui-datepicker-day,
.ui-datepicker-header select.ui-datepicker-month,
.ui-datepicker-header select.ui-datepicker-year {
	width: 35% !important;
	color: var(--input-color-focus);
	font-family: var(--body-font);
	font-size: 13px !important;
	border: 0 !important;
	padding: 5px;
	font-weight: 400;
}

.frm_select_field.no-drop-replace .styled-dropdown {
	pointer-events: none !important;
}

.frm_select_field.no-drop-replace select {
	width: 100% !important;
	pointer-events: auto !important;
	appearance: none;
	-webkit-appearance: none !important;
	outline: none;
	height: calc(100% - 2px);
}

form .frm_opt_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px 0;
	padding-left: 0 !important;
	width: 100%;
}

form .frm_four_col {
	width: 100%;
}

form .frm_four_col .frm_opt_container .frm_checkbox {
	width: 25%;
}

@media (max-width: 767px) {
	form .frm_four_col .frm_opt_container .frm_checkbox {
		width: 50%;
	}
}

@media (max-width: 500px) {
	form .frm_four_col .frm_opt_container .frm_checkbox {
		width: 100%;
	}
}

form .frm_three_col {
	width: 100%;
}

form .frm_three_col .frm_opt_container .frm_checkbox {
	width: 33.333333333333%;
}

@media (max-width: 767px) {
	form .frm_three_col .frm_opt_container .frm_checkbox {
		width: 50%;
	}
}

@media (max-width: 500px) {
	form .frm_three_col .frm_opt_container .frm_checkbox {
		width: 100%;
	}
}

form .frm_two_col {
	width: 100%;
}

form .frm_two_col .frm_opt_container .frm_checkbox {
	width: 50%;
}

@media (max-width: 767px) {
	form .frm_two_col .frm_opt_container .frm_checkbox {
		width: 50%;
	}
}

@media (max-width: 500px) {
	form .frm_two_col .frm_opt_container .frm_checkbox {
		width: 100%;
	}
}

.frm_forms form .frm_form_field.vertical_radio {
	width: 100%;
}

.frm_forms form .frm_checkbox {
	padding-right: 25px;
}

.underline,
.underline-text {
	color: inherit;
	text-decoration: underline !important;
}

.primary-line {
	color: inherit;
	text-decoration: underline !important;
	text-decoration-color: var(--primary-color) !important;
}

.primary-line.light {
	color: #ffffff !important;
	text-decoration-color: var(--primary-color) !important;
}

a.underline,
a.underline-text {
	color: inherit;
	text-decoration: underline !important;
}

a.underline:hover,
a.underline:active,
a.underline:focus,
a.underline-text:hover,
a.underline-text:active,
a.underline-text:focus {
	color: var(--primary-color);
	text-decoration: underline !important;
	text-decoration-color: var(--primary-color) !important;
}

a.underline.primary-line,
a.underline-text.primary-line {
	text-decoration-color: var(--primary-color) !important;
}

a.underline.primary-line:hover,
a.underline.primary-line:active,
a.underline.primary-line:focus,
a.underline-text.primary-line:hover,
a.underline-text.primary-line:active,
a.underline-text.primary-line:focus {
	color: var(--primary-color);
	text-decoration-color: var(--primary-color) !important;
}

a.underline.light,
a.underline-text.light {
	color: #ffffff !important;
	text-decoration-color: var(--primary-color) !important;
}

a.underline.light.primary-line,
a.underline-text.light.primary-line {
	text-decoration-color: #ffffff !important;
}

a.underline.light.primary-line:hover,
a.underline.light.primary-line:active,
a.underline.light.primary-line:focus,
a.underline-text.light.primary-line:hover,
a.underline-text.light.primary-line:active,
a.underline-text.light.primary-line:focus {
	color: #ffffff;
	text-decoration-color: #ffffff !important;
}

.fancybox__html5video,
.fancybox__iframe {
	outline: none !important;
}

.fancybox__backdrop {
	background: rgba(0, 0, 0, 0.9) !important;
}

.fancybox__content {
	padding: 0 !important;
}

p {
	margin: var(--body-margin);
	letter-spacing: 0.0;
	display: block;
	direction: ltr;
	line-height: var(--body-line-height);
	font-weight: var(--body-font-weight);
}

p,
li {
	letter-spacing: var(--body-letter-spacing);
}

p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

i,
em {
	font-family: var(--button-font);
	font-style: italic;
	font-size: inherit;
	letter-spacing: -0.015em;
}

.related-columns {
	display: block;
	overflow: hidden;
}

.post-content-area {
	position: relative;
	display: block;
}

.post-content-area i,
.post-content-area em {
	font-family: inherit;
	letter-spacing: inherit;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: '';
}

sub,
sup {
	font-size: 0.6em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	font-weight: 600;
	padding-left: 1px;
	padding-right: 1px;
}

sup {
	top: -0.5em;
}

sub {
	top: 0em;
	bottom: auto;
	vertical-align: sub;
}

img {
	max-width: 100%;
}

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

a,
button {
	appearance: none;
	-webkit-appearance: none !important;
}

a,
a:focus,
button,
button:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a:focus,
a:hover,
a:active,
button:focus,
button:hover,
button:active {
	appearance: none;
	-webkit-appearance: none !important;
	outline: none;
}

a:active,
a:active:focus,
a:focus,
a:focus:focus,
button::-moz-focus-inner,
button::-moz-focus-inner:focus,
input[type="reset"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner:focus,
input[type="button"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner:focus,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner:focus,
input[type="file"]>input[type="button"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a,
input,
button {
	background: transparent;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

a,
a:focus,
input,
input:focus,
button,
button:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

a,
.mce-content-body a[data-mce-selected] {
	display: inline;
	color: var(--a-link-color);
	text-decoration: underline 0.08em color-mix(in srgb, var(--a-link-color) 0%, transparent);
	text-underline-offset: 0.19em;
	text-decoration-line: none;

	&:hover,
	&:active,
	&:focus,
	&.active {
		color: var(--a-hover-link-color);
		text-decoration-color: currentColor;
		text-decoration-line: underline;
	}

	&.underline-on-hover {
		text-decoration-line: underline;
	}

	&.underline-link {
		text-decoration-line: underline;
		text-decoration-color: currentColor;

		&:hover,
		&:active,
		&:focus,
		&.active {
			text-decoration-color: currentColor;
		}

		&.to-dark {
			--a-hover-link-color: var(--header-color);
		}
	}

	&.reverse,
	&.reverse-link {
		color: var(--a-hover-link-color);

		&:hover,
		&:active,
		&:focus,
		&.active {
			color: var(--a-link-color);
		}
	}
}

.light {

	& a,
	& .mce-content-body a[data-mce-selected] {
		color: #fff;
		text-decoration: underline 0.08em color-mix(in srgb, currentColor 0%, transparent);

		&:hover,
		&:active,
		&:focus,
		&.active {
			color: #fff;
			text-decoration-color: currentColor;
		}

		&.underline-link {
			text-decoration-line: underline;
			text-decoration-color: currentColor;

			&:hover,
			&:active,
			&:focus,
			&.active {
				color: var(--a-hover-link-color);
				text-decoration-color: currentColor;
			}
		}
	}
}

/*body:not(.fl-builder) .light a:not(.set-button):not(.left-arrow):not(.right-arrow) {
	color: #ffffff;
	text-decoration-line: underline;
	text-decoration-color: #fff !important;

	&:hover, &:active, &:focus {
		color: var(--a-hover-link-color);
		text-decoration-color: var(--a-hover-link-color) !important;
	}
}*/

.underline,
ins,
*[style*='text-decoration:underline'],
*[style*='text-decoration: underline'] {
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.06em;
	text-decoration-line: underline;
	text-underline-offset: 0.19em;
}

body:not(.fl-builder-edit) .body-inner,
body:not(.fl-builder-edit) .pop-up-notice {

	& p,
	& ul,
	& ol,
	& li {
		& a:not(.set-button):not(.slick-next):not(.slick-prev) {
			text-decoration-color: currentColor;
			text-decoration-thickness: 0.06em;
			text-decoration-line: underline;

			&:hover,
			&:active &:focus,
			&.active {
				text-decoration-color: currentColor;
			}
		}

		& strong,
		&.strong {
			&>a:not(.set-button):not(.slick-next):not(.slick-prev) {
				text-decoration-thickness: 0.06em;
			}
		}

		& a.strong:not(.set-button):not(.slick-next):not(.slick-prev) {
			text-decoration-thickness: 0.06em;
		}
	}

	& .light {

		& p,
		& ul,
		& ol,
		& li {
			& a:not(.set-button):not(.slick-next):not(.slick-prev) {
				color: #fff;
				text-decoration-color: currentColor;

				&:hover,
				&:active &:focus,
				&.active {
					color: var(--a-hover-link-color);
					text-decoration-color: currentColor;
				}
			}
		}
	}
}

a.grey-link,
.mce-content-body a[data-mce-selected].grey-link,
body a.grey-link {
	color: #000 !important;
}

a.grey-link:hover,
a.grey-link:active,
a.grey-link:focus,
a.grey-link.active,
.mce-content-body a[data-mce-selected].grey-link:hover,
.mce-content-body a[data-mce-selected].grey-link:active,
.mce-content-body a[data-mce-selected].grey-link:focus,
.mce-content-body a[data-mce-selected].grey-link.active,
body a.grey-link:hover,
body a.grey-link:active,
body a.grey-link:focus,
body a.grey-link.active {
	color: var(--a-link-color) !important;
}

a.inherit-link,
.mce-content-body a[data-mce-selected].inherit-link,
body a.inherit-link {
	color: inherit !important;
}

a.inherit-link:hover,
a.inherit-link:active,
a.inherit-link:focus,
a.inherit-link.active,
.mce-content-body a[data-mce-selected].inherit-link:hover,
.mce-content-body a[data-mce-selected].inherit-link:active,
.mce-content-body a[data-mce-selected].inherit-link:focus,
.mce-content-body a[data-mce-selected].inherit-link.active,
body a.inherit-link:hover,
body a.inherit-link:active,
body a.inherit-link:focus,
body a.inherit-link.active {
	color: var(--primary-color) !important;
}

a.blue-link,
.mce-content-body a[data-mce-selected].blue-link,
body a.blue-link {
	color: var(--blue) !important;
}

a.blue-link:hover,
a.blue-link:active,
a.blue-link:focus,
a.blue-link.active,
.mce-content-body a[data-mce-selected].blue-link:hover,
.mce-content-body a[data-mce-selected].blue-link:active,
.mce-content-body a[data-mce-selected].blue-link:focus,
.mce-content-body a[data-mce-selected].blue-link.active,
body a.blue-link:hover,
body a.blue-link:active,
body a.blue-link:focus,
body a.blue-link.active {
	color: #000 !important;
}

a.primary-link,
.mce-content-body a[data-mce-selected].primary-link,
body a.primary-link {
	position: relative;
	display: inline-block;
	color: var(--primary-color) !important;
}

a.primary-link:hover,
a.primary-link:active,
a.primary-link:focus,
.mce-content-body a[data-mce-selected].primary-link:hover,
.mce-content-body a[data-mce-selected].primary-link:active,
.mce-content-body a[data-mce-selected].primary-link:focus,
body a.primary-link:hover,
body a.primary-link:active,
body a.primary-link:focus {
	color: var(--secondary-color) !important;
}

a.secondary-link,
.mce-content-body a[data-mce-selected].secondary-link,
body a.secondary-link {
	color: var(--secondary-color) !important;
}

a.secondary-link:hover,
a.secondary-link:active,
a.secondary-link:focus,
.mce-content-body a[data-mce-selected].secondary-link:hover,
.mce-content-body a[data-mce-selected].secondary-link:active,
.mce-content-body a[data-mce-selected].secondary-link:focus,
body a.secondary-link:hover,
body a.secondary-link:active,
body a.secondary-link:focus {
	color: var(--primary-color) !important;
}

a.white-link,
.mce-content-body a[data-mce-selected].white-link,
body a.white-link {
	color: #fff !important;
	text-decoration: none;
}

a.white-link:hover,
a.white-link:active,
a.white-link:focus,
a.white-link.active,
.mce-content-body a[data-mce-selected].white-link:hover,
.mce-content-body a[data-mce-selected].white-link:active,
.mce-content-body a[data-mce-selected].white-link:focus,
.mce-content-body a[data-mce-selected].white-link.active,
body a.white-link:hover,
body a.white-link:active,
body a.white-link:focus,
body a.white-link.active {
	color: var(--primary-color) !important;
	text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

img {
	border-style: none;
	height: auto;
}

img.fit {
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
}

.object-cover {
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
}

.object-contain {
	object-fit: contain;
	object-position: 0 0;
	font-family: 'object-fit: contain; object-position: 0;';
}

img,
embed,
object,
video {
	max-width: 100%;
}

b,
strong {
	font-weight: var(--strong-font-weight);
	color: var(--strong-font-color);
	-webkit-font-smoothing: antialiased;

	&.extra-bold {
		font-weight: 800;
	}
}

.light {

	& b,
	& strong {

		&,
		&.light {
			color: var(--light-strong-font-color);
		}
	}
}

ul {
	list-style-type: disc;

	& li {
		&::marker {
			font-size: 1.0em;
			font-family: math;
		}
	}
}

ul,
ol {
	list-style-position: outside;
	padding-left: 18px;
	margin-bottom: 14px;

	&:Last-child {
		margin-bottom: 0;
	}

	& li {
		position: relative;
		padding-left: 0;
		padding-bottom: 6px;
		line-height: var(--body-line-height);

		&:last-child {
			padding-bottom: 0;
		}

		&:has(strong:is(:first-child)) {
			&:not(:last-child) {
				padding-bottom: 30px;
			}

			&::marker {
				font-weight: var(--strong-font-weight) !important;
				color: var(--strong-font-color);
				-webkit-font-smoothing: antialiased;
			}
		}
	}

	& ul,
	& ol {
		margin: 7px 0 0;
		padding-bottom: 8px;
	}

	&.dark-bullets {
		& li {
			&:marker {
				color: var(--dark-grey-color);
			}
		}
	}

	&.blue-bullet {
		font-weight: 500;
		-webkit-font-smoothing: auto;
		list-style: none;
		color: #000;
		padding-left: 0;
		margin-bottom: 0;
		font-size: 1.04rem;
		letter-spacing: 0.015em;

		&:not(:last-child) {
			margin-bottom: 48px;
		}

		& li {
			padding-left: 16px;
			padding-bottom: 9px;

			&:last-child {
				padding-bottom: 0;
			}

			&:before {
				position: absolute;
				content: '';
				pointer-events: none;
				width: 5px;
				height: 5px;
				top: 0.65em;
				left: 0;
				background: var(--primary-color);
			}
		}
	}
}

ul.inline-list,
ol.inline-list {
	padding: 0;
	margin: 0;

	& li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding: 10px 22px;
	}
}

ul.check-list,
ol.check-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 30px;
	font-size: var(--body-font-size);
	font-family: var(--font-body);
	line-height: var(--body-line-height);

	&:last-child {
		margin-bottom: 0;
	}

	&.larger {
		font-size: 1.2rem;
		line-height: 1.3;

		&>li:before {
			top: 3px !important;
		}
	}

	&>li {
		position: relative;
		padding-bottom: 7px;
		padding-left: 29px;
		line-height: inherit;
		font-size: inherit;

		&:has(strong:is(:first-child)) {
			&:not(:last-child) {
				padding-bottom: 12px;
			}
		}

		&:before {
			position: absolute;
			display: inline-flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			overflow: clip;
			top: 4px;
			left: 0;
			text-align: center;
			content: "\f00c";
			display: inline-block;
			font: normal normal normal 14px/1 var(--font-awesome);
			font-size: 11px;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle;
			width: 16px;
			height: 16px;
			color: #fff;
			background: var(--trinova-blue-14, var(--primary-color, #000));
			font-weight: 600;
			margin: 0;
			border: 0;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
	}

	&.boxed {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		gap: 6px;

		& li {
			position: relative;
			display: flex;
			flex-flow: column nowrap;
			justify-content: flex-end;
			align-items: flex-start;
			align-content: flex-start;
			border: 1px solid var(--ion-blue-6, rgba(255, 255, 255, 0.2));
			background: var(--ion-blue-9, rgba(255, 255, 255, 0.1));
			border-radius: 6px;
			overflow: clip;
			padding: 25px 12px 12px 12px;
			font-size: 1.0rem;
			font-weight: 600;
			line-height: 1.3;
			min-height: 86px;
			width: calc(100%/3 - 4px);

			/*@media (max-width: 1100px) {
				& {
					width: calc(100%/2 - 4px);
				}
			}*/

			@media (max-width: 600px) {
				& {
					width: 100%;
					padding: 25px 16px 16px 16px;
					min-height: 66px;
				}
			}

			&:before {
				background: var(--ion-blue-10, #000);
				right: 6px;
				top: 6px;
				left: auto;
			}
		}
	}

	&.primary {
		&>li {
			&:before {
				background: var(--primary-color);
			}
		}
	}

	&.dark-primary {
		&>li {
			&:before {
				background: var(--dark-primary-color);
			}
		}
	}

	&.secondary {
		&>li {
			&:before {
				background: var(--ion-blue-10);
			}
		}
	}
}

.light {

	& ul.check-list,
	& ol.check-list {
		color: var(--body-color-light) !important;

		& li {
			color: var(--body-color-light) !important;
		}
	}
}

ul.condensed li,
ol.condensed li {
	padding-bottom: 12px;
}

ul.push-left,
ol.push-left {
	padding-bottom: 10px;
}

@media (min-width: 1025px) {

	ul.push-left,
	ol.push-left {
		padding-left: 40px;
	}
}

ul.push-left li,
ol.push-left li {
	padding-bottom: 15px;
}

ul.numbered-list-with-slash,
ol.numbered-list-with-slash {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.numbered-list-with-slash:before,
ul.numbered-list-with-slash:after,
ol.numbered-list-with-slash:before,
ol.numbered-list-with-slash:after {
	content: "";
	display: table;
}

ul.numbered-list-with-slash:after,
ol.numbered-list-with-slash:after {
	clear: both;
}

ul.numbered-list-with-slash li,
ol.numbered-list-with-slash li {
	position: relative;
	padding: 5px 0;
	margin: 0 35px 10px 0;
	counter-increment: numbered-list-item;
	font-weight: 400;
	color: #585757;
	font-family: var(--button-font);
	text-transform: uppercase;
	line-height: 1.4;
	font-size: 12px;
	letter-spacing: 1.4px;
	display: inline-block;
}

ul.numbered-list-with-slash li:last-child,
ol.numbered-list-with-slash li:last-child {
	margin-right: 0;
}

@media (max-width: 500px) {

	ul.numbered-list-with-slash li,
	ol.numbered-list-with-slash li {
		display: block;
		margin-right: 0;
	}
}

ul.numbered-list-with-slash li a,
ol.numbered-list-with-slash li a {
	color: #585757;
}

ul.numbered-list-with-slash li a:before,
ol.numbered-list-with-slash li a:before {
	position: relative;
	display: inline-block;
	padding-right: 4px;
	content: counter(numbered-list-item, decimal-leading-zero) ' /';
	color: var(--primary-color);
	pointer-events: none;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	font-size: 1.1em;
}

ul.numbered-list-with-slash li a:hover,
ul.numbered-list-with-slash li a:active,
ul.numbered-list-with-slash li a:focus,
ol.numbered-list-with-slash li a:hover,
ol.numbered-list-with-slash li a:active,
ol.numbered-list-with-slash li a:focus {
	color: var(--primary-color);
}

ul.numbered-list-with-slash li a:hover:before,
ul.numbered-list-with-slash li a:active:before,
ul.numbered-list-with-slash li a:focus:before,
ol.numbered-list-with-slash li a:hover:before,
ol.numbered-list-with-slash li a:active:before,
ol.numbered-list-with-slash li a:focus:before {
	color: var(--primary-color);
}

ul.numbered-bubble-list,
ol.numbered-bubble-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

@media (min-width: 1025px) {

	ul.numbered-bubble-list.push-left,
	ol.numbered-bubble-list.push-left {
		padding-left: 40px;
	}
}

ul.numbered-bubble-list>li,
ol.numbered-bubble-list>li {
	position: relative;
	padding-bottom: 15px;
	padding-left: 40px;
	counter-increment: numbered-list-item;
}

ul.numbered-bubble-list>li:last-child,
ol.numbered-bubble-list>li:last-child {
	padding-bottom: 0 !important;
}

ul.numbered-bubble-list>li:before,
ol.numbered-bubble-list>li:before {
	position: absolute;
	width: 28px;
	height: 28px;
	color: #ffffff !important;
	background: var(--primary-color);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	top: 0;
	left: 0;
	text-align: center;
	content: counter(numbered-list-item);
	display: inline-block;
	font-family: var(--button-font);
	font-size: 14px;
	vertical-align: middle;
	padding: 6px 0;
	margin: -4px 14px 0 0;
	font-weight: 600;
}

ol {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.deactivate>a,
.deactivate {
	pointer-events: none;
}

.serif {
	font-family: var(--button-font);
}

.uppercase {
	text-transform: uppercase;
}

.background-image-with-opacity {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover !important;
	z-index: 0;
}

.text-box,
.column-part {
	min-height: 0;
}

.text-box.light,
.column-part.light {
	color: #ffffff;
}

img.full-width {
	width: 100%;
}

.table-area {
	display: block;
	overflow-x: auto;
}

.map-holder {
	min-height: 400px;
}

@media (max-width: 767px) {
	.map-holder {
		min-height: 300px;
	}
}

#map-holder {
	min-height: 400px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

table.styled-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 30px;
	color: #999;
	border: 3px solid #fff;
}

table.styled-table:last-child {
	margin-bottom: 0;
}

w table.styled-table,
table.styled-table th,
table.styled-table td {
	color: #899293;
}

table.styled-table th,
table.styled-table td {
	border: 0;
}

table.styled-table thead th {
	color: #555;
	padding: 8px 20px;
	line-height: 1.0;
}

table.styled-table thead th:last-child {
	border-right: 0;
}

table.styled-table tbody tr {
	border-bottom: 1px solid #ddd;
	background: #ffffff;
}

table.styled-table tbody tr:last-child {
	border: 0;
}

table.styled-table td {
	vertical-align: middle;
	text-align: left;
	font-size: 16px;
	line-height: 1.0;
	padding: 8px 20px;
}

table.styled-table td:last-child {
	border-right: 0;
}

table.styled-table td.product-remove,
table.styled-table td.product-thumbnail {
	text-align: center;
}

@media (max-width: 767px) {
	table.styled-table.pricing-table {
		display: none;
	}
}

table.styled-table.pricing-table tbody tr {
	border-bottom: 0;
}

table.styled-table.pricing-table tbody tr td {
	position: relative;
	font-size: 15px;
	line-height: 1.2;
	padding: 8px 20px;
	color: #555;
	vertical-align: top;
}

table.styled-table.pricing-table tbody tr td:nth-of-type(1) {
	font-weight: bold;
	letter-spacing: -0.8px;
}

table.styled-table.pricing-table tbody tr td:nth-child(n + 2) {
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.2px;
}

table.styled-table.pricing-table tbody tr td:nth-of-type(2) {
	padding-left: 24px;
}

table.styled-table.pricing-table tbody tr td:nth-of-type(2) .fa {
	position: absolute;
	left: 8px;
	top: 6px;
	color: #b5b5b5;
}

table.styled-table.pricing-table tbody tr:nth-child(even) {
	background: #ececec;
}

table.styled-table.pricing-table tbody tr:nth-child(even) td {
	border: 0;
	border-bottom: 2px solid #e6e6e6;
}

table.styled-table.pricing-table tbody tr:nth-child(even) td:nth-of-type(2),
table.styled-table.pricing-table tbody tr:nth-child(even) td:nth-of-type(3),
table.styled-table.pricing-table tbody tr:nth-child(even) td:nth-of-type(4) {
	background: #e6e6e6;
	border-color: #e6e6e6;
}

table.styled-table.pricing-table tbody tr:nth-child(even) td:nth-of-type(5) {
	background: #6bd4f4;
	color: #19237e;
	border-color: #6bd4f4;
}

table.styled-table.pricing-table tbody tr:nth-child(odd) {
	background: transparent;
}

table.styled-table.pricing-table tbody tr:nth-child(odd) td {
	border-top: 1px solid #f8f8f8;
}

table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(2),
table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(3),
table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(4) {
	background: #f8f8f8;
	border-color: #ddd;
}

table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(5) {
	background: #93e0f7;
	color: #19237e;
	border-color: #93e0f7;
}

table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(2),
table.styled-table.pricing-table tbody tr:nth-child(odd) td:nth-of-type(3) {
	border-right: 2px solid #fff;
}

table.styled-table.pricing-table thead tr td:nth-of-type(1),
table.styled-table.pricing-table thead tr th:nth-of-type(1),
table.styled-table.pricing-table tfoot tr td:nth-of-type(1),
table.styled-table.pricing-table tfoot tr th:nth-of-type(1) {
	color: var(--primary-color);
	text-transform: uppercase;
}

table.styled-table.pricing-table thead tr th {
	border-bottom: 2px solid #e6e6e6;
}

table.styled-table.pricing-table thead tr th:nth-of-type(1) {
	font-weight: bold;
	color: var(--primary-color);
	font-family: var(--button-font);
	line-height: 1.1;
	font-size: 16px;
	letter-spacing: 1.3px;
	padding-top: 25px;
	padding-bottom: 7px;
}

table.styled-table.pricing-table thead tr th:nth-of-type(2),
table.styled-table.pricing-table thead tr th:nth-of-type(3),
table.styled-table.pricing-table thead tr th:nth-of-type(4) {
	color: #cbceeb;
	background: #19237e;
	text-transform: uppercase;
	text-align: center;
}

table.styled-table.pricing-table thead tr th:nth-of-type(5) {
	color: #19237e;
	background: #1dc0ee;
	text-transform: uppercase;
	border-bottom: 2px solid #5bccee;
	text-align: center;
}

table.styled-table.pricing-table thead:nth-of-type(1) tr th {
	border-bottom: 0;
	letter-spacing: -0.8px;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 4px;
}

table.styled-table.pricing-table thead:nth-of-type(1) tr th:nth-of-type(2),
table.styled-table.pricing-table thead:nth-of-type(1) tr th:nth-of-type(3) {
	color: #fff;
	text-transform: none;
}

table.styled-table.pricing-table thead:nth-of-type(1) tr th:nth-of-type(3) {
	background: #1dc0ee;
}

table.styled-table.pricing-table thead:nth-of-type(2) tr th:nth-of-type(2),
table.styled-table.pricing-table thead:nth-of-type(2) tr th:nth-of-type(3),
table.styled-table.pricing-table thead:nth-of-type(2) tr th:nth-of-type(4) {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.4px;
	line-height: 1.2;
}

table.styled-table.pricing-table thead:nth-of-type(2) tr th:nth-of-type(5) {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.4px;
	line-height: 1.2;
}

table.styled-table.pricing-table thead:nth-child(n+3) tr th {
	padding-top: 40px;
}

table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(2),
table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(3),
table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(4) {
	background: #f8f8f8;
}

table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(5) {
	background: #93e0f7;
}

table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(2),
table.styled-table.pricing-table thead:nth-child(n+3) tr th:nth-of-type(3) {
	border-right: 2px solid #fff;
}

table.styled-table.pricing-table tfoot tr {
	border-top: 2px solid #7c7c7c;
}

table.styled-table.pricing-table tfoot tr td {
	font-weight: bold;
	color: var(--primary-color);
	font-family: var(--button-font);
	line-height: 1.1;
	font-size: 19px;
	letter-spacing: 0px;
	padding-top: 20px;
	color: #585757;
	text-align: center;
}

table.styled-table.pricing-table tfoot tr td:nth-of-type(1) {
	color: var(--primary-color);
	font-size: 16px;
	letter-spacing: 1.3px;
	text-align: left;
}

p,
span {
	position: relative;
}

p,
span,
li,
div {
	text-wrap: pretty;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h1-h2,
.h2-h3,
.h3-h4,
.h4-h5,
.h5-h6,
.giant-headline,
.mega,
.full-width-headline,
.h0,
.larger-h1,
.chunky-headline {
	position: relative;
	font-family: var(--header-font);
	font-weight: var(--header-font-weight);
	line-height: var(--header-line-height);
	margin: var(--header-margin);
	padding: var(--header-padding);
	display: block;
	font-feature-settings: "kern", "liga", "lnum";
	letter-spacing: var(--header-letter-spacing);
	text-transform: var(--header-text-transform);
	text-wrap: pretty;
	color: var(--header-dark-color);

	&.light {
		color: var(--header-light-color);
	}

	& strong {
		font-weight: 600;
	}
}

.light {

	& h1,
	& h2,
	& h3,
	& h4,
	& h5,
	& h6,
	& .h1,
	& .h2,
	& .h3,
	& .h4,
	& .h5,
	& .h6,
	& .h1-h2,
	& .h2-h3,
	& .h3-h4,
	& .h4-h5,
	& .h5-h6 {
		color: var(--header-light-color);
	}
}

h5,
h6,
.h5,
.h6 {
	font-weight: var(--smaller-header-font-weight);
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *,
.h1 *,
.h2 *,
.h3 *,
.h4 *,
.h5 *,
.h6 * {
	margin-bottom: 0;
}

h1.uppercase,
h1 .uppercase,
h2.uppercase,
h2 .uppercase,
h3.uppercase,
h3 .uppercase,
h4.uppercase,
h4 .uppercase,
h5.uppercase,
h5 .uppercase,
h6.uppercase,
h6 .uppercase,
.h1.uppercase,
.h1 .uppercase,
.h2.uppercase,
.h2 .uppercase,
.h3.uppercase,
.h3 .uppercase,
.h4.uppercase,
.h4 .uppercase,
.h5.uppercase,
.h5 .uppercase,
.h6.uppercase,
.h6 .uppercase {
	text-transform: uppercase;
	letter-spacing: -0.04em;
	font-family: var(--button-font);
}

@media (max-width: 767px) {

	h1.uppercase,
	h1 .uppercase,
	h2.uppercase,
	h2 .uppercase,
	h3.uppercase,
	h3 .uppercase,
	h4.uppercase,
	h4 .uppercase,
	h5.uppercase,
	h5 .uppercase,
	h6.uppercase,
	h6 .uppercase,
	.h1.uppercase,
	.h1 .uppercase,
	.h2.uppercase,
	.h2 .uppercase,
	.h3.uppercase,
	.h3 .uppercase,
	.h4.uppercase,
	.h4 .uppercase,
	.h5.uppercase,
	.h5 .uppercase,
	.h6.uppercase,
	.h6 .uppercase {
		letter-spacing: 0;
	}
}

h1.uppercase,
h1 .uppercase,
.h1.uppercase,
.h1 .uppercase {
	--header-line-height: 0.9;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

blockquote:not(.tiktok-embed) {
	--mid-min-font-size: calc((var(--h4-min-font-size) + var(--h5-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h4-max-font-size) + var(--h5-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	position: relative;
	font-family: var(--header-font);
	font-feature-settings: "kern", "liga", "lnum";
	font-style: normal;
	display: block !important;
	border: 0;
	letter-spacing: var(--header-letter-spacing);
	line-height: 1.3;
	font-weight: 600;
	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	color: #000;
	padding: 0 30px 0 60px;
	margin: 70px 0 80px 50px;

	&:before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		content: '';
		display: block;
		width: 1px;
		background: #DCDCDC;
	}
}

@media (max-width: 1024px) {
	blockquote:not(.tiktok-embed) {
		padding: 0 0 0 30px;
		margin: 50px 0 60px;
	}
}

blockquote:not(.tiktok-embed)>p {
	position: relative;
	z-index: 10;
	margin: 0;
	letter-spacing: inherit !important;
	line-height: inherit !important;
	color: inherit;
	font-weight: inherit;
}

blockquote:not(.tiktok-embed) cite {
	position: relative;
	font-family: var(--header-font);
	text-transform: var(--button-text-transform);
	color: var(--primary-color);
	line-height: 1.1 !important;
	font-size: 0.75rem;
	display: block;
	padding: 24px 0 0;
	letter-spacing: 0.08em !important;
	font-weight: 600;
	margin: 0;
	z-index: 10;
	font-style: normal;

	&.small {
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.08em !important;
	}

	&.spread-out {
		letter-spacing: 0.1em !important;
	}
}

blockquote:not(.tiktok-embed) cite br {
	display: none;
}

blockquote:not(.tiktok-embed) cite strong {
	display: block;
	font-family: var(--button-font);
	text-transform: none;
	font-style: normal;
	line-height: 1.4;
	font-size: 14px;
	letter-spacing: 0 !important;
	font-weight: 600;
	color: #585757;
	margin-bottom: 3px;
}

blockquote:not(.tiktok-embed) cite img {
	margin: 0 !important;
	max-width: 100% !important;
}

blockquote:not(.tiktok-embed) cite.cite-has-avatar {
	padding-top: 0;
	padding-left: 60px;
}

blockquote:not(.tiktok-embed) cite.cite-has-avatar .author-avatar {
	position: absolute;
	left: 0;
	top: -7px;
	width: 52px;
	height: 52px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
}

blockquote:not(.tiktok-embed) cite.cite-has-avatar .author-avatar img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

blockquote:not(.tiktok-embed).inline-blockquote {
	padding: 0;
}

blockquote:not(.tiktok-embed).inline-blockquote:before {
	left: -40px;
	top: -43px;
	opacity: 0.5;
}

@media (max-width: 1024px) {
	blockquote:not(.tiktok-embed).inline-blockquote:before {
		font-size: 120px;
		opacity: 0.1;
		left: -25px;
		top: -25px;
	}
}

@media (min-width: 1201px) {
	blockquote:not(.tiktok-embed).inline-blockquote.push-left {
		padding-left: 40px;
	}

	blockquote:not(.tiktok-embed).inline-blockquote.push-left:before {
		left: 0;
	}
}

blockquote:not(.tiktok-embed).inline-blockquote p {
	font-family: var(--button-font);
	letter-spacing: 0;
	line-height: 1.5 !important;
	font-size: 15px;
	color: #8c8c8c;
	font-style: italic;
}

blockquote:not(.tiktok-embed).inline-blockquote .small-headline {
	font-style: normal;
	color: var(--primary-color);
}

.light blockquote {
	color: var(--body-color-light);
}

.light {

	& h1,
	& .h1,
	& h2,
	& .h2,
	& h3,
	& .h3,
	& h4,
	& .h4,
	& h5,
	& .h5,
	& h6,
	& .h6 {
		color: var(--header-color-light);
	}
}

.large-on-mobile {
	--h1-min-font-size: 2.5rem;
	--h2-min-font-size: 2.2rem;
	--h3-min-font-size: 2.0rem;
	--h4-min-font-size: 1.8rem;
	--h5-min-font-size: 1.7rem;
	--h6-min-font-size: 1.6rem;
}

.h0,
.larger-h1 {
	--header-line-height: 1.0;
	font-family: 'Nunito Sans', var(--default-sans-serif);
	font-weight: 400;
	letter-spacing: -0.02em;
	--larger-h1-fill: calc(var(--larger-h1-min-font-size) + (var(--larger-h1-max-font-size) - var(--larger-h1-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));
	font-size: clamp(var(--larger-h1-min-font-size), var(--larger-h1-fill), var(--larger-h1-max-font-size));

	&.keep-large-on-mobile {
		--larger-h1-min-font-size: 3.0rem;
		text-wrap: balance;
	}
}

h1,
.h1 {
	--header-line-height: 0.92;
	--mid-min-font-size: var(--h1-min-font-size);
	--mid-max-font-size: var(--h1-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	letter-spacing: var(--h1-letter-spacing);

	&.keep-large-on-mobile {
		--mid-min-font-size: 3.0rem;
		text-wrap: balance;
	}
}

h2,
.h2 {
	--header-line-height: 1.0;
	--mid-min-font-size: var(--h2-min-font-size);
	--mid-max-font-size: var(--h2-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));

	font-family: var(--header-font-2);
	letter-spacing: var(--h2-letter-spacing);
}

h3,
.h3 {
	--header-line-height: 1.1;
	--mid-min-font-size: var(--h3-min-font-size);
	--mid-max-font-size: var(--h3-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	letter-spacing: var(--h3-letter-spacing);
}

h4,
.h4 {
	--header-line-height: 1.1;
	--mid-min-font-size: var(--h4-min-font-size);
	--mid-max-font-size: var(--h4-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	letter-spacing: var(--h4-letter-spacing);
}

h5,
.h5 {
	--header-line-height: 1.1;
	--mid-min-font-size: var(--h5-min-font-size);
	--mid-max-font-size: var(--h5-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	letter-spacing: var(--h5-letter-spacing);
}

h6,
.h6 {
	--header-line-height: 1.15;
	--mid-min-font-size: var(--h6-min-font-size);
	--mid-max-font-size: var(--h6-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	letter-spacing: var(--h6-letter-spacing);
}

.paragraph-large,
.p-large {
	font-family: var(--body-font);
	font-size: 19px;
	line-height: 1.45;
	font-weight: 400;
}

.paragraph-small,
.p-small {
	font-family: var(--body-font);
	font-size: 16px;
	line-height: 1.45;
}

.paragraph-small.italic,
.p-small.italic {
	font-style: italic;
}

.paragraph-small.bold,
.p-small.bold,
.paragraph-large.bold,
.p-large.bold {
	font-weight: 700;
}

.disclaimer-text {
	font-family: var(--body-font);
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 0;
}

.category-text {
	font-family: var(--body-font);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3;
	font-size: 16px;
	letter-spacing: 1.6px;

	&.small {
		font-size: 13px;
		letter-spacing: 1.3px;
	}
}

.green-text {
	color: #95B22E !important;
}

.text-dark {
	color: var(--body-color) !important;
}

.text-light {
	color: var(--body-color-light) !important;
}

.text-light-grey,
.text-grey-light {
	color: var(--light-grey-color) !important;
}

.purple-checkbox {
	list-style: none;
	margin: 0;
	padding: 0;

	& li {
		position: relative;
		display: flex;
		align-items: flex-start;
		gap: 12px;
		margin: 0 0 12px;
		padding: 0;
		font-size: 16px;
		line-height: 1.45;
		color: inherit;

		&:last-child {
			margin-bottom: 0;
		}

		&:before {
			content: '';
			flex: 0 0 20px;
			width: 20px;
			height: 20px;
			margin-top: 2px;
			background: url('/wp-content/uploads/checkmark-purple-square.svg') no-repeat center center;
			background-size: contain;
		}
	}
}

@media (max-width: 767px) {

	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6,
	.h0,
	.larger-h1 {
		font-family: 'Arial', var(--default-sans-serif);
		font-weight: 700;
	}
}

.post-styles {

	& p,
	& li {
		--body-color: #353645;
		color: var(--body-color);

		@media (min-width: 768px) {
			& {
				font-size: 1.25rem;
				line-height: 1.4;
			}
		}
	}

	& ul,
	& ol {
		&:not(:first-child) {
			margin-top: 30px;
		}

		&:not(:last-child) {
			margin-bottom: 20px;
		}

		& ul,
		& ol {
			margin: 0;
			padding-bottom: 3px;
		}

		&:is(:last-child) {

			& ul,
			& ol {
				&:last-child {
					padding-bottom: 0;
				}
			}
		}
	}

	& ol {
		padding-left: 24px !important;
	}

	& ul,
	& ol {
		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}

	& h2,
	& .h2,
	& h3,
	& .h3,
	& h4,
	& .h4,
	& h5,
	& .h5,
	& h6,
	& .h6,
	& p {

		&:has(+ ul),
		&:has(+ ol) {
			margin-bottom: 8px;
		}
	}

	& h2,
	& .h2,
	& h3,
	& .h3,
	& h4,
	& .h4,
	& h5,
	& .h5,
	& h6,
	& .h6 {
		&:has(+ p):not(:last-child) {
			margin-bottom: 18px;
		}
	}

	&.spread-out-content {

		& h2,
		& .h2,
		& h3,
		& .h3,
		& h4,
		& .h4,
		& h5,
		& .h5,
		& h6,
		& .h6 {
			&:not(:first-child) {
				margin-top: 70px;
			}
		}
	}
}

.mega {
	--header-line-height: 0.9;
	--header-letter-spacing: -0.06rem;
	--mid-min-font-size: var(--mega-min-font-size);
	--mid-max-font-size: var(--mega-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	font-family: var(--header-font-2);
}

.h1-h2 {
	--header-line-height: 1.0;
	--mid-min-font-size: calc((var(--h1-min-font-size) + var(--h2-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h1-max-font-size) + var(--h2-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
}

.h2-h3 {
	--header-line-height: 1.0;
	--mid-min-font-size: calc((var(--h2-min-font-size) + var(--h3-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h2-max-font-size) + var(--h3-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
}

.h3-h4 {
	--header-line-height: 1.05;
	--mid-min-font-size: calc((var(--h3-min-font-size) + var(--h4-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h3-max-font-size) + var(--h4-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
}

.h4-h5 {
	--header-line-height: 1.05;
	--mid-min-font-size: calc((var(--h4-min-font-size) + var(--h5-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h4-max-font-size) + var(--h5-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
}

.h5-h6 {
	--header-line-height: 1.05;
	--mid-min-font-size: calc((var(--h5-min-font-size) + var(--h6-min-font-size)) / 2);
	--mid-max-font-size: calc((var(--h5-max-font-size) + var(--h6-max-font-size)) / 2);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
}

.giant-headline {
	--mid-min-font-size: var(--giant-headline-min-font-size);
	--mid-max-font-size: var(--giant-headline-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	line-height: var(--giant-headline-line-height);
}

.full-width-headline {
	--mid-min-font-size: var(--full-width-headline-min-font-size);
	--mid-max-font-size: var(--full-width-headline-max-font-size);
	--mid-fill: calc(var(--mid-min-font-size) + (var(--mid-max-font-size) - var(--mid-min-font-size)) * ((100vw - var(--vp-min)) / (var(--vp-max) - var(--vp-min))));

	position: absolute;
	line-height: var(--full-width-headline-line-height) !important;
	font-size: clamp(var(--mid-min-font-size), var(--mid-fill), var(--mid-max-font-size));
	overflow: clip;
	text-overflow: clip;
	white-space: nowrap;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -2vw;
	margin: 0;
	pointer-events: none;
	max-width: 100vw;
	letter-spacing: -0.02em;
}

.chunky-headline {
	--full-width-headline-line-height: 0.8;

	position: relative;
	display: inline-block;
	line-height: var(--full-width-headline-line-height) !important;
	font-size: 29vw;
	letter-spacing: -0.02em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	font-weight: 800 !important;
	-webkit-text-fill-color: transparent;
	color: rgba(0, 0, 0, 0.0) !important;
	-webkit-background-clip: text;
	background-clip: text;
	overflow: clip;
	margin-left: 0;
	margin-right: 0;
	max-width: 100vw;
	width: 100vw;

	@media (min-width: 768px) {
		& {
			margin-left: -2vw;
			margin-right: -2vw;
			max-width: calc(100vw + 4vw);
			width: calc(100vw + 4vw);
			font-size: 30.1vw;
		}
	}
}

.xxsmaller {
	display: inline-block;
	font-size: 0.7em;
	letter-spacing: 0.01em;
}

.xsmaller {
	display: inline-block;
	font-size: 0.75em;
	letter-spacing: 0.01em;
}

.smaller {
	display: inline-block;
	font-size: 0.8667em;
	letter-spacing: 0.01em;
}

.larger {
	--body-letter-spacing: 0.016em;

	display: inline-block;
	font-size: 1.2em;

	&:is(ul),
	&:is(ol) {
		@media (max-width: 767px) {
			& {
				font-size: 1.0em;
				line-height: 1.3;
			}
		}
	}

	&:has(> p) {
		@media (max-width: 767px) {
			& {
				font-size: 1.0rem;
				line-height: 1.4;
			}
		}
	}

	&>p {
		@media (max-width: 767px) {
			& {
				font-size: 1.0em;
				line-height: 1.4;
			}
		}
	}
}

li {

	& .larger,
	&.larger {
		line-height: 1.3;
	}
}

p {

	& .larger,
	&.larger {
		line-height: 1.4;
	}
}

.xlarger {
	display: inline-block;
	font-size: 1.3em;
}

li {

	& .xlarger,
	&.xlarger {
		line-height: 1.25;
	}
}

p {

	& .xlarger,
	&.xlarger {
		line-height: 1.35;
	}
}

.xxlarger {
	display: inline-block;
	font-size: 1.35em;
}

li {

	& .xxlarger,
	&.xxlarger {
		line-height: 1.2;
	}
}

p {

	& .xxlarger,
	&.xxlarger {
		line-height: 1.3;
	}
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {

	&.xxsmaller,
	&.xsmaller,
	&.smaller,
	&.xxlarger,
	&.xlarger,
	&.larger {
		display: block;
	}
}

p,
span {

	&.xlarger,
	&.xxlarger {
		line-height: calc(var(--body-line-height) - 0.1);
	}

	&.less-line-height {
		line-height: calc(var(--body-line-height) - 0.4);
	}
}

.left-align {
	text-align: left;
}

.right-align {
	text-align: right;
}

@media (max-width: 1024px) {
	.left-on-mobile {
		text-align: left !important;
	}
}

.blocked-out {
	display: block;
	margin-bottom: 60px;
}

.blocked-out:last-child {
	margin-bottom: 0;
}

hr {
	position: relative;
	display: inline-block;
	border: 0;
	border-top-width: 1px;
	border-style: solid;
	padding: 0;
	opacity: 1.0;
	text-align: left;
	width: 100%;
	margin: 10px auto !important;
	border-color: rgba(0, 0, 0, 0.2);

	&:first-child {
		margin-top: 0 !important;
	}

	&:last-child {
		margin-bottom: 0 !important;
	}
}

hr.light {
	border-color: rgba(255, 255, 255, 0.06);
}

hr.short {
	max-width: 56px;
	margin: 20px auto !important;
	border-top-width: 2px;
}

hr.short:first-child {
	margin-top: 0 !important;
}

hr.short:last-child {
	margin-bottom: 0 !important;
}

hr.short-left {
	max-width: 80px;
	margin: 10px 0 !important;
	border-color: var(--primary-color) !important;
	border-top-width: 2px !important;
}

hr.primary-text {
	border-color: var(--primary-color) !important;
}

hr.thick {
	max-width: 33px;
	border-top-width: 2px;
}

hr.center {
	display: block;
	text-align: center;
	margin-right: auto !important;
	margin-left: auto !important;
}

hr.block-off {
	display: block;
	margin: 30px auto !important;
}

hr.block-off.small-margin {
	margin: 20px auto !important;
}

.light hr {
	border-color: rgba(255, 255, 255, 0.25);
}

.columns {
	position: relative;
	z-index: 1;
}

.columns>.background-image-with-opacity {
	z-index: 3;
}

.columns>.container-full,
.columns>.container {
	position: relative;
	z-index: 20;
}

.container-full:before,
.container-full:after {
	content: "";
	display: table;
}

.container-full:after {
	clear: both;
}

.container:before,
.container:after,
.container-full:before,
.container-full:after .container-fluid:before,
.container-fluid:after {
	display: none;
}

.column-part-inner {
	position: relative;
	z-index: 10;
}

.column-part-inner:before,
.column-part-inner:after {
	content: "";
	display: table;
}

.column-part-inner:after {
	clear: both;
}

.main-404 .header-404 {
	position: relative;
	display: block;
	background: #f9f9f9;
}

.main-404 .content-part {
	padding-top: 200px;
	padding-bottom: 200px;
	text-align: center;
}

.main-404 .posts_container {
	background: var(--control-black-60, #F2F7FD) !important;
	padding: 200px 0;
}

@media (max-width: 1024px) {
	.main-404 .posts_container {
		padding: 100px 0;
	}
}

.background-image-with-opacity>.img-hold {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
	background-size: cover;
}

.background-image-with-opacity.fixed:not(.parallax-window)>.img-hold {
	background-attachment: fixed !important;
}

.parallax-mirror {
	z-index: 0 !important;
	overflow: hidden !important;
}

.parallax-window .bg-stretch {
	visibility: hidden;
}

.arrow-icon:after {
	position: absolute;
	content: "\f178";
	display: inline-block;
	font: normal normal normal 14px/1 var(--font-awesome);
	font-size: 23px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	-webkit-transition: all 100ms linear;
	transition: all 100ms linear;
	opacity: 1.0;
	z-index: 2;
	padding: 0;
	right: 22px;
	top: 50%;
	margin-top: -12px;
}

.mce-content-body a[data-mce-selected].set-button,
.set-button,
.woocommerce a.set-button,
a.fl-button,
.fl-builder-content a.fl-button {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	outline: none;
	vertical-align: top;
	font-family: var(--button-font);
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight);
	min-width: fit-content;
	text-align: center;
	line-height: var(--button-line-height);
	letter-spacing: var(--button-letter-spacing);
	text-transform: var(--button-text-transform);
	margin: var(--button-margin);
	padding: var(--button-padding);
	border-width: var(--button-border-width);
	border-style: solid;
	-webkit-border-radius: var(--button-border-radius);
	border-radius: var(--button-border-radius);
	-webkit-transition: var(--button-easing) !important;
	transition: var(--button-easing) !important;
	overflow: visible;
	text-decoration: none !important;
	color: var(--button-color) !important;
	background: var(--button-background-color) !important;
	border-color: var(--button-border-color) !important;

	/*&:before {
		display: block;
		position: absolute;
		z-index: -1;
		content: "";
		inset-inline: 10px;
		inset-block: 12px 0;
		opacity: 0;
		border-radius: inherit;
		background: inherit;
		transition: opacity .2s ease;
		filter: blur(11px);
	}*/

	& * {
		color: inherit !important;

		&[class*='material-'] {
			position: relative;
			font-size: var(--button-font-size);
			-webkit-transition: var(--button-easing);
			transition: var(--button-easing);
			font-size: 1.8em;
		}
	}

	&:has([class*='material-']) {
		gap: 8px;
		flex-wrap: nowrap;
		align-items: center;
		align-content: center;
	}

	&.icon-only {
		& *[class*='material-'] {
			top: auto;
			padding-left: 0;
		}
	}

	&:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}

	&:hover,
	&:focus {
		color: var(--hover-button-color) !important;
		background: var(--hover-button-background-color) !important;
		border-color: var(--hover-button-border-color) !important;
		box-shadow: none;

		/*&:not(.no-bg-button) {
			-webkit-transform: translate3d(0, -1px, 0);
			transform: translate3d(0, -1px, 0);

			&:before {
				opacity: 0.6;
			}
		}*/
	}

	&:active {
		color: var(--pressed-button-color) !important;
		background: var(--pressed-button-background-color) !important;
		border-color: var(--pressed-button-border-color) !important;
		box-shadow: none;

		/*&:not(.no-bg-button) {
			-webkit-transform: translate3d(0, -1px, 0);
			transform: translate3d(0, -1px, 0);

			&:before {
				opacity: 0.6;
			}
		}*/
	}

	&.round-button,
	&.pill-button {
		--button-border-radius: 50px;
	}

	&.secondary-button {
		color: var(--secondary-button-color) !important;
		background: var(--secondary-button-background-color) !important;
		border-color: var(--secondary-button-border-color) !important;

		&:hover,
		&:active,
		&:focus {
			color: var(--secondary-hover-button-color) !important;
			background: var(--secondary-hover-button-background-color) !important;
			border-color: var(--secondary-hover-button-border-color) !important;
		}
	}

	&.light-button {
		color: var(--light-button-color) !important;
		background: var(--light-button-background-color) !important;
		border-color: var(--light-button-border-color) !important;

		&:hover,
		&:active,
		&:focus {
			color: var(--light-hover-button-color) !important;
			background: var(--light-hover-button-background-color) !important;
			border-color: var(--light-hover-button-border-color) !important;
		}
	}

	&.to-light-button {
		color: var(--to-light-button-color) !important;
		background: var(--to-light-button-background-color) !important;
		border-color: var(--to-light-button-border-color) !important;

		&:hover,
		&:active,
		&:focus {
			color: var(--to-light-hover-button-color) !important;
			background: var(--to-light-hover-button-background-color) !important;
			border-color: var(--to-light-hover-button-border-color) !important;
		}
	}

	&.outline-button {
		color: var(--outline-button-color) !important;
		background: var(--outline-button-background-color) !important;
		border-color: var(--outline-button-border-color) !important;

		&:hover,
		&:active,
		&:focus {
			color: var(--outline-hover-button-color) !important;
			background: var(--outline-hover-button-background-color) !important;
			border-color: var(--outline-hover-button-border-color) !important;
		}

		&.light {
			color: var(--light-outline-button-color) !important;
			background: var(--light-outline-button-background-color) !important;
			border-color: var(--light-outline-button-border-color) !important;

			&:hover,
			&:active,
			&:focus {
				color: var(--light-outline-hover-button-color) !important;
				background: var(--light-outline-hover-button-background-color) !important;
				border-color: var(--light-outline-hover-button-border-color) !important;
			}
		}

		&.light-text {
			--outline-button-color: var(--button-ink-light);
			--outline-hover-button-color: var(--button-ink-light);
		}

		&.dark-text {
			--outline-button-color: var(--button-ink-dark);
			--outline-hover-button-color: var(--button-ink-dark);
		}
	}

	&.light-text {
		--button-color: var(--button-ink-light);
		--hover-button-color: var(--button-ink-light);
		--no-bg-button-color: var(--button-ink-light);
		--no-bg-button-hover-color: var(--button-ink-light);
		--transparent-button-color: var(--button-ink-light);
		--transparent-button-hover-color: var(--button-ink-light);
	}

	&.dark-text {
		--button-color: var(--button-ink-dark);
		--hover-button-color: var(--button-ink-dark);
		--no-bg-button-color: var(--button-ink-dark);
		--no-bg-button-hover-color: var(--button-ink-dark);
		--transparent-button-color: var(--button-ink-dark);
		--transparent-button-hover-color: var(--button-ink-dark);
	}

	&.chip-button {
		color: #000 !important;
		background: var(--trinova-blue-50, #E6F0FF) !important;
		border-color: var(--trinova-blue-100, #B1D1FD) !important;

		&:has([class*='material-']) {
			gap: 3px !important;

			& *[class*='material-'] {
				padding: 0 !important;
			}
		}

		&:hover,
		&:active,
		&:focus {
			color: #000 !important;
			background: var(--trinova-blue-100, #B1D1FD) !important;
			border-color: var(--trinova-blue-100, #B1D1FD) !important;
		}

		&.clear-filters {
			color: #000 !important;
			background: transparent !important;
			border-color: transparent !important;
			text-decoration: underline 0.1em color-mix(in srgb, currentColor 0%, transparent) !important;
			text-underline-offset: .16em;

			&:hover,
			&:active,
			&:focus {
				color: #000 !important;
				background: transparent !important;
				border-color: transparent !important;
				text-decoration-color: currentColor !important;
			}
		}
	}

	&.add-arrow {
		&:after {
			position: relative;
			display: inline-block;
			/*			content: "\f061";*/
			content: "\f105";
			font: normal normal normal 14px/1 var(--font-awesome);
			font-size: 1.2em;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle;
			text-align: center;
			color: inherit;
			padding: 0 0 0 1em;
			transition: var(--button-easing) !important;
			font-weight: 600;
			top: -0.01em;
			left: 0;
			opacity: 1;
		}

		&:hover,
		&:active,
		&:focus {
			&:before {
				opacity: 1;
			}
		}

		&.add-arrow-on-hover,
		&.arrow-on-hover {
			&:not(:hover):not(:active):not(:focus) {
				padding-right: 1.0em !important;
			}

			&:after {
				opacity: 0;
				padding-left: 0.1em;
			}

			&:hover,
			&:active,
			&:focus {
				&:after {
					opacity: 1;
					padding-left: 0.4em;
				}
			}
		}
	}

	&.add-arrow-before {
		&:before {
			position: relative;
			display: inline-block;
			/*			content: "\f060";*/
			content: "\f104";
			font: normal normal normal 14px/1 var(--font-awesome);
			font-size: 1.2em;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle;
			text-align: center;
			color: inherit;
			padding: 0 0.4em 0 0;
			transition: var(--button-easing) !important;
			font-weight: 600;
			top: -0.01em;
			left: auto;
			right: 0;
		}

		&:hover,
		&:active,
		&:focus {
			&:before {
				opacity: 1;
			}
		}

		&.arrow-on-hover {
			&:not(:hover):not(:active):not(:focus) {
				padding-left: 1.0em !important;
			}

			&:before {
				opacity: 0;
				padding-right: 0.1em;
			}

			&:hover,
			&:active,
			&:focus {
				&:before {
					opacity: 1;
					padding-right: 0.4em;
				}
			}
		}
	}

	&.turn-icn {
		&:before {
			font-family: 'Material Icons' !important;
			font-weight: normal;
			font-style: normal;
			font-size: 24px;
			line-height: 1;
			letter-spacing: normal;
			text-transform: none;
			display: inline-block;
			white-space: nowrap;
			word-wrap: normal;
			direction: ltr;
			-webkit-font-feature-settings: 'liga';
			font-feature-settings: 'liga';
			-webkit-font-smoothing: antialiased;
			transform-origin: center;
			transform: rotate(180deg);
			content: '\eba6' !important;
		}
	}

	&.full-button,
	&.full-width {
		display: flex;
		width: 100% !important;
	}

	&.transparent-button {
		--small-button-padding: calc(12px + var(--button-border-width)) calc(20px + var(--button-border-width));
		--small-button-mobile-padding: calc(12px + var(--button-border-width)) calc(20px + var(--button-border-width));

		--medium-button-padding: calc(16px + var(--button-border-width)) calc(22px + var(--button-border-width));
		--medium-button-mobile-padding: calc(16px + var(--button-border-width)) calc(22px + var(--button-border-width));

		--large-button-padding: calc(19px + var(--button-border-width)) calc(24px + var(--button-border-width));
		--large-button-mobile-padding: calc(19px + var(--button-border-width)) calc(24px + var(--button-border-width));

		--button-padding: var(--small-button-padding);
		--button-mobile-padding: var(--small-button-mobile-padding);

		color: var(--transparent-button-color) !important;
		background: var(--transparent-button-background-color) !important;
		border-color: var(--transparent-button-border-color) !important;
		border: 0 !important;

		&:hover,
		&:active,
		&:focus {
			color: var(--transparent-button-hover-color) !important;
			background: var(--transparent-button-hover-background-color) !important;
			border-color: var(--transparent-button-hover-border-color) !important;
			border: 0 !important;
		}

		&.light {
			--transparent-button-color: #fff;
			--transparent-button-hover-color: #fff;
		}
	}

	&.no-bg-button {
		&:not(.keep-padding) {
			padding-inline: 0;
		}

		color: var(--no-bg-button-color) !important;
		background: transparent !important;
		border: none !important;
		text-decoration: underline 0.1em color-mix(in srgb, currentColor 0%, transparent) !important;
		text-underline-offset: .16em;
		min-width: 0 !important;
		flex-wrap: nowrap;
		text-align: left;

		&.underline {
			text-decoration-color: currentColor !important;
		}

		&.add-arrow-before,
		&.add-arrow {
			padding: 8px 0 !important;
			text-decoration: none !important;
		}

		&.add-arrow-before {
			&:before {
				position: relative;
				display: inline-flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				content: "\f104";
				font-size: clamp(14px, 1.2em, 1.2em);
				padding: 2px;
				font-weight: 600;
				opacity: 1;
				color: #fff;
				background: var(--primary-color);
				border: 1px solid var(--primary-color);
				width: 2.5em;
				height: 2.5em;
				border-radius: 50%;
				margin-right: 1.0em;
				right: -0.4em;
				transition: all 300ms var(--ease-out-cubic) !important;
				flex: none;
			}
		}

		&.add-arrow {
			&:after {
				position: relative;
				display: inline-flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				content: "\f105";
				font-size: clamp(14px, 1.2em, 1.2em);
				padding: 2px;
				font-weight: 600;
				opacity: 1;
				color: #fff;
				background: var(--primary-color);
				border: 1px solid var(--primary-color);
				width: 2.5em;
				height: 2.5em;
				border-radius: 50%;
				margin-left: 1.0em;
				left: -0.4em;
				transition: all 300ms var(--ease-out-cubic) !important;
				flex: none;
			}
		}

		&.add-arrow-on-hover,
		&.arrow-on-hover {

			&:before,
			&:after {
				opacity: 1 !important;
				padding-right: 0 !important;
				padding-left: 0 !important;
				color: currentColor !important;
				background: transparent !important;
				border-color: transparent !important;
			}

			&:before {
				right: -1.1em;
			}

			&:after {
				left: -1.1em;
			}
		}

		&:hover,
		&:active,
		&:focus {
			&.underline {
				--no-bg-button-hover-color: var(--a-hover-link-color);
			}

			color: var(--no-bg-button-hover-color) !important;

			&:not(.add-arrow):not(.add-arrow-before) {
				text-decoration-color: var(--no-bg-button-hover-color) !important;
			}

			&.add-arrow-before {
				&:before {
					right: -0.1em;
				}
			}

			&.add-arrow {
				&:after {
					left: -0.1em;
				}
			}

			&.add-arrow-on-hover,
			&.arrow-on-hover {

				&:before,
				&:after {
					color: #fff !important;
					border-color: var(--primary-color) !important;
					background: var(--primary-color) !important;
				}

				&:before {
					right: -0.1em;
				}

				&:after {
					left: -0.1em;
				}
			}
		}

		&.light {
			color: #fff !important;

			&:hover,
			&:active,
			&:focus {
				color: #fff !important;
			}
		}
	}

	&:focus-visible {
		outline: 2px solid transparent;
		box-shadow: var(--button-focus-ring);
	}

	&:disabled,
	&.disabled,
	&[aria-disabled="true"] {
		color: var(--disabled-button-color) !important;
		background: var(--disabled-button-background-color) !important;
		border-color: var(--disabled-button-border-color) !important;
		pointer-events: none;
		opacity: 1;

		&.outline-button {
			color: var(--disabled-outline-button-color) !important;
			background: transparent !important;
			border-color: var(--disabled-outline-button-border-color) !important;
		}

		&.transparent-button,
		&.no-bg-button {
			color: var(--disabled-outline-button-color) !important;
			background: transparent !important;
			border-color: transparent !important;
			text-decoration-color: color-mix(in srgb, currentColor 20%, transparent) !important;
		}
	}

	&.large {
		padding: var(--large-button-padding);
		font-size: var(--large-button-font-size);
	}

	&.medium {
		padding: var(--medium-button-padding);
		font-size: var(--medium-button-font-size);
	}

	&.small {
		padding: var(--small-button-padding);
		font-size: var(--small-button-font-size);

		&.narrow {
			padding-inline: 12px !important;
		}

		&.short {
			padding-block: 9px !important;
		}
	}

	&.xsmall {
		padding: var(--xsmall-button-padding);
		font-size: var(--xsmall-button-font-size);
	}

	&.narrow {
		padding-inline: var(--narrow-button-padding) !important;
	}

	&.short {
		padding-block: var(--short-button-padding) !important;
	}

	&.active {
		pointer-events: none;
	}

	@media (max-width: 767px) {
		& {
			padding: var(--button-mobile-padding);
			font-size: var(--button-mobile-font-size);

			&.large {
				padding: var(--button-mobile-padding) !important;
				font-size: var(--button-mobile-font-size) !important;
			}

			&.medium {
				padding: var(--medium-button-mobile-padding);
				font-size: var(--medium-button-mobile-font-size);
			}

			&.small {
				padding: var(--small-button-mobile-padding);
				font-size: var(--small-button-mobile-font-size);
			}

			&.xsmall {
				padding: var(--xsmall-button-mobile-padding);
				font-size: var(--xsmall-button-mobile-font-size);
			}

			& * {
				&[class^='material-icons'] {
					font-size: var(--button-mobile-font-size);
				}
			}
		}
	}

	@media (max-width: 500px) {
		& {
			padding-inline: 10px !important;
		}
	}

	&.image-button {
		--image-button-border-radius: 80px;
		--image-button-spread: -6px;
		--image-button-double: 12px;

		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		width: 100% !important;
		gap: clamp(15px, 3vw, 20px);
		color: #fff !important;
		border: 0 !important;
		background-color: #000 !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		border-radius: var(--image-button-border-radius);
		transition: all 800ms var(--ease-out-expo);
		padding: 10px 12px 10px 16px;
		font-size: clamp(1.5em, 2.5vw, 1.5em);
		font-weight: 600;
		margin: 0;
		text-align: left;
		line-height: 1.15;

		@media (max-width: 767px) {
			& {
				border-radius: 65px;
				overflow: clip;
			}
		}

		@media (max-width: 400px) {
			& {
				font-size: 1.1em;
				padding-left: 28px;
			}
		}

		&,
		& * {
			text-wrap: balance;
		}

		&>img:not(.bg) {
			position: relative;
			width: clamp(40px, 8vw, 50px);
			height: auto;
			object-fit: contain;
			object-position: center center;

			@media (max-width: 1024px) {
				& {
					max-width: 40px;
				}
			}

			@media (max-width: 400px) {
				& {
					display: none;
				}
			}
		}

		&>img.bg {
			position: absolute;
			content: '';
			left: var(--image-button-spread);
			right: var(--image-button-spread);
			top: var(--image-button-spread);
			bottom: var(--image-button-spread);
			width: calc(100% + var(--image-button-double));
			height: calc(100% + var(--image-button-double));
			max-width: none;
			max-height: none;
			object-fit: cover;
			object-position: center center;
			pointer-events: none;
			z-index: 1;
			transition: all 1600ms var(--ease-out-expo);
			transform-origin: center;
			overflow: clip;

			@media (max-width: 767px) {
				& {
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					width: 100%;
					height: 100%;
					display: none !important;
				}
			}
		}

		&>* {
			position: relative;
			z-index: 10;
		}

		&>span {
			display: inline-block;
			max-width: calc(100% - 150px);

			@media (max-width: 400px) {
				& {
					max-width: calc(100% - 60px);
				}
			}
		}

		&:after {
			position: relative;
			display: inline-flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			content: "\f105";
			font: normal normal normal 14px/1 var(--font-awesome);
			font-size: 14px;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			vertical-align: middle;
			text-align: center;
			color: inherit;
			padding: 2px;
			transition: all 800ms var(--ease-out-expo);
			font-weight: 600;
			opacity: 1;
			color: #fff;
			background: transparent;
			border: 1px solid var(--trinova-blue-6);
			width: 45px;
			height: 45px;
			margin: 0 0 0 auto;
			justify-self: flex-end;
			border-radius: 50%;
			z-index: 100;
		}

		&,
		&:focus {
			@media (min-width: 768px) {
				& {
					clip-path: inset(0 0 0 0 round var(--image-button-border-radius));
				}
			}
		}

		&:hover,
		&:active {
			@media (min-width: 768px) {
				& {
					clip-path: inset(var(--image-button-spread) var(--image-button-spread) var(--image-button-spread) var(--image-button-spread) round var(--image-button-border-radius));

					&:after {
						color: var(--header-color);
						background: var(--trinova-blue-6);
						border-color: var(--trinova-blue-6);
					}
				}
			}
		}

	}

}

.light {

	& .mce-content-body a[data-mce-selected].set-button,
	& .set-button,
	& .woocommerce a.set-button,
	& a.fl-button,
	& .fl-builder-content a.fl-button {
		&.no-bg-button {
			&.underline {

				&,
				&.light,
				&.light-button {
					--no-bg-button-color: #fff;
				}
			}
		}
	}
}


.caption {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	z-index: 10;
}

.caption-holder {
	position: relative;
	display: block;
	width: 100%;
}

#header {
	--header-border-color: #E6E6E8;

	position: sticky;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--main-menu-bar-height);
	border-bottom: 0;
	padding: 0;
	display: block;
	contain: layout;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: all var(--header-transition) 0ms;
	will-change: opacity, transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* height: 100%; */
	background: var(--header-background-light);
	box-shadow: none;
	border-bottom: 1px solid var(--header-border-color);

	&:not(.open-dropdown).move-up,
	&:not(.open-dropdown).pause-adjust {
		opacity: 1;
		transform: translate3d(0, -100%, 0);
	}

	&.dark-bg:not(.open-bg) {
		background: var(--header-background-light);
	}

	& a {

		&,
		&:focus,
		&:hover,
		&:acitve,
		&.active {
			text-decoration: none;
		}

		&[href*="tel:"] {
			white-space: nowrap !important;

			@media (min-width: 1025px) {
				& {
					color: inherit;
				}
			}
		}
	}
}

#header #logo-row {
	position: relative;
	z-index: 1002;
	padding: 0 24px;
	height: 100%;

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

#header #logo-row .container-full {
	height: 100%;
	display: flex;
	align-items: center;
}

#header #logo-row .menu-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
}

#header .logo {
	position: absolute;
	display: flex;
	align-items: center;
	width: auto;
	height: var(--main-menu-bar-height);
	vertical-align: middle;
	left: var(--logo-left);
	top: 0;
	padding: 0;
	z-index: 9999;
	text-align: left;
	margin: 0;
}

#header .logo a {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	max-width: var(--logo-max-width);
	width: var(--logo-max-width);
	min-height: var(--main-menu-bar-height);
	height: 100%;
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear;

	@media (max-width: 1250px) {
		& {
			--logo-max-width: var(--mobile-logo-max-width);
		}
	}
}

@media (max-width: 1024px) {
	#header .logo {
		top: var(--mobile-logo-top);
		left: var(--mobile-logo-left);
	}

	#header .logo a {
		max-width: var(--mobile-logo-max-width);
		top: 0;
	}
}

#header .logo img {
	width: auto;
	max-height: 54px;
	height: auto;
	display: block;
}

#header .main-logo-image {
	-webkit-transition: opacity 600ms var(--ease-out-expo);
	transition: opacity 600ms var(--ease-out-expo);
	max-height: 54px;
	height: auto;
	width: auto;
}

#header .header-logo {
	position: relative;
	display: block;
	opacity: 0.0;
	z-index: 10;
}

#header .dark-header-logo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 1.0;
	z-index: 11;
	pointer-events: none;
}

@media (min-width: 1025px) {
	#header .logo a {
		position: relative;
	}

	#header .header-logo,
	#header .dark-header-logo {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: auto;
		max-width: 100%;
	}
}

#header .logo:not(:has(.dark-header-logo)) .header-logo,
#header .logo:not(:has(.header-logo)) .dark-header-logo {
	opacity: 1 !important;
}

#header.open-bg .logo:not(:has(.dark-header-logo)) .header-logo {
	opacity: 1 !important;
}

.content-to-right-of-menu {
	position: absolute;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	align-content: stretch;
	flex-wrap: wrap;
	right: 0;
	top: 0;
	z-index: 1000;
	color: var(--light-white-color);
	height: 100%;

	& .vrule {
		height: 42px;
	}

	@media (max-width: 1150px) {
		&:not(:has(.search-button)) {
			display: none !important;
		}

		& .vrule,
		& .set-button:not(.search-button) {
			display: none;
		}
	}

	& .set-button {
		&.no-bg-button {
			--no-bg-button-color: var(--main-menu-color);
			--no-bg-button-hover-color: var(--main-menu-color);
		}
	}

	& .button-group,
	& *:is(p, div, section, li):has(>.set-button+.set-button) {
		&:has(.no-bg-button) {
			gap: 12px 24px !important;
		}
	}

	&>p,
	& .side-by-side-content {
		margin-bottom: 0 !important;
		padding-left: 13px;

		&:first-child {
			padding-left: 0;
		}
	}

	@media (max-width: 1200px) {
		& {
			right: -5px;
		}
	}
}

#header.open-bg,
#header.from-scroll {
	--header-border-color: #E6E6E8;
	background: var(--header-background-light);
	box-shadow: none;
}

body.transparent-main-menu {
	@media (min-width: 1025px) {
		& #header:not(.open-bg):not(.from-scroll):not(.open-dropdown) {
			--header-border-color: rgba(255, 255, 255, 0.25);
			--main-menu-color: #fff;
			--main-menu-hover-color: #fff;

			background: transparent !important;

			& .header-logo {
				opacity: 1.0;
			}

			& .dark-header-logo {
				opacity: 0.0;
			}

			& .content-to-right-of-menu {

				& .set-button {
					&:not(.no-bg-button):not(.transparent-button):not(.outline-button) {
						color: var(--button-color) !important;
						background: var(--button-background-color) !important;
						border-color: var(--button-border-color) !important;

						&:hover,
						&:active,
						&:focus {
							color: var(--light-button-color) !important;
							background: var(--light-button-background-color) !important;
							border-color: var(--light-button-border-color) !important;
						}
					}

					&.no-bg-button {
						color: var(--main-menu-color) !important;

						&:hover,
						&:active,
						&:focus {
							color: var(--main-menu-color) !important;
						}
					}

					&.transparent-button {
						color: var(--main-menu-color) !important;

						&:hover,
						&:active,
						&:focus {
							--background-opac: color-mix(in srgb, var(--primary-color) 24%, transparent 100%);

							color: var(--main-menu-color) !important;
							background: var(--background-opac) !important;
							border-color: var(--background-opac) !important;
						}
					}

				}

			}
		}

		& #main {
			margin-top: calc(0px - var(--main-menu-bar-height));
		}
	}
}

#header .mobile-logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	z-index: 1;
	display: none !important;
}

#header.open-dropdown {
	box-shadow: none;
}

#header #content_beside_menu {
	position: absolute;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	right: 20px;
	top: 50%;
	margin-top: -25px;
}

#header #content_beside_menu p {
	display: inline-block;
	margin-bottom: 0;
}

#header #content_beside_menu p.right-delimiter {
	position: relative;
	margin-right: 27px;
	overflow: visible;
}

#header #content_beside_menu p.right-delimiter:after {
	position: absolute;
	content: '';
	top: 12px;
	right: -20px;
	bottom: 12px;
	width: 1px;
	background: #e1e1e1;
}

#header .scroll-menu {
	position: relative;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	z-index: 10000;
	-webkit-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	opacity: 1.0;
	height: 100%;
	pointer-events: auto;


}

@media (min-width: 1025px) {
	#header .scroll-menu {
		display: none !important;
	}
}


#header .scroll-menu .main-menu-nav .nav-wrap {
	margin-top: 0;
}

#header .scroll-menu .inner-scroll-menu {
	position: relative;
	display: block;
	text-align: left;
	top: 0;
	height: 100%;
	background: transparent;

	& .search-button {
		position: absolute;
		z-index: 1100;
		right: 45px;
		top: 9px;
	}
}

#header .scroll-menu .main-menu-social {
	right: 30px;
}

#header .scroll-menu .logo {
	position: relative;
	height: 100%;
	margin: 0;
	z-index: 1002;
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-o-transform: translate(0, 0%);
	transform: translate(0, 0%);
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	text-align: center;
	top: 0;
	left: 0;
	padding: 0 0 0 15px;
	width: auto;
	overflow: clip;
}

#header .scroll-menu .logo img {
	position: relative;
	object-fit: contain;
	object-position: left center;
	z-index: 10;
}

#header .scroll-menu {
	& .nav-opener-custom {
		position: absolute;
		margin: 0;
		left: auto;
		right: 0;
		top: 0;
		z-index: 1005;
	}

	& .hmb-icn {
		position: absolute;
		margin: 0;
		right: 13px;
		top: 0;
		z-index: 1100;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition: transform 400ms;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		height: 100%;

		& .line {
			position: relative;
			fill: none;
			transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
			stroke: #000;
			stroke-width: 4;
			stroke-linecap: round;
			z-index: 10;
		}

		& .top {
			stroke-dasharray: 40 160;
		}

		& .middle {
			stroke-dasharray: 40 142;
			transform-origin: 50%;
			transition: transform 400ms;
		}

		& .bottom {
			stroke-dasharray: 40 85;
			transform-origin: 50%;
			transition: transform 400ms, stroke-dashoffset 400ms;
		}

		&.open {
			transform: rotate(45deg);

			& .top {
				stroke-dashoffset: -64px;
			}

			& .middle {
				transform: rotate(90deg);
			}

			& .bottom {
				stroke-dashoffset: -64px;
			}
		}
	}
}

#header .scroll-menu .open-cart {
	position: absolute;
	margin: 0;
	left: auto;
	right: 54px;
	top: 3px;

	&,
	&:focus,
	&:hover,
	&:active {
		color: #fff !important;
		background: transparent !important;
	}

	& .material-icons-outlined {
		font-size: 18px;
	}
}

.no-pull-up #main {
	margin-top: 0 !important;
}

.bg-color {
	position: fixed;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	height: 115px;
	opacity: 0.0;
	background: #ffffff;
	z-index: 992;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
	display: none;
}

.bg-color.open {
	opacity: 1.0;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.07);
}

@media (max-width: 1024px) {
	.bg-color.open {
		height: 48px;
		-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0);
		background: #000;
	}
}

.bg-color.tempClose {
	height: 0 !important;
}

@media (min-width: 1025px) {
	.bg-color.keep-closed {
		opacity: 0.0 !important;
	}
}

@media (max-width: 1024px) {
	.bg-color {
		display: none;
	}
}

.bg-drop-color {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--backdrop-color);
	pointer-events: none;
	z-index: 200;
	display: block;
	opacity: 0;
}

.bg-drop-color.open {
	display: block;
	opacity: var(--backdrop-color-opacity, 0.8);
	pointer-events: auto;
}

#top_bar {
	position: relative;
	display: block;
	background: transparent;
	padding: 0;
	text-align: left;
	overflow: hidden;
	height: 31px;
	-webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

#top_bar .btn,
#top_bar .btn-primary,
#top_bar .set-button,
#top_bar .button,
#top_bar button {
	vertical-align: middle;
	margin: 5px;
	min-width: 0;
}

#top_bar .col-md-12 {
	padding-left: 100px;
	padding-right: 100px;
}

#top_bar .top-nav {
	font-family: var(--button-font);
	text-transform: uppercase;
}

#top_bar .top_bar_content {
	display: inline-block;
	padding: 11px 20px;
	vertical-align: middle;
}

#top_bar .top_bar_content.right-line {
	position: relative;
}

#top_bar .top_bar_content.right-line:after {
	position: absolute;
	content: '';
	right: -6px;
	width: 1px;
	top: 10px;
	bottom: 10px;
	background: #ffffff;
	opacity: 0.2;
}

#top_bar .top_bar_content.right-line p {
	padding-top: 1px;
}

#top_bar p {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}

#top_bar p a {
	display: inline-block;
	color: #ffffff;
	border-bottom: 1px dotted rgba(255, 255, 255, 0);
	line-height: 1.0;
}

#top_bar p a:hover,
#top_bar p a:active,
#top_bar p a:focus {
	color: #ffffff;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}

.delimiter {
	display: inline-block;
	opacity: 1;
	padding: 0 10px;
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.7;
}

.posts_container {
	background: transparent;
	padding: 10px 0 0;
}

.posts_container .inner-post {
	padding: 20px 24px 24px;
}

.posts_container .post_feed .post_feed_wrapper {
	position: relative;
	padding: 0;
	background: #ffffff;
	height: 100%;
}

.posts_container .post_feed .post_feed_wrapper a h3 {
	margin-bottom: 12px;
}

.dot-nav {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 100%;
	font-size: 18px;
}

.dot-nav a {
	display: inline-block;
	line-height: 1.0;
	padding: 5px;
	margin: 3px;
}

.dot-nav a.active {
	pointer-events: none;
}

.dot-nav a:hover,
.dot-nav a:active,
.dot-nav a.active {
	color: #fff;
}

.post-bug {
	position: absolute;
	bottom: 35px;
	right: 35px;
	width: 300px;
	z-index: 100;
}

.post-bug .arrow-set.set-left {
	left: -45px;
}

.post-bug .arrow-set.set-right {
	right: -45px;
}

.post-bug .thumbholder {
	position: absolute;
	width: 110px;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.post-bug .category-sub {
	text-transform: uppercase;
	margin-bottom: 2px;
	font-family: var(--button-font);
	font-size: 10px;
	letter-spacing: -0.1em;
	width: 100%;
	margin-bottom: 0;
}

.post-bug .category-sub a {
	font-family: var(--button-font);
	letter-spacing: -0.1em;
	font-weight: 400;
	padding: 0 2px;
	text-transform: uppercase;
}

.post-bug .post-wrap {
	position: relative;
	display: block;
	width: 190px;
	margin-left: 110px;
	padding: 12px 16px;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.post-bug .post-wrap>a {
	display: block;
	text-align: left;
	font-family: var(--button-font);
	font-size: 13px !important;
	line-height: 1.1;
	letter-spacing: -0.1em;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 4px;
	padding-bottom: 6px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	margin-left: 0;
}

.post-bug .post-wrap .right-circle-arrow {
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.more-link {
	position: relative;
	color: var(--primary-color);
	padding: 24px 0 0;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-family: var(--button-font);
	letter-spacing: -0.1em;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
}

.more-link span {
	display: inline-block;
	padding-top: 1px;
}

.more-link:after {
	position: relative;
	display: inline-block;
	content: '';
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: transparent;
	border: 2px solid var(--primary-color);
	margin-left: 6px;
	border-top: none;
	border-left: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.more-link:hover,
.more-link:active,
.more-link:focus {
	color: var(--primary-color);
}

.more-link:hover:after,
.more-link:active:after,
.more-link:focus:after {
	border-color: var(--primary-color);
}

.more-link-btn {
	display: block;
	margin-top: 20px;
	margin-right: 0;
}

.post-date {
	margin-bottom: 3px;
	font-size: 0.8em;
}

.single .post-holder {
	padding: 20px 0 40px;
}

.single .post-holder.post_feed.alt_post_feed {
	text-align: left;
}

.single .post-holder .single-post .thumbholder {
	margin-bottom: 30px;
	max-height: 300px;
}

.single .post-holder .single-post .thumbholder.full_image_banner {
	max-height: none;
}

.single .post-holder .single-post-content {
	padding: 30px 0 50px;
}

.single .post-holder .title-wrap-around {
	margin-bottom: 20px;
}

.author-image img {
	width: 100px;
	margin-bottom: 18px;
}

article.single-post .post-date {
	margin-bottom: 20px;
	font-size: 1.0em;
}

.term-links {
	text-transform: uppercase;
}

.related-container {
	background: #fbfbfb;
	padding: 40px 0 20px;
}

.testimonials_feed {
	position: relative;
	display: block;
	-webkit-transition: height 400ms linear;
	transition: height 400ms linear;
}

.testimonial_feed_headline {
	text-align: center;
	text-transform: uppercase;
	color: var(--primary-color);
	display: block;
	margin-bottom: 30px;
	font-size: 1.1em;
	line-height: 1.4;
}

.testimonials_feed_wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0.0;
	z-index: 1;
	color: #fff;
	-webkit-transition: opacity 400ms linear;
	transition: opacity 400ms linear;
}

.testimonials_feed_wrapper.active {
	opacity: 1.0;
	z-index: 10;
}

.testimonials_feed_wrapper p {
	margin-bottom: 0;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 700;
}

.testimonials_feed_wrapper:before {
	left: -80px;
	background-position: left top;
}

.testimonials_feed_wrapper:after {
	right: -80px;
	background-position: right top;
}

@media only screen and (max-width: 767px) {

	.testimonials_feed_wrapper:before,
	.testimonials_feed_wrapper:after {
		display: none;
	}
}

.testimonials_author {
	position: relative;
	font-family: var(--button-font);
	letter-spacing: -0.1em;
	font-weight: 400;
	display: block;
	text-align: center;
	margin-top: 30px;
	text-transform: uppercase;
	color: var(--primary-color);
	font-size: 12px;
}

.author_text {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.author_text .smaller {
	font-size: 0.7em;
}

.author_image {
	width: 58px;
	height: 58px;
	overflow: hidden;
	border: 3px solid var(--primary-color);
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.author_image img {
	width: 60px;
}

.media-title {
	position: relative;
	display: block;
	padding-top: 20px;
	color: #696969;
	font-family: var(--button-font);
	font-weight: 400;
	margin-bottom: 2px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.media-title:before {
	position: absolute;
	content: '';
	width: 100px;
	height: 1px;
	background: #e1e1e1;
	left: 0;
	top: 0;
}

#author_intro a {
	color: #ffffff;
}

#author_intro a:hover,
#author_intro a:active,
#author_intro a.active {
	color: var(--primary-color);
}

.author-gradient {
	background: #140257 !important;
	background: -moz-linear-gradient(-45deg, #140257 9%, #271669 40%, #465391 100%) !important;
	background: -webkit-linear-gradient(-45deg, #140257 9%, #271669 40%, #465391 100%) !important;
	background: linear-gradient(135deg, #140257 9%, #271669 40%, #465391 100%) !important;
}

.floating-avatar {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	margin: -190px auto 30px;
}

.floating-avatar .avatar {
	margin: 0 auto;
	display: block;
	text-align: center;
	max-width: 100px;
	width: auto;
	height: auto;
	overflow: hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.author-info-holder {
	position: relative;
	display: block;
	padding: 80px 0 50px !important;
	background: #ffffff !important;
}

.author-info-holder:before {
	position: absolute;
	content: '';
	z-index: 1;
	pointer-events: none;
	left: 10%;
	right: 10%;
	height: 100px;
	background: #ffffff;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top: -60px;
}

@media (max-width: 1024px) {
	.author-info-holder:before {
		width: auto;
		left: 30px;
		right: 30px;
	}
}

@media (min-width: 1025px) {
	.author-info-holder {
		padding: 80px 0 50px !important;
	}
}

.author-info-holder .container-full {
	position: relative;
	z-index: 10;
}

.author-info-holder .media-single {
	display: block;
}

.author-info-holder .quote-holder {
	position: relative;
	display: block;
	padding: 40px 0 0;
	background: transparent;
	text-align: center;
	color: #585757;
}

.author-info-holder .quote-holder .quote-author {
	color: #9d9d9d !important;
}

.author-wrapper {
	position: relative;
	display: block;
	text-align: center;
}

.author-wrapper .avatar {
	display: inline-block;
	max-width: 100px;
	width: 100px;
	height: auto;
	vertical-align: top;
	overflow: hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: transparent;
}

.author-wrapper .author-info {
	display: inline-block;
	padding: 28px 12px;
}

.author-wrapper .author-info .date-info {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #ccc;
	margin-bottom: 0;
}

.avatar-holder {
	position: relative;
	display: block;
	text-align: center;
	margin: -23px auto 0;
	z-index: 100;
}

.avatar-holder .avatar {
	position: relative;
	z-index: 10;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	width: 46px;
	height: 46px;
	overflow: hidden;
}

.avatar-holder .avatar-title {
	display: block;
	padding-top: 4px;
	color: #a1a1a1;
	font-size: 13px;
	letter-spacing: 0.15px;
	-webkit-transition: color 100ms linear;
	transition: color 100ms linear;
}

.avatar-holder .date-author {
	display: inline-block;
	vertical-align: middle;
}

.avatar-holder .date-author .date-line {
	display: block;
	text-align: left;
	margin-bottom: -3px;
	padding: 0;
}

@media (max-width: 1024px) {
	.avatar-holder .date-author .date-line {
		margin-bottom: 0;
		padding: 10px 0 4px;
		text-align: center;
	}
}

.avatar-holder .date-author .avatar-title {
	padding: 0;
}

.avatar-holder:hover .avatar-title,
.avatar-holder:active .avatar-title,
.avatar-holder:focus .avatar-title {
	color: var(--primary-color);
}

div.avatar-holder {
	pointer-events: none;
}

.post-table-wrapper {
	display: block;
	overflow-x: auto;
	width: 100%;
	padding: 0;
	margin: 50px 0;
}

.post-table-wrapper .table-title {
	text-align: left;
	padding: 7px 10px;
	color: #585757;
	margin-bottom: 10px;
}

.column_wrapper>.row {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
}

.column_wrapper>.row:before,
.column_wrapper>.row:after {
	display: none;
}

.column_wrapper>.row .column-part {
	height: auto !important;
	float: none !important;
}

.list-row {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 -30px;
	align-items: flex-start !important;
	padding: 20px 0;
}

.single .post-content-area .main-column-content .single-content-column .responsive-video-wrapper,
.single .post-content-area .blog-body-content .single-content-column .responsive-video-wrapper {
	margin-bottom: 50px !important;
}

.single .post-content-area .main-column-content .single-content-column ul,
.single .post-content-area .main-column-content .single-content-column ol,
.single .post-content-area .blog-body-content .single-content-column ul,
.single .post-content-area .blog-body-content .single-content-column ol {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 35px 20px;
	list-style-position: inside;
}

.single .post-content-area .main-column-content .single-content-column ul:last-child,
.single .post-content-area .main-column-content .single-content-column ol:last-child,
.single .post-content-area .blog-body-content .single-content-column ul:last-child,
.single .post-content-area .blog-body-content .single-content-column ol:last-child {
	padding-bottom: 0;
}

.single .post-content-area .main-column-content .single-content-column ul,
.single .post-content-area .blog-body-content .single-content-column ul {
	list-style: none !important;
	padding-left: 3px;
}

.single .post-content-area .main-column-content .single-content-column ul li,
.single .post-content-area .blog-body-content .single-content-column ul li {
	position: relative;
	padding: 0 0 10px 14px;
	line-height: 1.4;
	color: #8c8c8c;
	font-weight: 400;
}

.single .post-content-area .main-column-content .single-content-column ul li:before,
.single .post-content-area .blog-body-content .single-content-column ul li:before {
	position: absolute;
	display: block;
	content: '';
	background: #8c8c8c;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.single .post-content-area .main-column-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb),
.single .post-content-area .blog-body-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb) {
	position: relative;
	margin: 25px auto;
	width: 100%;
}

.single .post-content-area .main-column-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb):first-child,
.single .post-content-area .blog-body-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb):first-child {
	margin-top: 0;
}

.single .post-content-area .main-column-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb):last-child,
.single .post-content-area .blog-body-content img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb):last-child {
	margin-bottom: 0;
}

.single .post-content-area .main-column-content figure,
.single .post-content-area .blog-body-content figure {
	margin: 60px 0;
}

.single .post-content-area .main-column-content figure img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb),
.single .post-content-area .blog-body-content figure img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb) {
	margin: 0 auto 15px;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.single .post-content-area .main-column-content figure.full-width-post-banner,
.single .post-content-area .blog-body-content figure.full-width-post-banner {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
}

.single .post-content-area .main-column-content figure.full-width-post-banner img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb),
.single .post-content-area .blog-body-content figure.full-width-post-banner img:not(.bottom-image-holder):not(.gallery-img):not(.video-thumb) {
	margin: 0 !important;
	max-width: 100% !important;
	max-height: 500px;
}

.blog-body-content .wp-block-media-text,
.blog-body-content figure {
	margin: 50px 0;
}

.blog-body-content .wp-block-media-text:first-child,
.blog-body-content figure:first-child {
	margin-top: 0;
}

.blog-body-content .wp-block-media-text:last-child,
.blog-body-content figure:last-child {
	margin-bottom: 0;
}

.single table,
.single .post-table {
	margin: 0;
	padding: 0;
	overflow-x: auto;
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

.single table,
.single table th,
.single table td,
.single .post-table,
.single .post-table th,
.single .post-table td {
	vertical-align: top;
	text-align: left;
	color: #555;
}

.single table th,
.single table td,
.single .post-table th,
.single .post-table td {
	font-size: 14px;
	line-height: 1.45;
}

.single table th,
.single .post-table th {
	padding: 15px;
	font-size: 15px;
	line-height: 1.45;
	color: #555;
	text-align: center;
	border: 0;
}

.single table th:last-child,
.single .post-table th:last-child {
	border-right: 0;
}

.single table td,
.single .post-table td {
	padding: 15px;
	font-size: 14px;
	line-height: 1.26;
}

.single table thead,
.single .post-table thead {
	background: #333;
	color: #555;
	border: 1px solid #333;
}

.single table thead tr,
.single table thead th,
.single .post-table thead tr,
.single .post-table thead th {
	background: transparent;
}

.single table tbody,
.single .post-table tbody {
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
}

.single table tbody tr,
.single .post-table tbody tr {
	border: 0;
	border-bottom: 1px solid #666;
}

.single table tbody tr:last-child,
.single .post-table tbody tr:last-child {
	border: 0;
}

.single table tbody tr:nth-child(odd),
.single .post-table tbody tr:nth-child(odd) {
	background: #8c8c8c;
}

.single table tbody tr:nth-child(even),
.single .post-table tbody tr:nth-child(even) {
	background: #ddd;
}

.single table tbody td,
.single .post-table tbody td {
	border: 0;
	border-right: 1px solid #666;
}

.single table tbody td:last-child,
.single .post-table tbody td:last-child {
	border-right: 0;
}

.single .avatar-holder:not(.related-avatar-holder) {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 0;
	left: auto;
	right: auto;
	bottom: auto;
	padding: 10px 4px;
}

.single .avatar-holder:not(.related-avatar-holder):before {
	display: none;
}

.single .avatar-holder:not(.related-avatar-holder) .avatar-holder {
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	width: 50px;
	height: 50px;
}

.single .avatar-holder:not(.related-avatar-holder) .avatar-holder:before {
	top: 1px;
	left: -1px;
	margin-left: 0;
}

.single .avatar-holder:not(.related-avatar-holder) .avatar {
	position: absolute;
	left: 0;
	top: 2px;
}

.single .avatar-holder:not(.related-avatar-holder) .single-avatar-title {
	display: block;
	padding-left: 55px;
	text-align: left;
}

.single .avatar-holder:not(.related-avatar-holder) .avatar-title {
	display: block;
	padding-top: 0;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 13px;
}

.single .post-holder .single-post .thumbholder {
	max-height: none !important;
	width: 100%;
}

.single .post-holder .single-post .thumbholder img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}

.single-left-side,
.single-right-side {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section-container {
	position: relative;
	display: block;
	max-width: 1024px;
	margin: 0 auto;
}

.dark-link {
	color: #585757;
	border: 0;
}

.dark-link:hover,
.dark-link:active,
.dark-link:focus {
	color: var(--primary-color);
	border: 0;
}

.grayscale-transition img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.grayscale-transition:hover img,
.grayscale-transition:active img,
.grayscale-transition.active img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}

@media (min-width: 1025px) {
	.column-links .row {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		flex-direction: row;
		justify-content: stretch;
		align-items: center;
		align-content: stretch;
		flex-wrap: wrap;
	}

	.column-links .row:before,
	.column-links .row:after {
		display: none;
	}
}

.column-links .row .column-part {
	position: relative;
	overflow: hidden;
	padding: 0;
	min-height: 585px;
	float: left;
	width: auto;
	color: #ffffff !important;
}

.column-links .row .column-part.column-count-5 {
	width: calc(20%);
}

.column-links .row .column-part.column-count-4 {
	width: 25%;
}

.column-links .row .column-part.column-count-3 {
	width: calc(33.333333333333%);
}

.column-links .row .column-part.column-count-2 {
	width: 50%;
}

@media (max-width: 1024px) {
	.column-links .row .column-part {
		float: none;
		display: block;
		width: auto !important;
		min-height: 360px;
		padding: 80px 0px 50px;
	}
}

@media (max-width: 1024px) {
	.column-links .row .column-part .floating-bubble-link {
		position: relative;
		display: block;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		top: auto;
		left: auto;
		right: auto;
		padding: 0 30px 20px;
	}
}

.column-links .row .column-part .corner-line {
	position: absolute;
	display: block;
	z-index: 100;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: var(--button-font);
	font-size: 0.9em;
	font-weight: 400;
}

.column-links .row .column-part .corner-line a {
	color: #ffffff !important;
}

.column-links .row .column-part .corner-line a:hover,
.column-links .row .column-part .corner-line a:active,
.column-links .row .column-part .corner-line a:focus {
	color: #ffffff !important;
	text-decoration: underline;
}

.column-links .row .column-part .corner-line .spread-title {
	display: block;
	margin-bottom: 12px;
}

@media (max-width: 1024px) {
	.column-links .row .column-part .corner-line {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}
}

@media (min-width: 1025px) {
	.column-links .row .column-part .corner-line>.row {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		flex-direction: row;
		justify-content: stretch;
		align-items: flex-end;
		align-content: stretch;
		flex-wrap: wrap;
	}

	.column-links .row .column-part .corner-line>.row:before,
	.column-links .row .column-part .corner-line>.row:after {
		display: none;
	}

	.column-links .row .column-part .corner-line>.row .inner-corner-content {
		position: relative;
	}
}

.column-links .row .column-part .corner-line .col-md-6,
.column-links .row .column-part .corner-line .col-sm-6 {
	padding: 30px 40px 40px;
}

.column-links .row .column-part .corner-line .col-md-6:first-child,
.column-links .row .column-part .corner-line .col-sm-6:first-child {
	padding-right: 20px;
}

.column-links .row .column-part .corner-line .col-md-6.right-on-desktop,
.column-links .row .column-part .corner-line .col-sm-6.right-on-desktop {
	padding-left: 20px;
}

@media (min-width: 1025px) {

	.column-links .row .column-part .corner-line .col-md-6.right-on-desktop,
	.column-links .row .column-part .corner-line .col-sm-6.right-on-desktop {
		padding-top: 80px;
	}
}

@media (max-width: 1024px) {

	.column-links .row .column-part .corner-line .col-md-6,
	.column-links .row .column-part .corner-line .col-sm-6 {
		padding: 20px 30px !important;
		text-align: center;
	}
}

.column-links .row .column-part>.background-image-with-opacity {
	z-index: 1;
	background: #000;
}

.column-links .row .column-part>.background-image-with-opacity img {
	position: absolute;
	object-fit: cover;
	object-position: center top;
	font-family: 'object-fit: cover; object-position: center;';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	opacity: 0.0;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.column-links .row .column-part>.background-image-with-opacity img.visible {
	opacity: 1;
}

@media (max-width: 1024px) {
	.column-links .row .column-part>.background-image-with-opacity img.visible {
		opacity: 0.6;
	}
}

.popup-content {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0.0;
	pointer-events: none;
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
}

.popup-content.opened {
	opacity: 1.0;
	pointer-events: auto;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.popup-content:after {
	position: absolute;
	content: '';
}

.popup-content form {
	margin: 30px 0;
}

.popup-content form input {
	text-align: center !important;
	margin-bottom: 10px !important;
}

.popup-content form input[type=submit] {
	margin-top: 10px !important;
}

.popup-content .outer-popup-content {
	position: absolute;
	z-index: 100;
	max-width: 800px;
	width: 100%;
	height: auto;
	padding: 35px 0;
	margin: 0 auto;
	background: #f3f3f3;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	opacity: 0.0;
	pointer-events: none;
}

.popup-content .outer-popup-content.overHeight {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: auto;
	margin: 50px auto;
}

.popup-content .outer-popup-content.active {
	z-index: 200;
	pointer-events: auto;
}

@media (max-width: 1024px) {
	.popup-content .outer-popup-content {
		top: auto;
		left: 30px;
		right: 30px;
		max-width: 100%;
		width: auto;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		margin: 50px auto !important;
	}

	.popup-content .outer-popup-content.overHeight {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.popup-content .outer-popup-content .inner-popup-content {
	position: relative;
	display: block;
	background: transparent;
	padding: 0 8%;
	margin: 0 auto;
	text-align: center;
}

@media (min-width: 1024px) {
	.popup-content .outer-popup-content .inner-popup-content {
		padding: 0 15%;
	}
}

.popup-content .outer-popup-content .inner-popup-content .column-part {
	height: auto !important;
}

.popup-content .inner-close-btn {
	position: absolute;
	padding: 2px;
	border: 0;
	color: #ffffff;
	background: var(--primary-color);
	font-size: 22px;
	top: 12px;
	right: 12px;
	z-index: 100;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	width: 32px;
	height: 32px;
}

.popup-content .inner-close-btn .fa {
	position: absolute;
	left: 1px;
	right: 0;
	text-align: center;
	top: 4px;
}

.popup-content .inner-close-btn:hover,
.popup-content .inner-close-btn:active,
.popup-content .inner-close-btn:focus {
	color: #ffffff;
	background: var(--primary-color);
}

.popup-content .close-popup-cover {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.video-gallery {
	position: relative;
	margin: 30px 0;
}

.video-gallery .col-md-4 {
	padding: 25px 30px;
}

.video-link-wrapper {
	display: block;
	text-align: center;
}

.video-link {
	position: relative;
	display: block;
	min-height: 0;
	background: #000 !important;
	padding: 0 !important;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.video-link .column-part-inner {
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.video-link .background-image-with-opacity {
	opacity: 0.6 !important;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.video-link .play {
	position: absolute;
	color: rgba(255, 255, 255, 0.96);
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	padding: 2px;
	z-index: 100;
	opacity: 1.0;
	font-size: 58px;
	line-height: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

.video-link .play .fa {
	position: absolute;
	line-height: 1.0;
	top: 33px;
	left: 9px;
	right: 0;
	text-align: center;
	color: #000;
	font-size: 17px;
}

.video-link img {
	opacity: 1.0;
	display: block;
	width: 100%;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.video-link:hover .play,
.video-link:active .play,
.video-link:focus .play {
	color: var(--primary-color);
	background: #ffffff;
}

.video-link:hover .play .fa,
.video-link:active .play .fa,
.video-link:focus .play .fa {
	color: var(--primary-color);
}

.video-link:hover .background-image-with-opacity,
.video-link:active .background-image-with-opacity,
.video-link:focus .background-image-with-opacity {
	opacity: 1.0 !important;
}

.video-link:hover img,
.video-link:active img,
.video-link:focus img {
	opacity: 0.6;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.video-description {
	display: block;
	margin-top: 40px;
	padding: 10px 0;
	border-top: 1px solid #aeaeae;
}

.video-title {
	margin-bottom: 8px;
}

.gallery-image-wrapper {
	position: relative;
	padding: 9px !important;
	background: transparent;
	display: block;
	text-align: center;
}

.gallery-image-link {
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0 auto;
	background: var(--primary-color);
}

.gallery-image-link img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.gallery-image-link:hover img,
.gallery-image-link:active img,
.gallery-image-link.active img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;
}

.gallery-image-link img {
	opacity: 1.0;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	display: block;
	width: 100%;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	transform: translateZ(0) scale(1.0, 1.0);
	filter: none;
}

.gallery-image-link:hover img,
.gallery-image-link:active img,
.gallery-image-link:focus img {
	opacity: 0.3;
}

.full-img {
	width: 100%;
}

.col-block {
	display: block;
	padding-top: 50px;
	padding-bottom: 50px;
}

.col-block.big-block {
	padding-top: 0;
}

.col-block .col-block-img-wrapper {
	display: block;
	text-align: center;
}

.col-block .col-block-img-wrapper>img {
	display: inline-block;
}

.top-sub-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background: #000;
	display: block;
	color: #fff;
	padding: 7px 50px;
	font-size: 14px;
	z-index: 1001;
}

.top-sub-menu .inner-sub-menu-wrap {
	position: absolute;
	right: 50px;
	z-index: 1001;
}

.top-sub-menu .inner-sub-menu-wrap p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.no-pointer-events>a {
	pointer-events: none;
}

.no-link {
	pointer-events: none;
}

.no-link>a {
	pointer-events: none;
}

.cart-link-opener {
	width: 40px;
	height: 100%;
	padding: 12px 2px;
	border-radius: 0;
	overflow: visible;
	display: block !important;
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 1.0;
	outline: none;
	z-index: 9999999;
	color: var(--primary-color);
	background: transparent;
	font-size: 22px;
	text-align: center;
}

.cart-link-opener i {
	vertical-align: middle;
	margin-top: 10px;
}

.cart-link-opener:before {
	position: absolute;
	content: '';
	width: 1px;
	border-left: 1px dotted #ffffff;
	opacity: 0.2;
	left: -3px;
	height: 20px;
	top: 23px;
}

.cart-link-opener:hover,
.cart-link-opener:active,
.cart-link-opener:focus {
	background: transparent;
	color: #ffffff;
}

@media (min-width: 1025px) {
	.cart-link-opener {
		display: none;
	}
}

.nav-opener-custom {
	width: 58px;
	height: 100%;
	padding: 0 16px;
	border-radius: 0;
	text-indent: -9999px;
	overflow: visible;
	position: absolute;
	outline: none;
	background: transparent;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
	z-index: 9999999;
	color: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.nav-opener-custom>div {
	position: relative;
	display: block;
	border: 0;
	background: transparent;
	width: 100%;
	height: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.nav-opener-custom>div span,
.nav-opener-custom>div:before,
.nav-opener-custom>div:after {
	background: #000;
	border-radius: 0;
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	transform-origin: 50% 50%;
	-webkit-transition: top 0.25s var(--sharp-wiggle) 0.2s, opacity 0.25s var(--sharp-wiggle) 0.2s, transform 0.25s var(--sharp-wiggle) 0s;
	transition: top 0.25s var(--sharp-wiggle) 0.2s, opacity 0.25s var(--sharp-wiggle) 0.2s, transform 0.25s var(--sharp-wiggle) 0s;
}

.nav-opener-custom>div:before {
	top: 0;
	content: "";
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.nav-opener-custom>div:after {
	top: 100%;
	content: "";
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.nav-opener-custom>div span {
	top: 50%;
	opacity: 1.0;
	left: 5px;
}

.nav-opener-custom.open>div span,
.nav-opener-custom.open>div:before,
.nav-opener-custom.open>div:after {
	-webkit-transition: top 0.25s var(--sharp-wiggle) 0s, opacity 0.25s var(--sharp-wiggle) 0s, transform 0.25s var(--sharp-wiggle) 0.2s;
	transition: top 0.25s var(--sharp-wiggle) 0s, opacity 0.25s var(--sharp-wiggle) 0s, transform 0.25s var(--sharp-wiggle) 0.2s;
}

.nav-opener-custom.open>div span {
	opacity: 0.0;
}

.nav-opener-custom.open>div:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
}

.nav-opener-custom.open>div:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
}

.nav-opener-custom:hover,
.nav-opener-custom:active,
.nav-opener-custom:focus {
	background: transparent;
}

.nav-opener-custom:hover>div,
.nav-opener-custom:active>div,
.nav-opener-custom:focus>div {
	background: transparent;
	border-color: transparent;
}

.nav-opener-custom:hover>div:before,
.nav-opener-custom:hover>div:after,
.nav-opener-custom:hover>div span,
.nav-opener-custom:active>div:before,
.nav-opener-custom:active>div:after,
.nav-opener-custom:active>div span,
.nav-opener-custom:focus>div:before,
.nav-opener-custom:focus>div:after,
.nav-opener-custom:focus>div span {
	background: #000;
}

#header:not(.open-dropdown):not(.light-header).open-bg .main-menu-nav,
#header:not(.open-dropdown):not(.light-header).open-bg .scroll-menu {
	opacity: 1;
	pointer-events: auto;
}

#header:not(.open-dropdown):not(.light-header).open-bg .main-menu-nav .nav>li.dropdown:before,
#header:not(.open-dropdown):not(.light-header).open-bg .scroll-menu .nav>li.dropdown:before {
	position: absolute;
	z-index: 5;
	content: '';
	display: none;
	pointer-events: none;
	left: -80px;
	right: -80px;
	top: var(--main-menu-bar-height);
	height: calc(100vh - var(--main-menu-bar-height));
	background: var(--backdrop-color);
	opacity: 0.0;
	-webkit-transition: opacity 600ms var(--ease-out-expo);
	transition: opacity 600ms var(--ease-out-expo);
}

@media (max-width: 1200px) {

	#header:not(.open-dropdown):not(.light-header).open-bg .main-menu-nav .nav>li.dropdown:before,
	#header:not(.open-dropdown):not(.light-header).open-bg .scroll-menu .nav>li.dropdown:before {
		left: -20px;
		right: -20px;
	}
}

#header:not(.open-dropdown):not(.light-header).open-bg .main-menu-nav .nav>li.dropdown.drop-open:before,
#header:not(.open-dropdown):not(.light-header).open-bg .scroll-menu .nav>li.dropdown.drop-open:before {
	display: block;
	opacity: var(--backdrop-color-opacity, 0.8);
}

body {
	&:not(.loaded) {
		& .main-menu-nav .nav>li ul {
			display: none !important;
		}
	}
}

@media (min-width: 1024px) {

	body.page-template-template-light-header #header,
	#header.open-dropdown,
	#header.light-header {
		--main-menu-color: #000;
		--open-dropdown-main-menu-color: #000;
		--open-dropdown-main-menu-hover-color: var(--primary-color);

		&,
		&.clear {
			box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.035) !important;
		}

		& .header-logo {
			opacity: 0 !important;
		}

		& .dark-header-logo {
			opacity: 1 !important;
		}

		& .main-menu-nav,
		& .scroll-menu {
			& .nav {
				&>li {
					&>a {
						color: var(--open-dropdown-main-menu-color) !important;

						&.mm-dropdown:after,
						&.dropdown-toggle:after {
							border-top-color: var(--open-dropdown-main-menu-color) !important;
						}

						&:hover,
						&:active,
						&:focus {
							color: var(--open-dropdown-main-menu-hover-color) !important;

							&.mm-dropdown:after,
							&.dropdown-toggle:after {
								border-top-color: var(--open-dropdown-main-menu-hover-color) !important;
							}
						}
					}
				}
			}
		}

	}

}

.block-on-mobile {
	display: block;
	padding: 10px;
}

.block-on-mobile .delimiter {
	display: none;
}

@media (max-width: 767px) {
	.block-on-mobile {
		margin: 0 !important;
	}
}

@media (min-width: 768px) {
	.block-on-mobile {
		display: inline-block;
		padding: 0;
	}

	.block-on-mobile .delimiter {
		display: inline-block;
	}
}

.small-bullets {
	display: inline-block;
	padding: 0 4px;
	font-size: 13px;
	opacity: 0.9;
	vertical-align: middle;
	line-height: 0.9;
}

@media (min-width: 1201px) {
	body:not(.fl-builder-edit) .mobile-lg-only {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	body:not(.fl-builder-edit) .mobile-only {
		display: none !important;
	}
}

@media (min-width: 768px) {
	body:not(.fl-builder-edit) .mobile-sm-only {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	body:not(.fl-builder-edit) .desktop-sm-only {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	body:not(.fl-builder-edit) .desktop-only {
		display: none !important;
	}
}

@media (max-width: 767px) {
	body:not(.fl-builder-edit) .desktop-lg-only {
		display: none !important;
	}
}

.main-menu-nav .nav .open-side>.dropdown-menu {
	display: none !important;
}

.main-menu-nav .nav>li {
	position: initial;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	z-index: 10;
	height: 100%;
}

.main-menu-nav .nav li {
	font-size: var(--main-menu-font-size);
}

.main-menu-nav .nav>li.setup-normal {
	position: relative;
}

.main-menu-nav .nav>li.fixed-only {
	display: none;
}

.main-menu-nav .nav>li.fixed-only.scrolling {
	display: inline-block;
}

.main-menu-nav .nav>li.only-footer {
	display: none;
}

.main-menu-nav .nav>li.drop-open {
	z-index: 100;
}

.main-menu-nav .nav>li.drop-open .detailed-menu-dropdown {
	border-color: #eee;
	opacity: 1.0;
	height: auto;
}

.main-menu-nav .nav>li.normal-dropdown {
	position: relative;
}

.main-menu-nav,
.scroll-menu {
	letter-spacing: 0;
	text-align: center;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	pointer-events: auto;
	opacity: 1;
}

.main-menu-nav.remove-menu,
.scroll-menu.remove-menu {
	opacity: 0.0;
	pointer-events: none;
}

.main-menu-nav .next-link>a,
.scroll-menu .next-link>a {
	pointer-events: none;
}

.main-menu-nav .nav,
.scroll-menu .nav {
	vertical-align: top;
	list-style: none;
}

.main-menu-nav .nav:before,
.scroll-menu .nav:before {
	display: none;
}

.main-menu-nav .nav ul,
.main-menu-nav .nav li,
.scroll-menu .nav ul,
.scroll-menu .nav li {
	list-style: none !important;
}

.main-menu-nav .nav>li,
.scroll-menu .nav>li {
	counter-increment: main-nav-counter;
}

.main-menu-nav .nav>li>a,
.scroll-menu .nav>li>a {
	position: relative;
	border-width: 0;
	border-color: transparent;
	border-style: solid;
	text-transform: none;
	font-family: var(--nav-font);
	letter-spacing: var(--main-menu-letter-spacing);
	line-height: 1.45;
	font-weight: var(--main-menu-font-weight);
	background: transparent;
	color: var(--main-menu-color);
	font-size: var(--main-menu-font-size);
	padding-block: var(--main-menu-padding-block) !important;
	padding-inline: var(--main-menu-padding-inline) !important;
	margin: 0;
	text-align: left;
	height: 100%;
	display: inline-flex;
	align-items: center;
	text-decoration: underline 0.1em color-mix(in srgb, var(--main-menu-color) 0%, transparent) !important;
	text-underline-offset: .16em;
}

.main-menu-nav .nav>li>a>span,
.scroll-menu .nav>li>a>span {
	opacity: 1.0;
	pointer-events: auto;
}

.main-menu-nav .nav>li>a .inner-menu-item-wrap,
.scroll-menu .nav>li>a .inner-menu-item-wrap {
	position: relative;
	z-index: 10;
}

.main-menu-nav,
.scroll-menu {
	& .nav {
		&>li {
			&>a {

				&:hover,
				&:active,
				&:focus,
				&.active {
					color: var(--main-menu-hover-color) !important;
					text-decoration-color: currentColor !important;
					opacity: 0.5;
				}
			}

			&.mm-dropdown {
				z-index: 200;

				&>a {

					&,
					&.dropdown-toggle {
						&:before {
							position: absolute;
							content: '';
							left: 50%;
							right: 50%;
							opacity: 0;
							bottom: auto;
							top: 100%;
							width: auto;
							height: 1px;
							pointer-events: none;
							background: var(--primary-color);
							transition: all 600ms var(--ease-out-expo);
							z-index: 10;
							display: none !important;
						}

						&:after {
							position: relative;
							display: inline-block !important;
							vertical-align: middle;
							z-index: 10;
							color: inherit;
							opacity: 1;
							content: '';
							z-index: 1;
							/*
							width: 5px;
							height: 5px;
							margin: 0;
							top: -1px;
							left: 8px;
							border-right: 1px solid;
							border-bottom: 1px solid;
							border-color: var(--main-menu-color);
							*/
							-webkit-transform-origin: right bottom;
							-ms-transform-origin: right bottom;
							transform-origin: right bottom;
							-webkit-transform: translate(0, 0) rotate(0deg);
							transform: translate(0, 0) rotate(0deg);
							transition: all 150ms linear;

							width: 0;
							height: 0;
							border-style: solid;
							border-right: 4px solid transparent;
							border-left: 4px solid transparent;
							border-top: 4px solid var(--main-menu-color);
							border-bottom: 0;
							top: -1px;
							left: 5px;
						}

						&.active {
							&:before {
								opacity: 1;
								left: 16px;
								right: 13px;

								@media (max-width: 1200px) {
									& {
										left: 14px;
										right: 11px;
									}
								}

								@media (max-width: 1200px) {
									& {
										left: 12px;
										right: 9px;
									}
								}
							}
						}
					}
				}

			}
		}
	}
}

.main-menu-nav .nav>li>a:hover.dropdown-toggle:after,
.main-menu-nav .nav>li>a:active.dropdown-toggle:after,
.main-menu-nav .nav>li>a:focus.dropdown-toggle:after,
.main-menu-nav .nav>li>a.active.dropdown-toggle:after,
.scroll-menu .nav>li>a:hover.dropdown-toggle:after,
.scroll-menu .nav>li>a:active.dropdown-toggle:after,
.scroll-menu .nav>li>a:focus.dropdown-toggle:after,
.scroll-menu .nav>li>a.active.dropdown-toggle:after {
	color: var(--main-menu-hover-color);
	/*	border-color: var(--main-menu-hover-color);*/

	border-top-color: var(--main-menu-hover-color);
}

.main-menu-nav .nav>li>a.active-scroll-btn,
.scroll-menu .nav>li>a.active-scroll-btn {
	pointer-events: none;
}

.main-menu-nav .nav>li:last-child a.set-button,
.scroll-menu .nav>li:last-child a.set-button {
	margin-right: 0 !important;
}

#main {
	position: relative;
	z-index: 150;
	display: block;
	background: var(--inner-body-background-color);
	min-height: 0;
	padding: 0;
	margin: 0 auto;
	margin-top: 0px;

	&.search-main {
		--inner-body-background-color: #ffffff;
	}

	@media (max-width: 1024px) {
		& {
			z-index: initial;
			margin-top: 0px;
		}
	}
}

#main:before,
#tribe-events-pg-template:before,
.single #main:before,
#woocommerce-main:before {
	display: none;
}

#main #main,
#tribe-events-pg-template #main,
.single #main #main,
#woocommerce-main #main {
	margin-top: 0 !important;
}

body.fl-builder-edit #main,
body.fl-builder-edit #tribe-events-pg-template,
body.fl-builder-edit .single #main,
body.fl-builder-edit #woocommerce-main {
	margin-top: 0 !important;
}

.video-area {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}

.vid-wrap {
	position: absolute;
	z-index: 1;
	background: #000;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}

.vid-wrap video {
	position: relative;
	display: block;
	max-width: none !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
}

@media (max-width: 1024px) {
	.vid-wrap {
		display: none !important;
	}
}

video {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.fill-video {
	background: transparent;
	padding: 0;
}

@media (max-width: 767px) {
	.fill-video {
		padding: 0 20px 0 0;
	}
}

.fill-video video {
	background: #F0F0F0;
	padding: 50px 50px 50px 0;
}

@media (max-width: 1200px) {
	.fill-video video {
		padding: 40px 40px 40px 0;
	}
}

@media (max-width: 1024px) {
	.fill-video video {
		padding: 30px 30px 30px 0;
	}
}

@media (max-width: 767px) {
	.fill-video video {
		padding: 20px 20px 20px 0;
	}
}

.related-container {
	background: transparent;
}

.related-container .container-full,
.related-container .container {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.container-full {
	max-width: 100%;
}

.content-wrapper {
	position: relative;
	display: block;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}

.content-wrapper.login-header-holder {
	padding: 0 20px;
}

#footer_logo {
	position: relative;
	z-index: 100;
	margin: 0;
}

.prev-next-wrapper {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 0;
	margin: 0 0 30px;
}

.prev-next-wrapper .left-side {
	display: block;
	padding: 12px 0;
}

.prev-next-wrapper .right-side {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	display: none;
}

.prev-next-wrapper .right-side a {
	float: left;
	padding: 12px 16px;
	color: #ffffff !important;
	font-family: var(--button-font);
	text-transform: uppercase;
	letter-spacing: 0.6px;
	font-weight: bold;
	line-height: 1.0;
	font-size: 12px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.prev-next-wrapper .right-side a .fa {
	font-size: 20px;
	padding: 0 5px 4px;
	line-height: 1;
	vertical-align: middle;
}

.prev-next-wrapper .right-side a:first-child {
	border-left: 0;
}

.prev-next-wrapper .right-side a:hover,
.prev-next-wrapper .right-side a:active,
.prev-next-wrapper .right-side a:focus {
	color: var(--primary-color) !important;
}

@media (min-width: 1025px) {
	.prev-next-wrapper .left-side {
		display: inline-block;
		padding: 12px 200px 12px 0;
	}

	.prev-next-wrapper .right-side {
		display: block;
	}

	.prev-next-wrapper .right-side:before,
	.prev-next-wrapper .right-side:after {
		content: "";
		display: table;
	}

	.prev-next-wrapper .right-side:after {
		clear: both;
	}
}

.small-headline,
.small-headline-2 {
	position: relative;
	font-family: var(--header-font);
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 0.93rem;
	display: block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.09em !important;
	font-weight: 600;
	margin-bottom: 10px;
	-webkit-font-smoothing: antialiased;

	&.small {
		font-size: 0.73rem;
		letter-spacing: 0.07em !important;
	}

	&.spread-out {
		letter-spacing: 0.14em !important;
	}

	&.slight-spread-out {
		letter-spacing: 0.10em !important;
	}

	&:last-child {
		margin-bottom: 0;
	}
}

.video-text-button {
	position: relative;
	font-family: var(--button-font);
	text-transform: uppercase;
	line-height: 1.4;
	font-size: 10px;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 0 auto 30px;
	color: #ffffff !important;
	text-align: center;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
}

.video-text-button:after {
	position: relative;
	display: block;
	content: "\f04b";
	font: normal normal normal 14px/1 var(--font-awesome);
	font-size: 9px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	margin: 10px auto 0;
	width: 35px;
	height: 35px;
	overflow: hidden;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: #ffffff;
	color: #000;
	transform-origin: 50% 50%;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	font-weight: 900;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
	padding: 13px 0 0 4px;
}

.video-text-button:hover,
.video-text-button:active,
.video-text-button:focus {
	color: #ffffff;
}

.video-text-button:hover:after,
.video-text-button:active:after,
.video-text-button:focus:after {
	background: #ffffff;
	color: var(--primary-color);
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.view-more-button {
	position: relative;
	font-family: var(--button-font);
	text-transform: uppercase;
	line-height: 1.4;
	font-size: 9px;
	display: inline-block;
	padding: 14px 10px 9px;
	letter-spacing: 0.5px;
	font-weight: 600;
	margin: 0 auto;
	color: #333 !important;
	text-align: center;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
	text-decoration: underline 0.1em #333 !important;
}

.view-more-button:hover,
.view-more-button:active,
.view-more-button:focus {
	color: var(--dark-grey-color) !important;
	text-decoration-color: var(--dark-grey-color) !important;
}

.apss-social-share {
	display: block;
	padding-top: 15px;
	margin-top: 60px;
	border-top: 1px solid #eee;
}

.social_main_menu {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0 -5px 22px;
	vertical-align: middle;
	list-style: none !important;

	&.filled {
		--social-icons-font-size: 22px;
	}
}

.social_main_menu:last-child {
	margin-bottom: 0;
}

.social_main_menu .inner-social-title {
	position: absolute;
	text-indent: -9999px;
	visibility: hidden;
}

.social_main_menu .fa {
	vertical-align: middle;
}

.social_main_menu li {
	margin: var(--social-icons-margin);
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.social_main_menu li:before {
	display: none !important;
}

.social_main_menu li:first-child {
	margin-left: 0;
}

.social_main_menu li:last-child {
	margin-right: 0;
}

.social_main_menu li a {
	position: relative;
	color: var(--social-icons-color) !important;
	background: var(--social-icons-background-color);
	border: var(--social-icons-border-width) solid var(--social-icons-border-color);
	opacity: 1.0;
	line-height: 1.3;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	vertical-align: middle;
	padding: var(--social-icons-padding);
	margin: 0;
	width: var(--social-icons-width);
	height: var(--social-icons-height);
	font-size: var(--social-icons-font-size);
	font-weight: 400;
	-webkit-border-radius: var(--social-icons-border-radius);
	border-radius: var(--social-icons-border-radius);
	text-decoration: none !important;
}

.social_main_menu.share-social {
	--social-icons-font-size: 22px;
}

.social_main_menu li a span {
	padding: 0 !important;
}

.social_main_menu li a:hover,
.social_main_menu li a:active,
.social_main_menu li a:focus {
	color: var(--hover-social-icons-color) !important;
	background: var(--hover-social-icons-background-color);
	border-color: var(--hover-social-icons-border-color);
	opacity: 1.0;
}

.social_main_menu li a:first-child {
	margin-left: 0;
}

.social_main_menu li a:last-child {
	margin-right: 0;
}

.social_main_menu li a.envelope>span {
	top: 1px;
}

@media (max-width: 1024px) {
	.social_main_menu li a.envelope>span {
		top: 2px;
	}
}

.social_main_menu.small-set {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0 0 5px !important;
}

@media (max-width: 1024px) {
	.social_main_menu.small-set {
		display: block;
		padding: 0;
		margin: 0;
	}

	.social_main_menu.small-set:before {
		display: none;
	}
}

.social_main_menu.small-set li {
	padding: 0 !important;
	margin: 0 4px;
}

@media (max-width: 1024px) {
	.social_main_menu.small-set li {
		margin: 0;
	}
}

.social_main_menu.small-set li:first-child {
	margin-left: 0;
}

.social_main_menu.small-set li:last-child {
	margin-right: 0;
}

.social_main_menu.small-set li a {
	color: #ffffff !important;
	background: #585757 !important;
	margin: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 12px;
	padding: 8px 2px 2px 3px;
	text-align: center;
	opacity: 1.0;
	width: 28px;
	height: 28px;
}

.social_main_menu.small-set li a span {
	padding: 0;
}

@media (min-width: 1025px) {
	.social_main_menu.small-set li a {
		margin-left: 0;
	}
}

@media (max-width: 1024px) {
	.social_main_menu.small-set li a {
		font-size: 14px;
		margin: 4px 5px;
		width: 34px;
		height: 34px;
		padding-top: 10px;
	}
}

.social_main_menu.small-set li a:hover,
.social_main_menu.small-set li a:active,
.social_main_menu.small-set li a:focus {
	color: #ffffff !important;
	opacity: 1.0;
	background: var(--primary-color) !important;
}

.social_main_menu.round li {
	margin: 4px;
}

.social_main_menu.round li a {
	width: 38px;
	height: 38px;
	padding-top: 12px;
	padding-left: 2px;
	font-size: 14px;
	color: #ffffff !important;
	border-color: #585757;
	background: #585757;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.social_main_menu.round li a:hover,
.social_main_menu.round li a:active,
.social_main_menu.round li a:focus {
	color: #ffffff !important;
	border-color: var(--primary-color) !important;
	background: var(--primary-color) !important;
}

.social_main_menu.show-text {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.social_main_menu.show-text li {
	margin: 5px;
	width: auto;
}

.social_main_menu.show-text li a,
.social_main_menu.show-text li a:focus {
	width: auto;
	padding: 11px 22px;
}

.social_main_menu.show-text .inner-social-title,
.social_main_menu.show-text .fa {
	display: inline-block;
	vertical-align: middle;
}

.social_main_menu.show-text .inner-social-title {
	text-indent: 0;
	position: relative;
	visibility: visible;
	font-size: 12px;
	padding-right: 8px;
}

.social_main_menu.light-social li {
	margin: 10px 2px;
}

.social_main_menu.light-social li a {
	color: #ffffff !important;
	background: transparent !important;
}

.social_main_menu.light-social li a:hover,
.social_main_menu.light-social li a:active,
.social_main_menu.light-social li a:focus {
	background: #ffffff !important;
	color: #585757 !important;
}

.social_main_menu.share-social li.social-intro-line>span.share-intro-text {
	position: relative;
	display: block;
	color: #898989;
	font-size: 14px;
	text-align: center;
	margin-bottom: 25px;
}

@media (max-width: 1024px) {
	.social_main_menu.share-social li.social-intro-line>span.share-intro-text {
		margin-bottom: 10px;
		text-align: left;
	}
}

.social_main_menu.share-social ul {
	margin: 0;
	padding: 0;
}

@media (min-width: 1025px) {
	.social_main_menu.share-social ul {
		width: 44px;
		margin: 0 auto;
	}

	.social_main_menu.share-social ul li {
		display: block;
		margin: 18px 4px !important;
	}

	.social_main_menu.share-social ul li a,
	.social_main_menu.share-social ul li a:focus {
		border-color: var(--primary-color);
		background: var(--primary-color);
		color: #ffffff !important;
	}

	.social_main_menu.share-social ul li a:hover,
	.social_main_menu.share-social ul li a:active,
	.social_main_menu.share-social ul li a:focus:hover,
	.social_main_menu.share-social ul li a:focus:active {
		border-color: var(--dark-grey-color);
		background: var(--dark-grey-color);
		color: #ffffff !important;
	}
}

.light .social_main_menu,
.social_main_menu.light {
	--social-icons-color: #fff;
	--social-icons-background-color: transparent;
	--social-icons-border-width: 0;
	--social-icons-border-color: transparent;

	--hover-social-icons-color: #fff;
	--hover-social-icons-background-color: transparent;
	--hover-social-icons-border-color: transparent;
}

.light-social .social_main_menu li {
	margin: 10px 2px;
}

.light-social .social_main_menu li a {
	color: #ffffff !important;
	background: transparent !important;
}

.light-social .social_main_menu li a:hover,
.light-social .social_main_menu li a:active,
.light-social .social_main_menu li a:focus {
	background: #ffffff !important;
	color: #585757 !important;
}

.contact-social-links .social_main_menu li a {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgba(17, 34, 44, 0.6) !important;
	background: transparent !important;
	color: var(--dark-grey-color) !important;
	padding-top: 7px !important;
	margin-top: 1px;
}

.contact-social-links .social_main_menu li a:hover,
.contact-social-links .social_main_menu li a:active,
.contact-social-links .social_main_menu li a:focus {
	border-color: var(--dark-grey-color) !important;
	background: var(--dark-grey-color) !important;
	color: #ffffff !important;
}

.light * {
	--error-color: var(--light-error-color);
	--success-color: var(--light-success-color);
}

.fade-up-top-black {
	position: relative;

	&>.fl-row-content-wrap {
		position: relative;

		&>* {
			z-index: 10;
		}

		&:before {
			position: absolute;
			z-index: 1;
			pointer-events: none;
			content: '' !important;
			left: 0;
			right: 0;
			top: 0;
			height: 150px;
			background: transparent;
			background: -moz-linear-gradient(top, #000 5%, rgba(0, 0, 0, 0) 100%);
			background: -webkit-linear-gradient(top, #000 5%, rgba(0, 0, 0, 0) 100%);
			background: linear-gradient(to bottom, #000 5%, rgba(0, 0, 0, 0) 100%);
		}
	}
}

.footer-outer-wrapper {
	position: relative;
	background: var(--footer-background-color) url(/wp-content/uploads/footer-background-1.webp) no-repeat center bottom;
	background-size: cover;
	color: var(--footer-color);
	display: block;

	&:before {
		position: absolute;
		z-index: 1;
		pointer-events: none;
		content: '' !important;
		left: 0;
		right: 0;
		top: 0;
		height: 150px;
		background: transparent;
		background: -moz-linear-gradient(top, #000 5%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-linear-gradient(top, #000 5%, rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to bottom, #000 5%, rgba(0, 0, 0, 0) 100%);
	}
}

#footer {
	--error-color: var(--light-error-color);
	--success-color: var(--light-success-color);

	position: relative;
	color: var(--footer-color);
	border: 0;
	z-index: 100;
	font-family: var(--body-font);
	padding: 0;
	overflow: visible;
	letter-spacing: 0;
	font-size: var(--footer-font-size);
	font-weight: 400;
	-webkit-font-smoothing: auto;

	&>* {
		position: relative;
		z-index: 10;
	}
}

#footer p {
	color: var(--footer-color);
}

#footer p a,
#footer p a:focus {
	color: color-mix(in srgb, var(--footer-color) var(--footer-color-opacity), transparent);
}

#footer p a:hover,
#footer p a:active {
	color: color-mix(in srgb, var(--footer-hover-color) var(--footer-hover-color-opacity), transparent);
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
#footer .h6 {
	color: var(--header-light-color);
}

#footer .social_main_menu li a,
#footer .social_main_menu li a:focus {
	color: var(--footer-social-icons-color) !important;
	border-color: var(--footer-social-icons-border-color);
	background: var(--footer-social-icons-background-color);
}

#footer .social_main_menu li a:hover,
#footer .social_main_menu li a:active {
	color: var(--footer-hover-social-icons-color) !important;
	border-color: var(--footer-hover-social-icons-border-color);
	background: var(--footer-hover-social-icons-background-color);
}

#footer ul:not(.social_main_menu) {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

#footer ul ul {
	padding-left: 0;
}

#footer #subfooter {
	position: relative;
	background: transparent;
	padding: 0;
	margin: 0;
	top: 0;

	&>.menu-container {
		position: relative;
		padding: 100px 0 80px;

		@media (max-width: 1024px) {
			& {
				padding-top: 30px;
				padding-bottom: 10px;
			}
		}

		&:before {
			position: absolute;
			display: block;
			content: '';
			left: 30px;
			right: 30px;
			top: 0;
			height: 1px;
			background: var(--trinova-blue-12);
		}
	}

	@media (max-width: 1024px) {
		&>.menu-container:before {
			left: 20px;
			right: 20px;
		}
	}
}

#footer #subfooter .footer-menu-column {
	text-align: left !important;

	@media (min-width: 768px) {
		& {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: row;
			justify-content: stretch;
			align-items: stretch;
			justify-content: center;
			align-content: flex-start;
			flex-wrap: wrap;
		}
	}

	@media (min-width: 1025px) {
		& {
			padding-right: 30px !important;
			padding-left: 30px !important;
		}
	}

	@media (max-width: 1024px) {
		& {
			padding-top: 15px !important;
			padding-bottom: 15px !important;
		}
	}

	@media (max-width: 767px) {
		& {
			display: block;
			text-align: center !important;
			padding: 0;
			width: 100% !important;
		}
	}
}

#footer #subfooter .footer-columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: stretch;
	align-items: flex-start;
	padding: 20px 0 40px;
	color: var(--footer-color);

	@media (max-width: 767px) {
		& {
			padding-bottom: 10px;
		}
	}
}

@media (max-width: 1024px) {
	#footer #subfooter .footer-columns.footer-menu-columns-wrapper {
		padding: 0 20px 0 !important;
	}
}

@media (min-width: 1025px) {
	#footer #subfooter .footer-columns.footer-menu-columns-wrapper {
		padding-top: 0 !important;
		padding-bottom: 0px !important;
	}
}

@media (max-width: 1024px) {
	#footer #subfooter .footer-columns.logo-column {
		padding-bottom: 20px !important;
	}
}

#footer #subfooter .footer-columns .left-column p {
	margin-bottom: 6px;
}

#footer #subfooter .footer-columns .left-column p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	#footer #subfooter .footer-columns .left-column p {
		margin-bottom: 3px;
	}

	#footer #subfooter .footer-columns .left-column p:last-child {
		margin-bottom: 0;
	}
}

#footer #subfooter .footer-columns.copyright-column {
	position: relative;
	padding: 25px 10px 40px;
	font-size: var(--footer-copyright-font-size);
	color: var(--footer-color);
	align-items: flex-start !important;
	margin: 20px auto 0;
	max-width: 1400px;
	border: 0;
	overflow: clip;

	@media (max-width: 1024px) {
		& {
			margin-top: 0;
			padding-bottom: 25px;
		}
	}
}

#footer #subfooter .footer-columns.copyright-column .copy-line {
	& a:not(.set-button) {
		color: inherit;
		text-decoration: underline 0.08em color-mix(in srgb, #fff 0%, transparent);

		&:hover,
		&:active,
		&:focus {
			color: #fff;
			text-decoration-color: #fff;
		}
	}

	& .white-text,
	&.white-text {
		& a:not(.set-button) {
			color: inherit;

			&:hover,
			&:active,
			&:focus {
				color: var(--primary-color) !important;
			}
		}
	}
}

@media (max-width: 1024px) {

	#footer #subfooter .footer-columns.copyright-column .col-md-12,
	#footer #subfooter .footer-columns.copyright-column .col-md-6 {
		padding-bottom: 5px;
	}
}

@media (max-width: 1024px) {
	#footer #subfooter .footer-columns.copyright-column {
		padding: 30px 0;
	}
}

#footer #subfooter .footer-columns.footer-details-columns-wrapper {
	text-align: left;
}

@media (min-width: 1025px) {
	#footer #subfooter .footer-columns.footer-details-columns-wrapper .column-part {
		margin-top: 0;
	}
}

@media (max-width: 1024px) {
	#footer #subfooter .footer-columns.footer-details-columns-wrapper .column-part.left-column {
		padding-bottom: 55px;
	}
}

@media (max-width: 1024px) {
	#footer #subfooter {
		text-align: center;
	}
}

#footer #subfooter .subfooter-fullwidth-column .column-part-inner {
	padding: 80px 30px 50px;
}

@media (max-width: 1024px) {
	#footer #subfooter .subfooter-fullwidth-column .column-part-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

#footer .footer-bottom {
	position: relative;
	display: block;
	padding: 30px 0 !important;
}

@media (max-width: 1024px) {
	#footer .footer-bottom {
		text-align: center;
		padding: 10px 0 30px !important;
	}
}

#footer .copyright-section {
	display: block;
	padding: 4px 0;
	color: #8c8c8c;
}

@media (max-width: 1024px) {
	#footer .copyright-section {
		text-align: center;
	}
}

#footer .copyright-section a:not(.set-button) {
	color: inherit;
	text-decoration: underline 0.1em #8c8c8c !important;
}

#footer .copyright-section a:not(.set-button):hover,
#footer .copyright-section a:not(.set-button):active,
#footer .copyright-section a:not(.set-button):focus {
	color: #ffffff;
	text-decoration-color: #ffffff;
}

#footer .footer-col-wrap {
	display: block;
	padding: 0;
}

#footer .contact_column_content p,
#footer .contact_column_content p>a {
	vertical-align: middle;
	margin: 0;
}

#footer .contact_column_content p>a {
	position: relative;
	padding: 10px 10px 10px 37px;
	margin: 0 10px;
	display: inline-block;
	font-size: 14px;
}

#footer .footer-wrapper {
	position: relative;
	z-index: 2;
}

@media (min-width: 768px) {
	#footer .footer-wrapper {
		margin-top: 40px;
	}
}

#footer .footer-logo {
	margin-bottom: 14px;
}

#footer .footer-columns-left {
	padding: 0 !important;
}

#footer .copy-line {
	position: relative;
	display: block;
	padding: 0;
	line-height: 1.8;
	color: inherit !important;
}

#footer .copy-line p {
	display: block;
	padding-bottom: 3px;
}

@media (max-width: 1024px) {
	#footer .copy-line p {
		padding-bottom: 7px;
	}
}

#footer .copy-line a,
#footer .copy-line a:focus {
	color: inherit;
	text-decoration: none;
}

#footer .copy-line a:hover,
#footer .copy-line a:active {
	color: var(--dark-grey-color);
}

#footer .copy-line p:last-child {
	padding-bottom: 0;
}

#footer {
	& .copy-line .copy-line-list {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		padding: 0;
		list-style: none;
		margin: 0;

		&,
		& * {
			text-wrap: balance;
		}
	}

	& .center-content {
		& .copy-line .copy-line-list {
			justify-content: center;
		}
	}
}

@media (min-width: 1025px) {
	#footer .right-on-desktop .copy-line .copy-line-list {
		justify-content: flex-end;
	}
}

@media (max-width: 1024px) {
	#footer .copy-line .copy-line-list {
		justify-content: center;
		text-align: center;
	}
}

.social-row {
	padding-bottom: 15px;
}

#footer .copy-line .copy-line-list li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 2px 10px;
}

@media (min-width: 1025px) {
	#footer .copy-line .copy-line-list li:first-child {
		padding-left: 0;
	}

	#footer .copy-line .copy-line-list li:last-child {
		padding-right: 0;
	}
}

@media (max-width: 1024px) {
	#footer .copy-line .copy-line-list li {
		display: block;
		width: auto;
		padding: 4px 9px !important;
	}
}

#footer .copy-line .copy-line-list li:after {
	position: absolute;
	content: '';
	display: inline-block;
	padding: 0;
	right: 0;
	top: 5px;
	height: 10px;
	width: 1px;
	background: var(--footer-color);
	opacity: 0.5;
	display: none;
}

#footer .copy-line .copy-line-list li:last-child:after {
	display: none;
}

#footer .right-column-footer-button-wrapper {
	position: relative;
	display: block;
	margin: 0 0 20px;
}

@media (min-width: 1025px) {
	#footer .right-column-footer-button-wrapper {
		margin-bottom: 60px;
	}
}

#follow_footer_menu .social_main_menu li {
	display: inline-block !important;
}

@media (min-width: 1025px) {
	#follow_footer_menu .social_main_menu li {
		display: block !important;
	}
}

@media (min-width: 1025px) {
	#follow_footer_menu .social_main_menu a {
		width: auto !important;
	}
}

@media (min-width: 1025px) {

	#follow_footer_menu .social_main_menu .fa,
	#follow_footer_menu .social_main_menu .fas {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	#follow_footer_menu .social_main_menu .inner-social-title {
		position: relative !important;
		display: block !important;
		text-indent: 0 !important;
		visibility: visible !important;
	}
}

.footer-logo-area {
	display: block;
	margin-bottom: 30px;
}

.link-info-column {
	position: relative;
	padding: 0 20px;

	@media (max-width: 1024px) {
		& {
			padding: 20px 0px;
			text-align: left;

			&:not(.footer-menu-column) {
				text-align: center;
			}
		}
	}

	@media (min-width: 768px) and (max-width: 1024px) {
		&:not(.footer-menu-column) {
			padding-inline: 15px !important;
		}
	}
}

.link-info-column .underline-link.spaced {
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	margin-top: 12px;
	color: #585757;
}

.link-info-column .underline-link.spaced:hover,
.link-info-column .underline-link.spaced:active,
.link-info-column .underline-link.spaced:focus {
	color: var(--primary-color);
}

@media (max-width: 1024px) {
	.link-info-column .underline-link.spaced {
		margin-top: 15px;
		font-size: 15px;
	}
}

#footer .footer_menu {
	position: relative;
	font-weight: inherit;
	vertical-align: top;
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
	width: 100%;
}

@media (min-width: 768px) {
	#footer .footer_menu {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: row nowrap;
		justify-content: stretch;
		align-items: flex-start;
		justify-content: center;
		align-content: flex-start;

		&:has(> li:nth-child(n + 5)) {
			flex-wrap: wrap;
			justify-content: flex-start;

			&>li {
				width: calc(100% / 3);
			}
		}

		&:has(> li:nth-child(n + 6)) {
			&>li {
				width: 25%;
			}
		}
	}
}

@media (min-width: 1025px) {
	#footer .footer_menu {
		justify-content: flex-end;
	}
}

@media (max-width: 767px) {
	#footer .footer_menu {
		display: block;
		text-align: center;
		padding: 0;
		width: auto !important;
		float: none;
	}
}

#footer .footer_menu>li {
	display: block;
	width: auto;
	padding: 0 15px 7px !important;
	margin-bottom: 8px !important;
	width: 100%;
	font-size: var(--footer-menu-font-size);
}

@media (max-width: 767px) {
	#footer .footer_menu>li {
		width: 100% !important;
	}
}

#footer .footer_menu>li>a,
#footer .footer_menu>li>a:focus {
	text-transform: uppercase !important;
	font-size: var(--main-menu-font-size) !important;
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
	color: var(--footer-light-color) !important;
	font-weight: var(--main-menu-font-weight) !important;
	font-family: var(--nav-font) !important;
	line-height: 1.0 !important;
	letter-spacing: var(--main-menu-letter-spacing) !important;
	-webkit-font-smoothing: antialiased;
}

#footer .footer_menu>li>a:hover,
#footer .footer_menu>li>a:active {
	color: var(--footer-color) !important;
}

@media (max-width: 767px) {

	#footer .footer_menu>li>a,
	#footer .footer_menu>li>a:focus {
		color: var(--footer-color) !important;
	}
}

#footer .footer_menu>li li a {
	position: relative;
	color: color-mix(in srgb, var(--footer-color) var(--footer-color-opacity), transparent);
	font-size: var(--footer-menu-sub-items-font-size);
	transition: all 800ms var(--ease-out-expo);

	&:hover,
	&:active,
	&:focus {
		color: color-mix(in srgb, var(--footer-hover-color) var(--footer-hover-color-opacity), transparent);
		text-decoration-color: color-mix(in srgb, var(--footer-hover-color) var(--footer-hover-color-opacity), transparent) !important;
	}
}

#footer .footer_menu.full-width-menu>li {
	width: 100% !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
	#footer .footer_menu.full-width-menu>li {
		width: 50% !important;
	}
}

@media (min-width: 1025px),
(max-width: 767px) {
	#footer .footer_menu.full-width-menu>li {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 767px) {
	#footer .footer_menu.full-width-menu>li {
		text-align: center !important;
	}
}

#footer .footer_menu li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 18px 12px;
	margin: 0;
}

#footer .footer_menu li:before {
	display: none;
}

#footer .footer_menu li a {
	position: relative;
	display: inline-block;
	padding: 6px 0px 7px;
	margin-bottom: 0;
	text-transform: none;
	color: var(--footer-color);
	background: transparent;
	line-height: inherit;
	-webkit-transition: all 150ms linear;
	transition: color 150ms linear, text-decoration-color 150ms linear;
	font-size: 1.0em;
	letter-spacing: 0.04em;
	line-height: 1.4;
	font-weight: 400;
	text-decoration: underline .1em color-mix(in srgb, var(--footer-color) 0%, transparent) !important;
	text-decoration-color: color-mix(in srgb, var(--footer-color) 0%, transparent);
	text-decoration-thickness: 0.06em !important;

	@media (max-width: 767px) {
		& {
			padding: 7px 0px 2px;
		}
	}

	&:hover,
	&:active,
	&:focus {
		color: var(--arc-footer-link-hover, var(--footer-color));
		text-decoration-color: var(--arc-footer-link-hover, var(--footer-color));
	}

	&:active {
		color: var(--arc-footer-link-pressed, var(--arc-footer-link-hover, var(--footer-color)));
		text-decoration-color: var(--arc-footer-link-pressed, var(--arc-footer-link-hover, var(--footer-color)));
	}
}

#footer .footer_menu li ul {
	display: block;
	margin-top: 0px;
	margin-left: 0 !important;
	padding-left: 0;
	list-style: none;
}

#footer .footer_menu li ul ul {
	display: block;
	margin-top: 8px;
}

#footer .footer_menu li ul ul li {
	position: relative;
	display: block;
}

#footer .footer_menu li ul ul li a {
	position: relative;
	padding-left: 10px !important;
}

#footer .footer_menu li ul ul li a:hover:before,
#footer .footer_menu li ul ul li a:active:before,
#footer .footer_menu li ul ul li a:focus:before {
	background: var(--primary-color);
}

@media (max-width: 767px) {
	#footer .footer_menu li ul {
		padding-left: 0;
		margin-top: 2px;
	}
}

#footer .footer_menu li li {
	display: block;
	padding: 0 0 0 0 !important;
}

@media (max-width: 767px) {
	#footer .footer_menu li li {
		margin-bottom: 3px !important;
		padding-bottom: 2px !important;
	}
}

#footer .footer_menu li li li {
	position: relative;
	padding-left: 8px;
	margin-left: 7px;
}

@media (max-width: 767px) {
	#footer .footer_menu li li li {
		padding-left: 0;
		margin-left: 0;
	}
}

#footer .footer_menu li li li a {
	position: relative;
}

.footer-block-row {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin: 0;
	padding: 0 0 30px;

	&:last-child {
		padding-bottom: 0;
	}
}

.footer-block {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 30px;
	width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.footer-block-row {
		justify-content: center;
		max-width: 900px;
		margin: 0 auto;
	}

	.footer-block:not(.no-col) {
		width: 100%;
		padding: 0 20px;
	}
}

.footer-block:last-child {
	padding-bottom: 0;
}

.footer-block p {
	padding: 0;
	margin: 0 0 10px;
}

.footer-block p:last-child {
	margin-bottom: 0;
}

.footer-block .small-headline {
	color: #fff !important;
}

.frm_hidden {
	display: none !important;
}

.frm_ajax_loading {
	display: none;
}

.background_title {
	position: absolute;
	z-index: 0;
	font-size: 200px;
	top: 0px;
	left: 0;
	right: 0;
	text-align: center;
	color: #b7b7b7;
	font-family: var(--button-font);
	font-weight: 400;
	white-space: nowrap;
	line-height: 1.0;
	letter-spacing: -5px;
	opacity: 0.1;
}

@media (max-width: 1024px) {
	.background_title {
		font-size: 100px;
	}
}

.related-title {
	text-align: center;
}

@media (min-width: 1025px) {
	.screen-height {
		min-height: 100vh !important;
		overflow: hidden;
	}

	.screen-height.center-vertical {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

.screen-height .title-wrapper .background_title {
	color: rgba(0, 0, 0, 0.02);
	text-align: left;
	max-width: 1024px;
	top: 95px;
	left: 14%;
	font-size: 570px;
	font-family: var(--button-font);
	letter-spacing: -40px;
}

@media (max-width: 1024px) {
	.screen-height .title-wrapper .background_title {
		display: none;
	}
}

.drop-down-categories {
	position: absolute;
	right: 50px;
	top: 0;
}

@media (max-width: 767px) {
	.drop-down-categories {
		display: none;
	}
}

.drop-down-categories .filter-dropdown {
	position: relative;
	display: block;
}

.drop-down-categories .filter-dropdown>a {
	position: relative;
	z-index: 30;
	display: block;
	padding: 12px 24px 12px 28px;
	border: 1px solid #ddd;
	background: #ffffff;
	overflow: hidden;
	text-transform: uppercase;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.drop-down-categories .filter-dropdown>a .fa {
	font-size: 18px;
	vertical-align: middle;
	color: var(--primary-color);
	padding-left: 4px;
}

.drop-down-categories .filter-dropdown ul {
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
	z-index: 20;
	background: #000;
	background: rgba(0, 0, 0, 0.93);
	color: #000;
	margin-top: 0;
	padding: 0;
	opacity: 0.0;
	pointer-events: none;
	visibility: hidden;
	list-style: none;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.drop-down-categories .filter-dropdown li {
	display: block;
	padding: 0;
	margin: 0;
}

.drop-down-categories .filter-dropdown li a {
	display: block;
	padding: 14px 28px 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	color: #ffffff;
	font-size: 0.76rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: right;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.drop-down-categories .filter-dropdown li a:hover,
.drop-down-categories .filter-dropdown li a:active,
.drop-down-categories .filter-dropdown li a:focus {
	color: #000;
	background: var(--primary-color);
}

.drop-down-categories .filter-dropdown:hover ul {
	opacity: 1.0;
	pointer-events: auto;
	visibility: visible;
}

.drop-down-categories .filter-dropdown:hover>a {
	color: #000;
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.drop-down-categories .filter-dropdown:hover>a .fa {
	color: #000;
}

.posts_container {
	position: relative;
	padding: 150px 0;
	background: #eff2f4;
}

.single .posts_container {
	padding: 50px 0;
}

@media (min-width: 1025px) {
	.single .posts_container {
		padding: 20px 0 80px;
	}
}

.single .posts_container strong {
	color: var(--primary-color);
}

.single .media-single {
	position: relative;
	display: block;
	width: 100%;
}

.single .sidebar-whole {
	margin-top: 0;
	border-right: 0;
	padding: 20px 50px 50px;
}

.single .sidebar-whole .back-button {
	color: #585757 !important;
	border-color: #d7d7d7 !important;
	background: transparent !important;
	display: block;
	margin-bottom: 50px;
}

.single .sidebar-whole .back-button .fa {
	color: #d7d7d7 !important;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.single .sidebar-whole .back-button:hover,
.single .sidebar-whole .back-button:active,
.single .sidebar-whole .back-button:focus {
	color: #ffffff !important;
	border-color: var(--primary-color) !important;
	background: var(--primary-color) !important;
}

.single .sidebar-whole .back-button:hover .fa,
.single .sidebar-whole .back-button:active .fa,
.single .sidebar-whole .back-button:focus .fa {
	color: #ffffff !important;
}

@media (min-width: 1025px) {
	.single .sidebar-whole {
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
}

.media-holder {
	background: transparent;
	padding: 100px 0;
}

.media-holder.related-media-holder {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
}

@media (max-width: 1024px) {
	.media-holder.related-media-holder {
		padding: 15px 0px;
	}
}

.media-holder.related-media-holder .related-title-row {
	padding: 0 15px;
}

.media-holder.related-media-holder .related-title-row .flat-read-more-link {
	margin-top: 20px;
}

@media (max-width: 1024px) {
	.media-holder.related-media-holder .related-title-row {
		padding: 0 30px;
	}
}

.media-holder.related-media-holder>.container-full {
	position: relative;
	z-index: 100;
}

.related_container {
	padding: 0 0 70px;
}

.part-title {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
	width: 30%;
}

.part-content {
	display: inline-block;
	vertical-align: middle;
	width: 67%;
}

.single .post-holder,
.single .post-holder .single-post-content {
	padding: 0;
}

.related-posts {
	padding-top: 30px;
}

.posts-wrap {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
}

.main-menu-nav {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	z-index: 999;
	right: 0;
	left: 0;
	bottom: auto;
	top: 0;
	padding-left: calc(var(--logo-left) + var(--logo-max-width) + 32px);
	padding-right: clamp(20px, 4vw, 36px);
	max-width: none;
	width: 100%;
	text-align: right;
	height: 100%;

	@media (max-width: 1250px) {
		& {
			padding-left: calc(var(--logo-left) + var(--logo-max-width) + 16px);
			padding-right: clamp(18px, 3vw, 30px);
		}
	}
}

@media (max-width: 1024px) {
	.main-menu-nav {
		display: none;
	}
}

.main-menu-nav .nav-wrap {
	position: initial;
	display: block;
	margin-top: 0;
	padding: 0;
}

.main-menu-nav .nav {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	margin: 0;
	padding: 0;
	height: 100%;
	border-left: 0;
	transition: all var(--header-transition) 0ms;
}

.main-menu-nav .nav>li.setup-normal {
	position: relative;
}

.main-menu-nav .nav>li .dropdown-menu {
	position: absolute;
	text-align: left;
	top: 100%;
	left: 0px;
	margin: 0 !important;
	padding: 0;
	display: none;
	z-index: 999;
	line-height: 1.0;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.main-menu-nav .nav>li .dropdown-menu li {
	padding: 0 !important;
	margin: 0 !important;

	&:not(:first-child) {
		border-top: 1px solid var(--dropdown-menu-border-color);

		&:has(a:hover, a:active, a:focus) {
			--dropdown-menu-border-color: var(--dropdown-menu-hover-background);
		}
	}
}

.main-menu-nav .nav>li .dropdown-menu li:before {
	display: none;
}

.main-menu-nav .nav>li .dropdown-menu li a {
	display: block;
	color: var(--dropdown-menu-color);
	font-size: var(--dropdown-menu-font-size);
	text-transform: none;
	font-family: var(--nav-font);
	letter-spacing: var(--dropdown-menu-letter-spacing);
	line-height: 1.0;
	font-weight: var(--dropdown-menu-font-weight);
	background: var(--dropdown-menu-background);
	opacity: 1.0;
	padding-block: var(--dropdown-menu-item-padding-block);
	padding-inline: var(--dropdown-menu-item-padding-inline);
	text-decoration: none !important;

	&:hover,
	&:active,
	&:focus {
		color: var(--dropdown-menu-hover-color);
		background: var(--dropdown-menu-hover-background);
		border-top-color: var(--dropdown-menu-hover-background);
		text-decoration: none !important;
	}
}

.main-menu-nav .nav>li .dropdown-menu li:last-child>a,
.main-menu-nav .nav>li .dropdown-menu li:last-child>a:focus {
	border-bottom: 0;
}

.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu {
	position: absolute;
	margin-top: 0 !important;
	top: 0;
	left: 100%;
}

.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:focus {
	border-left: 1px solid var(--dropdown-menu-border-color);
}

.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:hover,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:active,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:focus,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:focus:hover,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:focus:active,
.main-menu-nav .nav>li .dropdown-menu li .dropdown-menu li a:focus:focus {
	border-left-color: var(--dropdown-menu-hover-background);
}

.main-menu-nav .nav li>.dropdown-menu {
	-webkit-box-shadow: var(--dropdown-menu-box-shadow);
	-moz-box-shadow: var(--dropdown-menu-box-shadow);
	box-shadow: var(--dropdown-menu-box-shadow);
}

.rss-aggregator {
	list-style: none;
	padding-left: 0 !important;
}

.wprss-feed-meta .feed-source {
	display: none;
}

.pagination-holder {
	position: relative;
	display: block;
	background: transparent;
	text-align: center;
	margin: 0 auto;
}

.pagenavi-wrapper {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 5px;
	z-index: 100;
	padding: 24px 0 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;

	&:has(> *:first-child:not(.prev)) {
		@media (min-width: 768px) {
			& {
				padding-left: 127px;
			}
		}
	}

	&:has(> *:last-child:not(.next)) {
		@media (min-width: 768px) {
			& {
				padding-right: 127px;
			}
		}
	}

	&:not(:has(*)) {
		display: none;
	}

	& a,
	& a:focus,
	&>span {
		display: inline-flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		font-style: normal;
		font-family: var(--body-font);
		line-height: 1.0 !important;
		color: var(--header-color);
		background-color: transparent;
		font-size: 1.0rem !important;
		text-decoration: underline 0.07em transparent;
		text-underline-offset: 0.26em !important;
		margin: 0;
		padding: 5px 4px;
		font-weight: 400;
		border: 0 !important;
		transition: all 600ms var(--ease-out-expo);
		-webkit-font-smoothing: auto;
		color: var(--header-color) !important;

		@media (max-width: 767px) {
			& {
				padding-inline: 7px;
			}
		}

		&:is(a) {

			&:hover,
			&:active,
			&.current {
				color: var(--primary-color) !important;
				background: transparent;
				text-decoration-color: currentColor !important;
			}
		}

		&.current {
			background: transparent;
			color: var(--primary-color) !important;
			box-shadow: none;
			pointer-events: none;
			text-decoration-color: currentColor !important;
		}

		&.prev,
		&.next {
			position: relative;
			display: inline-flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			outline: none;
			vertical-align: top;
			font-family: var(--button-font);
			font-size: var(--medium-button-font-size) !important;
			font-weight: 400;
			min-width: fit-content;
			text-align: center;
			line-height: var(--button-line-height);
			letter-spacing: var(--button-letter-spacing);
			text-transform: var(--button-text-transform);
			margin: 0;
			padding: var(--large-button-padding);
			padding-block: var(--short-button-padding) !important;
			border-width: var(--button-border-width);
			border-style: solid;
			-webkit-border-radius: var(--button-border-radius);
			border-radius: var(--button-border-radius);
			-webkit-transition: var(--button-easing) !important;
			transition: var(--button-easing) !important;
			overflow: visible;
			text-decoration: none !important;
			color: var(--outline-button-color) !important;
			background: var(--outline-button-background-color) !important;
			border-color: var(--outline-button-border-color) !important;
			width: 127px;
			text-decoration: none !important;
			-webkit-font-smoothing: auto;

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

			&:hover,
			&:active {
				color: var(--outline-hover-button-color) !important;
				background: var(--outline-hover-button-background-color) !important;
				border-color: var(--outline-hover-button-border-color) !important;
				text-decoration: none !important;
			}
		}

		&:first-child:not(.prev) {
			margin-left: auto;
		}

		&:last-child:not(.next) {
			margin-right: auto;
		}

		&.prev+* {
			margin-left: auto;
		}

		&:has(+ .next) {
			margin-right: auto;
		}

		&.prev {
			justify-self: flex-start;
		}

		&.next {
			justify-self: flex-end;
		}
	}
}

.wp-pagenavi {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	padding: 20px 175px;
	background: transparent;
	text-align: center;
	width: auto;
	margin: 0 auto;
	gap: 8px;

	@media (max-width: 767px) {
		& {
			padding-inline: 30px;
		}
	}

	& .smaller,
	& .larger {
		font-size: 1.0em;
		line-height: 1.0;
	}

	& .pages {
		position: relative;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 0.22px;
		text-transform: none;
		text-align: center;
		font-style: normal;
		color: rgba(0, 0, 0, 0.47);
		border: none;
		display: block;
		background: transparent;
		margin-bottom: 0;
	}

	&>span {
		&:first-child {
			width: auto;
			height: auto;
			display: none !important;
		}
	}

	& .fa,
	& .fas {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline-block;
		font-size: 14px;
		position: relative;
		top: 0;
	}

	& a,
	& a:focus,
	&>span {
		width: auto;
		height: auto;

		&:not(.previouspostslink):not(.nextpostslink) {
			display: inline-flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			font-style: normal;
			font-family: var(--body-font);
			line-height: 1.0 !important;
			color: var(--header-color);
			background-color: transparent;
			font-size: 1.0rem !important;
			text-decoration: underline 0.07em color-mix(in srgb, var(--header-color) 0%, transparent) !important;
			text-underline-offset: 0.26em !important;
			margin: 0;
			padding: 5px 2px;
			font-weight: 600;
			border: 0 !important;
			-webkit-transition: all 600ms var(--ease-out-expo);
			transition: all 600ms var(--ease-out-expo);
			-webkit-font-smoothing: antialiased;

			&,
			&:focus {
				color: var(--header-color) !important;
			}

			&:hover,
			&:active,
			&.current {
				color: var(--header-color) !important;
				background: transparent;
				text-decoration-color: var(--header-color) !important;
			}

			&.current {
				background: transparent;
				color: var(--header-color) !important;
				box-shadow: none;
				pointer-events: none;
				font-weight: 600 !important;
				text-decoration-color: var(--header-color) !important;
			}
		}

		&.previouspostslink,
		&.nextpostslink {
			position: absolute;
			width: auto;
			height: auto;
			top: 50%;
			transform: translate(0, -50%);
		}

		&.previouspostslink {
			left: 12px;
		}

		&.nextpostslink {
			right: 12px;
		}

		&.extend {
			background: transparent;
		}

		&.first,
		&.last {
			display: none;
		}
	}

	& a:hover,
	& a:active {
		color: var(--header-color) !important;
		background: transparent;
		text-decoration-color: var(--header-color) !important;
	}
}

.connected-section {
	position: relative;
}

.connected-section .fixed-column {
	position: relative;
}

@media (max-width: 1024px) {
	.connected-section .fixed-column img.mobile-only {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.connected-section .fixed-column {
		opacity: 1.0 !important;
	}
}

@media (min-width: 1025px) {
	.connected-section .fixed-column {
		min-height: 100vh !important;
		clip: rect(auto, auto, auto, auto);
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
		overflow: hidden;
	}

	.connected-section .fixed-column .background-image-with-opacity {
		background-size: contain !important;
		position: fixed;
		right: 0;
		left: auto;
		top: 117px;
		bottom: 0;
		width: 50%;
		background-position: center center !important;
	}
}

.side_nav,
.side_nav_2 {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
	opacity: 0.0;
	-webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	pointer-events: none;
	text-transform: none;
	letter-spacing: 0.1px;
	font-weight: 600;
	font-size: 14px;
	width: 60px;
	background: transparent;
}

.side_nav.open,
.side_nav_2.open {
	pointer-events: auto;
	opacity: 1.0;
	-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.side_nav .inner_side_nav,
.side_nav_2 .inner_side_nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: 20px;
	right: 0;
	width: 24px;
	padding: 10px 0;
	overflow: hidden;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	-webkit-transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	background: #ffffff;
	-webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 14px 0 rgba(0, 0, 0, .1);
}

.side_nav a,
.side_nav_2 a {
	position: relative;
	display: block;
	text-align: center;
	margin: 5px auto;
	padding: 2px;
	background: transparent;
	overflow: visible;
	line-height: 1.7;
	font-size: 0.95em;
	color: #ffffff;
}

.side_nav a:before,
.side_nav_2 a:before {
	position: relative;
	display: block;
	text-align: center;
	content: '';
	opacity: 1.0;
	margin: 0 auto;
	-webkit-transition: opacity 200ms ease-out, color 200ms ease-out;
	transition: opacity 200ms ease-out, color 200ms ease-out;
	z-index: 10;
	height: 6px;
	width: 6px;
	background: var(--dark-grey-color);
	opacity: 0.2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.side_nav a .connected-name,
.side_nav_2 a .connected-name {
	position: relative;
	display: block;
	line-height: 1.3;
	text-align: left;
	pointer-events: none;
	z-index: 100;
	color: #ffffff;
	-webkit-transition: opacity 200ms ease-out, color 200ms ease-out;
	transition: opacity 200ms ease-out, color 200ms ease-out;
	text-decoration: none;
	padding: 8px 20px;
	opacity: 0.3;
	display: none;
}

.side_nav a:hover,
.side_nav a:active,
.side_nav a:focus,
.side_nav a.active,
.side_nav_2 a:hover,
.side_nav_2 a:active,
.side_nav_2 a:focus,
.side_nav_2 a.active {
	color: #ffffff;
}

.side_nav a:hover:before,
.side_nav a:active:before,
.side_nav a:focus:before,
.side_nav a.active:before,
.side_nav_2 a:hover:before,
.side_nav_2 a:active:before,
.side_nav_2 a:focus:before,
.side_nav_2 a.active:before {
	opacity: 1.0;
}

.side_nav a:hover .connected-name,
.side_nav a:active .connected-name,
.side_nav a:focus .connected-name,
.side_nav a.active .connected-name,
.side_nav_2 a:hover .connected-name,
.side_nav_2 a:active .connected-name,
.side_nav_2 a:focus .connected-name,
.side_nav_2 a.active .connected-name {
	opacity: 1.0;
}

.side_nav a:hover .connected-name.remove-active,
.side_nav a:active .connected-name.remove-active,
.side_nav a:focus .connected-name.remove-active,
.side_nav a.active .connected-name.remove-active,
.side_nav_2 a:hover .connected-name.remove-active,
.side_nav_2 a:active .connected-name.remove-active,
.side_nav_2 a:focus .connected-name.remove-active,
.side_nav_2 a.active .connected-name.remove-active {
	opacity: 1.0;
}

.side_nav a.active,
.side_nav_2 a.active {
	pointer-events: none;
}

.side_nav.dark .inner_side_nav,
.side_nav_2.dark .inner_side_nav {
	background: transparent;
	-webkit-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0);
}

.side_nav.panel-side-nav:before,
.side_nav_2.panel-side-nav:before {
	position: absolute;
	content: '';
	left: 32px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(0, 0, 0, 0.08);
	z-index: 1;
}

.side_nav.panel-side-nav .inner_side_nav,
.side_nav_2.panel-side-nav .inner_side_nav {
	z-index: 10;
	-webkit-transition: none;
	transition: none;
}

@media (min-width: 1150px) {

	.side_nav.panel-side-nav:before,
	.side_nav_2.panel-side-nav:before {
		left: 20px;
	}

	.side_nav.panel-side-nav .inner_side_nav,
	.side_nav_2.panel-side-nav .inner_side_nav {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0;
		width: 200px;
		background: transparent;
	}

	.side_nav.panel-side-nav .inner_side_nav a,
	.side_nav_2.panel-side-nav .inner_side_nav a {
		position: relative;
		text-align: left;
		color: #585757;
		margin: 8px 0;
	}

	.side_nav.panel-side-nav .inner_side_nav a:before,
	.side_nav_2.panel-side-nav .inner_side_nav a:before {
		position: absolute;
		left: 0;
		top: 50%;
		bottom: 50%;
		width: 1px;
		height: auto;
		background: var(--primary-color);
		opacity: 0;
		-webkit-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}

	.side_nav.panel-side-nav .inner_side_nav a .connected-name,
	.side_nav_2.panel-side-nav .inner_side_nav a .connected-name {
		display: block;
		opacity: 1;
		color: inherit;
	}

	.side_nav.panel-side-nav .inner_side_nav a:hover,
	.side_nav.panel-side-nav .inner_side_nav a:active,
	.side_nav.panel-side-nav .inner_side_nav a:focus,
	.side_nav.panel-side-nav .inner_side_nav a.active,
	.side_nav_2.panel-side-nav .inner_side_nav a:hover,
	.side_nav_2.panel-side-nav .inner_side_nav a:active,
	.side_nav_2.panel-side-nav .inner_side_nav a:focus,
	.side_nav_2.panel-side-nav .inner_side_nav a.active {
		color: var(--primary-color);
	}

	.side_nav.panel-side-nav .inner_side_nav a:hover:before,
	.side_nav.panel-side-nav .inner_side_nav a:active:before,
	.side_nav.panel-side-nav .inner_side_nav a:focus:before,
	.side_nav.panel-side-nav .inner_side_nav a.active:before,
	.side_nav_2.panel-side-nav .inner_side_nav a:hover:before,
	.side_nav_2.panel-side-nav .inner_side_nav a:active:before,
	.side_nav_2.panel-side-nav .inner_side_nav a:focus:before,
	.side_nav_2.panel-side-nav .inner_side_nav a.active:before {
		opacity: 1;
		top: 0;
		bottom: 0;
	}
}

.side_nav>a {
	height: 22px;
}

.side_nav>a:before {
	position: absolute;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.side_nav>a:hover:before,
.side_nav>a:active:before,
.side_nav>a.active:before {
	-webkit-transform: scale(1.6, 1.6);
	-moz-transform: scale(1.6, 1.6);
	-ms-transform: scale(1.6, 1.6);
	-o-transform: scale(1.6, 1.6);
	transform: scale(1.6, 1.6);
}

.full-side-nav .side_nav,
.full-side-nav .side_nav_2 {
	right: auto;
	left: calc(34px);
	width: auto;
	max-width: 21%;
}

.full-side-nav .side_nav .scroll-down-to-learn-more,
.full-side-nav .side_nav_2 .scroll-down-to-learn-more {
	display: none;
}

.full-side-nav .side_nav>a,
.full-side-nav .side_nav_2>a {
	height: auto;
}

.full-side-nav .side_nav>a:before,
.full-side-nav .side_nav_2>a:before {
	display: none;
}

.full-side-nav .side_nav>a .connected-name,
.full-side-nav .side_nav_2>a .connected-name {
	position: relative;
	display: block;
	font-size: 17px;
	font-weight: 600;
	text-align: left;
	color: #c9c9c9;
	padding: 8px 0 8px 20px;
	opacity: 1.0 !important;
	line-height: 1.3;
}

.full-side-nav .side_nav>a .connected-name:before,
.full-side-nav .side_nav_2>a .connected-name:before {
	position: absolute;
	content: '';
	left: auto;
	top: 18px;
	right: 100%;
	bottom: auto;
	height: 2px;
	width: 0;
	background: #1cc1f0;
	opacity: 0.0;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	z-index: 100;
}

.full-side-nav .side_nav>a .connected-name:after,
.full-side-nav .side_nav_2>a .connected-name:after {
	position: absolute;
	content: '';
	left: auto;
	top: 18px;
	right: 100%;
	bottom: auto;
	height: 1px;
	width: 0;
	background: rgba(0, 0, 0, 0.06);
	opacity: 0.0;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	z-index: 10;
}

.full-side-nav .side_nav>a:hover .connected-name,
.full-side-nav .side_nav>a:active .connected-name,
.full-side-nav .side_nav>a.active .connected-name,
.full-side-nav .side_nav_2>a:hover .connected-name,
.full-side-nav .side_nav_2>a:active .connected-name,
.full-side-nav .side_nav_2>a.active .connected-name {
	color: #585757;
}

.full-side-nav .side_nav>a:hover .connected-name:before,
.full-side-nav .side_nav>a:active .connected-name:before,
.full-side-nav .side_nav>a.active .connected-name:before,
.full-side-nav .side_nav_2>a:hover .connected-name:before,
.full-side-nav .side_nav_2>a:active .connected-name:before,
.full-side-nav .side_nav_2>a.active .connected-name:before {
	left: auto;
	opacity: 1.0;
	width: 50px;
}

.full-side-nav .side_nav>a:hover .connected-name:after,
.full-side-nav .side_nav>a:active .connected-name:after,
.full-side-nav .side_nav>a.active .connected-name:after,
.full-side-nav .side_nav_2>a:hover .connected-name:after,
.full-side-nav .side_nav_2>a:active .connected-name:after,
.full-side-nav .side_nav_2>a.active .connected-name:after {
	opacity: 1.0;
	width: 1000px;
}

.full-side-nav .side_nav.open,
.full-side-nav .side_nav_2.open {
	right: auto;
	left: 8%;
}

.full-side-nav.bottom-line-connected .connected-section:after {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.07);
	height: 1px;
	left: 30px;
	right: 30px;
	bottom: 0;
}

.side_nav_2 {
	width: 400px;
	right: -440px;
	font-weight: 600;
	padding-right: 50px;
}

.side_nav_2.open {
	right: 0;
}

.side_nav_2>a {
	position: relative;
	display: block;
	text-align: right;
	padding: 0;
	font-family: var(--button-font);
	font-weight: 400;
}

.side_nav_2>a:first-child {
	display: none;
}

.side_nav_2>a:before {
	display: none;
}

.side_nav_2>a:after {
	position: absolute;
	content: '';
	width: 0;
	left: 100%;
	height: 2px;
	top: 50%;
	opacity: 0.0;
	margin-left: 10px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	z-index: 100;
	background: var(--primary-color);
	margin-top: -2px;
}

.side_nav_2>a .connected-name {
	color: #c9c9c9;
	display: inline-block;
	padding: 12px 3px;
	opacity: 1.0;
	vertical-align: top;
	line-height: 1.0;
}

@media (max-width: 1300px) {
	.side_nav_2>a .connected-name {
		display: none;
	}
}

.side_nav_2>a .connected-number {
	color: #c9c9c9;
	display: inline-block;
	padding: 12px 3px;
	vertical-align: top;
	line-height: 1.0;
}

.side_nav_2>a:hover:after,
.side_nav_2>a:active:after,
.side_nav_2>a.active:after {
	width: 40px;
	opacity: 1.0;
}

.side_nav_2>a:hover .connected-name,
.side_nav_2>a:active .connected-name,
.side_nav_2>a.active .connected-name {
	color: #585757;
}

.side_nav_2>a:hover .connected-number,
.side_nav_2>a:active .connected-number,
.side_nav_2>a.active .connected-number {
	color: var(--primary-color);
}

.connected-section-holder {
	position: relative;
	display: block;
	background: #fff;
	z-index: 0;
}

@media (min-width: 1025px) and (min-height: 750px) {
	.connected-section-holder.set-to-fixed .fixed-connected-section>.container-full {
		position: fixed;
		left: 0;
		right: 0;
		top: 141px;
	}
}

@media (max-height: calc(749px)) {
	.connected-section-holder {
		height: auto !important;
	}
}

@media (min-width: 1025px) and (max-height: calc(749px)) {
	.connected-section-holder>.container-full {
		top: 0px !important;
		padding-top: 8em !important;
		padding-bottom: 8em !important;
		min-height: 100vh;
	}
}

.connected-section-holder .fixed-connected-section {
	position: relative;
	display: block;
	z-index: 1;
}

@media (min-width: 1025px) and (min-height: 750px) {
	.connected-section-holder .fixed-connected-section {
		background: #fff;
		clip: rect(auto, auto, auto, auto);
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
	}

	.connected-section-holder .fixed-connected-section>.container-full {
		-webkit-transition: top 50ms linear;
		transition: top 50ms linear;
	}

	.connected-section-holder .fixed-connected-section .faded-part {
		opacity: 0.0;
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transition: opacity 1.5s 0.1s var(--ease-out-expo), transform 1.5s 0.1s var(--ease-out-expo);
		transition: opacity 1.5s 0.1s var(--ease-out-expo), transform 1.5s 0.1s var(--ease-out-expo);
	}

	.connected-section-holder .fixed-connected-section.active {
		z-index: 100;
	}

	.connected-section-holder .fixed-connected-section.active:before {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.connected-section-holder .fixed-connected-section.active .faded-part {
		opacity: 1.0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@media (max-height: calc(749px)) {
	.connected-section-holder .fixed-connected-section .column-part {
		float: none !important;
		display: block !important;
		width: auto !important;
	}

	.connected-section-holder .fixed-connected-section .column-part img {
		position: relative !important;
		display: block;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin: 0 auto !important;
	}
}

.display-flex {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.login-holder {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.clear-close {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	pointer-events: none;
	z-index: 0;
}

.clear-close.active {
	pointer-events: auto;
	z-index: 998;
}

.translate-btn {
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	font-weight: bold;
}

#glt-translate-trigger {
	bottom: auto !important;
	top: 0 !important;
	height: auto !important;
	width: 140px;
	margin-top: 4px !important;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	background: #3ec46b;
	-webkit-transition: all 50ms linear;
	transition: all 50ms linear;
	-webkit-border-top-right-radius: 0 0 10px 10px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0 0 10px 10px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0 0 10px 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-shadow: none !important;
	padding: 11px 20px 12px;
}

#glt-translate-trigger:hover {
	color: #ffffff;
	background: var(--primary-color);
	padding-top: 11px;
	padding-bottom: 12px;
}

@media (max-width: 767px) {
	#glt-translate-trigger {
		top: auto !important;
		bottom: 0 !important;
		margin-top: 0 !important;
		-webkit-border-top-right-radius: 10px 10px 0 0;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topright: 10px 10px 0 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topleft: 0;
		border-top-right-radius: 10px 10px 0 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
}

.column-part.light p>a:not(.set-button) {
	opacity: 1.0;
	color: var(--primary-color);
}

.column-part.light p>a:not(.set-button):hover,
.column-part.light p>a:not(.set-button):active,
.column-part.light p>a:not(.set-button):focus {
	opacity: 1.0;
	color: #ffffff;
}

.column-part.light p>a:not(.set-button).dark-hover {
	color: var(--primary-color);
}

.column-part.light p>a:not(.set-button).dark-hover:hover,
.column-part.light p>a:not(.set-button).dark-hover:active,
.column-part.light p>a:not(.set-button).dark-hover:focus {
	color: #ffffff;
}

.dark-hover .column-part.light p>a:not(.set-button) {
	color: #ffffff;
}

.dark-hover .column-part.light p>a:not(.set-button):hover,
.dark-hover .column-part.light p>a:not(.set-button):active,
.dark-hover .column-part.light p>a:not(.set-button):focus {
	color: var(--primary-color);
}

.auto-height:not(.screen-height) {
	height: auto !important;
}

.panel-group {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: 85px !important;
}

.panel-group:last-child {
	margin-bottom: 0 !important;
}

.accordion-group {
	position: relative;
	padding: 0;
	margin-bottom: 0;
	border: transparent;
	background: transparent;
	font-size: 16px;
	text-align: left;
	border: 0;
	background: #fff;
	border-radius: 6px;
	transition: all 300ms var(--ease-out-cubic);

	&:not(:last-child) {
		margin-bottom: 12px;
	}
}

.accordion-group .accordion-heading a.accordion-toggle {
	position: relative;
	display: block;
	padding: 14px 54px 14px 25px;
	font-weight: 600;
	color: var(--header-color);
	font-family: var(--button-font);
	letter-spacing: 0;
	font-size: 1.25rem;
	line-height: 1.2;
	text-decoration-color: color-mix(in srgb, var(--header-color) 0%, transparent 100%);
}

.accordion-group .accordion-heading a.accordion-toggle .accordion-toggle-icon {
	position: absolute;
	display: block;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	overflow: hidden;
	background: transparent;
	color: var(--header-color);
	top: 16px;
	right: 18px;
}

.accordion-group .accordion-heading a.accordion-toggle:hover,
.accordion-group .accordion-heading a.accordion-toggle:active,
.accordion-group .accordion-heading a.accordion-toggle:focus,
.accordion-group .accordion-heading a.accordion-toggle.q-open {
	color: var(--header-color);
	text-decoration-color: var(--header-color);
}

.accordion-group .accordion-heading a.accordion-toggle .accordion-toggle-icon:before,
.accordion-group .accordion-heading a.accordion-toggle .accordion-toggle-icon:after {
	position: absolute;
	content: '';
	display: block;
	transform-origin: center center;
	transition: opacity 600ms var(--ease-out-expo) 0ms, transform 600ms var(--ease-out-expo) 0ms;
	border: 0;
	background: var(--header-color);
	width: 15px;
	height: 2px;
	left: calc(50% - 7.5px);
	top: calc(50% - 0.5px);
	opacity: 1;
	transform: rotate(0deg);
}

.accordion-group .accordion-heading a.accordion-toggle .accordion-toggle-icon:after {
	transform: rotate(90deg);
}

.accordion-group .accordion-heading a.accordion-toggle.q-open .accordion-toggle-icon:before,
.accordion-group .accordion-heading a.accordion-toggle.q-open .accordion-toggle-icon:after {
	transition: opacity 600ms var(--ease-out-expo) 0ms, transform 600ms var(--ease-out-expo) 0ms;
}

.accordion-group .accordion-heading a.accordion-toggle.q-open .accordion-toggle-icon:before {
	transform: rotate(90deg);
	opacity: 0;
}

.accordion-group .accordion-heading a.accordion-toggle.q-open .accordion-toggle-icon:after {
	transform: rotate(180deg);
}

.accordion-group .accordion-body .accordion-inner {
	padding: 20px 50px 25px 25px;
	font-size: 1.0em;
	line-height: var(--body-line-height);
	transition: all 300ms var(--ease-out-cubic) 0ms;
	opacity: 0;

	& ul {
		list-style: none;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 30px;
		font-family: var(--font-body);
		line-height: var(--body-line-height);

		&:last-child {
			margin-bottom: 0;
		}

		&>li {
			position: relative;
			padding-bottom: 7px;
			padding-left: 29px;
			line-height: inherit;
			font-size: inherit;

			&:last-child {
				padding-bottom: 0;
			}

			&:before {
				position: absolute;
				display: inline-flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				overflow: clip;
				top: 4px !important;
				left: 0;
				text-align: center;
				content: "\f00c";
				display: inline-block;
				font: normal normal normal 14px/1 var(--font-awesome);
				font-size: 11px;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				vertical-align: middle;
				width: 16px;
				height: 16px;
				color: #fff;
				background: var(--trinova-blue-14, var(--primary-color, #000));
				font-weight: 600;
				margin: 0;
				border: 0;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		}
	}
}

.accordion-group .accordion-body.q-open .accordion-inner {
	opacity: 1;
	transition-delay: 0ms;
}

.media-holder {
	position: relative;
	display: block;
	padding: 0;
}

.media-holder .post-loop-wrapper {
	background: transparent;
	padding: 80px 20px 0px;
}

@media (max-width: 1024px) {
	.media-holder .post-loop-wrapper {
		padding: 60px 20px 0px;
	}
}

@media (max-width: 767px) {
	.media-holder .post-loop-wrapper {
		padding: 60px 20px 50px;
	}
}

.media-holder .post-loop-wrapper-archive {
	background: transparent;
	padding: 50px 25px 0;
}

@media (max-width: 1024px) {
	.media-holder .post-loop-wrapper-archive {
		padding: 50px 25px 0;
	}
}

.media-holder .post-loop-wrapper-subarchive {
	background: transparent;
	padding: 0 25px;
}

@media (max-width: 1024px) {
	.media-holder .post-loop-wrapper-subarchive {
		padding: 0 25px;
	}
}

.media-holder .media-image {
	display: block;
	width: 100%;
}

.media-holder .media-image .lazy-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}

.media-holder .media-image .lazy-wrapper>img {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
	opacity: 0.0;
	-webkit-transition: all 250ms ease !important;
	transition: all 250ms ease !important;
}

.media-holder .media-image .lazy-wrapper>img.visible {
	opacity: 1.0;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

.media-holder .media-col-row {
	display: block;
	padding: 0;
}

@media (max-width: 1024px) {
	.media-holder .media-col-row {
		display: block !important;
		padding: 0;
	}
}

.media-holder .media-col-row.cat-nav {
	position: relative;
	display: block;
	padding: 0;
	margin: 100px 14px 35px;
	text-align: left;
}

.media-holder .media-col-row.cat-nav:first-child {
	margin-top: 0;
}

@media (max-width: 767px) {
	.media-holder .media-col-row.cat-nav {
		display: none !important;
	}
}

.media-holder .media-col-row.cat-nav:before {
	position: absolute;
	z-index: 1;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.08);
	pointer-events: none;
	display: block;
}

.media-holder .media-col-row.cat-nav .top-cat-link {
	position: relative;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
	border: 0;
	text-transform: uppercase;
	font-family: var(--button-font);
	letter-spacing: 1.2px;
	line-height: 1.0;
	font-weight: 600;
	background: transparent;
	color: #585757;
	font-size: 12px;
	padding: 16px 2px !important;
	margin: 0 24px;
	text-align: center;
	display: inline-block;
	z-index: 10;
}

.media-holder .media-col-row.cat-nav .top-cat-link:first-child {
	margin-left: 0;
}

.media-holder .media-col-row.cat-nav .top-cat-link:after {
	position: absolute;
	content: '';
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 1px;
	opacity: 0.0;
	background: var(--primary-color);
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
}

.media-holder .media-col-row.cat-nav .top-cat-link .term-name {
	position: relative;
	display: inline-block;
	margin: 0 auto;
}

.media-holder .media-col-row.cat-nav .top-cat-link:hover,
.media-holder .media-col-row.cat-nav .top-cat-link:active,
.media-holder .media-col-row.cat-nav .top-cat-link:focus,
.media-holder .media-col-row.cat-nav .top-cat-link.active {
	color: var(--primary-color);
}

.media-holder .media-col-row.cat-nav .top-cat-link:hover:after,
.media-holder .media-col-row.cat-nav .top-cat-link:active:after,
.media-holder .media-col-row.cat-nav .top-cat-link:focus:after,
.media-holder .media-col-row.cat-nav .top-cat-link.active:after {
	left: 0;
	right: 0;
	opacity: 1.0;
}

.media-holder .media-col-row.cat-nav .top-cat-link.active {
	pointer-events: none;
}

.media-holder .media-col .media-link {
	padding: 22px 22px 28px;
}

.media-holder .media-col.videos .post-image-link:before {
	position: absolute;
	content: "\f04b";
	display: inline-block;
	font: normal normal normal 14px/1 var(--font-awesome);
	font-size: 8px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	text-align: center;
	z-index: 150;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #ffffff;
	color: #585757;
	top: auto;
	left: auto;
	right: 24px;
	bottom: 24px;
	padding: 11px 0 0 2px;
	pointer-events: none;
	font-weight: 900;
}

@media (min-width: 1025px) {
	.media-holder .media-col.col-md-12 .inner-media-col {
		position: relative;
	}

	.media-holder .media-col.col-md-12 .inner-media-col:before,
	.media-holder .media-col.col-md-12 .inner-media-col:after {
		content: "";
		display: table;
	}

	.media-holder .media-col.col-md-12 .inner-media-col:after {
		clear: both;
	}

	.media-holder .media-col.col-md-12 .post-image-link {
		position: relative;
		float: left;
		width: 58.3333333333%;
		padding: 0;
		background: #000;
		margin-bottom: 0px;
		z-index: 10;
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: -10.4px 6px 21px 0 rgba(0, 0, 0, 0.19);
		-moz-box-shadow: -10.4px 6px 21px 0 rgba(0, 0, 0, 0.19);
		box-shadow: -10.4px 6px 21px 0 rgba(0, 0, 0, 0.19);
	}

	.media-holder .media-col.col-md-12 .post-image-link .media-col-img {
		position: relative;
		height: 380px;
		z-index: 10;
		-webkit-transform: scale(1.0, 1.0);
		-moz-transform: scale(1.0, 1.0);
		-ms-transform: scale(1.0, 1.0);
		-o-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
		object-fit: cover;
		object-position: 0 0;
		font-family: 'object-fit: cover; object-position: 0;';
		opacity: 1;
		-webkit-transition: all 250ms ease !important;
		transition: all 250ms ease !important;
	}

	.media-holder .media-col.col-md-12 .post-image-link:hover .media-col-img,
	.media-holder .media-col.col-md-12 .post-image-link:active .media-col-img,
	.media-holder .media-col.col-md-12 .post-image-link:focus .media-col-img {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0.6;
	}

	.media-holder .media-col.col-md-12 .media-link {
		float: left;
		width: 41.6666666667%;
		padding: 30px 0 50px 50px;
	}
}

.media-holder .media-col.media-col-quote .inner-media-quote {
	display: block;
	padding: 45px 15%;
	text-align: center;
	background: #fff;
}

.media-holder .media-col.media-col-quote blockquote {
	display: block;
	font-family: var(--button-font);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	padding: 0;
}

.media-holder .media-col.media-col-quote blockquote:before {
	display: none;
}

.media-holder .media-col.media-col-quote blockquote p {
	margin-bottom: 15px;
}

.media-holder .media-col.media-col-quote blockquote cite {
	padding-top: 0;
	font-size: 13px;
	color: #9f968d;
	opacity: 1.0;
}

.media-holder .media-col.media-col-quote blockquote cite:before {
	margin-left: -21px;
}

@media (max-width: 767px) {
	.media-holder .media-col {
		position: relative !important;
		display: block !important;
		left: auto !important;
		top: auto !important;
		margin: 0 auto !important;
		padding: 10px 0px !important;
		max-width: 500px;
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		-moz-transform: translate3d(0px, 0px, 0px) !important;
		-ms-transform: translate3d(0px, 0px, 0px) !important;
		-o-transform: translate3d(0px, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important;
	}
}

.media-holder .media-col .image-only-col {
	position: relative;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #e1e1e1;
	min-height: 250px;
}

.media-holder .media-col .date-holder {
	position: relative;
	pointer-events: none;
	color: #999;
	padding: 7px 0 10px;
}

.media-holder .media-col .date-holder .date-part {
	position: relative;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	line-height: 1;
	font-family: var(--button-font);
	letter-spacing: 1px;
	font-weight: 600;
}

.media-holder .media-col .post-image-holder {
	position: relative;
	display: block;
}

.media-holder .media-col .post-image-holder .date-holder {
	position: absolute;
	left: 100%;
	bottom: 0;
	top: 0;
	padding: 0 0 0 7px;
	text-align: right;
	color: #686868;
}

.media-holder .media-col .post-image-holder .date-holder .date-part {
	position: absolute;
	writing-mode: tb-rl;
	top: 0;
	bottom: 0;
	font-size: 10px;
}

.media-holder .media-col-row-gallery {
	display: block !important;
}

.media-holder .media-col-img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 0.83333333333333;
	margin: 0 auto;
	overflow: hidden;
}

.media-holder .media-col-img>img {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1000ms var(--ease-out-expo) !important;
	transition: all 1000ms var(--ease-out-expo) !important;
	transform-origin: 50% 50%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.media-holder .media-col-img>img:not(.lazy) {
	display: block;
}

.media-holder a.post-image-link,
.media-holder a.post-image-link:focus {
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

.media-holder a.post-image-link:hover .media-col-img>img,
.media-holder a.post-image-link:active .media-col-img>img,
.media-holder a.post-image-link:focus:hover .media-col-img>img,
.media-holder a.post-image-link:focus:active .media-col-img>img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.media-holder .media-content {
	position: relative;
	display: block;
	z-index: 10;
	height: auto;
	overflow: hidden;
	background: transparent;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	color: #8c8c8c;
	padding: 0;
}

.media-holder .excerpt-text {
	display: block;
	padding-top: 20px;
}

.media-holder .media-link {
	position: relative;
	display: block;
	padding: 24px 0;
	margin: 0;
	z-index: 10;
	text-align: left;
}

.media-holder .media-link .media-cat-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 4px;
	font-size: 0.75em;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.75) !important;
}

.media-holder .media-link .media-cat-list a {
	color: rgba(255, 255, 255, 0.75) !important;
	text-decoration: none;
}

.media-holder .media-link .media-cat-list a:hover,
.media-holder .media-link .media-cat-list a:active,
.media-holder .media-link .media-cat-list a:focus {
	color: #ffffff !important;
	text-decoration: underline;
}

.media-holder .media-link .post-title-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 6px;
	font-family: var(--button-font);
	letter-spacing: 0.0px;
}

.media-holder .media-link .post-title-link a,
.media-holder .media-link .post-title-link a:focus {
	color: #ffffff !important;
}

.media-holder .media-link .post-title-link a:hover,
.media-holder .media-link .post-title-link a:active,
.media-holder .media-link .post-title-link a:focus:hover,
.media-holder .media-link .post-title-link a:focus:active {
	color: #89A3C9 !important;
}

.media-holder .media-link .underline-link {
	color: #585757 !important;
	text-decoration: underline 0.1em rgba(0, 0, 0, 0) !important;
}

.media-holder .media-link .underline-link:hover,
.media-holder .media-link .underline-link:active,
.media-holder .media-link .underline-link:focus {
	color: #585757 !important;
	text-decoration-color: #585757 !important;
}

.media-holder .media-link .post-link {
	display: block;
}

.media-holder .media-link .post-link strong {
	font-weight: 600;
}

.media-holder .media-link .post-date-holder {
	display: block;
	color: #9f968d;
	font-size: 14px;
	padding-bottom: 2px;
}

.media-holder .media-link .post-title {
	display: block;
	line-height: 1.2;
}

.media-holder .media-link h2,
.media-holder .media-link h3,
.media-holder .media-link h4 {
	color: #585757;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.media-holder .media-link .post-title-holder {
	position: relative;
	display: block;
	padding: 20px 52px 4px 30px;
}

.media-holder .media-link .post-title-holder .post-title-gallery {
	display: block;
	font-family: var(--button-font);
	font-weight: 400;
	font-size: 18px;
}

.media-holder .media-link .post-title-holder:after {
	position: absolute;
	z-index: 100;
	right: 28px;
	top: 32px;
	content: "\f00e";
	display: inline-block;
	font: normal normal normal 14px/1 var(--font-awesome);
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--primary-color);
}

.media-holder .media-link .post-content-holder {
	display: block;
	padding: 20px 30px 26px;
	font-weight: 400;
}

.media-holder .media-link .post-content-holder .sub-post-title {
	margin-bottom: 10px;
}

.media-holder .media-link .post-content-holder ul li {
	padding-bottom: 10px;
}

.media-holder .media-link .read-more-text-link {
	position: absolute;
	color: var(--primary-color);
	text-align: center;
	left: 30px;
	right: 30px;
	bottom: 40px;
	z-index: 10;
}

.category-posts {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0 10px;
}

.category-posts>.col-sm-6 {
	padding-left: 0;
	padding-right: 0;
}

.filter_classes {
	color: var(--primary-color) !important;
	font-weight: 400;
	letter-spacing: 1.0px;
	line-height: 1.4;
	font-size: 11px;
	font-family: var(--button-font);
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 1px;
}

#posts-nav {
	position: absolute;
	top: 68px;
	left: 0;
	right: 0;
	background: #000;
	z-index: 100;
}

#posts-nav:before,
#posts-nav:after {
	content: "";
	display: table;
}

#posts-nav:after {
	clear: both;
}

@media (max-width: 1024px) {
	#posts-nav {
		display: none !important;
	}
}

#posts-nav .posts-nav-link {
	position: relative;
	float: left;
	text-align: left;
	background: #000;
	padding: 155px 36px 36px;
	width: 16.666666666667%;
	height: 270px;
}

@media (max-width: 1150px) {
	#posts-nav .posts-nav-link {
		height: 240px;
	}
}

#posts-nav .posts-nav-link.last {
	background: #f5f5f5;
	text-transform: uppercase;
	color: #585757;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1;
	letter-spacing: 0.6px;
	text-align: center;
	padding: 75px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

#posts-nav .posts-nav-link.last>div {
	position: absolute;
	width: 130px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 22px 20px;
	border: 2px solid rgba(255, 255, 255, 0.8);
}

#posts-nav .posts-nav-link.last>div span {
	font-weight: 600;
	font-size: 18px;
	display: block;
	color: var(--primary-color);
}

#posts-nav .posts-nav-link.last:hover,
#posts-nav .posts-nav-link.last:active,
#posts-nav .posts-nav-link.last:focus {
	background: #000;
	color: #ffffff;
}

#posts-nav .posts-nav-link .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0.4;
	z-index: 1;
}

#posts-nav .posts-nav-link .posts-nav-content {
	position: absolute;
	z-index: 10;
	left: 36px;
	bottom: 36px;
	right: 36px;
}

#posts-nav .posts-nav-link .posts-nav-content .filter_classes {
	color: var(--primary-color) !important;
}

#posts-nav .posts-nav-link .posts-nav-content .article-title {
	color: #ffffff !important;
}

#posts-nav .posts-nav-link .bg,
#posts-nav .posts-nav-link .posts-nav-content {
	-webkit-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
}

#posts-nav .posts-nav-link:hover .bg,
#posts-nav .posts-nav-link:active .bg,
#posts-nav .posts-nav-link:focus .bg {
	opacity: 1.0;
}

#posts-nav .posts-nav-link:hover .posts-nav-content,
#posts-nav .posts-nav-link:active .posts-nav-content,
#posts-nav .posts-nav-link:focus .posts-nav-content {
	opacity: 0.0;
}

.posts_container.blog_container {
	padding: 0;
}

.posts_container.blog_container .post_feed_wrapper {
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	margin-top: 60px;
}

.posts_container.blog_container .post_feed_wrapper:before,
.posts_container.blog_container .post_feed_wrapper:after {
	content: "";
	display: table;
}

.posts_container.blog_container .post_feed_wrapper:after {
	clear: both;
}

.posts_container.blog_container .post_feed_wrapper .date-info {
	color: var(--primary-color) !important;
	font-size: 0.9em;
	margin-bottom: 10px;
	font-weight: 600;
}

.posts_container.blog_container .post_feed_wrapper .date-info .term-links {
	color: #666 !important;
}

.posts_container.blog_container .post_feed_wrapper .date-info .term-links:hover,
.posts_container.blog_container .post_feed_wrapper .date-info .term-links:active,
.posts_container.blog_container .post_feed_wrapper .date-info .term-links:focus {
	color: var(--primary-color) !important;
}

.posts_container.blog_container .post_feed_wrapper .term-links {
	text-transform: none;
}

.posts_container.blog_container .post_feed_wrapper a {
	color: #a1a1a1 !important;
}

.posts_container.blog_container .post_feed_wrapper a:hover,
.posts_container.blog_container .post_feed_wrapper a:active,
.posts_container.blog_container .post_feed_wrapper a:focus {
	color: var(--primary-color) !important;
}

.posts_container.blog_container .post_feed_wrapper p {
	color: #777;
}

.posts_container.blog_container .post_feed_wrapper .info-link {
	text-transform: uppercase;
	margin-bottom: 30px !important;
	display: block;
	color: #333 !important;
}

.posts_container.blog_container .post_feed_wrapper .info-link:hover,
.posts_container.blog_container .post_feed_wrapper .info-link:active,
.posts_container.blog_container .post_feed_wrapper .info-link:focus {
	color: var(--primary-color) !important;
}

.posts_container.blog_container .post_feed_wrapper .inner_post_feed {
	position: relative;
	display: block;
	padding: 14px;
}

.posts_container.blog_container .post_feed_wrapper .blog-info {
	position: relative;
	padding: 20px 0;
	margin-left: 0;
	margin-top: 30px;
	background-color: transparent;
	border-top: 1px solid #eee;
	text-align: left;
	overflow: hidden;
	width: 100%;
}

.posts_container.blog_container .post_feed_wrapper.has_image .inner-link {
	position: relative;
	left: auto;
	width: 100%;
	height: 100%;
	background: #000;
	overflow: hidden;
}

.posts_container.blog_container .post_feed_wrapper.has_image .inner-link .bg {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 265px;
	background-size: cover;
	-moz-transform: scale(1.0, 1.0);
	-webkit-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	opacity: 1.0;
	z-index: 10;
	-webkit-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 400ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.posts_container.blog_container .post_feed_wrapper.has_image .inner-link img {
	display: block;
	max-width: none;
	width: 100%;
	margin: 0 auto;
	visibility: hidden;
}

.posts_container.blog_container .post_feed_wrapper.has_image .blog-info {
	margin-left: 0;
	width: 100%;
}

.posts_container.blog_container .post_feed_wrapper:hover.has_image .inner-link .bg,
.posts_container.blog_container .post_feed_wrapper:active.has_image .inner-link .bg,
.posts_container.blog_container .post_feed_wrapper:focus.has_image .inner-link .bg {
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	opacity: 1.0;
}

.btn-filter {
	display: none;
}

.filter-box-mobile {
	display: none;
}

@media (max-width: 1024px) {
	.btn-close-filter {
		position: relative;
		display: block;
		border: 0;
		background: transparent;
		width: 20px;
		height: 20px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 10px;
		-webkit-transition: all 150ms ease-out;
		transition: all 150ms ease-out;
		float: right;
		margin-top: 10px;
		margin-right: 10px;
		z-index: 999;
	}

	.btn-close-filter:before,
	.btn-close-filter:after {
		content: "";
		background: var(--secondary-color);
		border-radius: 0;
		position: absolute;
		left: 0;
		right: 0;
		display: block;
		height: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 0;
		transform-origin: 50% 50%;
		-webkit-transition: top 0.25s ease 0.2s, opacity 0.25s ease 0.2s, transform 0.25s ease 0s;
		transition: top 0.25s ease 0.2s, opacity 0.25s ease 0.2s, transform 0.25s ease 0s;
	}

	.btn-close-filter:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
	}

	.btn-close-filter:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 50%;
	}

	.filter-box-mobile {
		position: fixed;
		display: block;
		background: transparent;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10000;
		pointer-events: none;
	}

	.filter-box-mobile.open {
		pointer-events: auto;
	}

	.filter-box-mobile .filter-pullout-wrapper {
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 100;
		width: calc(100% - 50px);
		max-width: 400px;
		height: 100vh;
		background: #fff;
		-webkit-transform: translate(100%, 0);
		-moz-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		-o-transform: translate(100%, 0);
		transform: translate(100%, 0);
		-webkit-transition: transform 300ms cubic-bezier(.215, .61, .355, 1);
		transition: transform 300ms cubic-bezier(.215, .61, .355, 1);
		overflow: hidden;
		overflow-y: scroll;
	}

	.filter-box-mobile.open .filter-pullout-wrapper::-webkit-scrollbar {
		display: none;
		width: 0px;
		background: transparent;
	}

	.filter-box-mobile.open .filter-pullout-wrapper {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.filter-box-mobile .filter-pullout-wrapper .filter-pullout-inner {
		position: relative;
		display: block;
	}

	.filter-box-mobile .sidebar-cats {
		display: block;
	}

	.filter-box-mobile .backdrop {
		position: absolute;
		content: '';
		display: block;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .3);
		opacity: 0;
		z-index: 1;
		-webkit-transition: transform 300ms cubic-bezier(.215, .61, .355, 1);
		transition: transform 300ms cubic-bezier(.215, .61, .355, 1);
	}

	.filter-box-mobile.open .backdrop {
		opacity: 1;
	}

	.btn-filter {
		display: flex;
		background-color: #EFF4F8;
		border-radius: 4px;
		padding: 10px 15px;
		font-family: var(--body-font);
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		letter-spacing: 0em;
		text-align: center;
		color: #000;
		align-items: center;
		margin-left: 10px;
	}

	.btn-filter::after {
		content: '';
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3e%3cpath d='M7.91667 14.25V12.6667H11.0833V14.25H7.91667ZM4.75 10.2917V8.70833H14.25V10.2917H4.75ZM2.375 6.33333V4.75H16.625V6.33333H2.375Z' fill='black'/%3e%3c/svg%3e");
		width: 19px;
		height: 19px;
		display: inline-block;
		position: relative;
		background-repeat: no-repeat;
		background-position: center;
		margin-left: 10px;
	}

	#main .sidebar-search {
		display: flex;
	}
}

.w1 {
	position: relative;
	right: 0;
	opacity: 1;
	-webkit-transition: opacity 0ms linear;
	transition: opacity 0ms linear;
}

.w1.loaded {
	opacity: 1.0 !important;
	overflow: visible !important;
	-webkit-transition: opacity 100ms linear;
	transition: opacity 100ms linear;
}

.background-image-fade-on-scroll .fl-row-content-wrap>* {
	position: relative;
	z-index: 100;
}

.background-image-fade-on-scroll .fl-row-content-wrap {
	position: relative;
}

body:not(.fl-builder-edit) .background-image-fade-on-scroll .fl-row-content-wrap {
	overflow: hidden;
}

.background-image-fade-on-scroll .fl-row-content-wrap img.bgimg {
	position: absolute;
	pointer-events: none;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.background-image-fade-on-scroll .fl-row-content-wrap .background-overlay {
	position: absolute;
	pointer-events: none;
	display: block;
	left: -5px;
	right: -5px;
	top: -5px;
	bottom: -5px;
	z-index: 2;
	opacity: 0;
	background: #000;
}

.hover-side-banner>.fl-col-content {
	position: relative;
	background-color: transparent;
	transition: color 800ms var(--ease-out-expo);
	padding: 100px 40px !important;
}

@media (max-width: 1024px) {
	.hover-side-banner>.fl-col-content {
		padding: 80px 30px !important;
	}
}

@media (max-width: 767px) {
	.hover-side-banner>.fl-col-content {
		padding: 50px 20px !important;
	}
}

.hover-side-banner>.fl-col-content img.bgimg {
	position: absolute;
	pointer-events: none;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: opacity 900ms var(--ease-out-expo);
}

.hover-side-banner>.fl-col-content>div {
	position: relative;
	z-index: 100;
}

@media (min-width: 768px) {
	.hover-side-banner>.fl-col-content:hover {
		color: #fff;
	}

	.hover-side-banner>.fl-col-content:hover img.bgimg {
		opacity: 1;
	}
}

body:not(.fl-builder-edit) .drift-up-on-scroll {
	--base-animation-speed: 1400ms;

	-webkit-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	opacity: 0;
	-webkit-transition: opacity var(--base-animation-speed) var(--ease-out-cubic) 400ms, transform var(--base-animation-speed) var(--ease-out-cubic) 400ms;
	transition: opacity var(--base-animation-speed) var(--ease-out-cubic) 400ms, transform var(--base-animation-speed) var(--ease-out-cubic) 400ms;

	&.come-in {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}

body:not(.fl-builder-edit) .fade-up-on-scroll {
	-webkit-transform: translate3d(0, 30px, 0);
	transform: translate3d(0, 30px, 0);
	opacity: 0.0;
	-webkit-transition: opacity var(--base-animation-speed) var(--ease-out-expo), transform var(--base-animation-speed) var(--ease-out-expo);
	transition: opacity var(--base-animation-speed) var(--ease-out-expo), transform var(--base-animation-speed) var(--ease-out-expo);
	transition-delay: 400ms;
	will-change: opacity, transform;
}

body:not(.fl-builder-edit) .fade-left-on-scroll {
	-webkit-transform: translate3d(50px, 0, 0);
	transform: translate3d(50px, 0, 0);
	opacity: 0.0;
	-webkit-transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
	transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
}

body:not(.fl-builder-edit) .fade-right-on-scroll {
	-webkit-transform: translate3d(-50px, 0, 0);
	transform: translate3d(-50px, 0, 0);
	opacity: 0.0;
	-webkit-transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
	transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
}

body:not(.fl-builder-edit) .come-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1.0;
}

.push-out-after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 0.0;
	-webkit-transition: all 0.8s linear;
	transition: all 0.8s linear;
}

.already-visible {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	animation: none;
}

.fade-in-left-on-scroll {
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0);
	opacity: 0.0;
	-webkit-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.come-fade-in-left {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1.0 !important;
}

.slower-base-animation {
	--base-animation-speed: 2200ms;
}

body:not(.fl-builder-edit) .image-scale-in>* {
	--clipping-amt: 50px;

	position: relative;
	overflow: hidden;
	-webkit-clip-path: inset(var(--clipping-amt) var(--clipping-amt) var(--clipping-amt) var(--clipping-amt));
	clip-path: inset(var(--clipping-amt) var(--clipping-amt) var(--clipping-amt) var(--clipping-amt));
	opacity: 0.0;
	-webkit-transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
	transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
}

body:not(.fl-builder-edit) .image-scale-in>*>* {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
	transition: all var(--base-animation-speed) var(--ease-out-expo) 400ms;
}

body:not(.fl-builder-edit) .image-scale-in.image-scale-in-play>* {
	-webkit-clip-path: inset(0px 0px 0px 0px);
	clip-path: inset(0px 0px 0px 0px);
	opacity: 1;
}

body:not(.fl-builder-edit) .image-scale-in.image-scale-in-play>*>* {
	-webkit-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

body:not(.fl-builder-edit) .fade-in-on-scroll,
body:not(.fl-builder-edit) .fade-in-on-load {
	--fade-delay: 400ms;

	opacity: 0.0;
	-webkit-transition: opacity var(--base-animation-speed) var(--ease-out-expo) !important;
	transition: opacity var(--base-animation-speed) var(--ease-out-expo) !important;
	transition-delay: var(--fade-delay);

	&.loaded {
		--fade-delay: 0ms;

		opacity: 1;
	}
}

body:not(.fl-builder-edit) .zoom-in-on-scroll {
	opacity: 0.0;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	-webkit-transition: transform var(--base-animation-speed) var(--ease-out-expo) 400ms, opacity var(--base-animation-speed) var(--ease-out-expo) 400ms;
	transition: transform var(--base-animation-speed) var(--ease-out-expo) 400ms, opacity var(--base-animation-speed) var(--ease-out-expo) 400ms;
}

.fade-in-on-scroll.size-up-on-scroll {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
	transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}

.fade-in-on-scroll.fade-in-1,
.fade-in-on-scroll.fade-in-2,
.fade-in-on-scroll.fade-in-3,
.fade-in-on-scroll.fade-in-4 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.fade-in-list-items-on-scroll>* {
	opacity: 0.0;
	-webkit-transition: opacity var(--base-animation-speed) var(--ease-out-expo) 0.5s;
	transition: opacity var(--base-animation-speed) var(--ease-out-expo) 0.5s;
}

.fade-in-out-on-scroll {
	opacity: 0.0;
	-webkit-transition: opacity 1.0s linear 0.5s;
	transition: opacity 1.0s linear 0.5s;
}

.fade-in-and-out-on-scroll {
	opacity: 0.0;
	-webkit-transition: opacity 0.5s linear 0.2s;
	transition: opacity 0.5s linear 0.2s;
}

body.fl-builder-edit .fade-in-on-scroll,
body.fl-builder-edit .fade-in-list-items-on-scroll>*,
body.fl-builder-edit .fade-in-out-on-scroll,
body.fl-builder-edit .fade-in-and-out-on-scroll {
	opacity: 1 !important;
}

body.fl-builder-edit .zoom-in-on-scroll {
	opacity: 1 !important;
	-webkit-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

body.fl-builder-edit .fade-in-on-scroll.size-up-on-scroll {
	-webkit-transform: scale(1.0, 1.0) !important;
	transform: scale(1.0, 1.0) !important;
}

.come-fade-in {
	--fade-delay: 0ms;

	opacity: 1.0 !important;
}

.come-zoom-in {
	opacity: 1.0 !important;
	-webkit-transform: scale(1.0, 1.0) !important;
	transform: scale(1.0, 1.0) !important;
}

.come-fade-in.size-up-on-scroll {
	-webkit-transform: scale(1.0, 1.0) !important;
	transform: scale(1.0, 1.0) !important;
}

.come-fade-in.fade-in-1 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.come-fade-in.fade-in-2 {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.come-fade-in.fade-in-3 {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.come-fade-in.fade-in-4 {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

body:not(.fl-builder-edit) .object-cover * {
	height: 100%;
}

body:not(.fl-builder-edit) .object-cover img {
	position: relative;
	display: block;
	object-fit: cover;
	object-position: center center;
}

body:not(.fl-builder-edit) .object-cover .fl-photo-caption {
	position: absolute;
	height: auto;
	width: 100%;
	padding: 9px 20px !important;
	background: rgba(0, 0, 0, 0.55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #fff;
	font-family: var(--header-font);
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 12px;
	display: block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.1em !important;
	font-weight: 600;
	-webkit-font-smoothing: auto;
	text-align: left;
	z-index: 100;
	left: 0;
	right: 0;
	bottom: 0;
}

body:not(.fl-builder-edit) .object-cover .fl-photo-content>*:not(img) {
	position: absolute;
	z-index: 100;
	right: 30px;
	bottom: 30px;
	height: auto !important;
	text-align: left;
}

@media (max-width: 767px) {
	body:not(.fl-builder-edit) .object-cover img {
		aspect-ratio: 1.2;
	}

	body:not(.fl-builder-edit) .object-cover .fl-photo-content>*:not(img) {
		right: 20px;
		bottom: 20px;
		max-width: 240px;
	}
}

body:not(.fl-builder-edit) .object-cover.left-top img {
	object-position: left top;
}

body:not(.fl-builder-edit) .object-cover.center-top img {
	object-position: center top;
}

body:not(.fl-builder-edit) .object-cover.right-top img {
	object-position: right top;
}

body:not(.fl-builder-edit) .object-cover.left-center img {
	object-position: left center;
}

body:not(.fl-builder-edit) .object-cover.center-center img {
	object-position: center center;
}

body:not(.fl-builder-edit) .object-cover.right-center img {
	object-position: right center;
}

body:not(.fl-builder-edit) .object-cover.left-bottom img {
	object-position: left bottom;
}

body:not(.fl-builder-edit) .object-cover.center-bottom img {
	object-position: center bottom;
}

body:not(.fl-builder-edit) .object-cover.right-bottom img {
	object-position: right bottom;
}

@media (max-width: 767px) {
	.w1.loaded {
		-webkit-transition: opacity 100ms linear;
		transition: opacity 100ms linear;
	}
}

@media (min-width: 768px) {
	.right-on-tablet {
		text-align: right;
	}
}

@media (min-width: 1025px) {
	.right-on-desktop {
		text-align: right;
	}

	.left-on-desktop {
		text-align: left;
	}

	.center-on-desktop {
		text-align: center;
	}

	.mobile_only {
		display: none !important;
	}
}

@media (max-width: 1024px) {

	#top_bar,
	#callout_buttons {
		display: none;
	}

	.remove-on-mobile {
		display: none !important;
	}

	.left-align {
		display: block;
		float: none;
		text-align: center;
	}

	.right-align {
		display: block;
		float: none;
		text-align: center;
	}

	.center-on-mobile {
		text-align: center !important;
	}

	.center-on-mobile[class*="max-width-"] {
		margin-left: auto;
		margin-right: auto;
	}

	.center-on-mobile hr {
		margin-left: auto;
		margin-right: auto;
	}

	.center-on-mobile table {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}

	.center-on-mobile table td:first-child {
		text-align: right;
	}

	.center-on-mobile .check-list li {
		padding-left: 0;
	}

	.center-on-mobile .check-list li:before {
		position: relative;
		margin: -3px 8px 0 0;
	}

	.center-on-mobile .numbered-bubble-list li {
		padding-left: 0;
	}

	.center-on-mobile .numbered-bubble-list li:before {
		position: relative;
		margin: -2px 8px 0 0;
	}
}

.preloader {
	position: absolute;
	margin-top: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index: 9999;
	background: url('../../woocommerce/images/ajax-loader.gif') no-repeat center center;
}

.select2-container .select2-choice {
	border: 3px solid #ddd;
	padding: 10px 34px 10px 24px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #666;
}

.select2-container .select2-choice .select2-arrow {
	right: 8px;
}

abbr[title].required,
abbr[data-original-title].required {
	color: var(--primary-color);
	border-bottom: 0 !important;
}

.select2-container-active .select2-choice {
	color: #666;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
	border: 3px solid #ddd;
}

.select2-drop-active {
	border: 3px solid #ddd;
	border-top: 0;
	margin-top: -3px;
}

.select2-search input {
	padding: 8px 24px 8px 12px !important;
	font-family: var(--button-font);
	background: transparent;
	border: 1px solid #ddd !important;
}

.select2-container .select2-choice .select2-arrow b:after {
	border-width: 6px;
}

.column_wrapper {
	position: relative;
	z-index: 1;
}

.column_wrapper:before,
.column_wrapper:after {
	content: "";
	display: table;
}

.column_wrapper:after {
	clear: both;
}

.top-index {
	position: relative;
	z-index: 300;
	overflow: visible !important;
}

.top-most-index {
	z-index: calc(infinity + 1);
}

#dropdown-opener {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 9px 13px;
	cursor: pointer;
}

#dropdown-opener:before,
#dropdown-opener:after {
	content: '';
}

#dropdown-opener .background-span {
	position: absolute;
	background: #373796;
	z-index: 1;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

#dropdown-opener .middle-line,
#dropdown-opener:before,
#dropdown-opener:after {
	background: #ffffff;
	border-radius: 0;
	position: relative;
	display: block;
	height: 2px;
	width: 15px;
	margin: 0 0 3px;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
	z-index: 10;
}

#dropdown-opener.close-menu .background-span {
	top: 0;
}

#dropdown-opener.close-menu .middle-line {
	opacity: 0.0;
}

#dropdown-opener.close-menu:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 7px;
}

#dropdown-opener.close-menu:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -3px;
}

#dropdown-opener:hover .middle-line,
#dropdown-opener:hover:before,
#dropdown-opener:hover:after,
#dropdown-opener:active .middle-line,
#dropdown-opener:active:before,
#dropdown-opener:active:after,
#dropdown-opener.active .middle-line,
#dropdown-opener.active:before,
#dropdown-opener.active:after {
	background: var(--primary-color);
}

.view-more-author {
	font-family: var(--button-font);
	font-weight: 400;
	font-style: italic;
	color: #585757;
}

.view-more-author:hover,
.view-more-author:active,
.view-more-author:focus {
	color: var(--primary-color);
}

@media (max-width: 1024px) {
	.view-more-author {
		margin-left: -15px;
	}
}

.twitter-quote {
	position: relative;
	display: block;
	text-align: center;
	padding: 40px 0;
	margin: 0 0 70px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.twitter-quote:after {
	position: absolute;
	content: '';
	bottom: -10px;
	left: 50%;
	margin-left: -24px;
	width: 48px;
	height: 28px;
	padding: 0 12px;
	background: #ffffff url(../images/twitter-quote-icon.png) no-repeat center center;
	z-index: 100;
}

.pagination-list {
	list-style: none;
	padding: 0 10px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.pagination-list li {
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
	height: 28px;
}

.pagination-list li a {
	text-transform: uppercase;
	text-align: center;
	padding: 1px 0;
	font-size: 12px;
	color: #8c8c8c;
	text-decoration: none;
	overflow: hidden;
	width: 21px;
	height: 21px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.pagination-list li a:hover,
.pagination-list li a:active,
.pagination-list li a:focus {
	color: #ffffff;
	background: var(--primary-color);
}

.sub-title {
	font-family: var(--button-font);
	font-size: 11px;
	line-height: 1.2;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.9px;
	padding-bottom: 10px;
}

.search-results {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0;
}

.search-field {
	position: relative;
	display: block;
	background: #f6f6f6;
	padding: 50px 0;
}

.search-field input[type=text] {
	color: #585757;
	font-family: var(--button-font);
	font-weight: 400;
	letter-spacing: -0.6px;
	line-height: 1.1;
	display: block;
	margin: 0;
	padding: 0 0 0 34px !important;
	font-size: 34px;
	background: transparent !important;
	border: 0 !important;
}

@media (max-width: 767px) {
	.search-field input[type=text] {
		font-size: 24px;
	}
}

.search-field form {
	position: relative;
}

.search-field form:before {
	position: absolute;
	content: "\f002";
	left: 0;
	top: 9px;
	font: normal normal normal 14px/1 var(--font-awesome);
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #999;
}

.results-section {
	display: block;
	background: #ffffff;
	padding: 40px 0;
}

.results-section .tags-title {
	margin-bottom: 4px !important;
}

.search-result {
	position: relative;
	display: block;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.search-result:before,
.search-result:after {
	content: "";
	display: table;
}

.search-result:after {
	clear: both;
}

.search-result .result-info {
	display: inline-block;
	margin: 0;
	padding: 20px 20px 0 0;
	max-width: 480px;
	width: 100%;
}

@media (max-width: 830px) {
	.search-result .result-info {
		display: block;
		max-width: 100%;
		padding: 0;
	}
}

.search-result .cat-link,
.search-result .post-link {
	display: block;
}

.search-result .cat-link:hover,
.search-result .cat-link:active,
.search-result .cat-link:focus {
	color: #585757 !important;
}

.search-result img {
	float: right;
	max-width: 280px;
}

@media (max-width: 830px) {
	.search-result img {
		display: none;
	}
}

.post-link {
	color: var(--dark-grey-color);
}

.post-link:hover,
.post-link:active,
.post-link:focus {
	color: var(--dark-grey-color);
	text-decoration: underline;
}

.close-button {
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 10px;
	z-index: 500;
	pointer-events: none;
	opacity: 0.0;
	width: 35px;
	height: 35px;
}

.close-button.active {
	opacity: 1.0;
	pointer-events: auto;
}

.close-button:before,
.close-button:after {
	position: absolute;
	content: '';
	width: 13px;
	height: 2px;
	top: 17px;
	right: 8px;
	background: #666;
	-webkit-transition: all 130ms linear;
	transition: all 130ms linear;
}

.close-button:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close-button:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button:hover:before,
.close-button:hover:after,
.close-button:active:before,
.close-button:active:after,
.close-button:focus:before,
.close-button:focus:after {
	background: var(--primary-color);
}

.hide-section {
	display: none !important;
}

.light {
	color: var(--body-color-light);
}

.post-content-area {
	padding: 0;
}

@media (max-width: 1024px) {
	.post-content-area {
		padding: 0;
	}
}

.single-banner-image {
	overflow: hidden;
}

.main-menu-contact {
	position: fixed;
	right: 34px;
	top: 15px;
	z-index: 1000;
}

.main-menu-contact .fa {
	font-size: 12px;
}

.main-menu-contact a,
.main-menu-contact .set-button {
	color: #444;
	display: inline-block !important;
	margin: 4px 0;
}

.main-menu-contact a:hover,
.main-menu-contact a:active,
.main-menu-contact a:focus,
.main-menu-contact .set-button:hover,
.main-menu-contact .set-button:active,
.main-menu-contact .set-button:focus {
	color: var(--primary-color);
}

.main-menu-contact .set-button {
	min-width: 0;
	margin: 4px 5px;
}

.main-menu-contact.downset {
	z-index: 994;
}

.main-menu-contact.close {
	opacity: 0.0;
	pointer-events: none;
}

.main-menu-contact.open a,
.main-menu-contact.open .set-button {
	color: #444 !important;
}

.main-menu-contact.open a:before,
.main-menu-contact.open .set-button:before {
	color: var(--primary-color) !important;
}

.main-menu-contact.open a:hover,
.main-menu-contact.open a:active,
.main-menu-contact.open a:focus,
.main-menu-contact.open .set-button:hover,
.main-menu-contact.open .set-button:active,
.main-menu-contact.open .set-button:focus {
	color: var(--primary-color) !important;
}

.main-menu-contact.open a:hover:before,
.main-menu-contact.open a:active:before,
.main-menu-contact.open a:focus:before,
.main-menu-contact.open .set-button:hover:before,
.main-menu-contact.open .set-button:active:before,
.main-menu-contact.open .set-button:focus:before {
	color: var(--primary-color) !important;
}

.main-menu-contact.light-always:not(.open) a,
.main-menu-contact.light-always:not(.open) .set-button,
.main-menu-contact.light.open a,
.main-menu-contact.light.open .set-button {
	color: #ffffff !important;
}

.main-menu-contact.light-always:not(.open) a:before,
.main-menu-contact.light-always:not(.open) .set-button:before,
.main-menu-contact.light.open a:before,
.main-menu-contact.light.open .set-button:before {
	color: var(--primary-color) !important;
}

.main-menu-contact.light-always:not(.open) a:hover,
.main-menu-contact.light-always:not(.open) a:active,
.main-menu-contact.light-always:not(.open) a:focus,
.main-menu-contact.light-always:not(.open) .set-button:hover,
.main-menu-contact.light-always:not(.open) .set-button:active,
.main-menu-contact.light-always:not(.open) .set-button:focus,
.main-menu-contact.light.open a:hover,
.main-menu-contact.light.open a:active,
.main-menu-contact.light.open a:focus,
.main-menu-contact.light.open .set-button:hover,
.main-menu-contact.light.open .set-button:active,
.main-menu-contact.light.open .set-button:focus {
	color: var(--primary-color) !important;
}

.main-menu-contact.light-always:not(.open) a:hover:before,
.main-menu-contact.light-always:not(.open) a:active:before,
.main-menu-contact.light-always:not(.open) a:focus:before,
.main-menu-contact.light-always:not(.open) .set-button:hover:before,
.main-menu-contact.light-always:not(.open) .set-button:active:before,
.main-menu-contact.light-always:not(.open) .set-button:focus:before,
.main-menu-contact.light.open a:hover:before,
.main-menu-contact.light.open a:active:before,
.main-menu-contact.light.open a:focus:before,
.main-menu-contact.light.open .set-button:hover:before,
.main-menu-contact.light.open .set-button:active:before,
.main-menu-contact.light.open .set-button:focus:before {
	color: var(--primary-color) !important;
}

.subheadline {
	position: relative;
	display: block;
}

#contact-info .row:before {
	position: absolute;
	background: #000;
	right: 0;
	top: 0;
	bottom: 0;
	left: 50%;
	content: '';
	z-index: 100;
	display: none;
	-webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}

@media (min-width: 1025px) {
	#contact-info .row:before {
		display: block;
	}
}

#contact-info .row.work-for-section:before {
	left: calc(100% - 91px);
}

#contact-info .row.work-with-section:before {
	left: 91px;
}

#contact-info .column-part {
	position: relative;
	z-index: 2;
}

.blog-author {
	float: right;
	padding-top: 100px;
}

@media (max-width: 1024px) {
	.blog-author {
		float: none;
		display: block;
		padding: 20px;
		text-align: center;
		margin: 0 auto;
	}
}

.blog-author .blog-author-info {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
	margin: 0;
}

.blog-author .blog-author-info span {
	display: block;
}

@media (max-width: 1024px) {
	.blog-author .blog-author-info {
		display: block;
		text-align: center;
		padding: 0;
	}
}

.blog-author .avatar-holder {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.blog-author .avatar-holder {
		display: block;
		text-align: center;
		margin: 4px auto 0;
	}
}

.related-blog {
	position: relative;
	padding: 0;
}

.related-blog .avatar-holder {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.related-blog .avatar-holder {
		width: auto;
		display: block;
		text-align: center;
	}
}

.related-blog .related-blog-info {
	width: 84%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.4;
	padding-top: 4px;
}

.related-blog .related-blog-info span {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.related-blog .related-blog-info span:last-child {
	margin-bottom: 0;
}

.related-blog .related-blog-info .related-blog-title {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #585757;
	font-size: 17px;
	letter-spacing: -0.4px;
}

@media (max-width: 767px) {
	.related-blog .related-blog-info {
		width: auto;
		display: block;
		text-align: center;
	}
}

.related-blog:hover .related-blog-info .related-blog-title,
.related-blog:active .related-blog-info .related-blog-title,
.related-blog:focus .related-blog-info .related-blog-title {
	color: var(--primary-color);
}

.content-single-wrapper {
	position: relative;
	display: block;
	padding: 0;
	background: transparent;
}

.content-single-wrapper.blog-body-content {
	padding: 150px 0 90px;
}

@media (max-width: 1024px) {
	.content-single-wrapper {
		padding: 80px 0;
	}

	.content-single-wrapper.blog-body-content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

.content-single-wrapper.post-single-wrapper {
	padding: 0 0 80px;
}

@media (max-width: 1024px) {
	.content-single-wrapper.post-single-wrapper {
		padding: 0 0 80px;
	}
}

@media (min-width: 1025px) {
	.content-single-wrapper .column-part {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.content-single-wrapper.more-bottom {
	padding-bottom: 150px;
}

@media (max-width: 1024px) {
	.content-single-wrapper.more-bottom {
		padding-bottom: 100px;
	}
}

.short-banner-section {
	padding: 80px 0px 50px !important;
	color: var(--body-color);
}

.short-banner-section>.background-image-with-opacity>.img-hold {
	background-size: cover !important;
}

@media (max-width: 1024px) {
	.short-banner-section {
		padding: 50px 0 50px !important;
		text-align: center;
	}
}

#menu_desktop {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 997;
}

@media (max-width: 1024px) {
	#menu_desktop {
		display: none;
	}
}

#menu_desktop:before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 1;
}

@media (max-width: 1024px) {
	#menu_desktop:before {
		display: none;
	}
}

#menu_desktop .dark-fades {
	position: absolute;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 101;
	overflow: hidden;
	-webkit-clip-path: inset(0px 0px 0px 0px);
	clip-path: inset(0px 0px 0px 0px);
	left: 40%;
	margin: 0 0 0 -69px;
	width: 70%;
}

#menu_desktop .dark-fades:before,
#menu_desktop .dark-fades:after {
	position: absolute;
	content: '';
	height: 90px;
	left: 0;
	right: 0;
	z-index: 100;
}

#menu_desktop .dark-fades:before {
	background: -moz-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, #000000 5%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, #000000 5%, rgba(0, 0, 0, 0) 100%);
	top: 0;
}

#menu_desktop .dark-fades:after {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 5%, #000000 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, #000000 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #000000 100%);
	bottom: 0;
}

#menu_desktop .mobile-menu-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	padding: 0;
	z-index: 200;
}

#menu_desktop .mobile-menu-wrapper::-webkit-scrollbar,
#menu_desktop .mobile-menu-wrapper::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper {
		background: #ffffff;
	}
}

@media (max-height: 550px) {
	#menu_desktop .mobile-menu-wrapper {
		display: block;
	}
}

#menu_desktop .mobile-menu-wrapper:before {
	position: absolute;
	white-space: nowrap;
	overflow: visible;
	font-size: 200px;
	font-weight: 600;
	opacity: 0.025;
	color: #000;
	pointer-events: none;
	z-index: 2;
	top: 90px;
	text-align: left;
	left: 7%;
	line-height: 1.0;
	letter-spacing: -3px;
	content: 'Menu';
	font-family: var(--button-font);
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper:before {
		display: none;
	}
}

#menu_desktop .mobile-menu-wrapper:after {
	position: fixed;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #ffffff;
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper:after {
		display: none;
	}
}

#menu_desktop .mobile-menu-wrapper .mobile-menu-inner {
	position: relative;
	display: block;
	padding: 80px 0;
	min-height: 350px;
	z-index: 100;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu {
	position: relative;
	display: block;
	list-style: none;
	padding-left: 36px;
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu {
		padding-left: 0;
	}
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	overflow: visible;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .menu-down-arrow {
	position: absolute;
	color: #585757;
	z-index: 100;
	top: 0;
	right: 0;
	height: 77px;
	width: 77px;
	cursor: pointer;
	display: none;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .menu-down-arrow:after {
	position: absolute;
	font: normal normal normal 14px/1 var(--font-awesome);
	font-style: normal;
	font-weight: 900;
	font-size: 26px;
	line-height: 1.0;
	left: 0;
	right: 0;
	text-align: center;
	top: 26px;
	z-index: 10;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	content: "\f107";
}

@media (max-width: 767px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .menu-down-arrow {
		width: 59px;
		height: 59px;
	}

	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .menu-down-arrow:after {
		top: 16px;
	}
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li.open .menu-down-arrow:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul {
	margin: 0;
	padding: 0;
	display: none;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul li {
	border: 0;
	padding: 8px 30px;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul li:first-child {
	margin-top: 8px;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul li:last-child {
	margin-bottom: 8px;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul li a {
	font-size: 24px;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .active-arrow {
	position: absolute;
	overflow: hidden;
	z-index: 500;
	text-indent: -9999px;
	width: 69px;
	height: 69px;
	top: 50%;
	right: 0;
	margin-top: -35px;
	background: transparent;
	-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .active-arrow:before {
	position: absolute;
	content: '';
	background-size: 19px 14px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 101;
	opacity: 0.0;
	-webkit-transition: all 100ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 100ms cubic-bezier(0.77, 0, 0.175, 1);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .active-arrow:after {
	position: absolute;
	content: '';
	background: #ffffff;
	background-size: 19px 14px;
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	z-index: 100;
	-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li {
		padding: 11px 30px;
		border-bottom: 1px solid #eee;
	}

	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li ul {
		display: block;
	}

	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .active-arrow {
		display: none;
	}

	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li .menu-down-arrow {
		display: block;
	}
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a {
	font-family: var(--button-font);
	font-size: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #585757;
	line-height: 1.2;
	display: block;
	padding: 0 80px 0 15%;
	-webkit-transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a {
		font-size: 45px;
		padding: 0;
	}
}

@media (max-width: 767px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a {
		font-size: 30px;
	}
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:before {
	position: absolute;
	width: 0;
	opacity: 0.0;
	height: 2px;
	right: 100%;
	margin-right: -13%;
	top: 28px;
	content: '';
	background: var(--primary-color);
	-webkit-transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:before {
		display: none;
	}
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:hover,
#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:active,
#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:focus {
	color: var(--primary-color);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:hover:before,
#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:active:before,
#menu_desktop .mobile-menu-wrapper #desktop_main_menu li a:focus:before {
	width: 25px;
	opacity: 1.0;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li.active>a {
	color: var(--primary-color);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li.active>a:before {
	width: 25px;
	opacity: 1.0;
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li.show-arrow .active-arrow:before {
	right: 0;
	opacity: 1.0;
	-webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
}

#menu_desktop .mobile-menu-wrapper #desktop_main_menu li.show-arrow .active-arrow:after {
	right: 0;
}

#menu_desktop .submenu-holder {
	position: relative;
	display: none;
	pointer-events: none;
	padding: 110px 15%;
	min-height: 350px;
	color: #ffffff;
	width: 90%;
}

@media (max-width: 1024px) {
	#menu_desktop .submenu-holder {
		padding: 150px 50px;
	}
}

#menu_desktop .submenu-holder .submenu-title {
	position: absolute;
}

#menu_desktop .submenu-holder.active {
	position: relative;
}

#menu_desktop .submenu-holder .submenu-menu {
	padding: 50px 0 0;
	display: block;
}

#menu_desktop #default-submenu .submenu-title {
	position: relative;
	padding-bottom: 20px;
}

#menu_desktop #default-submenu .grey-text {
	color: #606060;
}

#menu_desktop #default-submenu p {
	margin-bottom: 18px;
}

#menu_desktop #default-submenu a {
	color: #ffffff;
}

#menu_desktop #default-submenu a:hover,
#menu_desktop #default-submenu a:active,
#menu_desktop #default-submenu a:focus {
	color: var(--primary-color);
}

#menu_desktop .social_main_menu {
	position: fixed;
	right: 30px;
	bottom: 20px;
	pointer-events: none;
	opacity: 0.0;
	z-index: 300;
	margin: 0;
	-webkit-transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 300ms cubic-bezier(0.7, 0.01, 0.3, 1);
}

@media (max-width: 1024px) {
	#menu_desktop .social_main_menu {
		position: absolute;
		left: 30px;
	}
}

#menu_desktop .social_main_menu li {
	display: inline-block !important;
}

#menu_desktop .social_main_menu a {
	color: #b7b7b7 !important;
	background: transparent;
	border-color: transparent;
}

#menu_desktop .social_main_menu a:hover,
#menu_desktop .social_main_menu a:active,
#menu_desktop .social_main_menu a:focus {
	color: var(--primary-color) !important;
	border-color: transparent;
	background: transparent;
}

#menu_desktop .mobile-menu-right-wrapper {
	position: absolute;
	left: 45%;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0 0 0 -69px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	background: transparent;
	width: 70%;
	z-index: 100;
}

@media (max-height: 550px) {
	#menu_desktop .mobile-menu-right-wrapper {
		display: block;
	}
}

@media (max-width: 1024px) {
	#menu_desktop .mobile-menu-right-wrapper {
		display: none;
	}
}

#menu_desktop .mobile-menu-right-wrapper .mobile-menu-right-inner {
	position: relative;
	display: block;
	height: 100%;
}

#menu_desktop .mobile-menu-right-wrapper .mobile-menu-right {
	position: relative;
	display: block;
	height: 100%;
}

#menu_desktop .mobile-menu-right-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

#menu_desktop .mobile-menu-right-wrapper ul li {
	display: block;
}

#menu_desktop .mobile-menu-right-wrapper ul li a {
	color: rgba(255, 255, 255, 0.4);
}

#menu_desktop .mobile-menu-right-wrapper ul li a:hover,
#menu_desktop .mobile-menu-right-wrapper ul li a:active,
#menu_desktop .mobile-menu-right-wrapper ul li a:focus {
	color: #ffffff;
}

#menu_desktop .mobile-menu-right-wrapper ul.submenu-menu li {
	padding: 2px 0;
}

#menu_desktop .mobile-menu-right-wrapper ul.submenu-menu li a {
	font-size: 22px;
}

#menu_desktop:before {
	width: 0;
	-webkit-transition: width 600ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: width 600ms cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

#menu_desktop .mobile-menu-wrapper {
	width: 0;
	opacity: 0.0;
	-webkit-transition: all 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms;
}

#menu_desktop .mobile-menu-wrapper:after {
	width: 0;
	-webkit-transition: all 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms;
}

@media (max-width: 1100px) {
	#menu_desktop .mobile-menu-wrapper {
		opacity: 1.0;
		-webkit-transition: width 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
		transition: width 500ms cubic-bezier(0.7, 0.01, 0.3, 1);
	}
}

#menu_desktop .mobile-menu-right-wrapper {
	opacity: 0.0;
	-webkit-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

#menu_desktop .dark-fades {
	opacity: 0.0;
	-webkit-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}

#menu_desktop.active {
	pointer-events: auto;
}

#menu_desktop.active:before {
	width: 100%;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
	-webkit-transition: width 400ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: width 400ms cubic-bezier(0.7, 0.01, 0.3, 1);
}

#menu_desktop.active .mobile-menu-wrapper {
	width: 45%;
	opacity: 1.0;
	-webkit-transition: all 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}

#menu_desktop.active .mobile-menu-wrapper:after {
	width: calc(45% - 69px);
	-webkit-transition: all 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: all 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}

@media (max-width: 1100px) {
	#menu_desktop.active .mobile-menu-wrapper {
		width: 100%;
		-webkit-transition: width 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
		transition: width 350ms cubic-bezier(0.7, 0.01, 0.3, 1);
	}
}

#menu_desktop.active .mobile-menu-right-wrapper {
	opacity: 1.0;
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}

#menu_desktop.active .dark-fades {
	opacity: 1.0;
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}

#menu_desktop.active .social_main_menu {
	opacity: 1.0;
	-webkit-transition-delay: 250ms;
	transition-delay: 250ms;
}

#menu_desktop.active .social_main_menu,
#menu_desktop.active .submenu-holder.active {
	pointer-events: auto;
}

.close-menu-button {
	pointer-events: none;
	top: 14px;
	right: 23px;
}

.close-menu-button:before,
.close-menu-button:after {
	background: var(--primary-color) !important;
}

.close-menu-button:hover:before,
.close-menu-button:hover:after,
.close-menu-button:active:before,
.close-menu-button:active:after,
.close-menu-button:focus:before,
.close-menu-button:focus:after {
	background: #ffffff !important;
}

.close-menu-button.active {
	pointer-events: auto;
	opacity: 1.0;
	transition-delay: 500ms;
}

.media-images-holder {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1;
	background: #000;
}

.media-images-holder .media-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	z-index: 1;
	opacity: 0.0;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}

.media-images-holder .media-image.active {
	opacity: 1.0;
	z-index: 10;
}

.top-content-section {
	position: relative;
	z-index: 100;
	background: transparent;
	padding: 350px 0 200px;
}

@media (max-width: 1024px) {
	.top-content-section {
		padding: 150px 20px 100px;
	}
}

.content-section-wrapper {
	position: relative;
	display: block;
	padding: 25px 80px;
}

@media (max-width: 767px) {
	.content-section-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 1025px) {
	.post-content-inner {
		padding: 0 80px;
	}
}

.post-content-inner>img {
	display: block;
	margin: 0 auto;
	padding: 50px 0;
}

.quotes {
	position: relative;
	display: block;
	padding: 0;
	margin: 50px auto 50px;
	text-align: center;
	max-width: 800px;
	background: #ffffff;
	-webkit-transition: height 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: height 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.quotes {
		margin: 50px auto 50px;
	}
}

.quotes .left-right-nav {
	position: absolute;
	left: 50%;
	right: auto;
	width: 100%;
	max-width: 1050px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1.0;
	pointer-events: auto;
	z-index: 200;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

@media (max-width: 1024px) {
	.quotes .left-right-nav {
		opacity: 1.0;
		pointer-events: auto;
		display: none;
	}
}

.quotes .left-right-nav .goes-left,
.quotes .left-right-nav .goes-right {
	position: absolute;
	cursor: pointer;
	font-size: 15px;
	background: var(--primary-color);
	color: #ffffff;
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 0;
	opacity: 0.43;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.quotes .left-right-nav .goes-left span,
.quotes .left-right-nav .goes-right span {
	position: absolute;
	top: 17px;
}

.quotes .left-right-nav .goes-left:hover,
.quotes .left-right-nav .goes-left:active,
.quotes .left-right-nav .goes-left:focus,
.quotes .left-right-nav .goes-right:hover,
.quotes .left-right-nav .goes-right:active,
.quotes .left-right-nav .goes-right:focus {
	background: var(--primary-color);
	color: #ffffff;
	opacity: 1.0;
}

.quotes .left-right-nav .goes-left {
	left: 10px;
}

@media (max-width: 1024px) {
	.quotes .left-right-nav .goes-left {
		left: 10px;
	}
}

.quotes .left-right-nav .goes-left span {
	left: 20px;
}

.quotes .left-right-nav .goes-right {
	right: 10px;
}

@media (max-width: 1024px) {
	.quotes .left-right-nav .goes-right {
		right: 10px;
	}
}

.quotes .left-right-nav .goes-right span {
	left: 22px;
}

.quotes .quote-nav {
	position: absolute;
	z-index: 100;
	bottom: -50px;
	left: 0;
	right: 0;
}

.quotes .quote-nav a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 4px 6px;
}

.quotes .quote-nav a:before {
	position: relative;
	display: block;
	content: '•';
	font-size: 25px;
	color: #000;
	opacity: 0.2;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.quotes .quote-nav a span {
	position: relative;
	font-family: var(--button-font);
	letter-spacing: 0.1px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.0;
	color: #585757;
	opacity: 0.0;
	text-align: center;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	display: none;
}

.quotes .quote-nav a span.remove-active {
	opacity: 0.2;
}

.quotes .quote-nav a:hover:before,
.quotes .quote-nav a:active:before,
.quotes .quote-nav a.active:before {
	color: var(--dark-grey-color);
	opacity: 1.0;
}

.quotes .quote-nav a.active {
	pointer-events: none;
}

.quotes .quote-image {
	position: relative;
	display: block;
	margin: 0 auto 40px;
	text-align: center;
}

.quotes .quote-image:before {
	position: absolute;
	font-family: var(--button-font);
	font-size: 170px;
	line-height: 0;
	color: var(--dark-grey-color);
	left: calc(50% - 140px);
	content: '“';
	text-align: left;
	top: 120px;
	font-weight: 400;
	z-index: 100;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.quotes .quote-image:before {
		display: none;
	}
}

.quotes .quote-image>img {
	position: relative;
	display: block;
	max-width: 222px;
	height: auto;
	margin: 0 auto;
}

.quotes .quote-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.0;
	z-index: 1;
	padding: 30px 90px;
	-webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 767px) {
	.quotes .quote-wrapper {
		padding: 30px 30px;
	}
}

.quotes .quote-wrapper .small-quote {
	font-size: 15px;
	margin: 0;
	padding: 0 0 40px;
}

.quotes .quote-wrapper .quote-text {
	position: relative;
	display: block;
	padding: 0 0 15px;
	margin: 0;
	font-size: 25px;
}

@media (max-width: 1024px) {
	.quotes .quote-wrapper .quote-text {
		padding: 0;
	}
}

.quotes .quote-wrapper .quote-text:before,
.quotes .quote-wrapper .quote-text:after {
	position: absolute;
	font-family: var(--button-font);
	font-size: 200px;
	line-height: 0;
	color: rgba(0, 0, 0, 0.06);
	display: none;
}

@media (max-width: 1024px) {

	.quotes .quote-wrapper .quote-text:before,
	.quotes .quote-wrapper .quote-text:after {
		font-size: 100px;
	}
}

.quotes .quote-wrapper .quote-text:before {
	left: 10px;
	content: '“';
	text-align: left;
	top: 46px;
}

@media (max-width: 1024px) {
	.quotes .quote-wrapper .quote-text:before {
		top: 20px;
		left: -20px;
	}
}

.quotes .quote-wrapper .quote-text:after {
	right: 10px;
	content: '“';
	text-align: right;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	top: -70px;
}

@media (max-width: 1024px) {
	.quotes .quote-wrapper .quote-text:after {
		top: -35px;
		right: -20px;
	}
}

.quotes .quote-wrapper .quote-text.no-right-quote {
	margin-bottom: 4px;
}

.quotes .quote-wrapper .quote-text.no-right-quote:after {
	display: none;
}

.quotes .quote-wrapper .cite {
	position: relative;
	display: block;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-bottom: 0;
	pointer-events: none;
}

.quotes .quote-wrapper.active {
	opacity: 1.0;
	z-index: 10;
}

#searchform .search-for-label {
	position: absolute;
	left: -9999px;
}

#search-results {
	padding: 200px 0px 50px;
}

@media (max-width: 1024px) {
	#search-results {
		padding: 100px 0px 50px;
	}
}

#search-results-intro {
	padding: 0 30px;
}

.play {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	background: rgba(255, 255, 255, 0.92);
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	padding: 2px;
	z-index: 100;
	opacity: 1.0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}

.play .fa {
	position: absolute;
	color: var(--primary-color);
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -5px;
	font-size: 22px;
	line-height: 1.0;
}

img.lazy[data-src] {
	opacity: 0.0;
}

img.lazy {
	opacity: 0;
	-webkit-transition: opacity 1.5s var(--ease-out-expo);
	transition: opacity 1.5s var(--ease-out-expo);
}

img.lazy.with-fade-up {
	-webkit-transform: translate(0, 40px);
	-moz-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	-o-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transition: opacity 1.5s var(--ease-out-expo), transform 1.5s var(--ease-out-expo);
	transition: opacity 1.5s var(--ease-out-expo), transform 1.5s var(--ease-out-expo);
}

img.lazy.visible {
	opacity: 1.0 !important;
}

img.lazy.visible.with-fade-up {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.add-top-line>.fl-row-content-wrap>.fl-row-content {
	position: relative;
}

.add-top-line>.fl-row-content-wrap>.fl-row-content:before {
	position: absolute;
	content: '';
	display: block;
	background: #d5d5d5;
	height: 1px;
	left: 30px;
	right: 30px;
	top: 0;
}

.background-header {
	position: absolute;
	font-family: var(--button-font);
	text-align: left;
	font-size: 230px;
	font-weight: 400;
	color: #eaebed;
	top: -142px;
	left: 0;
	right: 0;
	line-height: 1.0;
	pointer-events: none;
	padding: 0;
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	font-size: 13.0em;
}

.background-header.centered {
	left: 0;
	right: 0;
	text-align: center;
}

@media (max-width: 1024px) {
	.background-header {
		display: none;
	}
}

.background-contain>.background-image-with-opacity,
.background-contain>.background-image-with-opacity>.img-hold {
	background-size: contain !important;
}

.background-normal>.background-image-with-opacity,
.background-normal>.background-image-with-opacity>.img-hold {
	background-size: initial !important;
}

.footer-links {
	position: relative;
	display: block;
	height: 440px;
	z-index: 200;
	margin-top: -130px;
}

@media (max-width: 1024px) {
	.footer-links {
		display: none;
	}
}

.footer-links a {
	position: absolute;
	width: 55%;
	padding: 80px 12% 80px 100px;
	min-height: 235px;
	color: #ffffff;
	-webkit-border-radius: 0 60px 0 60px;
	-moz-border-radius: 0 60px 0 60px;
	border-radius: 0 60px 0 60px;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.footer-links a .footer-link-main-title span {
	font-weight: 200;
	font-size: 1.05em;
	letter-spacing: -0.5px;
}

.footer-links a .small-headline {
	padding-bottom: 5px;
}

.footer-links a:first-child {
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
	background: var(--dark-grey-color);
}

.footer-links a:first-child:before {
	position: absolute;
	content: '';
	background: var(--primary-color);
	opacity: 0.16;
	z-index: 10;
	right: 50px;
	bottom: -46px;
	width: 167px;
	height: 121px;
	pointer-events: none;
	-webkit-border-radius: 0 28px 0 28px;
	-moz-border-radius: 0 28px 0 28px;
	border-radius: 0 28px 0 28px;
}

.footer-links a:first-child:after {
	position: absolute;
	content: '';
	background: transparent;
	border: 2px solid var(--primary-color);
	opacity: 0.16;
	right: 30px;
	bottom: -137px;
	width: 250px;
	height: 181px;
	-webkit-border-radius: 0 46px 0 46px;
	-moz-border-radius: 0 46px 0 46px;
	border-radius: 0 46px 0 46px;
	pointer-events: none;
}

.footer-links a:last-child {
	top: 108px;
	right: 0;
	z-index: 10;
	text-align: right;
	background: var(--primary-color);
	padding: 80px 100px 80px 12%;
}

.footer-links a:hover,
.footer-links a:active,
.footer-links a:focus {
	color: #ffffff;
}

.footer-links a:hover:first-child,
.footer-links a:active:first-child,
.footer-links a:focus:first-child {
	background: #031080;
}

.footer-links a:hover:last-child,
.footer-links a:active:last-child,
.footer-links a:focus:last-child {
	background: #0cb7ef;
}

.split-line .line {
	position: relative;
}

.split-line .line .text-wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}

.split-line .line .text-wrap .inner-text-wrap {
	--base-animation-speed: 2000ms;
	--animation-delay: 1000ms;

	display: inline-block;
	vertical-align: top;
	opacity: 0.0;
	width: auto;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: transform var(--base-animation-speed) var(--ease-out-expo) var(--animation-delay), opacity var(--base-animation-speed) var(--ease-out-expo) var(--animation-delay);
	transition: transform var(--base-animation-speed) var(--ease-out-expo) var(--animation-delay), opacity var(--base-animation-speed) var(--ease-out-expo) var(--animation-delay);
}

.split-line.show .line .text-wrap .inner-text-wrap {
	opacity: 1.0;
	width: auto;
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%);
}

.border-transition {
	position: relative;
}

.border-transition .border-holder {
	position: absolute;
	pointer-events: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	z-index: 500;
	border-width: 60px;
	border-color: #ffffff;
	border-style: solid;
}

@media (max-width: 1024px),
(max-height: 600px) {
	.border-transition .border-holder {
		display: none;
	}
}

.border-transition .column-part {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (min-width: 1025px) and (max-height: 600px) {
	.border-transition .column-part {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}

@media (max-height: 600px) {

	.border-transition .anim-in-anim-out,
	.border-transition .vid-anim-in-anim-out {
		-webkit-transform: translate(0px, 0px) !important;
		-moz-transform: translate(0px, 0px) !important;
		-ms-transform: translate(0px, 0px) !important;
		-o-transform: translate(0px, 0px) !important;
		transform: translate(0px, 0px) !important;
		opacity: 1 !important;
	}
}

@media (max-width: 1024px) {
	.border-transition .video-column-wrapper .column-part {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.border-transition .video-column-wrapper .column-part:first-child {
		padding-top: 100px;
	}

	.border-transition .video-column-wrapper .column-part:last-child {
		padding-bottom: 100px;
	}
}

.size-down-on-scroll,
.fade-in-fade-out,
.scroll-up-on-scroll,
.anim-in-anim-out,
.vid-anim-in-anim-out {
	position: relative;
}

@media (max-width: 1024px),
(max-height: 500px) {

	.size-down-on-scroll,
	.fade-in-fade-out,
	.scroll-up-on-scroll,
	.anim-in-anim-out,
	.vid-anim-in-anim-out {
		opacity: 1.0 !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
}

.listings-row {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 auto !important;
}

.listings-row.no-padding {
	padding: 0;
}

.listings-row .flex-row {
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	margin: 0 -15px;
}

.listings-row .listings-col {
	padding: 15px;
}

.latest-row {
	position: relative;
	padding-top: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.latest-row .view-more-column a {
	display: inline-block;
}

.content-single-wrapper .post-title-area {
	text-align: center;
}

.content-single-wrapper .column_wrapper {
	display: block;
	padding: 0 0 50px;
}

.content-single-wrapper .column_wrapper:last-child {
	padding-bottom: 0;
}

.content-single-wrapper .single-headline {
	padding: 20px 0 10px;
}

.scroll-down-btn {
	position: absolute;
	z-index: 1000;
	display: block;
	width: 30px;
	text-align: center;
	bottom: 0;
	left: 50%;
	height: 120px;
	margin: 0 0 0 -15px;
	padding: 0;
}

.scroll-down-btn a {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.scroll-down-btn a:after {
	position: absolute;
	content: '';
	bottom: 0;
	width: 1px;
	height: 71px;
	left: 50%;
	margin-left: -1px;
	background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1024px) {
	.scroll-down-btn {
		display: none;
	}
}

.sub-nav-wrapper {
	position: absolute;
	z-index: 500;
	left: 50px;
	bottom: 0;
	right: 50px;
}

@media (max-width: 1024px) {
	.sub-nav-wrapper {
		display: none;
	}
}

.sub-nav-wrapper>span,
.sub-nav-wrapper a,
.sub-nav-normal>span,
.sub-nav-normal a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	border: 0;
	padding: 5px 3px;
	font-weight: 400;
	letter-spacing: 0;
	opacity: 1.0;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	font-family: var(--button-font);
	text-indent: 0;
	background: transparent !important;
	height: 95px;
	width: 20%;
	padding: 20px 60px 10px 15px;
	margin: 0;
	text-align: left;
	vertical-align: bottom;
}

.sub-nav-wrapper>span span,
.sub-nav-wrapper a span,
.sub-nav-normal>span span,
.sub-nav-normal a span {
	display: block;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	text-indent: 0;
	line-height: 1.1;
}

.sub-nav-wrapper>span span.top-banner-title,
.sub-nav-wrapper a span.top-banner-title,
.sub-nav-normal>span span.top-banner-title,
.sub-nav-normal a span.top-banner-title {
	position: relative;
	text-transform: uppercase;
	font-family: var(--button-font);
	letter-spacing: 1.0px;
	line-height: 1.0;
	font-weight: 400;
	background: transparent;
	color: rgba(255, 255, 255, 0.6);
	font-size: 11px;
	padding-bottom: 4px;
}

.sub-nav-wrapper>span span.banner-title,
.sub-nav-wrapper a span.banner-title,
.sub-nav-normal>span span.banner-title,
.sub-nav-normal a span.banner-title {
	color: #ffffff;
	font-weight: 400;
	font-size: 0.95em;
}

.sub-nav-wrapper>span,
.sub-nav-normal>span {
	height: auto !important;
	padding: 20px 15px 25px !important;
}

@media (max-width: 1024px) {

	.sub-nav-wrapper>span,
	.sub-nav-normal>span {
		padding: 30px 15px 0 !important;
	}
}

.sub-nav-wrapper>span span,
.sub-nav-normal>span span {
	padding-right: 0 !important;
	height: auto !important;
	min-height: 0;
}

@media (max-width: 1024px) {

	.sub-nav-wrapper>span span,
	.sub-nav-normal>span span {
		text-align: center;
	}
}

.sub-nav-wrapper a:after,
.sub-nav-normal a:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	right: 0;
	height: 0;
	background: #ffffff;
	opacity: 0.5;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.sub-nav-wrapper a:hover:after,
.sub-nav-wrapper a:active:after,
.sub-nav-wrapper a.active:after,
.sub-nav-normal a:hover:after,
.sub-nav-normal a:active:after,
.sub-nav-normal a.active:after {
	height: 5px;
}

.sub-nav-wrapper a:hover span.top-banner-title,
.sub-nav-wrapper a:active span.top-banner-title,
.sub-nav-wrapper a.active span.top-banner-title,
.sub-nav-normal a:hover span.top-banner-title,
.sub-nav-normal a:active span.top-banner-title,
.sub-nav-normal a.active span.top-banner-title {
	color: rgba(255, 255, 255, 0.6);
}

.sub-nav-wrapper a:hover span.banner-title,
.sub-nav-wrapper a:active span.banner-title,
.sub-nav-wrapper a.active span.banner-title,
.sub-nav-normal a:hover span.banner-title,
.sub-nav-normal a:active span.banner-title,
.sub-nav-normal a.active span.banner-title {
	color: #ffffff;
}

.sub-nav-wrapper a:hover:before,
.sub-nav-normal a:hover:before {
	opacity: 1.0;
}

.sub-nav-normal {
	position: relative;
}

@media (max-width: 1024px) {
	.sub-nav-normal {
		text-align: center;
	}
}

.sub-nav-normal a,
.sub-nav-normal span {
	width: auto;
	padding-right: 70px;
}

@media (max-width: 1024px) {

	.sub-nav-normal a,
	.sub-nav-normal span {
		min-height: 80px;
	}

	.sub-nav-normal a span,
	.sub-nav-normal span span {
		height: auto;
		min-height: 0;
		padding-right: 0;
	}
}

.line-list-nav {
	position: relative;
	display: block;
	list-style: none;
	padding: 0;
	margin: 10px 0 40px;
}

.line-list-nav:first-child {
	margin-top: 0;
}

.line-list-nav:last-child {
	margin-bottom: 0;
}

.line-list-nav:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	z-index: 1;
	background: #d5d5d5;
	opacity: 0.4;
}

.line-list-nav.add-title {
	padding-left: 25px;
}

.line-list-nav.add-title:before {
	left: 25px;
}

.line-list-nav a,
.line-list-nav .list-item-title {
	z-index: 10;
	position: relative;
	display: inline-block;
	padding: 0 0 3px;
	color: #585757;
	font-family: var(--button-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.line-list-nav a:before,
.line-list-nav .list-item-title:before {
	position: absolute;
	left: -30px;
	top: -5px;
	height: 0;
	width: 2px;
	content: '';
	background: var(--primary-color);
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	opacity: 0.0;
}

.line-list-nav li {
	display: block;
	margin: 0;
	padding: 3px 5px 3px 30px;
}

@media (max-width: 767px) {
	.line-list-nav li {
		padding: 8px 30px;
	}
}

.line-list-nav li.list-title {
	position: absolute;
	left: 0;
	top: 0;
	color: #d5d5d5;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	writing-mode: tb-rl;
	width: 25px;
	height: 100%;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	font-family: var(--button-font);
	font-weight: 600;
	padding: 0 !important;
}

.line-list-nav li:hover a,
.line-list-nav li:hover .list-item-title,
.line-list-nav li:active a,
.line-list-nav li:active .list-item-title,
.line-list-nav li:focus a,
.line-list-nav li:focus .list-item-title,
.line-list-nav li.active a,
.line-list-nav li.active .list-item-title {
	color: #585757;
}

.line-list-nav li:hover a:before,
.line-list-nav li:hover .list-item-title:before,
.line-list-nav li:active a:before,
.line-list-nav li:active .list-item-title:before,
.line-list-nav li:focus a:before,
.line-list-nav li:focus .list-item-title:before,
.line-list-nav li.active a:before,
.line-list-nav li.active .list-item-title:before {
	height: 100%;
	opacity: 1.0;
}

.line-list-nav.detailed li {
	padding: 3px 5px 30px 30px;
}

@media (max-width: 767px) {
	.line-list-nav.detailed li {
		padding: 5px 5px 30px 30px;
	}
}

.line-list-nav.detailed li:last-child {
	padding-bottom: 0;
}

.line-list-nav.detailed li a:before,
.line-list-nav.detailed li .list-item-title:before {
	top: -3px;
	left: -30px;
}

@media (max-width: 767px) {

	.line-list-nav.detailed li a:before,
	.line-list-nav.detailed li .list-item-title:before {
		top: -5px;
	}
}

.line-list-nav>p {
	font-size: 0.95em;
}

.line-list-nav.smaller a,
.line-list-nav.smaller .list-item-title {
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 1px;
}

@media (max-width: 767px) {
	.line-list-nav.numbered-lines:before {
		display: none;
	}
}

.line-list-nav.numbered-lines li {
	counter-increment: numbered-line-list-item;
}

.line-list-nav.numbered-lines a,
.line-list-nav.numbered-lines .list-item-title {
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0.0px;
	font-size: 13px;
	padding: 7px 0 7px 60px;
	margin-bottom: 8px;
}

@media (max-width: 767px) {

	.line-list-nav.numbered-lines a,
	.line-list-nav.numbered-lines .list-item-title {
		padding-left: 30px;
	}

	.line-list-nav.numbered-lines a:before,
	.line-list-nav.numbered-lines .list-item-title:before {
		display: none;
	}
}

.line-list-nav.numbered-lines a:after,
.line-list-nav.numbered-lines .list-item-title:after {
	position: absolute;
	font-weight: 600;
	display: inline-block;
	font-size: 1.1em;
	padding-right: 16px;
	color: inherit;
	content: counter(numbered-line-list-item, decimal-leading-zero);
	left: 25px;
	top: 6px;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

@media (max-width: 767px) {

	.line-list-nav.numbered-lines a:after,
	.line-list-nav.numbered-lines .list-item-title:after {
		left: 0;
	}
}

.line-list-nav.numbered-lines a:hover:after,
.line-list-nav.numbered-lines a:active:after,
.line-list-nav.numbered-lines a:focus:after,
.line-list-nav.numbered-lines a.active:after,
.line-list-nav.numbered-lines .list-item-title:hover:after,
.line-list-nav.numbered-lines .list-item-title:active:after,
.line-list-nav.numbered-lines .list-item-title:focus:after,
.line-list-nav.numbered-lines .list-item-title.active:after {
	color: var(--dark-grey-color);
}

.line-list-nav.numbered-lines li:last-child a,
.line-list-nav.numbered-lines li:last-child a:focus,
.line-list-nav.numbered-lines li:last-child .list-item-title,
.line-list-nav.numbered-lines li:last-child .list-item-title:focus {
	margin-bottom: 0;
}

.light .line-list-nav li.list-title {
	color: #999999;
}

.light .line-list-nav:before {
	background: #fff;
	opacity: 0.1;
}

.light .line-list-nav a {
	color: #ffffff !important;
	opacity: 1.0;
}

.light .line-list-nav a:hover,
.light .line-list-nav a:active,
.light .line-list-nav a:focus,
.light .line-list-nav a.active {
	color: #ffffff !important;
	opacity: 1.0;
}

.add-left-line {
	position: relative;
}

.add-left-line .column-part:first-child {
	position: relative;
}

.add-left-line .column-part:first-child:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 1px;
	height: 500px;
	z-index: 301;
	pointer-events: none;
	background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {
	.add-left-line .column-part:first-child:before {
		display: none;
	}
}

.add-left-line .column-part:first-child:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 2px;
	height: 50px;
	z-index: 310;
	pointer-events: none;
	background: var(--dark-grey-color);
}

@media (max-width: 1024px) {
	.add-left-line .column-part:first-child:after {
		display: none;
	}
}

.add-left-line-grey {
	position: relative;
	padding-left: 40px;
}

@media (max-width: 767px) {
	.add-left-line-grey {
		padding-left: 0px;
	}
}

.add-left-line-grey:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
	pointer-events: none;
}

@media (max-width: 767px) {
	.add-left-line-grey:before {
		display: none;
	}
}

.add-top-line-grey {
	position: relative;
}

.add-top-line-grey:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 0;
	width: 1px;
	height: 100px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
}

.page-template-template-blog .add-left-line-grey:before {
	top: 0;
}

.featured-highlights-title .col-md-12 {
	padding: 0 15px 10px;
}

@media (max-width: 1024px) {
	.featured-highlights-title {
		text-align: center;
	}
}

.sign-up-section {
	position: relative;
	background: #0e234d;
	margin: 70px 14px 0 !important;
}

.sign-up-section:before {
	position: absolute;
	width: 50px;
	height: 2px;
	background: var(--dark-grey-color);
	content: '';
	z-index: 100;
	left: -25px;
	top: 58px;
}

@media (max-width: 1024px) {
	.sign-up-section {
		margin: 40px auto 90px !important;
	}

	.sign-up-section:before {
		display: none;
	}
}

.sign-up-section .sign-up-left-column {
	padding: 60px;
}

@media (min-width: 1025px) {
	.sign-up-section .sign-up-left-column .column-part-inner p {
		max-width: 80%;
	}
}

@media (max-width: 767px) {
	.sign-up-section .sign-up-left-column {
		padding: 60px 30px 40px;
	}
}

.sign-up-section .sign-up-right-column {
	padding: 0 !important;
}

.sign-up-section .sign-up-right-column img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
	width: 100%;
	height: 100%;
}

@media (max-width: 1024px) {
	.sign-up-section .sign-up-right-column {
		display: none;
	}
}

.latest-post-feed-shortcode .large-tag-title {
	z-index: 5;
	width: 180px;
	left: 50%;
	top: 60px;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 200px !important;
}

.latest-post-feed-shortcode .large-tag-title .background-text {
	color: rgba(255, 255, 255, 0.03);
}

.latest-posts-row {
	position: relative;
	z-index: 100;
	align-items: flex-start !important;
}

@media (max-width: 1024px) {
	.latest-posts-row {
		padding: 0 30px;
	}

	.latest-posts-row .slick-prev:not(.no-mobile-change),
	.latest-posts-row .slick-prev:focus:not(.no-mobile-change),
	.latest-posts-row .slick-next:not(.no-mobile-change),
	.latest-posts-row .slick-next:focus:not(.no-mobile-change) {
		margin-top: -50px;
	}
}

.latest-posts-row .latest-post-wrapper .latest-post-inner {
	padding: 0;
}

.latest-posts-row .slick-track {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	gap: 0 52px;
}

@media (max-width: 1024px) {
	.latest-posts-row .slick-track {
		gap: 0 30px;
	}
}

.latest-posts-row .slick-track:before,
.latest-posts-row .slick-track:after {
	display: none !important;
}

@media (min-width: 1025px) {
	.latest-posts-row {
		padding-top: 15px;
		padding-bottom: 70px;
	}

	.latest-posts-row .slick-prev,
	.latest-posts-row .slick-prev:focus,
	.latest-posts-row .slick-next,
	.latest-posts-row .slick-next:focus {
		background: transparent !important;
		border-color: #ffffff !important;
		color: #ffffff !important;
		bottom: 0;
	}

	.latest-posts-row .slick-prev:hover,
	.latest-posts-row .slick-prev:active,
	.latest-posts-row .slick-prev:focus:hover,
	.latest-posts-row .slick-prev:focus:active,
	.latest-posts-row .slick-next:hover,
	.latest-posts-row .slick-next:active,
	.latest-posts-row .slick-next:focus:hover,
	.latest-posts-row .slick-next:focus:active {
		background: #ffffff !important;
		color: var(--dark-grey-color) !important;
		border-color: #ffffff !important;
	}

	.latest-posts-row .slick-prev,
	.latest-posts-row .slick-prev:focus {
		left: 0;
		right: auto;
	}

	.latest-posts-row .slick-next,
	.latest-posts-row .slick-next:focus {
		left: 66px;
		right: auto;
	}
}

.latest-posts-row .post-image-link {
	height: 370px !important;
}

.latest-posts-row .inner-media-col {
	position: relative;
	display: block;
	padding: 40px 30px;
	max-width: 450px;
	margin: 0 auto;
	background: transparent !important;
}

@media (max-width: 767px) {
	.latest-posts-row .inner-media-col {
		padding-left: 0;
		padding-right: 0;
	}
}

.latest-posts-row .inner-media-col .media-link {
	position: relative;
	padding: 30px 0 30px;
	background: transparent;
}

.latest-posts-row .inner-media-col .media-link:before {
	position: absolute;
	content: '';
	display: block;
	width: 22px;
	height: 1px;
	background: #999999;
	top: 36px;
	left: auto;
	right: calc(100% + 14px);
}

@media (max-width: 767px) {
	.latest-posts-row .inner-media-col .media-link:before {
		display: none;
	}
}

.related-title-holder {
	position: relative;
	display: block;
	padding: 0 30px 20px;
	margin: 0;
}

.menu-drop-bg-color {
	position: fixed;
	left: 0;
	right: 0;
	bottom: auto;
	top: 0;
	z-index: 990;
	display: block;
	background-color: transparent;
	background-color: var(--backdrop-color);
	opacity: 0;
	transition: all 600ms var(--ease-out-expo);
	pointer-events: none;

	&.open {
		background-color: var(--backdrop-color, #000);
		opacity: var(--backdrop-color-opacity, 0.8);
		bottom: 0;
	}

	@media (max-width: 1024px) {
		& {
			display: none;
		}
	}
}

.detailed-menu-dropdown {
	--base-animation-speed: 1200ms;
	--main-menu-hover-color: var(--primary-color);

	--normal-background-hover-highlight: color-mix(in srgb, var(--trinova-blue-500) 24%, transparent 100%);
	--light-background-hover-highlight: var(--trinova-blue-50);

	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	z-index: 9;
	padding: 0;
	left: -20px;
	right: -20px;
	text-align: left;
	top: auto;
	height: auto;
	opacity: 0.0;
	background: var(--mega-menu-background);
	color: var(--mega-menu-color);
	-webkit-transition: opacity 600ms var(--ease-out-expo);
	transition: all 750ms var(--ease-out-expo);
	max-height: calc(100vh - 40px - var(--mm-menu-bar-height, var(--main-menu-bar-height, 0px)));
	overflow: clip scroll;
	width: auto;
	margin-top: 0;
	border-top: 0;
	pointer-events: none;
	font-size: 1.0rem;
	box-shadow: 0px 2.8px 2.2px -20px rgba(0, 0, 0, 0.02), 0px 6.7px 5.3px -20px rgba(0, 0, 0, 0.028), 0px 12.5px 10px -20px rgba(0, 0, 0, 0.035), 0px 22.3px 17.9px -20px rgba(0, 0, 0, 0.042), 0px 41.8px 33.4px -20px rgba(0, 0, 0, 0.05), 0px 100px 80px -20px rgba(0, 0, 0, 0.07);

	&:before {
		display: none;
	}

	&:has(.normal-menu-items) {
		background: var(--altered-Deep-Space---10);
	}

	&.display-none-menu {
		display: none;
	}

	@media (max-width: 1300px) {
		& {
			left: -20px;
			right: -20px;
		}
	}

	& .menu-callout-wrapper {
		position: relative;
		padding: 0 !important;
		z-index: 10;
	}

	& .menu-callout,
	& .callout-info-wrapper {
		position: relative;
		display: block;

		& .link-title {
			display: block;
			text-decoration: none;
			color: #333;
			margin-bottom: 8px;

			&:hover,
			&:active,
			&:focus {
				text-decoration: none;
				color: var(--dark-grey-color);
			}
		}

		& .inner-link-title {
			display: block;
			margin-bottom: 0 !important;
			font-family: var(--button-font);
			font-weight: 600;
			line-height: 1.2;
			font-size: 18px;
			letter-spacing: 0.8px;
		}

		& .page-description {
			margin-bottom: 50px;
		}

		& .menu-callout-link {
			margin: 0;

			& a {
				font-family: var(--button-font);
				font-size: 11px;
				font-weight: 600;
				line-height: 1.1;
				letter-spacing: 0.6px;
				text-decoration: none;
				text-transform: uppercase;

				&:hover,
				&:active,
				&:focus {
					text-decoration: underline;
				}
			}
		}

	}

	& .menu-callout {
		background-repeat: no-repeat;
		background-position: left top;
		background-size: cover;
		background-color: transparent;
		padding: 130px 30px 35px;
		margin-bottom: 10px;
		color: rgba(255, 255, 255, 0.6);
		text-align: center;

		& .link-title {
			color: #fff;

			&:hover,
			&:active,
			&:focus {
				color: #fff;
			}
		}

		& .inner-link-title {
			color: #fff;

			& a {
				color: #fff;

				&:hover,
				&:active,
				&:focus {
					color: #fff;
				}
			}
		}
	}

	& .callout-info-wrapper {
		& .menu-callout-link {
			& a {
				color: #585757;

				&:hover,
				&:active,
				&:focus {
					color: var(--dark-grey-color);
				}
			}
		}
	}

	& .inner-menu-dropdown {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: auto;
		width: auto;
		min-width: 100%;
		padding: 0;
		z-index: 90;
		opacity: 0.0;
		overflow: clip;
		pointer-events: none;
		-webkit-transition: all 400ms var(--ease-out-quart);
		transition: all 400ms var(--ease-out-quart);

		& .set-button.light {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		& .mega-menu-items {
			--active-hover-callout-background: var(--control-black-60);

			display: flex;
			flex-flow: row nowrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
			max-width: 100%;
			margin: 0 auto;
			padding: 0;
			z-index: 10;

			&:has(.dd-menu) {
				background: var(--active-hover-callout-background);
			}

			& .left-menu-section {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: stretch;
				align-items: stretch;
				align-content: stretch;
				margin: 0 auto;
				padding: 0;
				-ms-overflow-style: none;
				overflow: -moz-scrollbars-none;
				overflow: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				width: 100%;

				&:has(.normal-menu-items) {
					& .inner-drop-column-section .inner-drop-column-section-item-wrap {
						flex-flow: column wrap !important;
					}
				}

				&:has(.custom-drop-menu:first-child:last-child) {
					justify-content: center !important;

					& .inner-drop-column-section {
						padding-bottom: 32px !important;
					}
				}

				& .drop-menu-column {
					position: relative;
					display: flex;
					flex-flow: row wrap;
					justify-content: stretch;
					align-items: stretch;
					align-content: stretch;
					max-width: 1300px;
					background: var(--mega-menu-background);

					&.normal-menu-items {
						--mega-menu-background: var(--active-hover-callout-background);
					}

					&:not(:last-child) {
						/*						border-right: 1px solid var(--header-border-color);*/
						transition: all 800ms var(--ease-out-expo);

						&.menu-callout-column {
							border-right: 1px solid var(--header-border-color);
						}

						&:has(.menu-callout-column-link-wrap:hover),
						&:has(.menu-callout-column-link-wrap:active) {
							border-right-color: var(--trinova-blue-50) !important;
						}
					}

					& .inner-drop-column {
						position: relative;
						display: flex;
						flex-flow: row nowrap;
						justify-content: flex-start;
						align-items: stretch;
						align-content: stretch;
						flex: 100% 0 0;

						&:has(.inner-drop-column-section:nth-child(2)) .inner-drop-column-section .inner-drop-column-section-item-wrap {
							flex-flow: column wrap !important;

							&:has(.custom-drop-menu-item:nth-child(4)) {
								flex-direction: row !important;
							}
						}

						& .inner-drop-column-section {
							--drop-column-padding: 32px clamp(30px, 5vw, 40px) 60px;

							position: relative;
							display: flex;
							flex-flow: column wrap;
							justify-content: flex-start;
							align-items: stretch;
							align-content: stretch;
							margin: 0;
							padding: var(--drop-column-padding);
							gap: 10px;

							&:not(:nth-child(1)) {
								padding-left: 8px !important;
							}

							&:has(.dd-menu) {
								padding: 0;
								flex-flow: row wrap;
								justify-content: flex-start;
								gap: 0;
							}

							& .inner-drop-column-section-item-wrap {
								position: relative;
								display: flex;
								flex-flow: row wrap;
								justify-content: flex-start;
								align-items: stretch;
								align-content: stretch;
								margin: 0 -14px;
								padding: 0;
								gap: 8px 20px;

								&:has(:nth-child(4)) {
									flex-flow: row wrap !important;
								}
							}

							& .drop-column-title {
								font-family: var(--nav-font);
								text-transform: uppercase;
								line-height: 1.4 !important;
								display: block;
								padding-left: 0;
								padding-right: 0;
								letter-spacing: var(--main-menu-letter-spacing) !important;
								font-weight: var(--main-menu-font-weight);
								margin-bottom: 0px;
								-webkit-font-smoothing: antialiased;
								font-size: var(--main-menu-font-size) !important;
								color: var(--control-black-530, #80818B);
								max-width: 320px;
							}

							& .custom-drop-menu-item {
								position: relative;
								display: block;
								padding: 0;
								width: clamp(250px, 16vw, 300px);

								& .custom-drop-menu-item-link {

									&,
									&:focus {
										display: flex;
										flex-flow: column wrap;
										width: 100%;
										max-width: 300px;
										text-transform: none !important;
										letter-spacing: 0 !important;
										font-size: 1.0rem !important;
										font-family: var(--body-font) !important;
										justify-content: flex-start;
										padding: 12px 14px 15px !important;
										margin: 0 !important;
										border: 0 !important;
										background: transparent !important;
										border-color: transparent !important;
										border: 0 !important;
										text-decoration: none !important;

										@media (max-width: 1200px) {
											& {
												max-width: 270px;
											}
										}

										& .wrap-text {
											display: block;
											padding: 0 !important;
											transition: var(--button-easing);
										}
									}

									& .menu-link-item-title {
										display: block;
										font-weight: var(--main-menu-font-weight);
										color: var(--header-color, #000) !important;
										letter-spacing: var(--main-menu-letter-spacing);
										text-transform: uppercase;
										font-size: var(--main-menu-font-size) !important;
										line-height: 1.4;
										padding: 0;
										margin: 0;
										-webkit-font-smoothing: antialiased;

										&:not(:last-child) {
											margin-bottom: 2px;
										}
									}

									& .menu-link-item-description {
										display: block;
										font-weight: 400;
										color: var(--control-black-530, #81818D) !important;
										line-height: 1.4;
										text-wrap: pretty;
										font-size: .866rem !important;
										letter-spacing: var(--body-letter-spacing);
										-webkit-font-smoothing: antialiased;
									}

									&:hover,
									&:active {
										background: var(--light-background-hover-highlight) !important;
										border-color: transparent !important;
										border: 0 !important;

										& .menu-link-item-title {
											color: var(--primary-color) !important;
										}
									}
								}
							}

							& ul {

								&:before,
								&:after {
									display: none !important;
								}
							}

							& ul.dd-menu {
								position: relative;
								display: flex;
								flex-flow: row nowrap;
								justify-content: flex-start;
								align-items: flex-start;
								align-content: flex-start;
								/*								gap: clamp(24px, 5vw, 32px);*/
								gap: 0;

								& li {
									position: relative;
									display: block;
									padding: 0 0 6px !important;

									& a {
										position: relative;
										padding: 10px 15px;
										border-radius: 6px;
										margin: 0 -15px;
										font-weight: 600;
										line-height: 1.2 !important;
										letter-spacing: var(--main-menu-letter-spacing);
										font-size: var(--main-menu-font-size) !important;
										text-transform: uppercase;

										& .inner-menu-item-wrap {

											&,
											& .menu-title {
												padding: 0 !important;
												font-weight: inherit !important;
												line-height: inherit !important;
												font-size: inherit !important;
												color: inherit !important;
												letter-spacing: inherit !important;
											}
										}

										&,
										&:focus {
											color: var(--header-color, #000) !important;
											text-decoration: none !important;
											background: transparent;
										}

										&:hover,
										&:active {
											color: var(--header-color, #000) !important;
											text-decoration: none !important;
											background: var(--normal-background-hover-highlight) !important;
										}
									}
								}
							}

							&>ul.dd-menu {
								&>li {
									padding: var(--drop-column-padding) !important;
									background: var(--active-hover-callout-background);
									min-height: 100%;

									&>a {
										font-family: var(--header-font);
										text-transform: uppercase;
										line-height: 1.2 !important;
										letter-spacing: var(--main-menu-letter-spacing);
										font-size: var(--main-menu-font-size) !important;
										display: block;
										font-weight: 600;
										margin-bottom: 10px;
										/*										-webkit-font-smoothing: antialiased;*/
										padding: 0;
										margin: 0 0 10px !important;

										&,
										&:focus {
											color: var(--control-black-530, #80818B) !important;
											text-decoration: none !important;
											background: transparent;
										}

										&:hover,
										&:active {
											color: var(--header-color, #000) !important;
											text-decoration: none !important;
											background: transparent;
										}
									}
								}

								&:has(> li + li) {
									&>li:nth-child(odd) {
										--active-hover-callout-background: #fff;
									}

									&>li:first-child>ul.dd-menu:has(> li:nth-child(3)) {
										--col-count: 2;
										--col-gap: 30px;

										-webkit-column-count: var(--col-count);
										-webkit-column-gap: var(--col-gap);
										column-count: var(--col-count);
										column-gap: var(--col-gap);
									}
								}
							}

						}
					}

					&.menu-callout-column {
						flex: 221px 0 0;

						@media (max-width: 1250px) {
							& {
								flex: 183px 0 0;
							}
						}

						& .inner-drop-column {
							padding: 0;
						}

						& .menu-callout-column-link-wrap {
							position: relative;
							display: flex;
							flex-flow: column wrap;
							justify-content: flex-start;
							align-items: stretch;
							align-content: stretch;
							padding: 32px clamp(12px, 5vw, 18px) 60px;
							background: transparent;
							transition: all 800ms var(--ease-out-expo);
							will-change: background;
							gap: 24px;

							& .menu-callout-image {
								position: relative;
								display: block;
								width: 100%;
								max-width: 100%;
								height: auto;
								aspect-ratio: 1.34;
								border-radius: 6px;
								overflow: clip;
								background: #000;
								z-index: 1;

								&>img {
									position: relative;
									display: block;
									width: 100%;
									height: 100%;
									object-fit: cover;
									object-position: center top;
									transition: all 1800ms var(--ease-out-expo);
									transform: scale(1.0, 1.0);
									will-change: transform, opacity;
									opacity: 1;
								}

								&.contain {
									border-radius: 0;
									background: transparent;

									&>img {
										object-fit: contain;
										object-position: center bottom;
									}
								}

								&.background {
									position: absolute;
									left: 0;
									right: 0;
									top: 0;
									bottom: 0;
									border-radius: 0;
									aspect-ratio: initial;
									width: 100% !important;
									height: 100% !important;

									&>img {
										position: absolute;
										width: 100%;
										height: 100%;
										object-fit: cover;
										object-position: left bottom;
									}
								}
							}

							& .menu-callout-details {
								position: relative;
								display: block;
								width: 100%;
								z-index: 100;

								& .menu-callout-details-title {
									position: relative;
									display: block;
									color: #000;
									text-decoration: none !important;
									line-height: 1.2;
									font-weight: 500;
									font-size: 1.0rem;
									-webkit-font-smoothing: auto;

									&:not(:last-child) {
										margin-bottom: 6px;
									}
								}

								& .menu-callout-details-description {
									position: relative;
									display: block;
									color: inherit;
									text-decoration: none !important;
									color: var(--control-black-530, #81818D) !important;
									line-height: 1.4;
									text-wrap: pretty;
									font-size: .866rem !important;
									-webkit-font-smoothing: antialiased;

									& p {
										line-height: inherit !important;
									}

									&:not(:last-child) {
										margin-bottom: 14px;
									}
								}

								& .menu-callout-link-text {
									position: relative;
									display: inline-block;
									color: #000;
									font-family: var(--header-font);
									margin-bottom: 0;
									text-decoration: none !important;
									line-height: 1.2;
									text-transform: uppercase;
									letter-spacing: var(--main-menu-letter-spacing) !important;
									font-size: var(--main-menu-font-size) !important;
									font-weight: var(--main-menu-font-weight) !important;
									-webkit-font-smoothing: antialiased;

									&:before {
										position: absolute;
										content: '';
										left: 0;
										right: auto;
										width: 100%;
										opacity: 1;
										bottom: -2px;
										height: 1.5px;
										background: currentColor;
										transition: transform 600ms var(--ease-out-expo);
									}
								}
							}

							&,
							&:focus {
								color: #000;
								text-decoration: none !important;
								background: transparent;

								& .menu-callout-details {
									& .menu-callout-link-text {
										&:before {
											opacity: 1;
											transform: scaleX(1);
											transform-origin: left 0;
										}
									}
								}
							}

							&:hover,
							&:active {
								color: #000;
								text-decoration: none !important;
								background: var(--light-background-hover-highlight);

								& .menu-callout-image:not(.contain) {
									&>img {
										transform: scale(1.05, 1.05);
									}
								}

								& .menu-callout-details {
									& .menu-callout-link-text {
										&:before {
											opacity: 1;
											transform: scaleX(0);
											transform-origin: right 0;
										}
									}
								}
							}
						}

						& .menu-callout-column-link-wrap:has(.menu-callout-image.background) {
							justify-content: center !important;

							& .menu-callout-details {
								color: var(--body-color) !important;

								& .menu-callout-details-title,
								& .menu-callout-link-text {
									color: #fff !important;

									&:before {
										background: #fff !important;
									}
								}

								& .menu-callout-details-description {
									margin-bottom: 17px !important;

									&,
									& p {
										color: var(--body-color) !important;
									}
								}

								& .menu-callout-details-title {
									line-height: 1.1;
									font-family: var(--header-font);
									font-size: clamp(1.4rem, 3vw, 2.0rem);
									font-weight: 400 !important;
								}
							}
						}

					}
				}

				&::-moz-scrollbar,
				&::-webkit-scrollbar {
					width: 0px;
					display: none;
				}
			}
		}
	}

	& .inner-menu-dropdown .mega-menu-items .dd-left-menu {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		margin: 0;
		padding: 0;
		width: auto;

		&>li {
			--item-width: 190px;

			position: relative;
			display: block;
			width: auto;
			max-width: var(--item-width);
			flex: 0 0 var(--item-width);
			scroll-snap-align: start;
			padding: 7px !important;
			counter-increment: big-menu-item;

			&:first-child,
			&:last-child {
				--item-width: 209px;
			}

			&:first-child {
				padding-left: 26px !important;
			}

			&:last-child {
				padding-right: 26px !important;
			}
		}
	}

	&.has-right-side {
		& .inner-menu-dropdown {
			right: auto;
			width: 70%;
		}

		& .mega-menu-right-side-content {
			position: relative;
			right: 0;
			top: 0;
			bottom: 0;
			left: auto;
			width: 30%;
			background: var(--primary-color);
			color: #fff;
			padding: 50px clamp(30px, 4vw, 55px);

			& p:not(:last-child) {
				margin-bottom: 20px;
			}

			& .small-headline {
				margin-bottom: 2px !important;
			}

			& .underline-link {
				& {
					color: #fff !important;

					&:hover,
					&:active,
					&:focus {
						color: var(--secondary-color) !important;
					}
				}
			}
		}

		@media (max-width: 1300px) {
			& .inner-menu-dropdown {
				width: 75%;
			}

			& .mega-menu-right-side-content {
				width: 25%;
			}
		}
	}

	&.open {
		pointer-events: auto;
		z-index: 100;

		& .inner-menu-dropdown {
			position: relative;
			display: block;
			opacity: 1.0;
			z-index: 100;
			pointer-events: auto;
			height: auto;
			overflow: visible;
		}
	}

	& .drop-down-col {
		padding: 15px;
	}

	& .tag-title {
		padding: 0;
	}

	& .inner-media-col {
		position: relative;
		display: block;
		text-align: center;

		& .color-overlay {
			position: absolute;
			top: 0;
			left: 0;
			bottom: -2px;
			right: 0;
			background: var(--dark-grey-color);
			opacity: 0.0;
			-webkit-transition: all 120ms linear;
			transition: all 120ms linear;
			z-index: 9;
		}

		&:hover {
			& .color-overlay {
				opacity: 0.7;
			}
		}
	}

	& .media-col-img {
		position: relative;
		display: block;
		min-height: 170px;
		border-bottom: 2px solid var(--dark-grey-color);
	}

	& .media-link {
		display: block;
		padding: 18px 10px;

		& .avatar-holder {
			position: relative;
			left: auto;
			right: auto;
			bottom: auto;
		}
	}

	& li:before {
		display: none;
	}
}


.detailed-menu-dropdown .dd-menu {
	position: relative !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
	background: transparent;
	min-width: 0;
	padding: 0;
	margin: 0 !important;
	list-style: none;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
	max-width: 1300px;
	width: 100%;
}

.detailed-menu-dropdown .dd-menu:before,
.detailed-menu-dropdown .dd-menu:after {
	content: "";
	display: table;
}

.detailed-menu-dropdown .dd-menu:after {
	clear: both;
}

@media (max-width: 1400px) {
	.detailed-menu-dropdown .dd-menu {
		max-width: 1100px;
	}
}

.detailed-menu-dropdown .dd-menu a,
.detailed-menu-dropdown .dd-menu a:focus {
	font-family: var(--body-font);
	line-height: 1.0;
	font-weight: 400;
	color: var(--main-menu-color);
	background: transparent;
	text-transform: none;
	font-size: var(--main-menu-font-size);
	letter-spacing: 0px;
	margin: 0;
	padding: 4px 0 7px;
	line-height: 1.4;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
}

.detailed-menu-dropdown .dd-menu a:hover,
.detailed-menu-dropdown .dd-menu a:active {
	color: var(--main-menu-hover-color);
}

.detailed-menu-dropdown .right-mega-menu-items>.dd-menu>li>a,
.detailed-menu-dropdown .right-mega-menu-items>.dd-menu>li>a:focus {
	font-family: var(--header-font);
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.1em !important;
	font-weight: 600;
	margin-bottom: 4px;
	-webkit-font-smoothing: auto;
}

.detailed-menu-dropdown .dd-menu a .inner-menu-item-wrap {
	position: relative;
	display: block;
	text-align: left;
}

.detailed-menu-dropdown .mega-menu-items .dd-menu a .inner-menu-item-wrap .menu-title {
	position: relative;
	display: block;
	padding-bottom: 4px;
	font-weight: 400;
	line-height: 1.3;
	font-size: 1.05em;
	-webkit-font-smoothing: antialiased;
	transition: all 100ms linear;
}

.detailed-menu-dropdown .dd-menu a .inner-menu-item-wrap .menu-title sup {
	font-size: 0.6em;
	top: -0.4em;
	color: inherit;
}

.detailed-menu-dropdown .dd-menu a .inner-menu-item-wrap .menu-description {
	position: relative;
	display: block;
	color: #888;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.3;
	-webkit-font-smoothing: auto;
	transition: all 100ms linear;
}

.detailed-menu-dropdown .dd-menu a .inner-menu-item-wrap .menu-image {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}

.detailed-menu-dropdown .dd-menu a .inner-menu-item-wrap .menu-image img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1.5;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.detailed-menu-dropdown .dd-menu a:hover .inner-menu-item-wrap .menu-image img,
.detailed-menu-dropdown .dd-menu a:active .inner-menu-item-wrap .menu-image img,
.detailed-menu-dropdown .dd-menu a:focus .inner-menu-item-wrap .menu-image img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.detailed-menu-dropdown .mega-menu-items .dd-menu a:hover .inner-menu-item-wrap .menu-title,
.detailed-menu-dropdown .mega-menu-items .dd-menu a:active .inner-menu-item-wrap .menu-title,
.detailed-menu-dropdown .mega-menu-items .dd-menu a:focus .inner-menu-item-wrap .menu-title {
	color: var(--primary-color);
}

.detailed-menu-dropdown .dd-menu a:hover .inner-menu-item-wrap .menu-description,
.detailed-menu-dropdown .dd-menu a:active .inner-menu-item-wrap .menu-description,
.detailed-menu-dropdown .dd-menu a:focus .inner-menu-item-wrap .menu-description {
	color: var(--primary-color);
	opacity: 0.7;
}

.detailed-menu-dropdown .dd-menu .add-top-line {
	margin-top: 10px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.detailed-menu-dropdown .dd-menu>li {
	padding: 5px 2em !important;
	margin: 0;
	list-style: none;
	width: auto;
	/*	width: 33.33%;*/
}

.detailed-menu-dropdown .dd-menu.menu-background-menu {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	padding: 30px 30px !important;
}

@media (max-height: 600px) {
	.detailed-menu-dropdown .dd-menu.menu-background-menu {
		padding: 20px 30px !important;
	}
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li {
	position: relative;
	float: left;
	clear: none !important;
	width: 20% !important;
	padding: 10px !important;
	background: transparent;
}

@media (max-width: 1400px) {
	.detailed-menu-dropdown .dd-menu.menu-background-menu>li {
		width: 25% !important;
	}
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	height: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	background: #000;
	font-weight: 400;
	min-height: 275px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
	-webkit-box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.2);
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a>span {
	position: relative;
	display: block;
	padding: 90px 30px;
	background: transparent;
	z-index: 50;
	height: 100%;
}

@media (max-height: 600px) {
	.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a>span {
		padding: 60px 30px 90px;
	}
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a .menu-background-image {
	position: absolute;
	padding: 80px 30px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	opacity: 0.5;
	overflow: hidden;
	z-index: 1;
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a .menu-icon {
	position: absolute;
	display: block;
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: 3;
	left: 0;
	top: 0;
	right: -2px;
	bottom: -16px;
	background-size: 75px;
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:hover,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:active,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:focus {
	color: #ffffff;
	text-decoration: none;
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:hover:after,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:active:after,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:focus:after {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	opacity: 1.0;
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:hover .no-menu-icon,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:active .no-menu-icon,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:focus .no-menu-icon {
	opacity: 1.0;
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:hover .menu-background-image,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:active .menu-background-image,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:focus .menu-background-image {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:hover>span>span.vertical-center-wrapper>p.filler,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:active>span>span.vertical-center-wrapper>p.filler,
.detailed-menu-dropdown .dd-menu.menu-background-menu>li>a:focus>span>span.vertical-center-wrapper>p.filler {
	opacity: 1.0;
}

.detailed-menu-dropdown .dd-menu .dd-menu {
	position: relative !important;
	float: none !important;
	display: block !important;
	width: auto;
	padding: 6px 0 12px;
	margin: 0;
	font-family: var(--button-font);
}

.detailed-menu-dropdown .dd-menu .dd-menu>li {
	position: relative;
	float: none;
	width: auto;
	display: block;
	padding: 2px 0 !important;
	margin: 0;
}

.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu {
	padding-left: 0;
	margin-bottom: 20px;
}

.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu>li {
	position: relative;
	padding-left: 16px !important;
}

.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu>li:before {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -1px;
	width: 7px;
	height: 1px;
	background: var(--open-dropdown-main-menu-color);
	content: '';
	display: inline-block;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu>li:has(a:focus):before,
.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu>li:has(a:hover):before,
.detailed-menu-dropdown .dd-menu .dd-menu .dd-menu>li:has(a:active):before {
	background: var(--open-dropdown-main-menu-hover-color);
}

.detailed-menu-dropdown .dd-menu .dd-menu a .inner-menu-item-wrap,
.detailed-menu-dropdown .dd-menu .dd-menu a .inner-menu-item-wrap .menu-title {
	color: inherit;
}

.detailed-menu-dropdown .dd-menu .dd-menu a {
	color: var(--main-menu-color);
	font-size: var(--mega-menu-font-size);
	margin: 0;
	padding: var(--mega-menu-item-padding);
	font-weight: var(--mega-menu-item-font-weight);
	font-family: var(--body-font);
	letter-spacing: 0;
	text-decoration: underline 1px color-mix(in srgb, var(--main-menu-color) 0%, transparent 100%) !important;
}

.detailed-menu-dropdown .dd-menu .dd-menu a:hover,
.detailed-menu-dropdown .dd-menu .dd-menu a:active,
.detailed-menu-dropdown .dd-menu .dd-menu a:focus {
	color: var(--main-menu-hover-color) !important;
	text-decoration-color: var(--main-menu-hover-color) !important;
}

.detailed-menu-dropdown .col-md-12>.dd-menu>li {
	width: 16.666666666667%;
}

.detailed-menu-dropdown .col-md-6 .link-title .inner-link-title {
	text-transform: none;
	font-family: var(--button-font);
	letter-spacing: 0.2px;
	font-weight: 600;
	font-size: 18px;
}

.detailed-menu-dropdown .col-md-6>.dd-menu>li {
	width: 50%;
}

.detailed-menu-dropdown .col-md-6>.dd-menu>li:nth-child(2n-1) {
	clear: left;
}

.detailed-menu-dropdown .menu-drop {
	position: relative;
	z-index: 10;
	padding: 45px 4vw !important;
}

.detailed-menu-dropdown .menu-drop:before,
.detailed-menu-dropdown .menu-drop:after {
	content: "";
	display: table;
}

.detailed-menu-dropdown .menu-drop:after {
	clear: both;
}

.detailed-menu-dropdown .menu-drop>.dd-menu>li>.dropdown-toggle,
.detailed-menu-dropdown .menu-drop>.dd-menu>li>.dropdown-toggle-mm {
	display: block;
}

.detailed-menu-dropdown .menu-drop .menu-visible-title {
	position: relative;
	display: block;
	color: #585757;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 0 0 16px;
	font-family: var(--button-font);
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: flex-start;
	align-content: stretch;
	flex-wrap: wrap;
	font-family: var(--button-font);
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu {
	justify-content: stretch !important;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu>li {
	display: block !important;
	float: none !important;
	width: 100% !important;
	padding: 0 0 12px !important;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu>li a {
	display: inline-block !important;
	font-weight: 600 !important;
	color: #222 !important;
	text-decoration: none !important;
	font-family: var(--button-font);
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu>li a:hover,
.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu>li a:active,
.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .dd-menu>li a:focus {
	color: var(--primary-color) !important;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-left-menu-drop {
	position: relative;
	width: 50%;
	font-family: var(--button-font);
	padding-top: 4px;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop {
	position: relative;
	width: 50%;
	padding: 8px 20px 8px 40px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	font-family: var(--button-font);
}

@media (max-width: 1200px) {
	.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop {
		padding-right: 0;
	}
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content {
	display: block;
	color: #b5b5b5;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content p {
	color: #b5b5b5;
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 1.4;
}

@media (max-width: 1200px) {
	.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content p {
		font-size: 15px;
	}
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content p:last-child {
	margin-bottom: 0;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content .read-more-link {
	color: var(--primary-color);
	font-size: 0.92em;
}

.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content .read-more-link:hover,
.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content .read-more-link:active,
.detailed-menu-dropdown .menu-drop .inner-menu-drop-columns .inner-right-menu-drop .menu-right-description-content .read-more-link:focus {
	color: #585757;
}

.inner-menu-dropdown {
	padding: 0;
}

.inner-menu-dropdown .menu-callout-wrapper-row {
	height: 100%;
}

.inner-menu-dropdown .menu-callout-wrapper-row .left-menu-section {
	height: 100%;
}

.inner-menu-dropdown .menu-callout-wrapper-row .left-menu-section .menu-image-area {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.inner-menu-dropdown .menu-callout-wrapper {
	position: relative;
	padding: 0 !important;
	background: transparent;
}

.inner-menu-dropdown .menu-callout-wrapper .left-menu-section {
	position: relative;
	display: block;
	padding: 80px 4vw;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-area {
	position: relative;
	display: block;
	z-index: 100;
	overflow: visible;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-area>img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.inner-menu-dropdown .menu-callout-wrapper a.side-menu-title {
	position: relative;
	display: inline-block;
	margin: 0 0 12px;
	font-family: var(--button-font);
	line-height: 1.0;
	font-weight: 400;
	color: #585757;
	background: transparent;
	text-transform: none;
	font-size: 15px;
	letter-spacing: 0px;
}

.inner-menu-dropdown .menu-callout-wrapper a.side-menu-title:hover,
.inner-menu-dropdown .menu-callout-wrapper a.side-menu-title:active,
.inner-menu-dropdown .menu-callout-wrapper a.side-menu-title:focus {
	color: var(--dark-grey-color);
	text-transform: none;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-holder {
	position: relative;
	width: 100%;
	height: calc(1.5vw * 12);
	max-height: 240px;
	display: block;
	z-index: 1;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #585757;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-holder:after {
	position: absolute;
	display: block;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	pointer-events: none;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	-webkit-transition: all 1000ms var(--ease-out-expo) !important;
	transition: all 1000ms var(--ease-out-expo) !important;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-holder>img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	z-index: 1;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	opacity: 0.0;
	-webkit-transition: all 1000ms var(--ease-out-expo) !important;
	transition: all 1000ms var(--ease-out-expo) !important;
	transform-origin: 50% 50%;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-image-holder>img.visible {
	opacity: 1.0;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
}

.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:hover:after,
.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:active:after,
.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:focus:after {
	opacity: 1;
}

.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:hover>img,
.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:active>img,
.inner-menu-dropdown .menu-callout-wrapper a.menu-image-holder:focus>img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image {
	position: relative;
	display: block;
	font-family: var(--button-font);
	color: #585757;
	font-weight: 400;
	font-size: 11.5px;
	padding: 12px 0 0;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image b,
.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image strong,
.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image .bold {
	font-weight: var(--strong-font-weight);
	color: #585757;
}

.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image p,
.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image b,
.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image strong,
.inner-menu-dropdown .menu-callout-wrapper .menu-content-below-image .bold {
	letter-spacing: 0.2px !important;
}

@media (max-width: 1024px) {
	.show-on-mobile {
		display: block !important;
	}
}

.search-main {
	position: relative;
	display: block;
	padding-bottom: 80px;
}

@media (max-width: 1024px) {
	.search-main {
		padding-bottom: 60px;
	}
}

.search-main .category-row .category-row-list-scroll {
	text-align: left;
}

@media (min-width: 1101px) {
	.search-main .category-row .category-row-list-scroll .category-row-list {
		padding: 0 4vw;
	}
}

.search-main #intro-section {
	padding: 180px 0px 160px;
}

@media (max-width: 1024px) {
	.search-main #intro-section {
		padding: 170px 0px 200px;
	}
}

.search-main #intro-section>.background-image-with-opacity>.img-hold {
	opacity: 1.0;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.search-main #search_part_left {
	padding: 0 30px 0 40px;
}

@media (max-width: 1024px) {
	.search-main #search_part_left {
		padding: 0px 30px 20px 30px;
	}
}

.search-main .search-fields-row {
	align-items: flex-end;
}

.search-main .search-fields-row .results-text {
	display: block;
	padding-bottom: 5px;
	font-weight: var(--strong-font-weight);
	text-align: center;
}

.search-main #search_part_right {
	padding: 0 30px;
}

.search-main #sub-nav-float {
	padding: 0;
}

.search-main #search-details #search-details-line-right {
	padding: 24px 30px 30px;
}

@media (min-width: 1025px) {
	.search-main #search-details #search-details-line-right {
		text-align: right;
		padding-bottom: 24px;
	}
}

.search-main #search-results {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 0;
	margin-bottom: 40px;
}

.search-main #search-results #results-title {
	padding: 0;
}

.search-main #search-results #results-content {
	position: relative;
	z-index: 100;
	padding: 0;
	background: transparent;
}

.search-main #search-results #results-content .search-bottom-links {
	position: relative;
	display: block;
}

@media (min-width: 1025px) {
	.search-main #search-results #results-content .search-bottom-links .set-button {
		margin-bottom: 0;
	}
}

.search-main #search-results #results-content .search-bottom-links .float-link-right {
	display: block;
	margin-top: 0;
	padding: 10px 0;
}

@media (min-width: 1025px) {
	.search-main #search-results #results-content .search-bottom-links .float-link-right {
		float: right;
		text-align: right;
		padding: 13px 0;
	}
}

.search-main #search-results #results-content .post-loop {
	position: relative;
	display: block;
}

@media (max-width: 767px) {
	.search-main #search-results #results-content .post-loop {
		margin: 0 auto;
	}
}

.search-main #search-results #results-content .post-loop .post {
	position: relative;
	padding: 0 30px 40px;
	margin: 0 0 40px;
	border: 0;
}

@media (max-width: 767px) {
	.search-main #search-results #results-content .post-loop .post {
		margin-bottom: 20px;
	}
}

.search-main #search-results #results-content .post-loop .post:after {
	position: absolute;
	content: '';
	left: 30px;
	right: 30px;
	display: block !important;
	bottom: 0;
	height: 1px;
	width: auto;
	background: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
	.search-main #search-results #results-content .post-loop .post:after {
		display: none !important;
	}
}

.search-main #search-results #results-content .post-loop .post:last-child {
	margin-bottom: 0;
	border: 0;
	padding-bottom: 0;
}

.search-main #search-results #results-content .post-loop .post:last-child:after {
	display: none !important;
}

.search-main #search-results #results-content .post-loop .post .col-md-4,
.search-main #search-results #results-content .post-loop .post .col-sm-4,
.search-main #search-results #results-content .post-loop .post .col-md-3,
.search-main #search-results #results-content .post-loop .post .col-sm-3 {
	padding: 0 !important;
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link {
	position: relative;
	display: block;
	overflow: hidden;
	background: #f3f3f3;
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link .media-col-img {
	display: block;
	aspect-ratio: 1/0.6;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link .media-col-img img,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link .media-col-img img,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link .media-col-img img,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link .media-col-img img {
	object-fit: contain;
	object-position: center center;
	font-family: 'object-fit: contain; object-position: center;';
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link .media-col-img:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 5;
	display: block;
	pointer-events: none;
	background: #000;
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link:hover .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link:active .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link:hover .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link:active .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link:hover .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link:active .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link:hover .media-col-img,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link:active .media-col-img {
	opacity: 1;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link:hover .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-md-4 .post-image-link:active .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link:hover .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-4 .post-image-link:active .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link:hover .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-md-3 .post-image-link:active .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link:hover .media-col-img:after,
.search-main #search-results #results-content .post-loop .post .col-sm-3 .post-image-link:active .media-col-img:after {
	opacity: 0.4;
}

.search-main #search-results #results-content .post-loop .post .col-md-8,
.search-main #search-results #results-content .post-loop .post .col-sm-8,
.search-main #search-results #results-content .post-loop .post .col-md-9,
.search-main #search-results #results-content .post-loop .post .col-sm-9 {
	padding: 30px 4vw;
}

.search-main #search-results #results-content .post-loop .post .col-md-8>p,
.search-main #search-results #results-content .post-loop .post .col-sm-8>p,
.search-main #search-results #results-content .post-loop .post .col-md-9>p,
.search-main #search-results #results-content .post-loop .post .col-sm-9>p {
	color: #8c8c8c;
	font-size: 0.9em;
}

@media (max-width: 767px) {

	.search-main #search-results #results-content .post-loop .post .col-md-8,
	.search-main #search-results #results-content .post-loop .post .col-sm-8,
	.search-main #search-results #results-content .post-loop .post .col-md-9,
	.search-main #search-results #results-content .post-loop .post .col-sm-9 {
		padding: 20px 0 0;
	}
}

.search-main .search-post-date {
	display: block;
	margin-bottom: 26px;
}

.search-main .search-post-date .small-headline-2 {
	letter-spacing: 0.5px;
}

.search-main .search-link {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--primary-color);
}

.search-excerpt {
	position: relative;
	display: block;
}

.search-main .search-link:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.search-main .search-link {
		margin-bottom: 8px;
	}
}

.search-main .search-link strong {
	line-height: 1.3 !important;
}

@media (max-width: 767px) {
	.search-main .search-link strong {
		font-size: 1.1em;
	}
}

.search-main .search-link:hover,
.search-main .search-link:active,
.search-main .search-link:focus {
	color: var(--secondary-color);
}

.add-center-line {
	position: relative;
}

.add-center-line:after {
	position: absolute;
	content: '';
	bottom: -15px;
	width: 100px;
	left: 50%;
	margin-left: -50px;
	background: var(--primary-color);
	height: 1px;
}

@media (max-width: 1024px) {
	.add-center-line:after {
		width: 50px;
		margin-left: -25px;
	}
}

.add-center-line.more-bottom:after {
	bottom: 0;
}

.add-center-line.lighter-line:after {
	opacity: 0.39;
}

.mobile-header-button {
	position: absolute;
	display: block;
	right: 45px;
	top: 2px;
}

.mobile-header-button a {
	color: #585757 !important;
}

.mobile-header-button a .material-icons-outlined {
	font-size: 22px;
}

.mobile-header-button a:hover,
.mobile-header-button a:active,
.mobile-header-button a:focus {
	color: #585757 !important;
}

@media (min-width: 1025px) {
	.mobile-header-button {
		display: none;
	}
}

.mobile-header-button.cart-contains-products .top-cart-button:after {
	position: absolute;
	content: '';
	background: var(--primary-color);
	display: block;
	z-index: 10;
	right: -6px;
	top: 0;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.top-menu-bar {
	position: relative;
	z-index: 1001;
	background: transparent;
	left: 0;
	right: 0;
	top: 0;
	text-align: right;
	padding: 0 20px;
	background: #f6f6f6;
	font-size: 0.8rem;
	border-bottom: 1px solid #e8e8e8;
	font-family: var(--nav-font);
	font-weight: 600;

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

	&,
	& p {
		& a {
			color: rgba(0, 0, 0, 0.6);

			&:hover,
			&:active {
				color: var(--primary-color);
				text-decoration: underline;
			}
		}
	}

	& ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: right;
		align-items: center;
		padding: 0;
		margin: 0;
		list-style: none;

		& li {
			display: inline-block;
			vertical-align: middle;
			padding: 5px 8px;

			& a {
				display: inline-block;
				padding: 3px 4px;
			}
		}
	}
}

.close-dropdown-menu {
	position: fixed;
	z-index: 1001;
	opacity: 0.0;
	pointer-events: none;
	top: var(--main-menu-bar-height);
	margin-top: 10px;
	right: 11px;
	background: transparent !important;
	border: 0;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
}

.close-dropdown-menu:before,
.close-dropdown-menu:after {
	background: #fff;
}

.close-dropdown-menu.active {
	opacity: 1.0;
	pointer-events: auto;
	display: flex;
}

.no-overflow {
	overflow: hidden !important;
}

.pop-up-window-holder {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
	touch-action: none;
	z-index: 9999999;
	text-align: center;
	display: flex;
	padding: 0;
	margin: 0;
	overflow: clip;
	-ms-overflow-style: none;
	scrollbar-width: none;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;

	&::-webkit-scrollbar,
	&::-moz-scrollbar {
		display: none;
		width: 0px;
		background: transparent;
	}
}

.pop-up-window-holder .bg-drop-color {
	display: block !important;
	height: auto !important;
	bottom: 0 !important;
	transition: all 600ms var(--ease-out-expo);
}

.pop-up-window-holder .close-button {
	position: absolute;
	pointer-events: none;
	opacity: 0.0;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
	background: var(--dark-grey-color);
	top: 18px;
	right: 18px;
	-webkit-box-shadow: -9.5px 5.5px 21px 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: -9.5px 5.5px 21px 0 rgba(0, 0, 0, 0);
	box-shadow: -9.5px 5.5px 21px 0 rgba(0, 0, 0, 0);
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.pop-up-window-holder .close-button:before,
.pop-up-window-holder .close-button:after {
	background: #ffffff !important;
	width: 13px;
	top: 13px;
	right: 7px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.pop-up-window-holder .close-button:hover,
.pop-up-window-holder .close-button:active,
.pop-up-window-holder .close-button:focus {
	background: #ffffff;
	opacity: 1.0;
}

.pop-up-window-holder .close-button:hover:before,
.pop-up-window-holder .close-button:hover:after,
.pop-up-window-holder .close-button:active:before,
.pop-up-window-holder .close-button:active:after,
.pop-up-window-holder .close-button:focus:before,
.pop-up-window-holder .close-button:focus:after {
	background: var(--dark-grey-color) !important;
}

.pop-up-window-holder .holder-content {
	position: absolute;
	display: block;
	z-index: 300;
	top: 0;
	left: 50%;
	margin: 80px 20px;
	padding: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: transparent;
	width: calc(100vw - 40px);
	height: auto;
	max-width: 920px;
	box-shadow: 0px 1.1px 2.2px rgba(0, 0, 0, 0.02), 0px 2.7px 5.3px rgba(0, 0, 0, 0.028), 0px 5px 10px rgba(0, 0, 0, 0.035), 0px 8.9px 17.9px rgba(0, 0, 0, 0.042), 0px 16.7px 33.4px rgba(0, 0, 0, 0.05), 0px 40px 80px rgba(0, 0, 0, 0.07);
	opacity: 0;
	-webkit-transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: opacity 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder .holder-content {
		position: relative;
		max-width: 600px;
		left: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		margin: 60px auto;
		padding: 0;
	}
}

.pop-up-window-holder .holder-content.full-holder {
	max-width: 100% !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 0 !important;
	right: 0 !important;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 0 !important;
}

.pop-up-window-holder .holder-content.full-holder .meetings-iframe-container {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.pop-up-window-holder .holder-content .content-scroll {
	position: relative;
	padding: 0;
	display: block;
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-holder {
	position: relative;
	display: block;
	text-align: left;
	padding: 20px 48px 15px 25px;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #eff1f4;
}

.pop-up-window-holder .holder-content .content-scroll.menu-popup {
	padding: 0 0 50px;
	font-family: var(--button-font) !important;
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-menu {
	position: relative;
	display: block;
	padding: 0;
	max-height: calc(100vh - 244px);
	overflow: scroll;
}

@media (max-width: 1024px),
(max-height: 500px) {
	.pop-up-window-holder .holder-content .content-scroll .content-popup-menu {
		max-height: 200px;
	}
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus {
	position: relative;
	display: block;
	padding: 11px 25px 9px;
	background: transparent;
	text-align: left;
	color: #8c8c8c;
	font-size: 13.5px;
	border-bottom: 1px solid #eff1f4;
	border-left: 0px solid var(--primary-color);
	font-weight: 400;
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:last-child,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus:last-child {
	border-bottom: 0;
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a.shortcut-key,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus.shortcut-key {
	padding-right: 105px;
}

.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:hover,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:active,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a.selected,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus:hover,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus:active,
.pop-up-window-holder .holder-content .content-scroll .content-popup-menu>a:focus.selected {
	background: transparent;
	color: #585757;
	border-left: 4px solid var(--primary-color);
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background: #f8f9fb;
	border-top: 1px solid #eff1f4;
	padding: 0;
	text-align: right;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 8px 12px 5px;
	height: 50px;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 10px;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li:after {
	position: absolute;
	content: '/';
	right: 2px;
	top: 3px;
	width: 1px;
	font-size: 12px;
	background: transparent;
	color: rgba(0, 0, 0, 0.15);
	display: block;
	font-style: italic;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li:last-child:after {
	display: none;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 2px;
	color: #8c8c8c;
	font-size: 12px;
	text-decoration: none;
}

.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li a:hover,
.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li a:active,
.pop-up-window-holder .holder-content .content-scroll .bottom-section-menu ul li a:focus {
	color: #585757;
	text-decoration: none;
}

.pop-up-window-holder.open {
	pointer-events: auto;
	touch-action: auto;
	display: flex;
	overflow: clip scroll;
}

.pop-up-window-holder.open .close-button {
	pointer-events: auto;
	opacity: 1;
}

.pop-up-window-holder.open .bg-drop-color {
	opacity: 0.0;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.pop-up-window-holder.open .bg-drop-color {
		opacity: var(--backdrop-color-opacity, 0.8);
	}
}

.pop-up-window-holder.open .holder-content {
	opacity: 1;
}

.pop-up-window-holder .top-bar-popup-menu {
	position: sticky;
	z-index: 500;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background: #ffffff;
	padding: 28px 34px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder .top-bar-popup-menu {
		height: 60px;
	}
}

.pop-up-window-holder .top-bar-popup-menu .float-mail-btn {
	position: absolute;
	right: 34px;
	top: 28px;
	color: #ffffff !important;
	font-size: 20px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder .top-bar-popup-menu .float-mail-btn {
		top: 18px;
		right: 28px;
	}
}

.pop-up-window-holder .top-bar-popup-menu .float-mail-btn:hover,
.pop-up-window-holder .top-bar-popup-menu .float-mail-btn:active,
.pop-up-window-holder .top-bar-popup-menu .float-mail-btn:focus {
	color: var(--primary-color) !important;
}

.pop-up-window-holder .top-bar-popup-menu .close-button {
	width: 22px;
	right: auto;
	top: 18px;
	right: 18px;
	color: #585757;
	text-align: left;
	padding: 0 0 0 22px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder .top-bar-popup-menu .close-button {
		top: 18px;
		right: 18px;
	}
}

.pop-up-window-holder .top-bar-popup-menu .close-button span.close-text {
	position: relative;
	display: none;
	color: #585757;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	font-weight: 600;
	font-size: 15px;
}

.pop-up-window-holder .top-bar-popup-menu .close-button:before,
.pop-up-window-holder .top-bar-popup-menu .close-button:after {
	background: #585757 !important;
	right: auto;
	left: 0;
	width: 22px;
	top: 11.5px;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.pop-up-window-holder .top-bar-popup-menu .close-button:hover,
.pop-up-window-holder .top-bar-popup-menu .close-button:active,
.pop-up-window-holder .top-bar-popup-menu .close-button:focus {
	color: var(--primary-color);
}

.pop-up-window-holder .top-bar-popup-menu .close-button:hover span.close-text,
.pop-up-window-holder .top-bar-popup-menu .close-button:active span.close-text,
.pop-up-window-holder .top-bar-popup-menu .close-button:focus span.close-text {
	color: var(--primary-color);
}

.pop-up-window-holder .top-bar-popup-menu .close-button:hover:before,
.pop-up-window-holder .top-bar-popup-menu .close-button:hover:after,
.pop-up-window-holder .top-bar-popup-menu .close-button:active:before,
.pop-up-window-holder .top-bar-popup-menu .close-button:active:after,
.pop-up-window-holder .top-bar-popup-menu .close-button:focus:before,
.pop-up-window-holder .top-bar-popup-menu .close-button:focus:after {
	color: var(--primary-color);
	background: var(--primary-color) !important;
}

.pop-up-window-holder .top-bar-popup-menu.open {
	background: #000 !important;
}

.pop-up-window-holder .top-bar-popup-menu.open .float-mail-btn {
	color: var(--dark-grey-color) !important;
}

.pop-up-window-holder .top-bar-popup-menu.open .float-mail-btn:hover,
.pop-up-window-holder .top-bar-popup-menu.open .float-mail-btn:active,
.pop-up-window-holder .top-bar-popup-menu.open .float-mail-btn:focus {
	color: var(--primary-color) !important;
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button {
	color: #ffffff;
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button span.close-text {
	color: #ffffff;
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button:before,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:after {
	color: #ffffff;
	background: #ffffff !important;
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button:hover,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:active,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:focus {
	color: var(--primary-color);
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button:hover span.close-text,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:active span.close-text,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:focus span.close-text {
	color: var(--primary-color);
}

.pop-up-window-holder .top-bar-popup-menu.open .close-button:hover:before,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:hover:after,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:active:before,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:active:after,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:focus:before,
.pop-up-window-holder .top-bar-popup-menu.open .close-button:focus:after {
	color: var(--primary-color);
	background: var(--primary-color) !important;
}

.pop-up-window-holder.side-popup {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	color: #8c8c8c;
	opacity: 1;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder.side-popup {
		background: #ffffff;
	}
}

.pop-up-window-holder.side-popup .bg-drop-color {
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {
	.pop-up-window-holder.side-popup .bg-drop-color {
		display: none !important;
	}
}

.pop-up-window-holder.side-popup .top-bar-popup-menu {
	float: right;
	background: #ffffff;
}

@media (max-width: 1024px) {
	.pop-up-window-holder.side-popup .top-bar-popup-menu {
		float: none;
	}
}

.pop-up-window-holder.side-popup .holder-content,
.pop-up-window-holder.side-popup .top-bar-popup-menu {
	left: auto;
	right: 0;
	width: 35vw;
	max-width: 640px;
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

@media (max-width: 1024px) {

	.pop-up-window-holder.side-popup .holder-content,
	.pop-up-window-holder.side-popup .top-bar-popup-menu {
		max-width: 100%;
		width: 100%;
		left: 0;
		right: 0;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

.pop-up-window-holder.side-popup.open .holder-content,
.pop-up-window-holder.side-popup.open .top-bar-popup-menu {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pop-up-window-holder.side-popup.open .bg-drop-color {
	opacity: var(--backdrop-color-opacity, 0.8);
}

.pop-up-window-holder.side-popup .holder-content {
	margin: 0;
	opacity: 1;
	padding: 120px 4vw;
	background: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	min-height: 100vh;

	@supports (height: 100dvh) {
		min-height: 100dvh;
	}
}

@media (min-width: 1025px) {
	.pop-up-window-holder.side-popup .holder-content {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		flex-direction: row;
		justify-content: stretch;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}
}

@media (max-width: 1024px) {
	.pop-up-window-holder.side-popup .holder-content {
		padding: 20px 30px 80px;
	}
}

.pop-up-window-holder.side-popup .holder-content .inner-holder-content {
	text-align: left;
	color: #8c8c8c;
}

.pop-up-window-holder.side-popup .holder-content .inner-holder-content .inner-content .row {
	align-items: flex-start;
}

.pop-up-window-holder.full-screen-popup {
	background-color: var(--dark-grey-color);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	color: #8c8c8c;
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.pop-up-window-holder.full-screen-popup .holder-content {
	opacity: 1;
}

.pop-up-window-holder.full-screen-popup.open {
	opacity: 1;
}

.pop-up-window-holder.full-screen-popup .bg-drop-color {
	display: none !important;
}

.pop-up-window-holder.full-screen-popup .holder-content {
	max-width: 100%;
	width: 100%;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	left: 0;
	right: 0;
	margin: 0;
	padding: 120px 5vw 120px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

@media (max-width: 1024px) {
	.pop-up-window-holder.full-screen-popup .holder-content {
		padding: 50px 50px 80px;
	}
}

@media (max-width: 1024px) {
	.pop-up-window-holder.full-screen-popup .holder-content {
		padding: 50px 0 80px;
	}
}

.pop-up-window-holder.full-screen-popup .holder-content .inner-holder-content {
	text-align: left;
	color: #8c8c8c;
}

.pop-up-window-holder.full-screen-popup .holder-content .inner-holder-content .inner-content .row {
	align-items: flex-start;
}

.pop-up-window-holder.full-screen-popup .holder-content .inner-holder-content .inner-content .row .contact-info-column {
	padding-top: 125px;
	padding-left: 7vw;
}

@media (max-width: 1024px) {
	.pop-up-window-holder.full-screen-popup .holder-content .inner-holder-content .inner-content .row .contact-info-column {
		padding-top: 50px;
		padding-left: 30px;
	}
}

.pop-up-window-holder.form-popup {
	text-align: left;
}

.pop-up-window-holder.form-popup .holder-content {
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	max-width: 680px;
	padding: 0;
	background: #ffffff;
	overflow: hidden;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 30px auto;
}

@media (max-width: 1024px) {
	.pop-up-window-holder.form-popup .holder-content {
		margin: 50px auto;
	}
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup .holder-content {
		max-width: 400px;
	}
}

.pop-up-window-holder.form-popup .holder-content .inner-holder-content {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: center;
	flex-wrap: wrap;
}

.pop-up-window-holder.form-popup .holder-content .inner-holder-content>img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	width: 33.333333333333%;
	max-height: none !important;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup .holder-content .inner-holder-content>img {
		width: 100%;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topleft: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
	}
}

.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll {
	position: relative;
	display: block;
	padding: 0;
	height: auto;
	max-height: none;
	width: 66.666666666667%;
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll {
		width: 100%;
	}
}

.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll .inner-content {
	position: relative;
	display: block;
	padding: 70px 50px;
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll .inner-content {
		padding: 40px 25px 50px;
	}
}

.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll .inner-content h6 {
	margin-bottom: 20px !important;
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup .holder-content .inner-holder-content .content-scroll .inner-content h6 {
		margin-bottom: 10px !important;
	}
}

.pop-up-window-holder.form-popup.open .bg-drop-color {
	opacity: var(--backdrop-color-opacity, 0.8);
}

.pop-up-window-holder.form-popup.weathering-callout-popup .holder-content {
	background: var(--dark-grey-color);
	color: #ffffff;
}

.pop-up-window-holder.form-popup.weathering-callout-popup .holder-content .inner-holder-content .content-scroll .inner-content .push-down-button {
	display: block;
	padding-top: clamp(50px, 10vw, 100px);
}

@media (min-width: 768px) {
	.pop-up-window-holder.form-popup.weathering-callout-popup .holder-content .inner-holder-content .content-scroll .inner-content {
		padding: clamp(60px, 10vw, 180px) 50px 40px;
	}

	.pop-up-window-holder.form-popup.weathering-callout-popup .holder-content .inner-holder-content .content-scroll {
		width: 48%;
	}

	.pop-up-window-holder.form-popup.weathering-callout-popup .holder-content .inner-holder-content>img {
		width: 52%;
	}
}

.pop-up-window-holder.form-popup.product-callout-popup .holder-content {
	--popup-body-color: var(--body-color, #999);
	--popup-header-color: var(--header-color, #000);

	background: #fff;
	color: var(--popup-body-color);
	border-radius: 6px;
	overflow: clip;

	& p {
		color: var(--popup-body-color);

		& .smaller {
			font-size: 0.92em;
			line-height: 1.3;
		}
	}

	& h1,
	& h2,
	& h3,
	& h4,
	& h5,
	& h6,
	& .h1,
	& .h2,
	& .h3,
	& .h4,
	& .h5,
	& .h6 {
		color: var(--popup-header-color);
	}

	& form.single-field {
		max-width: 100%;
	}
}

.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .column-img-wrap {
	position: relative;
}

@media (max-width: 767px) {
	.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .column-img-wrap {
		overflow: hidden;
		width: 100%;
		height: 220px;
	}
}

.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .column-img-wrap img {
	position: absolute;
	display: block;
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.pop-up-window-holder.form-popup.product-callout-popup .close-button {
	background: #ffffff !important;
	color: #000 !important;
}

.pop-up-window-holder.form-popup.product-callout-popup .close-button:before,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:after {
	background: #000 !important;
}

.pop-up-window-holder.form-popup.product-callout-popup .close-button:hover,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:active,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:focus {
	background: var(--primary-color) !important;
	color: #ffffff !important;
}

.pop-up-window-holder.form-popup.product-callout-popup .close-button:hover:before,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:hover:after,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:active:before,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:active:after,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:focus:before,
.pop-up-window-holder.form-popup.product-callout-popup .close-button:focus:after {
	background: #ffffff !important;
}

@media (min-width: 768px) {
	.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .content-scroll .inner-content {
		padding: 70px 40px 60px;
	}

	.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .content-scroll {
		width: 63%;
	}

	.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content .column-img-wrap {
		width: 37%;
	}

	.pop-up-window-holder.form-popup.product-callout-popup .holder-content .inner-holder-content:not(:has(.column-img-wrap)) .content-scroll {
		width: 100%;
	}
}

.pop-up-window-holder.form-popup.corner-popup {
	& .holder-content {
		width: calc(100vw - 100px);
		box-shadow: none !important;
	}

	& .popup-side-toggle-holder {
		position: absolute;
		bottom: 50px;
		top: auto;
		right: 0;
		width: 38px;
		overflow: visible;
		z-index: 100;
		pointer-events: none;

		& a {
			position: relative;
			display: inline-flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			align-content: center;
			flex-wrap: wrap;
			transition: all 300ms var(--ease-out-cubic);
			background: #fff;
			color: #000;
			width: 38px;
			gap: 10px 0;
			padding: 12px 10px 17px;
			left: 100%;
			opacity: 0;
			border-radius: 10px 0 0 10px;
			box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);

			&>span.spn-txt {
				position: relative;
				display: inline-block;
				writing-mode: tb-rl;
				transition: all 300ms var(--ease-out-cubic);
				color: inherit;
				font-weight: 400;
				font-size: 19px;
				transform: rotate(180deg);
				transform-origin: center center;
				line-height: 1;
				letter-spacing: -0.03rem;
			}

			&>span.spn-flame {
				position: relative;
				display: inline-block;
				width: 18px;
				height: 27px;

				&:before {
					opacity: 1;
					z-index: 1;
					background-position: 0 0;
				}

				&:after {
					opacity: 0;
					z-index: 10;
					background-position: 0 100%;
				}
			}

			&:focus,
			&:hover,
			&:active {
				background: var(--primary-color);
				color: #fff;

				&>span.spn-txt {
					color: #fff;
				}

				&>span.spn-flame {
					&:before {
						opacity: 0;
					}

					&:after {
						opacity: 1;
					}
				}
			}
		}

		&.open {
			pointer-events: auto;

			& a {
				left: 0;
				opacity: 1;
			}
		}
	}
}

@media (min-width: 768px) {
	.pop-up-window-holder.form-popup.corner-popup {
		width: calc(100vw - 100px);
		max-width: 730px;
		bottom: 0;
		right: 0;
		top: auto;
		left: auto;

		& .holder-content {
			position: relative;
			margin: 0;
			left: 0;
			right: auto;
			bottom: 0;
			margin-bottom: 50px;

			& .close-button {
				background: transparent !important;
				color: #3A3A3A !important;
				padding: 0 !important;
				border-radius: 0;

				&:before,
				&:after {
					background: #3A3A3A !important;
					width: 28px;
					top: 14px;
					right: 0;
					height: 4px;
				}

				&:focus,
				&:hover,
				&:active {
					background: transparent !important;
					color: #fff !important;

					&:before,
					&:after {
						background: #fff !important;
					}
				}
			}
		}

		& .bg-drop-color {
			display: none !important;
			pointer-events: none !important;
			opacity: 0 !important;
		}
	}
}

#shortcut-menu {
	display: none !important;
}

#shortcut-menu.open {
	display: block !important;
}

#shortcut-menu .holder-content {
	position: relative;
	background: #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	max-width: 500px;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#shortcut-menu.pop-up-window-holder .close-button,
#shortcut-menu.pop-up-window-holder .close-button:focus {
	background: var(--dark-grey-color);
	color: #fff;
}

#shortcut-menu.pop-up-window-holder .close-button:before,
#shortcut-menu.pop-up-window-holder .close-button:after,
#shortcut-menu.pop-up-window-holder .close-button:focus:before,
#shortcut-menu.pop-up-window-holder .close-button:focus:after {
	background: #fff !important;
}

#shortcut-menu.pop-up-window-holder .close-button:hover,
#shortcut-menu.pop-up-window-holder .close-button:active {
	background: var(--primary-color);
	color: #fff;
}

#shortcut-menu.pop-up-window-holder .close-button:hover:before,
#shortcut-menu.pop-up-window-holder .close-button:hover:after,
#shortcut-menu.pop-up-window-holder .close-button:active:before,
#shortcut-menu.pop-up-window-holder .close-button:active:after {
	background: #fff !important;
}

@media (max-width: 1024px) {
	#shortcut-menu .holder-content {
		top: 25%;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		left: 0;
		right: 0;
		max-width: 100%;
	}
}


#category-intro-banner .column-part {
	padding: 120px 30px 120px 30px !important;
}

@media (max-width: 1024px) {
	#category-intro-banner .column-part {
		padding: 60px 30px 60px 30px !important;
	}
}

#category-intro-banner.child-category-banner .column-part {
	padding: 80px 30px 80px 30px !important;
}

@media (max-width: 1024px) {
	#category-intro-banner.child-category-banner .column-part {
		padding: 60px 30px 60px 30px !important;
	}
}

#post-intro-banner .column-part {
	padding: 100px 30px 100px 30px !important;
}

@media (max-width: 1024px) {
	#post-intro-banner .column-part {
		padding: 60px 30px 60px 30px !important;
	}
}

#intro-banner-single {
	padding: 0;
}

#intro-banner-single .column-part {
	padding: 0px 15px 70px;
}

#intro-banner-single.no-thumbnail {
	padding-top: 50px;
	margin-top: 0;
}

#intro-banner-single.no-thumbnail .email-float-button {
	top: -22px;
}

@media (max-width: 1024px) {
	#intro-banner-single {
		padding-bottom: 60px;
	}
}

#post-intro-banner-single>.background-image-with-opacity {
	background: #000 !important;
}

#post-intro-banner-single>.background-image-with-opacity>.img-hold {
	opacity: 0.4 !important;
	z-index: 10;
	height: auto !important;
	bottom: 150px;
	background-position: center bottom;
}

@media (max-width: 1024px) {
	#post-intro-banner-single>.background-image-with-opacity>.img-hold {
		bottom: 50%;
	}
}

#post-intro-banner-single>.background-image-with-opacity:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 15;
	height: 10%;
	background: #ffffff;
}

#post-intro-banner-single .column-part {
	padding: 380px 0 0 0 !important;
}

#post-intro-banner-single .column-part.blockquote-column-part {
	padding: 480px 0 0 0 !important;
}

#post-intro-banner-single .column-part.blockquote-column-part .case-study-content-holder {
	font-size: 0.9em;
}

@media (max-width: 1200px) {
	#post-intro-banner-single .column-part {
		padding-top: 320px !important;
	}

	#post-intro-banner-single .column-part.blockquote-column-part {
		padding-top: 420px !important;
	}
}

@media (max-width: 1024px) {
	#post-intro-banner-single .column-part {
		padding: 90px 0 0 0 !important;
	}

	#post-intro-banner-single .column-part.blockquote-column-part {
		padding: 0 30px 10px !important;
		background: #ffffff;
	}
}

.mejs-container {
	margin-bottom: 30px;
}

.responsive-video-wrapper {
	position: relative;
	display: block;
	padding-bottom: 56.25% !important;
	padding-top: 30px !important;
	height: 0;
	overflow: hidden;
	margin: 0;
}

.responsive-video-wrapper iframe {
	position: absolute;
	display: block;
	z-index: 1;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}

.right-align-desktop {
	text-align: center;
}

@media (min-width: 1025px) {
	.right-align-desktop {
		text-align: right;
	}
}

.search-button {
	&.set-button.transparent-button {
		padding: 8.5px 9px 8.5px 11px !important;
	}

	& *[class^='material-icons'] {
		font-size: 24px !important;
		top: auto !important;
		padding: 0 !important;
	}
}

.fa {
	font-weight: 400 !important;
}

.fas,
.far {
	font-weight: 900 !important;
}

.vrule {
	position: relative;
	display: inline-block;
	border: 0 !important;
	padding: 0;
	width: 1px;
	height: 100%;
	pointer-events: none;
	text-indent: -9999em;
	overflow: hidden;

	&:before {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: var(--header-border-color);
	}
}

.center-content,
.content-center {
	display: block;
	text-align: center;
}

.center-content hr,
.content-center hr {
	margin-left: auto;
	margin-right: auto;
}

.left-content,
.content-left {
	display: block;
	text-align: left;
}

.right-content,
.content-right {
	display: block;
	text-align: right;
}

.font-bold-body {
	font-family: var(--button-font);
	font-weight: 600;
	display: inline-block;
	letter-spacing: -0.4px;
}

p .font-bold-body {
	line-height: 0.95;
}

.pop-up-notice {
	position: fixed;
	display: block;
	z-index: 999999999999;
	text-align: left;
	padding: 18px 20px;
	background: color-mix(in srgb, #04040f 90%, transparent);
	right: 20px;
	left: auto;
	bottom: 20px;
	min-height: 74px;
	color: #ffffff;
	height: auto;
	pointer-events: auto;
	overflow: clip;
	-webkit-transition: opacity 300ms var(--ease-out-expo);
	transition: opacity 300ms var(--ease-out-expo);
	opacity: 1;
	border-radius: 6px;
	box-shadow: 0 4px 22px 0 rgba(0, 0, 0, .1);
	max-width: 1000px;
	width: calc(75vw - 40px);

	& .pop-up-notice-inner {
		position: relative;
		display: inline-flex;
		padding: 0;
		z-index: 1;
		font-size: 0.9em;
		line-height: 1.5;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		gap: 20px;

		@media (max-width: 800px) {
			& {
				flex-flow: column nowrap;
				gap: 25px;
			}
		}

		& p {
			margin-bottom: 0;
		}
	}

	@media (max-width: 800px) {
		& {
			text-align: center;
			padding: 18px 20px 27px;
			width: calc(100vw - 40px);
		}
	}
}

.pop-up-notice.closed {
	opacity: 0;
	pointer-events: none;
}

.pop-up-notice.closed a {
	pointer-events: none !important;
}

#cookie-popup {
	min-height: 78px !important;
}

.category-nav {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px;
	padding: 0;
	margin: 0;

	& a {
		position: relative;
		font-family: var(--header-font);
		text-transform: uppercase;
		line-height: 1.15 !important;
		font-size: 12px;
		display: block;
		padding: 8px 10px;
		letter-spacing: 0.1em !important;
		font-weight: 800;
		margin: 0;
		-webkit-font-smoothing: antialiased;
		color: var(--secondary-color);
		background: var(--primary-color);
		border: 1px solid var(--primary-color);
		border-radius: 7px;

		&:focus,
		&:hover,
		&:active,
		&.active {
			border-color: var(--secondary-color);
			background: var(--secondary-color);
			color: #fff;
		}

		&.active {
			pointer-events: none;
		}
	}
}

@media (max-width: 1024px) {
	.category-nav {
		& a {
			font-size: 11px;
		}
	}
}

.faq-topic-nav {
	--nav-accent-color: var(--light-grey-color);
	--end-gradient-color: color-mix(in srgb, var(--nav-accent-color) 0%, transparent);

	position: relative;
	display: block;
	padding: 0;
}

.faq-topic-nav .push-cats-left,
.faq-topic-nav .push-cats-right {
	position: absolute;
	top: -2px;
	bottom: 0;
	display: block !important;
	z-index: 100;
	width: 70px;
	background: var(--nav-accent-color);
	opacity: 0;
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
	color: var(--secondary-color);
	font-family: var(--font-awesome);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 11px;
	padding: 2px 8px 0;
	cursor: pointer;
	pointer-events: none;
	font-weight: 900;
}

.faq-topic-nav.white-bg {
	--nav-accent-color: #fff;
}

.faq-topic-nav .push-cats-left:before,
.faq-topic-nav .push-cats-right:before {
	top: 8px;
}

.faq-topic-nav .push-cats-left {
	left: 0;
	right: auto;
	background: -moz-linear-gradient(left, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	background: -webkit-linear-gradient(left, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	background: linear-gradient(to right, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	text-align: left;
}

.faq-topic-nav .push-cats-left:before {
	position: relative;
	display: block;
	content: "\f053";
	font-family: inherit;
}

.faq-topic-nav .push-cats-right {
	left: auto;
	right: 0;
	background: -moz-linear-gradient(right, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	background: -webkit-linear-gradient(right, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	background: linear-gradient(to left, var(--nav-accent-color) 30%, var(--end-gradient-color) 100%);
	text-align: right;
}

.faq-topic-nav .push-cats-right:before {
	position: relative;
	display: block;
	content: "\f054";
	font-family: inherit;
}

.faq-topic-nav.has-scroll-content.more-left .push-cats-left {
	opacity: 1;
	pointer-events: auto;
}

.faq-topic-nav.has-scroll-content.more-right .push-cats-right {
	opacity: 1;
	pointer-events: auto;
}

.faq-topic-nav .category-row-list-holder {
	position: relative;
	display: block;
}

.faq-topic-nav .category-row-list-scroll {
	position: relative;
	display: block;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	width: 100%;
}

.faq-topic-nav .category-row-list-scroll::-webkit-scrollbar,
.faq-topic-nav .category-row-list-scroll::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

.faq-topic-nav .category-row-list {
	position: relative;
	display: inline-block;
}

.faq-topic-nav .faq-topic-link {
	position: relative;
	display: inline-block;
	padding: 2px 4px;
}

.faq-topic-nav .faq-topic-link:after {
	position: absolute;
	display: block;
	content: '';
	top: 8px;
	bottom: 8px;
	right: 0;
	width: 1px;
	background: var(--secondary-color);
	opacity: 0.6;
}

.faq-topic-nav .faq-topic-link:last-child:after {
	display: none;
}

.faq-topic-nav .faq-topic-link>a {
	position: relative;
	display: block;
	padding: 3px 22px;
	text-align: center;
	color: var(--secondary-color);
	text-decoration: none;
	font-size: 0.9rem;
}

.faq-topic-nav .faq-topic-link>a:hover,
.faq-topic-nav .faq-topic-link>a:active,
.faq-topic-nav .faq-topic-link>a:focus,
.faq-topic-nav .faq-topic-link>a.active {
	color: var(--primary-color);
	text-decoration: none;
}

.full-faqs {
	position: relative;
	display: block;
}

@media (max-width: 767px) {
	.full-faqs {
		padding: 40px 0;
	}
}

.full-faqs .faq-flex-row-wrap {
	position: relative;
	display: block;
	padding: 100px 60px;
	border-bottom: 1px solid var(--accent-grey);
}

.full-faqs .faq-flex-row-wrap:last-child {
	border-bottom: 0;
}

.full-faqs .full-faq-flex-row {
	justify-content: stretch;
	align-items: flex-start;
	align-content: flex-start;
	max-width: 1300px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.full-faqs .faq-flex-row-wrap {
		padding: 100px 30px;
	}
}

@media (max-width: 767px) {
	.full-faqs .faq-flex-row-wrap {
		padding: 52px 0px;
		border: 0;
	}
}

.full-faqs .faq-title-col {
	position: relative;
	text-align: right;
	padding-top: 20px;
}

@media (max-width: 1024px) {
	.full-faqs .faq-title-col {
		text-align: left;
		padding-top: 0;
		padding-bottom: 25px;
		text-align: center;
	}
}

@media (max-width: 1024px) {
	.pull-up-one-pixel {
		margin-top: -1px;
	}
}

.mobile-below-content-image {
	position: relative;
	display: block;
	margin: 0 auto;
	pointer-events: none;
}

.header-color>.background-image-with-opacity .bar-hold {
	position: absolute;
	pointer-events: none;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 300px;
	min-height: 280px;
	display: block;
	background: #d6624c;
	content: '';
}

.header-color.shorter-header-color>.background-image-with-opacity .bar-hold {
	bottom: 155px;
}

@media (max-width: 1024px) {
	.header-color.short-on-mobile>.background-image-with-opacity .bar-hold {
		max-height: 400px;
	}
}

.fill-image {
	position: relative;
	display: block;
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.fill-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		font-family: 'object-fit: cover; object-position: center;';
	}
}

iframe {
	border: 0 !important;
}

.iframe-wrapper {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

.bold {
	font-weight: 600 !important;
}

.bolder {
	font-weight: 600 !important;
}

@media (min-width: 1024px) {
	.desktop-spread {
		letter-spacing: 1.3px;
	}
}

.bottom-bar-carry>.background-image-with-opacity .bar-hold {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 50%;
	display: block;
}

.dot-delimiter {
	display: inline-block;
	padding: 0 4px;
	color: var(--primary-color);
	font-size: 10px;
}

.headline-intro {
	padding-bottom: 30px;
}

@media (min-width: 1025px) {
	.headline-intro {
		padding-bottom: 40px;
	}
}

.hover-image-link {
	position: relative;
	display: block;
}

.hover-image-link .hover-image-wrapper {
	position: relative;
	display: block;
	background: #000;
}

.hover-image-link .hover-image-wrapper img {
	display: block;
	opacity: 1.0;
	-webkit-transition: all 400ms var(--ease-out-expo);
	transition: all 400ms var(--ease-out-expo);
}

.hover-image-link .hover-title-wrapper {
	position: relative;
	display: inline-block;
	color: #000;
	text-align: center;
	padding: 20px 0 4px;
	-webkit-transition: all 400ms var(--ease-out-expo);
	transition: all 400ms var(--ease-out-expo);
	font-family: var(--button-font);
	font-weight: 400;
	letter-spacing: 0.0px;
	line-height: 1.0;
	margin: 0;
	font-size: 18px;
	font-feature-settings: "kern", "liga", "lnum";
}

@media (min-width: 767px) {
	.hover-image-link .hover-title-wrapper {
		font-size: clamp(18px, calc(18px + 30 * ((100vw - 767px) / 433)), 20px);
	}
}

@media (min-width: 1200px) {
	.hover-image-link .hover-title-wrapper {
		font-size: 20px;
	}
}

.hover-image-link .hover-title-wrapper:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: -2px;
	background: var(--primary-color);
	height: 1px;
	display: block;
	-webkit-transition: all 400ms var(--ease-out-expo);
	transition: all 400ms var(--ease-out-expo);
}

.hover-image-link:hover .hover-image-wrapper img,
.hover-image-link:active .hover-image-wrapper img,
.hover-image-link:focus .hover-image-wrapper img {
	opacity: 1.0;
}

.hover-image-link:hover .hover-title-wrapper,
.hover-image-link:active .hover-title-wrapper,
.hover-image-link:focus .hover-title-wrapper {
	color: var(--primary-color);
}

.hover-image-link:hover .hover-title-wrapper:after,
.hover-image-link:active .hover-title-wrapper:after,
.hover-image-link:focus .hover-title-wrapper:after {
	background: var(--primary-color);
}

.image-grid {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	background: transparent;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	list-style: none;
}

.image-grid:before,
.image-grid:after {
	display: none;
}

.image-grid .image-grid-item {
	width: 33.33%;
	padding: 8px;
	margin: 0;
}

.image-grid .image-grid-item img {
	object-fit: cover;
	object-position: 0 0;
	font-family: 'object-fit: cover; object-position: 0;';
	width: 100%;
	height: 100%;
}

.back-to-back-logos {
	position: relative;
	display: block;
	text-align: center;
	list-style: none;
	padding: 15px 15px 0 !important;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.back-to-back-logos {
		padding-bottom: 30px !important;
	}
}

.back-to-back-logos li {
	display: inline-block;
	vertical-align: middle;
	padding: 15px !important;
}

.back-to-back-logos li a {
	display: block;
	padding: 0;
	margin: 0;
	opacity: 1.0;
	-webkit-transition: all 500ms var(--ease-out-expo);
	transition: all 500ms var(--ease-out-expo);
}

.back-to-back-logos li a:hover,
.back-to-back-logos li a:active,
.back-to-back-logos li a:focus {
	opacity: 0.3;
}

.single-line-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 25px;
}

@media (max-width: 1024px) {
	.single-line-list {
		font-size: 21px;
		padding-bottom: 20px;
	}
}

.single-line-list li {
	display: block;
	margin: 0 0 9px;
	padding: 0;
}

.single-line-list li:last-child {
	margin-bottom: 0;
}

.single-line-list li a {
	color: #444;
}

.single-line-list li a:hover,
.single-line-list li a:active,
.single-line-list li a:focus {
	color: var(--primary-color);
}

.single .banner-image-top,
.error404 .banner-image-top {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 550px;
	object-fit: contain;
	object-position: 0 0;
	font-family: 'object-fit: contain; object-position: 0;';
}

.single .post-single-title,
.error404 .post-single-title {
	margin-bottom: 30px;
}

@media (max-width: 1024px) {

	.single .post-single-title,
	.error404 .post-single-title {
		margin-bottom: 25px;
	}
}

.single-post-navigation {
	display: block;
	text-align: center;
	padding-top: 30px;
}

.single-post-navigation a {
	display: inline-block;
	vertical-align: top;
	padding: 10px 18px;
	margin: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: transparent;
	border: 2px solid #bcb9b4;
	color: #bcb9b4;
	font-weight: 600;
	font-size: 15px;
}

.single-post-navigation a .fa,
.single-post-navigation a .fas {
	font-size: 12px;
}

.single-post-navigation a:hover,
.single-post-navigation a:active,
.single-post-navigation a:focus {
	background-color: #cac1b8;
	border-color: #cac1b8;
	color: #2b2a2a;
}

.single-post-navigation a[rel*="prev"] .fa,
.single-post-navigation a[rel*="prev"] .fas {
	padding-right: 8px;
}

.single-post-navigation a[rel*="next"] .fa,
.single-post-navigation a[rel*="next"] .fas {
	padding-left: 8px;
}

.page-template-template-blog .header-color>.background-image-with-opacity .bar-hold,
body.archive .header-color>.background-image-with-opacity .bar-hold,
.main-404 .header-color>.background-image-with-opacity .bar-hold {
	display: none !important;
}

.blocks-gallery-grid,
.blocks-gallery-grid:last-child {
	margin-bottom: 30px !important;
	margin-top: 20px !important;
}

.blocks-gallery-grid .blocks-gallery-item {
	padding-bottom: 0 !important;
}

.single-banner-holder {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.single-banner-holder .single-banner-wrapper {
	position: relative;
	display: block;
	padding: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.single-banner-holder .single-banner-wrapper img {
	position: relative;
	background-position: center center;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	z-index: 10;
	width: 100%;
	max-height: 560px;
}

.slick-dots>li:only-child {
	display: none;
}

.dot-nav-wrapper,
.slick-dots,
.splide__pagination,
.swiper-pagination {
	position: absolute;
	z-index: 200;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: 10px;
	padding: 4px 10px;
	line-height: 1;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: transparent;
	list-style: none;
	width: 100%;
	text-align: center;

	& li,
	&>span {
		position: relative;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin: 0;
		padding: 0;

		&.slick-active,
		&:has(.is-active),
		&:has(.active),
		&.swiper-pagination-bullet-active {
			color: var(--dot-nav-color-active);
			background: transparent !important;
			pointer-events: none;

			&:before {
				background: var(--dot-nav-color-active) !important;
			}

			& button {
				&:before {
					background: var(--dot-nav-color-active) !important;
				}
			}
		}
	}

	& a,
	& button {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 0;
		color: var(--dot-nav-color);
		background: transparent !important;
		border: 0;
		margin: 0px clamp(4px, 1vw, 7px);
		padding: 0;
		width: 10px;
		height: 10px;
		font-weight: 400;
		letter-spacing: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		text-indent: -9999px;
		opacity: 1.0;
		-webkit-transition: all 150ms ease;
		transition: all 150ms ease;
		overflow: hidden;

		&:before {
			position: relative;
			display: block;
			content: '';
			width: 100%;
			height: 100%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			-webkit-transition: all 150ms linear;
			transition: all 150ms linear;
			overflow: hidden;
			background: var(--dot-nav-color) !important;
		}

		& span {
			display: none;
		}

		&:focus,
		&:hover,
		&:active,
		&.active,
		&.is-active,
		&.swiper-pagination-bullet-active {
			color: var(--dot-nav-color-active);
			background: transparent !important;

			&:before {
				background: var(--dot-nav-color-active) !important;
			}
		}

		&.active &.is-active,
		&.swiper-pagination-bullet-active {
			pointer-events: none;
		}

		@media (max-width: 1024px) {
			& {
				width: 8px;
				height: 8px;
				margin: 0 8px;
			}
		}
	}
}

.splide__arrows {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.slick-prev,
.slick-next,
.splide__arrows .splide__arrow--prev,
.splide__arrows .splide__arrow--next,
.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	bottom: auto;
	top: 50%;
	transform: translate(0, -50%);

	&.slick-disabled,
	&[disabled],
	&:disabled,
	&.swiper-button-disabled {
		opacity: 0.2 !important;
		pointer-events: none !important;
	}

	&,
	&:focus {
		color: var(--arrow-nav-color) !important;
		background: var(--arrow-nav-background-color) !important;
		border: 1px solid var(--arrow-nav-border-color);
		width: 54px;
		height: 54px;
		padding: 1px 0 0;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-indent: -9999px;
		margin: 0;
		z-index: 1000;
		outline: none;
		-webkit-transition: all 150ms ease;
		transition: all 150ms ease;

		& svg {
			display: none;
		}

		&:before {
			position: absolute;
			display: inline-block;
			font: normal normal normal 14px/1 var(--font-awesome);
			font-size: 15px;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			left: 2px;
			right: 0;
			top: 15px;
			display: block;
			line-height: 1.0;
			padding: 0;
			font-weight: 900;
			text-indent: 0;
			color: inherit !important;
		}

		&:hover,
		&:active {
			color: var(--arrow-nav-color-hover) !important;
			background: var(--arrow-nav-background-color-hover) !important;
			border-color: var(--arrow-nav-border-color-hover) !important;
		}

		&.slick-prev,
		&.splide__arrow--prev,
		&.swiper-button-prev {
			left: 20px;
			right: auto;

			&:before {
				content: "\f053";
			}
		}

		&.slick-next,
		&.splide__arrow--next,
		&.swiper-button-next {
			left: auto;
			right: 20px;

			&:before {
				content: "\f054";
			}
		}

		@media (max-width: 1024px) {
			&:not(.no-mobile-change) {
				top: 50%;
				width: 60px;
				height: 60px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;

				&.fa,
				&.fas {
					display: none;
				}

				&:before {
					position: absolute;
					left: 0;
					right: 0;
					top: 50%;
					display: block;
					font-size: 16px;
					line-height: 1.0;
					padding: 0;
					font-weight: 900;
					text-indent: 0;
					font-family: var(--font-awesome);
					content: '';
					-webkit-transform: translate(0, -50%);
					transform: translate(0, -50%);
				}

				&.slick-prev,
				&.splide__arrow--prev,
				&.swiper-button-prev {
					-webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
					box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					left: 0;

					&:before {
						left: 40%;
						content: "\f053";
					}
				}

				&.slick-next,
				&.splide__arrow--next,
				&.swiper-button-next {
					-webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
					box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
					-webkit-transform: translate(50%, -50%);
					transform: translate(50%, -50%);
					right: 0;

					&:before {
						right: 40%;
						content: "\f054";
					}
				}

			}
		}
	}
}

.has-tooltip {
	position: relative;
}

.has-tooltip .wc-tooltip {
	position: absolute;
	pointer-events: none;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.9) !important;
	padding: 8px 14px;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	z-index: 10;
	bottom: calc(100% + 4px);
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	-webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
}

.has-tooltip .wc-tooltip span {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.has-tooltip .wc-tooltip:after {
	top: calc(100% - 1px);
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, 0.9);
	border-width: 5px;
	margin-left: -5px;
}

.has-tooltip .wc-tooltip.hold-left {
	left: -14px;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.has-tooltip .wc-tooltip.hold-left:after {
	left: 22px;
}

.has-tooltip .wc-tooltip.hold-right {
	right: -14px;
	left: auto;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.has-tooltip .wc-tooltip.hold-right:after {
	left: auto;
	right: 20px;
}

@media (max-width: 1024px) {
	.has-tooltip .wc-tooltip {
		display: none;
	}
}

.has-tooltip.last .wc-tooltip.hold-right:after {
	right: 17px;
}

@media (min-width: 1025px) {
	.has-tooltip:not(.on-copy):hover .wc-tooltip {
		opacity: 1;
		bottom: calc(100% + 10px);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	}
}

.has-tooltip.on-copy .wc-tooltip {
	pointer-events: none;
}

.has-tooltip.on-copy.temp-show .wc-tooltip {
	opacity: 1;
	bottom: calc(100% + 10px);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
}

.breadcrumb-holder {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	width: 100%;
	white-space: nowrap;
	overflow: scroll clip;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;

	&::-moz-scrollbar,
	&::-webkit-scrollbar {
		width: 0px;
		background: transparent;
		display: none;
	}
}

.breadcrumbs-listings {
	--bread-link-color: var(--header-color, #000);

	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	white-space: nowrap;
	list-style: none;
	padding: 0;
	margin: 0 0 40px !important;
	color: var(--header-color, #000);
	text-decoration: none;
	gap: 24px;

	&:not(.slight-spread-out) {
		letter-spacing: 0.015em;
	}

	&:not(.small-headline) {
		font-size: 0.9em;

		& li {
			padding: 0 !important;

			& a,
			& .bread-current {
				text-underline-offset: 0.3em !important;
			}
		}
	}

	@media (max-width: 767px) {
		& {
			margin-bottom: 24px !important;
		}
	}

	&.small-headline {
		gap: 24px;
		margin-bottom: 0 !important;

		@media (max-width: 767px) {
			& {
				margin-bottom: 0 !important;
			}
		}
	}

	& .separator {
		position: relative;
		display: inline-block;
		height: 100%;
		display: none !important;

		&:before {
			position: relative;
			content: '';
			display: block;
			width: 1px;
			height: 100%;
			top: 0;
			bottom: 0;
			background: #CCCDD1;
		}
	}

	& li {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0;
		/* white-space: nowrap; */
		padding: 2px 0;
		letter-spacing: inherit !important;
		min-width: fit-content;

		&:not(:first-child):after {
			position: absolute;
			content: '';
			display: block;
			pointer-events: none;
			width: 1px;
			left: -12px;
			top: 0;
			bottom: 0;
			background: #CCCDD1;
		}

		& a {

			&,
			&:focus {
				color: var(--bread-link-color) !important;
				text-decoration: underline 0.08em color-mix(in srgb, currentColor 0%, transparent) !important;
				text-underline-offset: 0.19em !important;

				&:hover,
				&:active {
					color: var(--bread-link-color) !important;
					text-decoration-color: var(--bread-link-color) !important;
					text-decoration-line: underline !important;
				}
			}
		}

		& .bread-current {
			pointer-events: none;
			color: var(--bread-link-color);
			text-decoration: underline 0.08em var(--bread-link-color);
			text-underline-offset: 0.19em;
		}

		&.item-current {
			@media (max-width: 767px) {
				& {
					display: none;
				}
			}
		}
	}
}

.light {
	& .breadcrumbs-listings {
		--bread-link-color: rgba(255, 255, 255, 0.75);

		-webkit-font-smoothing: auto;

		& li {
			&:not(:first-child):after {
				background: rgba(255, 255, 255, 0.3);
			}
		}

		& a {

			&,
			&:focus {

				&:hover,
				&:active {
					--bread-link-color: #fff;
				}
			}
		}
	}
}

#intro-banner-section,
.intro-banner-section {
	padding: 0 !important;
	background: var(--dark-grey-color);
}

#intro-banner-section .column-part,
.intro-banner-section .column-part {
	padding: 150px 30px 260px !important;
}

@media (max-width: 1024px) {

	#intro-banner-section .column-part,
	.intro-banner-section .column-part {
		padding: 90px 30px 150px !important;
	}
}

#intro-banner-section>.background-image-with-opacity>.img-hold,
.intro-banner-section>.background-image-with-opacity>.img-hold {
	background-size: cover !important;
}

#intro-content-section,
#intro-archive-section {
	padding: 70px 0px 100px !important;
}

#intro-content-section>.background-image-with-opacity,
#intro-archive-section>.background-image-with-opacity {
	overflow: hidden;
}

#intro-content-section>.background-image-with-opacity:after,
#intro-archive-section>.background-image-with-opacity:after {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	height: 600px;
	content: '';
	background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
	background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
	background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
}

#intro-content-section .column-part,
#intro-archive-section .column-part {
	padding: 0 15px !important;
}

#intro-content-section .column-part.course-product-column-part,
#intro-archive-section .column-part.course-product-column-part {
	padding: 0 !important;
}

@media (max-width: 1024px) {

	#intro-content-section,
	#intro-archive-section {
		padding: 70px 0px 50px !important;
	}

	#intro-content-section .column-part,
	#intro-archive-section .column-part {
		padding: 0 30px !important;
	}

	#intro-content-section .column-part.course-product-column-part,
	#intro-archive-section .column-part.course-product-column-part {
		padding: 0 !important;
	}
}

#intro-banner-section-archive {
	padding: 90px 0px 45px;
}

@media (max-width: 1024px) {
	#intro-banner-section-archive {
		padding: 42px 0px 30px;
	}
}

#intro-banner-section-archive .social_main_menu {
	position: absolute;
	left: 35px;
	top: 50%;
	width: 50px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 500;
}

#intro-banner-section-archive .social_main_menu li {
	display: block;
	margin: 15px 0 !important;
}

#intro-banner-section-archive .social_main_menu li a {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 15px;
}

#intro-banner-section-archive .social_main_menu li a:hover,
#intro-banner-section-archive .social_main_menu li a:active,
#intro-banner-section-archive .social_main_menu li a:focus {
	color: #ffffff !important;
}

@media (max-width: 1024px) {
	#intro-banner-section-archive .social_main_menu {
		display: none;
	}
}

#intro-banner-section-archive>.background-image-with-opacity {
	background: #ffffff;
}

#intro-content-section-archive {
	padding: 0 !important;
}

#intro-content-section-archive>.container-full {
	position: relative;
	padding: 0;
}

@media (max-width: 1024px) {
	#intro-content-section-archive>.container-full {
		padding: 0;
	}
}

@media (min-width: 1025px) {
	#intro-content-section-archive .featured-post-row {
		margin-bottom: 50px;
	}
}

.cat-row-wrap {
	position: relative;
	display: block;
	z-index: 300;
	overflow: visible;
}

.category-row {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: flex-start;
	align-content: center;
	flex-wrap: wrap;
	margin: 40px auto 10px;
	padding: 0;
}

.category-row .push-cats-left,
.category-row .push-cats-right {
	position: absolute;
	top: -2px;
	bottom: 0;
	display: block !important;
	z-index: 100;
	width: 70px;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
	color: var(--dark-grey-color);
	font-family: var(--font-awesome);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 11px;
	padding: 2px 8px 0;
	cursor: pointer;
	pointer-events: none;
	font-weight: 900;
}

.category-row .push-cats-left:before,
.category-row .push-cats-right:before {
	top: 10px;
}

.category-row .push-cats-left {
	left: 0;
	right: auto;
	background: -moz-linear-gradient(left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	text-align: left;
}

.category-row .push-cats-left:before {
	position: relative;
	display: block;
	content: "\f053";
	font-family: inherit;
}

.category-row .push-cats-right {
	left: auto;
	right: 0;
	background: -moz-linear-gradient(right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	text-align: right;
}

.category-row .push-cats-right:before {
	position: relative;
	display: block;
	content: "\f054";
	font-family: inherit;
}

.category-row.has-scroll-content.more-left .push-cats-left {
	opacity: 1;
	pointer-events: auto;
}

.category-row.has-scroll-content.more-right .push-cats-right {
	opacity: 1;
	pointer-events: auto;
}

.category-row .category-row-list-holder {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
	flex-wrap: wrap;
	padding: 0 30px 0 0 !important;
}

@media (max-width: 1024px) {
	.category-row .category-row-list-holder {
		justify-content: center;
		padding: 0 30px !important;
	}
}

.category-row .filter-title {
	display: inline-block;
	padding: 11px 8px 8px;
	margin: 0;
	color: var(--dark-grey-color);
	font-size: 13px;
}

@media (max-width: 1024px) {
	.category-row .filter-title {
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 0;
	}
}

.category-row .category-row-list {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 1024px) {
	.category-row .category-row-list {
		text-align: center;
	}
}

.category-row .category-row-list li {
	display: inline-block;
	padding: 8px 8px 8px;
	margin: 0 !important;
}

.category-row .category-row-list li a,
.category-row .category-row-list li a:focus {
	position: relative;
	display: inline-block;
	padding: 8px 2px 7px;
	margin: 0;
	font-weight: 600;
	letter-spacing: 0;
	color: #b0b0b0;
	background: transparent;
	font-family: var(--button-font);
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 12px;
	display: block;
	letter-spacing: -0.01rem !important;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
}

.category-row .category-row-list li a .cat-link-inner,
.category-row .category-row-list li a:focus .cat-link-inner {
	position: relative;
	z-index: 30;
}

.category-row .category-row-list li a:hover,
.category-row .category-row-list li a:active,
.category-row .category-row-list li a:focus:hover,
.category-row .category-row-list li a:focus:active {
	color: var(--dark-grey-color);
	background: transparent;
	text-decoration: none;
}

.category-row .category-row-list li a.active,
.category-row .category-row-list li a:focus.active {
	pointer-events: none;
	padding-left: 16px;
	padding-right: 16px;
	color: #ffffff;
	background: var(--dark-grey-color);
}

.category-row .category-row-list-scroll {
	position: relative;
	display: block;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	width: 100%;
}

.category-row .category-row-list-scroll::-webkit-scrollbar,
.category-row .category-row-list-scroll::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

@media (min-width: 1025px) {
	.category-row .category-row-list-scroll {
		text-align: right;
	}
}

.algolia-autocomplete {
	position: fixed !important;
	overflow: scroll;
	bottom: 100px;
	z-index: 10001 !important;
}

.autocomplete-header,
.autocomplete-footer {
	display: none;
}

.hide-overflow {
	overflow: hidden !important;
}

.dropdown-menu-wrapper {
	position: relative;
	display: inline-block;
}

.dropdown-menu-wrapper .dropdown-menu-special {
	position: absolute;
	top: 100%;
	right: -14px;
	opacity: 0;
	pointer-events: none;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 999;
	line-height: 1.0;
	background: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-transition: opacity 600ms var(--ease-out-expo);
	transition: opacity 600ms var(--ease-out-expo);
}

.dropdown-menu-wrapper .dropdown-menu-special li {
	position: relative;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.dropdown-menu-wrapper .dropdown-menu-special li a {
	display: block;
	padding: 15px 20px;
	clear: both;
	white-space: nowrap;
	text-decoration: none;
	color: #666;
	font-family: var(--button-font);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.4px;
	line-height: 1.0;
	font-weight: 400;
	background: transparent;
	opacity: 1.0;
}

.dropdown-menu-wrapper .dropdown-menu-special li a:hover,
.dropdown-menu-wrapper .dropdown-menu-special li a:active,
.dropdown-menu-wrapper .dropdown-menu-special li a:focus {
	color: #ffffff;
	background: var(--primary-color);
}

.dropdown-menu-wrapper:hover .dropdown-menu-special,
.dropdown-menu-wrapper:active .dropdown-menu-special {
	pointer-events: auto;
	opacity: 1;
}

.sticky-mc {
	position: sticky;
	top: calc(var(--main-menu-bar-height) + 45px);
	transition: top var(--header-transition);
	will-change: top;

	&:not(.sticky) {
		position: relative;
		top: auto;
	}
}

body:has(#header.move-up) {
	& .sticky-mc {
		--main-menu-bar-height: 0px;
	}
}

.sticky-mc-hold {
	position: relative;
	height: 100%;
}

legend {
	display: block;
	border: 0;
	margin: 0 0 5px;
	padding-top: 40px;
}

div[id*="_numspan"] {
	display: none !important;
}

#wpsl-gmap .wpsl-infobox {
	display: none !important;
}

#wpsl-wrap .wpsl-search,
#wpsl-wrap #wpsl-result-list {
	display: none !important;
}

#wpsl-wrap #wpsl-gmap {
	width: 100% !important;
}

.down-arrow-see-more,
.down-arrow-see-more:focus {
	position: fixed;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	text-align: center;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	width: 35px;
	height: 35px;
	padding: 11px 0 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #585757 !important;
	color: #ffffff !important;
	z-index: 900;
	opacity: 1;
	margin: 0;
	pointer-events: auto;
	text-decoration: none !important;
	-webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
	-moz-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
	box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
}

@media (max-width: 767px) {

	.down-arrow-see-more,
	.down-arrow-see-more:focus {
		display: none !important;
	}
}

.down-arrow-see-more .fa,
.down-arrow-see-more .fas,
.down-arrow-see-more:focus .fa,
.down-arrow-see-more:focus .fas {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 1.0;
	padding: 0;
	color: inherit !important;
}

.down-arrow-see-more.remove-see-more,
.down-arrow-see-more:focus.remove-see-more {
	opacity: 0;
	pointer-events: none;
}

.down-arrow-see-more:hover,
.down-arrow-see-more:active,
.down-arrow-see-more:focus:hover,
.down-arrow-see-more:focus:active {
	background: var(--primary-color) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	-webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
	-moz-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
	box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15) !important;
}

.down-arrow-see-more.blur-down,
.down-arrow-see-more.blur-down:focus,
.down-arrow-see-more:focus.blur-down,
.down-arrow-see-more:focus.blur-down:focus {
	position: absolute;
	bottom: 0;
	-webkit-transform: translate(-50%, 40%);
	-moz-transform: translate(-50%, 40%);
	-ms-transform: translate(-50%, 40%);
	-o-transform: translate(-50%, 40%);
	transform: translate(-50%, 40%);
	z-index: 100;
	background: #a69e9c !important;
	color: #ffffff !important;
	border: 4px solid #ffffff;
	width: 38px;
	height: 38px;
	padding-top: 10px;
}

.down-arrow-see-more.blur-down .fa,
.down-arrow-see-more.blur-down .fas,
.down-arrow-see-more.blur-down:focus .fa,
.down-arrow-see-more.blur-down:focus .fas,
.down-arrow-see-more:focus.blur-down .fa,
.down-arrow-see-more:focus.blur-down .fas,
.down-arrow-see-more:focus.blur-down:focus .fa,
.down-arrow-see-more:focus.blur-down:focus .fas {
	font-size: 12px;
}

.down-arrow-see-more.blur-down:hover,
.down-arrow-see-more.blur-down:active,
.down-arrow-see-more.blur-down:focus:hover,
.down-arrow-see-more.blur-down:focus:active,
.down-arrow-see-more:focus.blur-down:hover,
.down-arrow-see-more:focus.blur-down:active,
.down-arrow-see-more:focus.blur-down:focus:hover,
.down-arrow-see-more:focus.blur-down:focus:active {
	background: #000 !important;
	color: #ffffff !important;
}

.post-feed-banner {
	position: relative;
	display: block;
}

@media (max-width: 1024px) {
	.post-feed-banner .dot-nav-wrapper {
		bottom: 14px !important;
		z-index: 1000;
	}

	.post-feed-banner .dot-nav-wrapper a:before {
		background: rgba(0, 0, 0, 0.3) !important;
	}

	.post-feed-banner .dot-nav-wrapper a:hover:before,
	.post-feed-banner .dot-nav-wrapper a:active:before,
	.post-feed-banner .dot-nav-wrapper a:focus:before,
	.post-feed-banner .dot-nav-wrapper a.active:before {
		background: #585757 !important;
	}

	.post-feed-banner.banner-rotator:not(.no-bottom-nav):after {
		position: absolute;
		content: '';
		left: 0;
		bottom: -2px;
		right: 0;
		height: 52px;
		background: #ffffff;
		z-index: 100;
	}
}

.post-feed-banner .social_main_menu {
	position: absolute;
	left: 35px;
	top: 50%;
	width: 50px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 500;
}

.post-feed-banner .social_main_menu li {
	display: block;
	margin: 15px 0 !important;
}

.post-feed-banner .social_main_menu li a {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 15px;
}

.post-feed-banner .social_main_menu li a:hover,
.post-feed-banner .social_main_menu li a:active,
.post-feed-banner .social_main_menu li a:focus {
	color: #ffffff !important;
}

@media (max-width: 1024px) {
	.post-feed-banner .social_main_menu {
		display: none;
	}
}

.post-feed-banner .banner .background-image-with-opacity .img-hold {
	background-size: cover !important;
}

.post-feed-banner .banner .content-part {
	padding: 300px 5%;
}

@media (max-height: 750px) and (min-width: 1025px) {
	.post-feed-banner .banner .content-part {
		padding-top: 200px;
		padding-bottom: 200px;
	}
}

@media (max-width: 1024px) {
	.post-feed-banner .banner .content-part {
		padding: 250px 30px 120px;
	}
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev,
.ig-like-arrows:not(.ig-only-mobile) .slick-next,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow {
	top: 50%;
	width: 60px;
	height: 60px;
	background: rgba(0, 0, 0, 0.9);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	opacity: 0.85;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev .fa,
.ig-like-arrows:not(.ig-only-mobile) .slick-prev .fas,
.ig-like-arrows:not(.ig-only-mobile) .slick-next .fa,
.ig-like-arrows:not(.ig-only-mobile) .slick-next .fas,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow .fa,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow .fas,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow .fa,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow .fas {
	display: none;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:before,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:before,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	display: block;
	font-size: 16px;
	line-height: 1.0;
	padding: 0;
	font-weight: 900;
	text-indent: 0;
	font-family: var(--font-awesome);
	content: '';
	color: #ffffff !important;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev:hover,
.ig-like-arrows:not(.ig-only-mobile) .slick-prev:active,
.ig-like-arrows:not(.ig-only-mobile) .slick-prev:focus,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:hover,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:active,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:focus,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:hover,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:active,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:focus,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:hover,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:active,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:focus {
	background: #000;
	opacity: 1;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev:hover:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-prev:active:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-prev:focus:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:hover:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:active:before,
.ig-like-arrows:not(.ig-only-mobile) .slick-next:focus:before,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:hover:before,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:active:before,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:focus:before,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:hover:before,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:active:before,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:focus:before {
	color: #ffffff !important;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow {
	-webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 0;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-prev:before,
.ig-like-arrows:not(.ig-only-mobile) .left-arrow:before {
	left: 40%;
	content: "\f053";
}

.ig-like-arrows:not(.ig-only-mobile) .slick-next,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow {
	-webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	right: 0;
}

.ig-like-arrows:not(.ig-only-mobile) .slick-next:before,
.ig-like-arrows:not(.ig-only-mobile) .right-arrow:before {
	right: 40%;
	content: "\f054";
}

@media (max-width: 1024px) {

	.ig-like-arrows .slick-prev,
	.ig-like-arrows .slick-next,
	.ig-like-arrows .left-arrow,
	.ig-like-arrows .right-arrow {
		top: 50%;
		width: 60px;
		height: 60px;
		background: rgba(0, 0, 0, 0.9);
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		opacity: 0.85;
		margin: 0;
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	.ig-like-arrows .slick-prev .fa,
	.ig-like-arrows .slick-prev .fas,
	.ig-like-arrows .slick-next .fa,
	.ig-like-arrows .slick-next .fas,
	.ig-like-arrows .left-arrow .fa,
	.ig-like-arrows .left-arrow .fas,
	.ig-like-arrows .right-arrow .fa,
	.ig-like-arrows .right-arrow .fas {
		display: none;
	}

	.ig-like-arrows .slick-prev:before,
	.ig-like-arrows .slick-next:before,
	.ig-like-arrows .left-arrow:before,
	.ig-like-arrows .right-arrow:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		display: block;
		font-size: 16px;
		line-height: 1.0;
		padding: 0;
		font-weight: 900;
		text-indent: 0;
		font-family: var(--font-awesome);
		content: '';
		color: #ffffff !important;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.ig-like-arrows .slick-prev:hover,
	.ig-like-arrows .slick-prev:active,
	.ig-like-arrows .slick-prev:focus,
	.ig-like-arrows .slick-next:hover,
	.ig-like-arrows .slick-next:active,
	.ig-like-arrows .slick-next:focus,
	.ig-like-arrows .left-arrow:hover,
	.ig-like-arrows .left-arrow:active,
	.ig-like-arrows .left-arrow:focus,
	.ig-like-arrows .right-arrow:hover,
	.ig-like-arrows .right-arrow:active,
	.ig-like-arrows .right-arrow:focus {
		background: #000;
		opacity: 1;
	}

	.ig-like-arrows .slick-prev:hover:before,
	.ig-like-arrows .slick-prev:active:before,
	.ig-like-arrows .slick-prev:focus:before,
	.ig-like-arrows .slick-next:hover:before,
	.ig-like-arrows .slick-next:active:before,
	.ig-like-arrows .slick-next:focus:before,
	.ig-like-arrows .left-arrow:hover:before,
	.ig-like-arrows .left-arrow:active:before,
	.ig-like-arrows .left-arrow:focus:before,
	.ig-like-arrows .right-arrow:hover:before,
	.ig-like-arrows .right-arrow:active:before,
	.ig-like-arrows .right-arrow:focus:before {
		color: #ffffff !important;
	}

	.ig-like-arrows .slick-prev,
	.ig-like-arrows .left-arrow {
		-webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		left: 0;
	}

	.ig-like-arrows .slick-prev:before,
	.ig-like-arrows .left-arrow:before {
		left: 40%;
		content: "\f053";
	}

	.ig-like-arrows .slick-next,
	.ig-like-arrows .right-arrow {
		-webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
		-webkit-transform: translate(50%, -50%);
		-moz-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		-o-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
		right: 0;
	}

	.ig-like-arrows .slick-next:before,
	.ig-like-arrows .right-arrow:before {
		right: 40%;
		content: "\f054";
	}
}

.overflow-hidden {
	position: relative;
	overflow: clip;
	max-width: 100vw;
}

.overflow-hidden .slick-list {
	overflow: visible;
}

.fl-builder-edit .overflow-hidden:not(.everywhere) {
	overflow: visible;
}

.wp-block-image img {
	border-radius: 6px;
}

.wp-block-image figcaption {
	letter-spacing: 0.1px;
	font-size: 13px;
	font-weight: 400;
	margin: 0;
	padding: 15px 0;
	text-align: center;
}

.wp-block-image figcaption strong {
	color: #585757;
}

@media (max-width: 1024px) {
	.wp-block-image figcaption {
		padding: 0;
	}
}

.wp-block-pullquote {
	padding: 0;
}

.wp-block-embed {
	margin-bottom: 50px;
}

.tweetables {
	position: relative;
	display: block;
	margin: 60px auto;
}

@media (max-width: 767px) {
	.tweetables {
		margin: 50px auto;
	}
}

.tweetables:first-child {
	margin-top: 0;
}

.tweetables:last-child {
	margin-bottom: 0;
}

.tweetables a blockquote {
	color: var(--primary-color) !important;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}

.tweetables a blockquote p {
	text-decoration: none;
}

.tweetables a:hover blockquote,
.tweetables a:active blockquote,
.tweetables a:focus blockquote {
	color: var(--dark-grey-color) !important;
}

.tweetables a:hover blockquote p,
.tweetables a:active blockquote p,
.tweetables a:focus blockquote p {
	text-decoration: underline;
}

.above-menu {
	position: relative;
	display: block;
	background: var(--above-menu-background-color);
	color: var(--above-menu-color);
	height: auto;
	-webkit-transition: all 600ms var(--ease-out-expo);
	transition: all 600ms var(--ease-out-expo);
	z-index: 997;

	@media (max-width: 1024px) {
		& {
			overflow: clip;
			border-bottom: 0;
		}
	}

	& .above-menu-inner {
		position: relative;
		display: block;
		max-width: 100%;
		margin: 0 auto;
		padding: var(--above-menu-padding);
		font-size: 0.88rem;
		text-align: center;
		line-height: 1.3;
		font-weight: 400;
		overflow: clip;

		@media (min-width: 1301px) {
			& {
				padding-inline: 80px;
			}
		}

		& p {
			padding: 0;
			font-weight: inherit !important;
		}

		& a {
			color: var(--above-menu-link-color) !important;
			text-decoration: underline;
			text-decoration-thickness: 0.07em !important;
			text-underline-offset: 0.22em !important;

			&:hover,
			&:active,
			&:focus {
				color: var(--above-menu-link-color-hover) !important;
				text-decoration: underline;
			}
		}

		& .flex-row {
			align-items: center;
			align-content: center;
		}

		& .stick-content-to-right {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-end;
			align-items: center;
			align-content: center;
			width: 130px;
			padding-left: 30px;

			@media (max-width: 1430px) {
				& {
					display: none;
				}
			}
		}

		& .button-group {
			gap: 12px clamp(20px, 2.3vw, 48px);
			margin: 0;
			width: calc(100% - 130px);

			@media (max-width: 1430px) {
				& {
					width: 100%;
				}
			}

			& br {
				display: none !important;
			}

			& a {

				&,
				&:focus {
					img {
						position: relative;
						display: inline-block;
						object-fit: contain;
						object-position: center center;
						opacity: 0.35;
						transition: inherit;
					}
				}

				&:hover,
				&:active {
					img {
						opacity: 1.0;
					}
				}
			}
		}
	}
}

@media (max-width: 767px) {
	.center-on-tablet {
		text-align: center !important;
	}
}

.strong {
	font-weight: 600;
}

@media (max-width: 767px) {
	#footer .footer_menu {
		text-align: left;
	}

	#footer .footer_menu>li {
		position: relative;
		display: block;
		padding: 13px 0 !important;
		margin-bottom: 0 !important;
	}

	#footer .footer_menu>li.mm-dropdown::after {
		position: absolute;
		display: inline-block !important;
		vertical-align: middle;
		z-index: 10;
		color: inherit;
		opacity: 1;
		content: '';
		z-index: 1;
		width: 7px;
		height: 7px;
		margin: 0;
		top: 27px;
		right: 5px;
		border-right: 1px solid;
		border-bottom: 1px solid;
		border-color: var(--mobile-footer-menu-down-arrrow-color);
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		pointer-events: none;
		-webkit-transform: translate(-5px, 0) rotate(45deg);
		-moz-transform: translate(-5px, 0) rotate(45deg);
		-ms-transform: translate(-5px, 0) rotate(45deg);
		-o-transform: translate(-5px, 0) rotate(45deg);
		transform: translate(-5px, 0) rotate(45deg);
		-webkit-transition: border-color 100ms linear;
		transition: border-color 100ms linear;
	}

	#footer .footer_menu>li:before {
		position: absolute;
		display: block;
		content: '';
		left: 0;
		right: 0;
		height: 1px;
		bottom: 0;
		background: var(--mobile-footer-menu-border-color);
		opacity: 1.0;
	}

	#footer .footer_menu>li:last-child {
		margin-bottom: 0 !important;
	}

	#footer .footer_menu>li:last-child:before {
		display: none;
	}

	#footer .footer_menu>li.open-sub-menu:after {
		-webkit-transform: translate(-5px, 0) rotate(225deg);
		-moz-transform: translate(-5px, 0) rotate(225deg);
		-ms-transform: translate(-5px, 0) rotate(225deg);
		-o-transform: translate(-5px, 0) rotate(225deg);
		transform: translate(-5px, 0) rotate(225deg);
		top: 23px;
	}

	#footer .footer_menu li.mm-dropdown>a {
		margin: 0 !important;
		padding-right: 20px;
	}

	#footer .footer_menu li.mm-dropdown ul {
		-webkit-transition: height 300ms var(--ease-out-cubic), opacity 300ms var(--ease-out-cubic);
		transition: height 300ms var(--ease-out-cubic), opacity 300ms var(--ease-out-cubic);
		transform-origin: top;
		opacity: 0;
		pointer-events: none;
		margin: 0;
		height: 0;
		overflow: hidden;
	}

	#footer .footer_menu li.mm-dropdown ul.open-menu {
		opacity: 1;
		pointer-events: auto;
	}

	#footer .footer_menu li.mm-dropdown ul li:first-child {
		padding-top: 9px !important;
	}

	#footer .footer_menu li.mm-dropdown ul li a {
		color: var(--footer-color) !important;
	}

	#footer .footer_menu li.mm-dropdown ul li a:hover,
	#footer .footer_menu li.mm-dropdown ul li a:active,
	#footer .footer_menu li.mm-dropdown ul li a:focus {
		color: var(--footer-hover-color) !important;
	}

	#footer .footer_menu li.mm-dropdown ul.social_main_menu li {
		padding-top: 0 !important;
	}
}

@media (min-width: 768px) {
	#footer .footer_menu li ul {
		height: auto !important;
	}
}

.scroll-down-button,
.scroll-down-button:focus {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	transform-origin: 50% 50%;
	box-shadow: 0px 1.1px 2.2px rgba(0, 0, 0, 0.02), 0px 2.7px 5.3px rgba(0, 0, 0, 0.028), 0px 5px 10px rgba(0, 0, 0, 0.035), 0px 8.9px 17.9px rgba(0, 0, 0, 0.042), 0px 16.7px 33.4px rgba(0, 0, 0, 0.05), 0px 40px 80px rgba(0, 0, 0, 0.07);
}

.scroll-down-button:before,
.scroll-down-button:focus:before {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(7px) saturate(110%);
	-webkit-backdrop-filter: blur(7px) saturate(110%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.scroll-down-button:after,
.scroll-down-button:focus:after {
	position: absolute;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 3.2;
	font-family: var(--font-awesome);
	content: "\f078";
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	left: 6px;
	right: 6px;
	top: 6px;
	bottom: 6px;
	color: #585757;
	background: #ffffff;
	z-index: 10;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.scroll-down-button:hover:before,
.scroll-down-button:active:before,
.scroll-down-button:focus:hover:before,
.scroll-down-button:focus:active:before {
	background: rgba(255, 255, 255, 0.5);
}

.scroll-down-button:hover:after,
.scroll-down-button:active:after,
.scroll-down-button:focus:hover:after,
.scroll-down-button:focus:active:after {
	color: var(--dark-grey-color);
}

.add-dots-below {
	position: relative;
	display: block;
	z-index: 300;
}

.add-dots-below .solution-panel {
	position: relative;
	margin-bottom: 150px;
}

@media (max-width: 1024px) {
	.add-dots-below .solution-panel {
		margin-bottom: 130px;
	}
}

.add-dots-below .solution-panel .fl-col-content {
	position: relative;
	z-index: 10;
}

.add-dots-below .solution-panel:after {
	position: absolute;
	content: '';
	display: block !important;
	background-image: radial-gradient(#43d340 12%, transparent 12%);
	background-position: 0 0;
	background-size: 10px 10px;
	background-repeat: repeat;
	height: 70px;
	top: 100%;
	z-index: 1;
	left: 15px;
	right: 15px;
	pointer-events: none;
}

.fl-testimonials-wrap {
	position: relative;
	display: block;
	max-width: 730px;
	margin: 0 auto;
	padding: 50px 30px 0;
	text-align: center;
}

@media (max-width: 767px) {
	.fl-testimonials-wrap {
		padding: 50px 0 0;
	}
}

.fl-testimonials-wrap .bx-pager {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	z-index: 100;
}

.fl-testimonials-wrap .bx-pager .bx-pager-item a {
	pointer-events: auto;
	padding: 4px;
	background: transparent !important;
	width: auto !important;
	height: auto !important;
	margin: 0 2px !important;
}

.fl-testimonials-wrap .bx-pager .bx-pager-item a:before {
	position: relative;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transform-origin: 50% 50%;
	background: #585757;
}

.fl-testimonials-wrap .bx-pager .bx-pager-item a:hover,
.fl-testimonials-wrap .bx-pager .bx-pager-item a:active {
	opacity: 1.0;
}

.fl-testimonials-wrap .bx-pager .bx-pager-item a.active {
	pointer-events: none;
}

.fl-testimonials-wrap .bx-pager .bx-pager-item a.active:before {
	width: 9px;
	height: 9px;
}

.fl-testimonials-wrap .fl-testimonial img {
	display: block;
	margin: 0 auto;
	height: 40px;
	width: 160px;
	object-fit: contain;
	object-position: center center;
	font-family: 'object-fit: contain; object-position: center;';
}

.fl-testimonials-wrap .fl-testimonial .logo-wrapper,
.fl-testimonials-wrap .fl-testimonial>img {
	margin: 0 auto 30px;
}

@media (max-width: 767px) {

	.fl-testimonials-wrap .fl-testimonial .logo-wrapper,
	.fl-testimonials-wrap .fl-testimonial>img {
		margin-bottom: 20px;
	}
}

.fl-testimonials-wrap .fl-testimonial p:not(.cite):not(.case-study-link) {
	font-family: var(--button-font);
	font-weight: 400;
	padding: 0;
	display: block;
	font-feature-settings: "kern", "liga", "lnum", "zero";
	letter-spacing: 0;
	font-size: 16px;
	line-height: 1.6;
	color: #585757;
}

@media (min-width: 767px) {
	.fl-testimonials-wrap .fl-testimonial p:not(.cite):not(.case-study-link) {
		font-size: clamp(16px, calc(16px + 120 * ((100vw - 767px) / 433)), 24px);
	}
}

@media (min-width: 1200px) {
	.fl-testimonials-wrap .fl-testimonial p:not(.cite):not(.case-study-link) {
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.fl-testimonials-wrap .fl-testimonial p:not(.cite):not(.case-study-link) {
		line-height: 1.5;
	}
}

.fl-testimonials-wrap .fl-testimonial p.cite {
	margin-bottom: 60px;
}

@media (max-width: 767px) {
	.fl-testimonials-wrap .fl-testimonial p.cite {
		margin-bottom: 40px;
	}
}

.fl-testimonials-wrap .fl-testimonial p.cite:last-child {
	margin-bottom: 0 !important;
}

.fl-testimonials-wrap .fl-testimonial p.cite span {
	display: inline-block;
	padding: 0 5px;
	font-weight: 400;
}

.fl-testimonials-wrap .fl-testimonial p.cite span.author {
	color: var(--primary-color);
	font-weight: 600;
}

.fl-testimonials-wrap .fl-testimonial p.case-study-link {
	margin-bottom: 40px;
}

.fl-testimonials-wrap .fl-testimonial p.case-study-link a.no-bg-button {
	color: #585757 !important;
}

.fl-testimonials-wrap .fl-testimonial p.case-study-link a.no-bg-button:hover,
.fl-testimonials-wrap .fl-testimonial p.case-study-link a.no-bg-button:active,
.fl-testimonials-wrap .fl-testimonial p.case-study-link a.no-bg-button:focus {
	color: var(--primary-color) !important;
}

@media (max-width: 767px) {
	.fl-testimonials-wrap .fl-testimonial p.case-study-link {
		margin-bottom: 20px;
	}
}

.scroll-for-more {
	position: absolute !important;
	z-index: 200;
	left: 25px;
	top: 50%;
	margin-top: -165px;
	color: #277a86;
	padding: 10px 19px 50px;
}

.scroll-for-more .small-headline {
	color: inherit !important;
	writing-mode: tb-rl;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	letter-spacing: 1.8px;
}

.scroll-for-more:after {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: var(--primary-color);
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
	color: inherit;
	opacity: 1;
	content: '';
	z-index: 1;
	background: var(--dark-grey-color) url(../images/light-long-down-arrow.png) no-repeat center center;
	background-size: 7px auto;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	top: 100%;
	left: 0;
}

.scroll-for-more:hover,
.scroll-for-more:active,
.scroll-for-more:focus {
	color: #ffffff;
}

.scroll-for-more:hover:after,
.scroll-for-more:active:after,
.scroll-for-more:focus:after {
	background-color: var(--primary-color);
}

.scroll-for-more.about-more {
	margin-top: -65px;
	left: auto;
	right: 15px;
	padding-bottom: 26px;
}

.scroll-for-more.about-more .small-headline {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.see-more {
	position: absolute !important;
	z-index: 200;
	right: 25px;
	top: 50vh;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: var(--dark-grey-color);
	padding: 10px 17px 20px;
}

.see-more .small-headline {
	color: inherit !important;
	writing-mode: tb-rl;
	letter-spacing: 1.0px;
}

.see-more:after {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: var(--primary-color);
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
	color: inherit;
	opacity: 1;
	content: '';
	z-index: 1;
	background: var(--dark-grey-color) url(../images/light-long-down-arrow.png) no-repeat center center;
	background-size: 7px auto;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	top: 100%;
	left: 0;
}

.see-more:hover,
.see-more:active,
.see-more:focus {
	color: var(--dark-grey-color);
}

.see-more:hover:after,
.see-more:active:after,
.see-more:focus:after {
	background-color: var(--primary-color);
}

.float-scroll-button-down {
	position: absolute;
	z-index: 100;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: -25px;
}

.top-shadow {
	position: relative;
	box-shadow: 0px -1.1px 2.2px rgba(172, 187, 203, 0.02), 0px -2.7px 5.3px rgba(172, 187, 203, 0.028), 0px -5px 10px rgba(172, 187, 203, 0.035), 0px -8.9px 17.9px rgba(172, 187, 203, 0.042), 0px -16.7px 33.4px rgba(172, 187, 203, 0.05), 0px -40px 80px rgba(172, 187, 203, 0.07);
}

img.show-on-visible {
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

img.show-on-visible.visible {
	opacity: 1;
}

@media (min-width: 768px) and (min-height: 650px) {
	body:not(.fl-builder-edit) .sticky-connected-section {
		position: sticky;
		z-index: 10;
		top: 78px;
	}

	body:not(.fl-builder-edit) .sticky-connected-section.set-relative {
		position: relative;
	}

	body:not(.fl-builder-edit) .sticky-connected-section>.fl-row-content-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-height: calc(100vh - 78px);
		align-items: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
	}

	body:not(.fl-builder-edit) .sticky-connected-section .fl-row-content {
		-webkit-box-flex: 1 1 auto;
		-moz-box-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	body:not(.fl-builder-edit) .sticky-connected-section {
		top: 63px;
	}
}

@media (max-height: 649px) {
	body:not(.fl-builder-edit) .sticky-connected-section {
		top: auto !important;
	}
}

.sticky-connected-holder {
	position: relative;
	z-index: 100;
	display: block;
}

.sticky-nav-wrapper {
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 12%;
	display: block;
	height: 100%;
	z-index: 500;
}

@media (max-width: 1150px) {
	.sticky-nav-wrapper {
		left: 15px;
	}
}

@media (max-width: 1024px) {
	.sticky-nav-wrapper {
		display: none;
	}
}

.sticky-nav-wrapper .sticky-nav-inner {
	position: sticky;
	z-index: 100;
	height: calc(100vh - 78px);
	top: 78px;
}

.sticky-nav-wrapper .sticky-connected-nav {
	position: relative;
	display: block;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.sticky-nav-wrapper .sticky-connected-nav a {
	position: relative;
	display: block;
	padding: 7px 10px;
	font-weight: 600;
	text-transform: capitalize;
	color: #b9c3cd;
	font-size: 13px;
}

.sticky-nav-wrapper .sticky-connected-nav a:hover,
.sticky-nav-wrapper .sticky-connected-nav a:active,
.sticky-nav-wrapper .sticky-connected-nav a.active {
	color: #585757;
}

.accordion-row {
	position: relative;
	overflow: hidden;
}

.accordion-row>.fl-row-content-wrap {
	position: relative;
}

.accordion-row>.fl-row-content-wrap>.fl-row-content {
	position: relative;
	border-left: 1px solid #d5d5d5;
}

.accordion-row>.fl-row-content-wrap>.fl-row-content:after {
	position: absolute;
	content: '';
	display: block !important;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #d5d5d5;
	width: 100vw;
}

@media (max-width: 1024px) {
	.accordion-row>.fl-row-content-wrap>.fl-row-content {
		border-left: 0;
	}
}

.accordion-row.last-accordion-row>.fl-row-content-wrap>.fl-row-content:after {
	display: none !important;
}

body.fl-builder-edit .accordion-row {
	overflow: visible;
}

.fl-accordion-item {
	border: 0 !important;
	margin-bottom: 50px !important;
	padding: 7px 0 !important;
	text-align: left;
	background: transparent;
	color: #8c8c8c;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
	counter-increment: numbered-accordion-item;
}

.fl-accordion-item:last-child {
	margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
	.fl-accordion-item {
		margin-bottom: 30px !important;
	}

	.fl-accordion-item:last-child {
		margin-bottom: 0 !important;
	}
}

.fl-accordion-item .fl-accordion-button {
	position: relative;
	display: block;
	padding: 0px 55px 15px 30px !important;
}

@media (max-width: 1024px) {
	.fl-accordion-item .fl-accordion-button {
		padding-right: 35px !important;
	}
}

.fl-accordion-item .fl-accordion-button:before {
	position: absolute;
	left: 0;
	top: 5px;
	font-family: 'din', Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 16px;
	display: block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.0em !important;
	font-weight: 600;
	margin-bottom: 3px;
	content: counter(numbered-accordion-item, decimal-leading-zero);
	color: #2d495b;
}

@media (max-width: 767px) {
	.fl-accordion-item .fl-accordion-button:before {
		top: 3px;
		font-size: 15px;
	}
}

.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon {
	position: absolute;
	top: -9px;
	left: auto;
	right: 4px;
	text-align: center;
	overflow: hidden;
	color: var(--primary-color);
	border: 0;
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
	background: transparent;
	opacity: 1;
	padding: 0;
	-webkit-transition: color 600ms var(--ease-out-expo);
	transition: color 600ms var(--ease-out-expo);
}

@media (max-width: 1024px) {
	.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon {
		top: -12px;
		right: 4px;
	}
}

@media (max-width: 767px) {
	.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon {
		top: -8px;
	}
}

.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon .fl-accordion-button-icon {
	display: none;
}

.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 3.0;
	font-family: var(--font-awesome);
	content: "\f078";
	font-size: 16px;
	font-weight: 900 !important;
}

@media (max-width: 767px) {
	.fl-accordion-item .fl-accordion-button>.fl-accordion-button-icon:before {
		font-size: 14px;
	}
}

.fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	color: #585757 !important;
	letter-spacing: -0.01em;
	max-width: 1020px;
}

.fl-accordion-item .fl-accordion-button .fl-accordion-button-label,
.fl-accordion-item .fl-accordion-button .fl-accordion-button-label:focus {
	outline: 0;
	outline-offset: 0;
	outline-color: transparent;
	outline-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 1024px) {
	.fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
		font-size: 18px;
	}
}

.fl-accordion-item .fl-accordion-button .fl-accordion-button-label:hover,
.fl-accordion-item .fl-accordion-button .fl-accordion-button-label:active,
.fl-accordion-item .fl-accordion-button .fl-accordion-button-label:focus {
	color: var(--dark-grey-color) !important;
}

.fl-accordion-item .fl-accordion-content {
	padding: 0 25px 30px 30px;
	max-width: 840px;
	font-size: 15px;
}

@media (max-width: 1024px) {
	.fl-accordion-item .fl-accordion-content {
		padding-right: 35px !important;
	}
}

.fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-label {
	color: var(--dark-grey-color) !important;
}

.fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-icon {
	color: var(--primary-color);
}

.fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-icon:before {
	content: "\f077";
	margin-top: -2px;
}

.slick-dots>li:only-child {
	display: none;
}

.dot-nav-wrapper,
.slick-dots {
	position: absolute;
	z-index: 200;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	bottom: 10px;
	padding: 4px 10px;
	line-height: 1;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: transparent;
	list-style: none;
}

.dot-nav-wrapper li,
.slick-dots li {
	position: relative;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.dot-nav-wrapper a,
.dot-nav-wrapper button,
.slick-dots a,
.slick-dots button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	color: var(--dot-nav-color);
	background: transparent !important;
	border: 0;
	margin: 0px 4px;
	padding: 0;
	width: 7px;
	height: 12px;
	font-weight: 400;
	letter-spacing: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-indent: -9999px;
	opacity: 1.0;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	overflow: hidden;
}

.dot-nav-wrapper a:before,
.dot-nav-wrapper button:before,
.slick-dots a:before,
.slick-dots button:before {
	position: relative;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	overflow: hidden;
	background: var(--dot-nav-color) !important;
}

.dot-nav-wrapper a span,
.dot-nav-wrapper button span,
.slick-dots a span,
.slick-dots button span {
	display: none;
	line-height: 1.1;
}

.dot-nav-wrapper a:hover,
.dot-nav-wrapper a:active,
.dot-nav-wrapper a:focus,
.dot-nav-wrapper a.active,
.dot-nav-wrapper button:hover,
.dot-nav-wrapper button:active,
.dot-nav-wrapper button:focus,
.dot-nav-wrapper button.active,
.slick-dots a:hover,
.slick-dots a:active,
.slick-dots a:focus,
.slick-dots a.active,
.slick-dots button:hover,
.slick-dots button:active,
.slick-dots button:focus,
.slick-dots button.active {
	color: var(--dot-nav-color-active);
	background: transparent !important;
}

.dot-nav-wrapper a:hover:before,
.dot-nav-wrapper a:active:before,
.dot-nav-wrapper a:focus:before,
.dot-nav-wrapper a.active:before,
.dot-nav-wrapper button:hover:before,
.dot-nav-wrapper button:active:before,
.dot-nav-wrapper button:focus:before,
.dot-nav-wrapper button.active:before,
.slick-dots a:hover:before,
.slick-dots a:active:before,
.slick-dots a:focus:before,
.slick-dots a.active:before,
.slick-dots button:hover:before,
.slick-dots button:active:before,
.slick-dots button:focus:before,
.slick-dots button.active:before {
	background: var(--dot-nav-color-active) !important;
}

.dot-nav-wrapper a.active,
.dot-nav-wrapper button.active,
.slick-dots a.active,
.slick-dots button.active {
	pointer-events: none;
}

.dot-nav-wrapper li.slick-active a,
.dot-nav-wrapper li.slick-active button,
.slick-dots li.slick-active a,
.slick-dots li.slick-active button {
	color: var(--dot-nav-color-active);
	background: transparent !important;
	pointer-events: none;
}

.dot-nav-wrapper li.slick-active a:before,
.dot-nav-wrapper li.slick-active button:before,
.slick-dots li.slick-active a:before,
.slick-dots li.slick-active button:before {
	background: var(--dot-nav-color-active) !important;
}

.button-group,
*:is(p, div, section, li):has(> .set-button + .set-button) {
	position: relative;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	margin-inline: auto;
	padding: 0;
	gap: 12px 10px;
	width: 100%;

	&:has(.no-bg-button) {
		gap: 12px 30px;
	}

	&:last-child {
		margin-bottom: 0;
	}

	& * {
		margin: 0 !important;
	}

	&.no-padding {
		padding: 0 !important;
	}

	&.full-width * {
		width: calc(50% - 8px);
	}

	&.left {
		justify-content: flex-start;
	}

	&.right {
		justify-content: flex-end;
	}

	&.center,
	&.center-content,
	&.center-on-desktop,
	&[style*='text-align=center'] {
		justify-content: center;
	}

	@media (max-width: 1024px) {
		&.left-mobile {
			justify-content: flex-start;
		}

		&.center-mobile {
			justify-content: center;
		}
	}
}

.flex-row {

	&.nowrap,
	&.no-wrap {
		flex-flow: row nowrap !important;
		gap: 20px 24px;
		align-items: center !important;
		align-content: center !important;

		&.align-start {
			align-items: flex-start !important;
			align-content: flex-start !important;
		}

		&>* {
			margin: 0 !important;
		}

		&.break-on-mobile {
			@media (max-width: 1024px) {
				& {
					flex-flow: column wrap !important;
					justify-content: flex-start !important;
					align-items: flex-start !important;
					align-content: flex-start !important;
				}
			}
		}

		&.reverse-on-mobile {
			@media (max-width: 1024px) {
				& {
					flex-direction: column-reverse !important;
				}
			}
		}
	}
}

.center-content,
.content-center {
	display: block;
	text-align: center;
}

.center-content,
*[style*="text-align:center;"] {

	& .button-group,
	& *:is(p, div, section, li):has(> .set-button + .set-button) {
		justify-content: center;
	}
}

.center-on-mobile {
	@media (max-width: 1024px) {

		& .button-group,
		& *:is(p, div, section, li):has(> .set-button + .set-button) {
			justify-content: center;
		}
	}
}

.position-relative {
	position: relative;
}

.post-feed-shortcode .row {
	align-items: stretch;
	align-content: stretch;
}

.single-post table tbody,
.single-post table thead {
	border: 0 !important;
}

.single-post table tbody tr,
.single-post table thead tr {
	position: relative;
	border: 0 !important;
	background: transparent !important;
	height: auto !important;
}

.single-post table tbody tr:nth-child(odd) td a,
.single-post table thead tr:nth-child(odd) td a {
	pointer-events: none;
}

.single-post table tbody tr td,
.single-post table thead tr td {
	position: relative;
	border: 0 !important;
	background: transparent !important;
	height: 100% !important;
}

.single-post table tbody tr td img,
.single-post table thead tr td img {
	position: relative;
	display: block;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	max-height: 250px;
}

@media (max-width: 1110px) {
	.single-post .social-icons-column {
		padding: 0 13px !important;
	}
}

.single-post .social-icons-column .sticky-mc {
	margin: 0 !important;
}

.main-post-content {
	position: relative;
	display: block;
	padding: 50px 0 0;
	max-width: 800px;
	margin: 0 auto;
}

.cat-button-wrapper {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	gap: 10px;
}

.cat-button-wrapper a {
	margin: 0 !important;
}

.intro-post-content {
	position: relative;
	display: block;
}

.logo-hr {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 10px 0 !important;
	text-align: center;
	pointer-events: none;
}

.logo-hr:before {
	position: absolute;
	content: '';
	z-index: 10;
	height: 1px;
	left: 0;
	right: 0;
	display: block;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: rgba(0, 0, 0, 0.1);
}

.logo-hr .inner-logo-wrap {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 25px;
	background: #ffffff;
	z-index: 100;
}

.logo-hr .inner-logo-wrap img {
	display: inline-block;
	margin: 0 auto;
	opacity: 0.2;
}

.col-top-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	aspect-ratio: 1;
}

.stacked-columns {
	position: relative;
	display: block;
}

.stacked-columns>.fl-row-content-wrap {
	position: relative;
}

.stacked-columns>.fl-row-content-wrap:after {
	position: absolute;
	display: block !important;
	content: '';
	left: 0;
	right: 0;
	bottom: -1px;
	pointer-events: none;
	z-index: 10;
	background: #ffffff;
	height: 35vw;
	max-height: 350px;
}

.stacked-columns>.fl-row-content-wrap>.fl-row-content {
	position: relative;
	z-index: 100;
}

@media (max-width: 767px) {
	.stacked-columns .smaller {
		font-size: 1.0em;
	}
}

body:not(.fl-builder-edit) .fade-in-three {
	-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transform-origin: 50% 50%;
	opacity: 0;
	-webkit-transform: translate(0px, 20px) scale(0.9, 0.9);
	-moz-transform: translate(0px, 20px) scale(0.9, 0.9);
	-ms-transform: translate(0px, 20px) scale(0.9, 0.9);
	-o-transform: translate(0px, 20px) scale(0.9, 0.9);
	transform: translate(0px, 20px) scale(0.9, 0.9);
}

@media (min-width: 1025px) {
	body:not(.fl-builder-edit) .fade-in-three:nth-child(3n - 1) {
		-webkit-transition-delay: 200ms;
		transition-delay: 200ms;
	}

	body:not(.fl-builder-edit) .fade-in-three:nth-child(3n) {
		-webkit-transition-delay: 400ms;
		transition-delay: 400ms;
	}
}

body:not(.fl-builder-edit) .fade-in-three.show {
	-webkit-transform: translate(0px, 0px) scale(1.0, 1.0);
	-moz-transform: translate(0px, 0px) scale(1.0, 1.0);
	-ms-transform: translate(0px, 0px) scale(1.0, 1.0);
	-o-transform: translate(0px, 0px) scale(1.0, 1.0);
	transform: translate(0px, 0px) scale(1.0, 1.0);
	opacity: 1;
}

.product-cat-section {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 30px 50px;
	overflow: hidden;
}

.product-cat-section .product-name .variation-sku {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #999;
	margin-top: 6px;
}

.product-cat-section:last-child {
	padding-bottom: 0;
}

.add-to-cart-var-holder {
	position: relative;
	display: none;
	pointer-events: none;
	padding: 22px 0 0;
	text-align: center;
}

.add-to-cart-var-holder.add-active {
	pointer-events: auto;
	display: block;
}

.add-to-cart-var-holder .add-to-cart-btn-holder {
	position: relative;
	display: block;
	margin: 15px auto 0 !important;
	text-align: center;
}

.add-to-cart-var-holder button[type="submit"] {
	position: relative;
	display: block;
	margin: 0 auto !important;
	width: 100%;
}

.globalSearchResultNoFoundFeedback {
	position: relative;
	display: block;
	padding: 0 30px 50px;
}

.see-results-wrapper {
	display: block;
	padding: 36px 0 40px !important;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.see-results-wrapper {
		padding-top: 30px !important;
	}
}

@keyframes pulse {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.95, 0.95);
		-moz-transform: scale(0.95, 0.95);
		-ms-transform: scale(0.95, 0.95);
		-o-transform: scale(0.95, 0.95);
		transform: scale(0.95, 0.95);
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1.0, 1.0);
		-moz-transform: scale(1.0, 1.0);
		-ms-transform: scale(1.0, 1.0);
		-o-transform: scale(1.0, 1.0);
		transform: scale(1.0, 1.0);
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}

	100% {
		opacity: 0.6;
		-webkit-transform: scale(0.95, 0.95);
		-moz-transform: scale(0.95, 0.95);
		-ms-transform: scale(0.95, 0.95);
		-o-transform: scale(0.95, 0.95);
		transform: scale(0.95, 0.95);
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.glt-translate-trigger {
	display: none !important;
}

.google-translator-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 17px;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget {
	position: relative;
	width: 40px !important;
	margin-top: -4px;
	margin-right: 6px;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget .frm_select_holder {
	height: 30px !important;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget .styled-dropdown {
	pointer-events: none;
	z-index: 1;
	height: 100% !important;
	width: 100% !important;
	text-align: left !important;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget .styled-dropdown .standin-drop-holder {
	margin: 0 !important;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border: none;
	background: transparent;
	font-family: var(--button-font);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: #585757;
	padding: 11px 12px 11px 2px !important;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget .styled-dropdown .standin-drop-holder:after {
	position: absolute;
	display: block !important;
	font: normal normal normal 14px/1 var(--font-awesome) !important;
	font-style: normal !important;
	font-weight: 900 !important;
	font-size: 9px !important;
	line-height: 1.0;
	right: 10px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-top: -3px;
	z-index: 10;
	color: #585757;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1.0;
	pointer-events: none;
	content: "\f078";
	background: none !important;
}

.google-translator-wrapper #google_language_translator .goog-te-gadget select.goog-te-combo {
	position: relative;
	display: block;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 100;
	visibility: visible !important;
	opacity: 0 !important;
}

@media (max-width: 1024px) {
	.slick-slider .slick-prev {
		left: 0 !important;
	}

	.slick-slider .slick-next {
		right: 0 !important;
	}
}

.fancybox__viewport .fancybox__caption {
	display: none !important;
}

.wp-block-columns figure {
	margin: 60px 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.foreign-country .woocommerce-Price-amount,
.foreign-country .cart-button-holder,
.foreign-country .single_add_to_cart_button,
.foreign-country .woocommerce-variation-add-to-cart,
.foreign-country .woocommerce-variation-price,
.foreign-country table .quantity,
.foreign-country .product-price-area,
.foreign-country .woocommerce-variation-availability,
.foreign-country .price-wrapper p.price {
	display: none !important;
}

*[type="submit"]:disabled {
	pointer-events: none !important;
}

.woocommerce-variation-add-to-cart-disabled *[type="submit"] {
	pointer-events: none !important;
}

.post-intro-section {
	position: relative;
	display: block;
	padding: 0;
}

.post-intro-section #intro-post-content {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 0;
}

@media (max-width: 767px) {
	.post-intro-section #intro-post-content {
		justify-content: center;
	}
}

.post-intro-section #intro-post-content .intro-post-content {
	position: relative;
	padding: 200px 100px;
	max-width: 700px;
	width: 100%;
}

@media (max-width: 1200px) {
	.post-intro-section #intro-post-content .intro-post-content {
		padding: 200px 60px;
	}
}

@media (max-width: 1024px) {
	.post-intro-section #intro-post-content .intro-post-content {
		padding: 150px 50px;
	}
}

@media (max-width: 767px) {
	.post-intro-section #intro-post-content .intro-post-content {
		padding: 100px 30px 50px;
		max-width: 100%;
		text-align: center;
	}
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date {
	position: relative;
	display: block;
	color: #b0b0b0;
	margin: 0 -5px;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: -0.01rem !important;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date a,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus {
	color: #b0b0b0;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:hover,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:active,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus:hover,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus:active {
	color: var(--dark-grey-color);
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 2px 8px;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span:after {
	position: absolute;
	content: '';
	pointer-events: none;
	background: #b0b0b0;
	top: 4px;
	bottom: 6px;
	right: -2px;
	opacity: 0.8;
	width: 1px;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span:last-child:after {
	display: none;
}

.post-intro-section #intro-post-image {
	position: relative;
	display: block;
	background: #000;
	padding: 150px 30px;
}

.post-intro-section #intro-post-image .background-image-with-opacity>.img-hold {
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.sbar-section {
	position: relative;
	display: block;
	padding: 44px 0;
	margin: 0;

	&:first-child {
		padding-top: 0;
	}

	&:last-child {
		padding-bottom: 0;
	}
}

#sidebar-related {
	position: relative;
	display: block;

	& .related-articles-title {
		display: block;
		color: var(--header-color, #000);
		padding: 0;
		margin: 0 0 12px;
	}

	& ul.related-posts-list {
		position: relative;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 0.866rem;
		line-height: 1.3;

		& li {
			display: block;
			margin: 0;
			padding: 0 0 15px;

			&:last-child {
				padding-bottom: 0;
			}

			& a {

				&,
				&:focus {
					--no-bg-button-color: var(--control-black-620, #616161);
					--a-hover-link-color: var(--primary-color);

					display: inline-block;
					color: var(--no-bg-button-color);
					text-decoration: underline 0.08em color-mix(in srgb, currentColor 80%, transparent) !important;
					text-underline-offset: .18em;
					line-height: 1.5;

					&:hover,
					&:active {
						color: var(--a-hover-link-color);
						text-decoration-color: currentColor;
						text-decoration-line: underline;
					}
				}
			}
		}
	}
}

#sidebar-callout {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;

	&:not(&:has(> .sidebar-callout-link)) {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		padding: 0;
		background: transparent;
		transition: all 800ms var(--ease-out-expo);
		will-change: background;
		gap: 24px;
		overflow: clip;
	}

	& .sidebar-callout-image {
		position: relative;
		display: block;
		aspect-ratio: 2.0;
		border-radius: 12px;
		overflow: clip;
		width: 100%;
		background: #dbe4e3;

		& img {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center top;
			transition: all .8s var(--ease-out-expo);
			transform: scale(1, 1.0);
			will-change: transform, opacity;
			opacity: 1 !important;
		}
	}

	& .sidebar-callout-content {
		position: relative;
		display: block;
		padding: 0 5px;
		width: 100%;

		& .menu-callout-details-title {
			position: relative;
			display: block;
			color: var(--header-color);
			text-decoration: none !important;
			line-height: 1.2;

			&:not(:last-child) {
				margin-bottom: 6px;
			}
		}

		& .menu-callout-details-description {
			position: relative;
			display: block;
			color: inherit;
			text-decoration: none !important;
			line-height: 1.3;

			& p {
				line-height: inherit !important;
			}

			&:not(:last-child) {
				margin-bottom: 20px;
			}
		}

		& .menu-callout-link-text {
			position: relative;
			display: inline-block;
			color: var(--header-color);
			margin-bottom: 0;
			text-decoration: none !important;
			line-height: 1.2;

			&:before {
				position: absolute;
				content: '';
				left: 0;
				right: auto;
				width: 100%;
				opacity: 1;
				bottom: -2px;
				height: 1.5px;
				background: var(--header-color);
				transition: transform 600ms var(--ease-out-expo);
			}
		}
	}

	& .sidebar-callout-link {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		padding: 12px 12px 24px;
		margin: 0 -12px;
		background: transparent;
		transition: all 800ms var(--ease-out-expo);
		will-change: background;
		gap: 24px;
		border-radius: 24px;
		overflow: clip;

		&,
		&:focus {
			color: var(--trinova-blue-9, #000);
			text-decoration: none !important;
			background: transparent;

			& .sidebar-callout-content {
				& .menu-callout-link-text {
					&:before {
						opacity: 1;
						transform: scaleX(1);
						transform-origin: left 0;
					}
				}
			}

			&:hover,
			&:active {
				color: var(--trinova-blue-9, #000);
				text-decoration: none !important;
				background: #dbe4e3;

				& .sidebar-callout-content {
					& .menu-callout-link-text {
						&:before {
							opacity: 1;
							transform: scale(0);
							transform-origin: right 0;
						}
					}
				}

			}
		}
	}
}

.single-blog-content-area {
	display: block;
	padding: 0;

	&:not(.sticky-mc) {
		position: relative;
	}

	& .row {
		align-items: stretch;
	}

	& strong {
		font-weight: 600;
	}

	& *[style="color: #0091d0;"] {
		color: var(--primary-color) !important;
	}

	& h1,
	& .h1,
	& h2,
	& .h2,
	& h3,
	& .h3,
	& h4,
	& .h4,
	& h5,
	& .h5,
	& h6,
	& .h6 {
		strong {
			font-weight: 400;
		}
	}

	& a:not(.set-button) {
		color: inherit !important;
		text-decoration: underline;

		&:focus,
		&:hover,
		&:active {
			color: var(--a-hover-link-color) !important;
			text-decoration: underline;
		}
	}

	& .top-post-cat-listings a {
		color: inherit !important;
		text-decoration: none !important;

		&:focus,
		&:hover,
		&:active {
			text-decoration: none !important;
			color: var(--secondary-color) !important;
		}
	}

	& *[class^='col-'] {
		padding: 20px 30px;
	}
}

.grey-cat-links a {
	color: #999;
}

.grey-cat-links a:hover,
.grey-cat-links a:active,
.grey-cat-links a:focus {
	color: var(--primary-color);
}

.sign-up-float {
	display: block;
	background: var(--dark-grey-color);
	padding: 50px;
}

@media (max-width: 767px) {
	.sign-up-float {
		padding: 30px;
	}
}

.sign-up-float.light {
	color: #8c8c8c !important;
}

.sign-up-float.light strong {
	color: #8c8c8c !important;
}

.sign-up-float h3,
.sign-up-float .h5 {
	font-size: 30px !important;
	line-height: 0.95;
}

@media (max-width: 767px) {

	.sign-up-float h3,
	.sign-up-float .h5 {
		font-size: 24px !important;
	}
}

.zero-results-found {
	color: var(--dark-grey-color);
	font-weight: 600;
	padding: 0 30px;
	text-align: center;
}

.section-connect {
	position: relative;
}

.section-connect .fl-col {
	position: relative;
}

.section-connect .sticky-title-float {
	position: absolute;
	z-index: 200;
	width: 48px;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	display: block;
	background: transparent;
	border-right: 1px solid #ddd;
	color: #585757;
}

@media (max-width: 1024px) {
	.section-connect .sticky-title-float {
		display: none;
	}
}

.section-connect .sticky-title-float .sticky-title {
	position: sticky;
	display: block;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	text-align: right;
	padding: 30px 15px;
	top: 78px;
	writing-mode: vertical-lr;
}

.section-connect .sticky-title-float .sticky-title .section-count {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-top: 50px;
}

.section-connect .sticky-title-float .sticky-title .section-count:before {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	left: 50%;
	top: 15px;
	background: #585757;
	opacity: 0.6;
}

.section-connect .sticky-title-float .sticky-title .section-count .large-count {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	padding-bottom: 4px;
}

.section-connect .sticky-title-float .sticky-title .section-count .small-count {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	right: 5px;
}

.section-connect .sticky-title-float .sticky-title .sticky-title-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-family: var(--button-font);
	letter-spacing: 1.2px;
	line-height: 1.0;
	font-weight: 600;
	background: transparent;
	font-size: 10px;
	opacity: 0.7;
}

.section-connect.fade-button-side-title .sticky-title-float {
	border: 0;
}

.section-connect.fade-button-side-title .sticky-title-float:after {
	position: absolute;
	display: block;
	content: '';
	right: 0;
	width: 1px;
	top: 0;
	bottom: 0;
	background: #ddd;
	background: -moz-linear-gradient(top, #dddddd 70%, rgba(221, 221, 221, 0) 100%);
	background: -webkit-linear-gradient(top, #dddddd 70%, rgba(221, 221, 221, 0) 100%);
	background: linear-gradient(to bottom, #dddddd 70%, rgba(221, 221, 221, 0) 100%);
}

.section-connect.light .sticky-title-float {
	color: #ffffff;
	border-right-color: #2f2f2f;
}

.section-connect.light .sticky-title-float .section-count:before {
	background: #ffffff;
}

@media (min-width: 1025px) {
	.section-connect {
		padding-left: 70px;
	}

	.section-connect.full-section {
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.float-right-on-desktop {
		float: right;
	}
}

.push-down-100 {
	position: relative;
}

@media (min-width: 1025px) {
	.push-down-100 {
		margin-top: 120px;
	}
}

.max-width-100 {
	max-width: 100px;
}

.max-width-150 {
	max-width: 150px;
}

.max-width-200 {
	max-width: 200px;
}

.max-width-250 {
	max-width: 250px;
}

.max-width-300 {
	max-width: 300px;
}

.max-width-350 {
	max-width: 350px;
}

.max-width-400 {
	max-width: 400px;
}

.max-width-450 {
	max-width: 450px;
}

.max-width-500 {
	max-width: 500px;
}

.max-width-550 {
	max-width: 550px;
}

.max-width-600 {
	max-width: 600px;
}

.max-width-650 {
	max-width: 650px;
}

.max-width-700 {
	max-width: 700px;
}

.max-width-750 {
	max-width: 750px;
}

.max-width-800 {
	max-width: 800px;
}

.max-width-850 {
	max-width: 850px;
}

.max-width-900 {
	max-width: 900px;
}

.max-width-950 {
	max-width: 950px;
}

.max-width-1000 {
	max-width: 1000px;
}

.max-width-1050 {
	max-width: 1050px;
}

.max-width-1100 {
	max-width: 1100px;
}

.max-width-1150 {
	max-width: 1150px;
}

.max-width-1200 {
	max-width: 1200px;
}



.max-width-5p {
	max-width: 5% !important;
}

.max-width-10p {
	max-width: 10% !important;
}

.max-width-15p {
	max-width: 15% !important;
}

.max-width-20p {
	max-width: 20% !important;
}

.max-width-25p {
	max-width: 25% !important;
}

.max-width-30p {
	max-width: 30% !important;
}

.max-width-35p {
	max-width: 35% !important;
}

.max-width-40p {
	max-width: 40% !important;
}

.max-width-45p {
	max-width: 45% !important;
}

.max-width-50p {
	max-width: 50% !important;
}

.max-width-55p {
	max-width: 55% !important;
}

.max-width-60p {
	max-width: 60% !important;
}

.max-width-65p {
	max-width: 65% !important;
}

.max-width-70p {
	max-width: 70% !important;
}

.max-width-75p {
	max-width: 75% !important;
}

.max-width-80p {
	max-width: 80% !important;
}

.max-width-85p {
	max-width: 85% !important;
}

.max-width-90p {
	max-width: 90% !important;
}

.max-width-95p {
	max-width: 95% !important;
}

.max-width-100p {
	max-width: 100% !important;
}



@media (min-width: 1201px) {
	.xl-max-width-100 {
		max-width: 100px;
	}

	.xl-max-width-150 {
		max-width: 150px;
	}

	.xl-max-width-200 {
		max-width: 200px;
	}

	.xl-max-width-250 {
		max-width: 250px;
	}

	.xl-max-width-300 {
		max-width: 300px;
	}

	.xl-max-width-350 {
		max-width: 350px;
	}

	.xl-max-width-400 {
		max-width: 400px;
	}

	.xl-max-width-450 {
		max-width: 450px;
	}

	.xl-max-width-500 {
		max-width: 500px;
	}

	.xl-max-width-550 {
		max-width: 550px;
	}

	.xl-max-width-600 {
		max-width: 600px;
	}

	.xl-max-width-650 {
		max-width: 650px;
	}

	.xl-max-width-700 {
		max-width: 700px;
	}

	.xl-max-width-750 {
		max-width: 750px;
	}

	.xl-max-width-800 {
		max-width: 800px;
	}

	.xl-max-width-850 {
		max-width: 850px;
	}

	.xl-max-width-900 {
		max-width: 900px;
	}

	.xl-max-width-950 {
		max-width: 950px;
	}

	.xl-max-width-1000 {
		max-width: 1000px;
	}

	.xl-max-width-1050 {
		max-width: 1050px;
	}

	.xl-max-width-1100 {
		max-width: 1100px;
	}

	.xl-max-width-1150 {
		max-width: 1150px;
	}

	.xl-max-width-1200 {
		max-width: 1200px;
	}



	.xl-max-width-5p {
		max-width: 5% !important;
	}

	.xl-max-width-10p {
		max-width: 10% !important;
	}

	.xl-max-width-15p {
		max-width: 15% !important;
	}

	.xl-max-width-20p {
		max-width: 20% !important;
	}

	.xl-max-width-25p {
		max-width: 25% !important;
	}

	.xl-max-width-30p {
		max-width: 30% !important;
	}

	.xl-max-width-35p {
		max-width: 35% !important;
	}

	.xl-max-width-40p {
		max-width: 40% !important;
	}

	.xl-max-width-45p {
		max-width: 45% !important;
	}

	.xl-max-width-50p {
		max-width: 50% !important;
	}

	.xl-max-width-55p {
		max-width: 55% !important;
	}

	.xl-max-width-60p {
		max-width: 60% !important;
	}

	.xl-max-width-65p {
		max-width: 65% !important;
	}

	.xl-max-width-70p {
		max-width: 70% !important;
	}

	.xl-max-width-75p {
		max-width: 75% !important;
	}

	.xl-max-width-80p {
		max-width: 80% !important;
	}

	.xl-max-width-85p {
		max-width: 85% !important;
	}

	.xl-max-width-90p {
		max-width: 90% !important;
	}

	.xl-max-width-95p {
		max-width: 95% !important;
	}

	.xl-max-width-100p {
		max-width: 100% !important;
	}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.lg-max-width-100 {
		max-width: 100px;
	}

	.lg-max-width-150 {
		max-width: 150px;
	}

	.lg-max-width-200 {
		max-width: 200px;
	}

	.lg-max-width-250 {
		max-width: 250px;
	}

	.lg-max-width-300 {
		max-width: 300px;
	}

	.lg-max-width-350 {
		max-width: 350px;
	}

	.lg-max-width-400 {
		max-width: 400px;
	}

	.lg-max-width-450 {
		max-width: 450px;
	}

	.lg-max-width-500 {
		max-width: 500px;
	}

	.lg-max-width-550 {
		max-width: 550px;
	}

	.lg-max-width-600 {
		max-width: 600px;
	}

	.lg-max-width-650 {
		max-width: 650px;
	}

	.lg-max-width-700 {
		max-width: 700px;
	}

	.lg-max-width-750 {
		max-width: 750px;
	}

	.lg-max-width-800 {
		max-width: 800px;
	}

	.lg-max-width-850 {
		max-width: 850px;
	}

	.lg-max-width-900 {
		max-width: 900px;
	}

	.lg-max-width-950 {
		max-width: 950px;
	}

	.lg-max-width-1000 {
		max-width: 1000px;
	}

	.lg-max-width-1050 {
		max-width: 1050px;
	}

	.lg-max-width-1100 {
		max-width: 1100px;
	}

	.lg-max-width-1150 {
		max-width: 1150px;
	}

	.lg-max-width-1200 {
		max-width: 1200px;
	}



	.lg-max-width-5p {
		max-width: 5% !important;
	}

	.lg-max-width-10p {
		max-width: 10% !important;
	}

	.lg-max-width-15p {
		max-width: 15% !important;
	}

	.lg-max-width-20p {
		max-width: 20% !important;
	}

	.lg-max-width-25p {
		max-width: 25% !important;
	}

	.lg-max-width-30p {
		max-width: 30% !important;
	}

	.lg-max-width-35p {
		max-width: 35% !important;
	}

	.lg-max-width-40p {
		max-width: 40% !important;
	}

	.lg-max-width-45p {
		max-width: 45% !important;
	}

	.lg-max-width-50p {
		max-width: 50% !important;
	}

	.lg-max-width-55p {
		max-width: 55% !important;
	}

	.lg-max-width-60p {
		max-width: 60% !important;
	}

	.lg-max-width-65p {
		max-width: 65% !important;
	}

	.lg-max-width-70p {
		max-width: 70% !important;
	}

	.lg-max-width-75p {
		max-width: 75% !important;
	}

	.lg-max-width-80p {
		max-width: 80% !important;
	}

	.lg-max-width-85p {
		max-width: 85% !important;
	}

	.lg-max-width-90p {
		max-width: 90% !important;
	}

	.lg-max-width-95p {
		max-width: 95% !important;
	}

	.lg-max-width-100p {
		max-width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.md-max-width-100 {
		max-width: 100px;
	}

	.md-max-width-150 {
		max-width: 150px;
	}

	.md-max-width-200 {
		max-width: 200px;
	}

	.md-max-width-250 {
		max-width: 250px;
	}

	.md-max-width-300 {
		max-width: 300px;
	}

	.md-max-width-350 {
		max-width: 350px;
	}

	.md-max-width-400 {
		max-width: 400px;
	}

	.md-max-width-450 {
		max-width: 450px;
	}

	.md-max-width-500 {
		max-width: 500px;
	}

	.md-max-width-550 {
		max-width: 550px;
	}

	.md-max-width-600 {
		max-width: 600px;
	}

	.md-max-width-650 {
		max-width: 650px;
	}

	.md-max-width-700 {
		max-width: 700px;
	}

	.md-max-width-750 {
		max-width: 750px;
	}

	.md-max-width-800 {
		max-width: 800px;
	}

	.md-max-width-850 {
		max-width: 850px;
	}

	.md-max-width-900 {
		max-width: 900px;
	}

	.md-max-width-950 {
		max-width: 950px;
	}

	.md-max-width-1000 {
		max-width: 1000px;
	}

	.md-max-width-1050 {
		max-width: 1050px;
	}

	.md-max-width-1100 {
		max-width: 1100px;
	}

	.md-max-width-1150 {
		max-width: 1150px;
	}

	.md-max-width-1200 {
		max-width: 1200px;
	}



	.md-max-width-5p {
		max-width: 5% !important;
	}

	.md-max-width-10p {
		max-width: 10% !important;
	}

	.md-max-width-15p {
		max-width: 15% !important;
	}

	.md-max-width-20p {
		max-width: 20% !important;
	}

	.md-max-width-25p {
		max-width: 25% !important;
	}

	.md-max-width-30p {
		max-width: 30% !important;
	}

	.md-max-width-35p {
		max-width: 35% !important;
	}

	.md-max-width-40p {
		max-width: 40% !important;
	}

	.md-max-width-45p {
		max-width: 45% !important;
	}

	.md-max-width-50p {
		max-width: 50% !important;
	}

	.md-max-width-55p {
		max-width: 55% !important;
	}

	.md-max-width-60p {
		max-width: 60% !important;
	}

	.md-max-width-65p {
		max-width: 65% !important;
	}

	.md-max-width-70p {
		max-width: 70% !important;
	}

	.md-max-width-75p {
		max-width: 75% !important;
	}

	.md-max-width-80p {
		max-width: 80% !important;
	}

	.md-max-width-85p {
		max-width: 85% !important;
	}

	.md-max-width-90p {
		max-width: 90% !important;
	}

	.md-max-width-95p {
		max-width: 95% !important;
	}

	.md-max-width-100p {
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	.sm-max-width-100 {
		max-width: 100px;
	}

	.sm-max-width-150 {
		max-width: 150px;
	}

	.sm-max-width-200 {
		max-width: 200px;
	}

	.sm-max-width-250 {
		max-width: 250px;
	}

	.sm-max-width-300 {
		max-width: 300px;
	}

	.sm-max-width-350 {
		max-width: 350px;
	}

	.sm-max-width-400 {
		max-width: 400px;
	}

	.sm-max-width-450 {
		max-width: 450px;
	}

	.sm-max-width-500 {
		max-width: 500px;
	}

	.sm-max-width-550 {
		max-width: 550px;
	}

	.sm-max-width-600 {
		max-width: 600px;
	}

	.sm-max-width-650 {
		max-width: 650px;
	}

	.sm-max-width-700 {
		max-width: 700px;
	}

	.sm-max-width-750 {
		max-width: 750px;
	}

	.sm-max-width-800 {
		max-width: 800px;
	}

	.sm-max-width-850 {
		max-width: 850px;
	}

	.sm-max-width-900 {
		max-width: 900px;
	}

	.sm-max-width-950 {
		max-width: 950px;
	}

	.sm-max-width-1000 {
		max-width: 1000px;
	}

	.sm-max-width-1050 {
		max-width: 1050px;
	}

	.sm-max-width-1100 {
		max-width: 1100px;
	}

	.sm-max-width-1150 {
		max-width: 1150px;
	}

	.sm-max-width-1200 {
		max-width: 1200px;
	}



	.sm-max-width-5p {
		max-width: 5% !important;
	}

	.sm-max-width-10p {
		max-width: 10% !important;
	}

	.sm-max-width-15p {
		max-width: 15% !important;
	}

	.sm-max-width-20p {
		max-width: 20% !important;
	}

	.sm-max-width-25p {
		max-width: 25% !important;
	}

	.sm-max-width-30p {
		max-width: 30% !important;
	}

	.sm-max-width-35p {
		max-width: 35% !important;
	}

	.md-max-width-40p {
		max-width: 40% !important;
	}

	.sm-max-width-45p {
		max-width: 45% !important;
	}

	.sm-max-width-50p {
		max-width: 50% !important;
	}

	.sm-max-width-55p {
		max-width: 55% !important;
	}

	.sm-max-width-60p {
		max-width: 60% !important;
	}

	.sm-max-width-65p {
		max-width: 65% !important;
	}

	.sm-max-width-70p {
		max-width: 70% !important;
	}

	.sm-max-width-75p {
		max-width: 75% !important;
	}

	.sm-max-width-80p {
		max-width: 80% !important;
	}

	.sm-max-width-85p {
		max-width: 85% !important;
	}

	.sm-max-width-90p {
		max-width: 90% !important;
	}

	.sm-max-width-95p {
		max-width: 95% !important;
	}

	.sm-max-width-100p {
		max-width: 100% !important;
	}
}

.min-width-5p {
	width: 5% !important;
}

.min-width-10p {
	width: 10% !important;
}

.min-width-15p {
	width: 15% !important;
}

.min-width-20p {
	width: 20% !important;
}

.min-width-25p {
	width: 25% !important;
}

.min-width-30p {
	width: 30% !important;
}

.min-width-35p {
	width: 35% !important;
}

.min-width-40p {
	width: 40% !important;
}

.min-width-45p {
	width: 45% !important;
}

.min-width-50p {
	width: 50% !important;
}

.min-width-55p {
	width: 55% !important;
}

.min-width-60p {
	width: 60% !important;
}

.min-width-65p {
	width: 65% !important;
}

.min-width-70p {
	width: 70% !important;
}

.min-width-75p {
	width: 75% !important;
}

.min-width-80p {
	width: 80% !important;
}

.min-width-85p {
	width: 85% !important;
}

.min-width-90p {
	width: 90% !important;
}

.min-width-95p {
	width: 95% !important;
}

.min-width-100p {
	width: 100% !important;
}





@media (max-width: 1024px) {
	.mobile-width-5p {
		width: 5% !important;
		max-width: 5% !important;
	}

	.mobile-width-10p {
		width: 10% !important;
		max-width: 10% !important;
	}

	.mobile-width-15p {
		width: 15% !important;
		max-width: 15% !important;
	}

	.mobile-width-20p {
		width: 20% !important;
		max-width: 20% !important;
	}

	.mobile-width-25p {
		width: 25% !important;
		max-width: 25% !important;
	}

	.mobile-width-30p {
		width: 30% !important;
		max-width: 30% !important;
	}

	.mobile-width-35p {
		width: 35% !important;
		max-width: 35% !important;
	}

	.mobile-width-40p {
		width: 40% !important;
		max-width: 40% !important;
	}

	.mobile-width-45p {
		width: 45% !important;
		max-width: 45% !important;
	}

	.mobile-width-50p {
		width: 50% !important;
		max-width: 50% !important;
	}

	.mobile-width-55p {
		width: 55% !important;
		max-width: 55% !important;
	}

	.mobile-width-60p {
		width: 60% !important;
		max-width: 60% !important;
	}

	.mobile-width-65p {
		width: 65% !important;
		max-width: 65% !important;
	}

	.mobile-width-70p {
		width: 70% !important;
		max-width: 70% !important;
	}

	.mobile-width-75p {
		width: 75% !important;
		max-width: 75% !important;
	}

	.mobile-width-80p {
		width: 80% !important;
		max-width: 80% !important;
	}

	.mobile-width-85p {
		width: 85% !important;
		max-width: 85% !important;
	}

	.mobile-width-90p {
		width: 90% !important;
		max-width: 90% !important;
	}

	.mobile-width-95p {
		width: 95% !important;
		max-width: 95% !important;
	}

	.mobile-width-100p {
		width: 100% !important;
		max-width: 100% !important;
	}
}


*[class*='min-width-'],
*[class*='max-width-'],
*[class*='mobile-width-'] {
	flex: unset !important;
	margin: 0;
}

*[class*='max-width-'] {
	&:not([class*='sm-']):not([class*='md-']):not([class*='lg-']):not(.keep-on-mobile) {
		@media (max-width: 1024px) {
			& {
				max-width: initial !important;
			}
		}
	}
}

*[class*='min-width-'] {
	&:not([class*='sm-']):not([class*='md-']):not([class*='lg-']):not(.keep-on-mobile) {
		@media (max-width: 1024px) {
			& {
				width: initial !important;
			}
		}
	}
}

*[class*='max-width-'],
*[class*='min-width-'] {
	&.center-content-only {
		margin: 0 auto;
	}

	&.right-content-only {
		margin: 0 0 0 auto;
	}

	&.center,
	&.center-content {
		margin: 0 auto;
		text-align: center;
	}

	&.right,
	&.right-content {
		margin: 0 0 0 auto;
		text-align: right;
	}
}

.add-left-line {
	position: relative;
	padding-left: 80px;
}

@media (max-width: 1024px) {
	.add-left-line {
		padding-left: 0;
	}
}

.add-left-line:before {
	position: absolute;
	display: block;
	content: '';
	width: 70px;
	height: 1px;
	background: var(--primary-color);
	left: 0;
	top: 13px;
}

@media (max-width: 1024px) {
	.add-left-line:before {
		position: relative;
		left: auto;
		top: auto;
		margin: 20px 0;
	}
}

.fl-tabs {
	position: relative;
	display: block;
}

.fl-tabs .push-cats-left,
.fl-tabs .push-cats-right {
	position: absolute;
	top: -2px;
	bottom: auto;
	height: 42px;
	display: block !important;
	z-index: 100;
	width: 70px;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: all 1000ms var(--ease-out-expo);
	transition: all 1000ms var(--ease-out-expo);
	color: var(--dark-grey-color);
	font-family: var(--font-awesome);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 11px;
	padding: 2px 8px 0;
	cursor: pointer;
	pointer-events: none;
	font-weight: 900;
}

.fl-tabs .push-cats-left:before,
.fl-tabs .push-cats-right:before {
	top: 10px;
}

.fl-tabs .push-cats-left {
	left: 0;
	right: auto;
	background: -moz-linear-gradient(left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	text-align: left;
}

.fl-tabs .push-cats-left:before {
	position: relative;
	display: block;
	content: "\f053";
	font-family: inherit;
}

.fl-tabs .push-cats-right {
	left: auto;
	right: 0;
	background: -moz-linear-gradient(right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(right, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0) 100%);
	text-align: right;
}

.fl-tabs .push-cats-right:before {
	position: relative;
	display: block;
	content: "\f054";
	font-family: inherit;
}

.fl-tabs.has-scroll-content.more-left .push-cats-left {
	opacity: 1;
	pointer-events: auto;
}

.fl-tabs.has-scroll-content.more-right .push-cats-right {
	opacity: 1;
	pointer-events: auto;
}

.fl-tabs .fl-tabs-labels {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	width: 100%;
	height: 42px;
}

.fl-tabs .fl-tabs-labels::-webkit-scrollbar,
.fl-tabs .fl-tabs-labels::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

.fl-tabs .fl-tabs-labels .fl-tabs-labels-inner {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	min-width: 100vw;
}

.fl-tabs .fl-tabs-labels .fl-tabs-labels-inner:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	height: 1px;
	bottom: 0;
	background: #e3e3e3;
	display: block;
}

.fl-tabs .fl-tabs-labels:before,
.fl-tabs .fl-tabs-labels:after {
	display: none;
}

.fl-tabs .fl-tabs-labels:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	height: 2px;
	bottom: 0;
	background: #e9e9e9;
	display: block;
}

.fl-tabs .fl-tabs-labels a.fl-tabs-label {
	position: relative;
	display: inline-block !important;
	float: none !important;
	font-family: var(--button-font);
	text-transform: uppercase;
	line-height: 1.2 !important;
	font-size: 16px;
	display: block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.06em !important;
	font-weight: 400;
	border: 0 !important;
	padding: 12px 18px;
	margin: 0 2vw;
	background: transparent;
	color: #585757;
}

@media (max-width: 767px) {
	.fl-tabs .fl-tabs-labels a.fl-tabs-label {
		font-size: 15px;
	}
}

.fl-tabs .fl-tabs-labels a.fl-tabs-label:before {
	position: absolute;
	content: '';
	display: block !important;
	left: 50%;
	right: 50%;
	opacity: 0;
	bottom: 1px;
	height: 2px;
	background: var(--primary-color) !important;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	z-index: 100;
}

@media (max-width: 767px) {
	.fl-tabs .fl-tabs-labels a.fl-tabs-label:before {
		height: 3px;
		bottom: 0;
	}
}

.fl-tabs .fl-tabs-labels a.fl-tabs-label:hover,
.fl-tabs .fl-tabs-labels a.fl-tabs-label:active,
.fl-tabs .fl-tabs-labels a.fl-tabs-label:focus,
.fl-tabs .fl-tabs-labels a.fl-tabs-label.fl-tab-active {
	color: var(--primary-color);
}

.fl-tabs .fl-tabs-labels a.fl-tabs-label:hover:before,
.fl-tabs .fl-tabs-labels a.fl-tabs-label:active:before,
.fl-tabs .fl-tabs-labels a.fl-tabs-label:focus:before,
.fl-tabs .fl-tabs-labels a.fl-tabs-label.fl-tab-active:before {
	left: 0;
	right: 0;
	opacity: 1;
}

.fl-tabs .fl-tabs-labels a.fl-tabs-label.fl-tab-active {
	pointer-events: none;
}

.fl-tabs .fl-tabs-panels {
	position: relative;
	display: block;
	border: 0 !important;
	text-align: center;
	-webkit-transition: height 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: height 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.fl-tabs .fl-tabs-panels .fl-tabs-panel {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block !important;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	-webkit-transition: opacity 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: opacity 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.fl-tabs .fl-tabs-panels .fl-tabs-panel .fl-tabs-label {
	display: none !important;
}

.fl-tabs .fl-tabs-panels .fl-tabs-panel .fl-tabs-panel-content {
	position: relative;
	display: block;
	z-index: 100;
	padding: 80px 30px;
}

.fl-tabs .fl-tabs-panels .fl-tabs-panel:has(.fl-tab-active) {
	position: relative;
	pointer-events: auto;
	z-index: 100;
	opacity: 1;
}

.left-aligned,
.left-align,
.detailed-content {
	text-align: left;
}

.left-aligned .fl-tabs-panels,
.left-align .fl-tabs-panels,
.detailed-content .fl-tabs-panels {
	text-align: left;
}

.detailed-content .fl-tabs-panel .fl-tabs-panel-content {
	padding-top: 50px !important;
}

@media (max-width: 767px) {
	.detailed-content .fl-tabs-panel .fl-tabs-panel-content {
		padding: 0 !important;
	}
}

.search-btn {
	display: block;
	width: 24px;
	height: 24px;
}

@keyframes wobble {

	0%,
	7% {
		transform: rotateZ(0);
	}

	15% {
		transform: rotateZ(-8deg);
	}

	20% {
		transform: rotateZ(5deg);
	}

	25% {
		transform: rotateZ(-5deg);
	}

	30% {
		transform: rotateZ(3deg);
	}

	35% {
		transform: rotateZ(-1deg);
	}

	40%,
	100% {
		transform: rotateZ(0);
	}
}

.wobble {
	-webkit-animation: wobble 2s linear infinite;
	animation: wobble 2s linear infinite;
	-webkit-transform-origin: 50% 5em;
	transform-origin: 50% 5em;
}

.detailed-menu-dropdown .products-menu-section {
	position: relative;
	display: block;
	width: 100%;
}

.detailed-menu-dropdown .products-menu-section .menu-drop-container {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
}

.detailed-menu-dropdown .products-menu-section .menu-drop-container:before,
.detailed-menu-dropdown .products-menu-section .menu-drop-container:after {
	display: none;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper {
	position: relative;
	display: block;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list {
	position: relative;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li:last-child {
	margin-bottom: -1px;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a {
	position: relative;
	display: block;
	padding: clamp(40px, 4.5vh, 45px) clamp(30px, 5vw, 100px);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.6);
	background: transparent;
}

@media (max-width: 1200px) {
	.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a {
		font-size: 13px;
	}
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a:hover,
.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a:active,
.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a:focus,
.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a.active {
	background: #17303e;
	color: #ffffff;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li a.active {
	pointer-events: none;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li.new-section a {
	padding-right: 100px;
}

.detailed-menu-dropdown .products-menu-section .menu-callout-wrapper ul.cat-list li.new-section a:after {
	position: absolute;
	font-family: 'din', Arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.3 !important;
	font-size: 12px;
	display: block;
	padding-left: 0;
	padding-right: 0;
	letter-spacing: 0.0em !important;
	font-weight: 600;
	padding: 7px 15px 2px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #306888;
	content: 'New';
	color: #fff;
	text-align: center;
	display: inline-block;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 50px;
	right: 40px;
	pointer-events: none;
}

.detailed-menu-dropdown .products-menu-section .menu-drop {
	position: relative;
	z-index: 10;
	padding: 0 !important;
}

.detailed-menu-dropdown .products-menu-section .menu-drop:before,
.detailed-menu-dropdown .products-menu-section .menu-drop:after {
	display: none;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel {
	position: absolute;
	display: none !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	padding: 0;
	left: 0;
	right: 0;
	top: 0;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel.open {
	position: relative;
	z-index: 10;
	pointer-events: auto;
	opacity: 1;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a {
	position: relative;
	font-family: var(--button-font);
	line-height: 1.0;
	font-weight: 400;
	color: var(--light-white-color);
	background: transparent;
	text-transform: none;
	font-size: 15px;
	letter-spacing: 0px;
	margin: 0;
	padding: 10px 10px 25px;
	line-height: 1.2;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	width: 153px;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap {
	position: relative;
	display: block;
	text-align: left;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap .menu-image {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap .menu-image img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 0.55;
	-webkit-transform: scale(1.0, 1.0);
	-moz-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
	-o-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap .menu-title {
	position: relative;
	display: block;
	font-weight: 600;
	line-height: 1.3;
	font-size: 16px;
	margin: 8px 0 0;
	color: var(--light-white-color);
	-webkit-transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: color 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
	overflow: hidden;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap .menu-title .para {
	display: block;
	font-size: 11px;
	font-style: italic;
}

@media (max-width: 1200px) {
	.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a .inner-menu-item-wrap .menu-title {
		font-size: 14px;
	}
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:hover,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:active,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:focus {
	color: var(--light-white-color-hover);
	background: transparent;
	text-decoration: none;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:hover .inner-menu-item-wrap .menu-image img,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:active .inner-menu-item-wrap .menu-image img,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:focus .inner-menu-item-wrap .menu-image img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:hover .inner-menu-item-wrap .menu-title,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:active .inner-menu-item-wrap .menu-title,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-panel-list a:focus .inner-menu-item-wrap .menu-title {
	color: var(--light-white-color-hover);
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-category-link {
	position: relative;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px 30px 20px;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-category-link a.set-button {
	width: 100%;
	padding: 15px 30px !important;
	font-size: 14px;
	letter-spacing: 0;
	color: #ffffff !important;
	border-color: #2d495b !important;
	background: #2d495b !important;
}

.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-category-link a.set-button:hover,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-category-link a.set-button:active,
.detailed-menu-dropdown .products-menu-section .menu-drop .menu-product-panel .product-category-link a.set-button:focus {
	color: var(--dark-grey-color) !important;
	border-color: #ffffff !important;
	background: #ffffff !important;
}

.overlay-on-tablet>.fl-row-content-wrap {
	position: relative;
}

@media (max-width: 1024px) {
	.overlay-on-tablet>.fl-row-content-wrap:before {
		position: absolute;
		content: '';
		display: block;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: #000;
		opacity: 0.3;
		pointer-events: none;
	}
}

@media (min-width: 768px) {

	body:not(.fl-builder-edit) .full-height-image,
	body:not(.fl-builder-edit) .full-height-image * {
		height: 100% !important;
	}
}

body:not(.fl-builder-edit) .full-height-image img {
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.temp-hide {
	display: none !important;
}

.spinner {
	--spinner-size: 2;
	--line-color: #89a3c9;
	--line-alpha: 1;
	--ring-color: #000000;
	--ring-alpha: 0.05;
	--ring-size: 8;
	font-size: calc(var(--spinner-size) * 1em);
	width: 1em;
	height: 1em;
	border-radius: 50%;
}

.spinner .line {
	fill: none;
	stroke: var(--line-color);
	stroke-width: var(--ring-size);
	opacity: var(--line-alpha);
	stroke-linecap: round;
	transform-origin: 50% 50%;
	transform: rotate3d(0, 0, 1, 0deg);
	animation: 2156ms spinner-arc ease-in-out infinite, 1829ms spinner-rotate linear infinite;
}

.spinner .ring {
	fill: none;
	stroke: var(--ring-color);
	stroke-width: var(--ring-size);
	opacity: var(--ring-alpha);
}

@keyframes spinner-rotate {
	to {
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

@keyframes spinner-arc {
	from {
		stroke-dasharray: 0 150;
		stroke-dashoffset: 0;
	}

	to {
		stroke-dasharray: 100 150;
		stroke-dashoffset: -140;
	}
}

*[class^='material-icons'] {
	opacity: 1;
}

body.loaded *[class^='material-icons'] {
	opacity: 1;
}

.slick-track {
	margin: 0 !important;
}

@media (min-width: 1025px) {
	.mobile-menu {
		display: none;
	}
}

.mobile-menu {
	--mobile-menu-width: min(420px, 86vw);
	position: fixed;
	inset: 0;
	top: var(--mm-menu-bar-height, 0px);
	z-index: 9999998;
	display: block;
	pointer-events: none;
	visibility: hidden;
	overflow: clip;
}

.mobile-menu.is-ready {
	visibility: visible;
}

.mobile-menu__overlay {
	position: absolute;
	inset: 0;
	background: var(--backdrop-color, #000);
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu.is-open .mobile-menu__overlay {
	opacity: var(--backdrop-color-opacity, 0.8);
	pointer-events: auto;
}

.mobile-menu__drawer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: var(--mobile-menu-width);
	max-width: 100%;
	transform: translate3d(-100%, 0, 0);
	transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.0);
	pointer-events: none;
	background: var(--mobile-menu-bg-color);
	background: var(--mobile-menu-bg-color) url(/wp-content/uploads/footer-background-1.webp) no-repeat center bottom;
	font-family: var(--mobile-menu-font-family);
	font-size: var(--mobile-menu-font-size);
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0.0px;
	color: var(--mobile-body-color);
}

.mobile-menu.is-open .mobile-menu__drawer {
	transform: translate3d(0, 0, 0);
	box-shadow: 6px 0 30px rgba(0, 0, 0, 0.25);
	pointer-events: auto;
}

.mobile-menu__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
	padding: 18px 20px;
	/* min-height: 62px; */
	height: 65px;

	&:after {
		position: absolute;
		content: '';
		display: block;
		left: 20px;
		right: 20px;
		height: 1px;
		bottom: 0;
		background: var(--mobile-menu-title-color);
		opacity: 0.1;
	}
}

.mobile-menu__title {
	position: relative;
	flex: 1;
	text-align: left;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	color: var(--mobile-menu-accent-color) !important;
	font-family: var(--header-font);
	font-size: .7rem;
	font-weight: 600;
	line-height: var(--button-line-height);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mobile-menu__header:has(.mobile-menu__back.is-visible) {
	& .mobile-menu__title {
		display: none;

		&:before {
			position: relative;
			content: '/';
			display: inline-block;
			padding: 0 10px 0 0;
			color: inherit;
		}
	}
}


.mobile-menu__back {
	display: none;
	align-items: center;
	gap: 8px;
	background: transparent;
	border: 0;
	color: inherit;
	font-size: 0.86rem;
	font-weight: 600;
	padding: 8px 10px 8px 4px;
	min-width: fit-content;
	white-space: nowrap;
	overflow: clip;
	text-overflow: ellipsis;
	color: var(--mobile-menu-accent-color) !important;

	& .mobile-menu__back-text {
		text-align: left;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		color: inherit !important;
		font-family: var(--header-font);
		font-size: .7rem;
		font-weight: 600;
		line-height: var(--button-line-height);
		letter-spacing: .08em;
		text-transform: uppercase;
	}
}

.mobile-menu__back.is-visible {
	display: inline-flex;
}

.mobile-menu__back-icon {
	position: relative;
	display: inline-flex;
	width: 9px;
	height: 9px;
}

.mobile-menu__back-icon:before {
	content: "";
	position: absolute;
	inset: 0;
	border: solid currentColor;
	border-width: 0 0 2px 2px;
	transform: rotate(45deg);
}

.mobile-menu__close {
	position: relative;
	margin-left: auto;
	opacity: 1;
	pointer-events: auto;
	width: 32px;
	height: 32px;
	padding: 0;
}

.mobile-menu__close:before,
.mobile-menu__close:after {
	background: currentColor;
	top: 50%;
	left: 50%;
	right: auto;
	transform-origin: center;
}

.mobile-menu__close:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-menu__close:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu__content {
	position: relative;
	flex: 1 1 auto;
	overflow: hidden;
}

.mobile-menu__panels {
	--mobile-menu-depth: 0;
	--mobile-menu-active-index: 0;
	--mobile-menu-panel-count: 1;
	display: flex;
	height: 100%;
	/* width: calc(100% * var(--mobile-menu-panel-count)); */
	transform: translate3d(calc(-100% * var(--mobile-menu-active-index)), 0, 0);
	/* transition: transform 600ms var(--ease-out-expo);
	will-change: transform; */
}

.mobile-menu__panel {
	/* position: absolute; */
	flex: 0 0 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	padding-block: 20px var(--mmenu-bottom-content-height, 20px);
	color: var(--mobile-menu-title-color);
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: all 600ms var(--ease-out-expo);
	will-change: opacity, transform;
	z-index: 1;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	overflow: clip scroll;
	--mask-size: 30px;
	--mask-grad: linear-gradient(180deg, transparent 0%, red var(--mask-size, 30px), red calc(100% - var(--mask-size, 30px)), transparent 100%);
	-webkit-mask-image: var(--mask-grad);
	mask-image: var(--mask-grad);

	&::-webkit-scrollbar,
	&::-moz-scrollbar {
		width: 0px;
		background: transparent;
		display: none;
	}
}

.mobile-menu__panel--pre-enter {
	transform: translate3d(30%, 0, 0) !important;
}

.mobile-menu__panel.is-active.mobile-menu__panel--pre-enter {
	transform: translate3d(30%, 0, 0) !important;
}

.mobile-menu__panel--shifted {
	transform: translate3d(-30%, 0, 0) !important;
	opacity: 1;
}

.mobile-menu__panel--active {
	transform: translate3d(0, 0, 0) !important;
}

.mobile-menu__panel.is-active {
	pointer-events: auto;
	opacity: 1;
	z-index: 10;
}

.mobile-menu__panel:not(.is-active) {
	pointer-events: none;
}

.mobile-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: var(--mobile-menu-width);
}

.mobile-menu__item {
	display: flex;
	align-items: stretch;
	position: relative;
	padding: 0;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.08); */
}

.mobile-menu__item:last-child {
	border-bottom: 0;
}

.mobile-menu__link {
	display: block;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	font-family: var(--mobile-menu-font-family);
	font-size: var(--mobile-menu-font-size);
	font-weight: var(--mobile-menu-item-font-weight);
	text-transform: var(--mobile-menu-text-transform);
	letter-spacing: var(--mobile-menu-letter-spacing);
	color: var(--mobile-menu-title-color);
	padding: var(--mobile-menu-item-padding);
	min-height: var(--mobile-menu-item-min-height);
	line-height: 1.3;
	transition: color 200ms ease;
	-webkit-font-smoothing: antialiased;
	text-decoration: none !important;
}

.mobile-menu__link:hover,
.mobile-menu__link:focus,
.mobile-menu__link:active {
	color: var(--mobile-menu-accent-color) !important;
	text-decoration: none !important;
}

.mobile-menu__item.has-submenu>.mobile-menu__link {
	padding-right: 24px;
}

.mobile-menu__toggle {
	flex: 0 0 56px;
	height: auto;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	color: inherit;
	padding: 0;
	/* border-left: 1px solid rgba(255, 255, 255, 0.08); */
	cursor: pointer;
	transition: color 200ms ease, background 200ms ease;
	position: relative;
}

.mobile-menu__toggle:hover,
.mobile-menu__toggle:focus-visible {
	color: var(--mobile-menu-accent-color);
	outline: none;
}

.mobile-menu__toggle .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
}

.mobile-menu__toggle-icon {
	position: relative;
	width: 9px;
	height: 9px;
}

.mobile-menu__toggle-icon:before {
	content: "";
	position: absolute;
	inset: 0;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
	transition: transform 200ms ease;
	border-radius: 1px;
}

.mobile-menu__toggle[aria-expanded="true"] .mobile-menu__toggle-icon:before {
	transform: rotate(45deg);
}

.mobile-menu__panel .mobile-menu__list .line-list-item {
	font-size: var(--mobile-menu-child-item-font-size);
	font-weight: var(--mobile-menu-child-item-font-weight);
	color: var(--mobile-menu-child-item-color);
	padding: var(--mobile-menu-child-item-padding);
	min-height: var(--mobile-menu-child-item-min-height);
	display: block;
}

.mobile-menu__footer {
	position: relative;
	padding: 0;
	background: transparent;

	&:before {
		position: absolute;
		display: block;
		content: '';
		left: 20px;
		right: 20px;
		top: 0;
		height: 1px;
		background: var(--mobile-menu-title-color);
		opacity: 0.1;
	}
}

.mobile-menu__footer:empty {
	display: none;
}

.mobile-menu__footer .bottom-info-wrapper {
	position: relative;
	padding: var(--bottom-info-wrapper-padding, 20px 20px 35px);
	left: auto;
	right: auto;
	bottom: auto;
}

.mobile-menu__footer .bottom-info-wrapper:before {
	display: none !important;
}

.mobile-menu__footer .bottom-info-wrapper ul:before {
	display: none;
}

.mobile-menu__footer .mobile-menu__footer-item {
	border: 0;
	padding: 6px 0;
}

body .mm-slideout {
	z-index: 100 !important;
}

body.loaded {
	& .mm-slideout {
		z-index: 1 !important;
		min-height: 100vh !important;
	}
}

html.mm-front .mm-menu {
	z-index: 10 !important;
}

.fl-builder-edit .add-scroll-button-bottom-left .bottom-left-container {
	z-index: 100 !important;
}

.fl-builder-edit .resource-nav-wrapper {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	margin: 0;
}

.fl-builder-edit img.lazy {
	opacity: 1 !important;
}

#tiptip_holder {
	display: none !important;
}

.fl-dimension-field-link {
	display: inline-block !important;
}

.fl-builder-settings-fields {
	visibility: visible !important;
}

.fl-col-small:not(.fl-col-small-full-width) {
	max-width: 100%;
}

body.fl-builder-edit #header {
	position: relative !important;
	z-index: 100 !important;
}

body.fl-builder-edit #cart-popup-holder {
	display: none !important;
}

@media (max-width: 1024px) {
	.block-columns-on-tablet .fl-col {
		width: 100% !important;
	}
}

@media (min-width: 1025px) {
	.full-height-on-desktop>.fl-row-content-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		min-height: 100%;
		max-height: 100vh;
		align-items: center;
		justify-content: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
	}

	.full-height-on-desktop.align-to-top>.fl-row-content-wrap {
		align-items: flex-start;
		justify-content: center;
		-webkit-align-items: flex-start;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-align: flex-start;
		-ms-flex-pack: center;
	}

	.full-height-on-desktop.full-ht {
		max-height: 800px;
		height: calc(100vh - 76px);
		min-height: 600px;
	}

	.full-height-on-desktop .fl-row-content {
		-webkit-box-flex: 1 1 auto;
		-moz-box-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
}

.fl-color-picker-ui {
	left: 100%;
	top: 100%;
}

.fl-form-table iframe {
	max-height: var(--max-height-editor) !important;
}

.wp-editor-container textarea.wp-editor-area {
	max-height: var(--max-height-editor) !important;
}

.bottom-info-wrapper {
	position: absolute;
	display: block;
	z-index: 300;
	padding: 20px 20px 35px;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	/* background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px); */

	&>* {
		z-index: 10;
	}

	&:before {
		--color-mix-primary-zero: color-mix(in srgb, var(--mobile-menu-bg-color) 0%, transparent);

		position: absolute;
		z-index: 1;
		pointer-events: none;
		content: '';
		display: block !important;
		background: var(--mobile-menu-bg-color);
		background: -moz-linear-gradient(bottom, var(--mobile-menu-bg-color) 65%, var(--color-mix-primary-zero) 100%);
		background: -webkit-linear-gradient(bottom, var(--mobile-menu-bg-color) 65%, var(--color-mix-primary-zero) 100%);
		background: linear-gradient(to top, var(--mobile-menu-bg-color) 65%, var(--color-mix-primary-zero) 100%);
		left: 0;
		right: 0;
		height: 150%;
		bottom: 0;
		display: none !important;
	}

	& br {
		display: none !important;
	}
}

.bottom-info-wrapper * {
	position: relative;
	z-index: 20;
}

.bottom-info-wrapper .underline-link,
.bottom-info-wrapper .underline-link:focus,
.bottom-info-wrapper .underline-link:hover,
.bottom-info-wrapper .underline-link:active {
	color: #fff !important;
}

@media (max-height: 500px) {
	.bottom-info-wrapper {
		padding-top: 0 !important;
		display: none;
	}
}

.bottom-info-wrapper ul {
	position: relative;
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

@media (max-height: 600px) {
	.bottom-info-wrapper ul {
		display: none;
	}
}

.bottom-info-wrapper ul:before {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	top: 8px;
	bottom: 8px;
	left: 6px;
	background: rgba(255, 255, 255, 0.4);
}

.bottom-info-wrapper ul li {
	position: relative;
	display: block;
	padding: 5px 0;
}

.bottom-info-wrapper ul li a {
	display: inline-block;
	padding: 5px 20px;
	font-weight: 600;
	color: #ffffff !important;
	text-decoration: underline 0.08em rgba(255, 255, 255, 0) !important;
	font-size: 0.85rem;
}

.bottom-info-wrapper ul li a:hover,
.bottom-info-wrapper ul li a:active,
.bottom-info-wrapper ul li a:focus {
	color: #ffffff !important;
	text-decoration-color: #ffffff !important;
}

.bottom-info-wrapper .bottom-runner-link {
	position: relative;
	display: block;
	padding: 12px 24px;
	margin: 0 -15px;
	color: #ffffff !important;
	text-decoration: underline 0.08em rgba(255, 255, 255, 0) !important;
	font-size: 0.9rem;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.bottom-info-wrapper .bottom-runner-link:hover,
.bottom-info-wrapper .bottom-runner-link:active,
.bottom-info-wrapper .bottom-runner-link:focus {
	color: #ffffff !important;
	text-decoration-color: #ffffff !important;
}

@media (max-height: 450px) {
	.bottom-info-wrapper .bottom-runner-link {
		margin: 0 -15px;
	}
}

.bottom-info-wrapper .email-link-holder {
	margin-bottom: 12px;
}

.bottom-info-wrapper .social_main_menu {
	position: relative;
	display: block;
	padding-bottom: 24px;
	margin-bottom: 22px;
}

.bottom-info-wrapper .social_main_menu:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	display: block;
	background: rgba(0, 0, 0, 0.1);
	pointer-events: none;
	width: 100%;
}

.bottom-info-wrapper .social_main_menu li a {
	color: #bbb !important;
	background: transparent;
	border: 1.5px solid #bbb;
	font-size: 11px;
	padding: 6px 2px !important;
}

.bottom-info-wrapper .social_main_menu li a:hover,
.bottom-info-wrapper .social_main_menu li a:active,
.bottom-info-wrapper .social_main_menu li a:focus {
	color: #bbb !important;
	background: transparent;
	border-color: #bbb;
}

.with_frm_style .frm_form_fields>fieldset {
	padding-bottom: 0;
}

.with_frm_style .frm_message,
.frm_success_style {
	border: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	color: var(--success-color) !important;
	background: transparent !important;

	&,
	& p {
		font-weight: 600;
		-webkit-font-smoothing: antialiased;
		font-size: 1.15rem;
	}
}

.container-full {
	position: relative;
	margin: 0 auto;
}

.flex-row {
	display: flex !important;
	flex-direction: row;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: wrap;
}

.flex-row:before,
.flex-row:after {
	display: none;
}

.flex-row *[class*='col-'] {
	float: none !important;
}

.stay-in-the-know-box {
	display: block;
	padding: 24px;
	background: #fdfdfe;
	box-shadow: inset 0 0 50px #f0f0fb;
}

.stay-in-the-know-box>img {
	display: block;
	padding-bottom: 40px;
}

.stay-in-the-know-box h2 {
	font-weight: 400;
	padding-bottom: 12px;
}

@media (max-width: 1024px) {
	.stay-in-the-know-box {
		text-align: center;
		padding-top: 40px;
	}

	.stay-in-the-know-box>img {
		padding-bottom: 30px;
		margin: 0 auto;
	}
}

@media (max-width: 1024px) {
	.related-media-holder {
		max-width: 550px;
		margin: 0 auto;
	}
}

#blog-intro-area {
	position: relative;
	display: block;

	& .intro-col {
		padding: 100px 80px 60px;

		@media (max-width: 1024px) {
			& {
				padding: 90px 50px 50px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding: 90px 20px 40px;
			}
		}
	}

	&.search-intro-area {
		& .intro-col {
			padding: 50px 80px 70px;

			@media (max-width: 1024px) {
				& {
					padding-inline: 50px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding-inline: 20px;
				}
			}
		}
	}
}

#blog-intro-area h1 {
	margin: 0 0 30px;
}

.intro-title {
	color: var(--secondary-color);
	font-size: clamp(2.0rem, 3.5vw, 3.0rem);
	font-weight: 400;
	line-height: 1.05;
	margin-bottom: 10px;
}

.wrap-entire-post-feed {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 auto;
	background: #fff;

	& .inner-entire-post-feed {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 70px 80px 80px;
		max-width: 1400px;

		@media (max-width: 1024px) {
			& {
				padding: 60px 50px 60px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding: 50px 20px 80px;
			}
		}
	}
}

.top-post-title-section {
	position: relative;
	display: block;
	padding: 0 0 70px;

	@media (max-width: 1024px) {
		& {
			padding-bottom: 50px;
		}
	}
}

.post-details-footer-callout {
	--top-spacing: 54px;

	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	padding: var(--top-spacing) 0 0;
	margin: var(--top-spacing) 0 0;

	@media (max-width: 767px) {
		& {
			--top-spacing: 46px;
			flex-flow: column nowrap;
		}
	}

	& .bio-callout-image {
		position: relative;
		display: inline-block;
		width: 20%;
		max-width: 110px;
		border-radius: 6px;
		overflow: clip;
		background: var(--primary-color, #000);

		@media (max-width: 1024px) {
			& {
				width: 100px;
			}
		}

		@media (max-width: 767px) {
			& {
				width: 70px;
				margin-bottom: 24px;
			}
		}

		& img {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
			aspect-ratio: 1;
			object-fit: cover;
			object-position: center center;
			pointer-events: none;
		}
	}

	& .bio-callout-content {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		padding: 0 0 0 clamp(24px, 4vw, 36px);
		width: 80%;
		gap: 12px;

		@media (max-width: 1024px) {
			& {
				width: calc(100% - 100px);
			}
		}

		@media (max-width: 767px) {
			& {
				padding-left: 0;
				width: 100%;
			}
		}

		&>* {
			margin-bottom: 0 !important;

			&:last-child {
				margin-top: 8px !important;
			}
		}

		& p {
			font-size: 1.0rem;
			line-height: 1.5;

			& a {
				font-weight: 600;
				-webkit-font-smoothing: antialiased;
			}
		}
	}
}

.sidebar-callout-section {
	position: relative;

	& .inner-sidebar-callout {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		background: #000;
		padding: 155px clamp(12px, 2vw, 30px) 24px;
		border-radius: 6px;
		overflow: clip;

		@media (max-width: 767px) {
			& {
				padding-inline: 20px;
			}
		}

		&>img {
			position: absolute;
			display: block;
			pointer-events: none;
			z-index: 1;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			object-fit: cover;
			object-position: center top;
		}

		& .sidebar-callout-content {
			position: relative;
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			justify-self: flex-end;
			padding: 0;
			margin-top: auto;
			z-index: 10;
			text-align: center;
			gap: 6px;

			& p {
				line-height: 1.3;
				-webkit-font-smoothing: auto;
			}

			&>* {
				margin: 0;
			}

			& p:has(.set-button) {
				&:not(:first-child) {
					margin-top: 8px;
				}

				&:not(:last-child) {
					margin-bottom: 8px;
				}
			}
		}

	}
}

.sign-up-callout-section {
	position: relative;

	& .inner-sign-up-callout {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
		background: var(--ion-blue-10, #000);
		padding: clamp(50px, 5vw, 60px) clamp(30px, 5vw, 80px);
		border-radius: 12px;
		overflow: clip;
		min-height: 100%;

		& .flex-row {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
			padding: 0;

			& p {
				line-height: 1.4;
			}

			& *[class*='col-'] {
				padding: 0;
			}

			&:not(:last-child) {
				padding-bottom: clamp(24px, 3vw, 30px);

				@media (max-width: 1200px) {
					& {
						padding-bottom: 20px;
					}
				}
			}

			&.sign-up-cols {
				& *[class*='-5'] {
					padding-left: 24px;
				}

				@media (max-width: 1200px) {
					& {
						flex-direction: column-reverse;

						& *[class*='-5'] {
							padding-left: 0;

							&:not(:first-child) {
								padding-bottom: 30px;
							}
						}
					}
				}
			}
		}
	}
}

.post-feed-loop {
	position: relative;
	display: block;
	padding: 0;
	background: transparent;
	overflow: visible;
	width: 100%;

	&.post-feed-search-loop {
		background: var(--control-black-60, #F2F7FD);
		padding: 66px 80px;

		@media (max-width: 1024px) {
			& {
				padding-inline: 50px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding-inline: 20px;
			}
		}
	}

	& .full-listings-inner-row {
		position: relative;
		margin: 0 -12px;
		justify-content: center;

		&.left-align-row {
			justify-content: flex-start;
		}

		@media (max-width: 767px) {
			& {
				margin: 0 auto;
				max-width: 500px;
			}
		}

		& .card-rotator-card-inner {
			position: relative;
			display: block;
			margin: 0;
			padding: 12px 12px 30px;
			text-align: left;
			overflow: clip;
			border-radius: 0;
			background: transparent;

			@media (max-width: 767px) {
				& {
					padding-inline: 0;
				}
			}

			@media (min-width: 768px) and (max-width: 1024px) {
				&.related-post-holder {
					display: none !important;

					&:nth-child(1),
					&:nth-child(2) {
						display: block !important;
					}
				}
			}

			& .post-meta-line {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				align-items: center;
				align-content: center;
				-webkit-font-smoothing: auto;
				letter-spacing: 0.03em;
				padding: 13px 6px;

				@media (max-width: 1024px) {
					& {
						flex-flow: column wrap;
						align-items: flex-start;
						align-content: flex-start;
					}
				}

				&>div {
					position: relative;
					display: inline-block;
				}

				& .meta-author-name {
					display: block;
					font-weight: 400;
					color: #000;
					padding: 5px 15px 5px 0;
					line-height: 1.2;
					text-decoration-line: none !important;
					/* white-space: nowrap;
					overflow: clip;
					text-overflow: ellipsis;
					max-width: 50%; */

					@media (max-width: 1024px) {
						& {
							padding: 5px 0 3px;
						}
					}
				}

				& .meta-post-date {
					display: block;
					font-weight: 400;
					color: #80818B;
					font-size: 0.8667rem;
					line-height: 1.4;
					padding: 5px 0 5px 15px;
					border-left: 1px solid #CCCDD1;
					text-decoration-line: none !important;
					/* white-space: nowrap;
					overflow: clip;
					text-overflow: ellipsis;
					max-width: 50%; */

					@media (max-width: 1024px) {
						& {
							border-left: 0;
							padding: 0;
						}
					}
				}
			}

			&:has(.card-link-wrap:hover) {
				& .card-rotator-card-image-wrapper>img {
					transform: scale(1.1, 1.1) translateZ(0);
				}

				& .bottom-of-card {
					transform: translateY(0px);

					& .card-rotator-card-link-wrap {
						pointer-events: auto;
						opacity: 1;

						& .card-rotator-card-link {
							pointer-events: auto;
						}
					}
				}
			}
		}

		& .card-rotator-card-image-wrapper {
			position: relative;
			display: block;
			margin: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 0.8;
			border: 0;
			background: #000;
			z-index: 1;
			border-radius: 6px 6px 6px 0;
			overflow: hidden;

			&:before,
			&:after {
				display: none !important;
			}

			@media (max-width: 1024px) {
				& {
					aspect-ratio: 1.1;
				}
			}

			@media (max-width: 767px) {
				& {
					aspect-ratio: 1.4;
				}
			}

			&>img {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
				transition: all 1200ms var(--ease-out-expo);
				transform: scale(1.0, 1.0) translateZ(0);
				pointer-events: none;
				z-index: 1;
			}

			&:before {
				position: absolute;
				display: block;
				pointer-events: none;
				z-index: 10;
				content: '';
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.1);
				opacity: 0;
			}

			&:after {
				position: absolute;
				display: block;
				pointer-events: none;
				z-index: 10;
				content: '';
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background: transparent;
				background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.4) 100%);
				opacity: 0;
			}

			& .post-cat-listings {
				position: absolute;
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;
				z-index: 100;
				left: 0;
				top: 0;
				right: auto;
				max-width: 100%;
				white-space: nowrap;
				text-overflow: ellipsis;
				color: #fff;
				background: rgba(0, 0, 0, 0.3);
				-webkit-backdrop-filter: blur(4.5px);
				backdrop-filter: blur(4.5px);
				border-radius: 0;
				overflow: clip;
				z-index: 50;
				padding: 9px 12px;
				text-decoration-line: none !important;
				-webkit-font-smoothing: auto !important;
				font-weight: 400 !important;
			}
		}

		& .card-rotator-card-details {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
			padding: 0;
			z-index: 100;
			color: #fff;

			& .bottom-of-card {
				position: relative;
				margin: auto 0 0 0;
				display: flex;
				flex-flow: row nowrap;
				justify-content: stretch;
				align-items: flex-end;

				& .card-title {
					--title-width: calc(100% - 66px);
					--arr-width: 66px;

					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: stretch;
					align-items: stretch;
					align-content: stretch;
					margin-bottom: 0 !important;
					text-decoration: none !important;
					width: 100%;
					flex: 100% 0 0;

					& .inner-card-title {
						position: relative;
						display: block;
						padding: 18px 24px 0 6px;
						width: var(--title-width);
						flex: var(--title-width) 0 0;
						background: var(--control-black-60, #F2F7FD);
						color: #000;
						transition: all 600ms var(--ease-out-expo);
						font-weight: 600;
						-webkit-font-smoothing: antialiased;
					}

					& .inner-card-arrow {
						position: relative;
						display: flex;
						flex-flow: row nowrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						padding: 10px 10px;
						background: transparent;
						color: transparent;
						transition: all 600ms var(--ease-out-expo);
						width: 0;
						flex: 0 0 0;
						border-radius: 0 0 6px 0;
						overflow: hidden;
						transform: translateZ(0);

						&:before {
							position: relative;
							display: block;
							font-family: inherit;
							content: '';
							border-style: solid;
							width: 0;
							height: 0;
							border: var(--arrow-size) solid transparent;
							border-right: 0 !important;
							transition: border-color 600ms var(--ease-out-expo);
							border-color: transparent transparent transparent currentColor !important;
						}
					}
				}

				& .card-rotator-card-content {
					position: relative;
					display: block;
					padding: 18px 24px 20px 6px;
					color: var(--body-color);
					background: var(--control-black-60, #F2F7FD);
					transition: all var(--hover-transition);
					text-decoration: none !important;

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

		& .card-link-wrap {
			position: relative;
			display: block;

			&,
			&:focus {
				text-decoration: none !important;

				& .card-title {
					& .inner-card-title {
						color: #000;
					}

					& .inner-card-arrow {
						background: transparent;
						color: transparent;
						width: var(--arr-width);
						flex: var(--arr-width) 0 0;
						opacity: 0;
					}
				}
			}

			&:hover,
			&:active {
				text-decoration: none !important;

				& .card-title {
					& .inner-card-title {
						color: var(--primary-color);
					}

					& .inner-card-arrow {
						background: var(--primary-color);
						color: #fff;
						width: var(--arr-width);
						flex: var(--arr-width) 0 0;
						opacity: 1;
					}
				}
			}

		}

	}
}

#blog-single-area {
	padding: 0;
}

@media (max-width: 767px) {
	.flex-column-on-mobile {
		flex-direction: column !important;
	}
}

.related-title-row .related-title-holder {
	position: relative;
	display: block;
	padding: 0 40px;
}

.post-intro-section {
	position: relative;
	display: block;
	padding: 0;
}

@media (min-width: 768px) {
	.post-intro-section:before {
		position: absolute;
		content: '';
		display: block;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none;
		height: 1px;
		background: #ddd;
	}
}

.post-intro-section #intro-post-content {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 0;
}

@media (max-width: 767px) {
	.post-intro-section #intro-post-content {
		justify-content: center;
	}
}

.post-intro-section #intro-post-content .intro-post-content {
	position: relative;
	padding: 142px 100px;
	max-width: 960px;
	width: 100%;
	margin-right: 2vw;
}

@media (max-width: 1300px) {
	.post-intro-section #intro-post-content .intro-post-content {
		padding: 142px 70px 142px 40px;
	}
}

@media (max-width: 767px) {
	.post-intro-section #intro-post-content .intro-post-content {
		padding: 80px 40px 40px;
		max-width: 100%;
		text-align: center;
	}
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date {
	position: relative;
	display: block;
	color: #b0b0b0;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: 400;
	font-size: 14px;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date a,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus {
	color: #b0b0b0;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:hover,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:active,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus:hover,
.post-intro-section #intro-post-content .intro-post-content .cat-and-date a:focus:active {
	color: var(--dark-grey-color);
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 2px 3px;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span:after {
	position: absolute;
	content: '';
	pointer-events: none;
	background: #b0b0b0;
	top: 4px;
	bottom: 6px;
	right: -2px;
	opacity: 0.8;
	width: 1px;
}

.post-intro-section #intro-post-content .intro-post-content .cat-and-date>span:last-child:after {
	display: none;
}

.post-intro-section #intro-post-image {
	position: relative;
	display: block;
	background: #000;
	padding: 0;
}

.post-intro-section #intro-post-image .background-image-with-opacity {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1.5;
}

@media (max-width: 767px) {
	.post-intro-section #intro-post-image .background-image-with-opacity {
		height: auto;
		aspect-ratio: 1.6;
	}
}

.post-intro-section #intro-post-image .background-image-with-opacity>.img-hold {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center;';
}

.sidebar-search {
	position: relative;
	display: block;
	padding: 0 0 25px;
}

@media (max-width: 1024px) {
	.sidebar-search {
		margin: 0 auto;
		max-width: 500px;
		padding: 0 0 30px;
	}
}

.sidebar-search .search-form {
	position: relative;
	padding: 0;
	width: 100%;
	height: 44px;
}

.sidebar-search .search-form .submit-button-wrapper {
	right: auto;
	left: 0;
	height: 22px;
	width: 40px;
	top: 50%;
	z-index: 100;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.sidebar-search .search-form .submit-button-wrapper .material-icons-outlined {
	font-size: 22px;
	top: 0;
	left: 2px;
}

.sidebar-search .search-form .submit-button-wrapper:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	display: block;
	background: var(--accent-grey);
}

.sidebar-search .search-form input[type=text] {
	padding: 4px 0 4px 50px !important;
	margin: 0 !important;
	overflow: hidden;
	height: 100% !important;
	border-radius: var(--input-border-radius) !important;
	border: 1px solid var(--accent-grey) !important;
	background: #fff !important;
	color: var(--input-color) !important;
	-webkit-text-fill-color: var(--input-color) !important;
	font-size: 0.9rem !important;
	line-height: 1.0 !important;
	transition: var(--input-easing);
	box-shadow: var(--input-box-shadow);
	font-weight: 400 !important;
}

.sidebar-search .search-form input[type=text]:focus {
	color: var(--focus-input-color) !important;
	-webkit-text-fill-color: var(--focus-input-color) !important;
	box-shadow: var(--focus-input-box-shadow) !important;
	border-color: var(--focus-input-border-color) !important;
}

.contact-callout {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 10px;
}

@media (max-width: 1024px) {
	.contact-callout {
		display: none;
	}
}

.contact-callout .contact-callout-top {
	position: relative;
	display: block;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	aspect-ratio: 1.6;
	padding: 20px 20px 0;
	background: var(--secondary-color);
}

.contact-callout .contact-callout-top img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
}

.contact-callout .contact-callout-bottom {
	position: relative;
	display: block;
	border: 1px solid var(--secondary-color);
	border-top: 0;
	background: var(--secondary-color);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	padding: 32px 20px 26px;
	text-align: center;
	color: #fff;
}

.sidebar-cats {
	position: relative;
	display: block;
	padding: 40px 20px;
	margin: 0;
	border-bottom: 1px solid var(--accent-grey);
	font-size: 0.9rem;
}

@media (max-width: 1024px) {
	.sidebar-cats {
		display: none;
	}
}

.sidebar-cats .sidebar-cat-title {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 14px;
	font-weight: 800;
	color: #000;
}

.sidebar-cats .cat-list {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-cats .cat-list li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 10px;
}

.sidebar-cats .cat-list li:last-child {
	padding-bottom: 0;
}

.sidebar-cats .cat-list li:before,
.sidebar-cats .cat-list li:after {
	display: none;
}

.sidebar-cats .cat-list li a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	color: var(--secondary-color);
}

.sidebar-cats .cat-list li a:before {
	position: absolute;
	content: '';
	display: block;
	background: var(--primary-color);
	height: 1.5px;
	left: auto;
	bottom: auto;
	top: 10px;
	right: calc(100% + 6px);
	width: 0;
	opacity: 0;
	transition: all 800ms var(--ease-out-expo);
}

.sidebar-cats .cat-list li a:hover,
.sidebar-cats .cat-list li a:active,
.sidebar-cats .cat-list li a:focus {
	color: var(--primary-color);
}

.sidebar-cats .cat-list li a:hover:before,
.sidebar-cats .cat-list li a:active:before,
.sidebar-cats .cat-list li a:focus:before {
	width: 7px;
	opacity: 1;
}

.single-blog-content-area .row {
	align-items: stretch;
}

.single-blog-content-area *[class^='col-'] {
	padding: 0 40px;
}

@media (max-width: 1024px) {
	.single-blog-content-area *[class^='col-'].social-share-column {
		padding-top: 60px;
		padding-bottom: 0;
	}
}

.single-blog-content-area *[class^='col-'].post-content-column {
	padding: 0 40px;
}

@media (max-width: 1024px) {
	.single-blog-content-area *[class^='col-'] {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

.single-blog-content-area *[class^='col-'] p {
	font-weight: 400;
	color: #707070;
}

.single-blog-content-area *[class^='col-'].social-share-column {
	position: relative;
	display: block;
}

.single-blog-content-area>img,
.single-blog-content-area figure:has(img) {
	margin: 50px auto;

	&:first-child {
		margin-top: 0;
	}

	&:last-child {
		margin-bottom: 0;
	}
}

.single-blog-content-area>img+img,
.single-blog-content-area figure:has(img)+figure:has(img) {
	margin-top: 14px;
}

.single-blog-content-area ul {
	list-style: none !important;
}

.single-blog-content-area ul,
.single-blog-content-area ol {
	padding: 10px 0 20px 5px;
	margin: 0;
}

.single-blog-content-area ul li,
.single-blog-content-area ol li {
	position: relative;
	padding: 0 0 8px 12px;
	line-height: 1.4;
}

.single-blog-content-area ol>li {
	padding-left: 0;
}

.single-blog-content-area ul li:before {
	position: absolute;
	display: inline-block;
	content: '•';
	color: inherit;
	padding-right: 8px;
	left: 0;
	top: 0;
	font-size: var(--body-font-size);
}

/*.single-blog-content-area h1:not(.keep-original),
.single-blog-content-area h2:not(.keep-original),
.single-blog-content-area h3:not(.keep-original),
.single-blog-content-area h4:not(.keep-original),
.single-blog-content-area h5:not(.keep-original),
.single-blog-content-area h6:not(.keep-original) {
	line-height: 1.2;
	margin-top: 3rem;
	margin-bottom: 1rem;
	font-size: clamp(var(--h3-min-font-size), var(--h3-fill), var(--h3-max-font-size));
}

.single-blog-content-area h3:not(.keep-original) {
	font-weight: 600;
	font-size: clamp(var(--h4-min-font-size), var(--h4-fill), var(--h4-max-font-size));
}

.single-blog-content-area h3:not(.keep-original):has(+ p.has-black-color) {
	margin-bottom: 0.5rem;
}

.single-blog-content-area h4:not(.keep-original),
.single-blog-content-area h5:not(.keep-original) {
	font-weight: 600;
	font-size: clamp(var(--h5-min-font-size), var(--h5-fill), var(--h5-max-font-size));
}

.single-blog-content-area h6:not(.keep-original) {
	font-weight: 600;
	font-size: clamp(var(--h6-min-font-size), var(--h6-fill), var(--h6-max-font-size));
}*/

.intro-post-image-row {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 60px 50px 10px;

	&>img {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 2.0;
		object-fit: cover;
		object-position: center;
		border-radius: 23px;
		overflow: clip;
	}
}

@media (max-width: 1024px) {
	.intro-post-image-row {
		padding: 50px 20px 10px;
	}
}

@media (max-width: 767px) {
	.intro-post-image-row {
		padding: 40px 20px 10px;

		&>img {
			border-radius: 10px;
			aspect-ratio: 1.5;
		}
	}
}

@media (min-width: 1025px) {
	.single-blog-content-area *[class^='col-'].social-share-column {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
	}
}

.single-blog-content-area *[class^='col-'].social-share-column .social_main_menu {
	position: sticky;
	top: 100px;
}

@media (max-width: 1024px) {
	.single-blog-content-area *[class^='col-'].social-share-column .social_main_menu {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: block;
		padding-top: 30px;
	}

	.single-blog-content-area *[class^='col-'].social-share-column .social_main_menu>li.social-intro-line {
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	.single-blog-content-area *[class^='col-'].social-share-column .social_main_menu>li.social-intro-line>span.share-intro-text {
		text-align: center;
	}
}

.page-template-template-no-header-footer .above-menu,
.page-template-template-no-header-footer #header {
	display: none !important;
}

.page-template-template-no-header-footer .footer-outer-wrapper {
	position: absolute;
	z-index: 200;
	bottom: 0;
	left: 0;
	right: 0;
}

.page-template-template-no-header-footer .footer-outer-wrapper #footer {
	background: transparent !important;
}

.page-template-template-no-header-footer .footer-outer-wrapper .menu-container {
	display: none !important;
}

.page-template-template-no-header-footer #footer #subfooter {
	padding: 0 !important;
}

.page-template-template-no-header-footer .footer-outer-wrapper .copyright-container {
	padding: 0 0 25px !important;
	max-width: 100% !important;
}

@media (max-width: 767px) {
	.page-template-template-no-header-footer .footer-outer-wrapper .copyright-container {
		padding-bottom: 10px !important;
	}
}

.page-template-template-no-header-footer .footer-outer-wrapper .copyright-column {
	padding: 0 !important;
}

.page-template-template-no-header-footer .footer-outer-wrapper #footer .copy-line .copy-line-list {
	margin-left: 42%;
}

@media (max-width: 1024px) {
	.page-template-template-no-header-footer .footer-outer-wrapper #footer .copy-line .copy-line-list {
		margin-left: 0;
	}
}

.add-primary-left-line {
	position: relative;
	display: block;
	padding-left: 22px;
}

.add-primary-left-line::before {
	position: absolute;
	display: block;
	content: '';
	width: 2px;
	top: 0px;
	bottom: 0px;
	left: 0;
	background: var(--primary-color);
}

@media (max-width: 767px) {
	.add-primary-left-line::before {
		top: 0;
		bottom: 0;
	}
}

.add-left-right-glyphs>.fl-row-content-wrap {
	position: relative;
}

.add-left-right-glyphs>.fl-row-content-wrap>.fl-row-content {
	position: relative;
	z-index: 10;
}

.add-left-right-glyphs>.fl-row-content-wrap:before,
.add-left-right-glyphs>.fl-row-content-wrap:after {
	position: absolute;
	display: block;
	content: '';
	z-index: 1;
	pointer-events: none;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.add-left-right-glyphs>.fl-row-content-wrap:before {
	background-image: url(/wp-content/uploads/top-left-glyph.png);
	width: 253px;
	height: 242px;
	left: 0;
	top: 100px;
}

.add-left-right-glyphs>.fl-row-content-wrap:after {
	background-image: url(/wp-content/uploads/bottom-right-glyph.png);
	width: 252px;
	height: 242px;
	right: 0;
	bottom: 260px;
}

@media (max-width: 1024px) {
	.add-left-right-glyphs>.fl-row-content-wrap:before {
		top: 50px;
		width: 20vw;
	}

	.add-left-right-glyphs>.fl-row-content-wrap:after {
		width: 20vw;
		bottom: 0;
	}
}

.center-icon-section {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.center-icon-section>.fl-row-content,
.center-icon-section>.fl-module-content,
.center-icon-section>.fl-col-content {
	position: relative;
	display: block;
	max-width: 360px;
	margin: 0 auto;
}

.circle-icon-holder {
	position: relative;
	display: block;
	margin: 0 auto 38px;
	text-align: center;
	height: 200px;
}

.circle-icon-holder.small {
	height: 80px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.circle-icon-holder:not(.small) {
		height: 150px;
	}
}

.circle-icon-holder img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

@media (max-width: 767px) {
	.circle-icon-holder {
		margin-bottom: 30px;
	}

	.circle-icon-holder.small {
		margin-bottom: 20px;
	}
}

@media (max-width: 1024px) {
	.remove-background-on-mobile>.fl-row-content-wrap {
		background-image: none !important;
	}
}

@media (max-width: 767px) {
	.remove-background-on-small-mobile>.fl-row-content-wrap {
		background-image: none !important;
	}
}

.table-base {
	--table-base-border-color: var(--accent-grey);

	position: relative;
	display: block;
	margin: 0 -50px;
	padding: 50px 0 70px;
	font-size: 0.9rem;
}

.table-base:first-child {
	padding-top: 0;
}

.table-base:last-child {
	padding-bottom: 0;
}

@media (max-width: 1024px) {
	.table-base {
		margin: 0 -20px;
	}
}

@media (max-width: 767px) {
	.table-base {
		margin: 0;
	}
}

.table-base .tb-body {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: initial;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	border-radius: 15px;
	border: 1px solid var(--table-base-border-color);
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	overflow: hidden;
	overflow-x: scroll;
	background: #fff;
}

.table-base .tb-body {
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}

.table-base .tb-body::-webkit-scrollbar,
.table-base .tb-body::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

.table-base .tb-body .tb-row {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
	padding: 0;
	margin: 0;
	line-height: 1.4;
	border-bottom: 1px solid var(--table-base-border-color);
}

.table-base .tb-body .tb-row:last-child {
	border-bottom: 0;
}

.table-base .tb-body .tb-row .tb-col {
	position: relative;
	display: block;
	padding: 26px 24px;
	border-right: 1px solid var(--table-base-border-color);
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-base .tb-body .tb-row .tb-col:first-child {
	width: 30%;
}

.table-base .tb-body .tb-row .tb-col:last-child {
	width: 70%;
	border-right: 0;
}

.table-base.three-up .tb-body .tb-row .tb-col:nth-child(1) {
	width: 25%;
}

.table-base.three-up .tb-body .tb-row .tb-col:nth-child(2) {
	width: 45%;
}

.table-base.three-up .tb-body .tb-row .tb-col:nth-child(3) {
	width: 30%;
}

.table-base.four-up .tb-body .tb-row .tb-col:nth-child(1) {
	width: 20%;
}

.table-base.four-up .tb-body .tb-row .tb-col:nth-child(2) {
	width: 30%;
}

.table-base.four-up .tb-body .tb-row .tb-col:nth-child(3) {
	width: 20%;
}

.table-base.four-up .tb-body .tb-row .tb-col:nth-child(4) {
	width: 30%;
}

@media (max-width: 1024px) {
	.table-base .tb-body .tb-row {
		min-width: 700px;
	}
}

.table-base .tb-body .tb-row.tb-header-row {
	color: var(--secondary-color);
	font-weight: 800;
	font-size: 1.0rem;
	line-height: 1.25;
}

.learn-more-link {
	position: relative;
	display: inline-block;
	color: var(--primary-color);
	padding: 0 0 1px;
	font-size: 1.0rem;
}

.learn-more-link:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	background: var(--primary-color);
	transition: transform 600ms var(--ease-out-expo);
	transform-origin: left 50%;
	transform: scaleX(1);
	width: 100%;
}

.learn-more-link:hover,
.learn-more-link:active,
.learn-more-link:focus {
	color: var(--primary-color);
}

.learn-more-link:hover:after,
.learn-more-link:active:after,
.learn-more-link:focus:after {
	transform-origin: right 50%;
	transform: scaleX(0);
}

.subscribe-for-more {
	position: relative;
	display: block;
	border-radius: 10px;
	border: 1px solid var(--secondary-color);
	background: var(--secondary-color);
	padding: 90px 80px 70px;
	width: 100%;
	margin: 20px 12px 50px;
	color: #fff;
}

.subscribe-for-more p {
	color: #fff;
}

.subscribe-for-more .gform-theme--framework .gform_validation_errors .gform_submission_error {
	justify-content: center;
}

@media (max-width: 1024px) {
	.subscribe-for-more {
		padding: 90px 50px 70px;
		margin-bottom: 30px;
	}
}

#blog-single-area .subscribe-for-more {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-top: 80px !important;
}

@media (max-width: 1024px) {
	#blog-single-area .subscribe-for-more {
		margin-top: 60px !important;
	}
}

@media (max-width: 767px) {
	#blog-single-area .subscribe-for-more {
		margin-top: 50px !important;
	}
}

.top-of-post-cats {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	/*	gap: 10px 20px;*/
	gap: 0;
	margin: 0 0 14px;
	color: var(--primary-color);

	& .comma-sep {
		display: inline-block;
		padding-right: 5px;
	}
}

.top-post-cat-listings {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 10px 26px;
	color: var(--primary-color);
	margin: 0 0 22px !important;
	width: 100%;

	& a {

		&,
		&:focus {
			color: var(--primary-color);
			text-decoration: underline 0.08em color-mix(in srgb, var(--primary-color) 0%, transparent);
			text-underline-offset: 0.19em;
		}

		&:hover,
		&:active {
			color: var(--primary-color) !important;
			text-decoration-color: var(--primary-color) !important;
		}
	}
}

#blog-top-section {
	position: relative;
	display: block;
	background: #000 url(/wp-content/uploads/post-top-banner-background.webp) no-repeat right bottom;
	background-size: cover;
	padding: 100px 60px;

	@media (max-width: 1024px) {
		& {
			padding-inline: 30px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-inline: 0px;
			padding-block: 70px 40px;
		}
	}

	@media (max-width: 500px) {
		& {
			padding-block: 50px 25px;
		}
	}

	& #blog-top-section-inner {
		position: relative;
		display: block;
		padding: 0;
	}

	& .flex-row {
		align-items: flex-start;
		align-content: flex-start;
	}

	& *[class*=col-] {
		padding-block: 0;
		padding-inline: 75px 20px;

		@media (max-width: 1024px) {
			& {
				padding-inline: 20px;
			}
		}

		&:first-child {
			padding-top: 0;
		}

		&:last-child {
			padding-bottom: 0;
		}
	}
}

#blog-body-section {
	position: relative;
	display: block;
	padding-block: 50px 120px;
	padding-inline: 60px;
	background: var(--control-black-60, #F2F7FD);

	@media (max-width: 1024px) {
		& {
			padding-bottom: 80px;
			padding-inline: 30px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-inline: 0px;
		}
	}

	& .blog-container-body {
		margin: 0 auto;
	}

	& .single-sidebar {
		display: block;
		padding: 20px 0 20px 24px;

		@media (max-width: 1024px) {
			& {
				padding-inline: 20px;
			}
		}
	}

	& .outer-single-blog-col {
		display: block;
		padding-block: 0;
		padding-inline: 70px 20px;

		@media (max-width: 1024px) {
			& {
				padding-inline: 20px;
			}
		}
	}
}

#blog-related-section {
	position: relative;
	display: block;
	background: transparent;
	padding: 70px 80px 40px;
	background: var(--control-black-60, #F2F7FD);

	@media (max-width: 1024px) {
		& {
			padding: 50px 50px 30px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding: 50px 20px 80px;
		}
	}
}

.single-case-study {
	& #blog-top-section {
		background: var(--body-background-color, #000);
		background-size: cover;
		padding-block: 160px 160px;
		padding-inline: 0;

		@media (max-width: 1024px) {
			& {
				padding-top: 90px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding-top: 60px;
			}
		}

		& .mobile-meta-post-date {
			color: var(--trinova-blue-6, rgba(255, 255, 255, 0.6));
		}

		& *[class*=col-] {
			padding-inline: 80px;

			@media (max-width: 1024px) {
				& {
					padding-inline: 50px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding-inline: 20px;
				}
			}
		}

		.social_main_menu li a {
			color: #fff !important;

			&:hover,
			&:active,
			&:focus {
				color: var(--primary-color) !important;
			}
		}

		.authors-and-share {
			color: var(--trinova-blue-6, rgba(255, 255, 255, 0.6));

			& .block-area {
				&>* {
					color: var(--trinova-blue-6, rgba(255, 255, 255, 0.6));

					&:not(:first-child) {
						&:before {
							background: var(--trinova-blue-6, rgba(255, 255, 255, 0.6));
						}
					}
				}

				& .author-claim {
					& .author-label {
						& .author-title {
							color: #fff;
						}
					}
				}
			}
		}
	}

	& #blog-body-section {
		padding-block: 0 90px;
		padding-inline: 0;
		margin-top: -95px;

		& .outer-single-blog-col {
			padding-block: 0;
			padding-inline: 80px;

			@media (max-width: 1024px) {
				& {
					padding-inline: 50px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding-inline: 20px;
				}
			}
		}
	}

	& #blog-related-section {
		padding: 30px 80px 40px;
		background: #fff;

		@media (max-width: 1024px) {
			& {
				padding: 30px 50px 30px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding: 30px 20px 80px;
			}
		}
	}

}

.related-title-wrap {
	display: block;
	padding: 0;
	margin: 0 auto 60px;

	@media (max-width: 767px) {
		& {
			margin-bottom: 40px;
		}
	}
}

.top-post-summary {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 6px;
	overflow: clip;
	border: 1px solid #D9E3E2;
	padding: 30px 24px;
	margin: 0 0 54px;

	& .summary-title {
		display: block;
		margin-bottom: 8px;
		color: var(--header-color, #000);

		& strong {
			font-weight: 400 !important;
			-webkit-font-smoothing: auto;
		}
	}
}

.authors-and-share {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: stretch;
	align-items: center;
	align-content: center;
	border-radius: 0;
	border: 0;
	background: transparent;
	color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;

	@media (max-width: 767px),
	(min-width: 1025px) and (max-width: 1150px) {
		& {
			align-items: flex-start;
			align-content: flex-start;
		}
	}

	@media (min-width: 1025px) and (max-width: 1150px) {
		& {
			padding-top: 50px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-top: 20px;
		}
	}

	@media (max-width: 500px) {
		& {
			flex-direction: column;
			gap: 60px;
		}
	}

	& .block-area {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		padding: 0;
		width: auto;
		flex: 70% 0 0;

		&>* {
			position: relative;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
			padding: 8px 20px;
			color: var(--control-black-120, #E0E0E0);
			font-size: 1.0rem;
			line-height: 1.3;

			&:first-child {
				padding-left: 0;
			}

			&:not(:first-child) {
				&:before {
					position: absolute;
					content: '';
					left: 0;
					width: 1px;
					top: 0;
					bottom: 0;
					background: rgba(255, 255, 255, 0.25);
					display: block;
				}
			}
		}

		& .author-claim {
			position: relative;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
			padding-block: 0;

			& .author-avatar {
				position: relative;
				display: flex;
				flex-flow: row wrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				width: 45px;
				height: 45px;
				pointer-events: none;
				overflow: clip;
				border-radius: 50%;
				aspect-ratio: 1;
				background: var(--blueprint-navy-13, #000);

				& img {
					position: relative;
					display: block;
					z-index: 1;
					pointer-events: none;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center center;
					overflow: clip;
				}
			}

			& .author-label {
				position: relative;
				display: inline-block;
				padding-left: 13px;
				width: calc(100% - 45px);
				font-size: 0.8667rem;
				line-height: 1.3;

				& .author-position {
					display: block;
					padding: 0 0 1px;
					margin: 0;
					line-height: 1.1;
				}

				& .author-title {
					display: block;
					font-size: 1.0rem;
					line-height: 1.1;
					color: #fff;
					font-weight: 600;
					-webkit-font-smoothing: antialiased;
				}
			}

		}

		& .meta-post-date {
			display: none;

			@media (min-width: 768px) and (max-width: 1024px),
			(min-width: 1151px) {
				& {
					display: block;
				}
			}
		}
	}

	& .share-block-basic {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		align-items: center;
		align-content: center;
		gap: 10px;
		padding: 0;
		flex: 30% 0 0;

		@media (max-width: 767px) {
			& {
				padding-top: 13px;
			}
		}
	}
}

.mobile-meta-post-date {
	position: relative;
	display: none;
	font-size: 1.0rem;
	line-height: 1.3;
	color: var(--control-black-120, #E0E0E0);
	padding: 10px 0 0;
	width: 100%;
	text-align: left;

	@media (max-width: 767px),
	(min-width: 1025px) and (max-width: 1150px) {
		& {
			display: block;
		}
	}
}

.flex-row.intro-post-row {
	align-items: flex-end;
	align-content: flex-end;
	padding: 0 60px;
}

@media (max-width: 1024px) {
	.flex-row.intro-post-row {
		padding: 0 30px;
	}
}

@media (max-width: 767px) {
	.flex-row.intro-post-row {
		padding: 0 0px;
	}
}

.main-post-title {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	text-wrap: balance;

	@media (max-width: 767px),
	(min-width: 1025px) and (max-width: 1150px) {
		& {
			margin-bottom: 5px;
		}
	}
}

.block-area.share-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	padding: 20px 0 0;
	margin-left: auto;
	max-width: 100%;
	width: auto;
	gap: 12px;

	& p {
		margin: 0;
	}
}

@media (max-width: 767px) {
	.block-area.share-block {
		justify-content: flex-start;
	}
}

.block-area.share-block .social_main_menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 0;
	margin: 0;
	gap: 6px;
}

.block-area.share-block .social_main_menu li {
	padding: 0 !important;
	margin: 0;
}

.block-area.share-block .social_main_menu a {
	color: var(--secondary-color) !important;
	padding: 0;
}

.block-area.share-block .social_main_menu a:hover,
.block-area.share-block .social_main_menu a:active,
.block-area.share-block .social_main_menu a:focus {
	color: var(--primary-color) !important;
}

.featured-post-rotator {
	position: relative;
	display: block;
}

.featured-post-rotator .flex-row {
	position: relative;
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px 20px;
}

.featured-post-rotator .flex-row:after {
	position: absolute;
	display: block;
	content: '';
	background: transparent;
	background-size: contain;
	width: 275px;
	height: 159px;
	pointer-events: none;
	z-index: 1;
	right: 10px;
	top: 0;
}

@media (max-width: 767px) {
	.featured-post-rotator .flex-row {
		padding: 30px 20px 50px;
	}

	.featured-post-rotator .flex-row:after {
		display: none;
	}
}

.featured-post-rotator .featured-post-images {
	position: relative;
	display: block;
	z-index: 10;
	padding: 0;
	margin: 0;
	width: 58.3333333333%;
}

.featured-post-rotator .featured-post-images-inner {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	right: -160px;
	border-radius: 15px;
	overflow: hidden;
	background: #000;
}

.featured-post-rotator .featured-post-images-inner img {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center center;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.05, 1.05);
	transition: all 1000ms var(--ease-out-expo);
}

.featured-post-rotator .featured-post-images-inner img.active {
	z-index: 10;
	opacity: 1;
	transform: scale(1.0, 1.0);
}

.featured-post-rotator .featured-post-details {
	position: relative;
	display: block;
	z-index: 100;
	border-radius: 10px;
	overflow: hidden;
	background: var(--light-grey-color);
	padding: 0;
	margin: 50px 0;
	width: 41.6666666667%;
}

.featured-post-rotator .featured-post-details-inner-hold {
	--featured-rotator-content-item-ease: var(--base-animation-speed) var(--ease-out-expo);

	position: relative;
	display: block;
	transition: all var(--featured-rotator-content-item-ease);
}

.featured-post-rotator .featured-post-details-wrap {
	position: absolute;
	display: block;
	padding: 60px clamp(60px, 20%, 100px) 100px 60px;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto;
	z-index: 1;
	opacity: 0;
	transition: all var(--featured-rotator-content-item-ease);
	transition-delay: 0ms;
}

.featured-post-rotator .featured-post-details-wrap .top-post-cat-listings {
	margin: 0 !important;
	padding-bottom: 20px !important;
}

.featured-post-rotator .featured-post-details-wrap .blog-title-link {
	margin: 0;
	padding-bottom: 20px;
}

.featured-post-rotator .featured-post-details-wrap .blog-title-link a {
	color: var(--secondary-color);
	margin: 0;
	padding: 0;
}

.featured-post-rotator .featured-post-details-wrap .blog-title-link a:hover,
.featured-post-rotator .featured-post-details-wrap .blog-title-link a:active,
.featured-post-rotator .featured-post-details-wrap .blog-title-link a:focus {
	color: var(--primary-color);
}

.featured-post-rotator .featured-post-details-wrap .featured-post-excerpt {
	font-size: 0.9rem;
	margin: 0;
	padding-bottom: 30px;
}

.featured-post-rotator .featured-post-details-wrap.active {
	position: relative;
	z-index: 10;
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0ms;
}

.featured-post-rotator .featured-post-details .button-hold {
	position: absolute;
	z-index: 200;
	right: 30px;
	width: 100px;
	height: 46px;
	bottom: 28px;
}

.featured-post-rotator .featured-post-details .button-hold .slick-prev {
	left: 0;
}

.featured-post-rotator .featured-post-details .button-hold .slick-next {
	right: 0;
}

@media (max-width: 1024px) {
	.featured-post-rotator .featured-post-images {
		width: 50%;
	}

	.featured-post-rotator .featured-post-images-inner {
		right: -100px;
	}

	.featured-post-rotator .featured-post-details {
		width: 50%;
	}

	.featured-post-rotator .featured-post-details-wrap {
		padding: 50px 40px 100px;
	}
}

@media (max-width: 767px) {
	.featured-post-rotator .featured-post-images {
		width: 100%;
		aspect-ratio: 1.4;
	}

	.featured-post-rotator .featured-post-images-inner {
		right: 0;
		border-radius: 10px 10px 0 0;
	}

	.featured-post-rotator .featured-post-details {
		width: 100%;
		border-radius: 0 0 10px 10px;
		margin: 0;
	}

	.featured-post-rotator .featured-post-details-wrap {
		padding: 50px 40px 100px;
	}
}

.form-col-wrap {
	padding: 0 80px;
}

@media (max-width: 1024px) {
	.form-col-wrap {
		padding: 0 50px;
	}
}

@media (max-width: 767px) {
	.form-col-wrap {
		padding: 0 20px;
	}
}

.gated-post-wrapper {
	position: relative;
	display: block;
	background: var(--light-grey-color);
	padding: 75px 0;
	margin: 0;
}

.gated-post-wrapper .flex-row {
	align-items: center;
	align-content: center;
}

.gated-post-wrapper .post-preview-from-gated {
	padding: 130px 0 130px 80px;
	padding-block: clamp(80px, 7vw, 130px);
}

@media (max-width: 1024px) {
	.gated-post-wrapper .post-preview-from-gated {
		padding: 50px 0 50px 50px;
	}
}

@media (max-width: 767px) {
	.gated-post-wrapper {
		padding: 0 0 80px;
	}

	.gated-post-wrapper .post-preview-from-gated {
		padding: 80px 20px 50px;
	}
}

.below-gated-post-wrapper {
	position: relative;
	display: block;
	background: #fff;
}

.below-gated-post-wrapper .flex-row {
	align-items: stretch;
	align-content: stretch;
}

.below-gated-post-wrapper .col-md-12 {
	position: relative;
	padding: 100px 80px;
}

@media (max-width: 1024px) {
	.below-gated-post-wrapper .col-md-12 {
		padding: 90px 50px;
	}
}

@media (max-width: 1024px) {
	.below-gated-post-wrapper .col-md-12 {
		padding: 80px 20px;
	}
}

.gform_required_legend {
	display: none !important;
}

.contact-section {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 30px;
}

.contact-section strong {
	font-weight: 800;
}

.header-anchors-nav {
	position: sticky;
	display: block;
	border: 1px solid var(--accent-grey);
	background: var(--light-grey-color);
	overflow: hidden;
	padding: 32px 30px 40px;
	border-radius: 10px;
	margin-top: 20px;
	max-height: calc(100vh - 160px);
	overflow: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
}

.header-anchors-nav::-webkit-scrollbar,
.header-anchors-nav::-moz-scrollbar {
	width: 0px;
	background: transparent;
	display: none;
}

ol {
	list-style-position: outside;
	margin-left: 0;
}

ol li:last-child {
	padding-bottom: 0;
}

.h-anchor-list li {
	padding-left: 8px;
	font-size: 0.8rem;
	padding-bottom: 16px;
	color: var(--secondary-color);
}

.h-anchor-list li a,
.h-anchor-list li a:focus {
	color: var(--secondary-color);
}

.h-anchor-list li a:hover,
.h-anchor-list li a:active {
	color: var(--primary-color);
}

.message-from-right {
	position: relative;
	display: block;
	margin: 0 0 0 auto;
	padding: 37px clamp(32px, 15%, 100px) 32px 32px;
	border-radius: 10px 0 0 10px;
	background: rgba(0, 0, 0, 0.55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	max-width: 420px;
}

@media (min-width: 1025px) {
	.message-from-right.no-background {
		background: transparent;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
	}
}

@keyframes highlight {
	to {
		background-position: 0 0;
	}
}

mark {
	/*animation: 1500ms highlight 1500ms 1 normal forwards;
	animation-timing-function: var(--ease-out-cubic);*/
	transition: background-position 1500ms var(--ease-out-cubic) 500ms;
	background-color: none;
	background: linear-gradient(90deg, var(--light-primary-color) 50%, rgba(255, 255, 255, 0) 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	padding: 0 0.15em;
	color: inherit !important;
}

mark.show-mark,
body.fl-builder-edit mark {
	background-position: 0 0;
}

.anchor-link-group {
	--anchor-item-padding: 12px;
	--anchor-item-easing: all 300ms var(--ease-out-cubic);

	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: stretch;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0;
	margin: 0 -12px;
}

.anchor-link-group li {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: var(--anchor-item-padding) !important;
	counter-increment: anchor-link-group-item;
}

@media (max-width: 767px) {
	.anchor-link-group {
		--anchor-item-padding: 0;

		flex-direction: column;
		align-items: stretch;
		align-content: stretch;
		justify-content: flex-start;
		margin: 0;
	}

	.anchor-link-group li {
		width: 100%;
		max-width: 100%;
		padding: 6px 0 !important;
	}
}

.anchor-link-group li:before,
.anchor-link-group li:after {
	position: absolute;
	content: '';
	top: var(--anchor-item-padding);
	height: 1px;
	left: var(--anchor-item-padding);
	right: var(--anchor-item-padding);
	background: var(--light-primary-color);
	transition: var(--anchor-item-easing);
}

.anchor-link-group li:after {
	opacity: 0;
	background: var(--primary-color);
	right: calc(100% - var(--anchor-item-padding));
}

@media (min-width: 768px) {
	.anchor-link-group li:hover:before {
		opacity: 0;
	}

	.anchor-link-group li:hover:after {
		opacity: 1;
		right: var(--anchor-item-padding);
	}
}

.anchor-link-group li a,
.anchor-link-group li a:focus {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding: 12px 2px;
	color: var(--secondary-color);
	font-family: var(--body-font);
	gap: 5px;
	font-size: 20px;
	font-size: clamp(1.0rem, 1.5vw, 1.35rem);
	-webkit-font-smoothing: auto;
	line-height: 1.2;
}

@media (max-width: 767px) {

	.anchor-link-group li a,
	.anchor-link-group li a:focus {
		font-size: 17px;
	}
}

.anchor-link-group li a:before,
.anchor-link-group li a:focus:before {
	position: relative;
	display: inline-block;
	content: counter(anchor-link-group-item, decimal-leading-zero);
	color: var(--primary-color);
	font-family: var(--header-font);
	font-weight: 800;
	-webkit-font-smoothing: antialiased;
	font-size: 1.0em;
	top: 0;
}

@media (max-width: 767px) {

	.anchor-link-group li a:before,
	.anchor-link-group li a:focus:before {
		top: 0;
	}
}

.anchor-link-group li a:after {
	position: relative;
	display: block;
	content: "\f078";
	font-family: var(--font-awesome);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 13px;
	padding: 0;
	top: 6px;
	top: clamp(0px, 0.2vw, 4px);
	cursor: pointer;
	pointer-events: none;
	font-weight: 900;
	color: var(--primary-color);
	justify-self: flex-end;
	margin: 0 0 0 auto;
	transition: var(--anchor-item-easing);
}

.anchor-link-group li a:hover:after,
.anchor-link-group li a:active:after {
	color: var(--secondary-color);
}

@media (max-width: 767px) {
	.outer-scroll-row {
		position: relative;
		display: block;
		width: calc(100% + 40px);
		max-width: none !important;
		margin: 0 -20px !important;
		box-sizing: border-box;
		scroll-snap-type: x mandatory;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		overflow: hidden;
		overflow-x: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-behavior: smooth;
	}

	.outer-scroll-row.x-mandatory {
		scroll-snap-type: x mandatory;
	}

	.outer-scroll-row::-moz-scrollbar {
		width: 0px;
		display: none;
	}

	.outer-scroll-row::-webkit-scrollbar {
		width: 0px;
		display: none;
	}

	.outer-scroll-row .inner-scroll-row {
		position: relative;
		margin: 0;
		margin-inline: 0 !important;
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		flex-wrap: nowrap !important;
	}

	.outer-scroll-row .inner-scroll-row .scroll-row-item {
		--item-width: 400px;
		--outer-buffer: 20px;

		width: var(--item-width) !important;
		max-width: 40vw !important;
		padding: 10px 0 10px 20px !important;
		scroll-snap-align: start;
		flex: 0 0 var(--item-width);

		&.three-up-item {
			--item-width: 250px;
		}

		/* &:first-child {
			--item-width: 260px;
			padding-left: var(--outer-buffer) !important;
			max-width: calc(40vw + calc(var(--outer-buffer)/2) ) !important;
		} */

		&:last-child {
			--item-width: 270px;
			padding-right: var(--outer-buffer) !important;
			max-width: calc(40vw + var(--outer-buffer)) !important;
		}
	}

	.outer-scroll-row.x-mandatory .inner-scroll-row .scroll-row-item {
		scroll-snap-align: center;
	}
}

@media (max-width: 767px) {
	.latest-post-feed-shortcode .listings-row {
		position: relative;
		display: block;
		width: calc(100% + 40px);
		max-width: none !important;
		margin: 0 -20px !important;
		box-sizing: border-box;
	}

	.latest-post-feed-shortcode .listings-row .flex-row {
		position: relative;
		margin: 0;
	}

	.latest-post-feed-shortcode .listings-col {
		width: 400px;
		max-width: 85vw;
	}
}

.scroll-down-arrow-button-wrapper {
	position: absolute;
	display: block;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	text-align: center;
	margin: 0;
	z-index: 200;

	& .scroll-down-arrow-button {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width: 48px;
		height: 42px;
		border-radius: 6px;
		overflow: clip;
		transition: all 600ms var(--ease-out-expo);

		&:after {
			position: relative !important;
			display: block;
			font-family: inherit;
			border-style: solid;
			width: 0;
			height: 0;
			border: var(--arrow-size) solid transparent;
			transition: border-color 600ms var(--ease-out-expo);
			content: '' !important;
			left: 1px !important;
			right: auto !important;
			top: 1px !important;
			bottom: auto !important;
			border-bottom: 0 !important;
			border-color: currentColor transparent transparent transparent !important;
		}

		&,
		&:focus {
			background: var(--primary-color) !important;
			color: #fff !important;

			&:hover,
			&:active {
				background: #000 !important;
				color: #fff !important;
			}
		}
	}
}

.side-sub-nav {
	position: absolute !important;
	z-index: 200 !important;
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	right: 24px;
	/*top: calc(var(--main-menu-bar-height) + 64px);*/
	top: 100px;
	bottom: 100px;
	padding: 0 0 18px;
	width: clamp(300px, 25vw, 350px);

	&>* {
		position: relative;
		z-index: 100;
	}

	&.bottom-lined {
		top: 0;
		bottom: 0;

		& .lined-menu {
			padding-top: 24px !important;
		}
	}

	&:after {
		position: absolute;
		right: 0;
		content: '';
		display: block;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgba(255, 255, 255, 0.25);
		z-index: 1;
		pointer-events: none;
	}

	@media (max-width: 1024px) {
		& {
			display: none;
		}
	}

	& .lined-menu {
		position: sticky;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
		gap: 0;
		top: 100px;
		transition: top var(--header-transition);
		will-change: top;
		padding-bottom: 100px;

		& a {
			position: relative;
			display: inline-block;
			text-align: right;
			font-family: var(--header-font);
			text-transform: uppercase;
			line-height: 1.3 !important;
			font-size: 0.73rem;
			display: block;
			padding-left: 0;
			padding-right: 0;
			letter-spacing: 0.09em !important;
			font-weight: 600;
			margin: 0;
			padding: 15px 12px;
			-webkit-font-smoothing: antialiased;
			transition: all 600ms var(--ease-out-expo);

			&:after {
				position: absolute;
				display: block;
				content: '';
				opacity: 0;
				width: 1px;
				top: 0;
				bottom: 0;
				right: 0;
				z-index: 10;
				pointer-events: none;
				background: var(--primary-color);
				transition: all 600ms var(--ease-out-expo);
			}

			&,
			&:focus {
				color: rgba(255, 255, 255, 0.5);
				text-decoration: none !important;

				&:after {
					opacity: 0;
					width: 1px;
				}

				&:hover,
				&:active {
					color: #fff;
					text-decoration: none !important;

					&:after {
						opacity: 1;
						width: 4px;
					}
				}
			}
		}
	}

	& .scroll-down-arrow-button-wrapper {
		position: sticky;
		/* margin-top: auto; */
		padding-top: 30px;
		padding-right: 12px;
		padding-bottom: 30px;

	}
}

/*
body:has(#header.move-up) {
	& .side-sub-nav {
		& .lined-menu {
			top: 64px;
		}
	}
}*/

.share-block-basic {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	gap: 10px;
	padding: 20px 10px;
}

.share-block-basic .social-intro {
	position: relative;
	font-size: 0.9rem;
	margin: 0;
}

@media (max-width: 1024px) {
	.share-block-basic {
		padding: 10px 0px 50px;
		justify-content: flex-start;
	}
}

.team-members {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

.team-members .team-members-inner {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

.team-members .team-group-wrapper {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 70px;

	&:last-child {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	.team-members .team-group-wrapper {
		padding-bottom: 50px;

		&:last-child {
			padding-bottom: 0;
		}
	}
}

.team-members .team-group-wrapper .top-line-title {
	padding-bottom: 40px;
}

.team-members .inner-team-group-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	padding: 0;
	margin: 0 -11px;
}

.team-members .inner-team-group-wrapper .team-member-col {
	position: relative;
	display: block;
	padding: 11px;
	margin: 0;
	width: 25%;
}

@media (max-width: 1100px) {
	.team-members .inner-team-group-wrapper .team-member-col {
		width: 33.33%;
	}
}

@media (max-width: 767px) {
	.team-members .inner-team-group-wrapper .team-member-col {
		width: 50%;
	}
}

@media (max-width: 420px) {
	.team-members .inner-team-group-wrapper .team-member-col {
		width: 100%;
	}
}

.team-members .team-member-col .inner-team-member-col {
	position: relative;
	display: block;
	margin: 0;
}

.team-members .team-member-col .team-member-image-link {
	position: relative;
	display: block;
	background: #fff;
	overflow: clip;
	aspect-ratio: 0.8;
}

.team-members .team-member-col .team-member-image-link>img,
.team-members .team-member-col .team-member-image-link:focus>img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	opacity: 1;
	transform: scale(1.0, 1.0);
	transition: all 1000ms var(--ease-out-expo);
}

.team-members .team-member-col .team-member-image-link:hover>img,
.team-members .team-member-col .team-member-image-link:active>img {
	opacity: 0.9;
	transform: scale(1.05, 1.05);
}

.team-members .team-member-col .team-member-info {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: flex-start;
	align-content: flex-start;
	padding: 18px 0;
}

.team-members .team-member-col .team-member-info .team-member-info-details {
	position: relative;
	display: inline-block;
	width: calc(100% - 34px);

	& .team-member-name {
		position: relative;
		display: block;
		padding: 0;
		margin: 0 0 4px;
		letter-spacing: 0 !important;
		line-height: 1.2 !important;
		-webkit-font-smoothing: auto;

		& a {
			position: relative;
			display: inline-block;
			color: #000;

			&:focus {
				color: #000;
			}

			&:hover,
			&:active {
				color: var(--primary-color);
			}
		}
	}

	& .team-member-job-title {
		position: relative;
		display: block;
		color: #000;
		line-height: 1.45;
	}
}

.team-members .team-member-col .team-member-info .team-member-info-social {
	position: relative;
	display: inline-block;
	width: 34px;

	& .social_main_menu {
		margin: 0 !important;

		& a {
			font-size: 15px;
			height: 23px;
		}
	}
}

#team-interior-wrapper {
	position: relative;
	display: block;
	margin: 0;
	padding: 100px 30px;
}

#team-interior-wrapper .team-interior-image {
	position: relative;
	display: block;
	padding: 0 50px;
}

#team-interior-wrapper .team-interior-image .team-interior-image-wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
}

#team-interior-wrapper .team-interior-content {
	position: relative;
	display: block;
	padding: 0 50px;
}

#team-interior-wrapper .team-interior-intro {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: flex-end;
	align-content: flex-end;
	margin: 0 0 50px;
	padding: 0 0 20px;
	border-bottom: 1px solid #BDDFF3;
}

#team-interior-wrapper .team-interior-intro .name-and-position {
	position: relative;
	display: inline-block;
	width: calc(100% - 34px);
	padding-right: 20px;

	& .team-member-name {
		margin-bottom: 10px;
	}
}

#team-interior-wrapper .team-interior-intro .team-member-info-social {
	position: relative;
	display: inline-block;
	width: 34px;

	& .social_main_menu {
		margin: 0 !important;

		& li {
			vertical-align: bottom;
			margin: 0;
		}

		& a {
			font-size: 18px;
			height: auto;
			max-height: 21px;
		}
	}
}

@media (max-width: 1300px) {
	#team-interior-wrapper .team-interior-image {
		padding-right: 30px;
	}

	#team-interior-wrapper .team-interior-content {
		padding-left: 30px;
	}
}

@media (max-width: 1024px) {
	#team-interior-wrapper {
		padding: 100px 20px;
	}

	#team-interior-wrapper .team-interior-image {
		padding: 0 30px;
	}

	#team-interior-wrapper .team-interior-content {
		padding: 0 30px;
	}
}

@media (max-width: 767px) {
	#team-interior-wrapper {
		padding: 70px 0 100px;
	}

	#team-interior-wrapper .team-interior-image {
		padding: 0 20px 60px;
	}

	#team-interior-wrapper .team-interior-image .team-interior-image-wrapper {
		max-width: 300px;
	}

	#team-interior-wrapper .team-interior-content {
		padding: 0 20px;
	}

	#team-interior-wrapper .team-interior-intro {
		margin-bottom: 40px;
	}

	#team-interior-wrapper .team-interior-intro .team-member-info-social .social_main_menu a {
		font-size: 16px;
	}
}

@media (max-width: 500px) {
	#team-interior-wrapper {
		padding: 24px 0 100px;
	}

	#team-interior-wrapper .team-interior-image .team-interior-image-wrapper {
		max-width: 100%;
	}
}

.outer-listings-page-section {
	position: relative;
	display: block;
	padding: 0 80px 0px;
}

main:has(#blog-loop-area) .outer-listings-page-section.cat-outer-listings-page-section {
	padding-bottom: 0;
}

.more-term-name {
	display: inline-block;
}

.full-listings-outer-row .listings-page-inner-section {
	position: relative;
	display: block;
	padding: 60px 80px;

	&:before {
		position: absolute;
		content: '';
		display: block;
		pointer-events: none;
		height: 1px;
		left: 80px;
		right: 80px;
		top: 0;
		background: #BDDFF3;
	}

	& *[class*='col-'] {
		padding: 0;
	}

	&.listings-page-cat-section {
		& .cat-title-row {
			align-items: flex-end;
			align-content: flex-end;
			padding: 0 0 30px;

			& *[class*='col-'] {
				padding-bottom: 13px;
			}

			& .set-button.no-bg-button {
				display: inline-block;

				&:after {
					content: "\f054" !important;
					font-size: 0.7em !important;
				}

				&,
				&:focus {
					background: transparent !important;
					color: #333331 !important;
				}

				&:hover,
				&:active {
					background: transparent !important;
					color: var(--no-bg-button-color) !important;
				}
			}
		}

		.cat-side-by-side-listings {
			margin: 0 -20px;
			margin: 0 clamp(-20px, -3vw, -10px);

			& *[class*='col-'] {
				padding: 20px;
				padding: clamp(10px, 3vw, 20px);
			}
		}

		&.cat-posts-roll {
			padding-top: 70px;

			&.not-first-page {
				padding-top: 0;
			}

			&:before {
				display: none;
			}
		}

		& .col-md-12 {
			padding: 0;

			& .full-listings-inner-row {
				padding: 0;
				margin: 0 -15px;
			}

			& *[class*='col-'] {
				padding: 15px;
			}
		}
	}
}

@media (max-width: 767px) {
	.full-listings-outer-row .listings-page-inner-section {
		&.listings-page-cat-section {
			& .col-md-12 {
				& .full-listings-inner-row {
					margin: 0 auto !important;
					max-width: 500px;

					& .full-wrap-post-link {
						& .post-image-holder {
							aspect-ratio: 1.2;
						}
					}

				}
			}
		}
	}
}

@media (min-width: 1025px) {
	.full-listings-outer-row .listings-page-inner-section {
		padding: 60px 80px;

		&:before {
			left: 80px;
			right: 80px;
		}

		& .cat-side-by-side-listings {
			margin: 0 -20px;
			margin: 0 clamp(-20px, -3vw, -10px);

			& *[class*='col-'] {
				padding: 20px;
				padding: clamp(10px, 3vw, 20px);
			}

			& .full-wrap-post-link {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;

				& .post-image-holder {
					width: 30%;

					&>img {
						aspect-ratio: 1.1 !important;
					}
				}

				& .media-link {
					width: 70%;
					padding: 0 0 0 20px !important;
				}
			}
		}
	}
}

@media (max-width: 1024px) {
	.outer-listings-page-section {
		padding: 0 50px 30px;
	}

	main:has(#blog-loop-area) .outer-listings-page-section.cat-outer-listings-page-section {
		padding-bottom: 0;
	}

	.full-listings-outer-row .listings-page-inner-section {
		padding: 60px 50px;

		&:before {
			left: 50px;
			right: 50px;
		}
	}

	.more-term-name {
		display: none;
	}

}

@media (max-width: 767px) {
	.outer-listings-page-section {
		padding: 0 20px 30px;
	}

	main:has(#blog-loop-area) .outer-listings-page-section.cat-outer-listings-page-section {
		padding-bottom: 0;
	}

	/*main:not(:has(.cat-outer-listings-page-section)) .listings-page-cat-section {
		padding-top: 0;
	}*/
	.full-listings-outer-row .listings-page-inner-section {
		padding: 60px 20px;

		&:before {
			left: 20px;
			right: 20px;
		}
	}

	.outer-listings-page-section .listings-page-inner-section {
		& .scroll-row-item:nth-child(4) {
			padding-right: 20px !important;
		}

		& .scroll-row-item:nth-child(n + 5) {
			display: none !important;
		}
	}

}

.title-top {
	>.fl-row-content-wrap {
		position: relative;
		width: 100vw;
		overflow: clip;

		/*&:before {
			position: absolute;
			pointer-events: none;
			content: 'Six Eight Nine';
			text-transform: uppercase;
			font-size: clamp(200px, 17.5vw, 17.5vw);
			letter-spacing: -0.1em;
			font-weight: 600;
			left: -6vw;
			bottom: -3.5vw;
			text-wrap: nowrap;
			overflow: clip;
			display: block;
			color: #f9f9f9;
			line-height: 1.2ch;
		}*/

		& .main-title-top {
			position: absolute;
			pointer-events: none;
			content: 'Six Eight Nine';
			text-transform: uppercase;
			font-size: clamp(200px, 17.5vw, 17.5vw);
			letter-spacing: -0.1em;
			font-weight: 600;
			left: -6vw;
			bottom: -3.5vw;
			text-wrap: nowrap;
			overflow: clip;
			display: block;
			color: #f9f9f9;
			line-height: 1.2ch;
		}
	}
}

@media (max-width: 1024px) {
	.title-top {
		>.fl-row-content-wrap {

			&:before,
			& .main-title-top {
				display: none;
			}
		}
	}
}

body:not(.fl-builder-edit) {
	& .pull-out-banner-on-scroll {
		position: relative;
		display: block;

		&>.fl-col-content {
			position: relative;
			opacity: 1;
			transition: opacity 1200ms var(--ease-out-expo);

			&.removeColBackground {
				background: transparent !important;
			}

			&.show {
				opacity: 1;
			}

			&>.fl-module {
				position: relative;
				opacity: 0;
			}

		}
	}

	& .replacement-bg {
		position: absolute;
		z-index: 1;
		display: block;
		overflow: clip;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 0;

		& .replacement-inner-bg {
			position: absolute;
			z-index: 1;
			background-repeat: no-repeat;
			background-position: center center;
			background-attachment: scroll;
			background-size: cover;
			display: block;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
	}
}

@media (min-width: 1025px) {
	body:not(.fl-builder-edit) .pull-out-banner-on-scroll>.fl-col-content {
		opacity: 0;
	}
}

@media (max-width: 1024px) {
	body:not(.fl-builder-edit) .pull-out-banner-on-scroll>.fl-col-content .replacement-bg {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		-webkit-transform: translate(0, 0) !important;
		-moz-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		-o-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;
	}
}

.flex-title {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 6px 10px;

	& * {
		display: inline-block;
	}

	& .small-text {
		font-size: 0.28em;
		font-weight: 400;
		letter-spacing: -0.02em;
	}
}

@media (max-width: 1024px) {
	.flex-title {
		& .small-text {
			font-size: 0.4em;
			font-weight: 600;
			letter-spacing: 0;
		}
	}
}

.inline-links-group {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 3px 4px;

	li {
		display: inline-block;
		width: auto;
	}
}

@media (max-width: 767px) {
	.inline-links-group {
		font-size: 14px;
	}
}

.add-left-label {
	&>.fl-row-content-wrap {
		position: relative;
	}
}

.left-label-wrapper {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	width: 80px;
	pointer-events: none;

	&.with-line {
		border-right: 1px solid #fff;

		&.fade-bottom {
			--mask-grad: linear-gradient(180deg, red calc(100% - 80px), transparent 100%);
			-webkit-mask-image: var(--mask-grad);
			mask-image: var(--mask-grad);
		}
	}

	& .left-label-sticky {
		position: sticky;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		padding: 50px 20px;
		top: calc(var(--main-menu-bar-height) + 10px);
		z-index: 10;
		transition: top var(--header-transition);
		will-change: top;
	}

	& .left-label-inner {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		writing-mode: tb-rl;
		transform: rotate(180deg);
		color: #000;
		gap: 0 15px;
	}

	& .full-count-wrap {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		font-weight: 600;

		& .current-count {
			position: relative;
			display: inline-block;
			font-size: 2.0rem;
			vertical-align: top;
			line-height: 1.2;
			width: auto;
			overflow: hidden;
			padding-bottom: 2px;
			margin-bottom: 4px;
		}

		& .total-count {
			position: relative;
			display: inline-block;
			font-size: 0.7rem;
			vertical-align: top;
			line-height: 1.5;
			right: 0.66rem;
			font-weight: 600;
			letter-spacing: 0.1em;
			-webkit-font-smoothing: auto;
		}
	}

	& .label-line-holder {
		position: relative;
		display: inline-block;
		height: 32px;
		width: 1px;
		background: #000;
	}

	& .label-section-title {
		position: relative;
		display: inline-block;
		font-family: var(--header-font);
		font-size: 0.73rem;
		font-weight: 600;
		line-height: var(--button-line-height);
		letter-spacing: 0.07em;
		text-transform: uppercase;
	}

	&.light {
		&:before {
			position: absolute;
			pointer-events: none;
			z-index: 1;
			content: '';
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.0) 100%);
			display: none;
		}

		&.with-line {
			border-right-color: rgba(255, 255, 255, 0.2);
		}

		& .left-label-inner {
			color: #fff;
		}

		& .label-line-holder {
			background: #fff;
		}

		&.keep-text-white {
			.left-label-inner {
				color: #fff;
			}

			.label-line-holder {
				background: rgba(255, 255, 255, 0.5);
			}
		}

		& .full-count-wrap {
			color: #fff;
		}
	}

	@media (max-width: 1200px) {
		& {
			display: none;
		}
	}
}

body:has(#header.move-up) {
	& .left-label-wrapper {
		--main-menu-bar-height: 0px;
	}
}

body:not(.fl-builder-edit):has(.banner-menu-module) {
	& .left-label-wrapper .left-label-sticky {
		padding-top: 80px;
	}
}

.featured-post-link {
	position: relative;
	display: block;
	background: #000;
	border-radius: 18px;
	overflow: clip;

	&,
	&:focus {
		color: #fff !important;
	}

	& [class*='col-'] {
		padding: 10px 0;
	}

	& .post-image-holder {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;

		& img {
			position: absolute;
			display: block;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			object-fit: cover;
			object-position: center;
			transition: all 1600ms var(--ease-out-expo);
		}

		&:after {
			position: absolute;
			content: '';
			display: block;
			left: 0;
			right: 0;
			bottom: 0;
			top: auto;
			width: 100%;
			height: 180px;
			background: transparent;
			z-index: 20;
			pointer-events: none;
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.4) 100%);
		}
	}

	& .featured-tag {
		position: absolute;
		display: block;
		z-index: 10;
		left: 40px;
		top: 34px;
		max-width: calc(100% - 60px);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: clip;
		padding: 3px 14px;
		border-radius: 15px;
		background: rgba(0, 0, 0, 0.35);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
		font-family: var(--body-font);
		font-size: 0.8rem;
		color: #fff;
		pointer-events: none;
		letter-spacing: -0.01rem;
		font-weight: 400;
		line-height: 1.4;
	}

	& .media-link {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: stretch;
		align-items: flex-end;
		align-content: flex-end;
		padding: clamp(220px, 35vw, 480px) 70px 55px;
		color: #fff;
		z-index: 50;

		& .post-cat-listings {
			position: relative;
			display: block;
			margin: 0 0 3px;
			color: rgba(255, 255, 255, 0.7);
		}

		& .featured-post-title-link {
			position: relative;
			display: block;
			color: #fff;
			padding: 0;
			margin: 0 0 7px;
			text-wrap: balance;

			&:last-child {
				margin-bottom: 0;
			}
		}

		& .read-length {
			position: relative;
			display: block;
			color: #C2C2C2;
			font-size: 0.9rem;
		}
	}

	&:hover,
	&:active {
		& .featured-post-title-link {
			color: #fff !important;
		}
	}
}

@media (max-width: 1024px) {
	.featured-post-link {
		border-radius: 10px;

		& .media-link {
			padding-inline: 50px;
			padding-bottom: 40px;
		}
	}
}

@media (max-width: 767px) {
	.featured-post-link {
		& .featured-tag {
			left: 30px;
			top: 30px;
		}

		& .media-link {
			padding: 220px 30px 30px;
		}
	}
}

.shop-breadcrumbs-wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid var(--vs-products-border-color, #ced4da);
}

.shop-breadcrumbs {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	gap: 15px;
	padding: 12px 80px;
	margin: 0 auto;
	max-width: 1400px;

	@media (max-width: 1024px) {
		& {
			padding-inline: 50px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-inline: 20px;
		}
	}

	& li {
		position: relative;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		color: var(--body-color);
		margin: 0;
		padding: 0;

		&:after {
			position: relative;
			display: inline-block;
			font-size: 11px;
			line-height: 1.0;
			padding: 0;
			font-weight: 900;
			text-indent: 0;
			font-family: var(--font-awesome);
			content: '\f054';
			padding-left: 15px;
			color: inherit;
		}

		& a {
			color: inherit;
			text-decoration: none;

			&:hover,
			&:active,
			&:focus {
				color: var(--primary-color);
			}
		}

		&:last-child {
			&:after {
				display: none;
			}

			& a {
				color: inherit;
				pointer-events: none;
				text-decoration: none;
			}
		}
	}
}

.float-top-left-desktop {
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	max-width: 70px;
	opacity: 0.2;
}

.noted-section {
	--noted-highlight-color: rgba(0, 0, 0, 0.1);

	position: relative;
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: stretch;
	background: #fff;
	border: 1px solid var(--noted-highlight-color);
	padding: 0 20px 20px;
	margin: 0 0 30px;

	& .notation {
		--headerTopColor: rgba(255, 255, 255, .9);

		position: sticky;
		top: var(--main-menu-bar-height, 0);
		top: var(--top-header-height, 0);
		display: flex;
		flex-flow: row wrap;
		padding: 15px 20px 15px;
		background: #fff;
		color: #111;
		margin: 0 -20px 15px;
		z-index: 100;
		background: var(--headerTopColor);
		border-bottom: 1px solid var(--noted-highlight-color);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}
}

.highlight {
	position: relative;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 7px;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	height: 33px;
	background: var(--primary-color);
	font-family: var(--body-font);
	text-transform: uppercase;
	font-size: clamp(17px, 0.65em, 20px);
	letter-spacing: 0;
	font-weight: 400;
	-webkit-font-smoothing: auto;
}

.fix-top-padding {
	padding-top: 80px !important;

	@media (max-width: 1200px) {
		& {
			padding-top: 70px !important;
		}
	}

	@media (max-width: 1024px) {
		& {
			padding-top: 50px !important;
		}
	}
}

.masked-in-text {
	display: block;
	padding: 0 80px 30px;

	@media (max-width: 1024px) {
		& {
			padding: 0 50px 30px;
		}
	}

	@media (max-width: 1024px) {
		& {
			padding: 0 20px 30px;
		}
	}
}

.mega-footer-headline {
	display: block;
	flex-flow: row wrap;
	justify-content: right;
	align-items: flex-start;
	align-content: flex-start;
	text-align: right;
	color: #fff;
	text-wrap: balance;

	& .mega-mark {
		position: relative;
		width: 0.4em;
		display: inline-block;
		vertical-align: super;
		top: -10px;
		left: -15px;
	}

	@media (max-width: 767px) {
		& {
			display: block;
			text-align: left;

			& .mega-mark {
				width: 0.25em;
			}
		}
	}
}

.giant-headline-footer-holder {
	position: relative;
	display: block;
	padding: 100px 20px;

	@media (max-width: 767px) {
		& {
			padding: 90px 20px 50px;
		}
	}
}

.sticky-inner-columns {
	& .fl-col {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
		align-items: flex-start;
		align-content: flex-start;
		float: none;
	}

	&.no-borders {
		& .fl-col {
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;

			&>.fl-col-content {
				position: relative;
				display: flex;
				flex-flow: row wrap;
				justify-content: stretch;
				align-items: flex-start;
				align-content: flex-start;

				&>.fl-module {
					width: 100%;
					position: sticky;
					top: var(--main-menu-bar-height);
					border: none !important;
					transition: all var(--header-transition);
				}
			}
		}
	}

	&:not(.no-borders) {
		& .fl-col {
			&>.fl-col-content {
				position: sticky;
				top: var(--main-menu-bar-height);
				border: none !important;
				transition: all var(--header-transition);
			}

			&:not(:first-child) {
				border-style: solid !important;
				border-color: var(--blueprint-navy-6) !important;
				border-width: 0 0 0 1px !important;

				@media (max-width: 767px) {
					& {
						border-width: 1px 0 0 0 !important;
					}
				}
			}
		}
	}
}

.multi-sticky-columns {
	& .fl-col {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		float: none;

		&>.fl-col-content {
			position: relative;
			display: flex;
			flex-flow: row wrap;
			justify-content: stretch;
			align-items: flex-start;
			align-content: flex-start;
		}

		@media (min-width: 1025px) {
			&:first-child:has(.fl-module-photo) {
				display: flex;
				min-height: 100vh;
				align-items: flex-start;
				align-content: flex-start;

				&>.fl-col-content {
					display: flex;
					flex-flow: column nowrap;
					justify-content: flex-start;
					position: sticky;
					top: 0;

					&>.fl-module.fl-module-photo {
						display: block;
						/* height: 100%; */
					}
				}
			}
		}

		&:not(:first-child):has(.fl-module-photo) {
			flex-wrap: nowrap;

			&>.fl-col-content {
				display: flex;
				flex-flow: column nowrap;
				justify-content: stretch;
				align-items: stretch;
				align-content: stretch;
				height: 100%;

				&>.fl-module.fl-module-photo {
					height: 100%;

					& img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center top;
					}


				}

				@media (max-width: 767px) {
					& {
						height: clamp(400px, 120vw, 100vw);
					}
				}

				@media (min-width: 1025px) {
					&>.fl-module.fl-module-photo {
						height: 100vh;

						& img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center center;
						}
					}
				}

			}
		}

		&:not(:first-child) {
			&>.fl-col-content {
				&>.fl-module {
					position: sticky;
					top: 0px;
					border: none !important;
				}
			}
		}

		&:has(.fl-module-rich-text) {
			@media (min-width: 768px) and (max-width: 1024px) {
				& {
					min-height: 100vh;
				}
			}

			@media (min-width: 768px) {
				& {
					align-items: flex-start;
					align-content: flex-start;
				}
			}

			&>.fl-col-content {
				@media (min-width: 768px) {
					& {
						position: sticky;
						/*top: var(--main-menu-bar-height);*/
						top: 0;
						/*height: calc(100vh - var(--main-menu-bar-height));*/
						/*min-height: 100vh;*/
						align-items: flex-start;
						align-content: flex-start;
						transition: top var(--header-transition) 0ms;

						&>.fl-module {
							display: block !important;

						}
					}
				}

				&>.fl-module {
					position: relative;
					top: auto;
					width: 100%;
				}
			}
		}
	}
}

body:has(#header.move-up) {

	& .sticky-inner-columns,
	& .multi-sticky-columns {
		--main-menu-bar-height: 0px;
	}
}

ul.block-list {

	&,
	& ul,
	& ol {
		position: relative;
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	& ul,
	& ol {
		padding-left: 28px;
	}

	&:not(:last-child) {
		padding-bottom: 30px;
	}

	& a,
	& .set-button {
		display: flex !important;
		width: 100%;
		margin: 0 !important;
		justify-content: space-between !important;
	}

	& li {
		position: relative;
		padding: 2px 0;
		border-bottom: 1px solid color-mix(in srgb, var(--control-black-300) 25%, transparent);

		&:after {
			position: absolute;
			content: '';
			display: block;
			z-index: 10;
			bottom: -1px;
			left: 0;
			right: auto;
			height: 1px;
			width: 100%;
			background: var(--control-black-300);
			transition: transform 400ms var(--ease-out-cubic);
			transform: scaleX(0);
			transform-origin: right 0;
		}

		&:has(a:hover, a:active) {
			&:after {
				transform: scaleX(1);
				transform-origin: left 0;
			}
		}
	}
}

.push-to-bottom {
	display: block;
	margin-top: 25vh;

	/*@media (max-height: 1150px) {
		& {
			margin-top: 35vh;
		}
	}

	@media (max-height: 950px) {
		& {
			margin-top: 25vh;
		}
	}*/

	@media (max-height: 800px) {
		& {
			margin-top: 80px;
		}
	}

	@media (max-width: 767px) {
		& {
			margin-top: 50px !important;
		}
	}
}

.background-size-full-width>.fl-col-content {
	background-size: 100% auto !important;
}

.frm_forms form .frm_image_options {
	& .frm_opt_container {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		gap: 14px;
		width: 100% !important;
		margin: 0 !important;

		& .frm_image_option {
			margin: 0 !important;
			width: calc(50% - 7px) !important;
			padding: 10px 12px 12px !important;
			background: #fff;
			border-radius: 12px;
			overflow: clip;
			box-shadow: var(--input-box-shadow) !important;
			transition: var(--input-easing) !important;
			border: var(--input-border-width) solid var(--input-border-color) !important;

			@media (min-width: 768px) and (max-width: 1024px) {
				& {
					width: 100% !important;
				}
			}

			&:hover,
			&:focus,
			&:has(input:focus) {
				box-shadow: var(--focus-input-box-shadow) !important;
				border-color: var(--focus-input-border-color) !important;
			}

			&:has(input:checked) {
				background: var(--trinova-blue-1, #fff) !important;
				border-color: var(--trinova-blue-6, #000) !important;
			}

			&:not(:has(.frm_image_option_container > img)) {
				width: 100% !important;

				& .frm_empty_url {
					display: none !important;
				}
			}

			& label {
				display: block;
				height: 100%;

				& input {
					right: auto !important;
					top: 15px !important;
					left: 12px !important;
					-webkit-appearance: none;
					appearance: none;

					&:after {
						position: absolute;
						content: "\f00c";
						display: inline-block;
						font: normal normal normal 14px/1 var(--font-awesome);
						font-size: 11px;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						vertical-align: middle;
						display: inline-flex;
						flex-flow: row nowrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						left: 0;
						top: -2px;
						width: 16px;
						height: 16px;
						border-radius: 3px;
						border: 1px solid var(--trinova-blue-6, #C6C5D3);
						background: transparent;
						color: rgba(255, 255, 255, 0);
						transition: all 600ms var(--ease-out-expo);
						overflow: clip;
						font-weight: 600;
					}

					&:checked:after {
						background: var(--trinova-blue-7, #8BC943);
						border-color: var(--trinova-blue-7, #8BC943);
						color: #fff;
					}
				}

				& .frm_image_option_container {
					position: relative;
					display: flex;
					flex-flow: column-reverse nowrap;
					justify-content: space-between;
					align-items: stretch;
					align-content: stretch;
					border: 0 !important;
					gap: 12px;

					&>img {
						object-fit: cover;
						object-position: center center;
						border-radius: 6px;
						overflow: clip;
						width: 100%;
						height: auto;
						aspect-ratio: 1.6;
						pointer-events: none;
					}

					& .frm_text_label_for_image {
						position: relative;
						display: block;
						text-align: left !important;
						padding: 3px 2px 0 23px !important;
						line-height: 1.15;
					}

				}
			}
		}
	}
}

.frm_forms form .frm_form_field:has(.frm_image_options) .frm_error {
	padding-top: 7px;
}

.fl-row:has(.product-scroller-wrapper) {
	overflow: clip;
}

.solution-callouts {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;

	&:not(:first-child) {
		padding-top: 80px;

		@media (max-width: 1024px) {
			& {
				padding-top: 60px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding-top: 50px;
			}
		}
	}

	& .inner-solution-callouts {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;

		@media (min-width: 768px) {
			& {
				margin: 0 -12px;
			}
		}

		& .solution-type {
			position: relative;
			display: block;
			margin: 0;
			padding: 12px;
			width: 33.33%;

			@media (max-width: 1150px) {
				& {
					width: 50%;
				}
			}

			@media (max-width: 767px) {
				& {
					width: 100%;
				}
			}

			& .inner-solution-type {
				position: relative;
				display: flex;
				flex-flow: column wrap;
				padding: 24px 24px 48px;
				border-radius: 24px;
				background: #fff;
				overflow: clip;
				gap: 40px;
				height: 100%;
				transition: all 800ms var(--ease-out-expo);

				&:before {
					position: absolute;
					display: block;
					content: '';
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					pointer-events: none;
					transition: all 200ms linear;
					background: transparent;
					border: 1px solid var(--blueprint-navy-5, #fff);
					z-index: 100;
					border-radius: 24px;
					will-change: border-width, border-color;
				}

				@media (min-width: 768px) {
					&:hover {
						background-color: var(--trinova-blue-1, #fff);

						&:before {
							border-color: var(--primary-color, #82EB6A);
							border-width: 2px;
						}
					}
				}

				@media (max-width: 767px) {
					& {
						max-width: 500px;
						margin: 0 auto;
						gap: 30px;
					}
				}

				& .solution-name {
					display: block;
					margin-bottom: 0px;
				}

				& .type-details {
					display: block;
				}

				& .type-name {
					display: block;

					&:not(:last-child) {
						margin-bottom: 8px;
					}
				}

				& .type-description {
					display: block;

					&:not(:last-child) {
						margin-bottom: 30px;
					}
				}

				& .callout-buttons {
					gap: 12px 24px;

					@media (max-width: 450px),
					(min-width: 1150px) and (max-width: 1250px) {
						& {
							flex-flow: column wrap;
							justify-content: stretch;
							align-items: flex-start;
							align-content: flex-start;
						}
					}
				}

				& .type-image {
					position: relative;
					display: block;
					width: 100%;
					height: auto;
					padding: 10px;
					pointer-events: none;
					z-index: 1;
					max-width: 600px;

					& img {
						position: relative;
						display: block;
						object-fit: contain;
						object-position: center center;
						aspect-ratio: 1.6;
						margin: 0 auto;
					}
				}

				& .specs-table {
					position: relative;
					display: flex;
					flex-flow: row wrap;
					justify-content: stretch;
					align-items: stretch;
					align-content: stretch;

					& .outline-specs {
						position: relative;
						display: flex;
						flex-flow: row wrap;
						justify-content: flex-start;
						align-items: stretch;
						align-content: stretch;
						width: 100%;

						&.highlight-specs {
							border-bottom: 1px solid var(--blueprint-navy-6, #BFD1CF);
						}
					}

					& .spec-column {
						position: relative;
						display: inline-block;
						padding-block: 10px;
						padding-inline: 0;

						&:nth-child(even) {
							width: 60%;
						}

						&:nth-child(odd) {
							width: 40%;
							padding-inline: 0 clamp(20px, 2vw, 30px);
						}

						& .spec-title,
						& .spec-detail {
							display: block;
							text-overflow: ellipsis;
							overflow: hidden;
							white-space: nowrap;
						}

						& .spec-title {
							font-size: clamp(0.95rem, 1.4vw, 1.0rem);
							letter-spacing: 0.02em;
							color: var(--control-black-300, #555E61);
							margin-bottom: 0;
						}

						& .spec-detail {
							--scale-size: 1.3vw;

							font-size: clamp(0.76rem, var(--scale-size), 1.25rem);
							line-height: 1.5;
							letter-spacing: 0.0em;
							color: #000;

							@media (max-width: 1150px) {
								& {
									--scale-size: 2.0vw;
								}
							}

							@media (max-width: 767px) {
								& {
									--scale-size: 3.6vw;
								}
							}
						}
					}
				}

			}
		}
	}

	&.solution-rotator {
		position: relative;
		display: block;
		margin: 0 0 100px;

		&:has(.slick-nav-holder.inactive) {
			margin-bottom: 0;
		}

		/*&:not(:has( .slick-track .solution-type:nth-child(3) )) {
			@media (min-width: 601px) {
				& .slick-track {
					width: 100% !important;
				}

				& .solution-type {
					width: 50% !important;
				}
			}
		}*/

		& .solution-type {
			max-width: 100% !important;
		}

		& .inner-solution-callouts {
			display: block !important;
			margin: 0 -32px !important;

			@media (max-width: 630px) {
				& {
					margin: 0 !important;
				}
			}
		}

		& .slick-list {
			margin: 0 calc(50% - 50vw) !important;
			padding-inline: calc(50vw - 50% + 20px) !important;

			@media (max-width: 630px) {
				& {
					padding-inline: calc(50vw - 50% + 20px) !important;
				}
			}
		}

		& .slick-track {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;

			& .slick-slide {
				height: auto !important;
				counter-increment: numbered-card-item;
			}
		}

		& .slick-nav-holder {
			--base-animation-speed: 0.3s;

			position: absolute;
			display: inline-flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: stretch;
			align-content: stretch;
			top: calc(100% + 20px);
			left: 50%;
			right: auto;
			transform: translate(-50%, 0);
			padding: 5px;
			border: 1px solid var(--blueprint-navy-6);
			background: transparent;
			border-radius: 35px;
			gap: 5px;
			height: 64px;

			@media (min-width: 768px) {
				& {
					top: calc(100% + 50px);
				}
			}

			@media (max-width: 767px) {
				& {
					opacity: 1 !important;
				}
			}

			& .slick-arrow {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				border: 0 !important;
				left: auto !important;
				right: auto !important;

				&:before {
					left: auto !important;
					right: auto !important;
					top: auto !important;
					bottom: auto !important;
				}

				&,
				&:focus {
					background: transparent !important;
					color: var(--header-color) !important;
				}

				&:hover,
				&:active {
					background: var(--primary-color) !important;
					color: var(--header-color) !important;
				}

				&.slick-prev {
					&:before {
						content: "\f060" !important;
					}
				}

				&.slick-next {
					&:before {
						content: "\f178" !important;
					}
				}

				&.slick-disabled {
					pointer-events: none;

					&,
					&:focus {
						opacity: 0.4 !important;
					}
				}
			}

			& .solution-type:not(.slick-active) .inner-solution-type {
				pointer-events: none;
			}

			&.inactive {
				pointer-events: none;
				opacity: 0.0 !important;
			}

		}

	}

}

.parallax-edge-image {
	overflow: clip;

	& img {
		pointer-events: none;
	}
}

.push-content-down {
	&>.fl-col-content {
		@media (min-width: 1025px) {
			& {
				margin-bottom: 10vw;
			}
		}
	}
}

.no-full-height-on-mobile {
	@media (max-width: 767px) {
		&>.fl-row-content-wrap {
			min-height: 0 !important;
		}
	}
}

.animated-text {
	position: relative;
	display: flex;
	flex-wrap: wrap;

	& span {
		opacity: 0;
	}

	&.-splited.-inview span {
		display: inline-block;
		opacity: 1;
		transition: opacity .9s var(--ease-out-cubic);
		transition-delay: calc(var(--word-start)/10*.3s + .3s);
	}
}

.header-swap {
	position: relative;
	display: block;

	@media (max-width: 767px) {
		& {
			display: flex;
			flex-flow: column-reverse wrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
		}
	}
}

.right-subtext {
	position: relative;
	display: block;
	color: var(--blueprint-navy-7);

	& strong {
		color: var(--header-color);
	}

	@media (min-width: 768px) {
		& {
			position: absolute;
			z-index: 10;
			right: 10vw;
			width: 386px;
			top: 9vw;
		}
	}

	@media (min-width: 1025px) and (max-width: 1200px) {
		& {
			right: 6vw;
			top: 8vw;
		}
	}

	@media (min-width: 768px) and (max-width: 1024px) {
		& {
			right: 20px;
			top: 52px;
			width: 340px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding: 0 20px clamp(90px, 25vh, 25vh) !important;
		}
	}
}

.top-trade-nav {
	--background-color: transparent;
	--mask-side-width: 115px;
	--mask-grad: linear-gradient(90deg, transparent 0%, red 0%, red 100%, transparent 100%);

	--base-link-color: var(--control-black-620, #616161);
	--base-link-background: var(--trinova-blue-50, #E6F0FF);
	--base-link-border-color: var(--primary-color);
	--base-link-ease-set: all 600ms var(--ease-out-expo);

	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	background: var(--background-color);
	margin: 0;
	padding: 0;
	z-index: 200;
	width: 100%;

	&.product-cat-nav {
		--background-color: var(--control-black-60, #F2F7FD);
	}

	&.center-nav {
		justify-content: center;
	}

	@media (max-width: 1024px) {
		& {
			--mask-side-width: 85px;
		}
	}

	@media (max-width: 767px) {
		& {
			--mask-side-width: 50px;
		}
	}

	& .push-cats-left,
	& .push-cats-right {
		position: absolute;
		top: calc(50% - 15px);
		transform: translate(0, -50%);
		display: inline-flex !important;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		z-index: 100;
		background: transparent;
		opacity: 0;
		transition: all 600ms var(--ease-out-expo);
		color: #000;
		font-family: var(--font-awesome);
		vertical-align: middle;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		font-size: 11px;
		padding: 0;
		cursor: pointer;
		pointer-events: none;
		font-weight: 900;
		border-radius: 6px;
		width: 42px;
		height: 42px;

		&:before {
			position: relative;
			display: block;
			font-family: inherit;
			content: '';
			border-style: solid;
			width: 0;
			height: 0;
			border: var(--arrow-size) solid transparent;
			transition: border-color 600ms var(--ease-out-expo);
		}

		&,
		&:focus {
			color: #000;
			background: rgba(255, 255, 255, 0.5);
			width: 42px;
			box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.06);
			-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);

			&:before {
				border-color: #000;
			}

			&:hover,
			&:active {
				color: var(--primary-color);
				background: #fff;
				width: 48px;
				box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);

				&:before {
					border-color: #000;
					color: var(--primary-color);
				}
			}
		}
	}

	& .push-cats-left {
		left: 0;
		right: auto;
		border-radius: 0 6px 6px 0;

		&,
		&:focus {
			padding-left: 0;

			&:hover,
			&:active {
				padding-left: 6px;
			}
		}

		&:before {
			border-color: transparent #000 transparent transparent !important;
			border-left: 0 !important;
		}
	}

	& .push-cats-right {
		right: 0;
		left: auto;
		border-radius: 6px 0 0 6px;

		&,
		&:focus {
			padding-right: 0;

			&:hover,
			&:active {
				padding-right: 6px;
			}
		}

		&:before {
			border-color: transparent transparent transparent #000 !important;
			border-right: 0 !important;
		}
	}

	&:before,
	&:after {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		display: block;
		opacity: 0;
		pointer-events: none;
		z-index: 50;
		width: 150px;
		background: transparent;
		transition: all 1000ms var(--ease-out-expo);
	}

	@media (max-width: 767px) {

		&:before,
		&:after {
			width: 80px;
		}
	}

	&:before {
		left: 0;
		background: linear-gradient(-90deg, transparent 0px, color-mix(in srgb, var(--background-color) 30%, transparent 100%) 30%, var(--background-color) 90%);
	}

	&:after {
		right: 0;
		background: linear-gradient(90deg, transparent 0px, color-mix(in srgb, var(--background-color) 30%, transparent 100%) 30%, var(--background-color) 90%);
	}

	&:has(.inner-trade-nav.has-scroll-content) {
		&:has(.more-left) {
			& .push-cats-left {
				pointer-events: auto;
				opacity: 1;
			}

			&:before {
				opacity: 0.8;
				pointer-events: auto;
			}
		}

		&:has(.more-right) {
			& .push-cats-right {
				pointer-events: auto;
				opacity: 1;
			}

			&:after {
				opacity: 0.8;
				pointer-events: auto;
			}
		}

		&:has(.more-left.more-right) {
			&:before {
				opacity: 0.8;
				pointer-events: auto;
			}

			&:after {
				opacity: 0.8;
				pointer-events: auto;
			}
		}

		/*& .inner-trade-nav.has-scroll-content.more-left {
			--mask-grad: linear-gradient(90deg, transparent 5px, red var(--mask-side-width), red 100%, transparent 100%);
		}

		& .inner-trade-nav.has-scroll-content.more-right {
			--mask-grad: linear-gradient(90deg, transparent 0%, red 0%, red calc(100% - var(--mask-side-width)), transparent calc(100% - 5px));
		}

		& .inner-trade-nav.has-scroll-content.more-left.more-right {
			--mask-grad: linear-gradient(90deg, transparent 5px, red var(--mask-side-width), red calc(100% - var(--mask-side-width)), transparent 5px);
		}*/
	}

	& .inner-trade-nav {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		white-space: nowrap;
		overflow: scroll clip;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow: -moz-scrollbars-none;
		padding: 0;
		margin: 0;
		border-radius: 0;
		background: transparent;
		border: none;
		z-index: 10;
		/*-webkit-mask-image: var(--mask-grad);
		mask-image: var(--mask-grad);*/
		padding: 0px;
		/*scroll-snap-type: x mandatory;*/

		&>a.inner-base-link {
			position: relative;
			font-family: var(--header-font);
			text-transform: uppercase;
			line-height: 1.3 !important;
			font-size: 0.73rem;
			display: block;
			padding-left: 0;
			padding-right: 0;
			letter-spacing: 0.07em !important;
			font-weight: 600;
			-webkit-font-smoothing: antialiased;
			display: inline-flex;
			justify-content: flex-start;
			align-items: center;
			align-content: center;
			padding: 18px 13px;
			width: auto;
			white-space: nowrap;
			min-width: fit-content;
			text-decoration: none;
			background: transparent;
			border-radius: 0;
			z-index: 10;
			color: var(--base-link-color, #616161);
			transition: var(--base-link-ease-set);

			&:first-child {
				margin-left: 20px;
			}

			&:last-child {
				margin-right: 20px;
			}

			&:before {
				position: absolute;
				display: block;
				content: '';
				background: var(--base-link-background);
				left: 0;
				right: 0;
				bottom: 0;
				opacity: 0;
				height: 3px;
				z-index: 1;
				transform-origin: center bottom;
				pointer-events: none;
				transition: var(--base-link-ease-set);
			}

			&:after {
				position: absolute;
				content: '';
				display: block;
				background: var(--base-link-border-color);
				left: 0;
				right: 0;
				bottom: 0;
				height: 3px;
				opacity: 0;
				pointer-events: none;
				z-index: 2;
				transform-origin: center bottom;
				transition: var(--base-link-ease-set);
			}

			&>span {
				position: relative;
				display: inline-block;
				z-index: 10;
				color: inherit !important;
				background: transparent;
				transition: var(--base-link-ease-set);
			}

			&,
			&:focus {
				color: inherit;
				background: transparent;
				text-decoration: none !important;

				&:before {
					height: 3px;
					opacity: 0;
				}

				&:after {
					opacity: 0;
				}
			}

			&:hover,
			&:active,
			&.active {
				color: #000;
				text-decoration: none !important;
				background: transparent;

				&:before {
					height: 100%;
					opacity: 1;
				}

				&:after {
					opacity: 1;
				}
			}

			&.active {
				pointer-events: none;
			}
		}

		& .link-list-wrap {
			position: relative;
			display: flex;
			flex-flow: row nowrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			gap: 0;
			white-space: nowrap;
			/*scroll-snap-align: start;*/
			padding: 24px 74px;

			@media (max-width: 1024px) {
				& {
					padding-inline: 44px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding-inline: 14px;
				}
			}

			& a {
				position: relative;
				text-align: left;
				font-family: var(--body-font);
				text-transform: none;
				line-height: 1.2 !important;
				font-size: 1.0rem;
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;
				letter-spacing: 0.0em !important;
				font-weight: 600;
				padding: 0 6px;
				text-decoration: none;
				will-change: opacity, color;
				background: transparent;
				z-index: 10;
				width: 224px;
				flex: 224px 0 0;
				/*scroll-snap-align: start;*/

				@media (max-width: 1024px) {
					& {
						width: calc(25vw - 12px);
						flex: calc(25vw - 12px) 0 0;
					}
				}

				@media (max-width: 767px) {
					& {
						width: calc(50vw - 12px);
						flex: calc(50vw - 12px) 0 0;
					}
				}

				& .product-category-thumbnail {
					position: relative;
					border-radius: 6px;
					overflow: clip;
					aspect-ratio: 0.96;
					background: #fff;
					margin-bottom: 10px;
					width: 100%;

					& img {
						position: absolute;
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center center;
						transform-origin: center;
						transition: all 1000ms var(--ease-out-expo);
						pointer-events: none;
					}
				}

				&,
				&:focus {
					color: var(--header-color);
					text-decoration: none !important;

					& .product-category-thumbnail {
						& img {
							transform: scale(1.0, 1.0);
						}
					}
				}

				&:hover,
				&:active,
				&.active {
					color: var(--header-color);
					text-decoration: none !important;
					background: transparent;

					& .product-category-thumbnail {
						& img {
							transform: scale(1.05, 1.05);
						}
					}
				}

				&.active {
					pointer-events: none;
				}
			}
		}

		&::-moz-scrollbar,
		&::-webkit-scrollbar {
			width: 0px;
			background: transparent;
			display: none;
		}
	}
}

.light {
	& .top-trade-nav {
		--base-link-color: #fff;
	}
}

.pull-up-bg-on-mobile {
	@media (max-width: 767px) {
		& {
			position: relative;
		}

		&>* {
			z-index: 10;
		}

		&:before {
			position: absolute;
			display: block;
			content: '' !important;
			left: 0;
			bottom: 0;
			right: auto;
			top: auto;
			z-index: 1;
			pointer-events: none;
			height: calc(100% - 100px);
			width: 100vw;
			background: var(--control-black-60, transparent);
		}
	}
}

.leading-left-line {
	& .fl-col-content {
		position: relative;

		&>* {
			position: relative;
			z-index: 10;
		}

		@media (min-width: 768px) {
			& {
				padding-left: 50px !important;
			}

			&:before {
				position: absolute;
				display: block !important;
				content: '' !important;
				z-index: 2;
				pointer-events: none;
				background: #000;
				width: 30px;
				height: 1px;
				left: 0;
				top: 63px;
			}
		}

		@media (min-width: 1025px) {
			& {
				padding-left: clamp(80px, calc(100% - 665px), 100%) !important;
			}

			&:before {
				width: clamp(60px, calc(100% - 695px), 100%);
			}
		}
	}
}

.white-trail-bottom {
	&>.fl-row-content-wrap {
		position: relative;

		&>* {
			z-index: 10;
		}

		&:before {
			position: absolute;
			z-index: 1;
			pointer-events: none;
			content: '' !important;
			display: block !important;
			height: clamp(80px, 8vw, 120px);
			left: 0;
			bottom: 0;
			right: 0;
			background: #fff;
		}

		@media (max-width: 767px) {
			&:before {
				display: none !important;
			}
		}
	}
}

.blend-darken {
	@supports(mix-blend-mode: darken) {
		& {
			transform: translate3d(0, 0, 0);
			mix-blend-mode: darken;
		}
	}
}

.line-to-right {
	position: relative;
	display: inline-block;
	padding-right: 52px;

	&:after {
		position: absolute;
		width: 43px;
		top: 0.6em;
		right: 0;
		content: '';
		display: block;
		pointer-events: none;
		height: 1px;
		background: currentColor;
	}
}

.squared {
	position: relative;
	padding-left: 17px;

	&:before {
		position: absolute;
		content: '';
		pointer-events: none;
		width: 6px;
		height: 6px;
		top: 0.45em;
		left: 0;
		background: var(--trinova-blue-300, #569BFC);
	}
}

.inset {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 28px 80px 60px 24px;

	@media (max-width: 1200px) {
		& {
			padding-right: 24px;
		}
	}

	@media (max-width: 1024px) {
		& {
			padding-inline: 0;
		}
	}

	&.lined {
		flex-flow: row nowrap;
		align-items: center;
		padding: 18px 20px 40px 36px;

		@media (max-width: 1200px) {
			& {
				flex-flow: column nowrap;
				padding: 24px 24px;
			}
		}

		&:has(:nth-child(2)) {
			&>* {
				margin: 0;
			}

			&>*:nth-child(1) {
				width: 40%;
				padding-right: 30px;

				@media (max-width: 1200px) {
					& {
						width: 100%;
						padding-right: 0;

						&:not(:last-child) {
							padding-bottom: 8px;
						}
					}
				}
			}

			&>*:nth-child(2) {
				width: 60%;

				@media (max-width: 1200px) {
					& {
						width: 100%;
					}
				}
			}
		}

		@media (max-width: 1024px) {
			& {
				padding-inline: 0;
			}
		}

		&:not(:first-child) {
			border-top: 1px solid var(--control-black-120, #E0E0E0);
		}
	}
}

.light {
	& .inset {
		&.lined {
			&:not(:first-child) {
				border-color: var(--control-black-910, #171717);
				border-color: rgba(255, 255, 255, 0.15);
			}
		}
	}

	&.light-lined {
		& .inset {
			&.lined {
				&:not(:first-child) {
					border-color: rgba(255, 255, 255, 0.15);
				}
			}
		}
	}
}

.product-page-wrapper {
	position: relative;
	display: block;

	& .top-product-title-section {
		position: relative;
		background: #000 url(/wp-content/uploads/top-title-section-background.webp) no-repeat center bottom;
		background-size: cover;

		& .main-title-area {
			position: relative;
			display: block;
			padding: 135px 80px 80px;

			@media (max-width: 1024px) {
				& {
					padding: 120px 50px 70px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding: 90px 20px 60px;
				}
			}
		}
	}

	& .product-loop-body {
		position: relative;
		display: block;
		background: var(--control-black-60, #F2F7FD);

		@media (min-width: 1025px) {
			& {
				min-height: 100vh;
			}
		}

		& .product-category-breadcrumb {
			position: relative;
			display: block;
			padding: 15px 80px;

			@media (max-width: 1024px) {
				& {
					padding: 15px 50px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding: 15px 20px;
				}
			}
		}

		& .product-loop-container {
			position: relative;
			display: block;
			padding: 40px 50px 80px;

			@media (max-width: 1024px) {
				& {
					padding: 0 20px 80px;
				}
			}

			@media (max-width: 767px) {
				& {
					padding: 0 0 40px;

					&:has(.no-filter-matches) {
						padding-bottom: 0;
					}
				}
			}

			& .product-filters {
				position: relative;
				display: block;
				padding: 30px 30px;

				@media (min-width: 1025px) and (max-width: 1200px) {
					& {
						padding-right: 12px !important;
					}
				}

				@media (max-width: 1024px) {
					& {
						padding: 30px 20px;
					}
				}
			}

			& .product-loop-column {
				position: relative;
				display: block;
				padding: 87px 30px 30px;

				&:has(.remove-filter-bar) {
					/* padding-top: 59px; */
					padding-top: 0;
				}

				@media (min-width: 1025px) and (max-width: 1200px) {
					& {
						padding-left: 12px !important;
					}
				}

				@media (max-width: 1024px) {
					& {
						padding: 30px 20px;
						min-height: 20vh;
					}
				}

				@media (max-width: 767px) {
					& {
						padding: 30px 12px;
					}
				}

				& .product-loop-outer {
					/* position: relative; */
					display: flex;
					flex-flow: column nowrap;
					justify-content: flex-start;
					align-items: stretch;
					align-content: stretch;
					gap: 10px;
					height: 100%;

					& .product-loop-holder {
						/* position: relative; */
						display: block;
						min-height: 200px;
					}

					& .product-pagination-holder {
						position: relative;
						display: block;
					}

				}
			}

		}


	}
}

.product-loop-inner {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	gap: 12px;

	@media (max-width: 1024px) {
		& {
			flex-flow: row wrap;
			align-items: stretch;
			align-content: stretch;
			max-width: 750px;
			margin: 0 auto;
		}
	}
}

.product-outer-holder {
	position: relative;
	display: block;
	padding: 0;
	z-index: 1;

	&:hover {
		z-index: 10;
	}

	@media (max-width: 1024px) {
		& {
			display: flex;
			flex-flow: row nowrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
			width: calc(50% - 6px);
		}
	}

	@media (max-width: 360px) {
		& {
			width: 100%;
		}
	}

	& .product-loop-link {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		border-radius: 6px;
		background: #fff;
		width: 100%;
		border: 1px solid var(--control-black-120, #E0E0E0);
		box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.0);
		text-decoration: none !important;
		transition: all 600ms var(--ease-out-expo);
		will-change: border, box-shadow;
		overflow: clip;

		@media (max-width: 1024px) {
			& {
				flex-direction: column;
				flex-wrap: nowrap;
			}
		}

		& .product-image-col {
			position: relative;
			display: block;
			flex: 158px 0 0;
			background: var(--product-image-background-color, #ebeef5);
			padding: 0;

			@media (max-width: 1024px) {
				& {
					flex: 1 1 auto;
					aspect-ratio: 1.5;
					width: 100%;
				}
			}

			& img {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: center center;

				@supports(mix-blend-mode: darken) {
					& {
						transform: translate3d(0, 0, 0);
						mix-blend-mode: darken;
					}
				}
			}
		}

		& .product-content-col {
			position: relative;
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-start;
			align-items: flex-start;
			align-content: flex-start;
			gap: 14px;
			padding: 30px 18px;
			flex: calc(100% - 158px) 0 0;

			@media (max-width: 1200px) {
				& {
					gap: 8px;
				}
			}

			@media (max-width: 1024px) {
				& {
					flex: 1 1 100%;
					padding: 15px 16px 20px;
					gap: 18px;
				}
			}

			& .product-title {
				margin: 0;
				color: #000;

				@media (max-width: 500px) {
					& {
						font-size: 1.1rem !important;
					}
				}

				&>a {

					&,
					&:focus {
						color: inherit !important;
						text-decoration: none !important;

						&:hover,
						&:active {
							color: var(--primary-color) !important;
							text-decoration: none !important;
						}
					}
				}
			}

			& .brand-logo-hold {
				position: relative;
				display: block;
				width: 100%;

				& img {
					position: relative;
					display: block;
					width: 100%;
					max-width: 100px;
					max-height: 60px;
					object-fit: contain;
					object-position: left center;
					pointer-events: none;

					@media (max-width: 767px) {
						& {
							max-width: 60%;
							max-height: 40px;
						}
					}
				}
			}

			& .product-content-bottom {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: space-between;
				align-items: flex-end;
				align-content: flex-end;
				width: 100%;

				@media (max-width: 1200px) {
					& {
						flex-flow: column nowrap;
						justify-content: flex-start;
						align-items: flex-start;
						align-content: flex-start;
					}
				}

				@media (max-width: 1024px) {
					& {
						margin-top: auto;
					}
				}

				& .listing-product-description {
					display: block;
					display: -webkit-box;
					width: 54%;
					padding-right: 20px;
					color: #000;
					margin: 0;
					line-height: 1.3;
					overflow: clip;
					text-overflow: ellipsis;
					-webkit-line-clamp: 2;
					line-clamp: 2;
					-webkit-box-orient: vertical;

					@media (max-width: 1200px) {
						& {
							width: 100%;
						}
					}

					@media (max-width: 1024px) {
						& {
							display: none;
						}
					}
				}

				& .product-listing-tailend {
					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: flex-end;
					align-items: flex-end;
					align-content: flex-end;
					width: 46%;

					@media (max-width: 1200px) {
						& {
							width: 100%;
							padding-top: 24px;
							flex-direction: row-reverse;
							justify-content: flex-start;
							align-items: center;
							align-content: center;
							gap: 12px;
						}
					}

					@media (min-width: 1025px) and (max-width: 1200px) {
						& {
							justify-content: flex-end;
						}
					}

					@media (max-width: 1024px) {
						& {
							flex-direction: column-reverse;
							align-items: flex-start;
							align-content: flex-start;
							padding-top: 12px;
						}
					}

					& .available-in-col {
						position: relative;
						display: block;
						padding-right: 0;
						width: calc(100% - 163px);
						margin-left: auto;
						justify-self: flex-end;
						color: #9C9C9C;
						margin: 0;
						text-align: right;
						line-height: 1.3;

						@media (max-width: 1200px) {
							& {
								text-align: left;
								width: auto;
							}
						}

						@media (max-width: 1024px) {
							& {
								position: relative;
								display: flex;
								flex-flow: column nowrap;
								justify-content: flex-start;
								align-items: flex-start;
								align-content: flex-start;
								gap: 2px;
								padding-right: 0;
								margin: 0;
								text-align: left;
								line-height: 1.3;
							}
						}

						@media (max-width: 767px) {
							& {
								font-size: 0.8rem;
							}
						}

						& .listed-states {
							display: block;
							color: #000;
							line-height: inherit;
						}
					}

					& .set-button {
						position: relative;
						display: inline-flex;
						flex-direction: row;
						flex-wrap: wrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						overflow: visible;
						text-decoration: none !important;
						width: 145px;
						margin-left: auto;
						justify-self: flex-end;

						@media (max-width: 1200px) {
							& {
								padding: var(--small-button-padding);
								font-size: var(--small-button-font-size);
								width: auto !important;
								margin: 0;
							}
						}

						@media (max-width: 1024px) {
							& {
								display: flex;
								width: 100% !important;
							}
						}
					}

					& div.set-button {
						outline: none;
						font-family: var(--button-font);
						font-size: var(--large-button-font-size);
						font-weight: var(--button-font-weight);
						min-width: fit-content;
						text-align: center;
						line-height: var(--button-line-height);
						letter-spacing: var(--button-letter-spacing);
						text-transform: var(--button-text-transform);
						margin: 0;
						padding: var(--large-button-padding);
						padding-block: var(--short-button-padding) !important;
						border-width: var(--button-border-width);
						border-style: solid;
						-webkit-border-radius: var(--button-border-radius);
						border-radius: var(--button-border-radius);
						-webkit-transition: var(--button-easing) !important;
						transition: var(--button-easing) !important;
						color: var(--button-color) !important;
						background: var(--button-background-color) !important;
						border-color: var(--button-border-color) !important;
					}
				}

			}
		}

		&:hover {
			border-color: var(--control-black-380, #9E9E9E);
			box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

			& .product-content-bottom {
				& .product-listing-tailend {
					& div.set-button {
						color: var(--hover-button-color) !important;
						background: var(--hover-button-background-color) !important;
						border-color: var(--hover-button-border-color) !important;
					}
				}
			}
		}

	}
}

.product-loop-outer {
	/* position: relative; */
	display: block;

	& .product-loader {
		--padding-area: clamp(100px, 20vh, 100vh);

		position: absolute;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		pointer-events: none;
		left: 0;
		right: 0;
		top: var(--padding-area);
		bottom: var(--padding-area);
		padding: 0;
		z-index: 100;
		opacity: 0;
		transition: opacity 400ms var(--ease-out-cubic);

		&:after {
			position: sticky;
			display: block;
			content: '';
			z-index: 200;
			pointer-events: none;
			/* width: 24px;
			height: 24px;
			background: rgba(255, 255, 255, 1.0) url(../images/ajax-loader-2.gif) no-repeat center center;
			background-size: 17px; */
			width: 2em;
			height: 2em;
			background: rgba(255, 255, 255, 0.98) var(--loading-icon) no-repeat center center;
			background-size: 1em auto;
			border-radius: 50%;
			overflow: clip;
			top: 50%;
			transform: translate(0, -50%);
			opacity: 0.9;
			box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, .15);
			transition: opacity 400ms var(--ease-out-cubic);
			transform-origin: center;

			@supports (backdrop-filter: blur(3px)) {
				background-color: rgba(255, 255, 255, 0.85);
				-webkit-backdrop-filter: blur(3px);
				backdrop-filter: blur(3px);
			}
		}
	}

	& .product-loop-holder .product-loop-inner,
	& .product-pagination-holder {
		opacity: 1.0;
		pointer-events: auto;
		transition: opacity 600ms var(--ease-out-expo);
	}

	&.loading {
		& .product-loader {
			opacity: 1;
		}

		& .product-loop-holder .product-loop-inner,
		& .product-pagination-holder {
			opacity: 0;
			pointer-events: none;
		}
	}
}

.clear-filters {
	cursor: pointer;
}

.sub-footer-wrapper {
	position: relative;
	display: block;
	background: transparent;
	padding: 20px 80px 60px;
	z-index: 100;

	&:before {
		position: relative;
		display: block;
		content: '';
		width: 1px;
		height: 70px;
		top: -20px;
		left: 50%;
		background: rgba(255, 255, 255, 0.35);
		pointer-events: none;
	}

	@media (max-width: 1024px) {
		& {
			padding: 20px 50px 50px;

			&:before {
				height: 60px;
			}
		}
	}

	@media (max-width: 767px) {
		& {
			padding: 20px 20px 30px;

			&:before {
				height: 50px;
			}
		}
	}
}

.splide__list {
	will-change: transform;
}

.mobile-close-background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--backdrop-color);
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	height: 100vh;
	min-height: 100vh;

	@supports (height: 100dvh) {
		height: 100dvh;
	}

	@media (min-width: 1025px) {
		& {
			display: none !important;
		}
	}
}

.mobile-product-filter-hold {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000000;
	pointer-events: none;

	height: 100vh;
	min-height: 100vh;

	@supports (height: 100dvh) {
		height: 100dvh;
	}

	& .mobile-close-background {
		pointer-events: none;
	}

	&:has(.product-filters.open) {
		display: block;
		pointer-events: auto !important;

		& .mobile-close-background {
			opacity: var(--backdrop-color-opacity, 0.8);
			pointer-events: auto;
		}
	}

	@media (min-width: 1025px) {
		& {
			display: none !important;
		}
	}
}

.product-filters {
	position: relative;
	display: block;

	@media (max-width: 1024px) {
		& {
			--topval: calc(var(--main-menu-bar-height) + 100px);
			--topval: 100px;

			position: relative !important;
			z-index: 100;
			opacity: 0;
			left: 0;
			right: 0;
			bottom: 0;
			top: var(--topval);
			transition: all var(--header-transition) 0ms;
			transform: translate3d(0, 100%, 0);
			padding: 20px 12px 0 !important;
			border-radius: 8px 8px 0 0;
			border: 1px solid var(--control-black-120, #E0E0E0);
			background: #fff;
			height: calc(100vh - var(--topval));
			min-height: calc(100vh - var(--topval))h;

			@supports (height: 100dvh) {
				height: calc(100dvh - var(--topval));
			}

			& .product-filters-holder {
				border-radius: 0 !important;
				border: 0 !important;
				margin: 0 -12px;
				max-height: none !important;

				& .filter-group {
					& .accordion-heading {
						top: 0;

						& .accordion-toggle {
							padding-block: 14px 13px;

							& .accordion-toggle-icon {
								top: 17px;
							}
						}
					}
				}
			}

			& #product-filter-form {

				&::-webkit-scrollbar,
				&::-moz-scrollbar {
					width: 0px;
					background: transparent;
					display: none;
				}

				& {
					position: relative !important;
					background: transparent !important;
					overflow: clip;
					overflow-y: scroll;
					-ms-overflow-style: none;
					scrollbar-width: none;
					max-height: 100%;
					height: 100%;
					top: auto !important;
				}

				& .filter-title {
					position: sticky;
					top: 0;
					background: #fff;
					padding-bottom: 30px;
					margin: 0;
					z-index: 200;

					&:after {
						position: absolute;
						content: '';
						left: 0;
						right: 0;
						display: block;
						bottom: 20px;
						background: var(--control-black-120, #E0E0E0);
						height: 1px;
					}
				}
			}

			&.open {
				opacity: 1;
				transform: translate3d(0, 0, 0);
			}
		}
	}

	& .product-filters-holder {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		padding: 0 0 50px;
		border-radius: 6px;
		overflow: clip;
		background: #fff;
		gap: 0;
		border: 1px solid var(--control-black-120, #E0E0E0);

		@media (min-width: 1025px) {
			&.scroll {
				overflow: hidden;
				overflow-y: scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				overflow: -moz-scrollbars-none;
			}
		}

		&::-webkit-scrollbar,
		&::-moz-scrollbar {
			width: 0px;
			background: transparent;
			display: none;
		}

		/* & .bottom-fade {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			z-index: 100;
			display: block;
			pointer-events: none;

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

			&:after {
				position: sticky;
				content: '';
				display: block;
				top: calc(100% - 45px);
				height: 100px;
				width: 100%;
				background: linear-gradient(to top, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);
			}
		} */

		@media (max-width: 1024px) {
			& {
				padding-bottom: 50px !important;
			}
		}

		& .filter-group {
			position: relative;
			display: flex;
			flex-flow: column nowrap;
			justify-content: flex-start;
			align-items: stretch;
			align-self: stretch;
			pointer-events: auto;
			width: 100%;
			opacity: 1.0;
			transition: opacity 600ms var(--ease-out-expo);

			& .accordion-heading {
				position: sticky;
				background: #fff;
				top: var(--main-menu-bar-height);
				transition: top var(--header-transition);
				will-change: top;
				z-index: 100;
				width: 100%;
				top: 0 !important;

				@media (max-width: 1024px) {
					& {
						top: 50px !important;
					}
				}
			}

			& label {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				align-content: flex-start;
				padding: 0 12px;
				gap: 0;
				transition: all .6s var(--ease-out-expo);
				will-change: background;

				@media (max-width: 767px) {
					& {
						padding-inline: 2px;
					}
				}

				&:has(.checkbox-name > img) {
					@supports(mix-blend-mode: darken) {
						& {
							transform: translate3d(0, 0, 0);
							mix-blend-mode: darken;
							background: #fff;
						}
					}
				}

				& input[type="checkbox"] {
					position: relative;
					display: block;
					margin: 0;
					width: 16px;
					height: 16px;
					top: 2px;
					-webkit-appearance: none;
					appearance: none;
					outline: none !important;

					&:after {
						position: absolute;
						content: "\f00c";
						display: inline-block;
						font: normal normal normal 14px / 1 var(--font-awesome);
						font-size: 11px;
						text-rendering: auto;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						vertical-align: middle;
						display: inline-flex;
						flex-flow: row nowrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						left: 0;
						top: 0;
						width: 16px;
						height: 16px;
						border-radius: 3px;
						border: 1px solid var(--control-black-440, #8F8F8F);
						background: 0 0;
						color: rgba(255, 255, 255, 0);
						transition: all .6s var(--ease-out-expo);
						overflow: clip;
						font-weight: 600;
					}

					&:checked:after {
						background: var(--primary-color);
						border-color: var(--primary-color);
						color: #fff;
					}
				}

				& .checkbox-name {
					position: relative;
					display: block;
					font-weight: 400;
					-webkit-font-smoothing: antialiased;
					color: #000;
					line-height: 1.3;
					width: 100%;
					padding-left: 7px;

					& .term-txt {
						position: relative;
						display: inline-block;
					}

					&:has(img) {
						@supports(mix-blend-mode: darken) {
							& {
								transform: translate3d(0, 0, 0);
								mix-blend-mode: darken;
							}
						}

						& .term-txt {
							display: none !important;
						}
					}

					& img {
						position: relative;
						display: block;
						width: 100%;
						max-width: 90px;
						max-height: 50px;
						object-fit: contain;
						object-position: center center;
						pointer-events: none;

						@supports(mix-blend-mode: darken) {
							& {
								transform: translate3d(0, 0, 0);
								mix-blend-mode: darken;
							}
						}
					}
				}

				&:has(img) {
					align-items: center;
					align-content: center;
					padding-block: 11px;

					@media (max-width: 767px) {
						& {
							padding-block: 5px;
						}
					}

					&:not(:last-child) {
						&:after {
							position: absolute;
							content: '';
							height: 1px;
							background: var(--control-black-60, #F2F7FD);
							left: 0;
							right: 0;
							bottom: 0;
						}
					}

					&:hover,
					&:has(input[type="checkbox"]:checked) {
						background: var(--control-black-60, #F2F7FD);
					}

					& input[type="checkbox"] {
						top: auto;
					}

					& .checkbox-name {
						padding-left: 8px;
						width: 100%;
					}
				}
			}

			&.filter-group-product-brands {
				& label {
					padding-block: 11px !important;
					align-items: center;
					align-content: center;
					min-height: 60px;

					&:not(:last-child) {
						&:after {
							position: absolute;
							content: '';
							height: 1px;
							background: var(--control-black-60, #F2F7FD);
							left: 0;
							right: 0;
							bottom: 0;
						}
					}

					@media (max-width: 767px) {
						& {
							padding-block: 5px !important;
							min-height: 50px;
						}
					}

					&:hover,
					&:has(input[type="checkbox"]:checked) {
						background: var(--control-black-60, #F2F7FD);
					}
				}
			}

			& a.accordion-toggle {
				padding: 24px 36px 13px 12px;

				&,
				&:focus {
					text-decoration: none !important;
					color: #000;

					&:hover,
					&:active {
						text-decoration: none !important;
						color: #000;
					}
				}

				& .accordion-toggle-icon {
					position: absolute;
					display: flex;
					flex-flow: row nowrap;
					justify-content: center;
					align-items: center;
					align-content: center;
					width: 15px;
					height: 15px;
					top: 26px;
					right: 20px;
					transform-origin: center;

					&:before {
						position: relative;
						display: block;
						font: normal normal normal 14px/1 var(--font-awesome);
						font-style: normal;
						font-weight: 900;
						font-size: 15px;
						line-height: 1.0;
						left: auto;
						right: auto;
						text-align: center;
						top: auto;
						z-index: 10;
						transform-origin: center;
						transition: all 150ms linear;
						transform: rotate(0deg) !important;
						content: "\f107";
						opacity: 1 !important;
						width: auto !important;
						height: auto !important;
						background: transparent !important;
						border: 0 !important;
					}

					&:after {
						display: none !important;
					}
				}

				&.q-open {
					& .accordion-toggle-icon {
						&:before {
							transform: rotate(180deg) !important;
						}
					}
				}

				& .filter-group-title {
					position: relative;
					display: block;
					padding: 0;
					margin: 0;
					color: currentColor;
				}

				&:after {
					position: absolute;
					content: '';
					display: block;
					pointer-events: none;
					height: 1px;
					bottom: 0;
					left: 12px;
					right: 12px;
					background: var(--control-black-120, #E0E0E0);
					z-index: 10;
				}
			}

			& .accordion-body {
				& .accordion-inner {
					position: relative;
					display: flex;
					flex-flow: column wrap;
					justify-content: flex-start;
					align-items: stretch;
					align-content: stretch;
					gap: 7px;
					padding: 18px 12px 0px;

					&:has(.image-opt) {
						padding-top: 10px;
						gap: 0;
					}
				}
			}

		}
	}

	&.loading {
		& .filter-group {
			pointer-events: none;
			opacity: 0.5;
		}
	}
}

.right-side-sub-nav {
	&>*:first-child {
		position: relative;

		&>* {
			position: relative;
			z-index: 10;
		}
	}

	&>.fl-row-content-wrap {
		&>* {
			position: relative;
			z-index: 10;
		}

		&:before {
			position: absolute;
			content: '' !important;
			display: block !important;
			right: 0;
			top: 0;
			bottom: 0;
			width: clamp(230px, 20vw, 300px);
			background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
			pointer-events: none;
		}

		@media (max-width: 1024px) {
			& {
				&:before {
					display: none !important;
				}
			}
		}
	}
}

.card-rotator-wrapper {
	position: relative;
	display: block;
	padding: 0;

	& *[class^='col-'] {
		padding: 0 !important;
	}
}

.swiper {
	overflow: visible !important;
}

.card-rotator {
	position: relative;
	display: block;
	margin: 0;
	padding: 90px 0 0;

	@media (max-width: 1024px) {
		& {
			padding-top: 70px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-top: 50px;
		}
	}

	& .slick-list,
	& .splide__track {
		--side-adjust: 0px;

		margin: 0 calc(50% - 50vw - var(--side-adjust)) !important;
		padding-left: calc(50vw - 50% + var(--side-adjust)) !important;
		padding-right: calc(50vw - 50% + var(--side-adjust)) !important;
	}

	& .slick-track {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;

		& .slick-slide {
			height: auto !important;
		}
	}

	& .slick-dots,
	& .splide__pagination,
	& .swiper-pagination {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: stretch;
		align-items: stretch;
		align-content: stretch;
		list-style: none;
		margin: 60px 0 0 !important;
		padding: 0 !important;
		background: transparent;
		width: 100%;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		transform: translate(0, 0) !important;

		@media (max-width: 767px) {
			& {
				margin-top: 20px !important;
			}
		}

		&:before {
			position: absolute;
			display: block !important;
			content: '' !important;
			z-index: 1;
			pointer-events: none;
			height: 1px;
			top: 50%;
			left: 0;
			right: 0;
			background: #C8C8CE;
			-webkit-border-radius: 0 !important;
			border-radius: 0 !important;
			opacity: 1;
		}

		& li {
			position: relative;
			display: block;
			padding: 0;
			margin: 0;
			z-index: 10;
			flex: 1 0 0;

			& button {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -9999px;
				overflow: clip;
				padding: 10px 0;
				margin: 0;
				border: 0;
				z-index: 10;
				background: transparent !important;
				border-radius: 0 !important;

				&:before {
					position: absolute;
					content: '';
					display: block;
					top: 50%;
					margin-top: -1px;
					height: 3px;
					background: var(--primary-color);
					transition: all 600ms var(--ease-out-expo);
					z-index: 1;
					-webkit-border-radius: 0 !important;
					border-radius: 0 !important;
				}
			}

			& button,
			& button:focus {
				&:before {
					left: 50%;
					right: 50%;
					width: 0%;
					opacity: 0;
				}
			}

			& button:hover,
			& button:active {
				&:before {
					left: 0;
					right: 0;
					width: 100%;
					opacity: 1;
				}
			}

			&.swiper-pagination-bullet-active {
				& button {
					&:before {
						left: 0;
						right: 0;
						width: 100%;
						opacity: 1;
					}
				}
			}

			&.slick-active,
			&:has(.is-active) {
				& button {
					pointer-events: none;
					transform: scale(1.0) !important;
					border-radius: 0 !important;

					&:before {
						left: 0;
						right: 0;
						width: 100%;
						opacity: 1;
					}
				}
			}

		}

	}

	& .slick-prev,
	& .slick-next,
	& .swiper-button-prev,
	& .swiper-button-next {
		display: inline-flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-transform: translate(0%, 0%) !important;
		transform: translate(0%, 0%) !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;

		&:before {
			font-size: 14px !important;
		}

		&,
		&:focus {
			border-color: transparent !important;
			background: transparent !important;
			color: #000 !important;

			&:hover,
			&:active {
				border-color: transparent !important;
				background: transparent !important;
				color: var(--primary-color) !important;
			}
		}
	}

	& .slick-prev,
	& .swiper-button-prev {
		bottom: 0 !important;
		left: auto !important;
		right: 64px !important;

		&:before {
			content: "\f053" !important;
		}
	}

	& .slick-next,
	& .swiper-button-next {
		bottom: 0 !important;
		left: auto !important;
		right: 8px !important;

		&:before {
			content: "\f054" !important;
		}
	}

	& .splide__arrows {
		position: absolute;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
		width: 102px;
		bottom: auto;
		right: 0;
		z-index: 100;
		top: -60px;
		left: auto;

		@media (max-width: 1024px) {
			& {
				top: 50%;
				right: 0;
				left: 0;
				width: auto;
				margin: 0 calc(50% - 50vw) !important;
				display: none !important;
			}
		}

		@media (min-width: 1025px) {
			& .splide__arrow {

				&,
				&:focus {
					position: relative;
					display: inline-flex;
					flex-flow: row nowrap;
					justify-content: center;
					align-items: center;
					align-content: center;
					-webkit-box-shadow: none !important;
					box-shadow: none !important;
					-webkit-transform: translate(0%, 0%) !important;
					transform: translate(0%, 0%) !important;
					top: auto !important;
					left: auto !important;
					right: auto !important;
					bottom: auto !important;
					width: 48px !important;
					height: 48px !important;
					border-radius: 6px !important;
					overflow: clip;
					border: var(--button-border-width) solid var(--outline-button-border-color);
					transition: all 600ms var(--ease-out-expo);

					&:before {
						position: relative !important;
						display: block;
						font-family: inherit;
						content: '';
						border-style: solid;
						width: 0;
						height: 0;
						border: var(--arrow-size) solid transparent;
						transition: border-color 600ms var(--ease-out-expo);
						content: '' !important;
						left: auto !important;
						right: auto !important;
						top: auto !important;
						bottom: auto !important;
						border-color: currentColor;
						-webkit-transform: translate(0, 0) !important;
						transform: translate(0, 0) !important;
					}

					&.splide__arrow--prev {
						&:before {
							border-left: 0 !important;
							border-color: transparent currentColor transparent transparent !important;
						}
					}

					&.splide__arrow--next {
						&:before {
							border-right: 0 !important;
							border-color: transparent transparent transparent currentColor !important;
						}
					}

					& svg {
						display: none !important;
					}

					&:disabled {
						opacity: 0.2;
					}

					border-color: var(--outline-button-border-color) !important;
					background: var(--outline-button-background-color) !important;
					color: var(--outline-button-color) !important;

					& svg {
						fill: var(--outline-button-color);
						width: 14px;
						height: 14px;
						transition: all 600ms var(--ease-out-expo);
					}

					&:after {
						border-color: var(--outline-button-color);
					}

					&:hover,
					&:active {
						border-color: var(--outline-hover-button-border-color) !important;
						background: var(--outline-hover-button-background-color) !important;
						color: var(--outline-hover-button-color) !important;

						& svg {
							fill: var(--outline-hover-button-color);
						}

						&:after {
							border-color: var(--outline-button-color);
						}
					}
				}
			}
		}

	}

	& .card-rotator-inner {
		display: flex;
		gap: 0px !important;
	}

	& .card-rotator-card {
		--hover-transition: 800ms var(--ease-out-expo);
		--pull-up-height: 0;

		position: relative;
		display: block;
		text-align: left;
		padding: 0;
		margin: 0;
		width: 100%;
		/* max-width: 400px; */

		@media (max-width: 1024px) {
			& {
				max-width: 40vw;
			}
		}

		@media (max-width: 767px) {
			& {
				max-width: 60vw;
			}
		}

		@media (max-width: 500px) {
			& {
				max-width: 75vw;
			}
		}

		& .card-rotator-card-inner {
			position: relative;
			display: flex;
			flex-flow: row nowrap;
			justify-content: stretch;
			align-items: flex-end;
			align-content: flex-end;
			margin: 0;
			padding: 0;
			text-align: left;
			overflow: clip;
			border-radius: 0;
			background: #fff;
			height: 100%;
			min-height: 550px;

			@media (max-width: 767px) {
				& {
					min-height: 0;
					align-items: flex-start;
					align-content: flex-start;
				}
			}

			&:has(a.card-link-wrap:hover) {
				& .card-rotator-card-image-wrapper>img {
					@media (min-width: 768px) {
						& {
							transform: scale(1.1, 1.1) translate3d(0, 0, 0);
						}
					}
				}

				& .bottom-of-card {
					transform: translateY(0px);

					& .card-rotator-card-link-wrap {
						pointer-events: auto;
						opacity: 1;

						& .card-rotator-card-link {
							pointer-events: auto;
						}
					}
				}
			}
		}

		& .card-rotator-card-image-wrapper {
			position: absolute;
			display: block;
			margin: 0;
			width: 100%;
			height: 100%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			border: 0;
			background: var(--control-black-60, #F2F7FD);
			z-index: 1;
			overflow: clip;
			transform: translate3d(0, 0, 0);

			@media (min-width: 768px) {
				& {
					left: 1px;
					right: 1px;
					width: auto;
				}
			}

			&>img {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
				transition: all 1200ms var(--ease-out-expo);
				transform: scale(1.0, 1.0);
				pointer-events: none;
				overflow: clip;
				z-index: 1;

				@supports (mix-blend-mode: darken) {
					& {
						transform: scale(1.0, 1.0) translate3d(0, 0, 0);
						mix-blend-mode: darken;
					}
				}
			}

			@media (max-width: 767px) {
				& {
					position: relative;
					aspect-ratio: 0.956;
					border-radius: 6px !important;
					overflow: clip;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;

					& img {
						aspect-ratio: inherit;
						border-radius: 6px !important;
					}
				}
			}

			&:before {
				position: absolute;
				display: block;
				pointer-events: none;
				z-index: 10;
				content: '';
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.1);
				opacity: 0;
			}

			&:after {
				position: absolute;
				display: block;
				pointer-events: none;
				z-index: 10;
				content: '';
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				background: transparent;
				background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.4) 100%);
				opacity: 0;
			}
		}

		& .card-rotator-card-details {
			position: relative;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
			padding: 0;
			height: 100%;
			z-index: 100;
			color: #fff;

			& .top-of-card {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: stretch;
				align-items: stretch;
				align-content: stretch;
				padding: 0;
				margin: 0 12px;
				width: calc(100% - 24px);
				height: 89px;
				border-bottom: 1px solid rgba(255, 255, 255, 0.25);

				& .logo-image-hold {
					position: relative;
					display: flex;
					flex-direction: row nowrap;
					justify-content: flex-start;
					align-items: center;
					align-content: center;
					height: 100%;
					padding: 18px 20px 18px 0;
					border-right: 1px solid rgba(255, 255, 255, 0.25);
					width: 40%;

					& img {
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						object-fit: contain;
						object-position: left center;
						max-height: 51px;
					}
				}

				& .logo-details-hold {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: center;
					align-items: flex-start;
					align-content: flex-start;
					padding: 18px 20px 12px;
					height: 100%;
					overflow: clip;

					& .logo-details-hold-inner {
						position: relative;
						display: block;
						padding: 0;
					}

					&,
					& p {
						color: #fff;
						font-size: 0.8125rem;
						line-height: 1.5;
						margin-bottom: 0 !important;
						-webkit-font-smoothing: auto;
					}
				}
			}

			& .bottom-of-card {
				position: relative;
				margin: auto 0 0 0;
				display: block;
				transition: all var(--hover-transition);
				transform: translateY(var(--pull-up-height));

				@media (max-width: 767px) {
					& {
						transform: translateY(0px) !important;
						margin: 0;
					}
				}

				& .card-title {
					--title-width: calc(100% - 66px);
					--arr-width: 65px;

					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: stretch;
					align-items: stretch;
					align-content: stretch;
					margin-bottom: 0 !important;
					text-decoration: none !important;

					@media (max-width: 767px) {
						& {
							font-size: 1.2rem;
							font-weight: 600;
							-webkit-font-smoothing: antialiased;
						}
					}

					& .inner-card-title {
						position: relative;
						display: block;
						padding: 18px 24px 0 6px;
						width: var(--title-width);
						flex: var(--title-width) 0 0;
						background: #fff;

						@media (max-width: 767px) {
							& {
								--title-width: 100%;
								background: transparent;
								padding: 20px 0 20px;
							}
						}
					}

					& .inner-card-arrow {
						position: relative;
						display: flex;
						flex-flow: row nowrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						padding: 10px 10px;
						background: transparent;
						color: transparent;
						transition: all 600ms var(--ease-out-expo);
						width: 0;
						flex: 0 0 0;
						transform-origin: left center;

						@media (max-width: 767px) {
							& {
								display: none;
							}
						}

						&:before {
							position: relative;
							display: block;
							font-family: inherit;
							content: '';
							border-style: solid;
							width: 0;
							height: 0;
							border: var(--arrow-size) solid transparent;
							border-right: 0 !important;
							transition: border-color 600ms var(--ease-out-expo);
							border-color: transparent transparent transparent currentColor !important;
						}
					}
				}

				& .card-rotator-card-content {
					position: relative;
					display: block;
					padding: 18px 24px 20px 6px;
					color: var(--body-color);
					background: #fff;
					transition: all var(--hover-transition);
					text-decoration: none !important;

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

				& .shop-now-title {
					position: relative;
					display: block;
					color: #000;
					padding: 0 24px 24px 6px;
					background: #fff;
					text-decoration: none !important;

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

					& .inner-shop-title {
						position: relative;
						display: inline-block;

						&:after {
							position: absolute;
							content: '';
							left: 0;
							right: auto;
							width: 100%;
							opacity: 1;
							bottom: -2px;
							height: 1.5px;
							background: currentColor;
							transition: transform 600ms var(--ease-out-expo);
						}
					}
				}
			}
		}

		& .card-link-wrap {
			display: flex;
			flex-flow: column nowrap;
			justify-content: stretch;
			align-items: stretch;
			align-content: stretch;
			/* height: 100%; */
			width: 100%;
			flex: 100% 0 0;

			&,
			&:focus {
				text-decoration: none !important;

				& .card-title {
					& .inner-card-arrow {
						background: transparent;
						color: transparent;
					}
				}

				& .shop-now-title {
					& .inner-shop-title {
						&:after {
							opacity: 1;
							transform: scaleX(1);
							transform-origin: left 0;
						}
					}
				}
			}

			&:is(a):hover,
			&:is(a):active {
				text-decoration: none !important;

				& .card-title {
					& .inner-card-arrow {
						background: var(--primary-color);
						color: #fff;
						width: var(--arr-width);
						flex: var(--arr-width) 0 0;
					}
				}

				& .shop-now-title {
					& .inner-shop-title {
						&:after {
							opacity: 1;
							transform: scaleX(0);
							transform-origin: right 0;
						}
					}
				}
			}

		}

	}

	&.grid-everywhere {
		& .card-rotator-inner {
			display: flex !important;
			gap: 70px 24px !important;
			flex-flow: row wrap !important;
			transform: translateX(0) !important;
		}

		& .splide__arrows {
			display: none !important;
		}

		& .card-rotator-card {
			& {
				width: calc(50% - 12px) !important;
				max-width: calc(50% - 12px) !important;
				margin: 0 !important;

				&:not(:first-child) {
					margin: 0 !important;
				}

				@media (max-width: 767px) {
					& {
						width: 100% !important;
						max-width: 550px !important;
						margin: 0 auto !important;

						&:not(:first-child) {
							margin: 0 auto !important;
						}
					}
				}
			}
		}
	}

	&.grid-on-desktop,
	&:not(:has(.card-rotator-card:not(.is-visible))) {

		& .splide__pagination,
		& .swiper-pagination {
			@media (min-width: 768px) {
				& {
					display: none !important;
				}
			}
		}

		& .card-rotator-inner {
			display: flex;

			@media (min-width: 768px) {
				& {
					transform: translateX(0) !important;
					flex-flow: row wrap !important;
					gap: 70px 24px !important;
				}
			}
		}

		& .splide__arrows {
			display: none !important;
		}

		& .card-rotator-card {
			@media (min-width: 768px) {
				& {
					width: calc(50% - 12px) !important;
					max-width: calc(50% - 12px) !important;
					margin: 0 !important;
				}
			}
		}
	}

}


body.touch {
	& .card-rotator .card-rotator-card .card-rotator-card-details {
		& .bottom-of-card {
			transform: translateY(0px) !important;
		}

		& .card-rotator-card-link-wrap {
			opacity: 1 !important;

			& .card-rotator-card-link {
				pointer-events: auto !important;
			}
		}
	}
}

.card-rotator-wrapper.light .card-rotator {
	color: #fff;
}

.industry-connected-sections {
	& .tnav {
		display: none !important;
	}
}

img[loading="lazy"] {
	&.fade-load {
		opacity: 0;
		will-change: opacity;

		&.temp-ease-hold {
			transition-property: all !important;
			transition-duration: 600ms !important;
			transition-timing-function: var(--ease-out-cubic) !important;
		}

		&.loaded {
			opacity: 1;
		}
	}
}

.product-brand-listings {
	position: relative;
	display: block;
	background: transparent;
	overflow: clip;
	overflow-y: visible;

	& .flex-row {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		gap: 0;
		border-bottom: 1px solid var(--control-black-60, #F2F7FD);

		& .brand-listing {
			position: relative;
			display: block;
			padding: 0;
			margin: 0;
			border: 1px solid var(--control-black-60, #F2F7FD);

			@media (max-width: 800px) {
				& {
					border-width: 2px;
				}
			}

			& .brand-product-count {
				display: block;
				text-align: inherit;
				margin: 0 auto;
			}

			& .product-category-thumbnail {
				--thumb-width: clamp(100px, 80%, 170px);
				--thumb-height: 150px;

				position: relative;
				display: flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				padding: 30px 0;
				margin: auto;
				width: var(--thumb-width);
				height: var(--thumb-height);
				max-width: 100%;
				max-height: 100%;
				aspect-ratio: 1.13;

				@media (max-width: 800px) {
					& {
						--thumb-height: 60px;
						padding: 0;
					}
				}

				& img {
					position: relative;
					display: block;
					width: 100%;
					height: 100%;
					max-width: var(--thumb-width);
					max-height: var(--thumb-height);
					object-fit: contain;
					object-position: center center;
					pointer-events: none;

					@supports(mix-blend-mode: darken) {
						& {
							transform: translate3d(0, 0, 0);
							mix-blend-mode: darken;
						}
					}
				}
			}

			& .term-name {
				display: block;
				text-align: inherit;
				margin: auto 0 0;
				justify-self: flex-end;

				&>* {
					color: inherit !important;
				}
			}

			& .brand-hover {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				z-index: 100;
				pointer-events: none;
				padding: 0;
				flex-flow: row nowrap;
				justify-content: stretch;
				align-items: stretch;
				align-content: stretch;
				display: flex;
				opacity: 0;
				background: var(--control-black-60, #F2F7FD);
				transition: all 600ms var(--ease-out-expo);
				overflow: clip scroll;
				-ms-overflow-style: none;
				scrollbar-width: none;
				overflow: -moz-scrollbars-none;
				max-height: 100%;
				width: 100%;
				transform-origin: center;
				transform: scale(0.96, 0.96);
				will-change: opacity, transform;

				@media (max-width: 1024px) {
					& {
						position: relative;
						pointer-events: auto;
						opacity: 1;
						background: transparent;
						transform: scale(1, 1);
					}
				}

				&::-webkit-scrollbar,
				&::-moz-scrollbar {
					width: 0px;
					background: transparent;
					display: none;
				}

				& .inner-brand-hover {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: space-between;
					align-items: flex-start;
					align-content: flex-start;
					padding: clamp(24px, 5vw, 48px) 24px 24px;
					gap: 12px;
					margin: auto 0 0;
					width: 100%;
					flex: 100% 0 0;
					text-align: left;
					min-height: 100%;

					@media (max-width: 1024px) {
						& {
							padding: 0;
							text-align: center;
						}
					}

					& .top-of-brand-hover {
						position: relative;
						display: flex;
						flex-flow: column nowrap;
						justify-content: space-between;
						align-items: flex-start;
						align-content: flex-start;
						gap: 12px;

						@media (max-width: 1024px) {
							& {
								width: 100%;
								justify-content: flex-start;
								align-items: center;
								align-content: center;
								text-align: inherit;
							}
						}

						& .term-name {
							color: #000 !important;
							margin: 0;
						}

						& .cat-descript {
							position: relative;
							display: block;
							margin: 0;
							color: #000;

							@media (max-width: 1024px) {
								& {
									display: none;
								}
							}
						}

						& .brand-states {
							position: relative;
							display: block;
							margin: 0;
							color: #9C9C9C;

							& .available-states {
								position: relative;
								display: block;
								color: #000;
							}
						}
					}

					& .button-group {
						position: relative;
						display: flex;
						flex-flow: column nowrap;
						justify-content: flex-end;
						align-items: stretch;
						align-content: stretch;
						gap: 6px;
						width: 100%;
						margin: auto 0 0;
						justify-self: flex-end;
					}
				}
			}

			& .brand-listing-link {
				position: relative;
				display: flex;
				flex-flow: column nowrap;
				justify-content: space-between;
				align-items: stretch;
				align-content: stretch;
				text-align: center;
				gap: 24px;
				padding: 24px 20px;
				width: 100%;
				height: 100%;
				transition: all 600ms var(--ease-out-expo);

				@media (max-width: 1024px) {
					&>.term-name {
						display: none !important;
					}
				}

				&,
				&:focus {
					background: #fff;
					text-decoration: none !important;
					z-index: 1;
					box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.0);

					& .brand-product-count {
						text-decoration: none !important;
						color: #000 !important;
					}

					& .term-name {
						color: #000;
						text-decoration: underline 0.08em color-mix(in srgb, currentColor 0%, transparent) !important;
						text-underline-offset: 0.19em;
						transition: all 600ms var(--ease-out-expo);
					}

					&:hover,
					&:active {
						text-decoration: none !important;
						/* background: var(--control-black-60, #F2F7FD); */
						background: #fff;
						z-index: 100;
						box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.09);
						border-color: var(--control-black-120, #E0E0E0);

						& .brand-hover {
							opacity: 1;
							pointer-events: auto;
							transform: scale(1, 1);
						}

						& .brand-product-count {
							text-decoration: none !important;
							color: #000 !important;
						}
					}
				}
			}

			width: calc(100% / 6);

			@media (max-width: 1400px) {
				& {
					width: calc(100% / 5);
				}
			}

			@media (max-width: 1200px) {
				& {
					width: 25%;
				}
			}

			@media (max-width: 1024px) {
				& {
					width: 33.333%;
				}
			}

			@media (max-width: 800px) {
				& {
					width: 50%;
				}
			}

			@media (max-width: 550px) {
				& {
					width: 100%;
				}
			}
		}
	}
}

#remove-filter-bar.remove-filter-bar {
	position: sticky !important;
	top: var(--main-menu-bar-height);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	gap: 0;
	transition: top var(--header-transition);
	will-change: top;
	padding: 30px 0 12px !important;
	border-radius: 0;
	overflow: clip;
	background: var(--control-black-60, #F2F7FD);
	background: color-mix(in srgb, var(--control-black-60, #F2F7FD) 90%, transparent);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	z-index: 100;
	margin: 0;
	width: 100%;
	flex: 100% 0 0;
	min-height: 76px;

	&:after {
		position: absolute;
		left: 6px;
		right: 6px;
		bottom: 0;
		height: 1px;
		display: block;
		content: '';
		background: var(--control-black-120, #E0E0E0);
		z-index: 10;
		pointer-events: none;
		display: none;
	}

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

	& .remove-filter-buttons {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		gap: 12px 10px;
		padding-right: 10px;
		width: calc(100% - 160px);
		flex: calc(100% - 160px) 0 0;

		& .set-button {
			padding: 9px 8px 8px 11px !important;

			& *[class^='material-icons'] {
				top: auto !important;
				font-size: 14px !important;
				padding-left: 0 !important;
			}
		}
	}

	& .product-count {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
		width: 160px;
		flex: 160px 0 0;
		text-align: right;
	}
}

.product-top-banner-float {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	background: transparent;
	padding: 12px 24px;

	@media (max-width: 1024px) {
		& {
			padding-inline: 54px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-inline: 20px;
		}
	}

	& .set-button {
		&.no-bg-button {

			&,
			&:focus {
				--no-bg-button-color: #000;
				--no-bg-button-hover-color: var(--primary-color);
			}
		}
	}

	& .product-top-banner-left {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		width: 55%;
		padding: 0 30px 0 0;

		& .logo-icon {
			position: relative;
			display: block;
			width: 41px;
			height: 34px;
			object-fit: contain;
			object-position: center center;
		}

		& .product-left-side-content {
			position: relative;
			display: block;
			padding: 0 0 0 18px;
			width: calc(100% - 41px);

			&>p {
				margin-bottom: 0 !important;
			}
		}

		@media (max-width: 1024px) {
			& {
				display: none;
			}
		}
	}

	& .product-top-banner-right {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		align-content: center;
		justify-self: flex-end;
		margin: 0 0 0 auto;
		padding: 0 0 0 12px;

		@media (max-width: 1024px) {
			& {
				padding: 0;
				justify-content: flex-start;
				margin: 0;
			}
		}

		@media (max-width: 767px) {
			& {
				margin: 0 auto;
				width: 100%;
			}
		}

		& .button-group {
			padding-left: 20px;

			&:before {
				position: absolute;
				content: '';
				display: block;
				left: 0;
				top: 0;
				bottom: 0;
				width: 1px;
				background: rgba(0, 0, 0, 0.25);
			}

			@media (max-width: 1024px) {
				& {
					padding: 0 !important;
					flex-direction: row-reverse;

					&:before {
						display: none;
					}
				}
			}

			@media (max-width: 767px) {
				& {
					margin: 0 auto;
					justify-content: space-between;
					width: 100%;
					flex-wrap: nowrap;

					&>* {
						width: 100%;
					}
				}
			}

		}
	}
}

.light {
	& .set-button {
		&.no-bg-button {

			&,
			&:focus {
				--no-bg-button-color: #fff;
				--no-bg-button-hover-color: #fff;
			}
		}

		&.transparent-button {

			&,
			&:focus {
				--transparent-button-color: #fff;
				--transparent-button-background-color: transparent;
				--transparent-button-border-color: transparent;

				--transparent-button-hover-color: #fff;
				--transparent-button-hover-background-color: var(--light-outline-hover-button-background-color);
				--transparent-button-hover-border-color: var(--light-outline-hover-button-background-color);
			}
		}

		&.outline-button {
			--outline-button-color: var(--light-outline-button-color);
			--outline-button-background-color: var(--light-outline-button-background-color);
			--outline-button-border-color: var(--light-outline-button-border-color);

			--outline-hover-button-color: var(--light-outline-hover-button-color);
			--outline-hover-button-background-color: var(--light-outline-hover-button-background-color);
			--outline-hover-button-border-color: var(--light-outline-hover-button-border-color);
		}
	}

	& .product-top-banner-float {
		--body-color-light: var(--control-black-380, #9E9E9E);

		& .button-group {
			&:before {
				background: rgba(255, 255, 255, 0.25);
			}
		}

		& .set-button {
			&.no-bg-button {

				&,
				&:focus {
					--no-bg-button-color: #fff;
					--no-bg-button-hover-color: #fff;
				}
			}

			&.transparent-button {

				&,
				&:focus {
					--transparent-button-color: #fff;
					--transparent-button-background-color: transparent;
					--transparent-button-border-color: transparent;

					--transparent-button-hover-color: #fff;
					--transparent-button-hover-background-color: var(--light-outline-hover-button-background-color);
					--transparent-button-hover-border-color: var(--light-outline-hover-button-background-color);
				}
			}

			&.outline-button {
				--outline-button-color: var(--light-outline-button-color);
				--outline-button-background-color: var(--light-outline-button-background-color);
				--outline-button-border-color: var(--light-outline-button-border-color);

				--outline-hover-button-color: var(--light-outline-hover-button-color);
				--outline-hover-button-background-color: var(--light-outline-hover-button-background-color);
				--outline-hover-button-border-color: var(--light-outline-hover-button-border-color);
			}
		}
	}
}

.product-top-banner-float.clone {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 1000;
	box-shadow: 0 4px 36px 0 rgba(0, 0, 0, 0.09);
	border-top: 1px solid var(--header-border-color);
	transition: all var(--header-transition) 0ms;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, 100%, 0);
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin: 0;

	@media (min-width: 1025px) {
		& {
			padding-block: 18px;
		}
	}

	@media (max-width: 1024px) {
		& {
			justify-content: center;
		}
	}

	&.open {
		pointer-events: auto;
		opacity: 1;
		transform: translate3d(0, 0, 0);

		@media (max-width: 1024px) {
			& {
				transform: translate3d(0, 0, 0);
			}
		}
	}
}

.mobile-filter-menu {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	gap: 18px;
	padding: 42px 40px 20px;

	@media (max-width: 767px) {
		& {
			padding-inline: 20px;
		}
	}

	@media (min-width: 1025px) {
		& {
			display: none !important;
		}
	}

	& .product-filter-menu-button {
		& *[class^='material-icons'] {
			top: auto !important;
			font-size: 21px !important;
		}
	}
}

.close-filters-menu-button {
	position: fixed;
	z-index: 100;
	right: 14px;
	top: 23px;
	cursor: pointer;
	z-index: 300;
	padding: 10px !important;
	min-width: 0;
	margin: 0;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 25px;
	height: 25px;
	border-radius: 24px;

	&,
	&:focus {
		background: transparent;
		color: #000;
		text-decoration: none !important;

		&:hover,
		&:active {
			background: transparent;
			color: var(--primary-color);
			text-decoration: none !important;
		}
	}

	& *[class^='material-icons'] {
		top: auto !important;
		font-size: 21px !important;
		color: inherit;
	}

	@media (min-width: 1025px) {
		& {
			display: none !important;
		}
	}
}

.no-filter-matches {
	position: relative;
	display: block;
	padding: 40px 30px;
	border-radius: 6px;
	border: 1px solid var(--control-black-120, #E0E0E0);
	overflow: clip;
	background: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;

	@media (max-width: 767px) {
		& {
			padding-inline: 20px;
			margin: 20px auto;
			align-self: center;
			justify-self: center;
		}
	}
}

.post-feed-loop {
	& .full-listings-inner-row.events-listing {
		& .listings-col {
			padding: 12px 12px;
			min-height: 170px;

			& .full-wrap-post-link {
				--base-left-image-width: 203px;
				--base-pull-back: 46px;

				display: flex;
				flex-flow: row nowrap;
				justify-content: flex-start;
				align-items: stretch;
				align-content: stretch;
				background: #fff;
				padding: 0;
				height: 100%;
				border-radius: 6px !important;
				border: 1px solid var(--control-black-120, #E0E0E0);
				overflow: clip;
				text-decoration: none !important;

				@media (max-width: 1024px) {
					& {
						--base-left-image-width: 160px;
					}
				}

				@media (max-width: 767px) {
					& {
						flex-wrap: wrap;
					}
				}

				& .post-title-link-area {
					transition: all 600ms var(--ease-out-expo);
				}

				&,
				&:focus {
					text-decoration: none !important;

					& .post-image-holder {
						& img {
							transform: scale(1.0, 1.0);
						}
					}

					& .post-title-link-area {
						color: #000;
					}

					&:hover,
					&:active {
						text-decoration: none !important;

						& .post-image-holder {
							& img {
								transform: scale(1.1, 1.1);
							}
						}

						& .post-title-link-area {
							color: var(--primary-color);
						}
					}
				}

				& .post-image-holder {
					position: relative;
					display: block;
					border-radius: 0 !important;
					overflow: clip;
					aspect-ratio: initial;
					flex: var(--base-left-image-width) 0 0;
					width: var(--base-left-image-width);
					height: 100%;
					transition: none;

					& img {
						transition: all 1000ms var(--ease-out-expo);
						transition-property: transform, opacity, filter !important;
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center center;
					}

					@media (max-width: 767px) {
						& {
							height: auto;
							aspect-ratio: 1.7;
							width: 100%;
							flex: 100% 0 0;
						}
					}
				}

				& .media-link {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: flex-start;
					align-items: flex-start;
					align-content: flex-start;
					padding: 24px 24px;
					flex: calc(100% - (var(--base-left-image-width, 0px) - var(--base-pull-back, 0px))) 0 0;
					width: calc(100% - (var(--base-left-image-width, 0px) - var(--base-pull-back, 0px)));
					margin: 24px 0 0 calc(0px - var(--base-pull-back, 0px));
					background: #fff;

					@media (max-width: 767px) {
						& {
							margin: calc(0px - var(--base-pull-back, 0px)) var(--base-pull-back, 0px) 0 0;
							padding: 24px 18px 24px;
							flex: calc(100% - var(--base-pull-back, 0px)) 0 0;
							width: calc(100% - var(--base-pull-back, 0px));
						}
					}

					& .post-cat-listings {
						position: relative;
						display: inline-block;
						padding: 6px 9px;
						margin: 0 0 5px;
						border-radius: 3px;
						background: #FFE9E3;
						color: var(--primary-color, #000);
						border: 1px solid var(--primary-color, #FF6A45);
						-webkit-backdrop-filter: blur(6px);
						backdrop-filter: blur(6px);
						font-family: var(--header-font);
						text-transform: uppercase;
						line-height: 1.0 !important;
						font-size: 9px;
						letter-spacing: 0.08em !important;
						font-weight: 800;
						max-width: 100%;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;

						&.past-date {
							color: var(--Deep-Space---40, #8D8FA1);
							background: var(--primary-color, #F0F0F1);
							border-color: var(--primary-color, #CCCDD1);
						}
					}

					& .post-title-link-area {
						margin-bottom: 16px;
					}

					& .display-blog-date {
						color: #000;
						font-weight: 400;
						-webkit-font-smoothing: auto;
						display: flex;
						flex-flow: row nowrap;
						justify-content: space-between;
						align-items: stretch;
						align-content: stretch;
						gap: 8px;
						justify-self: flex-end;
						margin-top: auto;
						line-height: 1.4;

						& *[class*='material-'] {
							font-size: 19px;
							top: 0;
						}
					}

					& .blog-title-link {
						font-size: clamp(1.35rem, 3vw, 1.9rem);
						line-height: 1.1 !important;
						text-wrap: balance;

						&:not(:last-child) {
							margin-bottom: 8px;
						}
					}

					& .blog-excerpt-description {
						color: #555E61;
						font-size: 0.95rem;
						line-height: 1.4;
						-webkit-font-smoothing: auto;
					}

				}
			}
		}
	}
}

body.single-events {
	& #blog-single-area {
		background: var(--control-black-60, #F2F7FD);

		&:before {
			position: absolute;
			content: '';
			display: block;
			pointer-events: none;
			left: 0;
			top: 0;
			right: 0;
			height: clamp(250px, 30vw, 352px);
			background: linear-gradient(180deg, #FFF 0%, var(--control-black-60, #F2F7FD) 100%);
		}
	}

	& #blog-top-section {
		& *[class*=col-] {
			padding: 0 20px;
		}

		& #blog-top-section-inner {
			padding: 0;
		}

		& .main-post-title {
			margin-bottom: 30px;

			@media (max-width: 767px) {
				& {
					margin-bottom: 30px;
				}
			}
		}

		& .post-cat-listings {
			position: relative;
			display: inline-block;
			padding: 6px 9px;
			margin: 0 0 24px;
			border-radius: 0px;
			background: #FFE9E3;
			color: var(--Deep-Space---100, #000);
			border: 1px solid var(--Solar-Flare---50, #FF6A45);
			-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);
			font-family: var(--header-font);
			text-transform: uppercase;
			line-height: 1.0 !important;
			font-size: 9px;
			letter-spacing: 0.08em !important;
			font-weight: 800;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;

			&.past-date {
				color: var(--Deep-Space---40, #8D8FA1);
				background: var(--primary-color, #F0F0F1);
				border-color: var(--primary-color, #CCCDD1);
			}
		}

		& .event-date-title {
			color: var(--Deep-Space---30, #A1A5B7);
			margin-bottom: 10px;
		}

	}
}

.event-box-details {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 6px;
	overflow: clip;
	border: 1px solid var(--circuit-teal-5, #D9E3E2);

	& .top-of-box {
		position: relative;
		display: block;
		background: #000;
		aspect-ratio: 4.0;

		@media (max-width: 1024px) {
			& {
				aspect-ratio: 3.0;
			}
		}

		@media (max-width: 767px) {
			& {
				aspect-ratio: 2.0;
			}
		}

		& img {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center top;
		}
	}

	& .bottom-of-box {
		position: relative;
		display: block;
		padding: 24px 24px;

		& p {
			font-size: 1.15rem;

			&:not(:last-child) {
				margin-bottom: 1.4rem;
			}

			@media (max-width: 767px) {
				& {
					font-size: 1.0rem;
				}
			}
		}

		& .register-button-hold:not(:last-child) {
			margin-bottom: 12px;
		}

		& .add-to-calendar-button {
			--button-background-color: transparent;
			--button-border-color: transparent;
			--button-color: var(--secondary-color);

			--hover-button-background-color: #e7e7e9;
			--hover-button-border-color: #e7e7e9;
			--hover-button-color: var(--secondary-color);

			padding-block: 13px;

			& .material-icons-outlined {
				font-size: 19px !important;
				top: auto !important;
			}
		}
	}
}

.single-events {
	& #blog-single-area {
		&:before {
			height: 80% !important;
		}
	}

	& #blog-body-section {
		padding-block: 90px 120px;
		padding-inline: 60px;
		margin-top: 0;

		& .main-post-title {
			margin-bottom: 28px;

			@media (min-width: 1025px) {
				& {
					margin-top: 24px !important;
				}
			}

			@media (max-width: 1024px) {
				& {
					--h3-min-font-size: 34px;

					margin-bottom: 30px;
				}
			}
		}

		& .outer-single-blog-col {
			padding-inline: 20px 70px;
		}

		& .single-sidebar {
			padding: 20px 20px 0 20px;
		}

		@media (max-width: 1024px) {
			& {
				padding-block: 80px 100px;
				padding-inline: 30px;

				& .outer-single-blog-col {
					padding-inline: 20px;
				}

				& .single-sidebar {
					padding-inline: 20px;
					padding-top: 60px;
				}

				& .mobile-reverse {
					flex-direction: column;
				}
			}
		}

		@media (max-width: 767px) {
			& {
				padding-block: 70px 90px;
				padding-inline: 0;
			}
		}
	}

	& .event-box-details {
		margin: 0;

		&:not(:first-child) {
			margin-top: 30px;
		}

		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}

	& .evt-detail-item {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		margin: 0;
		gap: 18px;
		padding: 2px 24px;
		max-width: 33.33%;

		@media (max-width: 1200px) {
			& {
				max-width: 50%;
			}
		}

		@media (max-width: 767px) {
			& {
				padding: 20px 0;
				max-width: 100%;
			}
		}

		&.evt-location {
			@media (max-width: 1200px) {
				& {
					width: 100%;
					padding-left: 0;
					padding-block: 24px 0;
					max-width: 100%;
				}
			}

			@media (min-width: 768px) and (max-width: 1200px) {
				& {
					&:before {
						display: none;
					}
				}
			}
		}

		&:first-child {
			padding-left: 0;
		}

		&:not(:first-child) {
			&:before {
				position: absolute;
				content: '';
				pointer-events: none;
				width: 1px;
				left: 0;
				top: 0;
				bottom: 0;
				background: rgba(255, 255, 255, 0.25);
			}

			@media (max-width: 767px) {
				&:before {
					top: 0;
					right: 0;
					width: 100%;
					height: 1px;
				}
			}
		}

		& .evt-icn-hold {
			position: relative;
			display: flex;
			flex-flow: row nowrap;
			justify-content: center;
			align-items: center;
			align-content: center;
			padding: 0;
			width: auto;
			height: auto;
			color: var(--primary-color);

			&>span {
				color: inherit;
				font-size: 22px;
			}
		}

		& .evt-detail-hold {
			position: relative;
			display: block;
			padding: 0;
			width: auto;
			color: #fff;
		}
	}

	& .people-you-will-meet {
		display: block;

		& .meet-title {
			display: block;
			margin: 0 0 18px;
			text-align: left;
		}

		& .meet-box-group {
			position: relative;
			display: flex;
			flex-flow: column wrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			gap: 0;
			background: #fff;
			border-radius: 3px;
			overflow: clip;
			padding: 0 6px;
			border: 1px solid #E0E0E0;
			max-width: 500px;

			& .meet-box {
				position: relative;
				display: flex;
				flex-flow: row nowrap;
				width: 100%;
				background: transparent;
				justify-content: flex-start;
				align-items: stretch;
				align-content: stretch;
				gap: 0;
				border-radius: 0;
				padding: 10px 0;
				color: var(--control-black-620, #616161);
				max-width: 100% !important;

				&:not(:first-child) {
					border-top: 1px solid #E0E0E0;
				}

				&:first-child {
					padding-top: 6px;
				}

				&:last-child {
					padding-bottom: 6px;
				}

				& .meet-box-profile-image {
					position: relative;
					display: block;
					margin: 0;
					border-radius: 0;
					overflow: clip;
					width: 75px;
					max-width: 100%;
					margin: 0;
					object-fit: cover;
					object-position: center top;
					pointer-events: none;

					@media (max-width: 767px) {
						& {
							width: 66px;
						}
					}
				}

				& .meet-box-right {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: center;
					align-items: flex-start;
					align-content: flex-start;
					gap: 4px;
					text-align: left;
					padding: 12px 0 12px 12px;
					width: calc(100% - 75px);

					@media (max-width: 767px) {
						& {
							width: calc(100% - 66px);
						}
					}

					& .meet-box-title {
						position: relative;
						display: block;
						font-family: var(--header-font);
						text-transform: uppercase;
						line-height: 1.3 !important;
						font-size: 0.93rem;
						display: block;
						padding-left: 0;
						padding-right: 0;
						letter-spacing: 0.09em !important;
						font-weight: 600;
						margin-bottom: 10px;
						-webkit-font-smoothing: antialiased;
						margin-bottom: 0;
						color: #000;
					}

					& .meet-box-description {
						position: relative;
						display: block;
						color: inherit;
						line-height: 1.25;
						-webkit-font-smoothing: auto;
						font-size: 0.866rem;
						margin-bottom: 2px;
					}

					& .lets-talk-line {
						position: relative;
						display: block;
						color: inherit;
						font-size: 0.8125rem !important;
						margin-bottom: 0;
						padding-top: 5px;

						& a {
							transition: var(--button-easing);
							width: 100%;

							& *[class*='material-'] {
								font-size: 1.15rem;
							}

							&,
							&:focus {
								font-size: inherit;
								-webkit-font-smoothing: auto;
								font-weight: 400;
								margin-bottom: 0;
								color: var(--primary-color);
								text-decoration: none !important;

								&:hover,
								&:active {
									color: #000 !important;
								}
							}
						}
					}

				}
			}
		}
	}

	& .featured-side-thumb {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		border-radius: 6px;
		overflow: clip;
		padding: 24px;
		background: #FFF;
		margin: 0;
		width: 100%;
		border: 1px solid #E0E0E0;

		&:not(:last-child) {
			margin-bottom: 40px;
		}

		& img {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			max-width: 250px;
			max-height: 250px;
			object-fit: contain;
			object-position: center center;
			z-index: 10;
			pointer-events: none;
		}

		&.background-fit-cover {
			padding: 0;

			& img {
				object-fit: cover;
				max-width: 100%;
				max-height: 100%;
				aspect-ratio: 1.4;
			}
		}

		@media (max-width: 1024px) {
			& {
				max-width: 500px;
			}
		}
	}
}

.single-case-study {
	& #blog-top-section {
		& [class*="col-"] {
			padding-inline: 20px;

			@media (max-width: 1024px) {
				& {
					padding-inline: 20px;
				}
			}
		}
	}
}

.inner-top-blog-banner,
.inner-top-event-banner {
	position: relative;
	display: block;
	padding: 0;

	& .top-post-title-section {
		padding-bottom: 0;
	}

	& .main-title-area {
		position: relative;
		display: block;
		padding: 160px 80px 120px;

		@media (max-width: 1024px) {
			& {
				padding: 80px 50px 100px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding: 80px 20px 100px;
			}
		}
	}

	& .page-title-hold {
		&:not(:last-child) {
			margin-bottom: 16px;
		}
	}
}

.inner-top-blog-banner {
	& .main-title-area {
		padding-block: 70px 70px;

		@media (max-width: 1024px) {
			& {
				padding-block: 70px 70px;
			}
		}

		@media (max-width: 767px) {
			& {
				padding-block: 70px 70px;
			}
		}
	}
}

.inner-top-blog-banner {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
}

.inner-top-event-banner {
	color: #fff;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
}

.wrap-entire-post-feed:has(.inner-event-post-feed),
.wrap-entire-post-feed:has(.inner-blog-post-feed) {
	background: var(--control-black-60, #F2F7FD);
}

.inner-event-post-feed {
	position: relative;
	background: transparent;
	padding: 80px 80px 100px;
	max-width: 1400px;
	margin: 0 auto;

	& .post-feed-loop {
		background: transparent !important;
	}

	@media (max-width: 1024px) {
		& {
			padding: 60px 50px 80px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding: 50px 20px 70px;
		}
	}
}

.additional-description-block {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	background: #fff;

	& .inner-additional-description-block {
		position: relative;
		display: block;
		padding: 80px 80px;
		margin: 0 auto;
		max-width: 1000px;

		@media (max-width: 1024px) {
			& {
				padding: 80px 50px;
			}
		}

		@media (max-width: 1024px) {
			& {
				padding: 80px 30px;
			}
		}

		& p {
			font-size: 1.2rem;
			line-height: 1.3;
		}
	}
}

#main.main-product {
	position: relative;
	background: var(--control-black-60, #F2F7FD);
}

.splide__arrows {
	position: absolute;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
	width: 102px;
	bottom: auto;
	right: 0;
	z-index: 100;
	top: 0;
	left: auto;

	@media (max-width: 1024px) {
		& {
			top: 50%;
			right: 0;
			left: 0;
			width: auto;
			margin: 0 calc(50% - 50vw) !important;
			display: none !important;
		}
	}

	@media (min-width: 1025px) {
		& .splide__arrow {

			&,
			&:focus {
				position: relative;
				display: inline-flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				-webkit-box-shadow: none !important;
				box-shadow: none !important;
				-webkit-transform: translate(0%, 0%) !important;
				transform: translate(0%, 0%) !important;
				top: auto !important;
				left: auto !important;
				right: auto !important;
				bottom: auto !important;
				width: 48px !important;
				height: 48px !important;
				border-radius: 6px !important;
				overflow: clip;
				border: var(--button-border-width) solid var(--outline-button-border-color);
				transition: all 600ms var(--ease-out-expo);

				&:before {
					position: relative !important;
					display: block;
					font-family: inherit;
					content: '';
					border-style: solid;
					width: 0;
					height: 0;
					border: var(--arrow-size) solid transparent;
					transition: border-color 600ms var(--ease-out-expo);
					content: '' !important;
					left: auto !important;
					right: auto !important;
					top: auto !important;
					bottom: auto !important;
					border-color: currentColor;
					-webkit-transform: translate(0, 0) !important;
					transform: translate(0, 0) !important;
				}

				&.splide__arrow--prev {
					&:before {
						border-left: 0 !important;
						border-color: transparent currentColor transparent transparent !important;
					}
				}

				&.splide__arrow--next {
					&:before {
						border-right: 0 !important;
						border-color: transparent transparent transparent currentColor !important;
					}
				}

				& svg {
					display: none !important;
				}

				&:disabled {
					opacity: 0.2;
				}

				border-color: var(--outline-button-border-color) !important;
				background: var(--outline-button-background-color) !important;
				color: var(--outline-button-color) !important;

				& svg {
					fill: var(--outline-button-color);
					width: 14px;
					height: 14px;
					transition: all 600ms var(--ease-out-expo);
				}

				&:after {
					border-color: var(--outline-button-color);
				}

				&:hover,
				&:active {
					border-color: var(--outline-hover-button-border-color) !important;
					background: var(--outline-hover-button-background-color) !important;
					color: var(--outline-hover-button-color) !important;

					& svg {
						fill: var(--outline-hover-button-color);
					}

					&:after {
						border-color: var(--outline-button-color);
					}
				}
			}
		}
	}

}

.main-product-interior {
	position: relative;
	display: block;
	padding: 18px 80px 90px;
	max-width: 1400px;
	margin: 0 auto;

	@media (max-width: 1024px) {
		& {
			padding: 18px 50px 90px;
		}
	}

	@media (max-width: 1024px) {
		& {
			padding: 18px 20px 80px;
		}
	}

	@media (max-width: 767px) {
		& {
			padding-top: 0;
			padding-inline: 0;
		}
	}

	& .product-category-breadcrumb {
		padding: 10px 0 15px;

		@media (max-width: 767px) {
			& {
				padding-block: 20px;
				padding-inline: 20px;
				background: #fff;
			}
		}
	}

	& .product-details-wrapper {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		border-radius: 6px;
		overflow: clip;
		border: 1px solid var(--control-black-120, #E0E0E0);
		padding: 0;
		background: #fff;

		@media (max-width: 767px) {
			& {
				border: 0;
				border-radius: 0;
			}
		}

		& .product-intro-holder {
			position: relative;
			display: flex;
			flex-flow: row nowrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			padding: 0;
			gap: 0;

			@media (max-width: 767px) {
				& {
					flex-flow: column nowrap;
				}
			}

			& .product-image-rotator {
				position: relative;
				display: block;
				padding: 0;
				margin: 0;
				width: calc(100%/3);
				background: var(--product-image-background-color, #ebeef5);

				@media (max-width: 767px) {
					& {
						width: 100%;
					}
				}

				& .splide__arrows {
					top: 50%;
					transform: translate(0, -50%);
					width: 100%;
					padding: 0 12px;

					& .splide__arrow {

						&,
						&:focus {
							border: 0 !important;
							background: color-mix(in srgb, var(--product-image-background-color, #ebeef5) 80%, transparent) !important;
							color: var(--outline-hover-button-color) !important;
							opacity: 1;
							-webkit-backdrop-filter: blur(10px);
							backdrop-filter: blur(10px);

							&:hover,
							&:active {
								background: rgba(255, 255, 255, 0.8) !important;
								color: var(--outline-hover-button-color) !important;
							}
						}
					}
				}

				&:not(:has(.splide__slide:nth-child(2))) {
					& .splide__arrows {
						display: none !important;
					}

					& .splide__list {
						transform: translateX(0px) !important;
					}
				}

				& .inner-product-image-rotator {
					position: relative;
					display: block;
					height: 100%;
					width: 100%;

					& .splide__track {
						height: 100%;

						& .splide__list {
							height: 100%;
						}
					}

					& a {
						position: relative;
						display: flex;
						flex-flow: row nowrap;
						justify-content: center;
						align-items: center;
						align-content: center;
						background: var(--product-image-background-color, #ebeef5);

						&:not([href]) {
							pointer-events: none;
						}

						& img {
							position: relative;
							display: block;
							width: 100%;
							height: 100%;
							object-fit: contain;
							object-position: center center;
							pointer-events: none;
							max-width: 400px;
							max-height: 400px;

							@supports(mix-blend-mode: darken) {
								& {
									transform: translate3d(0, 0, 0);
									mix-blend-mode: darken;
								}
							}

							@media (max-width: 550px) {
								& {
									aspect-ratio: 1.7;
								}
							}
						}
					}
				}
			}

			& .product-intro-content {
				position: relative;
				display: flex;
				flex-flow: column nowrap;
				justify-content: space-between;
				align-items: stretch;
				align-content: stretch;
				gap: 18px;
				width: calc((100%/3) * 2);
				padding: 24px 18px 0 30px;

				@media (max-width: 767px) {
					& {
						width: 100%;
						padding: 24px 20px 0;
					}
				}

				& .above-title-line {
					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: stretch;
					align-items: flex-start;
					align-content: flex-start;
					padding-bottom: 0;

					& .above-title-start {
						position: relative;
						display: block;
						justify-self: flex-start;
						width: 40%;

						@media (max-width: 767px) {
							& {
								width: 100%;
							}
						}
					}

					& .above-title-end {
						position: relative;
						display: flex;
						flex-flow: row wrap;
						justify-content: flex-end;
						align-items: center;
						align-content: center;
						gap: 18px;
						justify-self: flex-end;
						margin-left: auto;
						width: 60%;
						padding: 0 12px 0 0;
						text-align: right;

						& .price-note {
							line-height: 1.4;
						}

						@media (max-width: 767px) {
							& {
								width: 100%;
								padding-right: 0;
							}
						}
					}
				}

				& .middle-title {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: flex-start;
					align-items: stretch;
					align-content: stretch;
					gap: 18px;
					width: 100%;
					max-width: 760px;
					padding: 20px 0;

					@media (max-width: 1300px) {
						& {
							padding-bottom: 0;
						}
					}
				}

				& .below-title-line {
					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: space-between;
					align-items: flex-end;
					align-content: flex-end;

					@media (max-width: 1300px) {
						& {
							flex-direction: column-reverse;
							justify-content: flex-end;
							align-items: flex-start;
							align-content: flex-start;
							gap: 50px;
						}
					}

					& .top-trade-nav {
						position: relative;
						width: calc(100% - 340px);
						justify-self: flex-start;

						@media (max-width: 1300px) {
							& {
								width: 100%;
							}
						}

						& .inner-trade-nav {
							&>a.inner-base-link {
								&:first-child {
									margin-left: 0;
								}

								&:last-child {
									margin-right: 0;
								}
							}
						}
					}

					& .button-group {
						position: relative;
						justify-self: flex-end;
						justify-content: flex-end;
						text-align: right;
						width: 340px;
						padding: 9px 0 9px 9px;
						gap: 12px !important;

						@media (max-width: 500px) {
							& {
								flex-direction: column-reverse;
								flex-wrap: nowrap;
								width: 100%;
								justify-self: flex-start;
								justify-content: flex-start;
								align-items: stretch;
								align-content: stretch;
							}
						}

						& .set-button {
							&.no-bg-button {

								&,
								&:focus {
									border-width: var(--button-border-width) !important;
									border-style: solid !important;
									color: var(--outline-button-color) !important;
									background: var(--outline-button-background-color) !important;
									border-color: var(--outline-button-border-color) !important;
									padding: var(--small-button-padding) !important;
									text-decoration: none !important;

									&:hover,
									&:active {
										color: var(--outline-hover-button-color) !important;
										background: var(--outline-hover-button-background-color) !important;
										border-color: var(--outline-hover-button-border-color) !important;
										text-decoration: none !important;
									}
								}
							}

							&.outline-button {

								&,
								&:focus {
									color: var(--button-color) !important;
									background: var(--button-background-color) !important;
									border-color: var(--button-border-color) !important;

									&:hover,
									&:active {
										color: var(--hover-button-color) !important;
										background: var(--hover-button-background-color) !important;
										border-color: var(--hover-button-border-color) !important;
									}
								}
							}
						}

						@media (max-width: 1300px) {
							& {
								width: 100%;
								justify-self: flex-start;
								justify-content: flex-start;
								text-align: left;
								padding-left: 0;
							}
						}
					}
				}

				& .brand-logo-hold {
					position: relative;
					display: block;
					width: 100%;

					& img {
						position: relative;
						display: block;
						width: 100%;
						max-width: 100px;
						max-height: 60px;
						object-fit: contain;
						object-position: left center;
						pointer-events: none;

						@media (max-width: 767px) {
							& {
								max-width: 60%;
								max-height: 40px;
							}
						}
					}
				}

				& .product-title {
					position: relative;
					display: block;
					margin: 0;

					@media (max-width: 500px) {
						& {
							font-size: 1.8rem !important;
						}
					}
				}

				& .available-in-col {
					position: relative;
					display: flex;
					flex-flow: row nowrap;
					justify-content: flex-start;
					align-items: flex-start;
					align-content: flex-start;
					gap: 2px;
					padding-right: 0;
					color: #9C9C9C;
					margin: 0;
					text-align: left;
					line-height: 1.3;

					@media (max-width: 1200px) {
						& {
							text-align: left;
							width: auto;
						}
					}

					@media (max-width: 767px) {
						& {
							flex-direction: column;
							gap: 4px;
							font-size: 0.8rem;
						}
					}

					& .listed-states {
						display: inline-block;
						color: #000;
						line-height: inherit;
					}
				}

				& .listing-product-description {
					position: relative;
					display: block;
					color: #000;
				}
			}
		}

		& .product-section-details {
			position: relative;
			display: block;
			border-top: 1px solid var(--control-black-120, #E0E0E0);
			padding: 0;

			& .product-detail {
				position: absolute;
				display: flex;
				flex-flow: column nowrap;
				justify-content: flex-start;
				align-items: stretch;
				align-content: stretch;
				gap: 20px;
				left: 0;
				right: 0;
				top: 0;
				padding: 30px 24px 60px;
				opacity: 0;
				transition: all 600ms var(--ease-out-expo);
				z-index: 1;
				pointer-events: none;

				&:has(img:first-child:last-child) {
					padding-bottom: 30px;
				}

				&.active {
					position: relative;
					opacity: 1;
					left: auto;
					right: auto;
					top: auto;
					bottom: auto;
					z-index: 10;
					pointer-events: auto;
				}

				& .product-detail-title {
					position: relative;
					display: block;
					margin: 0;
				}

				& .product-detail-content {
					position: relative;
					display: flex;
					flex-flow: column nowrap;
					justify-content: stretch;
					align-items: flex-start;
					align-content: flex-start;
					gap: 0;

					&>* {
						color: #000;

						&:not(:last-child) {
							margin-bottom: 20px;
						}

						&:empty {
							display: none;
						}
					}

					& .product-specs-image {
						position: relative;
						display: block;
						width: 100%;
						height: auto;

						&:not(:last-child) {
							margin-bottom: 24px;
						}

						& img {
							position: relative;
							display: block;
							width: 100%;
							height: auto;
						}
					}
				}
			}
		}
	}

	& .suggested-products-wrapper {
		position: relative;
		display: block;
		padding: 65px 0 0;

		@media (max-width: 767px) {
			& {
				padding-inline: 20px;
			}
		}

		.suggested-products-title {
			position: relative;
			display: block;
			margin-bottom: 48px;

			@media (max-width: 1024px) {
				& {
					margin-bottom: 40px;
				}
			}

			@media (max-width: 767px) {
				& {
					margin-bottom: 30px;
				}
			}
		}

		& .inner-suggested-products-wrapper {
			position: relative;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
			align-content: stretch;
			margin: 0 auto;
			gap: 12px;

			@media (max-width: 1024px) {
				& {
					flex-flow: row wrap;
					align-items: stretch;
					align-content: stretch;
					max-width: 750px;
					margin: 0 auto;
				}
			}

			@media (min-width: 1025px) {
				& .product-outer-holder {
					display: flex;
					flex-flow: row nowrap;
					justify-content: stretch;
					align-items: stretch;
					align-content: stretch;
					width: calc(50% - 6px);
				}

				& .product-loop-link {
					& .product-content-col {
						& .product-content-bottom {
							flex-flow: column nowrap;
							justify-content: flex-start;
							align-items: flex-start;
							align-content: flex-start;

							& .listing-product-description {
								width: 100%;
							}

							& .product-listing-tailend {
								width: 100%;
								padding-top: 24px;
								flex-direction: row-reverse;
								justify-content: flex-end;
								align-items: center;
								align-content: center;
								gap: 12px;

								& .available-in-col {
									text-align: left;
									width: auto;
								}

								& .set-button {
									padding: var(--small-button-padding);
									font-size: var(--small-button-font-size);
									width: auto !important;
									margin: 0;
								}
							}
						}
					}
				}
			}

		}
	}
}

.top-banner-event-details {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	gap: 0;

	@media (max-width: 1200px) {
		& {
			align-items: flex-end;
			align-content: flex-end;
		}
	}

	@media (max-width: 767px) {
		& {
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			align-content: flex-start;
		}
	}

	&>.top-banner-event-details-left {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		gap: 0;
		padding: 0;
		width: calc(100% - 320px);

		@media (max-width: 1200px) {
			& {
				flex-wrap: wrap;
			}
		}

		@media (max-width: 1024px) {
			& {
				width: 100%;
			}
		}

		@media (max-width: 767px) {
			& {
				flex-direction: column;
				width: 100%;
				padding: 0;
			}
		}
	}

	&>.button-group {
		width: 320px !important;
		padding: 0;
		justify-self: flex-end;
		justify-content: flex-end;
		text-align: right;
		margin-left: auto;

		@media (max-width: 1024px) {
			& {
				width: 100% !important;
				padding: 40px 0 0 !important;
				justify-self: flex-start;
				justify-content: flex-start;
				text-align: left;
				margin-left: 0;
			}
		}

		@media (max-width: 500px) {
			& {
				flex-flow: column nowrap !important;
				justify-content: flex-start !important;
				align-items: stretch !important;
				align-content: stretch !important;
				width: 100% !important;
			}
		}
	}
}

.sub-footer-content-holder {
	& .button-group {
		@media (max-width: 500px) {
			& {
				flex-flow: column nowrap;
				justify-content: flex-start !important;
				align-items: stretch !important;
				align-content: stretch !important;

				&>* {
					width: 100% !important;
				}
			}
		}
	}
}

@keyframes translate-up {
	100% {
		background-position: 0 100%;
	}
}

.parallax-up-background {
	&>.fl-row-content-wrap {
		@media (prefers-reduced-motion: no-preference) {
			@supports (animation-timeline: view()) {
				animation-timeline: view();
				animation: translate-up linear both;
				background-position: 0 0%;
				animation-duration: 1ms;
				animation-range: cover 10%;
			}
		}
	}
}

.exit-fade-out,
.scroll-fade-down {
	@media (prefers-reduced-motion: no-preference) {
		@supports (animation-timeline: view()) {
			transform: translate3d(0, 0, 0);
			transform-origin: top center;
			animation: scroll-fade-out linear both,
				scroll-fade-down linear both;
			animation-timeline: view();
			animation-duration: 1ms;
			animation-range: exit 0%;
		}
	}
}

.fade-in-on-scroll.scroll-reset,
.scroll-fade-in {
	@media (prefers-reduced-motion: no-preference) {
		@supports (animation-timeline: view()) {
			opacity: 0;
			animation: scroll-fade-in var(--ease-in-3) both;
			animation-timeline: view();
			animation-duration: 1ms;
			/* animation-range: entry 30% contain 10%; */
			animation-range: 5% 20%;
		}
	}
}

.fade-up-on-scroll.scroll-reset,
.scroll-fade-up {
	@media (prefers-reduced-motion: no-preference) {
		@supports (animation-timeline: view()) {
			animation: scroll-fade-out var(--ease-in-3) reverse both,
				scroll-fade-down var(--ease-in-3) reverse both;
			animation-timeline: view();
			animation-duration: 1ms;
			animation-range: 5% 20%;
			transform-origin: top center;
		}
	}
}

.zoom-out-on-scroll.scroll-reset,
.scroll-fade-zoom,
.scroll-fade-scale {
	@media (prefers-reduced-motion: no-preference) {
		@supports (animation-timeline: view()) {
			animation: scroll-fade-out var(--ease-in-3) reverse both,
				scroll-fade-scale-in var(--ease-in-3) reverse both;
			animation-timeline: view();
			animation-duration: 1ms;
			animation-range: 5% 20%;
			transform-origin: top center;
		}
	}
}

.split-content {
	& br {
		display: none;
	}

	&>span.breaks,
	&>span:not(.word) {
		display: block;

		&:not(:last-child) {
			margin-bottom: 0.8em;
		}
	}

	& p>span {
		filter: blur(0px) !important;
	}
}

body:not(.fl-builder-edit) {
	& .split-content {
		opacity: 1;

		@media (prefers-reduced-motion: no-preference) {
			view-timeline: --split-content;
			opacity: 0;
			transition: opacity 600ms var(--ease-out-expo);
		}
	}

	&.loaded {
		& .split-content {
			opacity: 1 !important;
		}
	}
}

/* Apex Resolve footer redesign */
.footer-outer-wrapper.arc-footer-wrapper {
	background: #18123f;
	background-image: none;
	color: #ffffff;
}

.footer-outer-wrapper.arc-footer-wrapper:before {
	display: none;
}

.arc-footer {
	--arc-footer-bg: #18123f;
	--arc-footer-border: #342e56;
	--arc-footer-ink: #ffffff;
	--arc-footer-muted: #9794a9;
	--arc-footer-green: #afd136;
	--arc-footer-link-hover: #ffffff;
	--arc-footer-link-pressed: #ffffff;
	--arc-footer-input-border: #bfbfc1;
	--arc-footer-input-bg: #ffffff;
	--arc-footer-heading: #ffffff;

	position: relative;
	background: transparent;
	color: var(--arc-footer-ink);
	padding: 0;
	font-size: 16px;
}

.arc-footer__section {
	margin: 0;
	padding: 0;
}

.arc-footer__container {
	max-width: var(--content-width);
	margin: 0 auto;
	padding: 0px 20px 36px;
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.arc-footer__top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 80px;
	padding-top: 80px;
	border-top: 2px solid var(--arc-footer-border);
}

.arc-footer__cta {
	flex: 1 1 360px;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.arc-footer__headline {
	font-family: 'IBM Plex Sans', var(--body-font, sans-serif);
	font-weight: 500;
	font-size: 38px;
	line-height: 1.1;
	letter-spacing: -0.04em;
	color: var(--arc-footer-heading);
	margin: 0 0 34px;
}

.arc-footer__form {
	display: flex;
	align-items: center;
	gap: 4px;
	width: 100%;
}

.arc-footer__form input {
	height: 44px;
	border: 1px solid var(--arc-footer-input-border);
	background: var(--arc-footer-input-bg);
	border-radius: 6px;
	padding: 0 12px;
	color: #000;
	width: 100%;
	min-width: 260px;
	font-size: 16px;
	line-height: 1.3;
}

.arc-footer__form input::placeholder {
	color: #000;
	opacity: 1;
}

.arc-footer__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 19px;
	background: var(--arc-footer-green);
	color: #18123f !important;
	border-radius: 9999px;
	border: 0;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
}

.arc-footer__submit:hover,
.arc-footer__submit:active,
.arc-footer__submit:focus {
	background: #c5e25f;
	color: #18123f !important;
}

.arc-footer__form--shortcode {
	width: 100%;
	max-width: 520px;
}

.arc-footer__cta .styled-content,
.arc-footer__cta .sub-footer-content-holder,
.arc-footer__cta .fl-rich-text,
.arc-footer__cta>*:first-child {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Formidable subscribe form inside footer */
.arc-footer__cta .frm_forms {
	width: 100%;
	max-width: 520px;
}

.arc-footer__cta .frm-show-form,
.arc-footer__cta .frm_form_fields,
.arc-footer__cta .frm_fields_container,
.arc-footer__cta .frm_form_field,
.arc-footer__cta fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	max-width: none;
}

.arc-footer__cta .frm_fields_container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	gap: 4px;
	width: 100%;
	max-width: 520px;
}

.arc-footer__cta .frm_primary_label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.arc-footer__cta .frm_form_field input[type="email"],
.arc-footer__cta .frm_form_field input[type="text"] {
	height: 46px !important;
	min-height: 46px !important;
	border: 1px solid var(--arc-footer-input-border) !important;
	background: var(--arc-footer-input-bg) !important;
	border-radius: 6px !important;
	padding: 0 16px !important;
	color: #000 !important;
	width: 100% !important;
	min-width: 260px;
	font-size: 16px !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
	font-family: Arial, sans-serif !important;
}

.arc-footer__cta .frm_form_field input[type="email"] {
	padding-right: 48px !important;
	/* room for password managers */
}

.arc-footer__cta .frm_form_field input::placeholder {
	color: #000;
	opacity: 1;
}

.arc-footer__cta .frm_form_field.frm12 {
	/* flex: 1 1 300px; */
	min-width: 260px;
	max-width: 360px;
}

.arc-footer__cta .frm_form_field.frm_none_container {
	margin: 0;
}

.arc-footer__cta .frm_submit {
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}

.arc-footer__cta .frm_button_submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px !important;
	min-height: 42px !important;
	line-height: 1;
	padding: 0 22px !important;
	width: auto !important;
	min-width: 0 !important;
	background: #afd136 !important;
	border: 1px solid #afd136 !important;
	color: #18123f !important;
	border-radius: 9999px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	font-family: Arial, sans-serif;
	letter-spacing: 1.3px;
	cursor: pointer;
	white-space: nowrap;
	margin: 0 !important;
	box-shadow: none !important;
	transition: background-color 150ms linear, box-shadow 150ms linear, transform 80ms ease-out, border-color 150ms linear;
}

.arc-footer__cta .frm_button_submit:hover,
.arc-footer__cta .frm_button_submit:active,
.arc-footer__cta .frm_button_submit:focus {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #18123f !important;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25) !important;
}

.arc-footer__cta .frm_button_submit:active {
	background: #c5c4cf !important;
	border-color: #c5c4cf !important;
	transform: none;
}

.arc-footer__cta .frm_button_submit:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35) !important;
}

.arc-footer__cta .frm_button_submit:disabled,
.arc-footer__cta .frm_button_submit.disabled {
	opacity: 0.55;
	pointer-events: none;
	box-shadow: none;
}

@media (max-width: 992px) {
	.arc-footer__cta .frm_forms .frm_form_field.frm12 {
		max-width: none;
	}

	.arc-footer__cta .frm_forms form.single-field .frm_form_field:has(.frm_submit) {
		position: relative;
		right: auto;
		bottom: 0px;
		width: 100% !important;
	}

	.arc-footer__cta .with_frm_style .frm_submit.frm_flex,
	.arc-footer__cta .frm_forms .frm_submit.frm_flex {
		align-items: center;
		width: 100%;
		max-width: 520px;
	}

	.arc-footer__cta .frm_forms.frm_full_submit .frm_submit button {
		width: 100% !important;
	}

	.arc-footer .arc-footer__address {
		max-width: none;
		margin-top: 0px;
	}
}

.arc-footer__cta .frm_form_field.frm-cf-turnstile,
.arc-footer__cta .frm_form_field #field_eraz6 {
	display: flex;
	align-items: center;
}

.arc-footer__cta .frm_form_field.frm-cf-turnstile {
	margin-left: 8px;
}

.arc-footer__cta .frm_form_field .frm_verify {
	display: none;
}

@media (max-width: 767px) {
	.arc-footer__cta .frm_fields_container {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.arc-footer__cta .frm_form_field.frm-cf-turnstile {
		margin-left: 0;
	}

	.arc-footer__cta .frm_submit {
		width: 100%;
	}

	.arc-footer__cta .frm_button_submit {
		width: 100%;
	}
}

.arc-footer__links {
	flex: 0 0 200px;
	min-width: 200px;
}

.arc-footer__eyebrow {
	margin: 0 0 24px;
	color: var(--arc-footer-muted) !important;
	font-size: 13px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 700;
}

.arc-footer__eyebrow.category-text {
	color: #9794a9;
}

.arc-footer__eyebrow--muted {
	color: var(--arc-footer-ink);
	letter-spacing: 0;
	text-transform: none;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
}

.arc-footer__nav {
	display: block;
}

.arc-footer__menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.arc-footer__menu li {
	margin: 0;
	padding: 0;
}

.arc-footer__menu a {
	color: var(--arc-footer-ink);
	font-size: 16px;
	line-height: 1.45;
	font-family: Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	text-decoration: none !important;
	transition: color 150ms linear;
}

.arc-footer__menu a:hover,
.arc-footer__menu a:focus,
.arc-footer__menu a:focus-visible {
	color: var(--arc-footer-link-hover);
	text-decoration: underline !important;
	opacity: 0.5;
}

.arc-footer__menu a:active {
	color: var(--arc-footer-link-pressed);
	text-decoration: underline !important;
	opacity: 0.75;
}

#footer a:not(.set-button) {
	text-decoration: none;
	color: var(--footer-color, #fff);
	transition: all 150ms linear;
}

#footer a:not(.set-button):hover,
#footer a:not(.set-button):focus,
#footer a:not(.set-button):focus-visible {
	color: var(--arc-footer-link-hover);
	text-decoration: underline;
	opacity: 0.5;
}

#footer a:not(.set-button):active {
	color: var(--arc-footer-link-pressed);
	text-decoration: underline;
	opacity: 0.75;
}

.arc-footer__middle {
	display: flex;
	align-items: flex-start;
}

.arc-footer__address {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 320px;
	color: var(--arc-footer-ink);
	font-size: 16px;
	line-height: 1.45;
	margin-top: 80px;
}

.arc-footer__address p {
	margin: 0;
	color: inherit;
	line-height: 1.45;
}

.arc-footer__address p+p {
	margin-top: 4px;
}

.arc-footer__copy {
	margin: 0;
	color: var(--arc-footer-ink);
	font-size: 16px;
	line-height: 1.45;
}

.arc-footer__email {
	display: inline-block;
	border-bottom: 1px solid var(--arc-footer-ink);
	padding-bottom: 6px;
	width: fit-content;
}

.arc-footer__email:hover,
.arc-footer__email:focus,
.arc-footer__email:focus-visible {
	color: var(--arc-footer-link-hover, var(--arc-footer-green));
	border-bottom-color: var(--arc-footer-link-hover, var(--arc-footer-green));
}

.arc-footer__email:active {
	color: var(--arc-footer-link-pressed, var(--arc-footer-green));
	border-bottom-color: var(--arc-footer-link-pressed, var(--arc-footer-green));
}

.arc-footer__lower {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.arc-footer__social .social_main_menu {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0;
	margin: 0;
}

#footer.arc-footer .arc-footer__social .social_main_menu li {
	margin: 0;
}

#footer.arc-footer .arc-footer__social .social_main_menu li a {
	background: none !important;
	border: 0 !important;
	color: var(--arc-footer-ink) !important;
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	font-size: 20px !important;
}

#footer.arc-footer .arc-footer__social .social_main_menu li a:hover,
#footer.arc-footer .arc-footer__social .social_main_menu li a:focus,
#footer.arc-footer .arc-footer__social .social_main_menu li a:focus-visible {
	color: var(--arc-footer-link-hover, var(--arc-footer-green)) !important;
}

#footer.arc-footer .arc-footer__social .social_main_menu li a:active {
	color: var(--arc-footer-link-pressed, var(--arc-footer-green)) !important;
}

.arc-footer__bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.arc-footer__legal {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	color: var(--arc-footer-ink);
	font-size: 13px;
	line-height: 1.3;
}

.arc-footer__legal a {
	color: var(--arc-footer-ink);
	text-decoration: none;
}

.arc-footer__legal a:hover,
.arc-footer__legal a:focus,
.arc-footer__legal a:focus-visible {
	color: var(--arc-footer-link-hover, var(--arc-footer-green));
}

.arc-footer__legal a:active {
	color: var(--arc-footer-link-pressed, var(--arc-footer-green));
}

.arc-footer__divider {
	color: rgba(255, 255, 255, 0.5);
}

.arc-footer__partner {
	flex: 0 0 auto;
}

.arc-footer__partner-logo {
	max-height: 80px;
	width: auto;
	object-fit: contain;
	display: block;
}

.arc-footer__partner-placeholder {
	width: 220px;
	height: 80px;
	border: 1px dashed rgba(255, 255, 255, 0.25);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.65);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

@media (max-width: 1199px) {
	.arc-footer__top {
		gap: 48px;
	}
}

@media (max-width: 1024px) {
	.arc-footer__container {
		padding: 60px 32px 30px;
		gap: 40px;
	}

	.arc-footer__top {
		padding-top: 48px;
		gap: 48px;
	}

	.arc-footer__headline {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.arc-footer__container {
		padding: 48px 20px 28px;
		gap: 32px;
	}

	.arc-footer__top {
		flex-direction: column;
		align-items: center;
		border-top-width: 1px;
		gap: 32px;
	}

	.arc-footer__form {
		flex-direction: column;
		align-items: flex-start;
	}

	.arc-footer__form input,
	.arc-footer__submit {
		width: 100%;
	}

	.arc-footer__middle {
		flex-direction: column;
	}

	.arc-footer__bottom-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.arc-footer__partner-placeholder,
	.arc-footer__partner-logo {
		margin-top: 4px;
	}
}

.padding-leftside {
	padding-left: calc((100vw - var(--content-width)) / 2);
}

.padding-rightside {
	padding-right: calc((100vw - var(--content-width)) / 2);
}

/* Leadership team cards */
.leadership-team-cards {
	padding: 20px 0 10px;
}

.leadership-team-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
}

@media (max-width: 992px) {
	.leadership-team-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 576px) {
	.leadership-team-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}

.leadership-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: linear-gradient(180deg, #ffffff 0%, #f3f1fb 100%);
	height: 100%;
	overflow: hidden;
}

.leadership-card__photo {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
}

.leadership-card__img {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	object-fit: cover;
	object-position: center center;
}

.leadership-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	padding: 18px 18px 26px;
}

.leadership-card__name {
	margin: 0;
	color: #0d0c33;
}

.leadership-card__title {
	margin: 0;
	color: #0d0c33;
	line-height: 1.4;
}

.leadership-card__bio {
	margin: 4px 0 6px;
	color: #0d0c33;
	font-size: 14px;
	line-height: 1.55;
}

.leadership-card__linkedin {
	display: block;
	align-items: center;
	margin-top: 0;
	width: max-content;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #0d0c33 !important;
	background: transparent !important;
	text-decoration: none !important;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.leadership-card__linkedin:hover,
.leadership-card__linkedin:focus {
	color: var(--arc-green-500) !important;
	border-color: var(--arc-green-500) !important;
}

.leadership-card__linkedin-icon {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.leadership-team-empty {
	text-align: center;
	color: #0d0c33;
}

@keyframes scroll-fade-up {
	100% {
		transform: translate3d(0, -20%, 0);
	}
}

@keyframes scroll-fade-down {
	100% {
		transform: translate3d(0, 20%, 0);
	}
}

@keyframes scroll-fade-scale-in {
	100% {
		transform: scale(0.8, 0.8);
	}
}

@keyframes scroll-fade-out {
	100% {
		opacity: 0;
	}
}

@keyframes scroll-fade-in {
	100% {
		opacity: 1;
	}
}

a.search-button {
	display: none;
}