@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic');
@import url('https://fonts.googleapis.com/css?family=Tinos:400,400i,700,700i');

body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	color: #fff;
	background-color: #080808;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family: "Calibri","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}

hr.dashed {
	border-style: dashed;
	border-width: 1px;
}

a {
	cursor: pointer;
}

.navbar-toggle {
		  float: left ;
		  margin-right: 0px;
		  margin-left: 15px;
		 }

.custom-short-hr-1 {
	width: 120px;
	margin-top: 20px;
	margin-bottom: 30px;
	border-top: 2px solid #008000;
}

.well-xlg {
	padding: 40px;
	border-radius: 10px;
}

.no-padding-lr {
	padding-right: 0;
	padding-left: 0;
}

.no-padding-tb {
	padding-top: 0;
	padding-bottom: 0;
}

.padding-tb-xs {
	padding-top: 8px;
	padding-bottom: 8px;
}

.padding-tb-sm {
	padding-top: 14px;
	padding-bottom: 14px;
}

.padding-tb-md {
	padding-top: 24px;
	padding-bottom: 24px;
}

.padding-tb-lg {
	padding-top: 34px;
	padding-bottom: 34px;
}

p {
	font-size: 1.25em;
	line-height: 1.6;
}

hr {
	border-color: #999999;
}

.brand {
	background-color: #000;
}

.brand,
.address-bar {
	display: none;
}

.navbar {
	margin-bottom: 0;
	background-color: #000;
	border: none;
	border-top: 1px solid #008000;
	border-bottom: 1px solid #008000;
}

.navbar-brand {
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
	font-size: 64px;
	margin-top: 10px;
	display:none;
}

.navbar-brand .text {
	color: #008000;
	font-family: 'Tinos', 'Times New Roman', sans-serif;
	font-weight: 600;
}

