@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:#fff}
#skipNavigation{background:#fff;color:var(--dark);padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap{width:100%;max-width:64.06rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}
body.interior.news .wrap {max-width: 64.06rem;  display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;}
body.interior.news #content {-ms-flex-order: 2;-webkit-box-ordinal-group: 3;order: 2;}
.home .wrap{overflow: visible}
.wrap.sub {max-width: 54.38em;}

/* text */
body, .text, input, button, select, textarea, .selectCustom ul li, .cc-window span {font-family: "Work Sans",sans-serif;line-height:1.25;color:#666;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.text{font-size: 1rem}
a, a *{color:#4d4d4f;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#D7282F}
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, a + h3 {margin-top:1.2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt, h3 a,  h2 a{color:#d7282f}
h3 a:hover, h2 a:hover {color: #4d4d4f}
em, i, q, cite, .italic{font-style:italic}
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}
p{font-size:1em;color: #4D4D4F;font-weight: 300;letter-spacing: .02em;line-height: 1.25}
h1{font-size:1.5rem;font-weight: 300;color: #4D4D4F;text-transform: uppercase;letter-spacing: .1em;margin-bottom: 1.5em;line-height: 1.7}

h2 {font-size:1.25rem; font-weight: 700;letter-spacing: .06em;}
h3 {font-size:1rem; font-weight: 700;}
h3.colB {font-weight: 0.88em;}
h4, th{font-size:0.75rem;font-weight: 700;}
h4.bolB, th{font-size:0.75rem;font-weight: 700;}
h5 {font-size:1.1em}
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}
p.intro {font-size: 1.25em;line-height: 1.333;margin-bottom: 1em;}
p.intro.red {font-size: 1.5em;line-height: 1.333;margin-bottom: 1em;}
p.col {font-size: 0.875em;line-height: 1.286;}



/* HEADER ------------------------------*/
.cc-banner.cc-top {position: fixed;top: 0;background-color: rgba(135,137,140,.93) !important;color: #fff;padding-top: 2.85em!important;padding-bottom: 1.2em!important}
.cc-window span {color: #fff;font-weight: 700;max-width: 70rem;margin: 0 auto;padding: 0}
.cc-banner .cc-btn:last-child {min-width: 62px !important}

.cc-btn.cc-dismiss {}
.cc-btn.cc-dismiss:before {content: '';background-image: url(/images/close_btn.png);display: block;width:1em;height: 1em;background-size: contain;}
.cc-btn.cc-dismiss:hover {background: none!important;}
.cc-btn.cc-dismiss:hover:before {opacity: .5}
.cc-message a.cc-link {color: #fff!important;opacity: 1;}
.cc-message a.cc-link:hover {color: #d7282f!important}

body.management>header{top: 2.13em;}
body.home>header { background: #FFF; }
body>header{background-color: transparent;-webkit-transition: ease all .5s;transition: ease all .5s;top: 0;-webkit-box-shadow: 0px -8px 12px 5px rgba(0,0,0,0);box-shadow: 0px -8px 12px 5px rgba(0,0,0,0);}
body.stick>header{background-color: #fff;-webkit-box-shadow: 0px -8px 12px 5px rgba(0,0,0,0.25);box-shadow: 0px -8px 12px 5px rgba(0,0,0,0.25);}
body>header>.wrap{height:100%;overflow: visible;}
#brand{width: 12.5rem;line-height: 0;display:block;background-image: url(/images/CD_Logo_Color-R.svg);background-size: contain;background-repeat: no-repeat;background-position: center;}
#brand img {height: 2rem; width: 12.5rem;opacity: 0; }
body.red.stick #brand img {opacity: 1}
body.red #mobilenav span {background-image: url(/images/HamburgerWhite.png);-webkit-transition: ease all .5s;transition: ease all .5s;background-repeat: no-repeat;background-position: center;background-size: 100%;}
body.red #mobilenav span img {opacity: 0;}

body.red #mobilenav span {color: #fff;}
body.red.stick #mobilenav span {color: #D7282F;}
body.red #brand {background-image: url(/images/CD_Logo_White-R.svg);-webkit-transition: ease all .5s;transition: ease all .5s;opacity: 1}
body.red.stick #mobilenav span img {opacity: 1}

/* NAV ------------------------------ */
body>header:before{content: "";opacity: 0; z-index: 3;background-color: var(--dark);display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;-webkit-transition:left 0ms ease 200ms, opacity 200ms ease;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>header:before{left:0;opacity: .5;-webkit-transition:left 0ms ease 0ms, opacity 200ms ease;transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;right:-100%;top:0;width: 20em;background-color:#fff;z-index:10;-webkit-transition: right 200ms ease;transition: right 200ms ease;padding: 5em 1em;}
.slideNav #navContainer{right: 0;overflow: scroll;}
body.management #navContainer {top: 34px;}
body>header #navContainer{height: 100%;}
#navContainer nav{display: inline}
#navContainer nav>ul>li>ul {margin-bottom: .35em;}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li.on>ul{display: block;}
#navContainer ul ul {display: none}
#navContainer li{display:block;float: left;width: 100%; position: relative}
#navContainer a {color:#4d4d4f;line-height:3.2em;display:block;float: left;width: 100%;font-weight: 800;font-size: 0.75em;text-transform: uppercase;letter-spacing: .1em}
#navContainer .menu {position: absolute;top: 1.63rem;right: 2.65rem}
#navContainer .menu img {width: 15px;height: 15px;}
#navContainer a:hover,
#navContainer .menu:hover,
#navContainer li.on a,
#navContainer li.open a,
#navContainer li.on a:hover{color: #D7282F}
#navContainer li.on li a {color: #4d4d4f}
#navContainer li.on > ul > li.on > a {color: #D7282F}
#navContainer li>span{color: var(--dark); -webkit-transition: ease all 200ms; transition: ease all 200ms; cursor: pointer; background-color:#f2f2f2; border-radius: 50%; display: block;position: absolute;right: .25rem;top: .35em;line-height: 1.75em;width:1.75em;height: 1.75em;}
#navContainer li li>span{font-size: 0.8em;  right: 0.5rem;}
#navContainer li>span:before{content: ""; -webkit-transition: ease all 200ms; transition: ease all 200ms; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 0; height: 0; border-style: solid; border-width:0.63em 0.31em 0 0.31em; border-color: #4d4d4f transparent transparent }
#navContainer li.open > span:before {-webkit-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);}
     #navContainer li>span:hover,
     #navContainer li.on>span,
     #navContainer li.open>span {background: #D7282F}
     #navContainer li>span:hover:before,
     #navContainer li.on>span:before,
     #navContainer li.open>span:before {border-color: #fff transparent transparent }

/*
#navContainer li.open > span:after {transform: translate(-50%, -50%) rotate(90deg);}
#navContainer li > span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
#navContainer li>span:hover,
#navContainer li.on>span,
#navContainer li.open>span {background: #D7282F}
     #navContainer li>span:hover:before,
     #navContainer li>span:hover:after,
     #navContainer li.on>span:before,
     #navContainer li.on>span:after,
     #navContainer li.open>span:before,
     #navContainer li.open>span:after {background: #fff}
*/
#navContainer ul ul {font-size: .9em;}
#navContainer ul ul a {padding: 0.75em 2rem 0.75em 1.6rem;line-height: 1.25em;}
#navContainer ul ul ul a {padding: 0.75em 2rem 0.75em 2.75rem}
#navContainer a:hover {color: #D7282F}
#navContainer #mainnav>ul>li:last-child a {color: #9b9c9f}
#navContainer #mainnav>ul>li.on:last-child a,
#navContainer #mainnav>ul>li:last-child a:hover {color: #D7282F}
#ancillary a {color: #9b9c9f}

.management #mobilenav {top: 2.5em;}
#mobilenav{position: fixed;top: 3px; right: 2.65rem; text-align: center; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center;z-index: 2;}
#mobilenav a, #mobilenav span{color: #D7282F;line-height: 2em;font-size: 1.75em; -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;}
#mobilenav span img {width: 19px;height:auto;pointer-events: none;}
#mobilenav span i {pointer-events: none;}

.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 3px;top:3px;z-index:2;opacity: 0;background: black;}
.hamburger:before {content: '\f0c9';font-family: fontawesome;color:#69c;font-size: 1.75em;top: 50%;right: 50%;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);position: absolute;}
.hamburger.on{opacity: .3}

/* header search */
#navContainer .search {position: relative; margin-top: 0.5em; clear: both; width: 35px; -webkit-transition: ease all 250ms; transition: ease all 250ms; float: left}
#navContainer .search.active {width:100%}
#navContainer .search input {float: left; width: 0; padding: 0; height: 35px; -webkit-transition: ease all 200ms; transition: ease all 200ms; -webkit-box-shadow: none; box-shadow: none; border:0; background: #f2f2f2}
#navContainer .search.active input {width: calc(100% - 35px); padding: 0 1em}
#navContainer .search button {position: relative; float: left; position: relative; z-index: 1; width: 35px; height: 35px; font-size: 1em; padding: 0; background: url(/images/search-on.svg) no-repeat center / 1.5em auto}
#navContainer .search button:after {display: none}
#navContainer .search.active button {z-index: 2}
#navContainer .search.active button:hover {opacity: 0.95; -webkit-filter: grayscale(1); filter: grayscale(1)}
#navContainer .search .trigger {display: block; cursor: pointer; position: absolute; z-index: 2; width: 35px; height: 35px; top:0; right:0; padding: 0; background: url(/images/search.svg) no-repeat center / 1.5em auto #fff; -webkit-transition: ease all 200ms; transition: ease all 200ms;}
#navContainer .search.active .trigger {opacity: 0; pointer-events: none; z-index: 1}


#content .search input,
#content .search button {border: 0; -webkit-box-shadow: none; box-shadow: none; line-height: 40px}
#content .search input {padding: 0 1em}
#content .search button {padding: 0 3em 0 1.5em;}

.home .swooshSec .box {position: relative;padding-bottom:2em;}
.home .swooshSec .box .button {position: absolute;bottom: 0;left: 0;min-width: 14.69rem;}

/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3em}
.contentEditor{background:#fff;min-width:100%;}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0;height: 100%}
#sidenav a {font-size: 0.69rem;display: block;position: relative;text-transform: uppercase;font-weight: 700;padding: .4em 0;letter-spacing: .1em;}
#sidenav>a {padding: .7em 0}
#sidenav>a:before {content: '';background-image: url(/images/arrow.png);height: .5rem;width: .5rem;display: inline-block;background-size: contain;background-position: center;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg)}
#sidenav>a {text-align:right;border-top: 1px solid #9b9c9f;border-bottom: 1px solid #9b9c9f;}
#sidenav nav>ul{padding: 0.38rem 0;margin: 0;border-top: 1px solid #9b9c9f;border-bottom: 1px solid #9b9c9f;margin-top: 0.75em;margin-bottom: 0;}
#sidenav ul ul {margin: 0;}
#sidenav li{padding-left: 0;text-indent: 0;position: relative;}
#sidenav li:before {display: none;}
#sidenav li a:after {content: '';background-image: url(/images/arrow.png);height: .5rem;width: .5rem;display: inline-block;background-size: contain;background-position: center;position: absolute;right: 0;top: 0.5em;}
#sidenav li a{line-height:1.4;padding-right: 1em;}
#sidenav li a:hover, #sidenav li a:active{color: #D7282F}
#sidenav li.on>a{color:#5f6166}
#sidenav li.on:hover>a{color:#D7282F}
/* t2 */
#sidenav li.on ul{border-top:1px solid rgba(0,0,0,.15)}
#sidenav li.on ul li{border-bottom:1px solid rgba(0,0,0,.15)}
#sidenav ul ul li a{color:#aeafb2}
#sidenav li ul li a:hover, #sidenav li ul li a:active{color:var(--dark);background:#b3b3b3}
#sidenav li ul li.on>a{color:var(--dark); background:#ccc;}
/* 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:1rem;font-size:.8em;color:#666}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#f5f5f5}
#sidenav li ul li ul li.on>a{color:var(--dark); background:#e5e5e5;}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:1.5rem;font-size:.7em;color:#666}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#fff}
#sidenav li ul li ul li ul li.on>a{color:var(--dark); background:#f5f5f5;}
/*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 */
.interior main>.wrap #content {padding: 0 1em;}
#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:#FFC;padding:1em;margin:1em 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)}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em;text-indent: -1em}
.content ul li:before{content: "\25B8";display: inline-block;width: 1.5em;margin-left: -1.5em; text-align: center;text-indent:0}
.content ul.slick-dots li:before {display: none;}
.content ul.slick-dots li:before {display: none;}
.content ul li ul li:before{opacity: .5}

/* Lists */
.privateStrat p + ul {margin-top: -.5em;}
.privateStrat ul li {color: #5f6166;text-indent: 1em;font-weight: 300;}
.content .dots ul li,
.job-opportunity #content ul li {color: #5f6166;font-weight: 300;padding-left: .9em;padding-top: .5em;font-size: 0.88em;text-indent: -1.3rem;}
.job-opportunity #content ul {padding-left: 1.25em}
.job-opportunity #content h2+ul {margin-top: -0.5em}
.job-opportunity #content ul+h2 {margin-top: 1.2em}
.job-opportunity #content ul li {font-size: 1em;text-indent: -1.5rem; line-height: 1.25em}
.content .dots.alt ul li {text-indent: 0;}
.privateStrat ul li:before {content: '\2022';/*margin-right: .65em*/}
.content .dots ul li:before,
.job-opportunity #content ul li:before {content: '\2022';/*margin-right: .5em*/}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-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}

/* forms */
input, button, select{font-size:.9rem;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"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: .9rem}
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;-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2);box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2)}
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:rgba(358,81,84,.1)}
textarea{display:block;font-size: .9rem;background-color: #fff;-webkit-box-shadow: none;box-shadow: none;}
@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-right: 18px}
	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"]{background:#f2f2f2;color:#5f6166;border:0;padding:1em 3em 1em 1.5em;line-height:1em;cursor:pointer;font-weight: 700;text-transform: uppercase;/*font-size: 0.75rem;*/;font-size: 0.84em; position: relative;letter-spacing: .1em;}
button:after,.button:after,input[type="button"]:after, input[type="submit"]:after, input[type="reset"]:after {content: '';position: absolute;top: 1rem;right: 0.63rem;background-image: url(/images/arrow.png);width: 0.56rem;height: 0.56rem;background-size: contain;}

button:hover:after,.button:hover:after,input[type="button"]:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, .btnCir:hover:after {background-image: url(/images/arrowAlt.png);}

input::-moz-focus-inner {border:0;padding:0;}
button:hover,.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:#D7282F;color:#fff}
.button.alt {background-color:#D7282F;color:#fff}
.button.alt:hover {background:#f2f2f2;color:#D7282F;}
.button.alt:after {background-image: url(/images/arrowAlt.png)}
.button.alt:hover:after {background-image: url(/images/arrow.png)}

.button{display: inline-block}
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;float: none;}
.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%; }

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

/* ticker */
.ticker main {margin-top:4.81em;}
.ticker #content {min-height:0; padding-bottom: 0;}
.ticker .environmental-ribbon .asterisk {margin-bottom: 5em;}
.ticker .fatFooter {display: none;}
/* 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;float: none;}
.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}


/* ======== Homepage =========== */
.home .swooshSec.rotator h2 { min-height: 101px; }
.home .swooshSec.rotator h2, .home .swooshSec.rotator p { color: #4D4D4F; text-shadow: none; }
.home .swooshSec.rotator h2>span { color: #4D4D4F; display: block; margin: 0 0 .5rem; }

.home .swooshSec.rotator {background: #E0E0E0;float: none;min-height: 200px;padding: 5em 1em 3em;}
.home .swooshSec.rotator .text {margin: 0 auto;max-width: 100%;text-align: center;width: 50rem;}
.home .swooshSec.rotator .slick-dots {left: 50%;top: calc(100% + .5rem);transform: translateX(-50%);}
.home .swooshSec.rotator .slick-initialized .slick-slide {min-height: 200px;padding: 3em 1em 0;}
.home .swooshSec.rotator a { display: table; margin: 1.5rem auto 0; }
.home .swooshSec.rotator::after { display: none; }

.home .swooshSec.rotator .slick-initialized .slick-slide:not(#slick-slide00) {
  opacity: 0;
  animation: fader 0s linear 3s;
  animation-fill-mode: forwards;
}

@keyframes fader {
  from { opacity: 0; }
  to { opacity: 1; }
}

.home .swooshSec h1 span {font-weight: 700;color:#D7282F }
.home .swooshSec .box h2 {font-size: 1.125em; line-height: 1.277;margin-bottom: .5em;}
.homeRot {width: 100%;/*background-image: url(/images/homeRot.jpg);background-size: cover;background-position: top right;*/background-color: #747679}
.homeRot .btnCir {top: 4px;}
.homeRot div * {color: #fff}
.homeRot p {display: inline}
.homeRot .btnCir:after {}
.relatSec {background-image: url(/images/Partner3.jpg);background-size: cover;float: left;width: 100%;background-position: center}
.relatSec .left {background-color: rgba(255,255,255,.97)}
.relatSec .left * {color: #5f6166;}
.relatSec .left .flexWrap {margin-top: 2em;}
.btnExpCont.wht .btnExp {background: #fff;border: 1px solid #d2d3d4}
.btnExpCont.wht.hover .btnExp {border: 1px solid #d6282e}
.btnExpCont.wht.hover .btnExp h2 {color: #fff;}
.btnExpCont.wht.hover .btnExp {background: #d6282e;}
.btnExpCont.wht.hover .btnExp p {background: #d6282e;color: #fff;}
.btnExp {background-color: rgba(255,255,255,.1);border: 1px solid #aeb0b3;margin-bottom:1.13rem;}
.homeNews {float: left;width: 100%;text-align: center;}
.homeNews .wrap {text-align: left;margin-bottom: 1.5em;}

/* Interior Landing */
.swooshSec h1+h2{margin-top:-.5em;font-size: 1.63em;}
.privateStudies {width: 100%;clear: both;}
.privateStudies h1:before {display: none;}
.privateLeadership {width: 100%;clear: both;background-color: #ebebeb;float: left;padding: 1em;}
.cleanOpp {background: #ebebeb;float: left;width: 100%;}
.cleanPort {float: left;width: 100%}
.cleanOppTwo {background: #87898c;float: left;width: 100%}
.cleanOppTwo h1 {color: #fff}
.aboutNumb {background-size: cover;float: left;width: 100%;background-position: center;}
.aboutNumb .whtCont h1 {color: #5f6166;}
.aboutPlat {float: left;width: 100%;}
.aboutHistory {float: left;width: 100%;}
.privateStrat {float: left;width: 100%;}
.privateStrat p {font-size: 0.88rem;}
.privateStrat .right .btnLng {width: 17rem;}
.privateStrat .flexTall2 h3 {font-size: 0.88em ;text-transform: uppercase;letter-spacing: .1em;}
.privateStrat .flexTall2 .btnLng {margin-bottom: 1em;}
.privateStrat .flexTall2 .btnLng.on {background-color: #ececec;pointer-events: none;}
.privateStrat .flexTall2 .btnLng.on:before {opacity: 0}
.privateStrat .flexTall2 .btnLng.on:after {opacity: 0}
.privateStrat .right * {float: left;}
.privateStrat .right ul li {padding-left: 0;}
.privateStrat .right ul li::before {content: none; display: none;}
.privateStrat .right ul ul {margin-bottom: 1.25em; max-width: 17em;}
.privateStrat .right ul ul .btnLng {float: right; max-width: 90%; padding-bottom:.8em; padding-top: .8em;}

.privateStudies {background-position: right top;background-size: cover;}
.privateStudies .btnCir {display: inline-block;margin-left: 1rem;}
.relatSec.int {background-image: url(/images/homeRel.jpg)}
.relatSec.int .left h2 {font-size: 1.25rem;}
.relatSec.int .left {background: none;}
.relatSec.int .left * {color: #fff;}
.relatSec.int .btnExpCont h2 {color: #fff;}
.relatInv {float: left;width: 100%;}
.relatInv h2 {text-transform: uppercase;font-size: 0.88em;}
.teamTop.swooshSec {padding-bottom: 0;}
.contactTop {font-size: 1em;}
.contactTop .selectCustom {display: block;margin-right: 0;z-index: 3}
.contactTop label, .contactTop span {font-size: 0.7em;vertical-align: top;color: #D7282F;text-transform: uppercase;font-weight: 700;letter-spacing: .1em;line-height: 1.6;display: block}
.contactTop .selectCustom button {height: 1.56rem;padding-top: 0;padding-bottom: 0;width: 100%;display: block;font-size: 0.75em;margin-bottom: .5em;}
.contactTop .selectCustom button:after, .contactTop button:after {top: 7px;}
.contactTop .selectCustom:hover ul {top: 21px;}
.contactTop input {height: 1.56rem;background: #fff;-webkit-box-shadow: none;box-shadow: none;width: 100%;margin-bottom: .5em;}
.contactTop .right .right textarea {width: 100%;height: 75px;margin-bottom: 26px;}
.contactTop .right .right button:last-child {width: 12em;text-align: left}
.contactTop .selectCustom ul {padding-bottom: .25em;}
.contactTop .selectCustom ul li {padding-left: 1.25rem;}
.location {border: 1px solid #c7c7c9;padding: 1.56em;margin-bottom: 0.75rem; display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;}
.location span {font-size: 0.88em;font-weight: 700;color: #D7282F;text-transform: uppercase;}
.location strong {font-size: 0.88em; font-weight: 700;line-height: 1.3;display: block;margin: 1em 0 1em;}
.location p {font-size: .88em;line-height: 1.3}
.location img {width: 100%;-o-object-fit: cover;object-fit: cover;height:8em;}
.location a img {height: 13em;margin-top: 1.25em;}
.location .left {width: 60%;padding-right: 0;}
.location .right span {display: block;letter-spacing: .1em;}
.location .right {width: 40%;position: relative;}
.location .linkButtons {position: absolute;bottom: 5px;left: 24px;}
.location .button {margin-top: .75em; width: 100%;}

.study {float: left;margin-bottom: 1em;}
.study img {width: 100%;-o-object-fit: cover;object-fit: cover;}

.contactTop button {float:right;height: 25px;height: 25px;padding-top: 0;padding-bottom: 0;font-size: .75em;}
.contactTop textarea + button {margin-top: 17px;}
.contactSelect {width: 100%;float: left;padding: 0 1em;height: 50px;background-color: #eff0f0;}
.contactSelect .wrap {overflow: visible;height: 50px;}

.contactLoc {float: left;width: 100%;}

.NIsections .one,.NIsections .two,.NIsections .three,.NIsections .four {display: none}
.NIsections .one.on,.NIsections .two.on,.NIsections .three.on,.NIsections .four.on {display: block}

.aboutSub p {font-size: 0.88em;}
.aboutSub .left h2 {font-size: 1.13em;}
.dots,
.content .dots,
.job-opportunites #content ul {padding-left: 1em;}
.dots .dots {padding-left: 0.5em;}
.dots li:first-child,
.content .dots li:first-child {padding-top: 0;}
.content .dots .dots li:first-child {padding-top: 0.5em;}
.contactLoc + section {padding: 0 1em;}

/* Private Equity */
.PE.picQuote {float: left;width: 100%;background-size: cover;}

/* Clean Energy Portfolio list */
.porfolioList {background-color: #fff;clear: both;}
.imgBox.white a> div:last-child {background-color: #fff;}
.imgBox .staffThmb {position: relative;}
.imgBox .info:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin-top: 0;content: '';background-color: #fff;opacity: .93;z-index: -1}
.imgBox .info {border: 3px solid #e0e0e0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin-top: 0;z-index: 1;background: none;padding: 0;padding-top: 1.2rem;opacity: 0;}
.imgBox:hover .info {opacity: 1}
.imgBox .info span {font-size: 0.65rem;text-transform: uppercase;color: #d7282f;font-weight: 700;line-height: 1.6;letter-spacing: .1em;}
.imgBox .info p {font-size: 0.75rem;margin-bottom: .75em;color: #4D4D4F;}

.darkGrey {background: #87898c}
.darkGrey h1 {color: #fff}
.darkGrey p {color: #fff}
.darkGrey .box {background-color: #fff;padding: 1.8rem 2.25rem;}
.darkGrey .box p {color: #87898c;font-size: 0.88rem;line-height: 1.25rem;}

/* Careers */
.careersList {background-color: #ebebeb;clear: both;}
.careersList p {margin:-1em 0 2em}
.careersList .imgBox .staffThmb {opacity: 1; -webkit-filter: none; filter: none}
.careersList .imgBox:hover .staffThmb {opacity: 0.85; -webkit-filter: grayscale(1); filter: grayscale(1);}


/* Team */
#content > section.teamBio {padding: 1em;margin-top: 5em;}
.imgBox .staffThmb {width: 100%;display: block;background-size: cover;background-position: top center;margin-top: 0;}
.imgBox .staffThmb:after {content: '';display: block;padding-bottom: 100%}

a.imgBox img,
.imgBox .staffThmb {opacity: 0.85; -webkit-filter: grayscale(1); filter: grayscale(1)}
a.imgBox:hover img,
.imgBox:hover .staffThmb,
.imgBox a:hover .staffThmb,
div.imgBox > .staffThmb {opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0)}

/* About Us Map */
.aboutMap {}
.pins .pin div h2 {text-transform: uppercase;font-size: 0.69em;width: 100%;}
.pins .pin div h3 {font-size: 0.88em;margin-bottom: .35em;width: 100%;}
.pins .pin div p {font-size: 0.88em;width: 100%;}

/* What We Do */
.WWD.picQuote {background-image: url(/images/WWD1.jpg);background-size: cover;float: left;width: 100%;background-position: center;}
blockquote {background-color: rgba(255,255,255,.87);color: #d7282f;font-weight: 700}
.WWDplatform {width: 100%; float: left;margin-bottom: 12px;}
.redBox {width: 100%;float: left;}
.WWDservices {float: left;width: 100%;}
blockquote footer {font-size: 1rem;color: #5f6166;font-weight: 300;margin-top: 1.1em;text-indent: 0;}
blockquote footer strong {}
.tripCalls {float: left;clear: both;padding: 0 1em;width: 100%;}


.ribbon {float: left; width: 100%;}
.lgrey {background-color: #ebebeb;}
.box.lgrey {padding: 1.1em 1.28rem;}

/* Driving Directions */
#mapWrapper * {-webkit-box-shadow: none;box-shadow: none;}
#mapWrapper button:after {display: none;}
#mapWrapper input[type="submit"] {line-height: 1;height: 25px;width: 40px;padding: 0;position: relative}

/* Common Elements */
.swooshSec {width: 100%;background-image: url(/images/swoosh.svg);background-size: 100% auto;background-repeat: no-repeat;background-position: right top;}
.home .swooshSec h1:before {content: '';display: none;}
.redSwooshSec * {color: #fff;}
.pageTop h1 span {font-weight: 700;text-transform: uppercase;color: #D7282F;}
.left {float: left;}
.right {float: right;}
.greybox {background: #eaeaea;padding: 1em;width: 100%}
.whitebox {border: 1px solid #eaeaea;padding: 1em;width: 100%}
.whitebox h3 {margin-bottom: .5em}
.whitebox h3:nth-of-type(2) {margin-top: 1.75em;}
.greybox h2 {margin-bottom: 1em;}
.greybox h3 {font-size: 1rem;margin-bottom: 1.25em;margin-top: .5em}
.greybox p + h3 {margin-top: 1.5em;}

.btnLng {max-width: 100%;width: 16rem;display: block;background: #fff;color: #4d4d4f;position: relative;line-height: 1.25;padding:1.2em 2.5em 1.2em 1.4em ;font-size: 0.67rem;font-weight: 700;text-transform: uppercase;border: 1px solid #b9babc;letter-spacing: .09em;}
.partnerDesc .btnLng {width: 17rem;}
.btnGryLng {max-width: 100%;width: 13rem;display: block;background: #f2f2f2;color: #5f6166;position: relative;line-height: 1.4;padding: .72em 2em .72em .7rem;font-weight: 700;text-transform: uppercase;font-size: 0.6rem;letter-spacing: .1em;}
.btnLng:after, .arrow-link-header:after {content: '';color: #D7282F;display: block;position: absolute;right: 15px; top: 50%;font-size: .55rem;background-image: url(/images/arrow.png);width: 7px;height: 7px;background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.btnGryLng:after {content: '';color: #D7282F;display: block;position: absolute;right: 10px; top: 10px;font-size: .55rem;background-image: url(/images/arrow.png);width: 7px;height: 7px;background-size: contain;}
.btnLng:before, .arrow-link-header:before {content: '';background-color: #ebeced;border-radius: 50%;width: 20px;height: 20px;display: block;position: absolute;right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.btnGryLng:before {content: '';border-radius: 50%;width: 20px;height: 20px;display: block;position: absolute;right: 10px; top: 4px;}
.whitebox .stackBoxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;margin-bottom: 1.25em;}
.whitebox .stackBoxes .btnGryLng {width: calc(50% - 5px)}
.greybox .btnLng {margin-bottom: 1em;}
     .tripCalls .greybox .btnLng {margin-bottom: 0;}
.greybox .btnGryLng {margin-bottom: 1em;}
.whitebox .btnLng {margin-bottom: 1em;}
.whitebox .btnGryLng {margin-bottom: 10px;}

section>.wrap {overflow: visible;}
.selectBoxes {padding: 0 1em;background-color: #eff0f0;clear: both;}
.arrow-link-header {width: 17rem;max-width: 100%;line-height: 1em;margin-top: 2rem;display: block; position: relative;}
.arrow-link-header:before {background: #fff;}
.arrow-link-header:after {transition: all .2s;}
.arrow-link-header:hover:after {filter: grayscale(1);}
h1, h3 {position: relative;}
section.rotator h1:before {content: '';display: none;}
section h1:before, .whtCont h3:before, .swooshSec h1:before, .intMidCol h1:before, .interior #content>h1:first-child:before {content: '';position: absolute;height: 3px; width: 35px;display: block;background: #D7282F;top: -1rem}

.intMidCol h1.article-heading {color: #d7282f;font-size: 1.25rem;font-weight: 700;letter-spacing: .06em;line-height: 1.2;margin: 0 0 2rem;text-transform: none;}
.intMidCol h1.article-heading::before {top: -7.4375rem;}

.interior.news .subtitle {
	font-size: 1.5rem;
	font-weight: 300;
	color: #4d4d4f;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 1.0625rem 0 2.25rem;
	line-height: 1.7;
}


.interior #content>h1:first-child {margin-top: 2em;position: relative;}
.redSwooshSec h1:before {background: #fff;}
.swooshSec .wrap {overflow: visible;}
.gridRight .box {padding: 1em 1.5em;}
.block {width: 100%;margin-top: 16.875px;padding: 1em 1.25em;}

.btnExpCont {position: relative;}
.btnExp {position: relative;max-width: 100%;width: 15rem;color: #fff;display: block;padding: 1em 3em 1em .9em;font-size: 0.75em;text-transform: uppercase;font-weight: 700;letter-spacing: .1em;}
.home .btnExpCont {width: calc(50% - 9px);}
.home .btnExp {width: 100%}
.btnExp:after {content: '';color: #D7282F;display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: .55rem;right: 1rem;background-image: url(/images/arrow.png);width: 0.4rem;height: 0.4rem;background-size: contain;-webkit-transition: ease all .5s;transition: ease all .5s;background-repeat: no-repeat;background-position: center;}
.btnExp:before {content: '';background-color: #fff;border-radius: 50%;width: 1.25rem;height: 1.25rem;display: block;position: absolute;right: 0.63rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);opacity: 1}
.home .btnExpCont.hover .btnExp:before {content: ''; bottom: -30px;-webkit-transition: ease all .25s;transition: ease all .25s;opacity: 0;}
.btnExpCont.wht .btnExp:after {bottom: 0.97rem;right: 1rem;width: 0.44rem;height: 0.44rem;}
.btnExpCont.wht .btnExp:before {background-color: #ebeced;}
.btnExpCont.hover .btnExp p {z-index: 1; opacity: 1;color: #737579;background: #fff;bottom: auto;top: 100%;bottom: auto;}
.btnExpCont.hover .btnExp {background: #fff;border-color: #fff;}
.btnExpCont.hover .btnExp h2 {color: #D7282F;z-index: 1;}
.btnExp p {position: absolute;opacity: 0;display: block;margin: 0;line-height: 1.5;left: -1px;right: -1px;top: 0;bottom: -1px;z-index: -1;padding: .6em 2em 2em 1em;font-weight: 400;text-transform: none;}
.btnExp h2 {font-size: 0.72rem;margin-bottom: 0;line-height: 1.2;letter-spacing: .1em}
.btnExpCont span {position: absolute;right: -2px;top: -2px;height: 41px;width: 41px;}

.touch .btnExpCont .btnExp p:after {content: ''; display: none;}
.btnExpCont>span {z-index: -1;}
.touch .btnExpCont>span {z-index: 1;}

.touch .btnExpCont.hover .btnExp:after {content: '';-webkit-transform: rotate(90deg);transform: rotate(90deg);display: block;}
.touch .btnExpCont.hover .btnExp p {top: 2.25em;}
.btnExp.on {background-color: #fff;}
.btnExp.on:before {opacity: 0;}
/*.btnExp.on:after {opacity: 0;}*/
.btnExpCont .btnExp.on h2 {color: #d7282f;}

.lgrey h2 {font-size: 1.13em;}
.box.lgrey h2 {font-size: 1.13em;}
.box.lgrey h3 {margin: 0 0 .25em 0; color: #5f6166;font-size: 0.88em;}


@media screen and (max-width:750px) {
   .btnExpCont.hover.touch .btnExp p {padding: 0 1em 1.5em;}
}


.btnCir {background: #ebeced;width: 20px;height: 20px;border-radius: 50%;position: relative;display: block;bottom: 1.1em;}
/*.interior .btnCir {position: absolute}*/
.interior .redBox .btnCir {position: relative;bottom: 0;}
.btnCir:after {content: '';color: #D7282F;display: inline-block;position: absolute;right: 5.5px; top:6px;font-size: .55rem;background-image: url(/images/arrow.png);width: 7px;height: 7px;background-size: contain;}
.btnCir:hover {background: #D7282F;}
.btnCir:hover:after {color: #ebeced;}
p .btnCir {display: inline-block;}

.pressRelease .boxB {height: 10em;position: relative;}
.pressRelease .boxB .btnCir {position: absolute;bottom: 1em;left: 1em}
.boxB {border: 1px solid #c7c7c9;padding: 1.3em 1.35em;margin-bottom: .35em;display: inline-block;vertical-align: top;text-align: left;}
.greyCol .boxB {padding: 1em;}
.boxB h2 {text-transform: uppercase;font-size: 1rem;margin-bottom: 1.35em;}
.boxB .artDate {color: #373a40;display: block;font-size: 0.75rem;text-transform: uppercase;font-weight: 600;margin-bottom: .65em;letter-spacing: .1em}
.boxB p+.artDate {margin-top: .65em}
.boxB p {font-size: 0.75em;margin-bottom:2.1em;}
.homeNews .boxB:nth-child(4) p, .newsCols .greyCol:nth-child(4) p {font-weight: 700}
.boxB .btnCir {margin-bottom: 1em;}
.greyCol .boxB .btnCir {position: absolute;bottom: 1em;left: 1em;}
.homeNews .boxB:nth-child(4) article>p {font-weight: 700;color: #373a40;}
.boxB article header p {font-weight: 700;color: #D7282F;text-transform: uppercase;font-size: 0.75em;margin-bottom: 0;letter-spacing: .1em;}
.boxB article {margin-bottom: 1.5em;}
.boxB article a {display: block;}
.boxB article a:hover .btnCir {background: #D7282F;}
.boxB article a:hover .btnCir:after {background-image: url(/images/arrowAlt.png);}
.boxB article:last-child {margin-bottom: 0;}
.boxB article:last-child a:last-child {margin-bottom: 0;}
.sideCol {text-align: center;margin-bottom: 2em;margin-left: 2em;}
.sideCol img {width: 100%;}
.sideCol h3 {font-size: 2.25em; font-weight: 700;margin-bottom: .2em;}
.sideCol span {font-size:0.88em;}
.greyCol {background-color: #eaeaea;padding: 1.25em;text-align: center;}
.greyCol h3 {text-transform: uppercase;font-size: 0.88rem;font-weight: 700;margin-bottom: 1.2rem;text-align: left;letter-spacing: .1em;}
.greyCol .boxB {width: 100%;background: #fff;position: relative;padding-bottom: 0;text-align: left;}
.boxB header {margin-bottom: .5rem;}
/*.greyCol .boxB .btnCir {position: absolute;bottom: 15px;left: 11px;}*/
.greyCol .boxB .btnCir {margin-bottom: 0;}
.greyCol>.button.alt {margin: 2em auto 1em;}
.greyCol .boxB:nth-child(1n + 2) {margin-top: .35em;}
.darkGreyBox {background-color: #87898c;padding: 2em;}
.darkGreyBox h2 {color: #fff;font-size: 1.13em;margin-bottom: .6rem;}
.darkGreyBox p {color: #fff;}
.darkGreyBox .whtBox {position: relative;width: 13%;background: #fff;text-align: center;}
.darkGreyBox .whtBox div {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: .75em .25em;}
.darkGreyBox .whtBox div img {max-height: 50px;width: auto;}
.darkGreyBox .whtBox span {color:#D7282F;font-size: 0.88em;font-weight: 700;}

.statBox {display: inline-block;vertical-align: top;width: 49%;}
.statBox h2 {font-weight: 700;color: #D7282F;margin-bottom: 0;}
.statBox p {}
.whtCont {background: rgba(255,255,255,.9)}
.whtCont h1 {font-size: 1.5em;color: #9b9c9f;font-weight: 300;text-transform: uppercase;margin-bottom: .9em;}

.redBox {width: 100%;padding: 2rem 2em 1em;background: #D7282F}
.redBox h2 {font-size: 1.13em;}
.redBox * {color: #fff;}

.tripCalls h2 {font-size: 1.13em;margin-bottom: 0.5rem;letter-spacing: .04em}
.redBox2 {background-color: #d7282f}
.redBox2 h2,
.redBox2 p,
.darkGreyBox2 h2,
.darkGreyBox2 p {color:#fff}
.redBox2 a,
.darkGreyBox2 a {border: 0}
.darkGreyBox2 {background:#87898c}
.tripCalls .greybox  {}
.tripCalls .btnCir {bottom: -.25em;margin-left: .5em;position: absolute;}
.tripCalls span {position: relative;display: inline-block;}
.tripCalls ul {margin: 0}
.content .tripCalls ul li {padding-top: 4px;}
.greybox p, .darkGreyBox2 p, .redBox2 p {font-size: 0.88rem;line-height: 1.25rem;}
.grey.box {float: left;background: #f0f1f1;margin-bottom: 10px;position: relative}
.grey.box:after {content: '';padding-bottom: 100%;display: block;}
.grey.box div {position: absolute;width: 100%;height: 100%;;padding: 1.25em 1.25em;}
.grey.box h2 {font-size: 2em;color: #D7282F;font-weight: 700;margin-bottom: .25em;}
.grey.box p {font-size:0.85em;}
.fourBox .box:nth-child(4n + 2),.fourBox .box:nth-child(4n + 3),.fourBox .box:nth-child(4n + 4) {margin-left: 0.63em;}


.infoBox {display: inline-block;vertical-align: top;padding: 0 1em 3em 0;position: relative;margin-bottom: 1em;}
.infoBox p {font-size: 0.88rem;}
.infoBox h2 {font-size: 1rem;margin-bottom: .55em}
.infoBox .button {position: absolute;bottom: 0;left: 0;}

.imgBox div {background: #EBEBEB; margin-top: .75rem; min-height: 5.5em; padding: .5em; text-align: center;
}
.imgBox img {width: 100%; height: auto;}
.imgBox div h2, .teamPageList .imgBox.grey div span,.imgBox.white a>div:last-child span, .imgBox.white .staffThmb + div span  {color: #D7282F;font-size: 0.88em;font-weight: 700;margin-bottom: .5em;}
.imgBox div p {margin: 0;font-size: 0.75em;width: 100%;}
.imgBox.white:hover .staffThmb + div p {color: #D7282F}
.imgBox.grey div {background-color: #f0f1f1}

.button.alt.back {line-height: 1;text-align: right;padding:1.35em .75rem;display: block;}
.button.alt.back:after {content: '';
position: absolute;
top: 21px;
left: 10px;
background-image: url(/images/arrowAlt.png);
width: 9px;
height: 9px;
background-size: contain;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.gridRight .grey.box div {text-align: left}
.gridRight img {max-width: 100%;height: auto;}
.gridRight .grey.box:after {display: none;}
.gridRight .grey.box div {position: relative;padding: 0;}
.gridRight a {color: #d7282f;font-weight: 700;}
.gridRight span {display: block;font-weight: 300;}
.gridRight .button.alt {width:100%;line-height: 2.5}
.gridRight .button.alt:after {top: 22px}
.gridCenter time {font-weight: 700;color: #373a40;font-size: 0.88em;margin-bottom: .5em;display: block;}
.gridCenter h2 {font-size: 1em;}

.imgArticleSec {clear: both;padding: 0 1em;float: left;width: 100%;}
/* Interior Press Release/Generic */
.interior.news main .content {display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;}
/*
.intRightCol {order: 1;max-width: 13.75em;}
.intRightCol img {max-width: 100%;object-fit: contain;}
*/
.button.alt.back {}
.interior.news main {padding: 0 1em;}
.intRightCol .button {width: 100%}

/* Select Custom */
.selectBoxes .wrap {overflow: visible}
.selectCustom {display: inline-block; margin-right: 10px; z-index: 2; position: relative;}
.selectCustom button {position: relative;top: 0;height: 50px;min-width: 13.47rem; background-color: #D7282F; color: #fff; border-radius: 0;text-align: left;font-size: 0.75rem;}

.selectCustom button:after {top: 20px;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: ease all .5s;transition: ease all .5s;right: 13px;background-image: url(/images/arrowAlt.png)}
.selectCustom:hover button:after {-webkit-transform: rotate(-90deg);transform: rotate(-90deg)}
.selectCustom > ul { position: absolute; z-index: -1; height: auto; margin: 0; width: 100%; opacity: 0; top: -2000vh; -webkit-transition: ease 200ms opacity 0.15s; transition: ease 200ms opacity 0.15s;}
.selectCustom ul li {float: left; position: relative;line-height: 1.2rem; padding: .5rem .5rem .5rem 0; padding-left: 1rem; list-style: none; color: #fff;width: 100%;clear: both;cursor: pointer;font-weight: 700;font-size: .75rem;text-transform: uppercase;letter-spacing: .1em;background: #D7282F}
.selectCustom ul li:hover {background: #fff;color: #D7282F}
.selectCustom ul li:before {content: '';margin-left: -.4em}
.selectCustom:hover ul { z-index: 1; opacity: 1; top: 50px;}
.teamTop + div .selectCustom > ul, .newsTop + div .selectCustom > ul { padding: .5em 0;background-color:#D7282F} /* <- landing page padding */

/* Tier 2 */
.selectCustom ul li:hover ul li {background: #fff;color:#D7282F}
.selectCustom ul li ul li:last-child {padding-bottom: 0;}
.selectCustom > ul li ul li:hover {color: #4D4D4F;}
#sidenav .selectCustom > ul ul{padding: 0;margin: 0;left: 0;position: relative;top: auto;}
#sidenav .selectCustom > ul ul li{padding: 1em 0 0 1em;font-size: .75rem;min-height: 30px;}


/* back button on side nav */
.teamBio #sidenav> .button.alt.back, .news #sidenav> .button.alt.back {height: 50px;padding:1.75em .7em 1.1em 1.5em;margin-bottom: 1em;border: none;}
.teamBio #sidenav> .button.alt.back:after, .news #sidenav> .button.alt.back:after {;opacity: 1}
.teamBio #sidenav> .button.alt.back:hover:after, .news #sidenav> .button.alt.back:hover:after {top: 20px;opacity: 0}
.teamBio #sidenav> .button.alt.back:before, .news #sidenav> .button.alt.back:before {left: 11px;}
.teamBio #strategyButton, .news button {max-width: 100%;min-width: 0;width: 100%;line-height: 1.2rem;height: 50px;padding: 0 3em 0 1.5em;font-size: 0.69rem;}

/* tweaks to side nav specific */
.teamBio .selectCustom, .news .selectCustom {max-width: 100%;min-width: 0;width: 100%;height: 100%;}
.teamBio #sidenav .selectCustom > ul,
.news #sidenav .selectCustom > ul {margin-top: 0;border-top: none;padding: 0;border-bottom: none;overflow: visible;height: 100%;}
.news #sidenav .selectCustom > ul {overflow: hidden}
#sidenav .selectCustom > ul li {padding:1em 2em 1.1em 1.5em;min-height: 40px;line-height: 1.3;}


/* Clean Energy */
.redSwooshSec {float: left;width: 100%;background-color: #d6282e;background-image:url(/images/swooshRed.svg);background-size: 100% auto;background-repeat: no-repeat;background-position: right top;}

/* Communities list / Img list */
.imgItem {width: 100%;float: left;position: relative}
.imgItem h3 {font-size: 1.13em;}
.imgItem p {font-size: 0.88em;}
.imgItem>div:first-child img {-o-object-fit: cover;object-fit: cover;width: 100%;height: 11.88em;}
.imgItem>div:last-child {height: 100%;}



/* environmental benefits ribbon */
.environmental-ribbon {
        background-color: #EbEbEb;
        float: left;
        clear: both;
        width: 100%;
        padding: 4.125em 1em 5em;
}
.environmental-ribbon .left {padding-right: .75em;}
.environmental-ribbon h1 {
        letter-spacing: 0;
        margin-bottom: 1.05em;
        line-height: 1.1667;
        margin-top: 1.8rem;
}
.environmental-ribbon ul li:before {display: none;}
section.environmental-ribbon .wrap h1:before {
        top: -1.5rem;
}
.environmental-ribbon h2 {
        font-weight: 300;
        color: #4D4D4F;
        letter-spacing: 0;
        margin-bottom: 0;
}
.environmental-ribbon span.statistic {
        font-weight: 300;
        text-align: center;
        color: #4D4D4F;
        letter-spacing: 0;
        display: block;
        margin: 0 auto;
        line-height: 1.412;
}
.environmental-ribbon .left span.statistic {
        width: 50%;
        font-size: 1rem;
}
.environmental-ribbon span.asterisk {
        color: #4d4d4f;
        font-size: .75rem;
        display: inline-block;
        font-weight: 300;
        float: left;
        clear: both;
}
.environmental-ribbon li.barrel svg {
        -webkit-animation: 4.25s infinite rotate;
                animation: 4.25s infinite rotate;
}
.environmental-ribbon .environmental-large-box span.statistic strong, .environmental-ribbon .right strong {
        font-weight: 300;
        color: #337D79;
        display: block;
}
.environmental-ribbon .environmental-large-box span.statistic strong {
        font-size: 2.5em;
        margin-bottom: .25rem;
}
.environmental-ribbon .right strong {
        font-size: 2.3077em;
}
.environmental-ribbon .right span {font-size: .8125rem;}
.environmental-ribbon svg path {
        fill: #4d4d4f;
}
.environmental-ribbon svg path.barrel-fill {
        fill: #EBEBEB;
        stroke: #4d4d4f;
}
.environmental-ribbon .environmental-large-box {
        border: 3px solid #E0E0E0;
        text-align: center;
        padding: 2.375rem 0 2.25rem;
}
.environmental-ribbon .environmental-large-box svg {
        height: 2.25rem;
        width: 2.8rem;
        display: inline-block;
        stroke: #4d4d4f;
}
.environmental-ribbon .environmental-large-box .svgbox {
        margin-bottom: .25em;
}
.environmental-ribbon .environmental-large-box svg:nth-of-type(1) {
        vertical-align: top;
        margin-top: .4rem;
        margin-right: .2rem;
        -webkit-animation: 6s infinite floatUpDown;
                animation: 6s infinite floatUpDown;
        -webkit-transform: rotate(0.01deg) translateZ(0);
        transform: rotate(0.01deg) translateZ(0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
}
.environmental-ribbon .environmental-large-box svg:nth-of-type(2) {
        height: 3.75rem;
        width: 4.6875rem;
        margin-right: .25rem;
}
.environmental-ribbon .environmental-large-box svg:nth-of-type(3) {
        margin-bottom: .25rem;
        -webkit-transform: rotate(0.01deg) scaleX(-1);
                transform: rotate(0.01deg) scaleX(-1);
        -webkit-animation: 6s infinite floatDownUp;
                animation: 6s infinite floatDownUp;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
}
.environmental-ribbon .right ul li:nth-of-type(odd) {
        margin:  0 .53125rem .6875rem 0;
}
.environmental-ribbon .right ul li:nth-of-type(even) {
        margin:  0 0 .6875rem .53125rem;
}
.environmental-ribbon .right {
        text-align: center;
        padding-left: 2.5em;
}
.environmental-ribbon .right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: .6em;
}
.environmental-ribbon .right ul li {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: calc(50% - .6rem);
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: 3px solid #E0E0E0;
        padding: 1.0625rem 2.1rem 1.47rem;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
}
.environmental-ribbon .right ul li svg {
        width: 5.8125em;
        height: 2.8125em;
        margin-bottom: .25em;
}
.environmental-ribbon .right ul li.electricity svg {
        width: 3em;
        -webkit-animation: 3s infinite rotate;
                animation: 3s infinite rotate;
}
.environmental-ribbon .right ul li.cars svg {
        width: 2.375rem;
        -webkit-animation: 2.5s infinite bumpUpDown;
                animation: 2.5s infinite bumpUpDown;
}

.environmental-ribbon .right ul li.trucks .truck-cloud svg {
        position: absolute;
        height: 1.25rem;
        right: 36%;
        width: auto;
        top: 0;
        -webkit-transform-origin: bottom right;
                transform-origin: bottom right;
        opacity: .8;
        -webkit-animation: 3s infinite truckSmoke;
                animation: 3s infinite truckSmoke;
}

/* RIBBON AT THE BOTTOM */
.environmental-ribbon-source {
        background-color: #E0e0e0;
        float: left;
        clear: both;
        width: 100%;
        padding: 1.25rem 1rem;
}
.environmental-ribbon-source p {
        font-size: .75rem;
        color: #4D4D4F;
        margin-bottom: 0;
        letter-spacing: 0;
}

/* FOOTER ------------------------------ */
body>footer{padding: 2em 1em;color:#dadada;font-size:0.69rem;background: #f1f1f1;text-transform: uppercase;}
body>footer>.wrap{overflow:visible}
body>footer a{color:#ccc}
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;}
.fatFooter>nav>ul ul li{padding-left: 1rem}
body>footer nav{display:inline}
body>footer .wrap nav a:before{content:"\00A0\007C\00A0\00A0"}
body>footer>div{min-height:18px}
#web-solutions-exposure a{opacity:.4}
#web-solutions-exposure a:hover{opacity:.8}
body > footer > .fatFooter {margin-bottom: 0;padding: 2em 0}
body > footer > .fatFooter p {margin-bottom: 0;}

.fatFooter div:nth-child(2) a {color: #D7282F;font-weight: 700;text-transform: uppercase;letter-spacing: .1em;}
.fatFooter div:nth-child(2) a:hover {color: #373a40}
.fatFooter div:nth-child(3) a {display: block;border: 1px solid #737579;width: 2em;height: 2em;border-radius: 50%;}
.fatFooter div:nth-child(3) a:hover {border: 1px solid #D7282F;color: #D7282F}
.fatFooter div:nth-child(3) a:hover i {color: #D7282F}
.fatFooter div:nth-child(3) a i {color: #737579;position: relative;left: 5.5px;top: 3px;}



/* RESPONSIVE ------------------------------ */
@media screen and (max-width:1200px) {
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 1.5dppx) {

}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-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}


/* 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; color: #fff}
.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);


/* IE ENVIRONMENTAL STUFF ------------------ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .environmental-ribbon .right ul li {
                display: inline-block;
        }

        .environmental-ribbon .right .truck-cloud {
                display: none;
        }
}


@-webkit-keyframes rotate {


        33% {
                -webkit-transform: rotate(5deg);
                        transform: rotate(5deg)
        }

        66% {
                -webkit-transform: rotate(-5deg);
                        transform: rotate(-5deg)
        }

        100% {
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg)
        }
}


@keyframes rotate {


        33% {
                -webkit-transform: rotate(5deg);
                        transform: rotate(5deg)
        }

        66% {
                -webkit-transform: rotate(-5deg);
                        transform: rotate(-5deg)
        }

        100% {
                -webkit-transform: rotate(0deg);
                        transform: rotate(0deg)
        }
}

@-webkit-keyframes floatUpDown {
        0% {
                -webkit-transform: translateY(0);
                        transform: translateY(0)
        }

        33% {
                -webkit-transform: translatey(.15em);
                        transform: translatey(.15em)
        }

        66% {
                -webkit-transform: translateY(-.15em);
                        transform: translateY(-.15em)
        }
}

@keyframes floatUpDown {
        0% {
                -webkit-transform: rotate(0.01deg) translateY(0);
                        transform: rotate(0.01deg) translateY(0)
        }

        33% {
                -webkit-transform: rotate(0.01deg) translatey(.15em);
                        transform: rotate(0.01deg) translatey(.15em)
        }

        66% {
                -webkit-transform: rotate(0.01deg) translateY(-.15em);
                        transform: rotate(0.01deg) translateY(-.15em)
        }
}

@-webkit-keyframes floatDownUp {
        0% {
                -webkit-transform: scaleX(-1) translateY(0);
                        transform: scaleX(-1) translateY(0)
        }

        33% {
                -webkit-transform: scaleX(-1) translateY(-.15em);
                        transform: scaleX(-1) translateY(-.15em)
        }

        66% {
                -webkit-transform: scaleX(-1) translateY(.15em);
                        transform: scaleX(-1) translateY(.15em);
        }

        100% {
                -webkit-transform: scaleX(-1) translateY(0);
                transform: scaleX(-1) translateY(0)

        }
}

@keyframes floatDownUp {
        0% {
                -webkit-transform: scaleX(-1) translateY(0);
                        transform: scaleX(-1) translateY(0)
        }

        33% {
                -webkit-transform: scaleX(-1) translateY(-.15em);
                        transform: scaleX(-1) translateY(-.15em)
        }

        66% {
                -webkit-transform: scaleX(-1) translateY(.15em);
                        transform: scaleX(-1) translateY(.15em)
        }

        100% {
                -webkit-transform: scaleX(-1) translateY(0);
                transform: scaleX(-1) translateY(0)

        }
}

@-webkit-keyframes bumpUpDown {
        0% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        20% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        30% {
                -webkit-transform: translateY(-.1em) rotate(1deg);
                        transform: translateY(-.1em) rotate(1deg)
        }

        40% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        60% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        70% {
                -webkit-transform: translateY(-.1em) rotate(-1deg);
                        transform: translateY(-.1em) rotate(-1deg)
        }

        80% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        90% {
                -webkit-transform: translateY(-.1em) rotate(1deg);
                        transform: translateY(-.1em) rotate(1deg)
        }

        100% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }
}

@keyframes bumpUpDown {
        0% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        20% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        30% {
                -webkit-transform: translateY(-.1em) rotate(1deg);
                        transform: translateY(-.1em) rotate(1deg)
        }

        40% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        60% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        70% {
                -webkit-transform: translateY(-.1em) rotate(-1deg);
                        transform: translateY(-.1em) rotate(-1deg)
        }

        80% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }

        90% {
                -webkit-transform: translateY(-.1em) rotate(1deg);
                        transform: translateY(-.1em) rotate(1deg)
        }

        100% {
                -webkit-transform: translateY(0) rotate(0deg);
                        transform: translateY(0) rotate(0deg)
        }
}

@-webkit-keyframes truckSmoke {

        0% {
                opacity: 0;
                -webkit-transform: scale(0) translate(0, 0);
                        transform: scale(0) translate(0, 0)
        }

        25% {
                opacity: .25;
                -webkit-transform: scale(.25) translate(0,0);
                        transform: scale(.25) translate(0,0)
        }

        50% {
                opacity: .7;
                -webkit-transform: scale(.75) translate(-.5em, -.15em);
                        transform: scale(.75) translate(-.5em, -.15em)
        }

        75% {
                opacity: .25;
                -webkit-transform: scale(1) translate(-.75em, -.4em);
                        transform: scale(1) translate(-.75em, -.4em)
        }

        95% {
                opacity: 0;
                -webkit-transform: scale(1.1) translate(-1em, -.6em);
                        transform: scale(1.1) translate(-1em, -.6em)
        }

        100% {
                opacity: 0;
                -webkit-transform: scale(0) translate(0,0);
                        transform: scale(0) translate(0,0)
        }
}

@keyframes truckSmoke {

        0% {
                opacity: 0;
                -webkit-transform: scale(0) translate(0, 0);
                        transform: scale(0) translate(0, 0)
        }

        25% {
                opacity: .25;
                -webkit-transform: scale(.25) translate(0,0);
                        transform: scale(.25) translate(0,0)
        }

        50% {
                opacity: .7;
                -webkit-transform: scale(.75) translate(-.5em, -.15em);
                        transform: scale(.75) translate(-.5em, -.15em)
        }

        75% {
                opacity: .25;
                -webkit-transform: scale(1) translate(-.75em, -.4em);
                        transform: scale(1) translate(-.75em, -.4em)
        }

        95% {
                opacity: 0;
                -webkit-transform: scale(1.1) translate(-1em, -.6em);
                        transform: scale(1.1) translate(-1em, -.6em)
        }

        100% {
                opacity: 0;
                -webkit-transform: scale(0) translate(0,0);
                        transform: scale(0) translate(0,0)
        }
}