@charset "UTF-8";
/* CSS Document */
/*
Small phones: 320px
Standard phones: 360–375px most common
Large phones: 390–430px
Tablets: 768px+
Desktop: 1024px+
///////////////
mobile-first approach
@media (min-width: 768px) {  }
@media (min-width: 1024px) {  }
*/
.responsiveNavWrap {
	background-image: url(../images/panel_backgrounds/topog_navBG.svg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 80%;
}
.contactPanel {
	background-image: url(../images/panel_backgrounds/topog_dark.svg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 90%;
}
@media (min-width: 550px) {
	.contactPanel {
		background-size: 60%;
	}
}
.services .column {
	border: 2px solid var(--orange);
	box-shadow: 8px 8px 8px var(--med_panelTint);
	padding: 6% 10% 10% 10%;
	background-color: #ffffff;
}
button, .btn-primary, .btn-secondary { font-weight: 700; }
.services img { /* services icons */
	height: 70px;
	width: auto;
}
.lighttopog, .darktopog, .lightplain {
	background-repeat: no-repeat;
	padding-top: 1vh;
	padding-bottom: 5vh;
	background-size: cover;
}
.lightplain { background-color: var(--light_panelTint); }
.lighttopog {
	background-image: url(../images/panel_backgrounds/topog_light.svg);
	background-position: right top;
}
.darktopog {
	background-color: var(--dark_panelTint);
	background-image: url(../images/panel_backgrounds/topog_very_dark.svg);
	background-position: right bottom;
}
@media (min-width: 550px) {
	.darktopog { 
		padding-top: 0;
		padding-bottom: 0;
	}
}
@media (min-width: 1024px) {
	.darktopog,	.lighttopog { background-size: 60%; }
	.services img { height: 100px; }
}
/* TESTIMONIALS */
.light_bg { background-color: var(--light_panelTint); }
.medium_bg { background-color: var(--med_panelTint); }
.dark_bg { background-color: var(--dark_panelTint); }
.dark_text { color: var(--dark_panelTint); }
.orange_bg { background-color: var(--orange); }
.testimonials .orange_bg p { color: #ffffff; }
.testimonials .orange_bg h6 { color: var(--dark_panelTint); }
.testimonials .dark_bg p { color: var(--light_panelTint); }
.testimonials {
	width: 100%;
	background-color: var(--black_panelTint);
	padding-top: 4vh;
	background-image: url(../images/panel_backgrounds/topog_dark_flipped.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 70%;
}
.testimhead {
	display: flex;
	justify-content: space-between;
}
.testimhead img, .testimonialsFooter img {
	width: 15%;
	height: auto;
	margin: 0 0 2% 3%;
}
.testimhead img { display: none; }
.testimonialsFooter .rotate180 {
	rotate: 180deg;
	margin: 0 3% 2% 0;
	opacity: 0;
}
@media (min-width: 550px) {
	.testimhead img { display: block; }
	.testimonialsFooter .rotate180 { opacity: 1; }
}
.testimonials .prevText, .testimonials .slidetext { left: 0; }
.testimonials .slide {
	opacity: 1;
	width: 80%;
	left: 92%;
}
.testimonials .lastSlide { opacity: 0; }
.testimonials .slide.prevSlide { opacity: 1; }
.testimonials .slidetext {
	border-radius: 10px;
	padding: 4vw 4vw 3vw 4vw;
}
.testimonials .slidewindow { overflow: visible; }
.testimonials .slide.prevSlide { left: -72%; }
.testimonials .slide.curSlide { left: 10%; }
@media (min-width: 768px) {
	.testimonials .slide {
		width: 60%;
		left: 82%;
	}
	.testimonials .slide.prevSlide { left: -42%; }
	.testimonials .slide.curSlide { left: 20%; }
}
.hideelement { opacity: 0; }
.testimonialsFooter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 2vh 0 4vh 0;
}
/* projects */
.scrollcontainer .column {
	padding: 0;
	border-radius: 0;
	border: none;
}
.scrollcontainer .column img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
/* locations */
.areas {
	background-image: url('../images/panel_backgrounds/sandcement.jpg'), url('../images/panel_backgrounds/soil.jpg');
	background-position: left 10%, right 70%;
	background-repeat: no-repeat, no-repeat;
	background-size: 20%, 28%;
}
@media (min-width: 550px) { .areas { background-size: 15%, 22%;	} }
@media (min-width: 1024px) { .areas { background-size: 12%, 18%;	} }
.areas .container, .services .container {
	padding: 6vw;
	border-radius: 10px;
	mix-blend-mode: multiply;
}
.areas ul, .services ul { column-count: 2; }
.areas ul li, .services ul li, .footerwrapper ul li { margin: 0 0 1vh 0; }
@media (min-width: 550px) { .areas ul, .services ul { column-count: 3; } }
@media (min-width: 1024px) { .areas ul { column-count: 4; } }
/* footer */
.footerwrapper { background-color: var(--black_panelTint); }
.footerwrapper .section { padding: 10%; }
@media (min-width: 550px) { .footerwrapper .section { padding: 8%; } }
@media (min-width: 768px) { .footerwrapper .section { padding: 5%; } }
.footerwrapper .container { width: 100%; }
.footerwrapper ul { column-count: 1; }
@media (min-width: 768px) { .footerwrapper ul { column-count: 2; } }
@media (min-width: 1400px) { .footerwrapper ul { column-count: 3; } }
.footerwrapper .footercontacts {
	background-color: var(--dark_panelTint);
	padding-top: 4vh;
	padding-bottom: 3vh;
}
.footercontacts p {	color: #ffffff; }
.footercontacts a:link, .footercontacts a:visited { color: #ffffff; }
.footercontacts a:hover { color: var(--orange); }
.footercontacts span {
	color: var(--orange);
	margin-right: .2rem;
}
.footer_soc_med, .contactFlex {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.footer_soc_med { flex-direction: row; }
@media (min-width: 1024px) {
	.contactFlex { flex-direction: row; }
	.footer_soc_med { margin-left: auto; }
	.footerwrapper .footercontacts { padding-top: 5%; padding-bottom: 4%; }
}
@media (min-width: 1800px) { .footerwrapper .footercontacts { padding-top: 4%; padding-bottom: 3%; } }
.footer_soc_med img {
	width: clamp(20px, 2vw, 30px);;
	height: auto;
	margin-bottom: var(--space-sm);
}
.buildingservices {
	border-bottom: 4px solid var(--light_panelTint);
	padding-bottom: 2vh;
	margin-bottom: 4vh;
}
/* closing footer */
.footerwrapper .closing_footer {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.closing_footer .container {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.closing_footer p { color: #ffffff; }
.closing_footer a:link, .closing_footer a:visited { color: #ffffff; }
.closing_footer a:hover { color: var(--orange); }
@media (min-width: 768px) {
	.closing_footer .container {
		flex-direction: row;
	}
	.copyright { margin-left: auto; }
}
/* MASTHEADS */
.masthead { position: relative; }
.masthead .container {
	width: 100%;
	min-height: 300px;
}
.masthead .container p {
	max-width: none;
	line-height: 0;
}
.masthead img { min-height: 300px; }
.masthead .container:before, .masthead .container:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 40%;
	z-index: 20;
	mix-blend-mode: multiply;
}
.masthead .container:before {
	bottom: 0;
	background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: -o-linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: -moz-linear-gradient(270deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: linear-gradient(180deg,rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.masthead .container:after {
	top: 0;
	background: -webkit-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: -o-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: -moz-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0.7));
	background: linear-gradient(0deg,rgba(0,0,0,0), rgba(0,0,0,0.7));
}
.mastheadtext {
	position: absolute;
	width: 80%;
	bottom: 10%;
	left: 10%;
	z-index: 40;
}
.mastheadtext h2, .mastheadtext h1 { color: #ffffff; }
.lime_render p { color: var(--med_panelTint); }
.pictext {
	padding: 5vh 0 5vh 0;
	background-color: #ffffff;
	position: relative;
	z-index: 20;
}
@media (min-width: 550px) {
	.pictext {
		width: 70%;
		padding: 4vh;
	}
}
@media (min-width: 768px) { .pictext { padding: 5vh; }}
@media (min-width: 1100px) { .pictext { padding: 6vh; }}
.certified {
	width: 40%;
	height: auto;
	max-width: 220px;
}