.active{color:#fff!important;}
.navbar-nav {
	text-transform: uppercase;
	font-weight: 400;
}

.img-full {
	min-width: 100%;
}

.brand-before,
.brand-name {
	text-transform: capitalize;
}

.brand-before {
	margin: 15px 0;
}

.brand-name {
	margin: 0;
	font-size: 4em;
}

.tagline-divider {
	margin: 15px auto 3px;
	max-width: 250px;
	border-color: #999999;
}

.img-border {
	float: none;
	margin: 0 auto 0;
	border: #999999 solid 1px;
}

.img-left {
	float: none;
	margin: 0 auto 0;
}

.header-call-us .heading,
.header-call-us .phone {
	color: #ccc;
}

.header-call-us .phone a {
	color: #008000;
}

/**/
.civilengineering-box .header-call-us .phone {
	color: #ccc;
}

.civilengineering-box .phone a, 
.earthworks-box .phone a,
.drainage-box .phone a,
.demolition-box .phone a {
	color: #008000;
	font-size: 20px;
    font-weight: bold;
	margin: 0 2px;
}
/**/

.navbar .navbar-nav > li > a {
	color: #999;
}

.home-header-banner-wrapper {
	background: url('../img/home-header-banner.jpg') no-repeat center bottom;
	-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
	height: 450px;
	border-bottom: 1px solid #008000;
}

/* index2.html cover photo */
.home-header-banner-wrapper2 {
	background: url('../img/home-header-banner3.jpg') no-repeat center center;
	height: 330px;
	border-bottom: 1px solid #008000;
}

.home-welcome-box {
	background-color: #030202;
}

.home-services {
	background: url('../img/construction-land-site.jpg') no-repeat center center / cover;
}

.home-services .services-box .box-wrapper {
	margin-bottom: 20px;
}

.home-services .services-box .featured-img img {
	padding: 4px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	max-width: 250px;
}

.home-services .services-box .heading {
	font-size: 23px;
}

.home-services .services-box .description {
	font-size: 16px;
	max-width: 450px;
	margin: auto;
}

.home-services .services-box .learn-more .btn {
	background-color: #008000;
	border: none;
	color: #fff;
	margin-top: 20px;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	transition: all 0.1s ease;
}

.home-services .services-box .learn-more .btn:hover {
	background-color: #0e8f0e;
}

.home-call-to-action {
	background-color: #0c0c0c;
}

.home-call-to-action p {
	margin-bottom: 0;
}

.home-call-to-action .btn {
	font-size: 14px;
	border: none;
	margin-left: 20px;
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	transition: all 0.2s;
}

.home-call-to-action .btn:hover {
	background-color: #008000;
}


/* image banner */

.aboutus-header-banner-wrapper, 
.civilengineering-header-banner-wrapper,
.demolition-header-banner-wrapper,
.earthworks-header-banner-wrapper,
.contact-header-banner-wrapper,
.drainage-header-banner-wrapper,
.projects-header-banner-wrapper {
	height: 249px;
}
.projects-header-banner-wrapper {background: url('../img/projects-header-banner.jpg') no-repeat center center;}
.drainage-header-banner-wrapper {background: url('../img/drainage-header-banner.jpg') no-repeat center center;}
.contact-header-banner-wrapper {background: url('../img/contact-header-banner.jpg') no-repeat center center;}
.aboutus-header-banner-wrapper {background: url('../img/aboutus-header-banner.jpg') no-repeat center center;}
.civilengineering-header-banner-wrapper {background: url('../img/civilengineering-header-banner.jpg') no-repeat center center;}
.demolition-header-banner-wrapper {background: url('../img/demolition-header-banner.jpg') no-repeat center center;}
.earthworks-header-banner-wrapper {background: url('../img/earthworks-header-banner.jpg') no-repeat center center;}

.projects-header-banner-wrapper,
.drainage-header-banner-wrapper,
.contact-header-banner-wrapper, 
.aboutus-header-banner-wrapper,
.civilengineering-header-banner-wrapper,
.demolition-header-banner-wrapper,
.earthworks-header-banner-wrapper {
	-o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
}

/* end image banner */

.aboutus-box .heading, 
.civilengineering-box .heading,
.demolition-box .heading,
.earthworks-box .heading,
.drainage-box .heading
{
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 40px;
}

h2.custom-aside-heading {
	font-weight: normal
}

.aboutus-box .viewproject, 
.civilengineering-box .viewproject,  
.demolition-box .viewproject,
.earthworks-box .viewproject,
.drainage-box .viewproject
{
	margin-top: 10px;
}

.aboutus-box .viewproject .btn, 
.civilengineering-box .viewproject .btn ,
.demolition-box .viewproject .btn,
.earthworks-box .viewproject .btn,
.drainage-box .viewproject .btn {
	background: #04692d;
	border:none;
	border-radius: 8px;
	color: #fff;
	margin-top: 20px;
	padding: 10px 25px;
	text-transform: none;
	letter-spacing: 1px;
	margin-bottom: 20px;
	transition: all 0.1s ease;
	font-size: 16px;
}

.aboutus-box .viewproject .btn:hover, 
.civilengineering-box .viewproject .btn:hover,
.demolition-box .viewproject .btn:hover,
.earthworks-box .viewproject .btn:hover,
.drainage-box .viewproject .btn:hover{
	background: #0B8F41; 
    
}


/* End of About Us */

/* Projects -edits 8/25/2017 */
.project-box-table{width:100%;}
.project-box-table td{vertical-align: top; padding: 10px 0; border-bottom: 1px solid #BABABA;}
/* home page edits 8/25/2017 */
.lb-wrapper{border-right:10px solid #fff;}

/* Contact Us */

.contact-page .map-container {
	margin-bottom: 20px;
}

.contact-page .page-title {
	margin-top: 0;
}

.contact-form .submit-btn {
	border: none;
	background-color: #04692d;
	color: #fff;
	padding: 10px 25px;
	margin-top: 10px;
	font-size: 14px;
	transition: all 0.2s;
	opacity: 1;
}

.contact-form .submit-btn:hover {
	background-color: #0B8F41;
	opacity: 1;
}

.contact-form .success-message {
	margin-top: 10px;
	display: none;
}

/* End of Contact Us */

footer {
	border-top: 2px solid #008000;
	background: #000000;
}

footer .copyright p {
	margin-bottom: 0;
	color: #fff;
	font-size: 14px;
}

footer .copyright p a {
	color: #008000;
}

@media screen and (min-width:768px) {
	.brand {
		display: inherit;
		margin: 0;
		padding: 30px 0;
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		line-height: normal;
		color: #fff;
	}

	.top-divider {
		margin-top: 0;
	}

	.img-left {
		float: left;
		margin-right: 25px;
	}

	.navbar {
		border-radius: 0;
	}

	.navbar-header {
		display: none;
	}

	.navbar {
		min-height: 0;
	}

	.navbar-default {
		border: none;
		background: #fff;
		background: rgba(255,255,255,0.9);
	}

	.navbar .navbar-nav > li:first-child > a {
		border-left: 1px solid #474747;
	}

	.navbar .navbar-nav > li > a {
		padding: 15px;
		border-right: 1px solid #474747;
	}

	.navbar-nav>li>a {
		line-height: normal;
	}

	.navbar-nav {
		display: table;
		float: none;
		margin: 0 auto;
		table-layout: fixed;
		font-size: 14px;
		width: 100%;
	}

	.header-call-us {
		text-align: right;
		margin-right: 15px;
	}

	.header-call-us .heading {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 5px;
		line-height: normal;
	}

	.header-call-us .phone {
		margin-bottom: 0;
		line-height: normal;
		font-weight: bold;
	}

	.header-call-us .phone a {
		font-size: 20px;
		font-weight: bold;
	}
}

@media screen and (max-width: 991px) {
	.navbar .navbar-nav > li {
		font-size: 12px;
	}

	.navbar .navbar-nav > li > a {
		padding: 10px;
		text-transform: none;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		color: #008000;
		font-family: 'Tinos', 'Times New Roman', sans-serif;
		font-weight: 600;
		font-size: 32px;
		margin-top: 0;
	}

	.navbar .navbar-nav > li > a {
    	padding: 10px 20px;
    }

	.home-header-banner-wrapper {
		height: 250px;
	}
	
	.home-header-banner-wrapper2 {
		height: 200px;
		-o-background-size: 900px 215px;
		-moz-background-size: 900px 215px;
		-webkit-background-size: 900px 215px;
		background-size: 900px 215px;
	}

	.home-welcome-box .heading,
	.home-services .heading {
		font-size: 24px;
		text-transform: none;
		line-height: normal;
	}

	.home-welcome-box .text {
		font-size: 16px;
	}

	.home-services .services-box .heading {
		font-size: 20px;
	}

	.home-services .services-box .description {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.home-call-to-action .call-to-action-text .btn {
		display: block;
		max-width: 200px;
		margin: 10px auto 5px;
	}

	.copyright .logical {
		display: block;
	}
	
}

@media screen and (max-width: 500px) {
	.home-header-banner-wrapper2 {
		height: 120px;
		-o-background-size: 600px 130px;
		-moz-background-size: 600px 130px;
		-webkit-background-size: 600px 130px;
		background-size: 600px 130px;
	}
}
/* desktop view of thumbnail in home page */
@media screen and (min-width: 1199px) {
	.desk-visibility {
		display: block !important;
	}

	.mobile-visibility {
		display: none !important;
	}
}


@media screen and (max-width: 991px) {
	
	.desk-visibility {
		display: none !important;
	}

	.mobile-visibility {
		display: block !important;
	}
	
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.desk-visibility {
		display: none !important;
	}

	.mobile-visibility {
		display: block !important;
	}
	
	
}



@media screen and (max-width: 445px) {
	

	
}

@media (min-width: 990px) and (max-width:1200px) {
	
	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 229px !important;
	}
	
}

@media (min-width: 770px) and (max-width: 988px) {
	.project-box h3{font-size: 100%;}
	.padding-tb-lg {
		padding-top: 10px !important;
	}

	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 149px !important;
	}
	
}

@media screen and (max-width: 768px) {
	
	.padding-tb-lg {
	padding-top: 10px !important;
	}

	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 149px !important;
	}
	
}

@media screen and (max-width: 568px) {
	.padding-tb-lg {
		padding-top: 5px !important;
	}


	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 129px !important;
	}
}

