@media only screen and (min-width: 64em) {
	#navigation .background-color-div {
		height: 100%;
	}
}

@media only screen and (min-width: 0rem) {
	#banner-1106 {
		z-index: 1;
		position: relative;
		overflow: hidden;
		padding: var(--sectionPadding);
		padding-top: 15.625rem;
		padding-bottom: 7.5rem;
	}

	#banner-1106 .cs-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		margin: auto;
		max-width: 80rem;
		width: 100%;
		text-align: center;
		gap: 0.75rem;
	}

	#banner-1106 .cs-int-title {
		position: relative;
		margin: 0;
		font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
		line-height: 1.2em;
		font-weight: 900;
		color: var(--bodyTextColorWhite);
		text-align: inherit;
	}

	#banner-1106 .cs-breadcrumbs {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#banner-1106 .cs-link {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		font-size: 1rem;
		line-height: 1.2em;
		color: var(--bodyTextColorWhite);
	}

	#banner-1106 .cs-link:last-of-type {
	}

	#banner-1106 .cs-link:last-of-type::after {
		display: none;
	}

	#banner-1106 .cs-link:after {
		position: relative;
		content: "";
		display: block;
		margin: 0 1rem;
		background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/white-chev.svg");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 0.75rem;
		width: 0.4375rem;
	}

	#banner-1106 .cs-link.cs-active {
		color: var(--primary);
	}

	#banner-1106 .cs-background, #banner-1106 .cs-video {
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		width: 100%;
	}

	#banner-1106 .cs-background img, #banner-1106 .cs-video img, #banner-1106 .cs-background video, #banner-1106 .cs-video video {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	#banner-1106 .cs-background:before, #banner-1106 .cs-video:before {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		opacity: 1;
		display: block;
		background: -moz-linear-gradient(left, rgba(26, 26, 26, 0.94) 0%, rgba(26, 26, 26, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(26, 26, 26, 0.94) 0%, rgba(26, 26, 26, 0) 100%);
		height: 100%;
		width: 100%;
	}

	#banner-1106 .cs-video {
		display: none;
	}
}

@media only screen and (min-width: 64rem) {
	#banner-1106 .cs-video {
		display: block;
	}

	#banner-1106 .cs-background {
		display: none;
	}
}

@media only screen and (min-width: 0em) {
	.sidebyside {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: auto;
		max-width: 30.55em;
		width: 96%;
		padding-top: 3em;
	}

	.sidebyside .left {
		order: 2;
		max-width: 30.55em;
		text-align: center;
	}

	.sidebyside .left img {
		display: none;
	}

	.sidebyside .left .title {
		position: relative;
		margin-bottom: 1.91666667em;
		font-size: min(9vw, 4em);
		line-height: 58/48;
		font-weight: 900;
		color: #1a1a1a;
		text-align: center;
	}

	.sidebyside .left .title:before {
		position: absolute;
		bottom: -0.390625em;
		left: 50%;
		content: "";
		opacity: 1;
		transform: translateX(-50%);
		display: block;
		background: var(--primary);
		height: 0.0625em;
		width: 1.515625em;
	}

	.sidebyside .left ul li {
		opacity: 0.8;
		color: #292929;
	}

	.sidebyside .left p {
		margin-bottom: 1.38888889em;
		text-align: center;
	}

	.sidebyside .left p a {
		color: var(--primaryDark);
	}

	.sidebyside .left p:last-of-type {
		margin-bottom: 3.44444444em;
	}

	.sidebyside .right {
		order: 1;
		position: relative;
		display: block;
		margin: auto;
		margin-bottom: 75px;
		height: 43.05em;
		width: 30.55em;
		font-size: min(1.6vw, .6em);
	}

	.sidebyside .right img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.sidebyside .right:before {
		position: absolute;
		bottom: -2.25em;
		right: -2.25em;
		content: "";
		display: block;
		background: var(--primary);
		height: 100%;
		width: 100%;
	}

	.title {
		position: relative;
		margin-bottom: 1.91666667em;
		font-size: min(9vw, 2.4em);
		line-height: 58/48;
		font-weight: 7900;
		color: #1a1a1a;
		text-align: center;
	}

	.title:before {
		position: absolute;
		bottom: -0.390625em;
		left: 50%;
		content: "";
		opacity: 1;
		transform: translateX(-50%);
		display: block;
		background: var(--primary);
		height: 0.0625em;
		width: 1.515625em;
		font-size: 1.5em;
	}

	body.dark-mode .sidebyside li {
		opacity: 0.9;
		color: #fff;
	}
}

@media only screen and (min-width: 64em) {
	.sidebyside {
		flex-direction: row;
		max-width: 66.1em;
	}

	.sidebyside .left {
		order: 1;
		padding-right: 3.75em;
		text-align: left;
	}

	.sidebyside .left .title {
		text-align: left;
	}

	.sidebyside .left .title:before {
		left: 0;
		transform: none;
		font-size: inherit;
	}

	.sidebyside .left p {
		text-align: left;
	}

	.sidebyside .right {
		order: 2;
		transform: translateY(124/20em);
		font-size: min(1.8vw, .7em);
	}

	.sidebyside .right:before {
		left: -2.25em;
		right: auto;
	}

	.title:before {
		font-size: inherit;
	}
}

@media only screen and (min-width: 1200px) {
	.sidebyside {
		justify-content: space-between;
		align-items: flex-start;
	}

	.sidebyside .left {
		padding: 0;
	}

	.sidebyside .right {
		margin: 0;
		font-size: min(1.3vw, 1em);
	}
}

@media only screen and (min-width: 1500px) {
	.sidebyside {
		padding: 0;
	}
}

@media only screen and (min-width: 0em) {
	body.dark-mode .sidebyside .title {
		color: #fff;
	}

	body.dark-mode .sidebyside .right:before {
		background: var(--primaryLight);
	}
}

@media only screen and (min-width: 0em) {
	.top-wave {
		position: relative;
		top: -0.125em;
		height: auto;
		width: 100%;
	}

	.curve {
		position: relative;
		bottom: -0.25em;
		height: auto;
		width: 100%;
	}

	.curve img {
		position: relative;
		height: auto;
		width: 100%;
	}

	#construction .left p:last-of-type {
		margin-bottom: 1.11111111em;
	}

	#construction .left ul {
		margin-bottom: 2.5em;
	}

	#construction .left ul li {
		position: relative;
		opacity: 1;
		list-style: none;
		text-align: left;
	}

	#construction .left ul li:before {
		position: absolute;
		top: 0.27777778em;
		left: -1.66666667em;
		content: "";
		opacity: 1;
		display: block;
		background: url("/assets/images/check.svg");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.11111111em;
		width: 1.11111111em;
	}

	#construction .left .joe {
		display: block;
		margin: auto;
		margin-bottom: 2.5em;
		height: auto;
		width: 10em;
	}

	#construction .button-solid {
		margin-top: 2.22222222em;
	}
}

@media only screen and (min-width: 800px) {
	#construction {
		padding-top: 7em;
		padding-bottom: 7.5em;
	}

	#construction .left {
		width: 100%;
	}

	#construction .left ul li {
		opacity: 1;
		margin-bottom: 0em;
	}
}

@media only screen and (min-width: 64em) {
	#construction {
		align-items: flex-start;
		max-width: 64.55em;
		padding-top: 5em;
	}

	#construction .left {
		order: 2;
		padding: 0;
		padding-left: 2.5em;
	}

	#construction .left .joe {
		margin-right: 1.5em;
		margin-bottom: 1em;
		margin-left: 0;
		float: left;
	}

	#construction .right {
		order: 1;
		transform: none;
		margin-top: 0;
	}
}

@media only screen and (min-width: 1200px) {
	#construction {
		padding-bottom: 5em;
	}

	#construction .left {
		padding-left: 0;
	}
}

@media only screen and (min-width: 1300px) {
	#construction {
		z-index: 10;
		position: relative;
		max-width: 62.5em;
	}
}

@media only screen and (min-width: 1400px) {
	#construction {
		max-width: 67.5em;
	}
}

@media only screen and (min-width: 0em) {
	#about {
		padding-bottom: 7.5em;
	}

	#about p {
		margin-bottom: 1.66666667em;
	}

	#about ul li {
		opacity: 1;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		list-style: none;
		text-align: left;
	}

	#about ul li strong {
		display: inline-block;
		color: #000;
	}

	#about ul li img {
		display: block;
		margin-top: 0.25em;
		margin-right: 1em;
		height: 2.5em;
		width: 2.5em;
	}

	#about ul {
		margin-bottom: 2.5em;
	}

	#about ul li {
		position: relative;
		opacity: 1;
		list-style: none;
		text-align: left;
	}

	#about ul li:before {
		position: absolute;
		top: 0.27777778em;
		left: -1.66666667em;
		content: "";
		opacity: 1;
		display: block;
		background: url("/assets/images/check.svg");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 1.11111111em;
		width: 1.11111111em;
	}

	#about .button-solid {
		margin-top: 2.22222222em;
	}
}

@media only screen and (min-width: 1024px) {
	#about {
		align-items: flex-start;
		padding-top: 5em;
	}

	#about .right {
		transform: none;
		margin: 0;
	}

	#about .right:before {
		left: auto;
		right: -2.25em;
	}

	#about .right:after {
		top: -10em;
	}
}

