@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

body {
	letter-spacing: .5px
}

h1,
h2,
h3,
h4 {
	text-transform: uppercase;
	font-weight: 800 !important
}

.cw-darkBlue {
	color: #16486d
}

.title+.text {
	margin-top: 0
}

.title+.detailedlist,
.title+.products,
.title+.businessinfo {
	padding-top: 3em
}


/*-- Hero --*/

.cw-hero {
	padding: 9rem 0;
}

.cw-hero:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(0 0 0 / 45%)
}

.cw-heroText {
	z-index: 2
}

.cw-heroText h1 {
	font-size: 1.75rem;
	line-height: 1;
	text-shadow: 0 0 6px #111111;
}

.cw-heroText .h2 {
	font-style: italic;
}

#hero-divider {
	position: absolute;
	bottom: -1px;
	fill: #fff;
	width: 100%;
	z-index: 2;
}

.st0 {
	opacity: .25
}

.st1 {
	opacity: .5
}

@media(min-width: 992px) {
	.cw-hero {
		padding: 13rem 0 16rem;
	}

	.cw-heroText h1 {
		font-size: 4rem;
	}

	.cw-heroText .h2 {
		font-size: 2.5rem;
	}
}

@media(min-width: 1400px) {

	.cw-hero {
		padding: 14rem 0 18rem;
	}

	.cw-heroText h1 {
		font-size: 4.5rem;
	}

}

/*-- Home --*/


.list-text {
	color: #161616;
}

.page-home .list {
	padding: 0
}

.page-home .list .list-img-wrap {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05668d+0,05668d+33,05668d+33,D19118+33,D19118+33,D19118+66,00a896+66,00a896+66,00a896+100 */
	background: rgb(5, 102, 141);
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(22, 22, 22, 1) 0%, rgba(22, 22, 22, 1) 33%, rgba(22, 22, 22, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(22, 22, 22, 1) 0%, rgba(22, 22, 22, 1) 33%, rgba(22, 22, 22, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(22, 22, 22, 1) 0%, rgba(22, 22, 22, 1) 33%, rgba(22, 22, 22, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 33%, rgba(209, 145, 24, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 66%, rgba(83, 84, 89, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#535459', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.page-home .text {
	padding: 3rem 0 1.5rem;
}

.page-home .text .cw-checklist li:before {
	color: #D19118;
}

.page-home .textwithimage-m2 .textwithimage-img {
	border-bottom: 12px solid;
	border-image-slice: 1;
	border-width: 12px;
	border-image-source: linear-gradient(to right, #161616, #535459)
}

.cw-cascade {
	padding: 4rem 0;
}

.cw-cascade:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(0 0 0 / 59%)
}

.cw-cascadeText {
	z-index: 2
}

@media (min-width: 992px) {
	.page-home .textwithimage-m2 .textwithimage-img {
		border-bottom: none;
		border-right: 12px solid;
		border-width: 12px;
		border-image-source: linear-gradient(to bottom, #161616, #535459)
	}

	.page-home .textwithimage-m2 .textwithimage-text-container {
		padding: 2rem 3rem;
	}

	.page-home .text-typed h2 span {
		font-size: 2.5rem
	}

	.cw-cascade {
		padding: 7rem 0;
	}

	.cw-cascade h3 {
		font-size: 2rem
	}

	.cw-cascade .h1 {
		font-size: 2.75rem;
	}
}

@media (min-width: 1440px) {
	.page-home .list .container {
		max-width: 1400px
	}

	.page-home .textwithimage-m2 .textwithimage-text-container {
		padding: 2rem 4rem;
	}
}

/*-- Subpages --*/

section:not(.page-home) .title {
	position: relative;
	margin-bottom: 2rem;
	padding: 3rem 0;
	background: url(https://apihoard.webit.com/api/v1/Image/04E9923736750F6606D56FEDCD89D1EE/04E9923736750F6606D56FEDCD89D1EE.jpg?size=1920x1440) no-repeat 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, .5)
}

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

.page-contact-us .businessinfo {
	padding-top: 2rem;
}

.page-gallery .gallery {
	padding-top: 1rem
}

@media(min-width: 992px) {
	section:not(.page-home) .title {
		margin-bottom: 2.5rem;
		padding: 8rem 0 1rem
	}

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

/* --- Reviews summary list --- */

.page-testimonials .list {
	padding: 1rem;
}

.page-testimonials .list .list-wrap {
	padding: 0 1rem 1rem;
}

.page-testimonials .list-img-wrap {
	padding: 2em 0;
	margin: 0 auto;
}

.page-testimonials .list-text-description {
	font-style: italic;
	font-size: .925rem
}

.page-testimonials .list-img-photo {
	background-size: 130px;
}

/*-- Checklist --*/

.cw-checklist li {
	display: inline-block;
	padding: .25rem
}

.cw-checklist li:before {
	content: "\f058";
	font-family: FontAwesome;
	margin-right: .5rem;
	color: #D19118;
	font-weight: normal;
}

/*-- Footer --*/

.cw-footer-addition {
	position: relative;
	padding-top: 2rem;
}

.cw-footer-addition:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 4px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05668d+0,D19118+50,00a896+100 */
	background: rgba(22, 22, 22, 1);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(22, 22, 22, 1) 0%, rgba(209, 145, 24, 1) 50%, rgba(83, 84, 89, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(22, 22, 22, 1) 0%, rgba(209, 145, 24, 1) 50%, rgba(83, 84, 89, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(22, 22, 22, 1) 0%, rgba(209, 145, 24, 1) 50%, rgba(83, 84, 89, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#161616', endColorstr='#535459', GradientType=1);
	/* IE6-9 */
}

footer.footer {
	padding-top: 1rem;
}