.list .list-text-title {
	color: var(--color-theme-primary)
}

.cssvars-polyfilled .list .list-text-title {
	color: #20456e
}

button,
.btn {
	border-radius: .25rem !important
}

.contact-companyinfo .contact-email .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
	overflow-wrap: anywhere;
}

.header .container {
	max-width: none
}

.header .navbar-dark .navbar-nav .nav-link {
	line-height: 36px;
	text-transform: uppercase
}

.header .navbar-dark .navbar-nav>.active .nav-link {
	color: #fff !important
}

.header .header-info-logo-img img {
	width: 300px
}

.cw-header-contact {
	padding: .75em
}

.cw-header-contact span {
	vertical-align: middle
}

.header a.header-business-phone {
	vertical-align: middle;
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem
}

section:not(.page-home) .title {
	position: relative;
	padding: 2em 0;
	background: url(https://apihoard.webit.com/api/v1/Image/9313F913E764DC620B0B33D2D4EF209C/9313F913E764DC620B0B33D2D4EF209C.jpg?size=1920x1440) no-repeat center center;
	background-size: cover;
	text-align: center
}

section:not(.page-home) .title:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, .65)
}

section:not(.page-home) .title .title-heading {
	position: relative;
	z-index: 2;
	text-shadow: 5px 2px #000;
	color: #fff
}

@media(max-width: 767px) {
	.header .header-business {
		/* color: #000 !important */
	}
}

@media(min-width: 992px) {
	.header .header-info-logo-img {
		position: fixed;
		top: .5rem;
		left: 0;
		z-index: 1040;
		background: rgba(250, 250, 250);
		border-radius: 0 1em 1em 0;
		padding: 0
	}

	nav.navbar .container {
		position: relative;
		margin: 0 auto
	}

	.navbar-nav {
		position: absolute;
		right: 0;
		top: 3.75rem
	}

	.header .navbar,
	.header .navbar.bg-primary.cw-scrolled .navbar-nav {
		top: 0;
		background: #111;
		border: 1px solid #cc922f;
		border-top: none
	}

	.header .header-info-logo-img img.cw-shrink {
		width: 100px
	}

	.cw-header-contact {
		position: absolute;
		z-index: 1040;
		top: 0;
		width: 100%
	}

	section:not(.page-home) .title {
		margin-bottom: 2.5em;
		padding: 10em 0 1.5em
	}

	section:not(.page-home) .title .title-heading {
		font-size: 2.75rem
	}
}

.cw-hero {
	background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(https://apihoard.webit.com/api/v1/Image/527B43C918DC444E61586064DB4CBDD9/527B43C918DC444E61586064DB4CBDD9.jpg?size=1920x1440);
	background-size: cover;
	background-position: right
}

@media(max-width: 767px) {
	.cw-hero h1.text-uppercase {
		font-size: 1.2em
	}

	a.footer-business.footer-business-email {
		font-size: 11px;
	}
}

@media(min-width: 992px) {
	.cw-hero h5 {
		margin-top: 14em
	}

	.cw-hero h1.text-uppercase {
		font-size: 3.5em
	}
}

.cw-cascade {
	margin: 0 auto;
	padding: 8em 0
}

.cw-cascade p {
	font-size: 1.5rem;
	line-height: 1
}

.cw-cascade:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 31, 47, .7)
}

@media(min-width: 768px) {
	.page-home .cw-cascade {
		padding: 10em 0
	}

	.page-home .cw-cascade .btn {
		padding: 1rem 3rem;
		font-size: 1.5rem
	}
}

.cw-banner a.button {
	height: 80px;
	line-height: 80px;
	margin-top: 1em;
	padding: 0 2em;
	background: var(--color-theme-secondary);
	font-size: 1.25rem
}

@media(min-width: 992px) {
	.cw-banner a.button {
		margin: 0;
		padding: 0 1em 0 3.75em
	}

	.cw-banner a.button:before {
		top: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		margin-top: 0;
		border-color: transparent;
		border-top-color: var(--color-theme-primary);
		left: 0;
		border-top-width: 80px;
		border-right-width: 60px;
		border-left-width: 0
	}

	.cw-banner a.button:after {
		top: 0;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		margin-top: 0;
		border-color: transparent;
		border-top-color: var(--color-theme-secondary);
		right: -60px;
		border-top-width: 80px;
		border-right-width: 60px;
		border-left-width: 0
	}
}

