/*** BACKGROUNDS ***/
.team-background-home {
  background-image: url(../img/pictures/steel-structure_1920x1278.jpg);
  background-color: #666;
}

/*** COLOR OVERRIDES ***/
.bg-primary {
  color: #fff;
}
.force-white {
  color:#ffffff;
}
a.btn-outline.btn-white:hover, a.btn-outline.btn-white.active, a.btn-outline.btn-white:active, a.btn-outline.btn-white:focus, .btn-outline.btn-white:hover,
.btn-outline.btn-white.active, .btn-outline.btn-white:active, .btn-outline.btn-white:focus {
  color: #ff8500 !important;
  text-shadow:none;
}
a.btn-outline.btn-primary:hover, a.btn-outline.btn-primary.active, a.btn-outline.btn-primary:active, a.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:hover, .btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus {
  background-color:  #ff8500 !important;
}
a.btn-outline.btn-primary, .btn-outline.btn-primary {
  border-color: #000000 !important;
  color: #ff8500 !important;
}

.navbar-default {
  background-color: #ff8500 !important;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.dropdown > a:focus {
  background-color: #ff8500 !important;
  color: #fff;
}
.navbar .social-icons {
  background-color: #ff8500 !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li.active > a:hover {
  color: #222 !important;
  background-color: #ff8500 !important;
}
.dropdown-menu > li:hover > a, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #ff8500 !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  color: #ff8500;
  border-color: #ff8500;
  background-color: #ff8500;
}
.navbar-default .navbar-nav > li.active > a:focus {
  color: #ff8500;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ff8500;
}
.dropdown-menu > li:hover > a, .dropdown-menu > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  color: #ff8500 !important;
}
.navbar .social-icons i:hover {
  color: #f56363;
}
#accordion .panel a.selected .panel-heading h4 {
  color: #000000;
}
.panel-group .panel-heading {
  background-color: #ff8500;
}
#accordion .panel .panel-title {
  color: #fff;
}
/* ============================================================ */
/* ================= 27. FOOTER STYLES ======================= */
/* ============================================================ */
.footer {
/*	background-color: #3c3e47;*/
  background-image: url('../img/footer-logo.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center calc(100% - 82px);
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

.footer > .container {
	padding-bottom: 180px;
}

/*.footer-image {
  background-image: url('../img/footer-logo.png');
  background-size: cover;
  background-position: center;
  flex-basis: calc(33.33% - 10px);
}*/
.footer.fullwidth-section.half-padding {
	padding: 0;
}
.footer .social-icons i {
display: inline-block;
font-size: 30px;
color: #BBB;
padding: 20px;
border-radius: 2px;
border: none !important;
-webkit-transition: all 0.35s;
-moz-transition:  all 0.35s;
-o-transition:  all 0.35s;
transition:  all 0.35s;
}
.footer .social-icons i:hover {
color: #FFF;
/* background-color:#f56363; */ background-color: #CA4B22;
}
.footer a, .footer a:link, .footer a:visited {
	text-decoration: underline;
	color: #000;
  outline: 0;
}
.footer a:active, .footer a:hover {
/* color:#f56363; */ color: #CA4B22;
  outline: 0;
}
.footer-logo {
display: inline-block;
margin-right: 20px;
margin-left: 20px;
/* margin-top: -20px; */
}
@media (max-width: 768px) {
.footer .social-icons i {
display: block;
}
.footer-logo {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
}
.shortcode-icon-demo i {
font-size: 50px;
margin-right: 10px;
margin-top: 30px;
}
.footer {
  background-color: #f6861f;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.footer .social-icons i:hover {
  background-color: #84ACCD;
}
.power-text {
    font-size: 10px;
    font-weight: normal;
}
.footer-text {
	text-align: center;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
  /*flex-basis: calc(33.33% - 10px);
  margin: 0 5px;*/
}
.footer-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-text li {
  margin-bottom: 5px;
}
.footer #copyright-block {
  background-color: #000;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer .copyright-font {
  color: #fff;
}
.footer .copyright-font a {
  color: #fff;
}
.footer .copyright-font a:hover {
  color: #707070;
}
.footer-link-font {
  color: #000;
/*  text-align: right;*/
}

.footer-link-font a:hover {
  color: #525252;
}

/* Footer media queries */
@media (min-width: 450px) {
	.footer > .container {
		padding-bottom: 260px;
	}	
}

@media (min-width: 630px) {
	.footer {
		background-position: center calc(100% - 60px);
	}
	.footer > .container {
		padding-bottom: 300px;
	}	
}

@media (min-width: 700px) {
	.footer > .container {
		padding-bottom: 340px;
	}	
}

@media (min-width: 768px) {
	.footer {
		background-size: auto 340px;
		background-position: left calc(100% - 60px);
	}
}

@media (min-width: 992px) {
	.footer {
		background-size: auto calc(100% - 60px);
		background-position: left top;
	}
	.footer > .container {
		padding-bottom: 0;
	}		
	.footer-link-font {
	  text-align: right;
	}	
}


.form-group select {
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 2px;
  color: #777;
  font-family: "Raleway",sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  padding: 8px;
  max-width: 100%;
  min-width: 150px;
}

.company-image-1 {
  float: right;
  max-width: 41.6667%;
  padding: 10px;
}

.spec-bottom-pad {
  padding-bottom: 18px;
}


/*** LAYOUT / MOBILE ***/

@media (min-width: 1200px) {
 .navbar .container {
   /* ORIGINAL HEADER CONTAINER WIDTH width: 1170px; */
   width: 100%;	/* 1470px; -- doesn't work if your monitor isn't that wide! */
 }
}
/*@media screen and (max-width: 768px) {
  .footer-image {
    display: none;
  }
  .footer-text {
    flex-basis: 100%;
    margin: 10px 0;
  }
}*/

/*** TABLES ***/

 /* Desktops/Laptops */
.panel-body.projects {
  border-top: none;
  padding: 5px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(even) {
  background: #efefef;
}
th {
  background: #888;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  /*border: 1px solid #ccc;*/
  text-align: left;
}
 /* Mobile - Smaller Screens */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/* Label the data */
	td:nth-of-type(1):before { content: "Project:"; }
	td:nth-of-type(2):before { content: "Contractor:"; }
	td:nth-of-type(3):before { content: "Year:"; }
	td:nth-of-type(4):before { content: "Size:"; }
}

a, a:link, a:visited {
  color: #ff8500;
}

a:active, a:hover {
  color: #84ACCD;
}

.spec-link-color a, .spec-link-color a:link, .spec-link-color a:visited {
  color: #84ACCD;
}

.spec-link-color a:active, .spec-link-color a:hover {
  color: #ff8500;
}

.breadcrumb-spec {
  color:#ffffff;
}

.breadcrumb-spec a, .breadcrumb-spec a:link, .breadcrumb-spec a:visited {
  color: #ffffff;
}

.breadcrumb-spec a:active, .breadcrumb-spec a:hover {
  color: #ff8500;
}

.breadcrumb-spec > .active {
  color: #ffffff;
}

.breadcrumb-spec > li + li::before {
  color: #ffffff;
}

h4.text-shadow { text-shadow: 1px 1px 2px #000; }

#slides .caption { text-shadow: 1px 1px 2px #000; }

/*** DISABLE GOOGLE MAP SCROLLING WITH OVERLAY - MAP FUNCTIONS DISABLED UNTIL MAP IS CLICKED ON (ACTIVATED) ***/

.overlay {
   background:transparent;
   position:relative;
   width:100%;
   height:400px; /* iframe height */
   top:400px;  /* iframe height */
   margin-top:-400px;  /* iframe height */
}

/*** Meet Our Team Overrides ***/
.team-wrapper {
	float: left;
	width: 33%;
}
.team-wrapper h5 {
	height: 50px;
}
@media only screen and (max-width: 1024px) {
	.team-wrapper {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.team-wrapper {
		width: 100%;
	}
}

#alternate-emails { display: none; }