/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:root {
	/* || fonts */
	--f-sofia: "sofia-pro";
	--f-source-serif: "source-serif-pro", serif;
	--f-inter: "Inter", sans-serif;
	--f-playfair-display: "playfair-display", serif;
	--f-arial: "Arial MT W01 Regular", Arial;
	--f-arial-italic: "Arial MT W01 Italic", Arial;
	--f-arial-bold: "Arial MT W01 Bold", Arial;
	/* || colors */
	--blue: #06418b;
	--blue-v2: #074b7d;
	--blue-200: #021f68;
	--blue-400: #00275a;
	--blue-500: #001641;
	--blue-600: #0a1312;
	--blue-700: #0f3557;
	--teal-100: #94d4e3;
	--teal-200: #65c6dd;
	--teal-300: #00a9ce;
	--gray-100: #f9f9f9;
	--gray-200: #f6f6f6;
	--gray-300: #465766;
	--gray-400: #677179;
	--gray-500: #dedede;
	--gray-dark: #383531;
	--yelow: #e8b962;
	--cloud-sky: #ecf5f9;
	--navy-blue-100: #012351;
	--navy-blue-200: #00213d;
	--white: #fff;
	--divider-lines-color: #d9d9d9;

	/* || font sizes */
	--font-size-base: 1rem;
	--fs-11: 0.6875rem;
	--fs-12: 0.75rem; /* 12px */
	--fs-13: 0.8125rem; /* 13px */
	--fs-14: 0.875rem; /* 14px */
	--fs-15: 0.9375rem; /* 15px */
	--fs-16: 1rem; /* 16px */
	--fs-17: 1.0625rem; /* 17px */
	--fs-18: 1.125rem; /* 18px */
	--fs-19: 1.1875rem; /* 19px */
	--fs-20: 1.25rem; /* 20px */
	--fs-22: 1.375rem; /* 22px */
	--fs-23: 1.4375rem; /* 23px */
	--fs-24: 1.5rem; /* 24px */
	--fs-25: 1.5625rem; /* 25px */
	--fs-26: 1.625rem; /* 26px */
	--fs-27: 1.6875rem; /* 27px */
	--fs-28: 1.75rem; /* 28px */
	--fs-30: 1.875rem; /* 30px */
	--fs-32: 2rem; /* 32px */
	--fs-34: 2.125rem; /* 34px */
	--fs-36: 2.25rem; /* 36px */
	--fs-38: 2.375rem;
	--fs-40: 2.5rem; /* 40px */
	--fs-44: 2.75rem; /* 44px */
	--fs-46: 2.875rem; /* 46px */
	--fs-50: 3.125rem; /* 50px */
	--fs-54: 3.375rem; /* 54px */
	--fs-60: 3.75rem; /* 60px */
	--fs-64: 4rem;	/* 64px */
	--fs-70: 4.375rem; /* 70px */
	--fs-74: 4.625rem; /* 74px */
	--fs-80: 5rem; /* 80px */
	--fs-96: 6rem; /* 96px */
	--fs-100: 6.25rem; /* 100px */
	--fs-104: 6.5rem; /* 104px */
	--fs-110: 6.875rem; /* 110px */
	--fs-124: 7.75rem; /* 124px */
	--fs-128: 8rem; /* 128px */
	--fs-154: 9.625rem; /* 154px */
	--fs-210: 13.125rem; /* 210px */

	/* || utils */
	--g-border-radius: 20px;
	--nav-box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);
	--navbar-height: 68px;
	--site-body-pt: 68px;
	--site-row-margin: .5rem;
	--screen-small-size: 490px;
	--screen-medium-size: 768px;
	--screen-large-size: 1024px;
	--hue: 0;
	--sat: 0%;
	--light: 0%;
	--alpha: 0;
	@media (width >= 992px) {
		--navbar-height: 90px;
		--site-body-pt: 0px;
	}
}
:where(input, select, textarea) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;

	&:focus { outline: 0; }
}
:where(a, button) { cursor: revert; }
:where(*) { font-size: inherit; }
img {
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
}
:where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; }
:where(html, body) {
	scroll-behavior: smooth;
	color-scheme: light;
	font-size: 16px;
}
body {
	font-family: var(--f-inter);
	color: var(--blue-700);
	line-height: 1em;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	font-family: var(--heading-font, var(--f-sofia, inherit));
	font-size: var(--heading-fs, var(--fs-50));
	color: var(--heading-color, var(--blue-700));
	font-weight: var(--heading-fw, 800);
	line-height: var(--heading-lineheight, 1.2);
	letter-spacing: var(--heading-letterspace, -0.01em);
	text-transform: var(--heading-text-transform, none);
	margin: var(--heading-margin, 0.5rem 0);
}
h1, .h1 { --heading-fw: 700; line-height: 1.1;}

h2, .h2 { --heading-fw: 700; }
h3, .h3 {
	--heading-fs: var(--fs-30);
	--heading-fw: 400;
}
h4, .h4 { --heading-fw: 500; }
:where(p, a:not(.button), label, input, dropddown, textarea, select, .small-h1, .small-h2, .small-header, .large-header, .custom1, span, li, strong) {
	font-family: var(--body-font, var(--f-sofia));
	font-size: var(--body-fs, var(--fs-20));
	color: var(--body-color, var(--blue-700));
	font-weight: var(--body-fw, 300);
	line-height: var(--body-lineheight, 1.6);
	letter-spacing: var(--body-letterspace, 0);
	text-transform: var(--body-text-transform, unset);
	margin: var(--body-margin, unset);
	padding: var(--body-padding, unset);
	text-decoration: var(--body-text-decoration, none);
	text-shadow: var(--body-text-shadow, unset);
}
strong { font-weight: 700 !important; }
.custom1 {
	--body-font: var(--f-inter);
	--body-fs: var(--fs-16);
	--body-color: var(--white);
	--body-lineheight: 1.625;
	--body-text-transform: uppercase;
	--body-fw: 600;
}
.small-header {
	--body-fs: var(--fs-32);
	--body-color: var(--blue);
	--body-text-transform: uppercase;
	--body-fw: 600;
	--body-lineheight: 0.9375;
}
.large-header {
	--body-fs: var(--fs-34);
	--body-color: var(--blue);
	--body-fw: 600;
	--body-text-transform: uppercase;
	--body-lineheight: 0.8823;
}
:where(a, a:hover) {
	--link-decoration: none;
	text-decoration: var(--link-decoration) !important;
}
:is(img, picture, svg, video) {
	display: var(--media-display, block);
	max-width: 100%;
	width: var(--media-width, 100%);
	height: var(--media-height, auto) !important;
	background-color: var(--media-bg-color, unset);
	margin: var(--media-margin, 0);
	padding: var(--media-padding, 0);
}
:where(picture, svg) { --media-display: inline-block; }
/*------------------------------
		Small-Spaced Font
------------------------------*/
p.smallp { --body-fs: .8em; }
.is-ie p.smallp { max-width: 100%; }
.small-headline, .blog-right-inner h4 {
	--heading-fs: var(--fs-24);
	--heading-text-transform: uppercase;
	--heading-fw: 400;
	text-align: left;
}
.small-subheadline {
	--heading-fs: 16px;
	--heading-fw: 400;
	text-align: center;
}
@media (width >= 1024px) {
	.modal-open .addthis-smartlayers-mobile { display: none!important; }
}

@media (max-width: 767px) {
	h1 { line-height: 1; }
	h2 { line-height: 1; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			COLORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* || colors */
.text-blue { color: var(--blue); }
.text-blue-v2 { color: var(--blue-v2); }
.text-blue-200 { color: var(--blue-200); }
.text-blue-400 { color: var(--blue-400); }
.text-blue-500 { color: var(--blue-500); }
.text-blue-600 { color: var(--blue-600); }
.text-teal-100 { color: var(--teal-100); }
.text-teal-200 { color: var(--teal-200); }
.text-teal-300 { color: var(--teal-300); }
.text-gray-100 { color: var(--gray-100); }
.text-gray-200 { color: var(--gray-200); }
.text-gray-300 { color: var(--gray-300); }
.text-gray-400 { color: var(--gray-400); }
.text-gray-500 { color: var(--gray-500); }
.text-yellow { color: var(--yellow); }
.text-could-sky { color: var(--could-sky); }
.text-navy-blue-100 { color: var(--navy-blue-100); }
.text-navy-blue-200 { color: var(--navy-blue-200); }
.text-white { color: var(--white); }
/* || colors override */
.\!text-blue { color: var(--blue) !important; }
.\!text-blue-v2 { color: var(--blue-v2) !important; }
.\!text-blue-200 { color: var(--blue-200) !important; }
.\!text-blue-400 { color: var(--blue-400) !important; }
.\!text-blue-500 { color: var(--blue-500) !important; }
.\!text-blue-600 { color: var(--blue-600) !important; }
.\!text-teal-100 { color: var(--teal-100) !important; }
.\!text-teal-200 { color: var(--teal-200) !important; }
.\!text-teal-300 { color: var(--teal-300) !important; }
.\!text-gray-100 { color: var(--gray-100) !important; }
.\!text-gray-200 { color: var(--gray-200) !important; }
.\!text-gray-300 { color: var(--gray-300) !important; }
.\!text-gray-400 { color: var(--gray-400) !important; }
.\!text-gray-500 { color: var(--gray-500) !important; }
.\!text-yellow { color: var(--yellow) !important; }
.\!text-could-sky { color: var(--could-sky) !important; }
.\!text-navy-blue-100 { color: var(--navy-blue-100) !important; }
.\!text-navy-blue-200 { color: var(--navy-blue-200) !important; }
.\!text-white { color: var(--white) !important; }
/* || colors for modules */
:is(.deep\:text-blue) *:not(.button, button, input, textarea) { color: var(--blue); }
:is(.deep\:text-blue-v2) *:not(.button, button, input, textarea) { color: var(--blue-v2); }
:is(.deep\:text-blue-200) *:not(.button, button, input, textarea) { color: var(--blue-200); }
:is(.deep\:text-blue-400) *:not(.button, button, input, textarea) { color: var(--blue-400); }
:is(.deep\:text-blue-500) *:not(.button, button, input, textarea) { color: var(--blue-500); }
:is(.deep\:text-blue-600) *:not(.button, button, input, textarea) { color: var(--blue-600); }
:is(.deep\:text-teal-100) *:not(.button, button, input, textarea) { color: var(--teal-100); }
:is(.deep\:text-teal-200) *:not(.button, button, input, textarea) { color: var(--teal-200); }
:is(.deep\:text-teal-300) *:not(.button, button, input, textarea) { color: var(--teal-300); }
:is(.deep\:text-gray-100) *:not(.button, button, input, textarea) { color: var(--gray-100); }
:is(.deep\:text-gray-200) *:not(.button, button, input, textarea) { color: var(--gray-200); }
:is(.deep\:text-gray-300) *:not(.button, button, input, textarea) { color: var(--gray-300); }
:is(.deep\:text-gray-400) *:not(.button, button, input, textarea) { color: var(--gray-400); }
:is(.deep\:text-gray-500) *:not(.button, button, input, textarea) { color: var(--gray-500); }
:is(.deep\:text-yellow) *:not(.button, button, input, textarea) { color: var(--yellow); }
:is(.deep\:text-could-sky) *:not(.button, button, input, textarea) { color: var(--could-sky); }
:is(.deep\:text-navy-blue-100) *:not(.button, button, input, textarea) { color: var(--navy-blue-100); }
:is(.deep\:text-navy-blue-200) *:not(.button, button, input, textarea) { color: var(--navy-blue-200); }
:is(.deep\:text-white) *:not(.button, button, input, textarea) { color: var(--white); }
/* || bg colors */
.bg-blue { background-color: var(--blue); }
.bg-blue-v2 { background-color: var(--blue-v2); }
.bg-blue-200 { background-color: var(--blue-200); }
.bg-blue-400 { background-color: var(--blue-400); }
.bg-blue-500 { background-color: var(--blue-500); }
.bg-blue-600 { background-color: var(--blue-600); }
.bg-teal-100 { background-color: var(--teal-100); }
.bg-teal-200 { background-color: var(--teal-200); }
.bg-teal-300 { background-color: var(--teal-300); }
.bg-gray-100 { background-color: var(--gray-100); }
.bg-gray-200 { background-color: var(--gray-200); }
.bg-gray-300 { background-color: var(--gray-300); }
.bg-gray-400 { background-color: var(--gray-400); }
.bg-gray-500 { background-color: var(--gray-500); }
.bg-yellow { background-color: var(--yellow); }
.bg-could-sky { background-color: var(--could-sky); }
.bg-navy-blue-100 { background-color: var(--navy-blue-100); }
.bg-navy-blue-200 { background-color: var(--navy-blue-200); }
.bg-white { background-color: var(--white); }
/* || bg colors override */
.\!bg-blue { background-color: var(--blue) !important; }
.\!bg-blue-v2 { background-color: var(--blue-v2) !important; }
.\!bg-blue-200 { background-color: var(--blue-200) !important; }
.\!bg-blue-400 { background-color: var(--blue-400) !important; }
.\!bg-blue-500 { background-color: var(--blue-500) !important; }
.\!bg-blue-600 { background-color: var(--blue-600) !important; }
.\!bg-teal-100 { background-color: var(--teal-100) !important; }
.\!bg-teal-200 { background-color: var(--teal-200) !important; }
.\!bg-teal-300 { background-color: var(--teal-300) !important; }
.\!bg-gray-100 { background-color: var(--gray-100) !important; }
.\!bg-gray-200 { background-color: var(--gray-200) !important; }
.\!bg-gray-300 { background-color: var(--gray-300) !important; }
.\!bg-gray-400 { background-color: var(--gray-400) !important; }
.\!bg-gray-500 { background-color: var(--gray-500) !important; }
.\!bg-yellow { background-color: var(--yellow) !important; }
.\!bg-could-sky { background-color: var(--could-sky) !important; }
.\!bg-navy-blue-100 { background-color: var(--navy-blue-100) !important; }
.\!bg-navy-blue-200 { background-color: var(--navy-blue-200) !important; }
.\!bg-white { background-color: var(--white) !important; }
/*-----------------------------------------------
	Modular fonts
-------------------------------------------------*/
.fs-12 { font-size: var(--fs-12); }
.fs-13 { font-size: var(--fs-13); }
.fs-14 { font-size: var(--fs-14); }
.fs-15 { font-size: var(--fs-15); }
.fs-16 { font-size: var(--fs-16); }
.fs-17 { font-size: var(--fs-17); }
.fs-18 { font-size: var(--fs-18); }
.fs-19 { font-size: var(--fs-19); }
.fs-20 { font-size: var(--fs-20); }
.fs-22 { font-size: var(--fs-22); }
.fs-23 { font-size: var(--fs-23); }
.fs-24 { font-size: var(--fs-24); }
.fs-25 { font-size: var(--fs-25); }
.fs-27 { font-size: var(--fs-27); }
.fs-28 { font-size: var(--fs-28); }
.fs-30 { font-size: var(--fs-30); }
.fs-32 { font-size: var(--fs-32); }
.fs-34 { font-size: var(--fs-34); }
.fs-40 { font-size: var(--fs-40); }
.fs-44 { font-size: var(--fs-44); }
.fs-46 { font-size: var(--fs-46); }
.fs-50 { font-size: var(--fs-50); }
.fs-54 { font-size: var(--fs-54); }
.fs-60 { font-size: var(--fs-60); }
.fs-64 { font-size: var(--fs-64); }
.fs-70 { font-size: var(--fs-70); }
.fs-74 { font-size: var(--fs-74); }
.fs-80 { font-size: var(--fs-80); }
.fs-96 { font-size: var(--fs-96); }
.fs-100 { font-size: var(--fs-100); }
.fs-104 { font-size: var(--fs-104); }
.fs-128 { font-size: var(--fs-128); }
.fs-154 { font-size: var(--fs-154); }
.fs-210 { font-size: var(--fs-210); }
/* sm 640px */
@media (width >= 640px) {
	.sm\:fs-12 { font-size: var(--fs-12); }
	.sm\:fs-13 { font-size: var(--fs-13); }
	.sm\:fs-14 { font-size: var(--fs-14); }
	.sm\:fs-15 { font-size: var(--fs-15); }
	.sm\:fs-16 { font-size: var(--fs-16); }
	.sm\:fs-17 { font-size: var(--fs-17); }
	.sm\:fs-18 { font-size: var(--fs-18); }
	.sm\:fs-19 { font-size: var(--fs-19); }
	.sm\:fs-20 { font-size: var(--fs-20); }
	.sm\:fs-22 { font-size: var(--fs-22); }
	.sm\:fs-23 { font-size: var(--fs-23); }
	.sm\:fs-24 { font-size: var(--fs-24); }
	.sm\:fs-27 { font-size: var(--fs-27); }
	.sm\:fs-28 { font-size: var(--fs-28); }
	.sm\:fs-30 { font-size: var(--fs-30); }
	.sm\:fs-32 { font-size: var(--fs-32); }
	.sm\:fs-34 { font-size: var(--fs-34); }
	.sm\:fs-40 { font-size: var(--fs-40); }
	.sm\:fs-44 { font-size: var(--fs-44); }
	.sm\:fs-46 { font-size: var(--fs-46); }
	.sm\:fs-50 { font-size: var(--fs-50); }
	.sm\:fs-54 { font-size: var(--fs-54); }
	.sm\:fs-60 { font-size: var(--fs-60); }
	.sm\:fs-64 { font-size: var(--fs-64); }
	.sm\:fs-70 { font-size: var(--fs-70); }
	.sm\:fs-74 { font-size: var(--fs-74); }
	.sm\:fs-80 { font-size: var(--fs-80); }
	.sm\:fs-96 { font-size: var(--fs-96); }
	.sm\:fs-100 { font-size: var(--fs-100); }
	.sm\:fs-104 { font-size: var(--fs-104); }
	.sm\:fs-128 { font-size: var(--fs-128); }
	.sm\:fs-154 { font-size: var(--fs-154); }
	.sm\:fs-210 { font-size: var(--fs-210); }
}
/* md 768px */
@media (width >= 768px)  {
	.md\:fs-12 { font-size: var(--fs-12); }
	.md\:fs-13 { font-size: var(--fs-13); }
	.md\:fs-14 { font-size: var(--fs-14); }
	.md\:fs-15 { font-size: var(--fs-15); }
	.md\:fs-16 { font-size: var(--fs-16); }
	.md\:fs-17 { font-size: var(--fs-17); }
	.md\:fs-18 { font-size: var(--fs-18); }
	.md\:fs-19 { font-size: var(--fs-19); }
	.md\:fs-20 { font-size: var(--fs-20); }
	.md\:fs-22 { font-size: var(--fs-22); }
	.md\:fs-23 { font-size: var(--fs-23); }
	.md\:fs-24 { font-size: var(--fs-24); }
	.md\:fs-27 { font-size: var(--fs-27); }
	.md\:fs-28 { font-size: var(--fs-28); }
	.md\:fs-30 { font-size: var(--fs-30); }
	.md\:fs-32 { font-size: var(--fs-32); }
	.md\:fs-34 { font-size: var(--fs-34); }
	.md\:fs-40 { font-size: var(--fs-40); }
	.md\:fs-44 { font-size: var(--fs-44); }
	.md\:fs-46 { font-size: var(--fs-46); }
	.md\:fs-50 { font-size: var(--fs-50); }
	.md\:fs-54 { font-size: var(--fs-54); }
	.md\:fs-60 { font-size: var(--fs-60); }
	.md\:fs-64 { font-size: var(--fs-64); }
	.md\:fs-70 { font-size: var(--fs-70); }
	.md\:fs-74 { font-size: var(--fs-74); }
	.md\:fs-80 { font-size: var(--fs-80); }
	.md\:fs-96 { font-size: var(--fs-96); }
	.md\:fs-100 { font-size: var(--fs-100); }
	.md\:fs-104 { font-size: var(--fs-104); }
	.md\:fs-128 { font-size: var(--fs-128); }
	.md\:fs-154 { font-size: var(--fs-154); }
	.md\:fs-210 { font-size: var(--fs-210); }
}
/* lg 1024px */
@media (width >= 1024px) {
	.lg\:fs-12 { font-size: var(--fs-12); }
	.lg\:fs-13 { font-size: var(--fs-13); }
	.lg\:fs-14 { font-size: var(--fs-14); }
	.lg\:fs-15 { font-size: var(--fs-15); }
	.lg\:fs-16 { font-size: var(--fs-16); }
	.lg\:fs-17 { font-size: var(--fs-17); }
	.lg\:fs-18 { font-size: var(--fs-18); }
	.lg\:fs-19 { font-size: var(--fs-19); }
	.lg\:fs-20 { font-size: var(--fs-20); }
	.lg\:fs-22 { font-size: var(--fs-22); }
	.lg\:fs-23 { font-size: var(--fs-23); }
	.lg\:fs-24 { font-size: var(--fs-24); }
	.lg\:fs-27 { font-size: var(--fs-27); }
	.lg\:fs-28 { font-size: var(--fs-28); }
	.lg\:fs-30 { font-size: var(--fs-30); }
	.lg\:fs-32 { font-size: var(--fs-32); }
	.lg\:fs-34 { font-size: var(--fs-34); }
	.lg\:fs-40 { font-size: var(--fs-40); }
	.lg\:fs-44 { font-size: var(--fs-44); }
	.lg\:fs-46 { font-size: var(--fs-46); }
	.lg\:fs-50 { font-size: var(--fs-50); }
	.lg\:fs-54 { font-size: var(--fs-54); }
	.lg\:fs-60 { font-size: var(--fs-60); }
	.lg\:fs-64 { font-size: var(--fs-64); }
	.lg\:fs-70 { font-size: var(--fs-70); }
	.lg\:fs-74 { font-size: var(--fs-74); }
	.lg\:fs-80 { font-size: var(--fs-80); }
	.lg\:fs-96 { font-size: var(--fs-96); }
	.lg\:fs-100 { font-size: var(--fs-100); }
	.lg\:fs-104 { font-size: var(--fs-104); }
	.lg\:fs-128 { font-size: var(--fs-128); }
	.lg\:fs-154 { font-size: var(--fs-154); }
	.lg\:fs-210 { font-size: var(--fs-210); }
}
/* xl 1280px */
@media (width >= 1280px) {
	.xl\:fs-12 { font-size: var(--fs-12); }
	.xl\:fs-13 { font-size: var(--fs-13); }
	.xl\:fs-14 { font-size: var(--fs-14); }
	.xl\:fs-15 { font-size: var(--fs-15); }
	.xl\:fs-16 { font-size: var(--fs-16); }
	.xl\:fs-17 { font-size: var(--fs-17); }
	.xl\:fs-18 { font-size: var(--fs-18); }
	.xl\:fs-19 { font-size: var(--fs-19); }
	.xl\:fs-20 { font-size: var(--fs-20); }
	.xl\:fs-22 { font-size: var(--fs-22); }
	.xl\:fs-23 { font-size: var(--fs-23); }
	.xl\:fs-24 { font-size: var(--fs-24); }
	.xl\:fs-27 { font-size: var(--fs-27); }
	.xl\:fs-28 { font-size: var(--fs-28); }
	.xl\:fs-30 { font-size: var(--fs-30); }
	.xl\:fs-32 { font-size: var(--fs-32); }
	.xl\:fs-34 { font-size: var(--fs-34); }
	.xl\:fs-40 { font-size: var(--fs-40); }
	.xl\:fs-44 { font-size: var(--fs-44); }
	.xl\:fs-46 { font-size: var(--fs-46); }
	.xl\:fs-50 { font-size: var(--fs-50); }
	.xl\:fs-54 { font-size: var(--fs-54); }
	.xl\:fs-60 { font-size: var(--fs-60); }
	.xl\:fs-64 { font-size: var(--fs-64); }
	.xl\:fs-70 { font-size: var(--fs-70); }
	.xl\:fs-74 { font-size: var(--fs-74); }
	.xl\:fs-80 { font-size: var(--fs-80); }
	.xl\:fs-96 { font-size: var(--fs-96); }
	.xl\:fs-100 { font-size: var(--fs-100); }
	.xl\:fs-104 { font-size: var(--fs-104); }
	.xl\:fs-128 { font-size: var(--fs-128); }
	.xl\:fs-154 { font-size: var(--fs-154); }
	.xl\:fs-210 { font-size: var(--fs-210); }
}
/* 2xl 1536px */
@media (width >= 1536px) {
	.\32xl\:fs-12 { font-size: var(--fs-12); }
	.\32xl\:fs-13 { font-size: var(--fs-13); }
	.\32xl\:fs-14 { font-size: var(--fs-14); }
	.\32xl\:fs-15 { font-size: var(--fs-15); }
	.\32xl\:fs-16 { font-size: var(--fs-16); }
	.\32xl\:fs-17 { font-size: var(--fs-17); }
	.\32xl\:fs-18 { font-size: var(--fs-18); }
	.\32xl\:fs-19 { font-size: var(--fs-19); }
	.\32xl\:fs-20 { font-size: var(--fs-20); }
	.\32xl\:fs-22 { font-size: var(--fs-22); }
	.\32xl\:fs-23 { font-size: var(--fs-23); }
	.\32xl\:fs-24 { font-size: var(--fs-24); }
	.\32xl\:fs-27 { font-size: var(--fs-27); }
	.\32xl\:fs-28 { font-size: var(--fs-28); }
	.\32xl\:fs-30 { font-size: var(--fs-30); }
	.\32xl\:fs-32 { font-size: var(--fs-32); }
	.\32xl\:fs-34 { font-size: var(--fs-34); }
	.\32xl\:fs-40 { font-size: var(--fs-40); }
	.\32xl\:fs-44 { font-size: var(--fs-44); }
	.\32xl\:fs-46 { font-size: var(--fs-46); }
	.\32xl\:fs-50 { font-size: var(--fs-50); }
	.\32xl\:fs-54 { font-size: var(--fs-54); }
	.\32xl\:fs-60 { font-size: var(--fs-60); }
	.\32xl\:fs-64 { font-size: var(--fs-64); }
	.\32xl\:fs-70 { font-size: var(--fs-70); }
	.\32xl\:fs-74 { font-size: var(--fs-74); }
	.\32xl\:fs-80 { font-size: var(--fs-80); }
	.\32xl\:fs-96 { font-size: var(--fs-96); }
	.\32xl\:fs-100 { font-size: var(--fs-100); }
	.\32xl\:fs-104 { font-size: var(--fs-104); }
	.\32xl\:fs-128 { font-size: var(--fs-128); }
	.\32xl\:fs-154 { font-size: var(--fs-154); }
	.\32xl\:fs-210 { font-size: var(--fs-210); }
}
/*------------------------------------
	Positioning Helpers
--------------------------------------*/
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.top-50 { top: 50%; }
.bottom-50 { bottom: 50%; }
.left-50 { left: 50%; }
.right-50 { right: 50%; }
.top-100 { top: 100%; }
.bottom-100 { bottom: 100%; }
.left-100 { left: 100%; }
.right-100 { right: 100%; }
.translate-xy-50 { transform: translate(-50%, -50%); }
.translate-y-50 { transform: translateY(50%); }
.translate-y-negative-50 { transform: translateY(-50%); }
.z-1 { z-index: -1; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z999 { z-index: 999; }
/* Adds Margin to <li> */
*[class*="ul-space"] {
	--top-m: 0.25rem;
	--bottom-m: 0.25rem;
}
div[class*="ul-space"] ul > * + *:not(:last-of-type),
ul[class*="ul-space"] > * + *:not(:last-of-type) {
	margin-top: var(--top-m);
	margin-bottom: var(--bottom-m);
}
.ul-space-y-1 { --top-m: 0.25rem; --bottom-m: 0.25rem; }
.ul-space-y-2 { --top-m: 0.5rem; --bottom-m: 0.5rem; }
.ul-space-y-3 { --top-m: 0.75rem; --bottom-m: 0.75rem; }
.ul-space-y-4 { --top-m: 1rem; --bottom-m: 1rem; }
:is(*[class*="carousel-overlay"]) :is(.carouselPage),
:is(*[class*="dark-overlay"]) {
	--color-overlay: .15;
	position: relative;
}
:is(*[class*="carousel-overlay"]) :is(.carouselPage)::before,
:is(*[class*="dark-overlay"])::before {
	content: '';
	background-color: rgba(0, 0, 0, var(--color-overlay));
	width: 100%;
	height: 100%;
	position: absolute;
}
:is(*[class*="!carousel-overlay"]) :is(.carouselPage)::before,
:is(*[class*="!dark-overlay"])::before { background-color: rgba(0, 0, 0, var(--color-overlay)) !important; }
:is(.dark-overlay-1), :is(.carousel-overlay-1) :is(.carouselPage) { --color-overlay: .15; }
:is(.dark-overlay-2), :is(.carousel-overlay-2) :is(.carouselPage) { --color-overlay: .2; }
:is(.dark-overlay-3), :is(.carousel-overlay-3) :is(.carouselPage) { --color-overlay: .25; }
:is(.dark-overlay-4), :is(.carousel-overlay-4) :is(.carouselPage) { --color-overlay: .3; }
:is(.dark-overlay-5), :is(.carousel-overlay-5) :is(.carouselPage) { --color-overlay: .35; }
:is(.dark-overlay-6), :is(.carousel-overlay-6) :is(.carouselPage) { --color-overlay: .4; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.row-margin { margin: var(--site-row-margin); }
blockquote { font-style: italic; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.text-underline { text-decoration: underline; }
.text-to-center { text-align: center; }
.text-to-left { text-align: left; }
.text-to-right { text-align: right; }
.bold-100 { font-weight: 100; }
.bold-200 { font-weight: 200; }
.bold-300 { font-weight: 300; }
.bold-400 { font-weight: 400; }
.bold-600 { font-weight: 600; }
.bold-700 { font-weight: 700; }
.bold-800 { font-weight: 800; }
.leading-0 { line-height: 0; }
.leading-1 { line-height: 1; }
.leading-2 { line-height: 1.25; }
.leading-3 { line-height: 1.5; }
.leading-4 { line-height: 1.75; }
.leading-5 { line-height: 2; }
/* rounded images */
.rounded-images-corners :is(img, .feature-bg, .zoom) { border-radius: var(--g-border-radius); }
:where(.rounded-corners) { border-radius: var(--g-border-radius); }
.show-bullets li a {
	color: #b89614;
	text-decoration: underline;
}
#scroll-top-btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	background-color: #003146;
	color: #d7c300;
	border-radius: 19px;
	padding: 11px 19px;
	font-size: 14px;
	min-height: 38px;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
/*---------------------------------
		Default Button
-----------------------------------*/
:is(.button, .button2, .hs-button), :is(.more-content),
:where(.btn-default) :where(.button, .button2, .hs-button),
button:not(:where(div:is(#map-canvas) button)):not(:where(#map) button):not(#cboxClose):not(:where(.slick-dots) button) {
	align-items: center;
	background-color: transparent;
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, var(--blue-700));
	border-radius: var(--btn-border-radius, 5px);
	color: var(--btn-text-color, var(--blue-700));
	cursor: pointer;
	display: var(--btn-display, inline-flex);
	font-family: var(--btn-font, var(--f-sofia));
	font-size: var(--btn-fs, var(--fs-18));
	font-weight: var(--btn-fontweight, 500);
	justify-content: var(--btn-justify-content, center);
	letter-spacing: var(--btn-letterspacing, 0);
	line-height: var(--btn-lineheight, 1);
	min-height: var(--btn-minheight, 52px);
	max-height: var(--btn-maxheight, 56px);
	min-width: var(--btn-width, 210px);
	opacity: var(--btn-opacity, 1);
	overflow: hidden;
	padding: var(--btn-padding, 22px 28px 24px);
	position: relative;
	text-align: center;
	text-transform: var(--btn-text-transform, none);
}
.button, .button2, button, button:hover { transition: all .2s ease-in-out; }
:is(.button, .button2):hover,
:is(.btn-default) :is(.button, .button2):hover {
	--btn-bg-color: var(--gray-100);
	background-color: var(--gray-100);
	--btn-border-color: var(--blue-700);
}
/*----------------------
	Button Themes
------------------------*/
/* default reversed */
:is(.btn-default-reversed) :is(.button, .button2),
:is(.button.btn-default-reversed, .button2.btn-default-reversed) {
	--btn-text-color: var(--white);
	--btn-bg-color: var(--blue-700);
	--btn-border-color: var(--white);
	color: var(--white);
}
:is(.btn-default-white) {
	--btn-text-color: var(--white);
	--btn-border-color: var(--white);
    background-color: transparent;
	color: var(--white);
}
:is(.btn-default-white):hover {
	--btn-text-color: var(--white);
	--btn-bg-color: var(--blue-700);
	--btn-border-color: var(--white);
    background-color: var(--white);
	color: var(--blue-700);
}
:is(.btn-default-reversed) :is(.button, .button2):hover,
:is(.button.btn-default-reversed, .button2.btn-default-reversed):hover {
	--btn-bg-color: var(--blue);
	--btn-border-color: var(--white);
}
/* teal btn */
:is(.btn-teal-theme) :is(.button, .button2),
:is(.button.btn-teal-theme, .button2.btn-teal-theme) {
	--btn-bg-color: var(--teal-200);
	--btn-border-color: none;

}
:is(.btn-teal-theme) :is(.button, .button2):hover,
:is(.button.btn-teal-theme, .button2.btn-teal-theme):hover {
	--btn-text-color: var(--blue-700);
	--btn-bg-color: var(--teal-100);
	--btn-border-color: none;
}
/* button helpers */
.btn\:fit-content .button,
.button.btn\:fit-content { min-width: fit-content; width: fit-content; }
.hover\:bg\:blue-100:hover { background-color: var(--blue-100); }
.hover\:yellow-100:hover { color: var(--yellow-100); }
/* button-container */
:where(.button-container) {
	--btn-container-max-w: var(--screen-medium-size);
	--btn-container-display: flex;
	--btn-container-justify-content: center;
	--btn-container-align-items: center;
	--btn-container-flex-direction: column;
	--btn-container-margin: 0.5rem;
	--btn-container-button-margin: 0.5rem 0;

	max-width:  var(--btn-container-max-w);
	display: var(--btn-container-display);
	justify-content: var(--btn-container-justify-content);
	align-items: var(--btn-container-align-items);
	flex-direction: var(--btn-container-flex-direction);
	margin: var(--btn-container-margin);
}
:where(.button-container) .button { margin: var(--btn-container-button-margin); }
@media (width >= 768px) {
	:where(.button-container) {
		--btn-container-flex-direction: row;
		--btn-container-justify-content: space-evenly;
		--btn-container-margin: 4rem auto;
		--btn-container-button-margin: 0 1.5rem;
	}
}
/*------------------------------
	Light Grey Button
------------------------------*/
.cancel-button.button {
	--btn-bg-color: transparent;
	--btn-border-color: var(--blue);
	--btn-text-color: var(--blue);
	--btn-text-transform: capitalize;
}
.cancel-button.button span { --body-color: var(--blue); }
.cancel-button.button:hover {
	--btn-bg-color: var(--gray-low);
	--btn-text-color: var(--blue);
}
.cancel-button.button:hover span { --body-color: var(--blue); }
/*------------------------------
	Back Button / Other Grey Links
------------------------------*/
.back-button a, .print-button, #ModelName .builderName{
	--body-color:var(--gray-400);
	--link-decoration: none;
}
.clear-square-footage-button { font-size: var(--fs-14); }
/*------------------------------
	Intro Block Links
------------------------------*/
.intro-block a:not(.button, .home-link) {
	--body-color: var(--blue);
	--body-fw: 700;
	--body-text-decoration: none;
}
@media (width < 768px) {
	.intro-block h1 { flex-direction: column; }
}
/*------------------------------
	Hero Slider
------------------------------*/
.cycle-pager { display: none; }
.carouselPage {
	--card-padding: 60px 20px;
	--card-bg-color: transparent;
	--card-w: 100%;
}
.carouselItemCopy {
	background: var(--card-bg-color);
	padding: var(--card-padding);
	width: var(--card-w);
}
@media (width < 768px) {
	.carouselPage { --card-w: 100%; }
}
@media (width >= 768px) {
	.carouselPage { --card-w: 320px; }
}
@media (width >= 992px) {
	.desktop-carousel { display: block; }
	.mobile-carousel { display: none; }
}
@media (width < 992px) {
	.desktop-carousel { display: none !important; }
	.mobile-carousel, .mobile-carousel .cycle-slideshow { display: block !important; }
}
/*----------------------------------
	Hero Background Video
------------------------------------*/
:is(.tall-carousel) .carouselPage:before { background: unset; }
:where(.hero-video-section, .hero-section) {
	--hero-container-height: 0;
	--hero-height: calc(var(--hero-container-height) - var(--nav-height, var(--navbar-height)));
	--hero-display: flex;
	--hero-justify-content: center;
	--hero-align-items: center;
	--hero-flex-direction: column;
	--video-position: unset;
	--video-top: unset;
	--video-left: unset;
	--video-right: unset;
	--video-bottom: unset;
	--video-zindex: 2;
	height: var(--hero-height);
}
:is(.hero-section) :is(.carouselPage, .cycle-slideshow) {
	margin-bottom: 0;
	display: block !important;
}
:is(.hero-section) {
	&.show-hero-desktop :is(.carouselPage, .cycle-slideshow) {
		@media (width >= 992px) { display: block !important; }
		@media (width < 992px) { display: none !important; }
	}
	&.show-hero-mobile :is(.carouselPage, .cycle-slideshow) {
		@media (width < 768px) { display: block !important; }
		@media (width >= 768px) { display: none !important; }
	}
	&.show-hero-desktop-tablet :is(.carouselPage, .cycle-slideshow) {
		@media (width >= 768px) { display: block !important; }
		@media (width < 768px) { display: none !important; }
	}
	&.show-hero-mobile-tablet :is(.carouselPage, .cycle-slideshow) {
		@media (width < 992px) { display: block !important; }
		@media (width >= 992px) { display: none !important; }
	}
}
:is(.hero-section) :where(.carouselPage, .cycle-slideshow),
:is(.hero-video-section) > .container > .row > .col-md-12 { height: var(--hero-height); }
:is(.hero-section, .hero-video-section).hero-100 { --hero-container-height: 100vh; }
:is(.hero-section, .hero-video-section).hero-95 { --hero-container-height: 95vh; }
:is(.hero-section, .hero-video-section).hero-90 { --hero-container-height: 90vh; }
:is(.hero-section, .hero-video-section).hero-85 { --hero-container-height: 85vh; }
:is(.hero-section, .hero-video-section).hero-80 { --hero-container-height: 80vh; }
:is(.hero-section, .hero-video-section).hero-75 { --hero-container-height: 75vh; }
:is(.hero-section, .hero-video-section).hero-70 { --hero-container-height: 70vh; }
:is(.hero-section, .hero-video-section).hero-65 { --hero-container-height: 65vh; }
:is(.hero-section, .hero-video-section).hero-60 { --hero-container-height: 60vh; }
:is(.hero-section, .hero-video-section).hero-55 { --hero-container-height: 55vh; }
:is(.hero-section, .hero-video-section).hero-50 { --hero-container-height: 50vh; }
:is(.hero-video-section) {
	--hero-min-height: 540px;
	background-size: cover;
	background-position: center;
	display: var(--hero-display);
	justify-content: center;
	align-items: center;
	min-height: var(--hero-min-height);
}
:is(.hero-video-section) :where(.container .row, .container) {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
:is(.hero-video-section) > .container > .row > .col-md-12,
:is(.hero-video-section) .video_overlay {
	display: var(--hero-display);
	align-items: var(--hero-align-items);
	justify-content: var(--hero-justify-content);
	height: var(--hero-height);
	min-height: var(--hero-min-height);
}
:is(.hero-video-section) :where(.video_container, .video_overlay) {
	position: var(--video-position);
	top: var(--video-top);
	left: var(--video-left);
	right: var(--video-right);
	bottom: var(--video-bottom);
	z-index: var(--video-zindex);
}
:is(.hero-video-section) .video_container {
	--video-position: absolute;
	--video-top: 0;
	--video-left: 0;
	--video-right: 0;
	--video-bottom: 0;
	--video-zindex: 1;
	overflow: hidden;
	display: var(--hero-display);
}
:where(.hero-video-section) .video_container video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
:is(.hero-video-section) .video_overlay {
	width: 100%;
	flex-direction: var(--hero-flex-direction);
}
:where(.hero-video-section) .video_overlay p {
	--body-color: #fff;
	text-align: center;
}
:where(.hero-title) {
	--body-color: #fff;
	--body-fw: 700;
	--body-fs: var(--fs-40);
	--body-text-transform: initial;
	--body-font: var(--f-sofia);
	--body-lineheight: 2.75rem;
    --body-text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.27);
	@media (width < 992px) { --body-fs: var(--fs-28); --body-lineheight: 1.8rem; }
}
:where(.hero-subtitle) {
	--body-font: var(--f-sofia);
	--body-fw: 600;
	--body-color: #fff;
	--body-fs: var(--fs-18);
	--body-text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.27);
	--body-lineheight: 1.75rem;
	@media (width < 992px) { --body-fs: var(--fs-18); }
}
/* md 768px */
@media (width >= 768px)  {
	:is(.carousel-section, .hero-video-section).md\:hero-100 { --hero-container-height: 100vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-95 { --hero-container-height: 95vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-90 { --hero-container-height: 90vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-85 { --hero-container-height: 85vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-80 { --hero-container-height: 80vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-75 { --hero-container-height: 75vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-70 { --hero-container-height: 70vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-65 { --hero-container-height: 65vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-60 { --hero-container-height: 60vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-55 { --hero-container-height: 55vh; }
	:is(.carousel-section, .hero-video-section).md\:hero-50 { --hero-container-height: 50vh; }
}
/* lg 1024px */
@media (width >= 1024px) {
	:is(.homepage) { --nav-height: 0px; }
	:is(.carousel-section, .hero-video-section).lg\:hero-100 { --hero-container-height: 100vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-95 { --hero-container-height: 95vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-90 { --hero-container-height: 90vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-85 { --hero-container-height: 85vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-80 { --hero-container-height: 80vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-75 { --hero-container-height: 75vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-70 { --hero-container-height: 70vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-65 { --hero-container-height: 65vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-60 { --hero-container-height: 60vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-55 { --hero-container-height: 55vh; }
	:is(.carousel-section, .hero-video-section).lg\:hero-50 { --hero-container-height: 50vh; }
}
/* xl 1280px */
@media (width >= 1280px) {
	:is(.carousel-section, .hero-video-section).xl\:hero-100 { --hero-container-height: 100vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-95 { --hero-container-height: 95vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-90 { --hero-container-height: 90vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-85 { --hero-container-height: 85vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-80 { --hero-container-height: 80vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-75 { --hero-container-height: 75vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-70 { --hero-container-height: 70vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-65 { --hero-container-height: 65vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-60 { --hero-container-height: 60vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-55 { --hero-container-height: 55vh; }
	:is(.carousel-section, .hero-video-section).xl\:hero-50 { --hero-container-height: 50vh; }
}
/* 2xl 1536px */
@media (width >= 1536px) {
	:is(.carousel-section, .hero-video-section).\32xl\:hero-100 { --hero-container-height: 100vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-95 { --hero-container-height: 95vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-90 { --hero-container-height: 90vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-85 { --hero-container-height: 85vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-80 { --hero-container-height: 80vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-75 { --hero-container-height: 75vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-70 { --hero-container-height: 70vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-65 { --hero-container-height: 65vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-60 { --hero-container-height: 60vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-55 { --hero-container-height: 55vh; }
	:is(.carousel-section, .hero-video-section).\32xl\:hero-50 { --hero-container-height: 50vh; }
}
/* Responsive embed Youtube video */
.embed-responsive-16by9,
.iframe-map-module .map-module div[class*="col-md"] > div { padding-bottom: 56.25% !important; }
.embed-responsive,
.iframe-map-module .map-module div[class*="col-md"] > div {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.iframe-map-module .map-module .embed-responsive-item {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
@media (width < 768px) {
	.iframe700 iframe, .iframe700 iframe.tall-iframe,
	iframe[src*="https://my.matterport"], .maplocation iframe, .iframe800 iframe { height: 450px; }
}
.interactive-map .gm-style .gm-style-iw-d img {
	@media (width < 767px) {
		width: 200px !important;
	}
}
:where(#map-canvas) {
	--map-height: 1000px;
	width: 100%;
	height: var(--map-height);

	& * {
		font-size: 16px !important;

		@media (width < 767px) {
			line-height: 1.2;
		}
	}
	& button:not(.gm-fullscreen-control) img { width: 13px !important; }
	& .gm-svpc { display: none !important; }
}
:where(.interactive-map) {
	& .accordion-toggle {
		--body-fs: var(--fs-16);
		--body-fw: 700;
	}
	& .accordion-content :where(label, span) {
		--body-fs: var(--fs-16);
		font-weight: 400;
	}
	& .googleSubNavListItem { margin-bottom: 0; }
	& .close-x {
		--btn-bg-color: transparent;
		--btn-border-color: var(--blue);
		--btn-text-color: var(--blue);
		margin-top: 1rem;
	}
}
:where(.mapDesclaimer) :where(p, span) {
	--body-fs: var(--fs-12);
	--body-color: var(--gray);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			GRID CUSTOMIZATIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.full-bleed h3 {
	--heading-font: var(--f-inter);
	--heading-fw: normal;
	max-width: 320px;
}
.social-links h4 {
	--heading-fs: 34px;
	--heading-lineheight: 1.2em;
	--heading-text-transform: uppercase;
}
.social-links a { --body-color: #fff; }
.cta-block { margin: 40px auto 0; }
.cta-block-content { --body-font: var(--f-inter); }
.cta-block-content p, .cta-block-content h5 {
	--heading-lineheight: 1.5em;
	--heading-color: white;
}
.cta-block-content .subHeadline { display: none; }
:where(.medium-container, .intro-block) :is(h1 + p, h1 + p a) {
	--body-fs: var(--fs-20);
	--body-lineheight: 1.5;
	text-align: center;
}
:where(.grid-container) {
	display: var(--grid-container-display, grid);
	grid-template-columns: var(--grid-container-template-cols, 1fr);
	gap: var(--grid-container-gap, 1rem);
	justify-content: var(--grid-container-justify, inherit);
	grid-column: var(--grid-container-cols, unset);
}
/*----------------------------------
	Feature Block Section
------------------------------------*/
:is(.feature-block-wrap) .feature-block { text-align: left; }
:is(.feature-block-wrap) .feature-block .subHeadline {
	--body-fs: var(--fs-20);
	--body-color: var(--blue-700);
	--body-fw: 700;
	--body-lineheight: 1.2;
	--body-margin: 1.5rem 0 0.5rem 0;
	--body-text-transform: uppercase;
}
:is(.feature-block-wrap) .feature-block .headline {
	--heading-font: var(--f-veneer);
	--heading-fs: var(--fs-32);
	--heading-color: var(--blue-700);
	--heading-text-transform: uppercase;
	--heading-margin: 1rem 0 0;
}
:is(.feature-block-wrap) .image-label { display: none; }
:is(.feature-block) .button { display: inline-flex; }
:is(.custom-feature-module) .feature-block-wrap {
	--custom-feature-cols: 1;
	--div-temp-cols: 1;
	--div-gap: 2rem;
	--div-display: flex;
	display: var(--div-display);
}
:is(.custom-feature-module) .feature-block-wrap .feature-block {
	--div-bg-color: var(--white);
	width: 100%;
	padding-inline: 0;
	text-align: center;
}
:is(.custom-feature-module) .feature-block-wrap p:not(.subHeadline) { --body-font: var(--f-basic-sans); }
:is(.custom-feature-module) .feature-block-wrap a { --body-padding: 0; }
:is(.model-homes-section) .feature-block p + .button { margin-top: .5rem; }
@media (width < 768px) {
	.intro-block .type-headline_centered text h1 { --heading-margin: 25px 0 0; }
	.feature-block-wrap .image-label { --body-padding: 8px 5px; }
	.video-module .gallery-module .gallery-social { text-align: center; }
	:is(.custom-feature-module) .feature-block-wrap .feature-block { width: calc(100% - 2rem); }
}
@media (width >= 768px) {
	:is(.custom-feature-module) .feature-block-wrap {
		--div-display: grid;
		--div-temp-cols: 2;
	}
}
@media (width >= 992px) {
	:is(.custom-feature-module) .feature-block-wrap { --div-temp-cols: 3; }
}
/*----------------------------------
	BG Graphics
------------------------------------*/
:where(.bg-graphic) {
	--bg-content: unset;
	--bg-graphic-img: unset;
	--bg-position: center;
	--bg-size: cover;
	--bg-height: 100%;
	--bg-width: 100%;
	--bg-top: unset;
	--bg-right: unset;
	--bg-bottom: unset;
	--bg-left: unset;
	--bg-transform: unset;
	--bg-z-index: unset;
	position: relative;
}
:where(.bg-graphic)::before {
	content: var(--bg-content);
	background-image: var(--bg-graphic-img);
	background-position: var(--bg-position);
	background-size: var(--bg-size);
	background-repeat: no-repeat;
	position: absolute;
	top: var(--bg-top);
	right: var(--bg-right);
	left: var(--bg-left);
	bottom: var(--bg-bottom);
	height: var(--bg-height);
	width: var(--bg-width);
	transform: var(--bg-transform);
	z-index: var(--bg-z-index);
}
@media (width >= 1280px) {
	:where(.bg-graphic) { --bg-content: ""; }
}
/* inline form graphic */
:where(.bg-graphic.form-container)::before { content: ""; }
/*------------------------------------
	Inline Form Global Styles
--------------------------------------*/
:where(.inline-form-section) {
	--img-display: none;
	& :where(.form-container) {
		--bg-graphic-img: url(/media/9702783/form-background-mobile.jpg);
		--bg-position: center;
		--bg-size: cover;
		--bg-height: 100%;
		--bg-width: 100%;
		--bg-top: 0;
		--bg-color: var(--cream);
		--div-bg-color: var(--bg-color);
		--div-display: flex;
		--div-justify-content: center;
		--div-align-items: center;
		--div-flex-dir: column;
		--div-padding: 2rem;
		& h3 {
			--heading-fs: var(--fs-32);
			position: relative;
			z-index: 5;
			@media (992px <= width <= 1024px) {
				--heading-fs: var(--fs-30);
			}
		}
		& .form-field-section {
			--div-max-h: 175px;
			--div-padding: 0;
			--div-bg-color: transparent;
			position: relative;
			z-index: 5;
			& div { background: transparent; }
			& input { --body-fs: var(--fs-16); }
			& .disclaimer {
				--body-fs: var(--fs-16);
				--body-margin: 30px 0 10px;
				--body-lineheight: 28px;
				--body-letterspace: 0.028em;
			}
			@media (width < 768px) {
				max-width: 100% !important;
				width: 100%;
			}
		}
		& :where(.privacy-btn-container, .privacy-btn-container *) { --body-fs: var(--fs-12); }
		& .privacy-btn-container {
			position: relative;
			z-index: 9;
		}
		@media (width >= 768px) {
			--bg-graphic-img: url(/media/9702784/ipad-topography-background.png);
		}
		@media (width > 992px) {
			--bg-graphic-img: url(/media/9698474/topography-background-form.png);
			--heading-fs: var(--fs-30);
			--div-padding: 1.5rem;
		}
	}
	& .img-container { display: var(--img-display); }
	@media (width >= 992px) {
		--img-display: flex;
		& .grid { grid-template-columns: 1.5fr 1fr !important; }
	}
}
/* comma section */
:where(.comma-block-section) .col-md-12 { --div-min-h: 300px; }
:where(.comma-block-section) .col-md-12 > div:first-of-type { --div-bg-color: var(--cream); }
:where(.comma-block-section) .col-md-12 .comma-container { --div-padding: 2rem; }
:where(.comma-block-section) .content-section {
	--div-width: min(100%, 650px);
	--div-display: flex;
	--div-justify-content: center;
	--div-align-items: center;
	--div-margin: 0 auto;
	--div-padding: 0;
	--div-flex-dir: column;
}
:where(.comma-block-section) .asterisk {
	--body-font: var(--f-veneer);
	--body-color: var(--blue);
	--body-fs: var(--fs-100);
	--body-lineheight: 0;
	--body-margin: 45px 0 0;
	--body-fw: 300;
}
@media (width < 767px) {
	:where(.comma-block-section) .content-section .custom3 { --body-fs: var(--fs-18); }
	:where(.accordion.question) p.accordion-toggle { padding-right: 2rem; }
	:where(.accordion.question) p.accordion-toggle::after { right: 10px; }
}
/*----------------------------------
	Grid Gallery
------------------------------------*/
:where(.grid-gallery-section) {
	--gallery-templates-cols: 8;
	--gallery-col: 1/8;
	--gallery-display: block;
}
:where(.grid-gallery-section) .grid-gallery {
	grid-template-columns: repeat(var(--gallery-templates-cols), 1fr);
	overflow: hidden;
}
:where(.grid-gallery-section) .grid-gallery :where(img, video) {
	overflow: hidden;
	width: 100%;
}
:where(.grid-gallery) :where([class*="gallery-item-"], video) {
	grid-column: var(--gallery-col);
	display: var(--gallery-display);
}
:where(.gallery-item-1) { --gallery-col: 1/5; }
:where(.gallery-item-2) { --gallery-col: 5/9; }
:where(.gallery-item-2) + :where(video) { --gallery-col: 1/9; }
:where(.gallery-item-3) { --gallery-display: none; }
:where(.gallery-item-4) { --gallery-display: none; }
:where(.gallery-item-5) { --gallery-display: none; }
:where(.gallery-item-6) { --gallery-display: none; }
@media (width >= 992px) {
	:where(.grid-gallery-section) { --gallery-templates-cols: 30; }
	:where(.gallery-item-1) { --gallery-col: 1/8; }
	:where(.gallery-item-2) { --gallery-col: 8/15; }
	:where(.gallery-item-2) + :where(video) { --gallery-col: 15/31; }
	:where(.gallery-item-3) {
		--gallery-col: 5/9;
		--gallery-display: block;
	}
	:where(.gallery-item-4) {
		--gallery-col: 1/8;
		--gallery-display: block;
	}
	:where(.gallery-item-5) {
		--gallery-col: 8/24;
		--gallery-display: block;
	}
	:where(.gallery-item-6) {
		--gallery-col: 24/31;
		--gallery-display: block;
	}
}
/* gallery section with 5 items */
:where(.grid-gallery-section).gallery-5-items {
	--gallery-templates-cols: 24;

	& :where(.gallery-item-1) { --gallery-col: 1/7; }
	& :where(.gallery-item-2) { --gallery-col: 7/19; }
	& :where(.gallery-item-3) { --gallery-col: 19/25; }
	& :where(.gallery-item-4) { --gallery-col: 1/13; }
	& :where(.gallery-item-5) { --gallery-col: 13/25; }
	@media (width < 768px) {
		& :where(.gallery-item-3) { --gallery-display: none; }
		& :where(.gallery-item-4, .gallery-item-5) { --gallery-display: grid; }
		& :where(.gallery-item-1) { --gallery-col: 1/9; }
		& :where(.gallery-item-2) { --gallery-col: 9/25; }
	}
	@media (width >= 768px) {
		& :where(.gallery-item-3, .gallery-item-4, .gallery-item-5) {
			--gallery-display: grid;
		}
	}
}
/* inline gallery */
:where(.grid-gallery-section).inline-gallery {
	--gallery-templates-cols: 16;

	& :where(.gallery-item-1) { --gallery-col: 1/9; }
	& :where(.gallery-item-2) { --gallery-col: 9/13; }
	& :where(.gallery-item-3) { --gallery-col: 13/17; }
	@media (width < 768px) {
		& :where(.gallery-item-1) { --gallery-col: 1/17; }
		& :where(.gallery-item-2) { --gallery-col: 1/9; }
		& :where(.gallery-item-3) {
			--gallery-display: block;
			--gallery-col: 9/17;
		}
	}
	@media (width >= 768px) {
		& :where(.gallery-item-3) { --gallery-display: grid; }
	}
}
:where(.banner-section) {
	> .container {
		--container-padding-inline: 0;
		--container-padding-block: 4rem;
		--content-flex-direction: column;
		--title-mb: 1.5rem;
		padding-inline: var(--container-padding-inline);

		& .column.col-md-12 {
			padding-inline: var(--container-padding-inline);

			& .content-holder {
				padding-block: var(--container-padding-block);
				flex-direction: var(--content-flex-direction);

				> p {
					margin-bottom: var(--title-mb);
					text-align: center;
				}
			}
		}
		@media (width >= 992px) {
			--container-padding-inline: 15px;
			--container-padding-block: 1rem;
			--content-flex-direction: row;
			--title-mb: 0;
		}
	}
}
/*-------------------------------------------
	Dropdown Gallery
---------------------------------------------*/
:where(.grid-with-controls) {
	--ddg-template-cols: 1;
	--ddg-gap: 1rem;

	& .lightgallery {
		display: grid;
		grid-template-columns: repeat(var(--ddg-template-cols), 1fr);
		gap: var(--ddg-gap);

		& .gallery-module {
			width: 100%;
			padding: 0;
			margin: 0;
		}
		& .sub-html { display: none; }
	}
	@media (width >= 768px) {
		--ddg-template-cols: 2;
		--ddg-gap: 1.5rem;
	}
	@media (width >= 992px) {
		--ddg-template-cols: 3;
		--ddg-gap: 2rem;
	}
}
/*----------------------------------
	split-module
	Splits module in half 50% 50%
	Doesnt matters if its video or image
------------------------------------*/
.split-module {
	--content-module-width: 50%;
	--card-margin: 30px;
	--split-half-module-direction: row;
}
.split-module .standard-module { flex-direction: var(--split-half-module-direction); }
.split-module .standard-module.text-left { --split-half-module-direction: row-reverse; }
.split-module .standard-module.text-left div:first-child { margin-right: calc(var(--card-margin) - var(--card-margin)); }
.split-module .standard-module.text-right div:last-child { margin-left: var(--card-margin); }
.split-module .standard-module .content-module { width: var(--content-module-width); }
.split-module .text-left .text { margin-right: var(--card-margin); }
@media (width >= 992px) {
	.wide.split-module { --card-margin: 100px; }
}
@media (width < 768px) {
	.split-module {
		--content-module-width: 100%;
		--card-margin: 0;
		--split-half-module-direction: row !important;
	}
}
/*------------------------------
	Homefinder Preview 2
------------------------------*/
.homefinder-preview-v2:not(.homesearch-preview) .slick-list { padding: 0 !important; }
.homefinder-preview-v2 .view-details { display: none; }
.homefinder-preview-v2 .home-details { width: 90%; }
.homefinder-preview-v2 .home-details span { font-size: var(--fs-15); }
.homefinder-preview-v2 .home-container { transition: all ease-in .3s; }
.homesearch-preview .homedetails > div:nth-of-type(2) > div:first-of-type {
	display: inline-block;
	width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.homesearch-preview .modelItem { display: inline-block; }
.homesearch-preview .slick-list { padding: 0 !important; }
.homefinder-preview-v2.homesearch-preview .result { background-color: var(--white); }
.homefinder-preview-v2 .modelPrice { line-height: 1; }
.homefinder-preview-v2.homesearch-preview .result .homedetails { padding: .5rem; }
.homefinder-preview-v2.homesearch-preview > h2 {
	--heading-font: var(--f-merriweather);
	--heading-fs: var(--fs-24);
	--heading-fw: 700;
	margin: 0 0 2rem;
}
.homefinder-preview-v2.homesearch-preview :where(.homeName, .modelPrice, .modelPrice *) {
	--div-color: var(--blue);
	font-size: var(--fs-20);
	text-transform: capitalize;
	font-weight: 600;
}
.homefinder-preview-v2.homesearch-preview :where(.builderName) {
	--body-color: var(--gray-dark);
	font-size: var(--fs-17);
	text-transform: capitalize;
}
.homefinder-preview-v2.homesearch-preview :where(.homeAddress, .homeAddress *) {
	--body-fs: var(--fs-15);
	--body-fw: 400;
	--body-text-transform: capitalize;
	--div-fw: 400;
	--div-text-transform: capitalize;
	--div-fs: var(--fs-15);
	color: var(--gray-dark);
}
.homefinder-preview-v2.homesearch-preview .homeImage .featured {
	font-size: var(--fs-14);
	color: var(--white);
	display: flex;
	align-items: center;
	margin-top: .1rem;
}
.homefinder-preview-v2.homesearch-preview .homeImage.available::before {
	font-size: var(--fs-14);
	max-height: 36px;
}
.homefinder-preview h3 {
	--heading-color: #003146;
	--heading-text-transform: initial;
}
.homefinder-preview-v2 .preview-container .slick-arrow {
	color: var(--blue);
	top: 38%;
}
@media (width < 992px) {
	.homefinder-preview, .homefinder-preview-v2 { margin: 40px 0; }
	.homefinder-preview-v2 .preview-container .slick-slide { margin: 0; }
	.homefinder-preview-v2 .home-container:not(.slick-center) {
		transform:scale(.95);
		transition: all ease-in .3s;
	}
	.option-buttons .special-close { display: flex !important; justify-content: center; align-items: center; }
}
@media (width >= 992px) {
	.homefinder-preview-v2.homesearch-preview > h2 { --heading-fs: var(--fs-32); }
}
/*----------------------------------------
	Parallax Video Module
------------------------------------------*/
:where(.parallax-video-row) {
	/* container */
	--parallax-video-height: 70vh;
	--parallax-video-border: 2px solid #fff;
	/* card container */
	--parallax-card-direction: center;
	--parallax-card-vertical-direction: center;
	--parallax-card-side-margin: 0;

	height: var(--parallax-video-height);
	position: relative;
	width: 100%;
	overflow: hidden;
}
:where(.parallax-video-row) :where(.container, .row):first-of-type {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
:where(.parallax-video-row) :where(.column):first-of-type {
	height: var(--parallax-video-height);
	display: flex;
	align-items: center;
}
:where(.parallax-video-row) :where(.video_container) {
	clip: rect(0, 100vw, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -100;
}
:where(.parallax-video-row) :where(.video-content) {
	position: relative;
	display: flex;
	justify-content: var(--parallax-card-direction);
	align-items: var(--parallax-card-vertical-direction);
	z-index: 999;
	width: 100%;
	height: 100%;
}
:where(.parallax-video-row) :is(.video-content__description) { margin-right: var(--parallax-card-side-margin); }
:is(.parallax-video-row) :is(video) {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 100vw;
	min-height: 100vh;
	max-width: none;
	max-height: none;
	visibility: visible;
	z-index: -1;
	transform: unset;
}

@media (width >= 992px) {
	:where(.parallax-video-row) {
		--parallax-card-direction: right;
		--parallax-card-side-margin: clamp(0px, 10vw, 160px);
	}
}
/*----------------------------------
	Custom Card mobile first
------------------------------------*/
:where(.custom-card) {
	--custom-card-width: calc(100% - 3rem);
	--custom-card-container: 100%;
	--custom-card-padding: 2rem;
	--custom-card-fade: 0.90;
	--custom-card-shadow: 0 -1px 20px -1px rgb(0 0 0 / 20%);
	--custom-card-bg-color: #fff;
	--border-radius: 12px;
}
:where(.custom-card) .parallax-window > .container { width: var(--custom-card-container); }
.parallax-window .card { background-color: rgba(255, 255, 255, 0.8); }
:where(.custom-card) :is(.card, .text, .video-content__description) {
	border-radius: var(--border-radius);
	width: var(--custom-card-width) !important;
	max-width: var(--custom-card-width) !important;
	padding: var(--custom-card-padding);
	box-shadow: var(--custom-card-shadow);
	opacity: var(--custom-card-fade);
	background-color: var(--custom-card-bg-color);
}
:where(.custom-card) :where(.video-content__description) p { margin-bottom: 0; }
@media (768px <= width < 992px) {
	.custom-card {
		--custom-card-width: 500px;
		--custom-card-padding: 4rem;
	}
}
@media (width >= 992px) {
	.custom-card {
		--custom-card-width: 450px;
		--custom-card-container: 90%;
		--custom-card-padding: 3rem 4rem;
	}
}
@media (width >= 1600px) {
	.custom-card {
		--custom-card-width: 550px;
		--custom-card-padding: 4rem 5rem;
	}
}
@media (width >= 2300px) {
	.custom-card { --custom-card-width: 750px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:is(header) {
	--logo-margin-left: auto;
	--search-margin-right: auto;
	max-height: var(--navbar-height);
}
:is(header, nav) {
	background: var(--header-bg-color, var(--blue-700));
}
:where(header) * { transition: all .2s ease-in-out; }
:where(header) :is(a, i, p) {
	font-size: var(--fs-18) !important;
	font-weight: 400;
	color: var(--header-text-color, #fff) !important;
	line-height: 1;
}
:is(header) nav .mainmenu a { text-transform: initial; }
:where(header) { box-shadow: var(--nav-box-shadow); }
:is(header) nav .mainmenu > i + li > a {
	display: flex;
	justify-content: left;
	align-items: center;
}
.search-input[type="text"] {
	--body-color: var(--white);
	--body-fw: 500;
	font-size: var(--fs-16);
	background: var(--navy-blue-200);
}
.search-input[type="text"]::placeholder { color: #fff; }
.search-wrap i { color:#383531; }
:where(.anchortop.vip) {
	& a:hover :where(p, i, i::before) { color: var(--blue) !important; }
	& p {
		display: flex;
		justify-content: center;
		align-items: center;

		& i::before { margin-right: 0.8rem; }
	}
}
.homepage :where(.site-body) { padding-top: var(--site-body-pt) !important; }
:where(header) .mainmenu > li > ul.submenu a { font-size: 17px !important; }
/* nav container */
:is(header) {
	& .logo {
		background-color: transparent;
		margin-left: var(--logo-margin-left);

		& img { padding: 5px !important; }
	}
	& .search-toggle { margin-right: var(--search-margin-right); }
	@media (width >= 992px) {
		--logo-margin-left: 7svw;
		--search-margin-right: 7svw;
		& nav .mainmenu.menu {
			justify-content: end !important;
			gap: 3rem;

			& li { padding: 0; }
		}
		& .nav-contact-us { display: none !important; }
	}
	&.search-open {
		& :where(.search-submit, .search-toggle) { --header-text-color: var(--teal-200); }
		& .search-input::placeholder {
			font-family: var(--f-sofia);
			font-weight: 500;
			font-size: var(--fs-16);
			line-height: var(--fs-32);
			color: var(--white);
		}
	}
}
/*------------------------------
	Main/Sub Nav
------------------------------*/
@media (width <= 992px) {
	/* nav icons */
	header .phone i { color: #fff; }
	header nav .nav-dropdown { color: var(--navy-blue-200); }
	header nav .submenu li:first-of-type a { text-transform: none; }
	/*vip*/
	.menu .border-top { border-top:1px solid #796860; }
	header .social-menu a { color:#8a7f78; }
	.fas.fa-angle-down { display: none; }
	header .logo { padding: 4px; }
	header .vip-xs a {
		font-size: var(--fs-15) !important;
		color: var(--white) !important;
		background-color: var(--blue-deep);
		padding: 7px 15px 5px 15px;
		border-radius: 0;
	}
	header :is(.nav-contact-us, .social-menu) { display: none; }
}
@media (width >= 768px) {
	header .phone.hide-sm { display: none; }
}
@media (width >= 992px) {
	header .phone.show-sm { display: none; }
	header .search-toggle { order: 1; display: none; }
	header .logo { padding: 5px; }
	nav .menu li a:hover, header .search-toggle:hover,
	header .phone:hover i, nav .menu li > a:hover ~ i[class*="fas fa-"] { --header-text-color: var(--gray-500); }
	header :where(.search-toggle, .phone) { z-index: 99; }
	:where(header) .submenu a { --header-text-color: var(--white); }
	/* DROPDOWN NAV */
	.submenu li:first-of-type { padding-right: 0px !important; }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu.menu {
		padding-left: 15px;
		place-content: end;
		@media (width >= 992px) { .nav-contact { margin-right: var(--search-margin-right); } }
	}
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li:first-of-type:hover > ul.submenu { left: -15px; }
	.homepage :where(header).affix-top nav[data-nav-display="display-dropdown-menu"] .mainmenu > li > ul.submenu { transform: translateY(-15px); }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li.nav-builders-models > ul.submenu {
		@media (width >= 768px) { width: 200px; }
	}
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li > ul.submenu { transform: translateY(-1px); }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li > ul.submenu > li { background-color: var(--blue-700); }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li > ul.submenu > li > a { border-bottom: 1px solid var(--blue-light); }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li > ul.submenu > li:last-child a { border: unset; }
	header nav[data-nav-display="display-dropdown-menu"] .submenu .active > a { color:#d7c300; }
	header nav[data-nav-display="display-dropdown-menu"] .active > i[class*="fas fa-"] { font-weight: 600; }
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li:hover:first-of-type > ul.submenu > li { padding: 0 15px 0 30px; }
	:is(header) nav .mainmenu > i + li > a { justify-content: left; }
	:is(header) nav .mainmenu > i + li.active > a { --header-text-color: var(--gray-200); }
}
@media (992px <= width <= 1024px) {
	header nav[data-nav-display="display-dropdown-menu"] .mainmenu.menu { justify-content: space-between; }
	header nav .mainmenu a { font-size: var(--fs-15) !important; }
}
@media (768px <= width <= 992px) {
	header .phone.show-sm { pointer-events: none; }
	header .phone.show-sm .fa-envelope { display: none; }
}
@media (width < 768px) {
	header .logo { margin-left: 10px; }
	header .phone.hide-sm { display: none; }
	header .phone.show-sm { display: none; }
	header .mainmenu li.active > a::after { background-color: transparent; }
	header .mainmenu li.active > a { color: #d7c300; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer {
	--footer-bg-color: var(--gray-lighter);
	background-color: var(--footer-bg-color);
	& .footerCopy {
		padding-block: 2rem;

		& h6 > a { --body-fw: 600; }
		& ul li {
			--body-fs: var(--fs-16);
			--body-color: var(--gray-300);
			--body-fw: 400;
		}
		& .wrapper {
			& .grid-footer {
				--grid-container-template-cols: 1fr 1fr;
				--grid-container-gap: 0.5rem;

				> a {
					@media (width < 992px) {
						grid-column: 1 / span 2;
						justify-self: center;
					}
				}
				& img {
					--media-display: grid;
					align-self: center;

					@media (width < 768px) { grid-row: 1; }
				}
				& h6 {
					--heading-margin: 0;

					@media (width < 768px) {
						display: flex;
						justify-content: center;
					}
				}
				& p {
					--body-fs: var(--fs-16);
					--body-color: var(--gray-300);
					--body-fw: 400;
				}
				& li.flex {
					justify-content: right;
					& a { display: flex; }
				}
				@media (width >= 992px) { --grid-container-template-cols: 260px 1fr; }
				@media (width >= 1250px) { --grid-container-template-cols: 0.4fr 1.6fr; }
				@media (width < 992px) {
					& :where(.footer-privacy-items ul) { justify-content: center; }
				}
				@media (width < 992px) {
					& :where(.footer-nav-items, .footer-privacy-items) { grid-column: 1 / span 2; }
					& :where(.footer-nav-items, .footer-privacy-items ul) { flex-wrap: wrap; }
					& .copyright { --copyright-display: none; }
					& .footer-nav-items {
						gap: 0;
						& h6 {
							--heading-lineheight: 0.8;
							width: 50%;
						}
						& .copyright {
							--copyright-display: block;
							width: 100%;
							margin-top: 1rem;
						}
					}
					& .footer-privacy-items ul {
						margin-top: 1rem;
						gap: 0 0.6rem;
					}
				}
			}
			@media (width < 767px) {
				& .copyright { text-align: center; }
			}
			@media (width <= 1530px) { --wrapper-width: 90%; }
			@media (width <= 1360px) { --wrapper-width: calc(100% - 2rem); }
			@media (width <= 1250px) {
				--wrapper-width: 100%;
				& ul li {
					--body-fs: var(--fs-14);
					text-align: right;
				}
			}
			@media (width <= 1100px) {
				& ul li {
					--body-fs: var(--fs-12);
					justify-content: end;
				}
			}
		}
	}
}
:is(.social-menu) {
	--social-icons-width: 20px;
	--social-icons-height: 24px;
	& .fa-linkedin-in::before,
	& .icon-instagram::before {
		display: flex;
		justify-content: center;
		align-items: center;
		width: var(--social-icons-width);
		height: var(--social-icons-height);
	}
	& .icon-instagram::before {
		--social-icons-height: 24px;
		--social-icons-width: 24px;
	}
}
footer .social-menu a { color: #fff; }
.bottomCopy { margin-top: 50px; }
/*------------------------------
	Footer Main
------------------------------*/
:where(.foot-main) a {
	--body-fs: var(--fs-16);
	--body-text-transform: inherit;
}
.foot-main .footer-subheadline { --div-margin: 0 0 0.5rem; }
.foot-main .footer-subheadline ~ :where(a, p) { --body-fs: var(--fs-17); }
footer #newsletter .input-wrap { margin-top: 20px; }
.foot-main .inner { border-top: 1px solid #fff; }
:is(.foot-main) input { border-radius: 0; }
#newsletter button[type="submit"] {
	--btn-bg-color: var(--blue);
	--btn-width: 40px;
	--btn-minheight: 40px;
	--btn-maxheight: 40px;
	border-radius: 0 !important;
}
.foot-sub {
	--actions-pr: 50px;
	background-color: #fff;
	text-align: center;
}
.foot-sub .foot-sub-links {
	--div-display: grid;
	--div-gap: 1.7rem;
}
.foot-sub .foot-sub-links a:not(:last-child) { margin-right: var(--actions-pr); }
.foot-sub a {
	--body-color: var(--gray-dark);
	--body-fs: var(--fs-16);
	--body-fw: 400;
}
.foot-legal { background-color: #fff; }
.foot-legal * { --body-fs: var(--fs-12); }
.instagrid[data-item-count] {
	--grid-cols: 2;
	grid-template-columns: repeat(var(--grid-cols), 1fr) !important;
	gap: 1rem;
}
.foot-sub .foot-sub-links .privacy-choices img { margin-left: 1rem; }
.social-feed-header {
	--social-justify-content: center;
	--social-align-items: center;
	--social-icons-display: none;
}
.social-feed-header .table-intro-content {
	justify-content: var(--social-justify-content);
	align-items: var(--social-align-items);
}
.social-feed-header .table-intro-content h4 + p { display: var(--social-icons-display); }
footer .bottomCopy h2 {text-transform: none;}
footer .images.hidden-xsflex img { min-width: 130px; }
:is(.foot-main) .newsletters .field-icons { margin-top: 8px; }
:is(.social-feed-header) a,
:is(.foot-main) .newsletters .field-icons a {
	--body-fs: var(--fs-32);
	--body-color: var(--blue);
}
:is(.social-feed-header) a:not(:last-of-type),
:is(.foot-main) .newsletters .field-icons a:not(:last-of-type) { margin-right: 1rem; }
:is(.foot-main) .newsletters .images a:first-of-type { margin-right: 25px; }
:is(.footerCopy, .homesearch-footer) {
	--footer-container-width: 100%;

	& .foot-main > .container { width: var(--footer-container-width) !important; }
	@media (width >= 992px) { --footer-container-width: 80%; }
	@media (width >= 1300px) { --footer-container-width: 1290px; }
}

@media (768px <= width < 992px) {
	footer .images.hidden-xsflex img { min-width: 100px; }
	.foot-sub { --actions-pr: 30px; }
}
@media (width < 992px) {
	.foot-main .inner { flex-wrap: wrap; }
	.foot-main .inner .foot-col {
		flex: unset;
		width: 100%;
	}
	footer :where(.logo) p > img { display: none; }
	footer #footer_logo {
		width: 22svh;
		margin-inline: auto;
	}
	footer :where(.menu) ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	footer :is(.foot-main) .info {
		order: 0;
		text-align: center;
		padding-top: 0;
	}
	footer :is(.foot-main) .info .mb-6 + div {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.foot-main .newsletters { text-align: center; }
	.foot-main #newsletter .input-wrap { margin-inline: auto; }
	.foot-main .newsletters a:first-of-type, .foot-legal .images a:first-of-type { margin-right: 0; }
	.foot-main .newsletters .images { justify-content: center; }
	.foot-main .newsletters .images img { max-width: 20svh; }
	footer .privacy-footer img { margin-inline: auto; }
	footer .images.flex-xs { justify-content: space-between; margin-top: 25px; }
	footer .images.flex-xs img { max-width: 160px; width: 100%; }
	.foot-sub { --actions-pr: 0; }
}
@media (width >= 768px) {
	.social-feed-header {
		--social-justify-content: space-between;
		--social-align-items: flex-end;
		--social-icons-display: block;
	}
	.homesearch-footer { border-top: none !important; }
	.homefinder .homesearch-footer .foot-main :is(.logo, .menu, .info) { border-right: 1px solid var(--divider-lines-color) !important; }
	.foot-main :where(.logo, .menu, .info) { border-right: 1px solid var(--divider-lines-color); }
	.foot-main :where(.logo) img {
		width: 80%;
		margin: auto;
	}
}
@media (width >= 992px) {
	.instagrid[data-item-count] { --grid-cols: 4; }
	.foot-sub .foot-sub-links {
		--div-display: flex;
		--div-justify-content: center;
		--div-align-items: center;
	}
	.homefinder .homesearch-footer .inner { padding-block: 2rem !important; }
	.foot-main :is(.foot-col.logo) {
		padding-left: 0 !important;
		padding-bottom: 0 !important;
	}
	.foot-main :is(.foot-col.menu) { justify-content: space-between !important; }
	.foot-main :is(.foot-col.menu) ul li:first-of-type { margin-top: 15px; }
	.foot-main :is(.foot-col.info) { flex: 1 1.1 320px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	PAGINATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page_navigation :where(.previous_link, .next_link, .first_link, .last_link):not(.no_more) > span { --body-color: var(--blue-700); }
:where(.blog-root) .page_navigation .active_page { --body-color: var(--blue-700); }
.page_navigation .active_page {
	--body-color: var(--blue);
	--link-decoration: none;
	vertical-align: baseline;
}
:where(.blog-root) .page_navigation .page_link:not(.active_page) {
	--body-color: #969696;
	--link-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BLOG
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:where(.news, .Post) :where(.container.blog-post-content) {
	@media (width >= 992px) { width: 992px !important; }
}
:where(.news, .Post) #page_container {
	margin-top: 4rem;
	@media (width > 992px) {
		padding-right: 0;
		& .blog-post.first { width: 50% !important; }
	}
}
:where(.news, .Post) .blog-post-main-content :where(.col-md-8) {
    width: 83% !important;
    margin: auto;
    padding-inline: 15px !important;
}
.news .blog-post-main-content > .container > .row { display: flex; }
.Post .blog-post-main-content { display: flex; }
.Post .blog-post-main-content .col-md-4 { display: none !important; }
.blog-title h1 { margin-top: 2rem; font-size: var(--fs-46) !important; font-weight: 700;}
.blog-title h3, .blog-title h1 {
	font-family: var(--f-sofia);
	font-weight: 500;
	line-height: 1;
}
.blog-title h1 { margin-top: 2rem; font-size: var(--fs-40) !important; font-weight: 700;}
.blog-title h3 { --heading-color: var(--blue-700); font-size: var(--fs-34) !important; }
.blog-text h2 {font-size: var(--fs-36) !important; font-weight: 700; }
:is(.blog-title) { margin-top: .5rem; }
:is(.blog-teaser, .blog-date, .blog-title, .blog-read-more) { text-align: left; }
:is(.blog-teaser, .blog-date, .blog-read-more) {
	@media (width < 768px) { padding: 0 15px; }
}
:where(.blog, .events) .intro-block a:not(.button, .home-link) {
	--body-fs: var(--fs-23);
	--body-margin: .4rem 0 0;
	--body-color: var(--gray-soft);
}
.blog-post-content .tags-holder .comma-orange { color: var(--blue-700); }
.blog-post-content .tags-holder a {
	color: var(--blue-700);
	font-size: 16px;
	font-weight: 400;
}
.blog-post-content .tags-holder .tag-title {
	text-transform: capitalize;
	font-size: var(--fs-16);
	font-weight: 400;
}
.blog-prev-next { display: none; }
/*------------------------------
	Blog - Side Bar
------------------------------*/
.blog-right-base, .blog-right-base a:not(.button) {
	--body-color: var(--gray-dark);
	--body-fw: 300;
}
/*.blog-right-base .type-docTypeRightColumn { border-top: 1px solid #dedede; }*/
.blog-right-base .type-docTypeRightColumn:last-of-type {
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
}
.blog-right-base .type-docTypeRightColumn:nth-child(2) { display: none; }
/*----> Social Media <----*/
.blog-right-base .type-docTypeRightColumn:first-of-type { display:none; }
.blog-prev-next { justify-content: normal; }
.blog-prev-next a {
	width: 100%;
	--link-decoration: none;
}
/*----> Callout Module <----*/
.callout-module { background-color: var(--blue-700); }
.callout-module {
	padding: 45px 5%;
	text-align: center;
	margin-bottom: 40px;
}
.blog-right-base .type-docTypeRightColumn:nth-of-type(2) h4 { color:var(--blue-200); }
.blog-right-base .type-docTypeRightColumn:nth-of-type(3) h4 { color: var(--blue-200); }
.callout-module h4 {
	font-family: var(--f-sofia);
	font-size: var(--fs-22) !important;
	color: var(--white);
	letter-spacing: 0 !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	margin-bottom: 15px;
}
.callout-module div {
	font-family: var(--f-sofia);
	font-size: var(--fs-18) !important;
	color: var(--white);
	letter-spacing: 0 !important;
	text-align: center;
	font-weight: 400;
	padding: 0 40px;
}
.callout-module .button {
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, var(--white));
	color: var(--btn-text-color, var(--white));
	margin-left: auto;
	margin-right: auto;
}
.callout-module .button:hover {
	background-color: var(--white);
	color: var(--blue-300);
}
/*----> Tags <----*/
.blog-right-base :where(.blog-tag-cloud, .blog-archive-base) { margin-top: 30px; }
.blog-right-base .blog-tag-cloud li a:hover, .blog-tag-cloud li a.selected { background-color: var(--gray-low); }
.blog-right-base .blog-tag-cloud li a {
	--body-fs: var(--fs-16);
	--body-text-transform: uppercase;
	--body-fw: 600;
	--link-decoration: unset;
	border: 1px solid var(--blue-400);
	color: var(--blue);
	border-radius: 30px;
	min-height: 38px;
}
:where(.blog, .events, .Post) .callout-module {
	--div-bg-color: var(--blue-700);
	text-align: left;

	& h4 { margin-bottom: 20px; }
	& *:not(.button) {
		--heading-color: var(--white);
		--div-color: var(--white);
		--div-fw: 300;
	}
	& .button {
		--btn-text-color: var(--white);
		--btn-bg-color: var(--blue-700);
		--btn-border-color: var(--white);
	}
}
:is(.blog-archive-base) li :is(a, span) {
	font-size: var(--fs-18);
	font-weight: 300 !important;
}
/*------------------------------
	Blog - Overview
------------------------------*/
.blog-date p {
	color: #677179;
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: 500;
}
.blog-text .type-rte a:not(.button){
	text-decoration: underline !important;
	font-weight: 700;
}
.Post .box-wrapper { height: 300px; overflow-y: scroll; }
.Post ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}
.Post ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}
.Post ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}
.Post li ol > li { margin: 0; }
.Post li ol > li:before { content: counters(item, ".") " "; }
/*----> Other Overview Articles <----*/
:where(.blog, .events) .blog-date p {
	font-family: var(--f-merriweather);
	color: var(--blue);
	font-size: var(--fs-16);
	letter-spacing: 0;
}
.blog .small-headline, .blog .blog-right-inner h4 { --heading-fs: var(--fs-24); }
/*------------------------------
	Blog - Post
------------------------------*/
.Post .blog-post-main-content > .col-md-6 { display: none !important; }
.Post .blog-right-base .type-docTypeRightColumn:first-of-type {
	display: block;
	padding-top: 0;
	& .callout-module {
		display: grid;
		place-content: center;
		height: var(--callout-box-height, auto);
		@media (width >= 992px) { --callout-box-height: 349px; }
		@media (width >= 1200px) { --callout-box-height: 317px; }
		@media (width >= 1300px) { --callout-box-height: 290px; }
	}
}
.Post .share-and-comment, .blog-prev-next {
	border-top: 1px solid #e3cfc5;
	border-bottom: 1px solid #e3cfc5;
}
/*----> Prev/Next Buttons <----*/
.blog-prev-next i { color: var(--blue); font-weight: 600; }
.blog-prev-next .prev + .next { border-left: 1px solid #e3cfc5; }
.blog-prev-next h6 {
	--heading-font: var(--f-inter);
	--heading-color: var(--blue-700);
	--heading-fs: var(--fs-22);
	--heading-text-transform: uppercase;
	--heading-fw: normal;
}
.blog-prev-next span {
	--heading-font-fw: 600;
	--heading-letterspace: 1px;
}
.Post .related-posts { display: none; }
/*----> "You May Also Like" Section <----*/
.Post .blog-post-content .you-may-also h4 {
	font-size: var(--fs-32);
	margin-bottom: 25px;
	text-align: center;
}
.Post .related-post .related-date {
	--body-font: var(--f-inter);
	--body-color: var(--blue-700);
	--body-fs: var(--fs-14);
}
.Post .related-post .related-title {
	--body-font: var(--f-inter);
	--body-color: var(--blue-700);
	--body-fs: var(--fs-24);
	--body-text-transform: uppercase;
	line-height: 1.2;
	font-weight: 400;
}
.related-post .related-text { text-align: left; }
.Event .show-bullets li { list-style-type: circle; }
.Event .show-bullets { margin-bottom: 25px; }
.event-container .grid-section > div > .container { max-width: 750px; }
:is(.news, .Post) .cycle-slideshow {
	display: block !important;
	margin: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	EVENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.no-posts { margin-top: 100px; }
.event-headline h2 {
	--heading-fs: var(--fs-54);
	--heading-font: var(--f-inter);
	--heading-fw: 400;
	text-transform: none;
	line-height: 1.2em;
}
.atcb-item-link:hover { color: #003146; }
/*------------------------------
	Social Ghost Buttons
------------------------------*/
.social-ghost-buttons { color: #003146; }
.social-ghost-buttons a { border: 1px solid #003146; }
.social-ghost-buttons a:hover { background-color: #003146; }
.social-ghost-buttons a i { color: #003146; }
.social-ghost-buttons a:hover i { color: #fff; }
/*------------------------------
	Events - Filters
------------------------------*/
.events .clear-date-filters-button { --body-fs: var(--fs-14); }
.events :is(#date-range-filters, #age-range-filters) .innerContent > p { --body-fs: var(--fs-14); }
.events-filter-row input { --body-fs: var(--fs-14); }
.events .button a { --link-decoration: none; }
.ui-datepicker-calendar *, .ui-datepicker-header * { text-decoration: none !important; }
.innerContentOptions .eventsOption { margin: 0 !important; }
.events .innerContentOptions label {
	font-size: var(--fs-16);
	font-weight: 400;
}
.events #category-filters label {
	--body-color: var(--gray-dark);
	--body-fs: var(--fs-16);
	--body-fw: 400;
}
.events-options-wrap #clearFilters { color: #a19088; }
.events-options-wrap .filter-by { --div-color: var(--blue); }
.events-filter-row .active .innerContent { color: #003146; }
.events input[type="checkbox"] + label {
	--body-fs: var(--fs-20);
	--body-text-transform: capitalize;
	--body-fw: 600;
}
.events input[type="checkbox"]:checked + label span:before {
	--body-color: #fff;
	background-color: var(--blue);
	border-color: var(--blue);
}
.events input[type="checkbox"]:checked + label span:after { color: #fff; }
.events [type="checkbox"]:checked + label:before {
	background-color: var(--blue);
	border-color: var(--blue);
}
.events-filter-row :where(#age-range-filters, #date-range-filters) {
	--body-text-transform: capitalize
	--body-fw: 500;
}
:where(.blog, .events) .blog-date p {
	--body-text-transform: capitalize
	--body-color: #d7c300;
}
:is(.event-buttons) {
	& * { text-decoration: none !important; }
	& .button {
		background-color: var(--blue) !important;
		border: 1px solid var(--blue);

		&:hover {
			background-color: var(--blue-deep) !important;
			border: 1px solid var(--blue-deep);
		}
	}
}
.Event .event-container .blog-text [class^="type-"]:last-of-type:not(.type-docType) { margin-top: 40px; }
@media (width >= 768px) {
	.events-options-wrap { border-top: 1px solid #e3cfc5; }
}
@media (width < 768px) {
	.events-options.checkbox-filters label {
		padding: 0 0 0 1.95em;
		margin: 0;
		border-radius: 0;
	}
	.events-options.checkbox-filters > span {
		background-color: #e9e8e8;
		display: block;
		border-radius: 8px;
		padding: 16px;
		margin: 20px 0 0 0;
	}
	.events-options.open-xs .innerContent {
		--body-color: #003146;
		--body-text-transform: initial;
	}
	.events .first .blog-date p { --body-fs: var(--fs-20); }
	.event-headline h2 { --body-fs: var(--fs-24) !important; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HOMEFINDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.homefinder :is(.homefinder-filter-header, .homesearch-filter-header) .viewToggleIcons { --light: 45%; }
.viewToggle { --body-color:  hsla(34, 7%, var(--light), 1); }
.viewToggle.activeView { --light: 21%; }

.select-all-button { color: var(--blue); }
.clear-sort-filters-button { --body-fs: var(--fs-14); }
.sort-direction-button.active { color: var(--blue); }
.homefinder :is(.homesearch-filter-header) > .container:first-of-type {
	margin-left: 0 !important;
	width: 100% !important;
}
:is(.homesearch-filter-row) :where(p, span, a:not(.button), input),
:is(.homesearch-homes-container) .sortBy p * {
	--body-fs: var(--fs-18);
	--link-decoration: none;
}
:is(.innerContentOptions) a { --link-decoration: none; }
:is(.innerContentOptions) :where(.button:not(.cancel-button), .button:not(.cancel-button) *) { --body-color: var(--white); }
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions .clear-links + .values {
	display: flex;
	width: 100%;
}
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions :is(.price-filter, .select-wrapper) {
	width: 100%;
	margin-bottom: 0;
	float: unset;
}
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions :is(select, input) {
	font-size: var(--fs-16);
	color: var(--gray-dark);
	border: 1px solid var(--blue);
	background-color: transparent;
	border-radius: 0;
	width: 100%;
	padding: 0.65rem;
}
.homesearch-options input[type="checkbox"] + label::before {
	background: var(--white);
	border-color: var(--blue-deep);
}
[type="checkbox"]:checked + label:before {
	background: var(--blue-deep) !important;
	border-radius: 0 !important;
	border-color: var(--blue-deep) !important;
}
:where(.homefinder-options, .homesearch-options) input[type="checkbox"] + label span,
:where(.homefinder-options, .homesearch-options) input[type="checkbox"]:checked + label span:before {
	background: var(--blue-deep);
	border-radius: 0;
}
:where(.homefinder-options, .homesearch-options) input[type="checkbox"]:checked + label span:after { color: #fff; }
:where(.homefinder-options, .homesearch-options) [type="checkbox"]:checked + label::before { background: var(--blue-deep) !important; }
.homesearch-options input[type="checkbox"] + label {
	--body-fs: var(--fs-18);
	--body-color: var(--blue);
}
:is(.homesearch-options, .homesearchOption) { margin-bottom: 0 !important; }
:is(.homesearch-options) .innerContentOptions input[type="checkbox"] + label {
	--body-fs: var(--fs-16);
	font-weight: 400;
	--body-color: var(--gray-dark);
}
.sort-direction i.active { color: var(--blue) !important; }
.option-count.show-count {
	background-color: var(--blue-deep);
	color: #fff;
}
:where(.homefinder-footer, .homesearch-footer) :where(.images, .foot-sub-homefinder) { margin-top: 15px !important; }
.homefinder .home-details, .homefinder .homedetails > div:nth-child(2) div { font-size: .8rem; }
.homeImage.available:before,
.homefinder #homeResults .result .homeImage.available::before {
	padding: 7px 15px 6px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.homeImage.available:before, .details-image-slider.available:before,
.homefinder #homeResults .result .homeImage.available::before {
	font-size: var(--fs-14);
	max-height: 27px;
}
#homeResults .result .homeImage.banner:after { background-color: rgba(0, 0, 0, 0.3) !important; }
.homesearch-homes-map #marker-tooltip :where(*)  {
	font-family: 'ProximaNova-Regular', sans-serif;
	font-size: .9rem !important;
}
.marker {
	background-color: var(--blue-deep) !important;
	border: 1px solid var(--blue-deep) !important;
}
.marker.active {
	background-color: var(--blue-deep) !important;
	border: 10px solid hsla(197, 97%, 24%, .5) !important;
}
#clearFilters p {
	--body-color: var(--blue);
	--body-fs: var(--fs-14);
}
#homeResults .result .homedetails *, .similar-homes .home-preview  * {
	line-height: 1.5;
	font-size: var(--fs-16);
}
#homeResults .result .homedetails > div:first-of-type *, .similar-homes .home-preview :where(.homeName, .homePrice, .modelPrice) {
	--body-color: var(--blue);
	--div-color: var(--blue);
	font-size: var(--fs-18);
	text-transform: capitalize;
	font-weight: 600;
}
.Home :is(.similar-homes) {
	background-color: unset !important;
	@media (width < 768px) {
		& #similarHomes .col-sm-6:not(:last-of-type) { margin-bottom: 6rem; }
	}
	@media(width >= 768px) {
		padding: 60px;
	}
}
.Home .bottomCopy { margin-top: 0; }
@media (width >= 1024px) {
	.Home :is(.similar-homes) {
		--sh-direction: column;
		--sh-header-margin: auto;
		--sh-container-width: 100%;
		--sh-header-max-width: 100%;
		--sh-header-title-width: 100%;
		--sh-header-align: center;
		& :is(#similarHomes) {
			margin-top: 2rem;
			order: 1;

			& .home-preview { width: 100%; }
			> .row {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				width: 100%;
			}
			> .row::before { content: unset; }
		}
	}
}
.Home .similar-homes .homeImage .featured { font-size: var(--fs-12); margin-top: 2px;}
.similar-homes .homeImage.available::before {
	max-height: 36px;
	min-height: 36px;
}
#similarHomes > .row .home-preview:last-child { display: none; }
#homeResults .result .homedetails > div + div { margin-top: 0 !important; }
#homesearch #homeResults .result :where(.builderName) { --body-fw: 400; }
#homesearch #homeResults .result :where(.homeAddress, .homeAddress span) { color: var(--gray-dark); }
.homesearch-filter-row .innerContent :is(p, i) { color: #222; }
.homesearch-filter-row .innerContent :is(p) { margin-right: .35rem; }
.clear-filters-button,
.select-all-button,
.clear-price-filters-button,
.sort-direction-button { --body-fs: var(--fs-14); }
:where(.homesearch-filter-row) .innerContent {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0.5rem 1rem !important;
}
@media (width >= 768px) {
	.homefinder :is(.homesearch-homes-container) {
		margin-top: -230px;
		padding-top: 230px;
	}
	.homesearch-homes-container.overlay::after {
		height: calc(100vh - 185px);
		top: 107px !important;
	}
	.homefinder :is(.homefinder-filter-header, .homesearch-filter-header) {
		background-color: var(--blue-light-2);
		padding: 17px 0px;
	}
	:is(.homesearch-header .homesearch-filter-row) { background-color: var(--cream); }
	:is(.homefinder-filter-row, .homesearch-filter-row) .active .innerContent {
		border-bottom: 2px solid #003146;
		color: #003146;
	}
	:where(.homesearch-filter-row) .innerContent { justify-content: center; }
}
@media (width < 768px) {
	#showVirtualTours label, #showInventory label, #showModels label, #showFeatured label { background-color: #e9e8e8; }
	:where(.homefinder-options, .homesearch-options).open-xs .innerContent { color: #003146; }
	.homesearch-filter-header .checkbox-filters [type="checkbox"]:not(:checked) + label:after,
	.homesearch-filter-header .checkbox-filters [type="checkbox"]:checked + label:after {
		left: 19px;
		top: 15px;
	}
	.homefinder .homesearch-homes-list.full #homeResults .result { width: 100%; }
	#ModelName .builderName__title { font-size: 250% !important; }
	h2.priceInfo { font-size: 190% !important; }
}
.homeImage.available:before, .details-image-slider.available:before {
	color: #fff;
	background-color: var(--blue-deep);
}
/*-----------------------------------------
	Homefinder - Footer
-------------------------------------------*/
#page_container { background-color: var(--white) !important; }
.page_navigation { border-top: 1px solid var(--gray-harmony); padding-top: 2rem; }
.page_navigation * { text-decoration: none !important; }
.page_navigation :is(.last_link, .next_link) { color: var(--blue); }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	MODEL DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1.modelName {
	font-size: 2.625em;
	line-height: 1em;
	text-transform: uppercase;
	font-family: 'proxima-nova', sans-serif;
	font-weight: lighter;
}
.details-image-slider .slick-dots li { background: #efefef; }
.details-image-slider .slick-dots .slick-active:before {
	content: '';
	width: 14.00px; /* keep exact decimals (resizing screen makes pixels 13.9px sometimes) */
	height: 14.00px;
	background: var(--blue);
	border-radius: 50%;
	z-index: -1;
	top: -3.00px;
	left: -3.00px;
	position: absolute;
}
.details-image-slider .slick-dots .slick-active {
	background: var(--blue);
	border: 2px solid #fff;
	position: relative;
	width: 12.00px;
	height: 12.00px;
	vertical-align: middle;
}
.calculator-container h1, .calc-result #monthlyPayment { color: #003146; }
:is(.Home) .calcInfo {
	--link-decoration: none;
	display: flex;
}
.Home .details-image-slider.available::before { max-height: 36px; }
.Home #ModelDetailTable .num-details div:not(#ModelAvailability) .valueItem { font-size: var(--fs-18); }
.Home #ModelDetailTable .mainItem, #ModelAvailability { font-size: var(--fs-18); }
.Home #ModelDetailTable .num-details > div > p > i { font-size: var(--fs-18); }
.Home #DescriptionTitle {
	--div-fs: var(--fs-24);
	--div-color: var(--blue);
	text-transform: capitalize;
}
#ContactDetails {
	--div-bg-color: var(--blue);

	& h2 { --heading-fs: var(--fs-34); }
	& .salesRepName p {
		--body-font: var(--f-merriweather);
		font-size: var(--fs-17);
	}
	& p {
		--body-fs: var(--fs-18);
		font-weight: 400 !important;
	}
	& *:not(.button, .button span) {
		--heading-color: var(--white);
		--body-color: var(--white);
		font-weight: 400;
	}
	& .button{
		--btn-text-color: var(--blue);
		--btn-bg-color: var(--white);
		--btn-border-color: var(--white);

		&:hover {
			--btn-text-color: var(--blue);
			--btn-bg-color: var(--gray-low);
			--btn-border-color: var(--gray-low);
		}
	}
}
.buttonBar a { color: var(--gray-dark); }
.buttonBar a:hover { background: var(--blue); }
.Home .generic-tabs a {
	--link-decoration: none;
	--body-font: var(--f-veneer);
	--body-fs: var(--fs-28);
	--body-text-transform: uppercase;
	--body-color: var(--blue);
	--body-fw: 400;
	padding: 7px 0;
}
.Home .generic-tabs .fake-tabs .print-button {
	--link-decoration: none;
	--body-font: var(--f-basic-sans);
	--body-fs: var(--fs-28);
	--body-text-transform: none;
	--body-color: var(--gray-dark);
	font-weight: 400;
	padding: 7px 0;
}
.Home .generic-tabs li.ui-state-active a, .fake-tabs p {
	border-bottom: 3px solid #a5dce3;
	padding: 7px 0;
	font-weight: 400 !important;
}
.Home .floorplan-title { text-align: center; }
/*Request form*/
.form-left #formContactDetails p { font-size: var(--fs-16); }
.request-info-form .form-left .modelName {
	--heading-fw: 400;
	--heading-fs: var(--fs-34);
	line-height: 36px;
}
.modelName a { --link-decoration: none; }
.Home #ModelAddress::after { color: #d1edf0; }
.contact .callout-module { display: none; }
.Home .slider-arrow { background-color: rgba(255,255,255, .5); }
.Home .slider-arrow.prev::before, .Home .slider-arrow.next::before { color: #003146; font-weight: 600; }
.Home .main-details .more-content { color: #003146; }
.Home .main-details .more-content {
	--btn-bg-color: var(--blue);
	--btn-lineheight: 2;
	color: var(--white);

	& i { margin-right: .5rem; }
	&:hover {
		--btn-bg-color: var(--blue-deep);
		--btn-border-color: var(--blue-deep);
	}
}
.Home :is(.mortgage-calculator-section) {
	--div-bg-color: #f5f4ef;
	box-shadow: unset;

	& h2 { --heading-fs: var(--fs-54); }
	& .form-section * { line-height: 1; }
	& .mortgage-inputs__group select {
		background-color: #fff;
		min-height: 38px;
	}
	& .mortgage-inputs__results  {
		& h3 {
			--heading-font: var(--f-basic-sans);
			font-size: var(--fs-20);
			font-weight: 400;
			color: #222;
		}
		& h2 { --heading-fs: var(--fs-70); }
	}
	& #results {
		color: #003146 !important;
		font-family: var(--f-basic-sans);
	}
}
.mortgage-calculator-section input:focus,
.mortgage-calculator-section input:active,
.mortgage-calculator-section .form-section select:focus,
.mortgage-calculator-section .form-section select:active { font-weight: 400 !important; }
.Home .mortgage-calculator-section :is(input, .form-section select):is(:focus, :active) + i { color: var(--blue); }
.Home .mortgage-calculator-section :is(input, .form-section select):is(:focus, :active) { border: 1px solid var(--blue); }
.Home .priceInfo {
	--heading-font: var(--f-basic-sans);
	font-size: var(--fs-38);
}
.Home .mortgage-calculator-section__disclaimer, .Home .mortgage-calculator-section__disclaimer a {
	font-size: .9rem;
	line-height: 1.5rem;
}
/* custom home - item specs */
@media (width >= 1600px) {
	.hc-homes-hemlock-lot-157 #ModelFloors p { grid-template-columns: 35px 1fr; }
}
@media (992px <= width < 1600px) {
	.hc-homes-hemlock-lot-157 #ModelFloors p { grid-template-columns: 25px 1fr; }
}
@media (992px <= width < 1300px) {
	.hc-homes-hemlock-lot-157 #ModelFloors p .valueItem { margin-bottom: 0; }
}
@media (width >= 992px) {
	.hc-homes-hemlock-lot-157 #ModelFloors p { display: grid !important; }
	.hc-homes-hemlock-lot-157 #ModelFloors p .mainItem { grid-column: 2/3; }
}
@media (width < 768px) {
	#ModelDetailTable { margin-top: 1.5rem; }
	.hc-homes-hemlock-lot-157 #ModelFloors p {
		display: grid !important;
		grid-template-columns: 35px 1fr;
	}
	.hc-homes-hemlock-lot-157 #ModelFloors p .mainItem { grid-column: 2/3; }
	.PhotosFloorplans .hide-tab { display: block !important; }
}
@media (width < 992px) {
	#ModelDetailTable .num-details { display: flex !important; }
	#ModelDetailTable .num-details div { width: 100% !important; }
	#ModelDetailTable .num-details div:not(#ModelAvailability) .valueItem { font-size: 19px !important; }
}
@media (width < 768px) {
	.request-info-form .form-left h1 {font-size: 22px;}
	.request-info-form .form-left .modelName {font-size: 28px;}
	.form-left #formContactDetails .salesRepName p {font-size: 16px;}
	#ModelDetailTable .num-details { display: block !important; }
	#ModelDetailTable .num-details div { width: 100% !important; }
	.Home .main-details #ModelName { margin: 0 0 40px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	GALLERY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gallery-module .gallery-social a { color: #003146; }
:where(.location, .contact-us, .community, .brokers, .business, .new-homes) .full-bleed.standard-module.animated .text {background: rgba(255, 255, 255, 0.7);}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BROKERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.brokers .site-body .TehalehExperience ul {line-height: 1.8em; letter-spacing: .5px;}
.brokers .site-body .TehalehExperience ul a {
	color: #003146;
	font-weight: 700;
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	BUSINESS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.business .contourField {margin-bottom: 20px;}
.business .contour label.fieldLabel {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: -10px;
}
.business .contour input.text {margin: 0;}
.business .contourNavigation {text-align: center;}
.business .btn {
	background-color: #003146;
	color: #d7c300;
	border-radius: 19px;
	padding: 11px 19px;
	font-size: 14px;
	min-height: 38px;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
}
.business .btn:hover a { color: #003146; }
.business .btn:hover { background-color: #d7c300; color: #003146; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	TESTIMONIALS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:is(.testimonials) {
	position: relative;
	padding: 70px 0 0;
	& .testimonials-carousel {
		& .slick-arrow {
			color: var(--teal-200);
			font-weight: 200;
		}
	}
	& .testimonials-text {
		transform: translateY(-12px);
		& h2	{
			--heading-fs: var(--fs-30);
			--heading-fw: 900;
		}
		& h4 {
			--heading-fs: var(--fs-22);
			text-align: center;
		}
		& p{
			--body-fs: var(--fs-16);

			&::before { content: unset; }
			&::after { content: unset; }
		}
	}
	& .slick-slide img { padding: 12.5% 18% 5%; }

	&::before { content: unset; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	LOCATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.location.directions .intro-block h3 {
	--heading-color: var(--gray-dark);
	--heading-margin: 30px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FORM PANELS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.form-left h1 {
	--heading-fs: var(--fs-34);
	--heading-lineheight: 1.2;
	max-width: 100%;
}
.form-left p {
	line-height: 1.6em;
	text-transform: initial;
}
.form-left .stars { font-size: var(--fs-12); }
.form-left :where(a, strong) {
	font-size: var(--fs-16);
	letter-spacing: 1.5px;
}
.form-left .icon { font-size: 25px; }
.formpanel h3 {
	max-width: 100%;
	line-height: 1.5em;
	margin-bottom: 25px;
	font-weight: normal;
}
.formpanel .form-element :where(input, textarea, option) {
	font-family: var(--f-sofia);
	font-size: var(--fs-14);
	border-radius: 3px;
	color: var(--gray-dark);
}
.formpanel .form-element > label {
	--body-lineheight: 2;
	font-size: var(--fs-16);
	font-weight: 500;
	display: block;
	margin-bottom: 3px;
	margin-top: -10px;
}
.formpanel .form-element select { background-color: #fff !important; }
.formpanel :where(label[for="cbMyChAreNew"], label[for="cboFiveMinutes"], label[for="chkFeatures"]) {
	font-weight: 400;
	color: #806f66;
	font-size: var(--fs-18);
	line-height: 25px;
	margin: 30px 0 15px;
	display: block;
	font-weight: 400;
}
.form-element.field-disclaimer :is(p, a, strong) { font-size: var(--fs-11); }
.inline-full-form .agents-form .form-element:where(.cboState, .txtZip) { margin: 0 0 20px 0; }
:is(.inline-full-form) form > .form-panels {
	--form-panel-height: initial;
	--form-template-cols: 1fr;
	--form-width: auto;
	--form-gap: 1rem;
	display: flex;
	justify-content: center;

	& .formpanel {
		width: var(--form-width);
		min-height: var(--form-panel-height);

		& h4 {
			--heading-fs: var(--fs-30);
			--heading-fw: 400;
			margin-bottom: 25px;
		}
		& .formelements {
			grid-template-columns: var(--form-template-cols);
			gap: var(--form-gap);

			& .txtComments {
				grid-column: 5/9;
				grid-row: 1/4;
			}
		}
		& .button-right {
			text-align: center;

			& button {
				--btn-bg-color: var(--teal-200);
				--btn-border-color: none;
				color: var(--white) !important;
				border: var(--btn-border-width, 1px) solid var(--white) !important;

				&:hover {
					--btn-text-color: var(--blue-500);
					--btn-bg-color: var(--teal-100);
					--btn-border-color: none;
				}
			}
		}
	}
	@media (width >= 768px) {
		--form-panel-height: 390px;
		--form-template-cols: repeat(8, 1fr);
		--form-gap: 1rem 2rem;
	}
}
#cboxLoadedContent .slform div[class*=request-info-form] .formelements .form-element label { padding-bottom: 0 !important; }
.form-left #formContactDetails .salesRepName p { letter-spacing: 1.5px; }
@media (width >= 768px) {
	.form-left p.large { --body-fs: var(--fs-22); }
	.form-left h1 {
		--heading-fs: var(--fs-30);
		line-height: 34px;
	}
	.formpanel .form-element.cbMyChAreNew { display: none; }
	.formpanel .form-element:is(.cbHowSoon, .txtPhone, .HomeMasterDown, .cbKLAH) { clear: both; }
	.form-element:is(.chkCountry, .cboReasonMove, .HomeSize, .txtZip) { margin-left: 6%; }
	.form-element:is(.HomeBeds, .HomeBaths, .HomeGarage, .HomeFloors) {
		width: 23%;
		margin-right: 2.666666%;
		float: left;
	}
	.formpanel .form-element.HomeFloors { margin-right: 0; }
	.formpanel .form-element:is(.chkCountry, .cboState) { margin-top: 0; }
	#cboFiveMinutes tr:nth-child(even), #chkFeatures tr:nth-child(even) { margin-left: 6%; }
	#cboFiveMinutes tr, #chkFeatures tr { width: 47%; }
	#cboFiveMinutes tbody, #chkFeatures tbody {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.phone-reagent .formelements .form-element.txtPhone { grid-column: 1/3; }
	.phone-reagent .formelements .form-element.txtPhone + .IsREAgent {
		grid-column: 3/5;
		justify-self: center;
		align-self: end;
	}
	.phone-reagent .formelements .form-element.txtPhone + .IsREAgent label { margin-bottom: 5px; }
}
@media (width < 768px) {
	.testimonials-text h4 { margin-top: 20px; }
	.formpanel h3 { line-height: 1.1em; }
	.form-left a { font-size: 10px; }
	.form-left p { font-size: 20px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	RICHTEXT 2 CUSTOMIZATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.richtext + h4.small-subheadline.richtext { margin-top: 10px; }
/**umb_name: Color 1*/
.color1, span.color1 a  { color: #003146; }
/**umb_name:Extra Small Paragraph*/
p.xsmall, p.xsmall * {
	color: var(--gray);
	margin: 15px 0;
	font-size: var(--fs-12);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Custom Homes Site Map
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.googleMapNav { font-size: var(--fs-16); }
.interactive-map .gm-style-iw { max-width: 250px !important; }
.gm-style .gm-style-iw-d p:not(:first-of-type) { font-size: var(--fs-15); }
.custom-homes-map { position: relative; }
.custom-homes-map > div { position: relative; }
.custom-homes-map .map-text > div { position: relative; }
.custom-homes-map .map-text h5 {
	color: #54433a;
	font-size: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
.custom-homes-map .map-text p {
	font-size: 14px;
	color: #54433a;
	position: relative;
}
.custom-homes-map .map-text .available-lot { font-weight: bold; }
.custom-homes-map .map-text p span {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #ef6553;
	margin-right: 5px;
	position: relative;
	top:2px;
	border: 1px solid #ef6553;
}
.custom-homes-map .map-text .sold-lot span {
	background: #c7ae9e;
	border: 1px solid #c7ae9e;
}
.custom-homes-map .map-text .unavailable-lot span {
	background: #e1ece4;
	border: 1px solid #c7ae9e;
}
.custom-homes-map #mapster_wrap_0 {
	margin-left: auto;
	margin-right: 0;
	width: 320px!important;
	height: 1056px!important;
}
.custom-homes-map #mapster_wrap_0 img {
	width: 320px!important;
	height: 1056px!important;
}
@media (width > 768px) {
	.custom-homes-map { margin-top: -160px; }
	.custom-homes-map .map-text {
		position: absolute;
		top: 55%;
		left: 6%;
		max-width: 40%;
	}
}
@media (width <= 768px) {
	.custom-homes-map #mapster_wrap_0 {
		margin-left: auto;
		margin-right: auto;
	}
	.custom-homes-map .map-text {
		position: absolute;
		top: 80px;
		left: 15px;
		max-width: 100%;
	}
}
@media (width <= 520px) {
	.custom-homes-map.column {
		padding: 0;
		overflow: hidden;
	}
}
@media (992px <= width <= 1379px) {
	header nav .menu li { padding: 0 0.8%; }
	nav .menu li:first-of-type { padding-left: 70px; }
}
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	.model .view-details .button {
		min-width: 10px;
		max-width: 112px;
		min-height: 1px;
		font-size: 10px;
		padding: 5px 16px;
		margin-top: 0px;
	}
}
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.modal-open { overflow: scroll !important; }
	header .logo img {padding: 5px 0px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Custom Form Panels - Width
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:where(div[class*="form-panels-w-"]) { --panel-width: 100%; }
:is(.form-panels-w-100) .formPanels { width: var(--panel-width, 100%); }
.form-panels-m-auto .formPanels { margin: auto; }
:is(.form-panels-w-100) { --panel-width: 100%; }
:is(.form-panels-w-95) { --panel-width: 95%; }
:is(.form-panels-w-90) { --panel-width: 90%; }
:is(.form-panels-w-85) { --panel-width: 85%; }
:is(.form-panels-w-80) { --panel-width: 80%; }

/* sm 640px */
@media (width > 640px) {
	.sm\:form-panels-w-100 { --panel-width: 100%; }
	.sm\:form-panels-w-95 { --panel-width: 95%; }
	.sm\:form-panels-w-90 { --panel-width: 90%; }
	.sm\:form-panels-w-85 { --panel-width: 85%; }
	.sm\:form-panels-w-80 { --panel-width: 80%; }
}
/* md 768px */
@media (width >= 768px)  {
	.md\:form-panels-w-100 { --panel-width: 100%; }
	.md\:form-panels-w-95 { --panel-width: 95%; }
	.md\:form-panels-w-90 { --panel-width: 90%; }
	.md\:form-panels-w-85 { --panel-width: 85%; }
	.md\:form-panels-w-80 { --panel-width: 80%; }
}
/* lg 1024px */
@media (width >= 1024px) {
	.lg\:form-panels-w-100 { --panel-width: 100%; }
	.lg\:form-panels-w-95 { --panel-width: 95%; }
	.lg\:form-panels-w-90 { --panel-width: 90%; }
	.lg\:form-panels-w-85 { --panel-width: 85%; }
	.lg\:form-panels-w-80 { --panel-width: 80%; }
}
/* xl 1280px */
@media (width >= 1280px) {
	.xl\:form-panels-w-100 { --panel-width: 100%; }
	.xl\:form-panels-w-95 { --panel-width: 95%; }
	.xl\:form-panels-w-90 { --panel-width: 90%; }
	.xl\:form-panels-w-85 { --panel-width: 85%; }
	.xl\:form-panels-w-80 { --panel-width: 80%; }
}
/* 2xl 1536px */
@media (width >= 1536px) {
	.\32xl\:form-panels-w-100 { --panel-width: 100%; }
	.\32xl\:form-panels-w-95 { --panel-width: 95%; }
	.\32xl\:form-panels-w-90 { --panel-width: 90%; }
	.\32xl\:form-panels-w-85 { --panel-width: 85%; }
	.\32xl\:form-panels-w-80 { --panel-width: 80%; }
}
/*--------------------------------------
	Containers Width
----------------------------------------*/
.small-container.container, .small-container .container, .small-container { max-width: 1000px; }
.medium-container.container, .medium-container .container, .medium-container { max-width: 1050px; }
:where(.is-xxl-container) 	{ --container-width: 1500px; }
:where(.is-xl-container) 	{ --container-width: 1170px; }
:where(.is-large-container) { --container-width: 1024px; }
:where(.is-medium-container){ --container-width: 920px; }
:where(.is-tablet-container){ --container-width: 768px; }
:where(.is-small-container) { --container-width: 640px; }
:is(
	.is-large-container,
	.is-medium-container,
	.is-tablet-container,
	.is-small-container,
	.is-xl-container,
	.is-xxl-container
) :where(.container):is(:first-of-type) {
	margin: auto;
	max-width: var(--container-width);
}
.wrapper {
	--wrapper-padding: 2rem;
	--wrapper-width: 100%;
	margin-inline: auto;
	padding-inline: var(--wrapper-padding);
	width: var(--wrapper-width);

	&.wrapper-xl { --wrapper-width: 80%; }
	&.wrapper-full { --wrapper-width: 100%; }

	@media (width >= 640px) { &.wrapper-sm { --wrapper-width: 640px; } }
	@media (width >= 768px) { &.wrapper-md { --wrapper-width: 768px; } }
	@media (width >= 1024px) { &.wrapper-lg { --wrapper-width: 1024px; } }
}

@media (width >= 1299px) {
	.is-xl-container { --container-width: 90%; }
}
@media (768px <= width < 992px) {
	.is-tablet-container { --container-width: 80%; }
}
@media (width >= 1800px) {
	footer .wrapper.wrapper-xl { --wrapper-width: 70%; }
}
:where(div[class*="inner-container-"]) { --inner-container-width: 100%; }
:where(.inner-container-sm)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
:where(.inner-container-md)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
:where(.inner-container-lg)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
:where(.inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
:where(.inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
:where(.inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
:where(.inner-container-auto)	{ --inner-container-width: 96%; }
:where(.inner-container-full)	{ --inner-container-width: 100%; }
:is(div[class*="inner-container-"]) > .container:is(:first-child) { width: var(--inner-container-width); }
/* md 768px */
@media (width >= 768px)  {
	:where(.md\:inner-container-sm)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
	:where(.md\:inner-container-md)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
	:where(.md\:inner-container-lg)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
	:where(.md\:inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
	:where(.md\:inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
	:where(.md\:inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
	:where(.md\:inner-container-auto)	{ --inner-container-width: 96%; }
	:where(.md\:inner-container-full)	{ --inner-container-width: 100%; }
}
/* lg 1024px */
@media (width >= 1024px) {
	:where(.lg\:inner-container-sm)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
	:where(.lg\:inner-container-md)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
	:where(.lg\:inner-container-lg)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
	:where(.lg\:inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
	:where(.lg\:inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
	:where(.lg\:inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
	:where(.lg\:inner-container-auto)	{ --inner-container-width: 96%; }
	:where(.lg\:inner-container-full)	{ --inner-container-width: 100%; }
}
/* xl 1280px */
@media (width >= 1280px) {
	:where(.xl\:inner-container-sm)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
	:where(.xl\:inner-container-md)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
	:where(.xl\:inner-container-lg)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
	:where(.xl\:inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
	:where(.xl\:inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
	:where(.xl\:inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
	:where(.xl\:inner-container-auto)	{ --inner-container-width: 96%; }
	:where(.xl\:inner-container-full)	{ --inner-container-width: 100%; }
}
/* 2xl 1536px */
@media (width >= 1536px) {
	:where(.\2xl\:inner-container-sm)	{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
	:where(.\2xl\:inner-container-md)	{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
	:where(.\2xl\:inner-container-lg)	{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
	:where(.\2xl\:inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
	:where(.\2xl\:inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
	:where(.\2xl\:inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
	:where(.\2xl\:inner-container-auto)	{ --inner-container-width: 96%; }
	:where(.\2xl\:inner-container-full)	{ --inner-container-width: 100%; }
}
/*----------------------------------
	Hero Section
------------------------------------*/
:is(.hero-video-section) :where(.button-container) .button:hover { --btn-border-color: transparent; }
:where(.hero-container, .hero-video) {
	--nav-height: var(--navbar-height, 90px);
	--hero-container-height: 60vh;
	--hero-height: calc(var(--hero-container-height) - var(--nav-height));

	@media (width < 768px) { --navbar-height: 70px; }
}
.hero-container h4 {
	font-family: var(--font-accent-graphic);
	font-size: 2.375rem;
	color: #fff;
	line-height: 3.75rem;
	letter-spacing: 0.070em;
	text-transform: uppercase;
}
.cycle-slideshow .carouselPage .button { margin-top: 30px; }
:is(.hero-container) .carouselPage { margin-bottom: 0; }
:is(.hero-container) :where(.carouselPage, .cycle-slideshow) { height: var(--hero-height); }
:is(.hero-video) .hero-video_container { height: var(--hero-height); }
:is(.hero-container, .hero-video).hero-100 { --hero-container-height: 100vh; }
:is(.hero-container, .hero-video).hero-95 { --hero-container-height: 95vh; }
:is(.hero-container, .hero-video).hero-90 { --hero-container-height: 90vh; }
:is(.hero-container, .hero-video).hero-85 { --hero-container-height: 85vh; }
:is(.hero-container, .hero-video).hero-80 { --hero-container-height: 80vh; }
:is(.hero-container, .hero-video).hero-75 { --hero-container-height: 75vh; }
:is(.hero-container, .hero-video).hero-70 { --hero-container-height: 70vh; }
:is(.hero-container, .hero-video).hero-65 { --hero-container-height: 65vh; }
:is(.hero-container, .hero-video).hero-60 { --hero-container-height: 60vh; }
:is(.hero-container, .hero-video).hero-55 { --hero-container-height: 55vh; }
:is(.hero-container, .hero-video).hero-50 { --hero-container-height: 50vh; }

@media (width > 640px) {
	:is(.hero-container, .hero-video).sm\:hero-100 { --hero-container-height: 100vh; }
	:is(.hero-container, .hero-video).sm\:hero-95 { --hero-container-height: 95vh; }
	:is(.hero-container, .hero-video).sm\:hero-90 { --hero-container-height: 90vh; }
	:is(.hero-container, .hero-video).sm\:hero-85 { --hero-container-height: 85vh; }
	:is(.hero-container, .hero-video).sm\:hero-80 { --hero-container-height: 80vh; }
	:is(.hero-container, .hero-video).sm\:hero-75 { --hero-container-height: 75vh; }
	:is(.hero-container, .hero-video).sm\:hero-70 { --hero-container-height: 70vh; }
	:is(.hero-container, .hero-video).sm\:hero-65 { --hero-container-height: 65vh; }
	:is(.hero-container, .hero-video).sm\:hero-60 { --hero-container-height: 60vh; }
	:is(.hero-container, .hero-video).sm\:hero-55 { --hero-container-height: 55vh; }
	:is(.hero-container, .hero-video).sm\:hero-50 { --hero-container-height: 50vh; }
}
@media (width >= 768px) {
	:is(.hero-container, .hero-video).md\:hero-100 { --hero-container-height: 100vh; }
	:is(.hero-container, .hero-video).md\:hero-95 { --hero-container-height: 95vh; }
	:is(.hero-container, .hero-video).md\:hero-90 { --hero-container-height: 90vh; }
	:is(.hero-container, .hero-video).md\:hero-85 { --hero-container-height: 85vh; }
	:is(.hero-container, .hero-video).md\:hero-80 { --hero-container-height: 80vh; }
	:is(.hero-container, .hero-video).md\:hero-75 { --hero-container-height: 75vh; }
	:is(.hero-container, .hero-video).md\:hero-70 { --hero-container-height: 70vh; }
	:is(.hero-container, .hero-video).md\:hero-65 { --hero-container-height: 65vh; }
	:is(.hero-container, .hero-video).md\:hero-60 { --hero-container-height: 60vh; }
	:is(.hero-container, .hero-video).md\:hero-55 { --hero-container-height: 55vh; }
	:is(.hero-container, .hero-video).md\:hero-50 { --hero-container-height: 50vh; }
}
@media (width >= 1024px) {
	:is(.hero-container, .hero-video).lg\:hero-100 { --hero-container-height: 100vh; }
	:is(.hero-container, .hero-video).lg\:hero-95 { --hero-container-height: 95vh; }
	:is(.hero-container, .hero-video).lg\:hero-90 { --hero-container-height: 90vh; }
	:is(.hero-container, .hero-video).lg\:hero-85 { --hero-container-height: 85vh; }
	:is(.hero-container, .hero-video).lg\:hero-80 { --hero-container-height: 80vh; }
	:is(.hero-container, .hero-video).lg\:hero-75 { --hero-container-height: 75vh; }
	:is(.hero-container, .hero-video).lg\:hero-70 { --hero-container-height: 70vh; }
	:is(.hero-container, .hero-video).lg\:hero-65 { --hero-container-height: 65vh; }
	:is(.hero-container, .hero-video).lg\:hero-60 { --hero-container-height: 60vh; }
	:is(.hero-container, .hero-video).lg\:hero-55 { --hero-container-height: 55vh; }
	:is(.hero-container, .hero-video).lg\:hero-50 { --hero-container-height: 50vh; }
}
@media (width >= 1280px) {
	:is(.hero-container, .hero-video).xl\:hero-100 { --hero-container-height: 100vh; }
	:is(.hero-container, .hero-video).xl\:hero-95 { --hero-container-height: 95vh; }
	:is(.hero-container, .hero-video).xl\:hero-90 { --hero-container-height: 90vh; }
	:is(.hero-container, .hero-video).xl\:hero-85 { --hero-container-height: 85vh; }
	:is(.hero-container, .hero-video).xl\:hero-80 { --hero-container-height: 80vh; }
	:is(.hero-container, .hero-video).xl\:hero-75 { --hero-container-height: 75vh; }
	:is(.hero-container, .hero-video).xl\:hero-70 { --hero-container-height: 70vh; }
	:is(.hero-container, .hero-video).xl\:hero-65 { --hero-container-height: 65vh; }
	:is(.hero-container, .hero-video).xl\:hero-60 { --hero-container-height: 60vh; }
	:is(.hero-container, .hero-video).xl\:hero-55 { --hero-container-height: 55vh; }
	:is(.hero-container, .hero-video).xl\:hero-50 { --hero-container-height: 50vh; }
}
@media (width >= 1536px) {
	:is(.hero-container, .hero-video).\32xl\:hero-100 { --hero-container-height: 100vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-95 { --hero-container-height: 95vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-90 { --hero-container-height: 90vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-85 { --hero-container-height: 85vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-80 { --hero-container-height: 80vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-75 { --hero-container-height: 75vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-70 { --hero-container-height: 70vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-65 { --hero-container-height: 65vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-60 { --hero-container-height: 60vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-55 { --hero-container-height: 55vh; }
	:is(.hero-container, .hero-video).\32xl\:hero-50 { --hero-container-height: 50vh; }
}
/* inline form */
:where(.contact-form-section) {
	& .form-content {
		--bg-graphic-img: url(/media/9701703/form-topo-map.png);
		--bg-size: cover;
		--bg-position: right;
		--bg-height: 520px;
		--bg-width: 410px;
		--bg-bottom: 0;
		--bg-right: 0;
		--bg-z-index: 1;

		& .formpanel {
			--div-bg-color: var(--cream);
			position: relative;

			& :where(.formelements, .form-element) { background: transparent; }
			& .button-right {
				position: relative;
				z-index: 9;
			}
			& .type-rte {
				background-color: transparent;
				position: relative;
				z-index: 9;
			}
			&::after {
				content: "";
				background-image: var(--bg-graphic-img);
				background-position: var(--bg-position);
				background-size: var(--bg-size);
				background-repeat: no-repeat;
				position: absolute;
				top: var(--bg-top);
				right: var(--bg-right);
				left: var(--bg-left);
				bottom: var(--bg-bottom);
				height: var(--bg-height);
				width: var(--bg-width);
				transform: var(--bg-transform);
				z-index: var(--bg-z-index);
			}
			@media (width >=768px) {
				& .type-rte {
					background-color: transparent;
					position: relative;
					z-index: 9;

					& .formelements {
						background-color: transparent;

						& .form-element { background-color: transparent; }
						& .email { grid-column: 1/3; }
						& .IsREAgent {
							grid-column: 3/4;
							display: flex;
							align-items: center;

							& label {
								margin: 30px 0 0;
								padding-bottom: 0;
							}
						}
					}
					& .button-right {
						position: relative;
						z-index: 9;
						background: transparent;
					}
				}
			}
			&.finish-panel .type-rte {
				height: 100%;

				& .button { line-height: 2; }
			}
		}
	}
}
/*--------------------------------------
	FILTER CATEGORY MODULE
----------------------------------------*/
:is(.filter-category-drpdwn-wrapper) .category-item :is(h2, p) {
	--heading-color: var(--white);
	--body-color: var(--white);
	text-transform: uppercase;
}
:is(.filter-category-drpdwn-wrapper) .category-item :is(h2) {
	font-size: var(--heading-fs, var(--fs-26));
	--body-color: var(--white);
	--heading-fw: 500;
}
:is(.filter-category-drpdwn-wrapper) {  --box-height: 250px; }
:is(.filter-category-drpdwn-wrapper) {
	& :is(.dd-container) {
		& > #filterByCategoryBtn {
			& .dd-btn-txt {
				font-family: var(--body-font, var(--f-sofia, arial));
				font-weight: 500;
			}
		}
	}
}
:is(.filter-category-drpdwn-wrapper) {
	& :is(.dd-container) {
		> #filterByCategoryBtn {
			border-radius: var(--btn-border-radius, 3px);
		}
	}
}
:is(.filter-category-drpdwn-wrapper) {
	& :is(.dd-container) {
		& #filterByCategoryBtn.active + .dd-content {
			--dd-btn-border-radius: 3px;
		}
	}
}
/*--------------------------------------
	INSIDERS FORM / GRID FORM
----------------------------------------*/
.page-1-email-panel .button { margin-top: 0 !important; }
#cboxClose { color: var(--blue); }
#cboxClose > div { display: none; }
:where(#cboxLoadedContent) {
	--form-gap: 0.5rem;
	--textarea-height: 130px;
	--fields-height: 40px;
	--label-fs: 0.77rem;
}
#cboxLoadedContent :where(label, input, select, textarea) { font-size: var(--fs-14); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .CCPA label {
	padding-bottom: 0;
	margin-bottom: 0;
}
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .field-disclaimer { padding: 0; }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements { gap: var(--form-gap); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formpanel textarea { height: var(--textarea-height); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formpanel input { height: var(--fields-height); }
#cboxLoadedContent .button-right + p a { font-size: var(--fs-16); }
.formelements textarea { max-height: 130px; }
@media (height < 777px) {
	#cboxWrapper {
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form) :where(input, select) {
		font-size: 13px !important;
		height: 33px !important;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel { min-height: 470px; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element:where(.cboBestHome, .HomeSize) { grid-column: 1/3; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboSpendHomeNew { grid-column: 3/5; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBeds { grid-column: 3/4; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBaths { grid-column: 4/5; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeMasterDown {
		grid-column: 1/3;
		justify-content: flex-start;
	}
}
@media (width >= 768px) {
	/* form reset */
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboState,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cbHowSoon,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.txtZip,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.chkCountry,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboReasonMove,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboSpendHomeNew,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeSize,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBeds,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBaths,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeGarage,
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeFloors {
		width: 100%;
		float: unset;
		margin: 0;
	}
	/* grid form section */
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-gap: 1rem;
		margin-bottom: 25px;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element {
		grid-column-start: 1;
		grid-column-end: 5;
		margin: 0;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element label { padding-bottom: 5px; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.HomeSize { margin-left: 0; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.cbHowSoon { grid-column: 1/3; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.cboAgeRange { grid-column: 3/5; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element > label { margin: 0; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeBeds { grid-column: 1/2; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeBaths { grid-column: 2/3; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown {
		grid-column: 3/5;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 12px;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown .form-control { margin-top: 10px; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbFiftyFive { grid-column: 1/3; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbKLAH { grid-column: 3/5; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbMyChAreNew tbody {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	:where(.insiders-form, .grid-form, .brookstone-builder-form, .request-info-form) .formpanel .form-element.txtFirstName { grid-column: 1/3 !important; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form, .request-info-form) .formpanel .form-element.txtLastName { grid-column: 3/5 !important; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.txtCity { grid-column: 1/2; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cboState { grid-column: 2/4; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.txtZip { grid-column: 4/5; }
	:is(#cboxLoadedContent) .formpanel .bottom-link { bottom: 20px; }
}
@media (max-height: 600px) and (min-width: 520px) and (max-width: 1300px) {
	#cboxContent .slform div[class*=request-info-form] .formpanel .type-rte { padding: 3% !important; }
}
@media (max-height: 851px) {
	:where(#cboxLoadedContent) {
		--form-gap: 13px;
		--textarea-height: 80px;
		--fields-height: 36px;
		--label-fs: 0.77rem;
	}
	:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements .txtFirstName { grid-column: 1/3; }
	:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements .txtLastName { grid-column: 3/5; }
}
@media (width < 768px) {
	#cboxContent :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element { margin-bottom: 28px; }
	#cboxContent :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown { margin-bottom: 28px !important; }
}
@media (768px <= width < 992) and (height <= 768px) {
	#cboxContent { width: 75% !important; }
}
@media (max-height: 768px) {
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel .button { margin-top: 0; }
	:where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel .bottom-link { position: initial; margin-top: 15px; }
	#cboxContent .formpanel .form-element { margin-bottom: 0; }
	#cboxContent .request-info-form .formpanel .form-element { margin-bottom: 1.2rem; }
	.formelements { gap: .5rem !important; }
}
@media (width < 768px) and (height < 768px) {
	#cboxContent .formpanel .form-element { margin-bottom: 15px; }
}
@media (max-height: 620px) {
	:where(#cboxLoadedContent) {
		--form-gap: 8px;
		--label-fs: 0.722rem;
		--fields-height: 34px;
	}
	:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements { margin-bottom: 10px; }
	:is(#cboxLoadedContent) .slform div[class*=request-info-form] .button {
		--btn-padding: 0.5rem;
		font-size: var(--fs-14);
	}
	:is(#cboxLoadedContent) .slform div[class*=request-info-form] h3 { margin: 0; }
}

/**umb_name:Background Color*/
.bg-color {
	background-color: #f7f4f4;
}

/**umb_name:Color 2*/
.color2 {
	color:#ada400;
}

/**umb_name:Grey 2*/
.grey2 {
	color: #806f66;
}

/**umb_name:Semibold*/
.semibold {
	font-weight: 500;
}