@charset "utf-8";

@import url("fontawesome-4.5.0.min.css");
@import url("framework.css");

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/opensans-regular.eot');
    src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular.woff') format('woff'),
         url('fonts/opensans-regular.ttf') format('truetype'),
         url('fonts/opensans-regular.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-light.eot');
    src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light.woff') format('woff'),
         url('fonts/opensans-light.ttf') format('truetype'),
         url('fonts/opensans-light.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:"Calluna Sans";
	font-style:normal;
	font-weight:normal;
	src:url('fonts/calluna-sans-regular.eot');
	src:url('fonts/calluna-sans-regular.eot?#iefix') format("embedded-opentype"), url('fonts/calluna-sans-regular.woff') format("woff"), url('fonts/calluna-sans-regular.ttf') format("truetype"), url('fonts/calluna-sans-regular.svg#CallunaSansRegular') format("svg")
}

/* Header
--------------------------------------------------------------------------------------------------------------- */
header #logo{width: 225px; margin:20px 0 10px;}
header #logo h1{margin:0; padding:0; font-size:22px; line-height:1em;}
header #logo h1 a{display:inline-block;}
header #certs-strip {margin:15px 45px}


/* Home
--------------------------------------------------------------------------------------------------------------- */

.banner {height: 500px; margin-top: 96px; background: #edf9f9 no-repeat top center; background-size: contain;}
@media only screen and (max-width: 992px) {.banner{height: 440px;}}
@media only screen and (max-width: 768px) {.banner{height: 320px;}}
@media only screen and (max-width: 576px) {.banner{height: 180px;}}
.banner img {height: inherit; margin: 0 auto;}
.tagline h1 {min-height:70px; text-align:center; font-size:1.4rem; line-height:2rem; padding:1rem; color:white; background:#244974}
.certs-strip {margin-bottom: 50px; margin-left: -16px;}


/* Sub Pages
--------------------------------------------------------------------------------------------------------------- */


.page-heading {min-height:40px; margin-top:96px; background:#03A5E8}
.page-heading h1 {max-width:992px; margin:0 auto; font-size:1.5rem; font-weight:700; padding:.5rem 0; color:white;}
.certifications li {display:block; margin-bottom:30px;}
.certifications li img {float:left; margin-right:20px;}
.highlight{background:#edf9f9; padding:1.5rem; margin-bottom:3rem; border-top: 1px dotted #a4cfcf; border-bottom: 1px dotted #a4cfcf;}
.highlight h3{color:#174873; margin:0;}


/* NAICS
--------------------------------------------------------------------------------------------------------------- */

.naics .list-item {
	margin:20px 0;
	padding:0
}
.naics .list-item li {
  list-style:none;
	padding:12px;
  margin-bottom: 0;
	border-bottom:1px solid #d2d2d2
}
.naics .list-item li:first-child {
	border-top:1px solid #d2d2d2;
	background:#f7f7f7;
}
.naics .list-item li:first-child span {
	font-family:OpenSans;
	color:#000;
	font-size:1.2em;
}
.naics .list-item li span:last-child {
	float: right;
  width: 150px;
}
.naics .list-item li.heading {
	border-bottom:3px solid #d2d2d2
}
.naics .list-item li span, .naics .list-item li small {
	display:inline-block;
	margin-right:5px
}
.naics .list-item li .code {
	display:inline-block;
	width:120px;
	margin-right:10px;
	text-align:left
}
.naics .list-item li strong {
	font-family:"OpenSans";
}

@media screen and (max-width: 768px) {
	.naics .list-item li {
		padding:20px 0
	}
	.naics .list-item li.heading {
		padding: 0
	}
	.naics .list-item li.heading span {
		display:none;
	}
	.naics .list-item li .code {
		text-align:left;
		width:auto;
		display:block;
	}	
  .naics .list-item li span:last-child {
	  float: none;
    font-weight: 600;
  }
}


/* three-col-links */
.threecol-links .group{margin:30px 0;}
.threecol-links .group article {padding-right:30px; }
.threecol-links .group article:last-child {padding-right:0;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}

/* Tables - Colors */
table, th, td {border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#454545;}
tr{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even){color:inherit; background-color:#F1F1F1;}
table a{background-color:inherit;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{}
#footer .title{margin:0 0 20px 0; padding:0; font-size:1.2rem;line-height:2rem;}
#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 10px 0;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}
#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

/* Copyright */
#copyright{padding:20px 0;text-align:center;}
#copyright *{margin:0; padding:0;font-size:.8em;}
#copyright a{font-size:.9rem; color:#A1C6D9;}
#copyright a:hover{text-decoration: underline;}
#copyright .pipe{margin: 0 12px;}


/* Colors
--------------------------------------------------------------------------------------------------------------- */
body{color:#C1C1C1; background-color:#1D1E1F;}
a{color:#087CB8;} 
.content p a, .list a, article a {color:#087CB8; line-height:1.8rem;}
.content p a:hover, .list a:hover, article a:hover {color:#04b5ff; text-decoration:underline;}
/*a:active, a:focus{background:transparent;}*/  /* IE10 + 11 Bugfix - prevents grey background */ /* Removed for Mac Firefox/Chrome */
hr, .borderedbox{border-color:#D7D7D7;}
label span, .red{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#A1C6D9;}
input.btn{color:#FFFFFF !important; background-color:#0085A1 !important; border-color:#0085A1 !important;}
input.btn:hover{color:inherit !important; background-color:transparent !important; border-color:inherit !important;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.btn, input.btn, .btn.inverse:hover{color:#FFFFFF; background-color: #0085A1; border-color: #0085A1;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}
.btn.wide{padding-left:50px; padding-right:50px;}
.txtoverlay .txtcaption{color:#FFFFFF; background-color:rgba(0,0,0,.5);}


/* Rows */
.row-light{color:#333333; background-color:#FFFFFF; border-color:#fff;}
.row-branding{background-color:#174873;}
.row-dark{color:#C1C1C1; background-color:#2a2b2b;}
.row-darker{color:#C1C1C1; background-color:#1D1E1F;}


/* Header */
#header #logo a{color:inherit;}


/* Navigation */
#mainnav li a{color:#FFFFFF;}
#mainnav .active a, #mainnav a:hover, #mainnav li:hover > a{color:#A1C6D9; background-color:inherit;}
#mainnav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainnav form select{color:#FFFFFF; background-color:#174873;}


/* Footer */
#footer .title{color:#FFFFFF; border-bottom:1px solid #000000;}
#footer .linklist li{border-color:#1D1E1F;}
#footer a {color: #A1C6D9;}

/* Misc.
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainnav form *{transition:none;!important}
.float-rt {float:right;}
.float-lt {float:left;}

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:992px){
	.inner{max-width:992px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:992px){
	
}

@media screen and (max-width:900px){
	#header #logo{margin:20px 0 10px;}
  .inner, .page-heading h1 {max-width:90%;}
	#copyright p:first-of-type{margin-bottom:10px;}
}

@media screen and (max-width:768px){
	.img-left, .img-right{float:none; margin:0 0 10px 0;}
	.float-lt, .float-rt{display:block; float:none;}
	#mainnav ul {text-align:center;}
	.one-half, .one-third, .two-third, .one-quarter, .two-quarter, .three-quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	#header{text-align:center;}
	/*#header{padding:30px 0;}*/
	#header #logo{margin:0 0 15px 0;}
	#pageintro{padding:150px 0;}
	#pageintro article{max-width:none;}
	#footer{padding-bottom:50px;}
}


/* Other */
@media screen and (max-width:576px){
	.inline li{display:block; margin-bottom:10px;}
	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}