@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* Main overrides */

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-columns: auto;
        columns: auto;
-webkit-column-width: 13em;
        column-width: 13em;}
.grid .col25{width:100%; margin-bottom: 1em}
.grid .col25 img {width: 100%; height: auto}
/* list */
.content ul li {padding-left: 1.5em;}
/* forms */
.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}
.formTable td{display: block;width:100%;padding: 0}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{margin-bottom:1em}

/* nav */
body>header:before{content: "";opacity: 0; z-index: 3;background-color: #000;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>header:before{left:0;opacity: .5;transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;background-color:#174886;z-index:99;-webkit-transition: left 200ms ease;transition: left 200ms ease}
.slideNav #navContainer{left: 25%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li{display:block;float: left;width: 100%; position: relative;border-top: 1px solid rgba(255,255,255,.25)}
#navContainer li:last-child {}
#navContainer a, #navContainer .menu{color:#fff;line-height:2em;padding:0 1rem;display:block;float: left;width: 100%}
#navContainer .menu:before {content: '\2039';margin-right: 4px}
#navContainer a:hover,#navContainer .menu:hover,
#navContainer li.on a{background-color:#0A76A5;color: #fff}
#navContainer li.open{background-color: rgba(000,000,000,.5)}
#navContainer li>span{color: #000;background-color:#fff;opacity: .1; border-radius: 50%; display: block;position: absolute;right: .25em;top: .25em;line-height: 1.5em;width:1.5em;text-align: center;-webkit-transition: transform .2s ease;-webkit-transition: -webkit-transform .2s ease;transition: -webkit-transform .2s ease;transition: transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease}
#navContainer li>span:hover, #navContainer li.on>span{opacity: .3}
#navContainer li>span:before{content: "\25B8"}
#navContainer li.open>span{-webkit-transform: rotate(90deg);transform: rotate(90deg)}
#navContainer ul ul {font-size: .8em;display: none;}
#navContainer ul ul a {padding-left: 2rem}

nav#ancillary form.search {width: 100%;float: left;padding: .5em;border-top: 1px solid #666}
nav#ancillary form.search input {width: calc(100% - 30px);background-color: #fff;-webkit-box-shadow: none;box-shadow: none}
nav#ancillary form.search button {width: 30px;background: none;}

#mobilenav{background-color: #174886;float: left;width: 100%;text-align: center}
#mobilenav a, #mobilenav span{width: 33.3%;display: block;float: left;color: #fff;line-height: 2em}
#mobilenav a:hover, #mobilenav span:hover{color: #fff;background-color:#0A76A5}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 0;top:0;opacity: .5;background: url(/images/m/hamburger.svg);background-size: cover;z-index:1;opacity: 0}
.hamburger.on{opacity: .3}

/* content */
.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}
#content .photoright{max-width: 100%;height: auto}
/* Header */
#brand {margin: 0;padding: .5em 0;text-align: center;display: block;float: none;max-width: none;}

/* main */
.intHeader {padding-bottom: 12%;}
/* Homepage */
.slideContainer {position: absolute;bottom: 0;top: 0}
.homeHeroBox {position: absolute;top: 0;left: 0;bottom: 0;right: 0;padding: 2em 1em}
.homeCallouts-a, .homeCallouts-b {padding: 2em 1em}
.homeCallouts-a .callBox {width: 100%;}
.homeCallouts-a .callBoxBG {height: 14em;}

.homeCallouts-b .callBox {width: 100%;height: 24em;}
.homeCallouts-b .callBoxBG {height: 14em;}

.callBox {margin: 1em 0}
.homeHeroBox h2 {font-size:1.5em;}
.homeHeroBox p {font-size: 1.25em;}
.trade {line-height: 3.5em;width:100%;}
.homeTrade {height: auto;text-align: center;}
.homeTrade p {padding-bottom: 0;float: none; padding-top: 1em; clear: both}
.homeTrade p+a {padding: .25em .25em 1em .25em;display: block; text-align: center;width: 100%;}

/* Third Section */
.homeAbout {padding: 2em 0}
.homeAbout .homeLeft, .homeAbout .homeRight {width: 100%}
.homeAbout .homeLeft:after {position: absolute;top: 0;bottom: 0;right: 0;left: 0;content: '';background-color: rgba(000,000,000,.75)}
.homeAbout .homeRight p, .homeAbout .homeRight h1 {color: #fff}
.homeAbout .homeRight {padding: 0 1em;}

/* Fourth Section */
.homeEvents {padding: 2em 1em}

/* Fifth Section */
.homeCTA {padding: 2em 1em}

/* footer */
body>footer section {margin-top: 1.5em;}
body>footer {text-align: center}
body>footer .wrap{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
#web-solutions-exposure{
 -ms-flex-order: 1;
 -webkit-box-ordinal-group: 2;
         order: 1;
}

@media screen and (max-width:550px) {
    .cards > * {padding-top: 50%; width: 48%;}
}