@media only screen and (min-width: 1300px) {
	#about {
		padding-top: 5.4em;
	}

	#about .left .left-img {
		display: block;
	}

	#about .left picture {
		position: relative;
		display: block;
		margin-bottom: 2.5em;
		height: 16em;
		width: 100%;
	}

	#about .left picture img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

@media only screen and (min-width: 0px) {
	body.dark-mode #about strong {
		color: var(--primaryLight);
	}
}

@media only screen and (min-width: 0em) {
	#cta {
		position: relative;
		background-color: #ececec;
		padding: 3.75em 0;
		transition: background-color 0.3s;
	}

	#cta .container {
		z-index: 3;
		position: relative;
		text-align: center;
	}

	#cta picture {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 1em 1em 0 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

	#cta picture img {
		position: absolute;
		top: 0;
		left: 0;
		transform: scaleX(-1);
		display: block;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	#cta .title {
		margin: auto;
		margin-bottom: 1.10416667em;
		max-width: 12.5em;
		font-size: 3em;
		color: #fff;
	}

	#cta:before {
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		opacity: 0.7;
		display: block;
		border-radius: 1em 1em 0 0;
		background: #000;
		height: 100%;
		width: 100%;
	}
}

@media only screen and (min-width: 64em) {
	#cta {
		padding: 8.4em 0;
	}
}

@media only screen and (min-width: 1300px) {
	#cta .container {
		margin: auto;
		width: 90.0625%;
	}

	#cta picture {
		left: 50%;
		transform: translateX(-50%);
		width: 90.0625%;
	}

	#cta picture:before {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		opacity: 0.7;
		display: block;
		background: #000;
		height: 100%;
		width: 100%;
	}

	#cta:before {
		display: none;
	}
}

@media only screen and (min-width: 0em) {
	body.dark-mode #cta {
		background-color: var(--darkTint);
	}
}

@media only screen and (min-width: 0em) {
	#newsletter {
		background: var(--primary);
		padding: 4.6875em 0;
	}

	#newsletter h2 {
		margin-bottom: 0.5625em;
		font-size: 2em;
		line-height: 1.125em;
		color: #000;
		text-align: center;
	}

	#newsletter p {
		margin: auto;
		margin-bottom: 1em;
		max-width: 19.44444444em;
		font-size: 1.125em;
		line-height: 2em;
		color: #000;
		text-align: center;
	}

	#newsletter form {
		margin: auto;
		max-width: 25.375em;
	}

	#newsletter form .input-group {
		margin-bottom: 1.875em;
	}

	#newsletter form label {
		display: block;
		margin-bottom: 0.375em;
		font-weight: 700;
	}

	#newsletter form input {
		border: 1px solid #707070;
		height: 2.875em;
		max-width: 25.375em;
		width: 100%;
		box-sizing: border-box;
		padding-left: 1em;
		font-family: "Josefin Sans", Arial, sans-serif;
		font-size: 1em;
	}

	#newsletter form .button-solid {
		border: none;
		border-radius: 0.42857143em;
		background-color: transparent;
		height: 3.28571429em;
		max-width: 29em;
		width: 100%;
		box-sizing: content-box;
		padding: 0;
		padding-top: 0.35714286em;
		font-family: "Josefin Sans", Arial, sans-serif;
		line-height: 3.28571429em;
		color: #fff;
	}

	#newsletter form .button-solid:before {
		background-color: #000;
	}
}

@media only screen and (min-width: 64em) {
	#newsletter {
		padding: 2.8125em 0;
	}

	#newsletter .container {
		max-width: 75em;
	}

	#newsletter h2 {
		margin-bottom: 0.1875em;
		margin-left: 0;
		text-align: left;
	}

	#newsletter p {
		margin-left: 0;
		max-width: 38.88888889em;
		text-align: left;
	}

	#newsletter form {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		max-width: 100%;
		font-size: min(1.4vw, 1em);
	}

	#newsletter form .input-group {
		display: inline-block;
		margin: 0;
		margin-right: 0.75em;
		min-width: 25.375em;
	}

	#newsletter form .button-solid {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		margin-bottom: 0.42857143em;
		height: 2.85714286em;
		width: 12.35714286em;
		box-sizing: border-box;
		line-height: 2.85714286em;
	}
}

@media only screen and (min-width: 0em) {
	body.dark-mode #newsletter {
		background: #324758;
	}

	body.dark-mode #newsletter h2 {
		color: #fff;
	}

	body.dark-mode #newsletter p {
		color: #fff;
	}

	body.dark-mode #newsletter form label {
		color: #fff;
	}
}