@charset "utf-8";
/* CSS Document */

body {
	
	background-color: #023443;
	color:#fff;
	margin:0px;
	padding:0px;
	font-family: 'Lato', verdana, arial, sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	 height:100%;
}
img {
	border:none;	
}
p {
	margin:15px 0;
}
ul {
	margin:0;
	padding:0;	
}
a {
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	font-family:'Lato',verdana, sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#ffcc00;
}
a:hover {
	-webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	color:#fff;
}

.header-image{
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3); 
    
}
.header-color {
  
    
}
/*.image-shadow {
    margin:-5px auto 20px auto;
     box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
    height:5px;
    width:100%;
} */

.wrapper-shadow {
   box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5); 
}

.header-color {
	background-color:#023443;

   box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
}
.front-shadow {
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
}
.footer-front-shadow {
   box-shadow:0 -3px 4px rgba(0, 0, 0, 0.4);
}
.header-inner {
	padding-top:50px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	margin-bottom: 30px;
	min-height: 650px;
	padding-bottom: 30px;
	min-width:320px;
}
.body-padding {
	padding:0 20px;	
}
.specsheet-button {
    background-color:#333;
    padding:20px 0;
    border:solid 6px #000;
    text-align:center;
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1); 
	-webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    
}

.specsheet-button:hover {
  box-shadow:inset 3px 3px 3px rgba(0, 0, 0, 0.6); 
  -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; 
    
}
.specsheet-button a {
    color:#ffcc00;
    
}

.centered {
	margin:0 auto;
	max-width:1000px;
}
.form-spacer {
	height: 20px;
}

.trans-bg {
    background-color:rgba(0, 0, 0, 0.6); 
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
}
.black-bg {
	background-color:rgba(0, 0, 0, 1); 
}


.header-img {
	max-width:1000px;
	margin:0 auto;
}



.logo-link {
	float:left;

}

/*--         NAV STYLING           -- */
ul.nav-lg {
    float:right;
}

.nav-item {
	display:inline-block;
	padding:25px 15px 0 15px;
}
.nav-lg li a {
	font-size:13px;	
	color:#fff; 
    text-decoration:none;
}
.nav-lg li a:hover {
	color:#ffcc00;
}

.text {
	font-size: 17px;
	line-height: 1.5em;
	color: #fff;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
}

.address {
	font-size:13px;
	line-height:1.5em;
	color:#fff;
}

ul.certification {
	padding: 20px 0;
	list-style-type:none;
}
ul.certification li {
	display:inline;
	padding:0 30px 0 0;
}
ul.certification li a {
	text-decoration:none; 
	color:#ffcc00; 
}
	
ul.certification li a:hover {
	color:#fff;
}
#footer {
	width:100%;
	background:#000;
	max-height:500px;
	margin-top:30px;
	padding-top:40px;
	padding-bottom:40px;
}

.footer-inner {
	max-width:1000px;
	padding:0 20px;
	margin-left:auto;
	margin-right:auto;
}

.footer-inner-left ul {
	padding: 20px 0;
	list-style-type:none;
}
.footer-inner-left li {
	display:inline;
	padding:0 20px 0 0;
}
.footer-inner-left li a {
	font-size:10px	;	
	line-height:1.2em; 
	text-decoration:none; 
	color:#ffcc00; 
}
	
.footer-inner-left li a:hover {
	color:#fff;
}
.footer-inner-left-sm ul {
	padding: 20px 0;
	color: #fff;
	list-style-type:none;
}
.footer-inner-left-sm li {
	display:inline;
	padding:0 4%;
}
.footer-inner-left-sm li a {
	font-size:10px;	
	line-height:1.2em; 
	text-decoration:none; 
	color:#ffcc00; 
}
	
.footer-inner-left-sm li a:hover {
	color:#fff;
}
	




.footer-inner-right {
	font-size: 13px;
	line-height: 1.5em;
	color: #fff;
}


.footer-inner-right a {
	text-decoration:none;
	font-size:12px;
	color:#fff;
}


