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

img{border: 0; max-width: 100%; }
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:rgba(217,231,245,0.75)}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
main, body>footer { width:100%; float:left; clear:left; display:block;}
body>header, #mainnav, #alertApp { display: block; width: 100%; }

body>*>.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap{width:100%;max-width:74rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}
.home .wrap{overflow: hidden}


.sr-only {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px;
}


/* text */
body, .text, input, button, select, textarea{font-family:"aktiv-grotesk", sans-serif;line-height:2;color:#666}
#content h2 .text {font-size: .9rem; font-weight: 400}
a, a *{color:#007AB8;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#2f8722}
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, th, .label-h2-style{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {margin-top:2em;}
h1, h2, h3, h4, h5, h6, th, dt, .label-h2-style{color:#31659b; font-weight: 700; font-family: "nimbus-sans", sans-serif}
#hero h1, .CTA h2, .CTA h2 strong, .popup button[type="submit"] { font-family: "aktiv-grotesk-condensed";}
.textColor{color:#31659b;font-weight: 700;}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border:0;margin:2.25em 0;padding-top:2px; background: url(/images/hr.svg) repeat-x top left}
p{font-size:1em}
h1{color:#002B54;}
h2, .label-h2-style{color:#51a744;}
h3{color:#007AB8;}
h4, th{color:#002B54;}
h5 {font-size:1.1em}
h6 {font-size:1.0em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
p.intro {color:rgba(0,43,84,0.65);}
.label-h2-style {display: block;}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li {padding-left:3em; position: relative; margin-top: 0.75em}
.content ul li:before {content: ""; display: block; width:1em; height:1em; background: url(/images/green-arrow-bullet.svg) no-repeat center; position: absolute; top:0.5rem; left:1.5em;}
.content ul li ul li:before{opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:0;
   -moz-column-rule:0;
        column-rule:0;
-webkit-column-gap:2em;
   -moz-column-gap:2em;
        column-gap:2em;
}
.twoCol *, .threeCol *, .resCol * {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.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;}

.content .videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.content .videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.content .videoContainer iframe, .content .videoContainer span {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"], input[type="date"], textarea, select, input[type="button"], input[type="submit"], input[type="date"] {border-radius: 5px; 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"], input[type="date"], textarea, select{border:1px solid #D9E7F5;background:rgba(217,231,245,0.25);padding:.5em .25em;}
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, input[type="date"]:focus, textarea:focus, select:focus{background-color:#fff}
textarea{display:block;font-size: .9rem}
@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:#007AB8;text-transform: lowercase; color:#fff;border:0;padding:0.8em 1.6em;display: inline-block; line-height:120%;cursor:pointer; font-weight: 500;border-radius: 5px;}
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:#666;color:#fff}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table,
:where(.formTable, .form-flex) :where(input:where([type="text"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), table, textarea, select) {
	width: 100%;
}
#ContactForm fieldset {
	margin: .5em 0 0;
	border: 0;
	padding: 0;
}

#ContactForm fieldset legend {
	padding: 0;
}

#ContactForm fieldset table {
	margin-left: 2em;
}
.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}

form h3 span {font-weight:400;}
form section h3 {margin-top: 0;}
.formTable + h3 {margin-top:2em;}

form section {
  background: url(/images/hr.svg) repeat-x bottom left;
  border: 0;
  margin: 2.25em 0;
  padding-bottom: 2.25em;
}
form section .formTable + button {margin:1em 0 2em;}

/* Forms - without tables ----- */
form.narrow .form-flex,
.narrow.form-flex {
	max-width: 18.75em;
}

.form-flex {
	display: flex;
	flex-wrap: wrap;
  align-items: flex-end;
	justify-content: space-between;
}

.form-flex fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-flex fieldset legend {
	float: left;
	width: 100%;
}

.form-flex>div {
	margin: 0 0 .75em;
}

.form-flex .full {
	width: 100%;
}

.form-flex>div>label:first-of-type {
	display: block;
}

/* Checkboxes, radios */
.form-flex>div>fieldset>label {
	display: inline-block;
}



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

.button.green {background: #2f8722}
.button.green:hover {background: #666}
.button.dark {background: #002B54}
.button.dark:hover {background: #666}


/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff;position: relative;z-index: 1;}
main>.wrap{padding-top:3em}
.contentEditor{background:#fff;min-width:100%;}


/* Flexbox columns  */
.ws-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
}

.ws-flex>:is(article,div,li) {
  width: calc( 99.9% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}




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

#navContainer #ancillary .search {
	align-items: center;
	display: flex;
}

#navContainer #ancillary button[type="submit"] {
	align-self: stretch;
	background: #6687A8;
	border-radius: 0 .25em .25em 0;
	font-size: 1em;
	height: auto;
	line-height: 0;
	padding: 0;
	position: relative;
	width: 1.875em;
}

#navContainer #ancillary button[type="submit"]::after {
	background: #FFF;
	content: '';
	inset: 0;
	mask: url('/images/icons/search.svg') no-repeat center / auto 1.125em;
	position: absolute;
}




/* side column */
main>div>aside{}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0 0 2.5em}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:.5em 5px;line-height:1.1em;display:block}
#sidenav li.on>a{color:#000}
#sidenav>ul>li.on>a{display: none}
/* t2 */
#sidenav>ul>li>ul>li{padding: 2px 0 3px; background: url(/images/hr.svg) repeat-x bottom left}
#sidenav li.on ul li a{padding:0.5em 0;color:#002B54; font-weight: 500; text-transform: lowercase;}
#sidenav li ul li a:hover, #sidenav li ul li a:active{color:#2f8722}
#sidenav li ul li.on>a{color:#2f8722}
/* 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:1.88em;font-size:.875em; padding: 0.25em 0.25em 0.25em 1.5em; font-weight:400;color:#6687A8}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#007AB8}
#sidenav li ul li ul li.on>a{color:#007AB8;}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:50px;font-size:.7em;color:#666}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#007AB8}
#sidenav li ul li ul li ul li.on>a{color:#007AB8;}
/*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, #content .photocircle{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img, #content .photocircle img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
#content img.fullWidth {max-width: 100%; height: auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright, .photocircle{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
#content .photocircle img{border-radius: 50%; border:solid 2px rgba(217,231,245,1); padding: 5px}
.content .highlight{background:rgba(217,231,245,0.25); clear: both; padding:2.5em 2em; margin:3em 0}
.content .highlight h2 {font-size: 1.5em; color: #51a744; margin-bottom: 1em}
.content .highlight h3 {font-size: 1.2em; margin-bottom:0; margin-top:0}
.content .highlight strong {color: #002B54}
.content .highlight strong.green {color: #2f8722}
blockquote {font-style: italic; font-size: 1.25em; line-height: 1.94rem; color: #9B9B9B}
blockquote strong {font-size: 1.63em; color: #002B54}
blockquote footer {font-size: 0.88rem;padding-top: 1.5em; margin-top: 1.5em; background: url(/images/hr.svg) repeat-x top left; color: #2f8722;line-height: 1.31rem;}

small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#2f8722}
	.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)}

.CTA {clear: both; text-align: center; float: left; width: 100%; text-shadow: 0 2px 2px rgba(0,0,0,0.5); background:url(/images/cta-bg.jpg) no-repeat center; background-size: cover;}
.CTA h2 {color: #fff;font-weight: 600;}
.CTA h2 strong {color: #73C167; text-transform: uppercase; font-weight:700; display: block}
.CTA p {font-style: italic; color: rgba(255,255,255,0.71)}
.CTA .button {text-shadow: none; background: #fff; color: #2f8722; border: 2px solid #2f8722; margin-top: 1.5em}
.CTA .button:hover {background: #2f8722; color: #fff}

#hero {overflow: hidden; position: relative}
#hero .mask {position: absolute; top:0; left:0; height: 100%; width: 100%; background: #002B54; opacity: 0.4; z-index:1}
#hero .wrap {overflow: visible}
#hero video {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); min-height: 100%; height: auto; min-width: 100%; width:auto}
#hero h1 {font-weight: 600;text-shadow: 0 2px 2px rgba(0,0,0,0.50); text-transform: none; color: #fff;}
#hero h1 strong {color: #73c167; display: block}
#hero h1 span {display: block}
#hero .play-pause-video {
  position: absolute;
  bottom: 0.625rem;
  right: 0.5rem;
  z-index: 1;
  background: transparent;
  width: 2.5rem;
  height: 2.5rem;
}

#hero .play-pause-video:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../../images/icons/misc/circle-pause.svg);
}

#hero .play-pause-video.is-paused:before {
  background-image: url(../../images/icons/misc/circle-play.svg);
}

#featured-highlights {
  background: #D9E7F5;
  position: relative;
  overflow: hidden;
}

#featured-highlights .wrap { max-width: 77rem;}
#featured-highlights h2 {color: #002B54; text-transform: lowercase; font-size: 2.125rem; margin-bottom: 4rem; position: relative;}
#featured-highlights span.button {background: #FFF; color: #002B54; font-weight: 600;}
#featured-highlights ul {display: flex; flex-wrap: wrap; justify-content: center;}
#featured-highlights ul li a {display: block; text-align: center; backface-visibility: hidden; transform: scale(1);}
#featured-highlights ul li a:is(:hover, :focus) {transform: scale(.95);}
#featured-highlights ul li a:is(:hover, :focus) .button {background: #002B54; color: #FFF;}
:where(#featured-highlights ul li, .news-category) h3 {font-size: 1.5rem; color: #666; margin-top: 0.5rem; margin-bottom: 1.25rem; text-align: center;}
#featured-highlights img {max-width: 100%;	width: 16.625rem;	height: 18.75rem;	object-fit: cover; border: 1px solid #EEE;}
#featured-highlights .triangle {position: absolute; bottom: 0; right: 0;}
#featured-highlights .triangle:after {
  content: "";
  border-top: 61px solid transparent;
  border-bottom: 61px solid transparent;
  border-right: 549px solid #007AB8;
  bottom: -61px;
  right: 0;
  position: absolute;
}
#featured-highlights .triangle:before {
  content: "";
  border-top: 66px solid transparent;
  border-bottom: 66px solid transparent;
  border-right: 595px solid #FFF;
  bottom: -66px;
  right: 0;
  position: absolute;
}

#featured-news {background: #002B54; position: relative;}
#featured-news:before {content: ""; display: block; width: 100%; height: 8px; background:url(/images/hr.svg) repeat-x center left #fff}
#featured-news h2 {font-family: "aktiv-grotesk", sans-serif; color: #51a744; text-transform: uppercase; font-size: 1em; margin: 1em 0}
#featured-news .button {background: #fff; font-size: 0.75em; color: #002B54}

#easy-commute, #easy-fleet {position: relative; width: 100%; }
#easy-commute h2, #easy-fleet h2 {text-transform: lowercase}
#easy-fleet { background: #007AB8; }


#easy-fleet:after {content: ""; position: absolute; bottom:0; left:0; display: block; width: 100%; height: 8px; background:url(/images/hr.svg) repeat-x center left #fff}

#focused {
  color:#fff;
  background: url(/images/home/focused-bg.jpg) no-repeat center / cover;
  position: relative;
}

#focused h2 {color:#fff;text-shadow: 0 2px 2px rgba(0,0,0,0.5); font-family: "aktiv-grotesk", sans-serif; font-weight: 400;}
#focused h2 strong {color:#73c167}
#focused p {line-height: 2em}

.home #events {
	background: #fff;
	position: relative;
	width: 100%;
	z-index: 2;
}

.home #events .event {
    align-items: center;
    display: flex;
    gap: 1.6875em;
    justify-content: center;
}

.home #events .event > div {
	display: flex;
}

.home #events .event .title {
	font-weight: 900;
	color: #0B8041;
	font-size: 1.25em;
}

.home #events span {
	display: block;
}

.news main h2 {
  color: #007AB8;
  font-size: 1.5rem;
  font-weight: 500;
}
.news .news-category {
  position: relative;
}
.news .news-category + .news-category {
  padding-top: 2.5rem;
  margin-top: 2.4375rem;
}
.news .news-category + .news-category:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  max-width: 100%;
  background:url(/images/hr.svg) repeat-x center left #fff
}
.news .news-category ul {
  display: flex;
  flex-wrap: wrap;
}
.news .news-category ul li {
  padding: 0;
  margin: 0;
}
.news .news-category ul li a {
  position: relative;
  display: block;
  backface-visibility: hidden;
  transform: scale(1);
}
.news .news-category ul li a:is(:hover, :focus) {
  transform: scale(.95);
  filter: contrast(1.2);
}
.news-category .bg-image {
  width: 100%;
  display: block;
  padding-bottom: 112%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #EEE;
}
.news-category.videos .bg-image {
  padding-bottom: 56.25%;
  background-size: 110%;
}
.news .news-category ul li:before {content: none;}
.video-popover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  z-index: 11;
  display: none;
}
.video-popover .video-popover-inner {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  max-width: 80%;
  width: 62.5rem;
}
.video-popover .video-popover-inner > button {
  position: absolute;
  top: -2.625rem;
  padding: 1rem;
  right: -0.625rem;
  background: transparent;
}
.video-popover .video-popover-inner > button:is(:hover, :focus) {opacity: .7;}
.video-popover .video-popover-inner > button:before {
  content: "\00D7";
  font-size: 2.5rem;
  color: #FFF;
  font-weight: 700;
}
.video-popover .video-popover-inner .videoContainer {
  width: 100%;
  padding-top: 56.25%;
  height: 0;
}
.video-popover .video-popover-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mission {color:#2f8722; font-style: italic}

#partners {padding: 3.63em 1em; text-align: center}
#partners h2 {font-size: 0.9em; font-weight: 400; color: #4A4A4A; text-transform: lowercase; margin-bottom: 2.5em; font-weight: 300}
#partners h2 span {font-weight: 400; color: #51a744; letter-spacing: .05em; font-size: 1.2em}
#partners .logo-rotator .slick-slide {position: relative; height: 3.88em}
#partners .logo-rotator .slick-slide .center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#partners .logo-rotator .slick-slide .center img {max-width: 8em; width: auto; max-height: 3.5em; height: auto}
#partners .logo-rotator .slick-slide .center:hover img {opacity: .5}
.landing #subnav {background: #002B54; position: relative; clear: both}
.landing #subnav:before {content: ""; display: block; width: 100%; height: 8px; background: url(/images/hr.svg) repeat-x center left #fff;}
.landing #subnav a {text-transform: lowercase; font-weight: 700; font-family: "nimbus-sans", sans-serif; color:#fff; display: inline-block;}
.landing #driving-value {clear: both; background: url(/images/landing/driving-value-bg.jpg) no-repeat center; background-size: cover}
.landing #driving-value .half,
.landing #driving-value .half h2 {color:#fff}
.landing #driving-value .half h2 {text-transform: lowercase;}
.landing #staff {float: left; text-align: center; clear:both; width: 100%; background: #fff}
.landing #staff .staff-image {background-size: cover; border-radius: 50%; border: 2px solid #D9E7F5; height: 0; padding-bottom: 100%; background-position: center; box-shadow: inset 0 0 0 6px #fff}
.landing #staff h2 {font-size: 1.125rem; font-family: "aktiv-grotesk", sans-serif; color: #002B54; text-transform: uppercase; margin:1.25rem 0 0.25rem;}
.landing #staff .title {font-size: 0.875rem; color: #6687A8; font-style: italic; display: block; line-height: 120%;}
.landing #timeline {float: left; text-align: center; clear:both; width: 100%; background-color: #2f8722}
.landing #timeline h2 {color: #fff; font-weight: 400; line-height: 120%; text-transform: lowercase;}
.landing #timeline h2 span {font-weight: 700}
.landing #timeline a {color: #fff;text-decoration:underline;}
.landing #timeline a:hover{color:#002B54;}
.tableWrap {overflow: auto;width: 100%;}
.fancyTable{width:100%; background:#fff; margin: 2em 0;}
.fancyTable th, .fancyTable td {padding: .25em .5em}
.fancyTable th {background:#2f8722;color: #fff; font-size:1em; text-transform: lowercase; font-weight: 400;border-bottom:solid 1px rgba(217,231,245,.25);border-right:solid 1px rgba(217,231,245,.25);}
.fancyTable td {border-bottom:solid 1px rgba(217,231,245,.25); border-top:solid 1px rgba(217,231,245,.25);vertical-align:top; border-left: solid 1px rgba(217,231,245,.25)}
.fancyTable td:first-child{ border-left: none}
.fancyTable tr {border-bottom:solid 1px rgba(217,231,245,.25)}
.fancyTable tr:nth-child(even) { background:rgba(217,231,245,.25)}

.content .social a {display: inline-block; background: #2f8722; border-radius: 50%; text-align: center; width: 2.5rem; height: 2.5rem; line-height: 2.5rem}
.content .social a:hover {background: #007AB8}
.content .social a span {color: #fff; font-size: 1.25rem; line-height: 2.5rem;}

.content #rideshare-consulting .compare-programs > * {padding:1.125rem 1.125rem 2rem}
  .content #rideshare-consulting .compare-programs > *:first-child {background: #4D9E42}
  .content #rideshare-consulting .compare-programs > *:nth-child(2) {background: #008036}
  .content #rideshare-consulting .compare-programs > *:nth-child(3) {background: #002B54}
  .content #rideshare-consulting .compare-programs > *:nth-child(4) {background: #004AAD}
.content #rideshare-consulting .compare-programs > *:before {content:""; display: block; height:2.5rem}
  .content #rideshare-consulting .compare-programs > *:first-child:before {background: url(/images/comparison-chart-basic.svg) no-repeat center}
  .content #rideshare-consulting .compare-programs > *:nth-child(2):before {background: url(/images/comparison-chart-primary.svg) no-repeat center}
  .content #rideshare-consulting .compare-programs > *:nth-child(3):before {background: url(/images/comparison-chart-premium.svg) no-repeat center}
  .content #rideshare-consulting .compare-programs > *:nth-child(4):before {background: url(/images/comparison-chart-full-access.svg) no-repeat center}
.content #rideshare-consulting .compare-programs h2 {text-transform:uppercase; width:calc(100% + 2.25rem); line-height:1em; margin: 0.75rem -1.125rem 1.25rem; background:rgba(255,255,255,0.1); font-weight:700; font-size: 1.5rem;color: #FFFFFF;text-align: center; padding:0.5rem 1.125rem;}
.content #rideshare-consulting .compare-programs p {font-weight: 400; margin-bottom:1.25rem; font-size: 1rem;color: #FFFFFF;text-align: left;line-height: 1rem;}
.content #rideshare-consulting .compare-programs ul {margin:0 -0.375rem 0 0}
.content #rideshare-consulting .compare-programs ul li {font-weight: 400; margin:0 0 0.5rem; padding-left:0.8125rem; font-size: 1rem;color: #FFFFFF;text-align: left;line-height: 1rem;}
.content #rideshare-consulting .compare-programs ul li:before {width:0.2737rem; height:0.2737rem; border-radius: 50%; left:0.125rem; top:0.375rem; background:#fff;}
.content #rideshare-consulting .bullet-points section {margin-bottom:3rem}
.content #rideshare-consulting .bullet-points .photoright figcaption {font-size: 0.875rem;color: #666666;letter-spacing: 0;text-align: center;}
.content #rideshare-consulting .consulting-form {padding-top: 3rem; background:url(/images/hr.svg) repeat-x top left}


/* FOOTER ------------------------------ */
body>footer{padding:2rem 1rem;color:#4E6C88; font-size: 0.875em}
body>footer>.wrap{overflow:visible}
body>footer .fatFooter h2 {margin-bottom: 0;color:#4E6C88}
body>footer a{color:#4E6C88}
body>footer a.tel:hover{color:#4E6C88}
body>footer a:hover, footer a:active{color:#2f8722}
body>footer a.on, footer .on>a{text-decoration:none;color:#2f8722}
body>footer #social a {display: inline-block; margin: 0 0.25rem 0.25rem; background: #2f8722; border-radius: 50%; text-align: center; width: 2.5rem; height: 2.5rem; line-height: 2.5rem}
body>footer #social a:hover {background: #007AB8}
body>footer #social {margin-top: 1rem;}
body>footer #social a i {color: #fff; font-size: 1.25rem; line-height: 2.5rem;}
body>footer address em {font-weight: 600; color: #2f8722; text-transform: uppercase; font-style: normal}
body > footer nav {display: inline;}
body>footer .compass {background: url(/images/compass.png) no-repeat center center; background-size:100% 100%; display: inline-block; width: 4em; height: 4em;margin:0 auto 1em auto;cursor: pointer;margin-top: 1em;}
body>footer .compass:hover {opacity:.5}

body>footer #social {background:url(/images/hr.svg) repeat-x bottom left;padding-bottom: 1em;}

/* DONATIONS ------------------------- */
/*.donation-wrap {
  max-width: 57.25rem;
}*/
.page-top {
  /*padding-bottom: 3.125rem;*/
  margin-bottom: 2.3125rem;
}
/*.page-top p {
  color: #002B54;
  opacity: .65;
  font-size: 1.25rem;
}*/
.page-top img {
  object-fit: contain;
  height: auto;
}
.donate-form :is(.amount, .card-fees) {
	margin-bottom: 1.5rem;
}
.donate-form h2 {
  color: #1D4F91;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.donate-form label {
  color: #000;
  font-size: 0.8125rem;
  font-weight: 400;
}
.donate-form .amount-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.625rem;
	/*max-width: 52.8125rem;*/
}
.other-amount {
  width: 100%;
  margin-top: 0.625rem;
}
.amount .other-amount label {
  font-weight: 400;
  color: #5B5B5B;
  position: absolute;
  font-size: 1.25rem;
  margin-left: 1.0625rem;
  margin-top: 0.4375rem;
}
.amount .other-amount label span {
  color: #002B54;
  font-weight: 700;
}
.other-amount input {
  color: #002B54;
  font-weight: 700;
  font-size: 1.1875rem;
  background-color: #FFF;
  border: 1px solid #D2DCE9;
  border-radius: 5px;
  height: 3.375rem;
  padding-left: 10.4875rem;
}
.donate-form .personal-info input,
.donate-form .personal-info select {
  background-color: #FFF;
  border: 1px solid #e9edf3;
  margin-top: 1.5rem;
  width: 100%;
  padding: 0.625rem;
}
.donate-form .personal-info label {
  position: absolute;
}
.donate-form textarea {
  background-color: #FFF;
  border: 1px solid #e9edf3;
  width: 100%;
  margin-bottom: 0.625rem;
}
.donate-form .anonymous {
  margin-bottom: 0.625rem;
}
.red-quired {
  color: #DA1884;
}
.donate-form td {
  display: flex;
  justify-content: center;
}
.donate-form .card-info {
  margin-top: 2.6875rem;
}
.donate-form .donate-or {
  /*position: absolute;
  text-align: center;
  padding: 0 1.25rem;*/
  color: #000;
  font-size: 0.8125rem;
  font-weight: 500;
  /*margin-left: 34%;*/
}
.donate-or {
  text-align: center;
  margin-top: 0.625rem;
}
/*.donate-or::before {
  content: "";
  position: absolute;
  width: 34%;
  border-top: 1px solid #d2dce8;
  margin-top: 0.8125rem;
  left: 14%;
}
.donate-or::after {
  content: "";
  position: absolute;
  width: 34%;
  border-top: 1px solid #d2dce8;
  margin-top: 0.8125rem;
  right: 14%;
}*/
.donate-form .card-info input {
  background-color: #FFF;
  border: 1px solid #e9edf3;
  margin-top: 1.5rem;
  width: 100%;
  padding: 0.625rem;
}
.donate-form .card-info label {
  position: absolute;
}
.donate-form .button {
  /*font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  background-color: #1D4F91;
  border-radius: 5px;
  text-transform: capitalize;*/
  margin-top: 1.25rem;
}

/* Price Buttons */
.amount label {
  border-radius: 5px;
  position: relative;
  font-size: 1.25rem;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  transition: all .2s ease;
}
.amount .darkblue {
  background-color: #002B54;
}
.amount .lightblue {
  background-color: #1D4F91;
}
.amount .darkblue:focus, .amount .darkblue:hover,
.amount .lightblue:focus, .amount .lightblue:hover {
  background-color: #666;
  cursor: pointer;
}
.amount input[type="radio"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.amount input[type="radio"]:checked + label {
  background: #ebffe7;
  box-shadow: inset 0 0 0 2px #74c166;
  color: #002b54;
}
/* Custom Check Box */
.donate-form label .custom-checkbox {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #FFF;
  border: 1px solid #d3dbe8;
  border-radius: 2px;
  margin-right: 0.5625rem;
  position: relative;
  transition: all .2s ease;
}
.donate-form label .custom-checkbox:before {
  opacity: 0;
  transition: all .2s ease;
}
.donate-form input[type="checkbox"]:checked + label .custom-checkbox:before {
  content: "";
  width: 16px;
  height: 19px;
  background: url(/images/check-sharp-solid.svg) no-repeat center / contain;
  position: absolute;
  bottom: -1px;
  right: -4px;
  opacity: 1;
}
.donate-form input[type="checkbox"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
/* In Honor Of */
.donate-form .in-honor {
  margin-bottom: 1.25rem;
  margin-top: 0.625rem;
}
.donate-form .in-honor input[type="text"] {
  background-color: #FFF;
  border: 2px solid #e9edf3;
  margin-top: 0.5rem;
  width: 100%;
  padding: 0.625rem;
}

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

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

/* page header */
.pageHeader{width:100%; float: left; height:6.25em; clear:both; background: url(/images/DefaultPageBanner.jpg) no-repeat center; background-size: cover}
.landing .pageHeader{font-family: "aktiv-grotesk-condensed", sans-serif; height: auto; text-align: center; color: #fff; background: url(/images/landing/landing-header.jpg) no-repeat center; background-size: cover}
.landing .pageHeader h1 {font-family: "aktiv-grotesk-condensed", sans-serif; color: #73C167; text-shadow: 0 2px 2px rgba(0,0,0,0.5); text-transform: uppercase; font-weight: 700}
.landing .pageHeader .subhead {display: inline-block; padding: 0.25em 1em; background: url(/images/hr-white.png) repeat-x top left, url(/images/hr-white.png) repeat-x bottom left; background-size: 4px 2px}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#ee5f00;padding-left: 1rem;padding-right: 1rem;}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:1rem 5px;color:#fff;text-align:center;text-transform: capitalize;}
#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:#ed3200;}


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



/* VIDEO MODAL ------------------------------ */
#video {
  background: rgba(0,43,84,.95);
  display: none;
  height: 100%;
  left:0;
  position: fixed;
  top:0;
  width:100%;
  z-index: 99;
}

#video .close {
  color: #FFF;
  cursor: pointer;
  font-size: 4em;
  font-weight: 600;
  line-height: 0;
  position: absolute;
  right: -.5em;
  text-align: center;
  top: -.875em;
  transition: ease all 200ms;
  width: 2em;
}

#video .center {
  left: 50%;
  max-width: 62.5em;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

#video .center .videoWrapper {
  box-shadow: 0 0 6.25em 0 rgba(0,0,0,0.5);
  margin: 0 auto;
  max-width: calc(100% - 3em);
  overflow: auto;
  position: relative;
}

#video .center .videoWrapper::before {
	content: '';
	display: block;
	padding: 0 0 56.25%;
}

#video .center .videoWrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#video .close:hover { opacity: 0.5 }
.management #video .close { top: 2.1875em; }


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



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

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animation-delay-1 {animation-delay: 0.1s; transition-delay: 0.1s}
.animation-delay-2 {animation-delay: 0.5s; transition-delay: 0.5s}
.animation-delay-3 {animation-delay: 1s; transition-delay: 1s}
.animation-delay-4 {animation-delay: 1.25s; transition-delay: 1.25s}
.animation-delay-5 {animation-delay: 1.5s; transition-delay: 1.5s}
.animation-delay-6 {animation-delay: 1.75s; transition-delay: 1.75s}
.animation-delay-7 {animation-delay: 2s; transition-delay: 2s}

.fadeInUp {opacity: 0; transition-duration: 1s; transform: translate3d(0, 100%, 0);}
.play .fadeInUp,
.fadeInUp.play {opacity: 1; transform: none;}

.fadeUp {
  animation-name: fadeUp;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}



@media screen and (max-width:750px) {
  .circles, .circles *,
  #focused *,
  #staff *,
  #timeline *{animation: unset !important}
}

/* FORM ERROR ------------------------------ */
.form-error {
	color: #EE0000;
	font-size: 0.9375em;
}

.reverse .form-error {
	background: #EE0000;
	color: #FFF;
}

fieldset label:first-of-type input:focus {
	outline: 1px solid #FF0000;
}

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





/* POPUPS (Email Signup / File popup) ------------------------------ */

.popup {
  background: rgba(0,43,84,.95);
  padding: 3.5em 1em 1.5em;
  display: none;
  inset: 0;
  justify-content: center;
  overflow: auto;
  position: fixed;
  z-index: 11;
}

.popup .popup-content {
  background: #FFF;
  margin-block: auto;
  max-width: 40.625em;
  position: relative;
  text-align: center;
  width: 100%;
}

.popup .popup-content>div {
  padding: clamp(1.5em, 0.607em + 2.86vw, 2.75em) 1em 1.25em; /* 500 - 1200 */
}

.popup .popup-content>button.close {
  aspect-ratio: 1;
  background: #D9E7F5 url('/images/icons/close-popup-blue.svg') no-repeat center / auto 1.5em;
  border-radius: 0;
  font-size: clamp(0.875em, 0.786em + 0.29vw, 1em); /* 500 - 1200 */
  inset: auto 0 100% auto;
  position: absolute;
  padding: 0;
  width: 3.125em;
}

.popup .popup-content .textbox {
  margin: 0 auto 1.5em;
  max-width: 31.25em;
}

.popup  strong.title {
  color: #0B8041;
  display: block;
  font-size: clamp(1.5em, 1.273em + 1.14vw, 2.125em);
  font-weight: 900;
  line-height: 1.118;
  margin: 0 0 .5em;
}

.popup strong.title>span {
  color: #002B54;
  display: block;
  font-size: .88em;
  font-weight: 700;
  margin: .125em 0 0;
}

.popup p {
  color: #666;
  font-size: clamp(1.125em, 1.034em + 0.45vw, 1.375em);
  line-height: 1.35;
}

.popup form {
  align-items: start;
  margin-inline: auto;
  max-width: 34.375em;
  text-align: left;
}

.popup :is(label, legend) {
  color: #000;
  font-size: .9375em;
  line-height: 1.2;
  margin: 0 0 .125em;
}

.popup label>.required {
  color: #DA1884;
}

.popup input {
  background: #FFF;
  border-color: #D2DCE9;
  border-radius: 0;
  padding: clamp(0.5em, 0.343em + 0.5vw, 0.72em) .5em; /* 500 - 1200 */
  transition: all .3s ease;
}

.popup input:focus {
  border-color: #1D4F91;
}

.popup legend {
  margin: 0 0 .625em;
}

.popup .form-flex>div>fieldset>label {
  display: block;
  margin: .5em 0 0;
  padding-left: .75em;
}

.popup .form-flex>div.full:last-child {
  border-top: 1px solid #D2DCE9;
  margin: 1.25em 0 0;
  padding-top: 1em;
}

.popup button[type="submit"] {
  background: #1D4F91;
  font-size: clamp(1em, 0.911em + 0.29vw, 1.125em); /* 500 - 1200 */
  font-weight: 700;
  padding: .79em 2.5625em;
  text-transform: uppercase;
}

.popup .form-error {
  line-height: 1.3;
}




/* LIGTHBOX GALLERIES ------------------------------ */


ul.galleries.ws-flex {
  row-gap: 1em;
  text-align: center;
  --ws-gap: clamp(1em, -0.295em + 4.14vw, 2.8125em); /* 500 - 1200 */
  --ws-column-count: 2;
}

ul.galleries div.hidden {
  display: none;
}

ul.galleries>li::before {
  display: none;
}

.content ul.galleries>li {
	margin: 0;
  padding: 0;
}

.content ul.galleries>li>a {
  display: block;
}

ul.galleries figure {
  margin: 0;
  width: 100%;
}

ul.galleries figure>div {
  line-height: 0;
  overflow: hidden;
  position: relative;
}

ul.galleries figure>div::after {
  aspect-ratio: 1;
  background: rgba(255,255,255,.8) url('/images/icons/search-black.svg') no-repeat center / auto .875em;
  content: '';
  font-size: clamp(0.9375em, 0.915em + 0.11vw, 1em);
  inset: auto 0 0 auto;
  position: absolute;
  transition: all .3s ease;
  width: 2.1875em;
  z-index: 1;
}

ul.galleries figure img {
  aspect-ratio: 370 / 250;
  object-fit: cover;
  transition: all .5s ease;
}

ul.galleries figcaption {
  color: #002B54;
  font-size: clamp(1.25em, 1.159em + 0.45vw, 1.5em);
  font-weight: 900;
}



/* ------------------------------ */

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