@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
html {
-webkit-box-sizing:border-box; /* Safari */
   -moz-box-sizing:border-box; /* Firefox */
        box-sizing:border-box;
}
*, *:before, *:after {margin:0;padding:0;border:0;outline:none;
-webkit-box-sizing:inherit; /* Safari */
   -moz-box-sizing:inherit; /* Firefox */
        box-sizing:inherit;
}

#wsManagementBar, #wsManagementBarSpace, #wsManagementBarLine, .popBody, #mbOverlay, #mbCenter{-webkit-box-sizing:content-box; -moz-box-sizing:content-box;box-sizing:content-box; line-height:1.3em}
#wsManagementBar *, .popBody *{transition:none}
.management header{top:34px}
.management .interiorSearch { top:105px}
.management .interiorSearch.scrollSearch {top:5rem}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#2e333b}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100px;z-index:10}
	#skipNavigation:focus,#skipNavigation:active{top:0;}

/*page widths*/
body>header, body>header>nav, main, body>footer, #alertApp, .searchCareers, .blueRibbon, .meetTeam, .genericheader, .clientsWordScramble, .about .header, .blogNews, .staffHeader, .capabilities, .talentAcquisition, .services, .talentEval, .wordScramble, .video {width:100%;float:left;clear:left;padding:0 10px;display:block;}
body>*>.wrap,body>main>*>.wrap, body>footer>.fatFooter,#alertApp>*, .interiorSearch>*, body.interior>main>*>.wrap,  body.about>main>*>.wrap, .capabilities .wrap, .talentAcquisition .wrap, .services .wrap, .talentEval .wrap, .wordScramble .wrap{max-width:1200px;margin-left:auto;margin-right:auto;position:relative;overflow:auto}
body>*>.wrap, body>main>*>.wrap, body>footer>.fatFooter{width:100%}
/* text */
body{line-height:2em;color:#666}
body,.text, input, button, h4, h5, h6, .services .cardContainer .card .back{font-family: "adelle-sans",sans-serif;font-style: normal;font-weight: 400;}
h1, h2, h3, .home .meetTeam h3, .services .cardContainer{font-family: "adelle",serif;font-style: normal;font-weight: 400;}

a, a *{color:#eb612a;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#007dad}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#007dad}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700; color: #007dad}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1, .content article.blog>h1{font-size:2.5em;margin-bottom:.5em; font-weight:600; line-height:1em; color:#007dad}
.content>section{margin:2em 0}
h1+h2{margin-top:1em}
h2, .content * h1{font-size:1.8em; color:#6aaecf}
h3{font-size:1.7em; color:#eb612a}
h4, th{font-size:1.6em; color:#3385ab}
h5 {font-size:1.5em; color:#6aaecf}
h6 {font-size:1.4em; color:#eb612a}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

.services .cardContainer .card figure.blue  {color:#3397bd}
.services .cardContainer .card figure.green {color:#90b94b}
.services .cardContainer .card figure.orange {color:#eb612a}

/* level1 list */
#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 20px 7px;background-size: 16px 16px;padding-left:35px}
#content ol, #content_home ol, .contentEditor ol{margin-left:35px}
.contentEditor ol {padding: 10px 0 0 25px !important}

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

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:0;
   -moz-column-rule:0;
        column-rule:0;
}
.threeCol {
-webkit-columns:3;
   -moz-columns:3;
        columns:3;
-webkit-column-gap:30px;
   -moz-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.req{color:#c00}
.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}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}

/* forms */
input, button{font-size:.9em}
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"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{}
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 rgba(0,0,0,.2);background-color:#f2f2f2;padding:3px 5px;}
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, select:focus{background-color:#eaecee}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"], .formButton{background:#eb612a;color:#fff;padding:.5em 1em;cursor:pointer;border-radius:4px; font-size:1.2em; display: inline-block}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#007dad;color:#fff}
button img{height:1em;width:auto;vertical-align:top}
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 input[type="search"], .formTable textarea, .formTable select{width:100%}
.formTable select { padding:.54em}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
main label{padding-left:20px}
main .checked{background:transparent url(../images/chk_on.png) no-repeat 0 4px}
main .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 4px}
main .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
main .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}


/* HEADER ------------------------------*/
body>header{height:4.5em;margin:0 auto;width:100%;background:#fff;position: fixed;top:0; left:0;z-index:2;border-bottom: solid 2px #eaecee}
body.scroll>header{height:3em; border-bottom:solid 1px rgba(0,0,0,.1);}
body>header>.wrap{height:4.5em}
#brand, #brand img{height:3em;width:auto;overflow: hidden;}
	#brand{display:block; left:1em; top:.75em; position:absolute}

.scroll #brand{ height:2em; top:.55em}
.scroll #brand img{height:3em;}

body.scroll>header nav {height:3em; width:auto}
body.scroll>header>nav a{line-height:3rem;}
body.scroll>header>.headerSocial {height:3em; line-height:3em}

.interiorSearch {position:fixed;height:3rem; background: rgba(41,46,57,.93); width:100%; top:4.5em; left:0; z-index:1;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);}
.interiorSearch .wrap { padding:0 1em; margin:0 auto}
.interiorSearch.scrollSearch {top:3rem}
.interiorSearch h1  {float:left;font-size:1.2em; margin-right:1em; color:#eb612a; line-height:3rem}

/* PRIMARY NAV ------------------------------ */
body>header nav {position:absolute;right:5.5em;top:0;font-size:1.1em;text-align:right; height:4.5rem; width:auto; z-index:3}
body>header>nav ul{overflow:visible}
body>header>nav li{display:inline-block;position:relative}
body>header>nav a{color:#fff;line-height:4.5rem;padding:0 15px;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none; color:#666666; text-transform:capitalize}
body>header>nav>ul>li:hover>a, body>header>nav>ul>li:active>a{color:#0d84b1}
body>header>nav>ul>li.on>a{color:#6aaecf}
/*dhtml*/
body>header>nav li ul{width:15em;padding:.5em 0;background:#eaecee;position:absolute;overflow:auto;height:auto;z-index:2;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);
box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
body>header>nav>ul>li:last-child ul{right:0}
body>header>nav li ul li{width:100%;display:block;float:left;}
body>header>nav ul li ul li a{background:none;color:#666;padding:.5em 1em}
body>header>nav li ul li a{font-size:.9em;line-height:1.1em;display:block;width:100%;text-align:left;float:left; color:#666666}
body>header>nav li ul li a:hover, .t1 li ul li a:active{color:#fff;background:#eb612a}
body.scroll>header>nav ul li ul li a { line-height:1.1em;}

.headerSocial {position:absolute;right:1em;top:0; height:4.5rem; line-height:4.5rem; font-size:.9em}
.headerSocial .facebook::before, .headerSocial .twitter::before, .headerSocial .linkedIn::before { margin:0 .3em; color:#b2b2b2}

/* MAIN ------------------------------ */
main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3em}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{position:absolute;left:0;top:3em;width:200px;overflow:hidden}
/* t1 */
main>div>aside .sidenav {width:200px;overflow:hidden;margin:0 0 40px;}
main>div>aside .sidenav li{height:1%;overflow:hidden}
main>div>aside .sidenav li a{padding:.5em 5px;line-height:1.4em;display:none;}
main>div>aside .sidenav li a:hover, main>div>aside .sidenav li a:active{}
main>div>aside .sidenav li.on>a{color:#000}
/* t2 */
main>div>aside .sidenav li.on ul li a{padding:.3em 30px .3em 10px;font-size:.9em;color:#007dad; display:block}
main>div>aside .sidenav li ul li a:hover, main>div>aside .sidenav li ul li a:active{color:#6aaecf;}
main>div>aside .sidenav li ul li.on>a{color:#eb612a;}
main>div>aside .sidenav li ul li a:hover:after{content:"\f0d7";font-family: FontAwesome; float:right; color:#6aaecf;}
main>div>aside .sidenav li ul li.on>a:after{ content:"\f0d7";font-family: FontAwesome; float:right; color:#6aaecf;}
/* t3 */
main>div>aside .sidenav li ul li.on ul{padding-bottom:.5em; border-radius:5px; background:#ededed}
main>div>aside .sidenav li ul li.on ul li{border:0}
main>div>aside .sidenav li ul li.on ul li a{padding-left:30px;font-size:.8em;color:#666666}
main>div>aside .sidenav li ul li ul li a:hover, main>div>aside .sidenav li ul li ul li a:active{}
main>div>aside .sidenav li ul li ul li.on>a{color:#000; }
/* t4 */
main>div>aside .sidenav li ul li ul li.on ul li a{padding-left:50px;font-size:.7em;color:#666}
main>div>aside .sidenav li ul li ul li ul li a:hover, main>div>aside .sidenav li ul li ul li a:active{}
main>div>aside .sidenav li ul li ul li ul li.on>a{color:#000;}
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

#content blockquote { font-size: 2em; font-style: italic; background:#007dad; border-radius: 5px; padding: 1em; color: #fff}
#content blockquote span { display: block; font-size: 1rem; color: #fff; margin-top: 1em}
#content blockquote span strong { display: block;color: #fff}
#content .text blockquote { color:#333}
/* Homepage */
.home main { padding:0}
.searchCareers { background:url(../images/home/search-bkg.jpg) no-repeat center center; background-size: cover; text-align:center; position:relative; padding-left:0; padding-right:0}
.searchCareers .wrap { height:80vh;z-index:1; position:relative; margin:0 auto}
.searchCareers .wrap .searchBox { border-radius:5px; background-color: rgba(41,46,57,.93); position:absolute; bottom:20%; left:10%; z-index:2; padding:0 1em 2em 1em; margin:0 auto; width:80%}
.searchBox h1 { color:#fff; margin-bottom:0; padding-bottom:0; line-height:2em}
.home .searchBox [type="text"], .home .searchBox select, .interiorSearch [type="text"], .interiorSearch select {background:#d8d9da; display:inline-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:45px; height:45px;width:45%;}
.interiorSearch [type="text"], .interiorSearch select {line-height:35px; height:35px;width:30%;margin-top:.45em; margin-right:3px}
.searchBox .searchArrow, .interiorSearch .searchArrow {display:inline-block;vertical-align: middle}
.searchBox .searchArrow {line-height:45px; height:45px; width:45px; background:45px 45px}
.interiorSearch .searchArrow {line-height:35px; height:35px; width:35px; background:35px 35px;margin-top:.45em}
.interiorSearch .searchArrow:hover { opacity:.5}
.searchCareers {border-bottom:solid 5px #fff;}
.blueRibbon, .home .meetTeam{border-bottom:solid 5px #fff; padding-top:6em; padding-bottom:6em;padding-left:0; padding-right:0;background:#007dad; color: #fff}
.home .blueRibbon {background:#007dad url(../images/map.gif) no-repeat center center; background-size:981px 606px; text-align:center}
.blueRibbon h1, .home .blueRibbon .wrap h1 { color:#fff; text-align:center;line-height:2em}
.home .blueRibbon .twoCol { padding:0; width:75%; margin:0 auto; border:none; margin-left:20%;font-size:1.5em; line-height:2em;; text-align: left}
.home .blueRibbon ul li a { color:#fff; display:block; padding:0 0 0 .5em}
.home .blueRibbon ul li a:before { content:"\00A0\›\00A0"}
.home .blueRibbon ul li a:hover { background:#eb612a; border-radius:4px}

.home .meetTeam { background:#eaecee; color:#666666; height:750px}
.home .meetTeam h1 { color:#66a4c0; text-align:center}
.home .meetTeam .wrap div {  width:45%; text-align:center; display:inline-block; vertical-align:top; margin:2em 0}
.home .meetTeam .wrap div+div { text-align:left}
.video {background:#eaecee; padding: 4em 0 4em 0;}
.video .wrap {padding: 0 1em; display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.video section, .video .wrap .videoContainer {float: left;width: 50%;}
.video section h1 {color: #66a4c0; padding-right: 20%}

.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%;
}

.aboutVideo {background: #fff}


.staffPix { margin:0 auto; text-align:center}
.home .meetTeam .wrap div img { max-width:60%; width:60%;height:auto; margin:0 auto 2em 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:3em; font-size:1.2em}
.home .meetTeam em  {font-size:.95em; color:#666666;}
.home .meetTeam strong {font-weight:normal; color:#007dad; display:block; font-size: 1.2em}
.home .meetTeam p {margin:0 auto; text-align:center;}
#leftArrow, #rightArrow  {background-position: left top; background-repeat:no-repeat; background-size:50px 50px;width:50px; height:50px; display:block; position:absolute;top:37%; }
#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}
.title { display: block; font-weight: normal; color: #666; font-size: .8em}

/* content */
.interior main { padding:100px 0 0 0}
#content{float:left;width:100%;padding:0 40px 50px 240px;overflow:hidden; min-height:600px;word-wrap:break-word;position:relative;}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;margin:0 0 3em 4em;clear:right}
.photoleft{float:left;margin:0 4em 3em 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
#content .highlight {background: #eaecee; border-radius:5px;padding: 2em; margin:2em 0}
#content .highlight p {padding:0 35px;}
.searchBox { width:100%; background:#eaecee; padding:1em; margin-bottom: 2em}
.highlight p strong {color:#b88338}
#content .highlight ul{margin:1em 1em 2em 1em}
#content .highlight ul li {background: url("../images/icons/16x16/bullet-arrow.png") no-repeat 0 8px;margin: 0 0 5px;padding-left:20px;}
#content .highlight ul li span {display: block; font-size: 1em; color: #333;}
#content .highlight ul li span strong {text-transform: uppercase; font-weight: bold;}
#content .highlight ul li ul {margin-top:5px}
#content .highlight ul li ul li {font-size: 1em; background: url("../images/icons/16x16/bullet-arrow.png") no-repeat scroll 0 0 transparent}
#content * h1{font-size:1.2em;margin-bottom:1em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;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)}
.shareIcons a:hover{background-color:#F03C5E}
.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)}


.landing main { padding:0}

.gm-style .gm-style-iw { font-size:1em; line-height:1.8em}
.gm-style .gm-style-iw .formButton { padding:.2em .5em; margin-left:.5em}
/* CLIENTS LANDING ------------------------------ */

.landing>* .wrap{ padding-left:1em; padding-right: 1em}
.landing #content{float:left;width:100%;padding:0;overflow:hidden; min-height:600px;word-wrap:break-word;position:relative;}
.wordScramble {background:#cce5ef; width:100%; padding:9em 1em 1em 1em; border-bottom: 5px solid #fff}
.wordScramble h1 { color: #eb612a; margin-bottom: 0}
.wordScramble .wrap img{ max-width: 100%; height: auto}
.talentEval, .capabilities, .services, .talentAcquisition  {padding: 6em 0}
.capabilities {background: #fff; }
.services { background: url(/images/search-bkg.gif) repeat left top; background-size:28px 31px; color: #fff}
.services h1 { color: #3397bd}

.capabilities .cardContainer {float: left;margin: 0.5% 0.5% 2em;
  width: 19%;
  height: 0;
  padding-top: 19%;
  position: relative;
  text-align:center;
  line-height:1.2em;
}

.services .cardContainer {float: left;margin:4em 1.5% 2em;
  width: 30%;
  height: 0;
  padding-top: 30%;
  position: relative;
  text-align:center;
  line-height:1.2em;
}

.card{display: block;
  width: 100%;
  height: 100%;
  position: absolute;top:0;
  -webkit-perspective: 1400px;
          perspective: 1400px;
}
.card figure {
	position: absolute;
	width: 100%;
	max-width: 100%;
	height: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
          transition: transform 1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}

.card .front {
    background:#007dad; color:#fff;padding: 1rem;border-radius: .2rem; text-transform: uppercase; font-weight: 600; font-size: 1.2em;
  -webkit-transform: rotateY( 0deg );
          transform: rotateY( 0deg );
}

.services .cardContainer .card .front {background: #fff; font-size: 2em; line-height: 1.3em}

	.card:hover .front{
	  -webkit-transform: rotateY( 180deg );
			  transform: rotateY( 180deg );
	}
	.cardContainer2 .card:hover .front{
	  -webkit-transform: rotateY( 0deg );
			  transform: rotateY( 0deg );
	}
.card .back {background-color:#eb612a; color:#fff;padding: 1rem;border-radius: .2rem;
  -webkit-transform: rotateY( -180deg );
          transform: rotateY( -180deg );
}

.services .cardContainer .card .back {background: #3397bd; border: 5px solid #fff}

.cardContainer:nth-child(odd) .front {background:#3397bd}
	.card:hover .back {border-radius: .2rem;padding: 1rem;
	  -webkit-transform: rotateY( 0deg );
			  transform: rotateY( 0deg );
	}

.oldie .card figure{
	  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}
.oldie .card .front,.oldie .card .back{
	-webkit-transform:none;
	     -ms-transform:none;
		  transform:none;
}
.oldie .card .back{opacity: 0}
.oldie .cardContainer.hover .card .back{opacity: 1}


/* Talent Acquisition */
.talentAcquisition { background:#fff}
.circle { float: left;
    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: 1.1em;
    height:0;
    padding-top: 31%;
    text-align: center;
    width: 31%;
    margin: 3% 1% 3% 1%;
    position: relative}
.circle h1 { font-size: 1.5em; line-height: 1.4em; margin:1.5em 2.5em 1em 2.5em; color: #fff}
.blue  {background:#3397bd}
.green {background:#90b94b}
.orange {background:#eb612a}

.circle div{display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 2em;
    width: 100%;}

/* Talent Eval */
.talentEval { background: #ebebec; border-bottom:5px solid #fff}
.talentEval * div { float: left; width: 50%}
.talentEval img { float: left; max-width: 80%; height: auto; margin-left: 3em}

/* Careers ------------------------------ */
.capabilities.careers { background:#fff url(/images/grey-gradient.gif) repeat-x left bottom; background-size: 10px 650px;}

/* about ------------------------------ */
.about .header {background:url(/images/about-header.jpg) no-repeat center center; background-size: cover; color: #fff;
    height: 65vh;  
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.about .header h1 { color: #fff; }
.about .header p { font-size: 1.3em;text-shadow: 0 1px 0 #000;}
.about .meetTeam { background: #eaecee; padding: 6em 0}
.about .meetTeam a{ display: inline-block; width: 22%; margin: 1%; text-align: center}
.about .meetTeam a h3 { font-size: 1.3em; margin-bottom: 0; line-height: 1em}
.about .meetTeam a img { width: 100%; 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); margin-bottom: .5em}
.about .meetTeam a em { color: #666}
.about .meetTeam a:hover img { opacity: .4}

.blueRibbon {border-top: solid 5px #fff}
.blueRibbon .wrap h1 {text-align: left}
.blueRibbon p {font-size: 1.3em}
.blueRibbon .button { display: inline-block; font-size: 1em; margin-top: 2em}
.blueRibbon .button:hover {  background: #3397bd}
.blogNews {padding: 6em 0; background:#fff}
.blogNews h3 { font-size: 1.2em}
.blogNews section { display: inline-block; width: 44%; margin: 0 5% 0 0; vertical-align:top;}
.blogNews section a { color: #666; display: block}
.blogNews section a:hover { color:#006796}
.blogNews .button, .blogNews .button:hover {color: #fff; display: inline-block; margin-top: 2em}
.blogNews strong {font-weight: normal}

#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}


/* STAFF HEADER ------------------------------ */
.staffHeader {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); margin-bottom: .5em; max-width:30%; height:auto; float: right; margin: 0 0 1em 4em; padding: 0}
.staffHeader .wrap { padding:1em; overflow:visible}
.staffHeader .wrap div { width:74%; display:inline-block; margin-top:5em; padding-right:10%; vertical-align:top}
.staffHeader .wrap div p { font-size:1.3em}
.staffHeader .wrap div em{ display:block; font-size:.80em}
.staffHeader .wrap div+div { width:25%; text-align:right; padding:0}

.jobTop { display: block; clear: both; float: left; margin-bottom: 2em}
.jobDetails {float: left; width: 40%}
.contactRecruiter { float: left; width: 50%; margin-left: 10%; clear:right}
.contactRecruiter {background:#eeeeee; padding:1em;border-radius:5px;}
.contactRecruiter img {border-radius:5px; border:solid 5px #fff; width:40%; height:auto;
-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); margin-bottom: .5em; float: right}
.contactRecruiter h4 { display: inline-block}
.contactRecruiter div div { width:auto; margin-left:5%}
.contactRecruiter div img { max-width:100%; display:inline-block}
.contactRecruiter div p { display:inline-block}

.linkedInSmall:before {font-family: FontAwesome; color:#eb612a; display: inline-block; margin:.25em; font-size:1em}
/* FOOTER ------------------------------ */
body>footer{padding-top:6em;padding-bottom:2em;color:#999999;font-size:.9em;}
body>footer>.wrap{overflow:visible;}
body>footer a{color:#999999}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
.fatFooter{margin-bottom:2em;display:table}
.fatFooter>*{display:table-row;}
.fatFooter>*>*{display:table-cell; width:25%; padding-right:5%}
.fatFooter>*>*:last-child{padding-right:0;white-space:nowrap}
.fatFooter span {margin-bottom:1em}
.fatFooter span{ display:block; font-size:1.4em; color:#ffffff;}
.fatFooter ul li {color:#ffffff;font-size:1.4em;}
.fatFooter ul li a {margin-bottom:1em;color:#ffffff; display:block}
.fatFooter ul li ul li{margin:0; padding:0; line-height:0em}
.fatFooter ul li ul li a{ font-size:.9rem; color:#999999;line-height:1.8em; margin-bottom:.5em}
.fatFooter ul li a:hover { color:#66a4c0}
.fatFooter ul li ul li a:hover { color:#eb612a}
.fatFooter address { }
body>footer nav{display:inline}
body>footer .wrap { font-size:.8em; padding-top:2em}
body>footer .wrap nav a:before{content:"\00A0\002E\00A0\00A0"}
body>footer>div{min-height:18px}
#web-solutions-exposure {float:right;margin-left:11px}

#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;}
.fatFooter 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;
    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.2em}
.facebook:before {content:"\f09a"}
.twitter:before {content:"\f099"}
.linkedIn:before, .linkedInSmall:before {content:"\f0e1"}

.facebook:hover, .twitter:hover, .linkedIn:hover, .linkedInSmall:hover { opacity:.5}

/* APPS ------------------------------ */

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}


/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
/*
.manage td.reportTitle{padding-left:5px;width:150px; cursor:pointer}
.manage td.views{padding-right:5px}
.manageCaption{}
.manageCaption td:first-child{padding-top:0;padding-left:0;font-size:.85em; font-style:italic;opacity:0.4;filter:alpha(opacity=4)}
*/


/* RESPONSIVE ------------------------------ */
@media screen and (max-width:1150px) { 
.searchCareers .wrap .searchBox h1 { font-size:1.8em}
.searchCareers .wrap .searchBox h1 { font-size:1.8em}
    .circle { font-size:1.45vw}
    .services .cardContainer, .capabilities .cardContainer { font-size: 1.4vw}
    .blogNews section  {font-size: 1.4vw}
	
}


@media screen and (max-width:970px) { 
body>header, main, body>footer, .searchCareers, .blueRibbon, .home .meetTeam, .interiorSearch, .interior>section{min-width:750px}
    .headerSocial { right: .5em; width: auto}
    body > header nav { right: 5em; font-size: .98em}
    body > header > nav a{ padding: 0 10px}
    .about .meetTeam a { font-size: 1.6vw}
	.jobDetails, .contactRecruiter { width: 100%; margin: 0}
    .contactRecruiter img { max-width: 30%}
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
#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-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
    #signup input[type="image"]  { border-radius:0; height:43px}
}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc, .interiorSearch, body>header, #brand, #brand img{-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }