body { font-family: 'Open Sans', sans-serif; }


.btn.btn-primary { color: #FFF;  background-color: #006600; border-color: #006600; border-radius: 0; transition: all 0.3s ease; }
.btn.btn-primary:hover { opacity: 0.7; }

.btn.btn-white-outline { border-color: #FFF; border-radius: 0; color: #FFF; background-color: transparent; text-transform: uppercase; }

p a, .white-content li a, .grey-content li a { color: #006600; font-weight: 600; }
p a:hover, .white-content li a:hover, .grey-content li a:hover { color: #006600;  opacity: 0.7; text-decoration: none; }


.form-control {
	transition: all 0.3s ease;
}

.form-control:focus {
	border-color: #006600;
	box-shadow: none;
}


a {
	transition: all 0.3s ease;
}

h1, h1 a { color: #006600; font-size: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; letter-spacing: 0.05em; }
h1 { padding: 0; margin: 0 0 15px; }

h2, h2 a { color: #006600; font-size: 18px; font-weight: 400; text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 0.1em; }
h2 { padding: 0; margin: 0 0 15px; }



h3, h3 a { color: #006600; font-size: 16px; font-weight: 500; font-family: 'Oswald', sans-serif; letter-spacing: 0.05em; }
h3 { padding: 0; margin: 0 0 15px; }


p { color: #000; padding: 0; margin: 0 0 15px; font-size: 14px; line-height: 24px; }
ul, ol { margin: 0 0 20px; }
ol { padding-left: 20px; }
ul { padding-left: 15px; }

ul li, ol li { color: #000; padding: 0;  font-size: 14px; line-height: 18px;  margin-bottom: 5px; }

img { max-width: 100%; height: auto; }

hr { border-top: 1px solid #EEE; margin: 25px 0;}


a.logo:hover {
	opacity: 0.5;
}



#home-slider { position: relative; }
#home-slider .slides li { height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; box-shadow: inset 0px 10px 5px -7px rgba(125,125,125,0.65); }
#home-slider .slides li .content { height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; margin: 0px auto; max-width: 600px; }
#home-slider .slides li:before { background-image: linear-gradient(to bottom right, #006600, #469560); opacity: 0.6; position: absolute; height: 100%; width: 100%; content: ''; display: block; }

#home-slider .slides li:before { background-image: linear-gradient(to bottom right, #000, #CCC); opacity: 0.6;  }

#home-slider li h2 { text-transform: uppercase; font-size: 44px; margin-bottom: 15px; color: #FFF; position: relative; z-index: 2; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.4); }
#home-slider li p { font-size: 22px;  line-height: 30px; color: #FFF; position: relative; z-index: 2; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.4); }

#home-slider .flex-control-nav { bottom: 20px; z-index: 5; }
#home-slider .flex-control-paging li a { background: rgba(255,255,255, 0.5); height: 16px; width: 16px; box-shadow: none; }
#home-slider .flex-control-paging li a.flex-active { background: rgba(255,255,255, 1); }

#sub-slider { position: relative; }
#sub-slider li { height: 440px; background-repeat: no-repeat; background-position: center; background-size: cover;  box-shadow: inset 0px 10px 5px -7px rgba(125,125,125,0.65); }

.no-banner { height: 6px; box-shadow: inset 0px 10px 5px -7px rgba(125,125,125,0.65); }
.no-banner:before { height: 6px; box-shadow: inset 0px 10px 5px -7px rgba(125,125,125,0.65); width: 100%; display: block; content: ''; z-index: 2; position: absolute; top: 0; }






.navbar {  padding: 0 0 10px; align-items: flex-end; }



.navbar .navbar-nav li {
	display: inline-block;
}



.navbar .head { width: 100%; padding-top: 17px; padding-bottom: 30px; }
.navbar .head .right { text-align: right; padding-top: 13px; }



.navbar-light .navbar-nav .nav-link { color: #000; font-weight: 400; text-transform: uppercase; font-size: 14px;}

.navbar-light .navbar-nav .nav-link:hover { color: #FFF; background-color: #006600; }
.navbar-light .navbar-nav .dropdown:hover .nav-link { color: #FFF; background-color: #006600; }



.navbar-light .navbar-nav li:last-of-type a { background: #EEE; }

.navbar-light .navbar-nav .active > .nav-link { color: #006600; font-weight: 400; }
.navbar-light .navbar-nav .active > .nav-link:hover { color: #FFF; background-color: #006600; }


.navbar-light .navbar-nav .nav-item .dropdown-toggle:after { display: none; }

.navbar-expand-lg .navbar-nav .nav-link { padding: 10px 25px; }


.navbar .dropdown-menu { border: none; padding: 0; background-color: #F6F6F6; }
.navbar .dropdown-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

.navbar .dropdown-menu .dropdown-item { padding: 8px 15px; }
.navbar .dropdown-menu .dropdown-item:hover { color: #006600; background-color: #E8E8E8; }


.navbar-toggler { border: none; }
.navbar-light .navbar-toggler { color: #000; padding: 0; margin-top: 4px; }

.navbar-light .navbar-toggler-icon {

	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.home-features { padding-top: 20px; }
.home-features .item {  }
.home-features .item img { margin-bottom: 10px; }
.home-features .item h2 { text-align: center; text-transform: uppercase; font-size: 24px; color: #000; padding: 0; margin: 0 0 10px; }
.home-features .item p { text-align: center; }


.grey-content, .white-content, .blue-content { padding: 40px 0 25px; }

.grey-content { background-color: #f6f6f6; }

.blue-content { background-color: #0755a4; }



.sub-header { padding-top: 10px; padding-bottom: 10px; background-color: #000;  }
.sub-header p { margin: 0; color: #FFF;  line-height: 22px; text-align: center; }

.sub-header .content:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	border-top: 14px solid #000;
	margin-left: 50%;
	left: -5px;
	margin-top: 10px;
}




.footer-bar { bottom: 0; width: 100%;   padding-top: 30px; padding-bottom: 30px; background-color: #006600; }
.footer-bar p { color: #FFF;  }
.footer-bar a { color: #FFF; font-weight: 300;  }
.footer-bar .right { text-align: right; }
.footer-bar .contact-info .fa, .footer-bar .contact-info .far, .footer-bar .contact-info .fal, .footer-bar .contact-info .fas {
	width: 16px;
	display: inline-block;
	text-align: center;
	margin-right: 8px;
}


.footer-bar .quick-nav ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.footer-bar .quick-nav ul li {
	margin-bottom: 10px;
}


.case-study {
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: 15px;
}

.case-study > div {
	padding-left: 3px;
	padding-right:3px;
}

	.case-study > div:first-of-type img {
		width: 100%;
	}


.case-study > div:nth-of-type(1) > div {
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
	min-height: 212px;
}

.case-study > div:nth-of-type(2) > div, .case-study > div:nth-of-type(3) > div, .case-study > div:nth-of-type(4) > div {
	background-color: #c0c6bb;
	height: 100%;
	padding: 10px;
}

.case-study > div:nth-of-type(5) >div {
	background-color: #939c8a;
	height: 100%;
	padding: 10px;
}


.case-study h3 {
	text-transform: uppercase;
}

.case-study > div ul:last-of-type {
	margin-bottom: 0;
}



.case-study li {
	list-style-type: none;
	font-size: 12px;
	margin-bottom: 8px;
}




.case-study li:before {
	content: "\f45c";
	font-family: "Font Awesome 5 Pro";

	position: absolute;
	margin-left: -15px;
	font-weight: 900;
	font-size: 9px;
	color: #939c8a;

}

.case-study > div:nth-of-type(5) li {
	margin-left: 7px;
}

.case-study > div:nth-of-type(5) li:before {
	content: "\f00c";
	font-weight: 300;
	font-size: 18px;
	color: #32352f;
	margin-left: -22px;
	margin-top: 2px;
}










ul.square-bullets li {
	margin-left: 3px;
	list-style-type: none;
}

ul.square-bullets li:before {
	content: "\f45c";
	font-family: "Font Awesome 5 Pro";

	position: absolute;
	margin-left: -18px;
	font-weight: 900;
	font-size: 8px;
	color: #939c8a;

}




.gallery .item  {
	margin-bottom: 15px;
}
.gallery .item a {
	transition: all 0.8s ease;
}
.gallery .item a:hover {
	opacity: 0.4;
}



.market-pulse .item { margin-bottom: 45px; }
.market-pulse:last-of-type .item { margin-bottom: 15px; }
.market-pulse .col-sm-4 p:last-of-type { margin-bottom: 0; }



.contact-map {
	width: 100%;
	height: 450px;
}



#contact label {
	font-size: 12px;
}



.clients ul {
	list-style-type: none;
}
.clients ul li {
	margin-bottom: 10px;
}

.clients ul li a:before {
	position: absolute;
	display: inline-block;
	margin-left: -15px;
	content: '*';
}



.table.table-client {  }
.table.table-client tr:first-of-type td { background-color: #006600; color: #FFF; }

.table.table-client td { padding: 4px 10px; }
.table.table-client tr:first-of-type td { padding: 4px 10px; }


.home-case-study > div:first-of-type {
	 padding-right: 0;
}
.home-case-study h3 {
	margin-bottom: 10px;
}

.home-case-study p {
	line-height: 20px;
	margin-bottom: 12px;
}


.click-to-begin {
	position: relative;
	display: block;
}

.click-to-begin:before {
	position: absolute;
	content: 'Click to Begin';
	color: #FFF;
	background-color: #006600;
	text-align: center;
	display: block;
	width: 100%;
	padding: 5px 0;
	bottom: 0;
}



.read-more {
	position: relative;
	display: block;
}

.read-more:before {
	position: absolute;
	content: 'Read More';
	color: #FFF;
	background-color: #006600;
	text-align: center;
	display: block;
	width: 100%;
	padding: 5px 0;
	bottom: -27px;
}