.cw-banner a.button:focus:after {
	border-top-color: var(--color-theme-secondary)
}

.page-home .businessinfo {
	padding-top: 5em;
	padding-bottom: 3em;
	background-image: linear-gradient(0deg, white, transparent), url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_07.jpg);
	background-size: cover;
	background-position: center
}

.cd-author {
	text-align: left;
	margin-left: 1.5em;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
	font-size: 14px;
	font-size: 0.875rem;
	color: var(--color-theme-secondary);
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul {
	margin: 1.5em auto 4em auto;
}

.cd-testimonials-all .cd-testimonials-all-wrapper>ul:after {
	content: "";
	display: table;
	clear: both;
}

.cd-testimonials-all .cd-testimonials-item {
	margin-bottom: 2em;
}

.cd-testimonials-all p {
	position: relative;
	background: var(--color-theme-secondary);
	color: var(--color-theme-background);
	padding: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.4;
	border-radius: 0.25em;
	margin-bottom: 1em;
}

.cd-testimonials-all p::after {
	/* creating the triangle in css */
	content: '';
	position: absolute;
	top: 100%;
	left: 2em;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-top-color: var(--color-theme-secondary);
}

@media only screen and (min-width: 768px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 46%;
		margin: 0 2% 3em;
	}

}

@media only screen and (min-width: 1170px) {
	.cd-testimonials-all .cd-testimonials-item {
		width: 30%;
		margin: 0 1.6666% 3em;
	}
}


/* -------------------- holiday lights ---------------------- */

.lightrope {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	/* position: absolute; */
	/* z-index: 1; */
	/* margin: -15px 0 0 0; */
	/* margin-top: -20px; */
	/* margin-bottom: 20px; */
	padding: 0;
	pointer-events: none;
	width: 100%;
	/* color variables. Change all instances in one place */
	--light-color-1: 245, 178, 53;
	--light-color-2: 29, 128, 69;
	--light-color-3: 225, 25, 44;
}

.examplesthatareneverused {
	/* example colors to see what the rgb variables look like*/
	color: rgba(225, 25, 44, 1);
	color: rgba(29, 128, 69, 1);
	color: rgba(245, 178, 53, 1);
}

.lightrope li {
	position: relative;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 12px;
	height: 28px;
	border-radius: 50%;
	margin: 20px;
	display: inline-block;
	/* background: rgba(0, 247, 165, 1); */
	/* box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 1); */
	background: rgba(var(--light-color-1), 1);
	box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-1), 1);
	animation-name: flash-1;
	animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
	background: rgba(var(--light-color-2), 1);
	box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-2), 0.5);
	animation-name: flash-2;
	animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
	background: rgba(var(--light-color-3), 1);
	box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-3), 1);
	animation-name: flash-3;
	animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
	animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
	animation-duration: 1.4s;
}

.lightrope li:before {
	content: "";
	position: absolute;
	background: #222;
	width: 10px;
	height: 9.3333333333px;
	border-radius: 3px;
	top: -4.6666666667px;
	left: 1px;
}

.lightrope li:after {
	content: "";
	top: -14px;
	left: 9px;
	position: absolute;
	width: 52px;
	height: 18.6666666667px;
	border-bottom: solid #222 2px;
	border-radius: 50%;
}

.lightrope li:last-child:after {
	content: none;
}

.lightrope li:first-child {
	margin-left: -40px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
	.lightrope {
		margin-top: -20px;
		margin-bottom: 20px;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

@keyframes flash-1 {

	0%,
	100% {
		background: rgba(var(--light-color-1), 1);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-1), 1);
	}

	50% {
		background: rgba(var(--light-color-1), 0.4);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-1), 0.2);
	}
}

@keyframes flash-2 {

	0%,
	100% {
		background: rgba(var(--light-color-2), 1);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-2), 1);
	}

	50% {
		background: rgba(var(--light-color-2), 0.4);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-2), 0.2);
	}
}

@keyframes flash-3 {

	0%,
	100% {
		background: rgba(var(--light-color-3), 1);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-3), 1);
	}

	50% {
		background: rgba(var(--light-color-3), 0.4);
		box-shadow: 0px 4.6666666667px 24px 3px rgba(var(--light-color-3), 0.2);
	}
}