@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body{margin:0;padding:0;-webkit-text-size-adjust:none;}

img{border: 0}
ul{padding-left: 0}
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:#333}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*, .wrap{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto;padding: 0 1em}
body:not(#tinymce) {}
/* text */
body, .text, input, button, textarea,  h2, #homeFeatured h1, #homeTeam h1, .teamMem h2, body>footer h2,.landing .clients .clients-list .back .center p, .about .card .front h2 {font-family: "aktiv-grotesk",sans-serif;line-height:1.6;color:#75787B;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-weight: 300}
h1, h3, h4, #sidenav>ul>li>ul>li>a, .bioContact>*, .bioFacts span, #homeTeam h1 span, .teamMem p, #homeBoxes p, .whtBtn, #bioFooter *, button,.button,input[type="button"], input[type="submit"], input[type="reset"], .featuredBox p, #staffMain > h2, #blueRibbon .blueBox h2, .landing .back .center p, .grid section.col33 h2, .staffTitle, .staff h2 {font-family: "clarendon-text-pro",serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
a, a *{color:#69C; text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#6CACE4}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style:italic;font-size: .9rem}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
.hrAnchor {border-top:0;margin-bottom: 5em}
p{font-size:1em;line-height: 28px}
h1{font-size:2.5em;color: #6CACE4;}
h1+h2{}
h2{font-size:1.875em;color: #E35205;}
.content * h1, h3 {color: #6CACE4;font-size: 1.5rem;}

h4, th {font-size:1.25em; color: #75787B}
h5, .sectionTitle {font-size:1.1em;color: #6CACE4}
h6 {font-size:1.0em}
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}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li,.clients #content ul li{padding-left:2em;text-indent: -1em}
.content ul li:before, .clients #content ul li:before {content: "\f105"; font-family: fontAwesome; display: inline-block;width: 1em;text-align: center;text-indent:0; color: #e35205}
.clients #content .back ul li:before, .home .clients-list .back ul li:before, .fullStack .back ul li:before{content: "\2022"; color: #fff; padding-right: .5em}
.content ul li ul li:before{opacity: .5}


/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-gap:2em;
        column-gap:2em;
}
.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}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}
.intro {font-size: 1.2rem}

/* forms */
input, button, select{font-size:.9em;line-height: 1.2em}
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; outline: none; -webkit-appearance:none}
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:rgba(0,0,0,.05);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:#ECF1F4}
textarea{display:block;font-size: 1rem}
@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;}
	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"]{color:#fff;border:0;line-height:1em;cursor:pointer;background: #E35205;padding: 12px 1.5em 10px;display: inline-block;text-transform: uppercase}
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{}
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 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{width:100%}
.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}
.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}
.formEdit select, .formBuilder select { width:40%; }

.whtBtn {color:#E35205;border:0;line-height:1em;cursor:pointer;background: #ECF1F4;padding: 12px 1.75em 10px;display: inline-block;}

/* HEADER ------------------------------*/
body>header{background:#fff;}
body.interior>header {border-bottom: 2px solid #ccc}
body>header>.wrap{height:60px}
#brand, #brand img{height:auto;width:364px;}
	#brand{display:inline-block;padding-left: 1rem;padding-top: .6rem}


/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}

.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{font-size:13px;line-height:1.3em;}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0 0 40px}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:.5em 5px;line-height:1.1em;display:block;font-size: 1rem;}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
#sidenav>ul>li>a {display: none}
/* t2 */
#sidenav li.on ul{}
#sidenav li.on ul li{border-bottom:1px solid #ECF1F4}
#sidenav li.on ul li a{padding:.6em 5px .6em 10px;font-size:1rem;color:#6CACE4}
#sidenav li ul li a:hover, #sidenav li ul li a:active{color:#000;background:#ECF1F4}
#sidenav li ul li.on>a{color:#E35205;position: relative}
#sidenav li ul li.on>a:after {content: '\f107';font-family: fontawesome;position: absolute;right: 1em}
/* t3 */
#sidenav li ul li.on ul{padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li a{padding-left:30px;font-size:.8rem;color:#666}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#ECF1F4}
#sidenav li ul li ul li.on>a{color:#000; background:#ECF1F4;}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:50px;font-size:.7rem;color:#666}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#ECF1F4}
#sidenav li ul li ul li ul li.on>a{color:#000; background:#ECF1F4;}
/*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 */
#content{word-wrap:break-word}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:#ECF1F4;margin:2.5em 0}
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;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);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)}

