@charset "UTF-8";
/* Web Solutions 4.0 Mobile Compatible */
html{box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;}
body>*{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#fff}
ul li{list-style:none}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}

/* typography --------------------*/
html{line-height:1.4}
body,.text, input, button, h2, h3, h4, h5, h6, .cardContainerServices .card .back{font-family: "adelle-sans",sans-serif;font-style: normal;font-weight: 400;}
h1, .home .meetTeam h3, .cardContainerServices, .searchBox input[type="submit"]{font-family: "adelle",serif;font-style: normal;font-weight: 400;}

body, .text, input{color:#666}
a, a *{color:#eb612a;text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#007dad}
em, i{font-style: italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0}
p{font-size:1em}
h1{font-size:1.6em;margin-bottom:1em; color: #007dad}
h1+h2{margin-top:-.7em}
h2{font-size:1.45em;color:#6aaecf; margin-bottom:1em}
h3{font-size:1.3em; color: #eb612a}
h4, th{font-size:1.2em}
h5, h6, h7, h8, h9{font-size:1.1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}

/* level1 list */
#content ul { margin:0; padding:0 0 0 1em}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/icons/32x32/bullet.png) no-repeat 0px 2px;background-size: 16px 16px;margin-top:.3em;padding-left:16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}

/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat -5px 0;padding-left:10px;font-size:.92em;line-height:1.4em}

/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid #999;background:#efefef;  font-size: 16px;height: 2em; line-height: 2em;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background-color:#fff}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/32x32/select.png);background-repeat:no-repeat;background-position:right center;padding:3px 16px 3px 5px; background-size:16px 16px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
.button,input[type="button"],input[type="submit"],input[type="reset"], .formButton{background:#eb612a;color:#fff;padding:.65em 1em;cursor:pointer;border-radius:4px; font-size:1.2em; margin:0; border:none; display: inline-block}
input::-moz-focus-inner {border:0;padding:0;}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.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, .formSelect{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}

.video {margin-bottom: 2em;padding-left: 10%;padding-right: 10%;}
.video h1 {color: #66a4c0;
text-align: center;
line-height: 1.2em;
font-size: 1.8em;
font-weight: bold;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* HEADER --------------------*/

body>header{text-align: left;position: relative;width:100%;background:#fff}
#brand{line-height: 3rem;height: 3rem;display: inline-block;padding: 0 .5rem}
#brand img { height: 2rem; width: auto; margin-top: .5rem}
/* TOPNAV */
.primary{background-color:#007dad;
    display: table;
	width:100%;
}
.primary>*{color:#fff;line-height:3rem;padding:0 .5rem;white-space: nowrap;display: table-cell;}
	header .menu:after{content:"\f0c9"; color: #fff}
	header .search:after{content:"\f002"; color: #a1a1a1}
	header .cart:after{content:"\f07a";}
	header .login:after{content:"\f023";}
	header .account:after{content:"\f013";}
.secondary{position: absolute;right: 0;top:-.2em;line-height: 3rem;text-align: center;padding:0 .5rem 0 0}
.secondary .navIcon{padding:0 .5rem;height: 3rem;float: left;display: inline-block;font-size: 1.25em}
.navIcon{text-align: center}
.navIcon:after{font-family: FontAwesome;display: inline-block;}
header .menu{cursor: pointer; background:#2e333b; color:#fff;text-shadow: 0 1px 0 #000}
.primary .menu:after{padding-left:.4em}
header>.menu{position: fixed;right: 0;top: 0;width: 2.5em;height: 2.5em;line-height: 2.5em;z-index:-1;opacity: 0;background-color: rgba(0,0,0,.5)}
.scroll header>.menu{opacity: 1;z-index: 2}

/* HAMBURGER */
body,body>nav,header>.menu{transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s}
body {right:0;position:relative;}
.slideNav,.slideNav header>.menu{right:80%}
.slideNav>nav {right:0}
body>nav {right:-80%; position:fixed; overflow:auto;-webkit-overflow-scrolling: touch; height:100vh; top:0; padding:0; width:80%; z-index:10; background:#1972c4;}

/* MENU --------------------*/
body>nav{background:#66a4c0;}
body>nav>*:last-child{margin-bottom: 3em}
body>nav li{position: relative;border-top:1px solid rgba(255,255,255,.2)}
body>nav ul{padding-left: 0;margin: 0}
body>nav a{position: relative;padding:.65em .5rem .65em 1rem;color:rgba(255,255,255,.65);line-height:1.2em;display:block;}
body>nav li ul{display: none}
body>nav li.on>ul{display:block}
body>nav li>span{display: none}
body>nav li>ul+span{display: block;z-index: 2;margin-left:.5rem;position: absolute;right: 0;top:0;opacity:.2;color:#fff;text-align: center;display: inline-block;width: 2.5rem;height: 2.5em;line-height:2.5em}
body>nav li>ul+span:before{content:"\f054";font-family: FontAwesome;color: #000;background-color:#fff;border-radius: 50%; line-height: 1em;width: 1.5em;height:1.5em;padding: .25em 0; display: inline-block;}
body>nav li.on>span{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity:.5} 
body>nav li li{font-size:.95em;border-top:1px solid rgba(255,255,255,.1)}
body>nav li.on{background:rgba(255,255,255,.15)}
body>nav a{color:rgba(255,255,255,1)}
body>nav a.menu:before{content:"\f104\00A0";font-family: FontAwesome;}
body>nav ul a{padding-left:1rem}
body>nav ul ul a{padding-left:2rem}
body>nav ul ul ul a{padding-left:3rem}
body>nav ul ul ul ul a{padding-left:4rem}

body>nav .search,body>footer .search{width:100%;display: block}
body>nav .search{padding:1rem;border-top:1px solid rgba(255,255,255,.2);position: relative;overflow: auto}
.search.menuSearch input[type="search"]{background:#fff}
.search input[type="search"]{height: 3em;width:calc(100% - 3em);line-height: 3em;font-size: 1em;padding: 0 0 0 .5em;border: 0;float: left; background:#2e333b;border-left:solid 1px #666666;border-top:solid 1px #666666;border-bottom:solid 1px #666666;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;}
.search button{height: 3em;width: 3em;font-size: 1em;padding: 0;border: 0;float: left;-webkit-appearance:none;background:#2e333b; color: #5b5d62;border-right:solid 1px #666666;
    border-top:solid 1px #666666;border-bottom:solid 1px #666666;
    -webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0; }
.search button:before{content:"\f002";font-family: FontAwesome;}

/* Home --------------------*/
.home main{padding:0;clear:both;word-wrap:break-word}
.home .searchCareers { background:url(/m/images/home-search-image.jpg) no-repeat center center; background-size: cover; text-align:center; position:relative; padding-left:0; padding-right:0; border-bottom: solid 5px #fff; border-top: solid 5px #fff}
.home .searchCareers .wrap { height:60vh;z-index:1; position:relative; margin:0 auto}
.home .searchCareers .wrap .searchBox { border-radius:5px; background-color: rgba(41,46,57,.93); position:absolute; bottom:10%; left:5%; z-index:2; margin:0 auto; width:90%}
.home .searchBox h1 { color:#fff; margin-bottom:.5em; padding-bottom:0; line-height:1em; font-size: 1.45em; font-weight: 800}
.home .searchBox [type="text"], .home .searchBox select, .interiorSearch [type="text"], .interiorSearch select {background:#d8d9da; display:block; border-radius:2px; font-size:16px; border:none;vertical-align: middle;color:#666666; font-style:italic; padding:0 0 0 5px}
.home .searchBox [type="text"], .home .searchBox select {line-height:2.25em; height:2.25em;width:100%; margin-bottom:.25em}
.home .searchBox input[type="submit"] {background:none; color: #7bb7d5; border: none; padding: 0}

.nationalTalent, .home .meetTeam{border-bottom:solid 5px #fff; padding-top:3em; padding-bottom:3em;padding-left:0; padding-right:0}
.nationalTalent {background:#007dad url(/m/images/map.gif) no-repeat center center; background-size:cover; padding-left:15%; padding-right: 15%}
.nationalTalent h1 { color:#fff; text-align:center;line-height:1.2em; font-size: 1.8em; font-weight: bold}
.nationalTalent ul {font-size:1.2em; padding: 0}
.nationalTalent ul li a { color:#fff; display:block; padding:0}
.nationalTalent ul li a:before { content:"\00A0\›\00A0"}
.nationalTalent ul li a:hover { background:#eb612a; border-radius:4px}

/*
.home .meetTeam { background:#eaecee; color:#666666;float:left;clear:left;display:block; position: relative}
.home .meetTeam .wrap { padding:0 10px}
.home .meetTeam h1 { color:#66a4c0; text-align:center;line-height:1.2em; font-size: 1.8em; font-weight: bold}
.home .meetTeam .wrap div {  width:100%; text-align:center; display:block; vertical-align:top; }
.home .meetTeam .wrap div+div {}
.staffPix { margin:0 auto; text-align:center}
.home .meetTeam .wrap div img { max-width:75%; width:75%;height:auto; border-radius:5px; border:solid 5px #fff;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.home .meetTeam h3 { margin-bottom:0}
.home .meetTeam .wrap div p { font-size:1.15em}
.home .meetTeam span, .home .meetTeam em { display:block}
.home .meetTeam span {margin-bottom:1em; font-size:1.2em}
.home .meetTeam em  {font-size:.9em}
.home .meetTeam strong {font-weight:normal; color:#007dad}
.home .meetTeam .wrap>p {margin:0 auto; text-align:center;}
.leftArrow, .rightArrow  {background-position: left top; background-repeat:no-repeat; background-size:40px 40px;width:40px; height:40px; display:block; position:absolute;top:40%; }
.leftArrow {background-image:url(/images/left-arrow@2x.png); left:0}
.rightArrow {background-image:url(/images/right-arrow@2x.png);right:0}
.leftArrow:hover, .rightArrow:hover { opacity:.5}*/

/* MAIN --------------------*/
main{padding:0 10px;clear:both;word-wrap:break-word}
main main { padding:0}
#content, .staffHeader .wrap{max-width:40rem;margin:0 auto 2em auto;}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:40%;max-height:40%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright{float:right;padding:0 0 10px 10px;clear:right}
.photoleft{float:left;padding:0 10px 10px 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
#content .highlight {background: #eaecee; border-radius:5px;padding:1em; margin:1em 0}
.searchBox { width:100%; background:#eaecee; padding:1em}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}


/* Landing Pages */
#content .wordScramble { border-bottom: solid 1px #ccc; margin:0}
.wordScramble img{ width:100vw; height:auto}
.wordScramble h1, .header h1 { display: none}
/* Careers */

/* Talent Acquisition */
.talentAcquisition { background:#fff;}
.circle { 
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    color:rgba(255,255,255,.8);
    line-height: 1.4em;
    font-size: 5vw;
    height:0;
    padding-top: 100%;
    text-align: center;
    width: 100%;
    margin:0 0 5% 0;
	padding-left:0;
	padding-right:0;
    position: relative; display:block}
.circle h1 { font-size: 1.5em; line-height: 1.4em; margin:1.75em 2.5em 1em 2.5em; color: #fff; font-weight:700}
.blue {background:#3397bd}
.green {background:#90b94b}
.orange {background:#eb612a}

.circle div{display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 2em;
    width: 100%;}
#content .circle ul {padding:0; margin:0}
#content .circle ul li { padding:0 .5em; margin:0; background:none}	

@media only screen and (min-width: 40rem) {
.circle  { font-size:2em}
.circle div { top:3.5em}
}

.card {background: #007dad;border-radius: 0.2rem;color: #fff;font-weight: 600;padding: .25em; margin-bottom:1em; text-align:center}
.card .front { text-transform:uppercase; font-weight:700; font-size:1em}
.cardContainer { position: relative}
.cardContainer .front:after {content: " + "; position: absolute; right: 1.2em; top: 1.2em; display: block; width: 1.5em; text-align: center}
.cardContainer.on .front:after {content: " – ";position: absolute; right: 1.2em; top:1.2em; display: block}

.front.blue, .front.green, .front.orange {margin:0 !important}
#content .card ul, #content .card ul li { padding:0; margin:0; text-transform:none; background:none; font-weight:normal;}
.back { font-size:.9em }
.back p { font-weight:normal}
.cardContainer ul { display:none}

/* Talent Eval */
.talentEval {border-top:1px solid #ccc}
.talentEval * div { float: left; width: 100%}
.talentEval img {margin-left: 0}

 /* about ------------------------------ */
.staffHeader div { text-align:left}
.staffHeader em { display: block; font-size: .75em}
.staffHeader div+div{ text-align:center}
.staffHeader img, #content .meetTeam img, #content .contactRecruiter img { max-width: 70%; height: auto;border-radius:5px; border:solid 5px #fff;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); margin-bottom: .5em}

#content .contactRecruiter { text-align:center; background: #eeeeee;
    border-radius: 5px;
    padding: 1em 0 ;}

.meetTeam a em { color: #666}
.meetTeam a:hover img { opacity: .4}
.header {border-bottom: solid 1px #ccc;}
.about .header h1 { color: #fff; }
.about .header p { font-size: 1.3em;text-shadow: 0 1px 0 #000;}
.meetTeam {}
.meetTeam a{ display:block; width: 100%; margin: 0 0 15% 0; text-align: center}
.meetTeam a h3 { font-size: 1.3em; margin:0; line-height: 1em}
.meetTeam a em { color: #666}
.meetTeam a:hover img { opacity: .4}

.blueRibbon { border-top: solid 1px #ccc; border-bottom:solid 1px #ccc;}
.blueRibbon .button { display: inline-block; font-size: 1em; margin-top: 2em}

.blogNews h3 { font-size: 1.2em; margin:0}
.blogNews section { display:block; width: 100%; vertical-align:top; margin-bottom:5%;border-bottom:solid 1px #ccc;}
.blogNews section a { color: #666; display: block}
.blogNews section a:hover { color:#006796}
.blogNews .button {color: #fff; display: inline-block; font-size:1em; margin-bottom:1em}
.blogNews strong {font-weight: normal}

.jobDetails p { display: block}
#content.blog {
    float: left;
    min-height: 600px;
    overflow: hidden;
    padding: 0 40px 50px 40px;
    position: relative;
    width: 100%;
    word-wrap: break-word;
}
#content.blog aside { display:none}

.blogTable, .blogTable tbody, .blogTable tr, .blogTable td, .employmentTrends tbody, .employmentTrends, .employmentTrends tr, .employmentTrends td {display:block; width:100% !important}
.blogTable td { padding:0 !important}

.jobTable th { display: none}
.jobTable td { display: block; padding-bottom: .5em; padding-left: 1em}
.jobTable tr {  border-bottom: solid 1px #ccc;}
/* Breadcrumb */
.breadcrumb a:after{content:"\00A0\f105\00A0\0020";font-family:FontAwesome;opacity: .5}

/* Children */
#content nav.children{margin-top:2em}
#content nav.children ul{background-color:#eaecee;border-radius:4px;padding:0}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children a{padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #006796}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}

/* FOOTER --------------------*/
body>footer{padding:2em 10px 10px;color:#999999;background-color: #2e333b}
body>footer>*{max-width: 40rem;margin-left: auto;margin-right: auto}
body>footer a{color:#999999}
body>footer .search{position: relative;overflow: auto;margin:.5em auto 1em}
body>footer>address{font-style:normal;position:relative;overflow:auto;margin-bottom:1em}
body>footer>address>div{float:left;padding-left:10px;width:50%}
body>footer>address>div:first-child{padding-left:0}
body>footer hr{border-top-color:#666}
body>footer>div>*{margin:1em 0; font-size: .9em}

body>footer .wrap nav a:before{content:"\00A0\002E\00A0\00A0"}

body>footer>address>span, body>footer span {display:block; font-size:1.4em; color:#ffffff; margin-bottom: 1em}
#signup {margin-bottom:1.5em; background:#2e333b; height:3rem; border:solid 1px #666666;width:100%; position:relative;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;}
body>footer input[type="text"] { color:#999999; font-style:italic; padding:0 0 0 .5em; background:none; border:none; height:3rem; line-height:3rem; width:84%}
#signup button {background:url(/images/email-arrow.png) no-repeat right 2px;padding:1.2em; background-size:43px 43px;height:43px; border: none;
    position: absolute;
    right: 0;
    bottom: 0;}
.facebook:before, .twitter:before, .linkedIn:before {font-family: FontAwesome; color:#666666; display: inline-block; margin:.5em; font-size:1.5em}
.facebook:before {content:"\f09a"}
.twitter:before {content:"\f099"}
.linkedIn:before {content:"\f0e1"}

@media screen and (max-width:350px) {
.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}

@media screen and (min-width:480px) { 
.staffHeader img, #content .meetTeam img {
    max-width: 40%;
}
}


/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc,body>nav li>span,body>nav li{
	-webkit-transition:all 200ms ease-out;
	        transition:all 200ms ease-out}