@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed|Ubuntu:300,400,500,700');
@charset "UTF-8";
* {
    box-sizing: border-box;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #b3d4fc;
    text-shadow: none;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Ubuntu Condensed',sans-serif;
    font-weight: 300;
    line-height: 1.25em;
    margin: 0;
}
.inner-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 75em;
    padding: 1.5em 1em;
}
body {
    color: #333333;
    font-family: 'Ubuntu',sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    padding-top: 0;
    background-image: url(bg-tile.jpg) !important;
    border-top: 5px solid #0e42ab;
    margin: 0;
}
.page-wrap:after {
    clear: both;
    content: "";
    display: table;
}
.page-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 75em;
    padding: 2.5em 1.5em;
    min-width: 640px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
.site-logo {
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 23.4043%;
}
.site-logo img{
    max-width: 100%;
    display: block;
}
.utility-nav {
    background-color: transparent;
    display: block;
    float: left;
    margin-right: 2.12766%;
    padding: 0 0 0 1.5em;
    width: 44.6809%;
}
.mobile {
    display: none;
}
.site-tagline {
    color: #0e42ab;
    display: none;
    float: left;
    font-size: 1.3125em;
    font-style: italic;
    font-weight: 200;
    line-height: 1.5em;
    margin: 0 0 1em;
    text-align: left;
}
.site-ph {
    color: #0e42ab;
    float: right;
    font-size: 2em;
    font-weight: 500;
    line-height: 0.75em;
    text-align: right;
    text-decoration: none;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    transition: color 0.1s linear;
}
.site-ph span {
    color: #6a6a6a;
    display: block;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 0.75em;
}
.site-ph:hover{
    color: #082764;
}
.site-rfq {
    display: block;
    float: left;
    font-size: 1.4em;
    margin: 0 0 0.55em 0;
    padding: 0.25em 0.5em;
    text-decoration: none;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    transition: color 0.1s linear;
    width: 27.6596%;
}
.red-btn {
    background-color: #a3000f;
    background: -webkit-linear-gradient(#cd0013, #a3000f) left repeat;
    background: -o-linear-gradient(#cd0013, #a3000f) left repeat;
    background: linear-gradient(#cd0013, #a3000f) left repeat;
    color: #ffffff;
    font-family: 'Ubuntu Condensed',sans-serif;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
}
.red-btn:hover {
    background-color: #a3000f;
    background: -webkit-linear-gradient(#a3000f, #a3000f) left repeat;
    background: -o-linear-gradient(#a3000f, #a3000f) left repeat;
    background: linear-gradient(#a3000f, #a3000f) left repeat;
    color: #ffffff;
}
.blue-btn, .product-cta {
    background-color: #0e42ab;
    background: -webkit-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: -o-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: linear-gradient(#114fcc, #0e42ab) left repeat;
    color: #ffffff;
    display: inline-block;
    font-family: 'Ubuntu Condensed',sans-serif;
    text-align: center;
    text-decoration: none;
}
.blue-btn:hover, .product-cta:hover {
    background-color: #0e42ab;
    background: -webkit-linear-gradient(#0e42ab, #0e42ab) left repeat;
    background: -o-linear-gradient(#0e42ab, #0e42ab) left repeat;
    background: linear-gradient(#0e42ab, #0e42ab) left repeat;
    color: #fff;
}
textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple="multiple"]{
    background-color: white;
    border: 1px solid #ededed;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
    box-sizing: border-box;
    font-family: 'Ubuntu',sans-serif;
    font-size: 1em;
    margin-bottom: 0.75em;
    padding: 0.5em;
    transition: border-color 0s ease 0s;
    width: 100%;
}
input, label, select{
    display: block;
}
nav ul, nav ol {
    list-style: none;
}
.js .menu > ul ul {
    display: none;
}
.menu{
    background-color: #0e42ab;
    background: -webkit-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: -o-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: linear-gradient(#114fcc, #0e42ab) left repeat;
    display: block; 
    clear: both;
    font-size: 0.75em;
}
.menu, .menu > ul ul {
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.menu > ul {
    margin: 0;
    padding: 0;
}
.menu > ul > li {
    display: block;
    float: left;
    position: relative;
}
.menu a {
    color: #fff;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 1.125em;
    text-decoration: none;
}
.level-1 > li:first-child {
    border-top: 0 none;
    display: none;
}
.level-1 {
    text-align: center;
}
.level-1 > li {
    border-radius: 5px;
    border-top: 0 none;
}
.menu li a {
    display: block;
    text-decoration: none;
}
.level-1 > li a {
    height: 2.77778em;
    line-height: 2.77778em;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
}
.level-1 > li a:hover{
   background: #2957b4; 
}
.nav-1 {
    width: 7.5474%;
}
.nav-2 {
    width: 8.75167%;
}
.nav-3 {
    width: 10.8224%;
}
.nav-4 {
    width: 9.35915%;
}
.nav-5 {
    width: 8.48465%;
}
.nav-6 {
    width: 10%;
}
.nav-7 {
    width: 9.28571%;
}
.nav-8 {
    width: 7.749%;
}
.nav-8 {
    width: 7.749%;
}
.nav-9 {
    width: 28%;
}
.menu > ul ul.sub-menu{
    left: 0;
    top: 3.1em;
    position: absolute;
    width: 17em;
    display: none;
}
.js .menu, .js .menu > ul ul{
    max-height: none;
    overflow: visible;
    margin: 0;
}
.sub-menu {
    z-index: 20;
}

.menu > ul li:hover > ul.sub-menu{
    display: block;
}
.menu > ul ul li {
    position: relative;
}
.sub-menu li {
    border-top: 1px solid #fff;
}
.sub-menu li a {
    background-color: #0e42ab;
    border-radius: 0;
    font-size: 0.75em;
    height: auto;
    line-height: 1.5em;
    padding: 0.8em 1.8em;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
}
.social-wrap{
   background-color: #0e42ab;
  background: -webkit-linear-gradient(#114fcc, #0e42ab) left repeat;
  background: -o-linear-gradient(#114fcc, #0e42ab) left repeat;
  background: linear-gradient(#114fcc, #0e42ab) left repeat;
}
.social-wrap a {
    border-left: 1px solid #2957b4;
    display: block;
    float: left;
    height: 2.77778em;
    line-height: 2.77778em;
    padding: 0;
    position: relative;
    text-align: center;
    width: 16.6667%;
    vertical-align: middle;
}
.social-wrap img {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 1.1em;
    max-width: 100%;
}
.social-wrap a:hover{
    background:#2957b4;
}
.site-content {
    background: #ffffff;
    position: relative;
}
.site-content .inner-wrap {
    display: block;
    padding: 16px 24px 40px 0;
    position: relative;
}
.site-content-primary {
    display: block;
    float: right;
    margin-bottom: 0;
    margin-left: 2.12766%;
    width: 74.4681%;
    background-color: #ffffff;
    position: relative;
}
.site-content-secondary {
    background-color: #ededed;
    display: block;
    float: left;
    margin: 0 0 1.5em 0;
    padding: 0 1em 1em 1.5em;
    width: 23.4043%;
    position: relative;
    z-index: 10;
}
.aside-nav {
    margin-bottom: 1em;
}
.site-content .inner-wrap .fauxcolumn {
    background-color: #ededed;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 23%;
}
.aside-header {
    margin-left: -1.5em;
    margin-right: -1.125em;
    background-color: #d3d3d3;
    display: block;
    color: #0e42ab;
    text-decoration: none;
}
.aside-header:hover{
    color: #082764;
}
.aside-header h3 {
    font-size: 1.3125em;
    padding: 0.25em 1em;
    margin-bottom: 0.347826em;
}
.aside-nav-ul {
    columns: 1 auto;
    margin-bottom: 1em;
    padding: 0;
    margin-top:0;
}
.aside-nav-ul a {
    color: #333;
    font-size: 0.875em;
    text-decoration: none;
}
.aside-nav-ul a:hover {
    color: #0e42ab;
}
.site-content-secondary .blue-btn.aside-cta{
    background-color: #0e42ab;
    background: -webkit-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: -o-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: linear-gradient(#114fcc, #0e42ab) left repeat;
    color: #fff;
    display: block;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 1.3125em;
    padding: 0.625em 0.5em;
    text-align: center;  
}
.site-content-secondary .blue-btn.aside-cta:hover {
    background: -webkit-linear-gradient(#0e42ab, #0e42ab) left repeat;
    background: -o-linear-gradient(#0e42ab, #0e42ab) left repeat;
    background: linear-gradient(#0e42ab, #0e42ab) left repeat;
    color: #fff;
}
/*----------------------Footer styles-------------------------*/
footer {
    margin: 0 0 -23px;
}
footer a{
    color: #0e42ab;
    text-decoration: none;
}
footer a:hover {
    color: #082764;
}
.site-footer .large-footer {
    background-color: #0e42ab;
    background: -webkit-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: -o-linear-gradient(#114fcc, #0e42ab) left repeat;
    background: linear-gradient(#114fcc, #0e42ab) left repeat;
    padding: 25px 24px 15px;
    overflow: hidden;
}
.dark-module {
    color: #fff;
}
.dark-module a, .dark-module a:hover {
    color: #ffffff;
    text-decoration: none;
}
.col-3 {
    display: block;
    float: left;
    margin-right: 2.12766%;
    width: 23.4043%;
}
.col-3:last-child {
    margin-right: 0;
}
footer h3 {
    font-size: 1.4375em;
    margin-bottom: 0.347826em;
    line-height: 29px;
}
.site-footer p {
    font-size: 0.875em;
    font-weight: 200;
    line-height: 1.5em;
    margin: 0 0 1em;
}
.col-3 strong {
    font-weight: bold;
}
.smaller-footer{
    padding: 0;
    text-align: center;
}
.smaller-footer .card-ico {
    display: block;
    margin: auto;
    max-height: 2.5em;
}
.smaller-footer .footer-copy {
    padding: 1em 0;
    text-align: left;
}
.smaller-footer .footer-site {
    padding: 1em 0;
    text-align: right;
}
@media only screen and (min-width: 75em) {
.page-wrap{
    padding: 40px 24px 17px 24px;
}
.site-footer .large-footer{
    padding: 24px 24px 16px;
}

.site-logo > img {
    margin: 0 0 0 4px;
}
.site-tagline {
    display: block;
}
.utility-nav {
    margin-right: 2.12766%;
    width: 53.1915%;
}
.site-rfq {
    font-size: 1.6875em;
    width: 19.1489%;
}
.menu {
    font-size: 1em;
}
.smaller-footer .footer-copy{
    float: left;
}
.smaller-footer .card-ico {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.smaller-footer .footer-site {
    float: right;
}
footer {
    margin: 0 0 -50px;
}
}