/* Homepage */
.slider {position: relative;padding: 0 1em;}
.slider:before {content: '';background-image: url(/Customer-Content/www/photorotator/Images/cityscape.jpg); position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: cover;background-position: top center;}
.iosSlider .slider .slide.slideLast .title {position: absolute;height: 50%;width: 30rem;height: 10rem;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-size: contain;background-position: bottom;background-repeat: no-repeat;max-width: 90%;}

#homeTop {background-image: url(/images/home/homeTop.jpg);float: left;width: 100%;padding-top: 50%;background-position: center;background-size: cover}
#homeFeatured {float: left;width: 100%;text-align: center;background-color: #fff;}
#homeFeatured .wrap {overflow: hidden;}
#homeFeatured h1 {text-transform: uppercase;margin-bottom: 2.5rem;;font-size: 1.875rem;color: #6CACE4;font-weight: 500;letter-spacing: 1px}
.featuredBox {float: left;text-align: center;position: relative;background-color: #fff;background-position: center;background-repeat: no-repeat;border-radius: 2px}
.featuredBox p {position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%;margin: 0;opacity: 0;-webkit-transition: 0s;transition: 0s;color: #fff; width: 85%;}
.featuredBox:after {content: '';padding-bottom: 85%;display: block;background: none}
.featuredBox:hover p {opacity: 1}
.featuredBox:hover:after {background: #6CACE4}
#blueRibbon {background-color: #1C81C0;float: left;width: 100%;position: relative;z-index: 1}
#blueRibbon .wrap {overflow: hidden}
#blueRibbon .blueBox {float: left;position: relative;text-align: center}
#blueRibbon .blueBox h2 {color: #88C2F4;font-size: 1.25rem}
#blueRibbon .blueBox .off h2 {text-shadow: 0 2px 2px #07649E;}
#blueRibbon .blueBox .on h2 {text-shadow: 0 2px 2px #fff}
#blueRibbon .blueBox .off {opacity: 1;}
#blueRibbon .blueBox .on {opacity: 0;}
#blueRibbon .blueBox.hover {background-color: #fff}
#blueRibbon .blueBox.hover .on {opacity: 1}
#blueRibbon .blueBox.hover .on h3 {-webkit-transition: ease all 1000ms 200ms;transition: ease all 1000ms 200ms;opacity: 1}
#blueRibbon .blueBox .on h3 {opacity: 0}
#blueRibbon .blueBox.hover .on h2 {-webkit-transition: ease all 1000ms 400ms;transition: ease all 1000ms 400ms;opacity: 1}
#blueRibbon .blueBox .on h2 {opacity:0}
#blueRibbon .blueBox.hover .on p {-webkit-transition: ease all 1000ms 400ms;transition: ease all 1000ms 400ms;opacity: 1}
#blueRibbon .blueBox .on p {opacity: 0}
#blueRibbon .blueBox.hover .off {opacity: 0}
#blueRibbon .blueBox:after {content: '';display: block;padding-top: 100%}
#blueRibbon .blueBox>div {position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%;width: 100%}
#blueRibbon .blueBox>div.on div {margin-top: 3em;margin-bottom: 2em}
#blueRibbon .blueBox>div div {background-size:5em;background-repeat: no-repeat;height:7em;margin-bottom: 1em;margin: 0 auto 1em;width: 100%;background-position: center}
#blueRibbon .blueBox.accuracy>div.off div {background-image: url(/images/home/bullseye.svg)}
#blueRibbon .blueBox.days>div.off div {background-image: url(/images/home/speed%20icon.svg)}
#blueRibbon .blueBox.results>div.off div {background-image: url(/images/home/check.svg)}
#blueRibbon .blueBox>div.on h2 {border-bottom: 2px solid #ccc;display: inline-block;padding-bottom: 1rem}
#blueRibbon .blueBox>div.on p {width: 50%;margin: 0 auto;line-height: 1.5;font-weight: 300}
#blueRibbon .blueBox>div.on div h3 {font-size: 6.5rem;text-align: center;color: #E35205;}
#homeWelcome {width: 100%;float: left;}
#homeWelcome h1 {font-size: 1.25rem;margin-bottom: 1.1em}
#homeWelcome #content {float: right;min-height: 0;position: inherit}
#homeBoxes span {text-align: center;color: #fff}
#homeBoxes span:after {content: '';display: block;padding-top: 79%;}
#homeWelcome #homeBoxes p {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;font-size: 1.25rem;line-height: 1.25}
#homeTeam {background-color:#ECF1F4;width: 100%;float: left;}
#homeTeam>div>div {width: 100%;float:left}
.teamMem {background-size: cover; color: #fff; position: relative}
.teamMem:hover, .teamMem:active {color: #fff;}
.teamMem:after {content: '';display: block;padding-top: 100%}
a.teamMem * {color: #fff;
    -webkit-transition: all 0ms ease;
    transition: all 0ms ease;
    }
a.teamMem div {position: absolute;bottom: 0;color: #fff;text-align: left;padding-left: 1em;background-color: rgba(117,120,123,.5);width: 100%;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    }
.teamMem:hover div {background-color: rgba(117,120,123,1)}
.teamMem h2 {color: #fff;margin-bottom: .25rem;padding-top: .75rem;text-shadow: 0 2px 4px rgba(0,0,0,0.50);text-transform: uppercase;line-height: 1;font-weight: 700;font-size: 1.5rem}
.teamMem p {color: #fff;text-shadow: 0 2px 4px rgba(0,0,0,0.50);line-height: 1.4}
.teamMem:hover div h2, .teamMem:hover div p, .teamMem:active div h2, .teamMem:active div p {color: #fff;}
#homeTeam h1 {display: block;text-transform: uppercase;font-size: 1.875rem;color:#6CACE4;;max-width: 28rem;margin: 0 auto 3rem;line-height: 1;font-weight: 500;letter-spacing: 1px}
#homeTeam h1 span {display: block;text-transform: capitalize;font-size: 1.25rem;color: #75787B;font-weight: 400;margin-bottom:.9em;font-weight: 400}


/* Interior */
#intFooter {width: 100%;float: left;background-color: #6CACE4;text-align: center;}
#intFooter h1 {color: #fff;max-width: 17em;margin: 0 auto;padding-bottom: 1em;line-height: 1.4}

/* Staff Page */
#staffMain>h2 {color: #75787B}
#staffMain {margin-top: 3em}
.staffCats {margin-bottom: 2em;display: block;width: 100%;float: left}

/* Bio page */
#bioHeader {width: 100%;float: left;padding-bottom: 40%;background-size: cover;background-position: center}
#bioHeader + .wrap {float: left; padding-top: 2em;}
#bioFooter {text-align: center;padding:3em 1em 4em;background-color: #6CACE4 ;color: #fff; float: left; width: 100%;}
#bioFooter blockquote {max-width: 35em;margin: 0 auto 1em;font-size: 1.25rem;font-style: italic}
#bioFooter footer {font-size: .875rem}

.bioContact {width: 100%;border-top: 1px solid #ECF1F4;border-bottom: 1px solid #ECF1F4;display: block;float: left;margin-bottom: 1.5rem; padding:.5em 0}
.bioContact p {float: left;display: inline;margin: .2em 0 0 0;}
.bioContact p span {color: #E35205}
.bioContact p span+span {margin-left: 1em}
.bioContact div {float: right}
.bioContact div a {background-color: #6CACE4;border-radius: 50%;width: 2em;height: 2em;display: inline-block;text-align: center;margin-left: .8em;}
.bioContact div a:hover {background-color: #E35205}
.bioContact div a i {color: #fff;vertical-align: middle;position: relative;top: 3px}
#staffBioPage h1 {margin-bottom: .5rem}
#staffBioPage .staffTitle {font-size: 1.125rem; margin-bottom: 1.2rem}
//#bioClients>*, #bioClients a {position: relative;display: inline-block;vertical-align: middle;}
#bioClients a:hover {-webkit-filter: none;filter:none; opacity: 1}
.bioFacts {background-color: #ECF1F4;padding: 2em}
.bioFacts span {color: #75787B;}

/* Clients */
.landing #content {max-width: 100%; width: 100%; min-height: 0; padding: 0 0 4em}
.landing .clients, .landing .fullStack {background: #fff}
.clients-list>li, .home .clients-list>li {padding-left: 0!important; text-indent: 0!important;}
.clients-list>li:before, .home .clients-list>li:before{content: none!important;}
.landing .fullStack .clients-list li>div, .landing .clients .clients-list li a, .landing .fullStack .clients-list li a,  .home .clients-list li a {background: #fff; text-align: center; padding:4.5em 1em; display: block }
/* .landing .clients .clients-list li>div, .home .clients-list li>div  {padding: 1.2em 0;} */
/* .landing .clients .clients-list li .front, .home .clients-list li .front, .landing .fullStack .clients-list li .front {position: relative} */
.landing .clients .clients-list li .front .company-logo, .home .clients-list li .front .company-logo, .landing .fullStack .clients-list li .front .company-logo  {position: relative; margin-bottom: 1em; padding-bottom: 30%;}
.landing .clients .clients-list li .front .company-logo img, .home .clients-list li .front .company-logo img, .landing .fullStack .clients-list li .front .company-logo img {position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height:auto; width:auto; max-height: 90%; max-width:90%}
.landing .clients .clients-list li .front h2, .home .clients-list li .front h2, .landing .fullStack .clients-list li .front h2  {font-size: 1.25em}
.landing .clients .clients-list li .front p, .home .clients-list li .front p  {line-height: 120%;position: absolute;}
.landing .clients .clients-list li .front p span, .home .clients-list li .front p span  {font-weight: 600; display: block}
.landing #associated-team-members {background: #ECF1F4; padding: 3em 1em; text-align: center; width: 100%; float: left; clear:both}
.landing #associated-team-members .team-members li > a {display: block}
.landing #associated-team-members .team-members .member-image {margin-bottom: 1em}
.landing #associated-team-members .team-members h3 {font-size: 1.25em; margin-bottom: 0; font-family: "aktiv-grotesk",sans-serif;}
.landing #associated-team-members .team-members p {font-style: italic; margin: 0; font-size: 0.875em; color: #75787B}
.landing #associated-team-members .contact{margin-top:1em;text-align: center; margin-left: auto; margin-right: auto;float: left; width: 100%}
.landing #associated-team-members .contact a {background-color: #6CACE4; border-radius: 50%; width: 2em; height: 2em; line-height: 2em; display: inline-block; text-align: center;}
.landing #associated-team-members .contact a+a {margin-left: 0.25em}
.landing #associated-team-members .contact a i {color: #fff}
.landing #associated-team-members .contact a:hover {background: #E35205}
.landing #associated-team-members .member-image {display: block; padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: cover}

.teamWrap .teamMem {width: 100%}
.teamWrap .contact {margin-left: auto; margin-right: auto}

/* ABOUT ------------------------------ */
.grid .col33{}
.grid section.col33 h2 {font-size:1.25em; color:#fff}
.grid section.col33  {color: #fff; border-radius: 3px}
.grid .col33:nth-child(odd){}

/* FOOTER ------------------------------ */
body>footer{color:#dadada;font-size:.9em;background-color: #75787B; font-weight: 400}
body>footer>.wrap{overflow:visible}
body>footer h2 {text-transform: uppercase;color: #fff;font-size: 1.25rem;;letter-spacing: .15em;font-weight: 500}
body>footer i {color: #fff}
body>footer .fatFooter a{color:#fff;font-size: .875rem}
body>footer .wrap a, body>footer .wrap div {color:#ACAEB0;font-size: 0.75rem; font-weight: 300}
body>footer address {color: #ACAEB0;font-size: .875rem}
body>footer nav a {text-transform: capitalize;}
body>footer nav a:hover, body>footer address a:hover {color: #9ACCF8}
body>footer address span {color: #9ACCF8}
body>footer .fatFooter nav a:after {content: '\203A';position: relative;left: 4px;top: -1px}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}

.fatFooter>nav>ul ul li{padding-left: 1rem}

body>footer nav{display:inline;margin-top: 2.5em}
body>footer>div{min-height:18px}
#drive {display: block}
body>footer #social a {margin-right: 1.75em}
body>footer #social a i {font-size: 1.65rem;color: #ACAEB0}
body>footer #social a:hover i {color: #9ACCF8}
body>footer #social a svg {fill: #ACAEB0; height: 1.65rem; width:1.65rem;}
body>footer #social a:hover svg {fill: #9ACCF8;}

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

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

/* page header */
.pageHeader {background-position: center; background-repeat: no-repeat; background-size: contain; height:auto; margin-bottom:6em; padding-top: 25.7%; width:100%;}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000;padding-left: 1rem;padding-right: 1rem}
#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;}

/* Product Management */
.projectManagement {padding-top: 2em;}
.projectManagement .pageHeader {padding-top: 0}
.projectManagement .pageHeader img {width: 100%;height: auto}
.content .graphicTitle {color: #75787B; font-size: 2.25em; margin-bottom: 2em; text-align: center;}

.staff section .wrap {padding: 4em 5%; position: relative;}
.staff section:nth-child(odd) {background-color:#ECF1F4;}
.staff img {float: right; height: 345px; margin-left: 2em; width: 345px;}
.staff h1 {color: #6CACE4; font-size: 1.875em; margin-bottom: .25em;}
.staff h2 {color:#75787B; font-size: 1em; margin-bottom: 1em;}
.staff p {max-width: 50%;}
.staff .button {text-transform: capitalize;}

/* 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}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger, #navContainer, .featuredBox:hover p{-webkit-transition: all 200ms ease;transition: all 200ms ease}
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;transition: background-color 150ms ease} 
 .featuredBox:hover p{-webkit-transition: all 500ms ease 200ms;transition: all 500ms ease 200ms}
 .featuredBox:after, .blueBox{-webkit-transition: all 200ms ease;transition: all 200ms ease}
 .featuredBox:hover:after, .blueBox:hover{-webkit-transition: 0s;transition: 0s}

/* Shutter Out Vertical */
.button,button,input[type="button"],input[type="submit"],input[type="reset"],input[type="button"],input[type="submit"],input[type="reset"]  {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #E35205;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  ;
}
.button:before,.button:active:before,button:before,input[type="button"]:before,input[type="submit"]:before,input[type="reset"]:before,.button:before,.button:before,input[type="button"]:before,input[type="submit"]:before,input[type="reset"]:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1C81C0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button:hover,.button:focus,.button:active, button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus {
  color: #fff;
}
.button:hover:before, .button:focus:before, .button:active:before,button:hover:before,input[type="button"]:hover:before,input[type="submit"]:hover:before,input[type="reset"]:hover:before,input[type="button"]:focus:before,input[type="submit"]:focus:before,input[type="reset"]:focus:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

input[type="submit"]:hover,input[type="reset"]:hover {background-color:#1C81C0 }

/* 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; }

@import url(/includes/css/grid-flex.css);




/* COOKIEBOT PLUGIN OVERRIDES ------------------------------ */

:root {
	--cookiebot-primary-color: #E35205; /* button background */
	--cookiebot-secondary-color: #000; /* tabs, text links */
	--cookiebot-accent-color: #6CACE4; /* button hovers, slider toggles */	
}

#CybotCookiebotDialog {
    border-radius: 0 !important;
    box-shadow: 0 0 0 1000em rgba(0,0,0,0.5) !important;
}

/* buttons */
#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background: var(--cookiebot-primary-color) !important;
    border-color: var(--cookiebot-primary-color) !important;
    border-width: 1px !important;
    color: #fff !important;
    opacity: 1 !important;
}

/* button hovers */
#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:is(:hover, :focus-visible),
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-change:is(:hover, :focus-visible) {
    background: var(--cookiebot-accent-color) !important;
    border-color: var(--cookiebot-accent-color) !important;
    color:#fff !important;
    opacity: 1 !important;
}

/* slider toggles */
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background: var(--cookiebot-accent-color) !important;
}

/* link color */
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a, 
#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover, 
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, 
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover, 
#CookiebotWidget #CookiebotWidget-widgetContent .CookiebotWidget-consent-details button,
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    color: var(--cookiebot-secondary-color) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a::after {
    border-color: currentColor !important;
}

/* link arrows */
#CybotCookiebotDialog a:hover::after, 
#CybotCookiebotDialog a:hover::before, 
#CybotCookiebotDialog button:hover::after, 
#CybotCookiebotDialog button:hover::before {
    border-color: var(--cookiebot-primary-color) !important;
}

/* tabs */
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-color: var(--cookiebot-primary-color) !important;
    color: var(--cookiebot-secondary-color) !important;
}

/* Consent Box ---- */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: var(--cookiebot-secondary-color) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
    border: 0 !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button:is(:hover, :focus-visible) svg path {
	fill: var(--cookiebot-primary-color);
}
#CookiebotWidget .CookiebotWidget-show-consent-details:before {
	display: none;
}

/* close "X" */
#CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close:is(:hover, :focus-visible) svg path {
	fill: #fff;
}

/* withdraw button */
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: var(--cookiebot-secondary-color) !important;
}
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:is(:hover, :focus-visible) {
    border-color: var(--cookiebot-accent-color) !important;
    color: #fff !important;
    opacity: 1 !important;
}