.title {
	font-family: 'PT Sans Caption', verdana, sans-serif;
	font-size:40px;
	color:#ffcc00;
	letter-spacing:3px;
	font-weight:400;
}
@media (max-width: 390px) {
	.title {
		font-size: 32px;
	}
}
.title4 {
	font-family: 'PT Sans Caption', verdana, sans-serif;
	font-size:20px;
	color:#000;
	letter-spacing:3px;
	font-weight:400;
}

.title2 {
	font-family: 'Open Sans', verdana, sans-serif;
	font-size:20px;
	line-height:1.5em;
	color:#fff;
	letter-spacing:2px;
}

.title3 {
	font-family: 'Open Sans', verdana, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffcc00;
	letter-spacing: 1px;
}
.spacer {
  margin:20px 0;
  display:inline-block;
  font-size:24px;
  	font-family: 'Open Sans', verdana, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: rgba(255, 204, 0, 1);
		text-transform:uppercase;
	letter-spacing: 1px;
}


.title-yel {
	font-family: 'Open Sans', verdana, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: rgba(255, 204, 0, 1);
		text-transform:uppercase;
	letter-spacing: 1px;
}
.title-blu {
	font-family: 'Open Sans', verdana, sans-serif;
	 color: rgba(90, 197, 237, 1);
	font-size: 22px;
	text-transform:uppercase;
	letter-spacing: 1px;
   
}
.title-gry {
	font-family: 'Open Sans', verdana, sans-serif;
	color:  rgba(191, 191, 191, 1);
	font-size: 18px;
		text-transform:uppercase;
	line-height: 1.5em;
	letter-spacing: 1px;
}
/*-- BTN PLAIN --*/

.panel-group {
  background-color:rgba(255, 255, 255, 0.2);
}
.panel-title {
  padding: 3px 0;
  text-align:center;
  font-size:14px;
}
h4.panel-title a {
  font-size:14px;
}
#accordion {
  margin:40px 0;
}
.rounded {
	  border-radius:12px;
}
.btn {
  min-hight:80px;
  color:#fff;
  white-space:normal;
  display: inline-block;
  padding: 6px 12px;
  margin: 5px 0 30px 0;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out; 

}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.33;

}  
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out; 
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out; 
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-yel {
 color: #000;
  background-color: rgba(255, 204, 0, 1);
  border-color: #000;
    text-shadow:none;

}
.btn-yel:hover,
.btn-yel:focus,
.btn-yel:active,
.btn-yel.active,
.open .dropdown-toggle.btn-yel {
	  color: #000;
  background-color: rgba(255, 229, 123, 1);
  border-color: #333;
 
}
.btn-blu {
    color: #000;
    background-color: rgba(90, 197, 237, 1);
    border-color: #000;
    text-shadow:none;

}
.btn-blu2{
    color: #fff;
    background-color: rgba(90, 197, 237, 1);
    text-shadow:none;

}
.btn-blu2:hover,
.btn-blu2:focus,
.btn-blu2:active,
.btn-blu2.active,
.open .dropdown-toggle.btn-blu2 {
	 color: #fff;
     background-color: rgba(156, 228, 255, 1);
     border-color: #333;

}
.btn-blu:hover,
.btn-blu:focus,
.btn-blu:active,
.btn-blu.active,
.open .dropdown-toggle.btn-blu {
	 color: #000;
     background-color: rgba(156, 228, 255, 1);
     border-color: #333;

}
.btn-gry {
  color: #000;
  background-color: rgba(191, 191, 191, 1);
  border-color: #000;
    text-shadow:none;

}
.btn-gry:hover,
.btn-gry:focus,
.btn-gry:active,
.btn-gry.active,
.open .dropdown-toggle.btn-gry {
	  color: #333;
   background-color: rgba(255, 255, 255, 1);
  border-color: #333;

}