@media (min-width: 375px) and (max-width: 445px) {
	.padding-tb-lg {
	padding-top: 5px !important;
	}

	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 90px !important;
	}
}

@media screen and (max-width: 375px) {
	.padding-tb-lg {
	padding-top: 5px !important;
	}

	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 70px !important;
	}
}

@media (min-width: 320px) and (max-width: 384px) {
	
	.home-header-banner-wrapper {
		height: 150px !important;
	}

}


@media screen and (max-width: 320px) {
	.project-box .project_attrib{ width: 35%; }
}
@media screen and (min-width: 1600px) {
	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper {
		height: 289px;
	}
	
	.home-header-banner-wrapper2 {background-size: 1700px 330px;}

}

@media screen and (min-width: 1680px) {
	.home-header-banner-wrapper2 {background-size: 1680px 330px;}
	

	
}


@media screen and (min-width: 5464px) {
.navbar-inverse .navbar-collapse {
    width: 1370px !important;
	margin-left: -100px;
	}
}

	.aboutus-header-banner-wrapper, 
	.civilengineering-header-banner-wrapper, 
	.demolition-header-banner-wrapper, 
	.earthworks-header-banner-wrapper, 
	.contact-header-banner-wrapper, 
	.drainage-header-banner-wrapper, 
	.projects-header-banner-wrapper{
		max-width: 1600px!important;
		margin: 0 auto;
	}