/* -- COLORED BUTTONS --*/
.border-blu {
	border:1px solid  rgba(90, 197, 237, 1);
}
.border-gry {
	border:1px solid  rgba(191, 191, 191, 1);
}
.border-yel {
	border:1px solid rgba(255, 204, 0, 1);
}
.top {
    display:block;
    text-align:right;
    font-size:10px;
}
.yel {
    color:  rgba(255, 204, 0, 1);
    
}
.gry {
    color:  rgba(191, 191, 191, 1);
}
.blu {
     color:  rgba(90, 197, 237, 1);
}
.btn-padding {
    padding:12px 20px;
    
}
.homepage-content {
	margin-top:40px;	
}
.jumbotron h2 {

    margin-bottom:-20px;
    
}
.logo-subhead {
    font-size:22px;
    margin-left:2px;
    color:#ffcc00;

}
.subhead {
  font-size:80%;
  color:#fff;
}
.left-border {
	border-left:solid 1px #fff;
	min-height:250px;	
}
.padding-bottom {
	padding-bottom:50px;	
}
.spacer-row {
    
    margin-bottom:30px;
}
ul.grades {
	list-style-type:none;
	margin-left:0px;	
}
ul.grades li {
	padding:4px 0;
}
ul.standard {
    
    margin:0 0 20px 13px;
}
ul.standard-second {
	margin:0 0 0 40px;
}
.yellow {
	color:ffcc00;	
}
.about
{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;

-webkit-column-gap:40px; /* Chrome, Safari, Opera */
-moz-column-gap:40px; /* Firefox */
column-gap:40px;

-webkit-column-rule:3px outset #ff00ff; /* Chrome, Safari, Opera */
-moz-column-rule:3px outset #ff00ff; /* Firefox */
column-rule:3px outset #ff00ff;
} 
ul.attachment-list {
    list-style-type:none;

}
ul.attachment-list li {
    padding:5px 0;
}
.list-icon {
    display:inline-block;
    height:18px;
    padding:0 10px;
    
}
.emphasized {
	font-size:18px;
	color:#ffcc00;
}
.tiny-logo {
    
    display:inline;
    vertical-align:text-top;
    margin-right:10px;
}
.fixed {
	position: fixed;
    width:100%;
}
ul.applications {
	list-style-type:none;
	color:#ffcc00;
}
.extra-space {
	margin-left:10px;
}
/* -------------------------- Dropdown ------------------------- */
@media (min-width: 768px) {
.dropdown-menu .sub-menu {
    /* visibility: hidden; */
    margin-top: -1px;
	   transition: all .5s ease-in;
   -moz-transition: all .5s ease-in;
   -webkit-transition: all .5s ease-in;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
	 transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -webkit-transition: all .5s ease-out;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
ul.nav-lg {
    float:right;
}

.nav-lg li a {
	font-size:13px;	
	color:#fff; 
    text-decoration:none;
}
.nav-lg li a:hover {
	color:#ffcc00;
}
}

.submenu-item {
	padding:10px 0;
	background-color:transparent;
  border-bottom:1px solid rgba(255, 255, 255, 0.1);
	transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -webkit-transition: all .5s ease-out;
}

.submenu-item:hover {
	background-color:#000;
		 transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -webkit-transition: all .5s ease-out;
}
.services {
  margin:20px 0;
  display:inline-block;
  font-size:24px;
  	font-family: 'Open Sans', verdana, sans-serif;

	line-height: 1.5em;

		text-transform:uppercase;
	letter-spacing: 1px;
}
.bridge-specs {
  
}
.bridge-specs h3 {
  font-size:16px;
  margin-bottom:20px;
   color:  rgba(255, 204, 0, 1);
}

.bridge-specs ul {
  list-style-type:none;
  font-size:15px;
}
.bridge-specs ul li {

}
.spacer-div {
  height:60px;
}
.bridge-img-padding {
  margin-top:20px;
}
#menu {
width:100%;
  padding:5px;
  border-radius:4px;
  border:none;
  color:#333;
  margin:50px 0;
  
}

.thankyou {
  background-color:rgba(0, 0, 0, 0.7);
}
.thanksWrapper {
  padding:10px 30px;
}