@charset "UTF-8";


:root {
  --blue: #008EFF;
  --dark-blue: #06264C;
  --green: #41CB00;
}

/* 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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
#content ul li, main ul li{ list-style:none; margin: 0 0 .875rem; padding: 0 0 0 1.5rem; }
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;overflow-x: hidden;}
body.management {padding-top: 0;}
body.home {background:#02223B}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, main, body>footer, #alertApp{width:100%;clear:left;display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*,.home .wrap{width:100%;max-width: 72rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto;}
section { outline: 0; }
/* text */
body, 
.text, input, button, select, textarea{font-family:'Roboto', sans-serif;line-height: 1.56;color: #333;}
a, a *{color:#008EFF;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color: #0069BD;}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top: .5rem;margin-bottom:1rem;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th, 
.subheading{font-weight:900; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2rem;}
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {margin-top:2rem;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#004B87;font-weight: 900;}
h2, 
.subheading {color: #02223B;}
h2 > em.text {font-size: 0.6em; font-weight:400}
em, i, q, cite, 
.italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px dashed #ccc;padding-top:1px}
p{font-size: 1rem;margin-bottom: 1.56rem;}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
span.dontPrint { display: none; }
/* list */
.content ol {margin:0 0 2em; padding:0; counter-reset: number-list;}
.content ol li {position: relative; list-style: none; padding-left: 2.75em; position: relative;}
.content ol li+li {margin-top: 0.5em}
.content ol li:before {position: absolute; top:0.125em; left:0.75em; width: 1.5rem; line-height: 1.5rem; height: 1.5rem; font-size: 0.875em; text-align:center; border-radius: 3px; background:#02223B; color:#fff; content: counter(number-list); counter-increment: number-list;}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; position: relative; list-style:none}
.content ul li:before{content: "";display: block;width: 6px;height: 6px;background: #008EFF;position: absolute;top: .5625rem;left: .625rem;}
.content ul li ul li:before{opacity: .5; top: .625rem;}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, 
.threeCol, .resCol{
  -webkit-column-gap:2em;
  -moz-column-gap:2em;
  column-gap:2em;
}
.content :is(.twoCol, .threeCol, .resCol) > * {
  display: inline-block;
  width:100%;
}
.req{color:#F00}
.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:1rem;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"], input[type="date"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: 1rem}
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="date"]{border:1px solid rgba(0,0,0,.2);background-color: #FBFBFB;padding:0.5em;}
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,, input[type="date"]:focus{background-color: rgba(242, 242, 242,.1);border-color: rgba(0,0,0,.5);}
textarea{display:block;font-size: 1rem}
#content form select {width: 100%}
select {
  background: url(/images/icons/select-arrows.svg);
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-position: -webkit-calc(100% - .875rem) calc(50% + .1rem);
  background-position: calc(100% - .875rem) calc(50% + .1rem);
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{background:#008EFF;color:#fff;font-size: 1.0625rem;font-weight: 700;border:0;padding: 1.125rem 2rem;border-radius: 2px;display: inline-block;line-height:1em;cursor:pointer;}
button.green, .button.green { background-color: #41CB00; }
.button + .button { margin-left: 1.25rem;}
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: #0069BD;color:#fff;}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }
.intro {font-size: 1.3rem;}
/* h2 span {color:#41CB00;} */
.small {font-size: .9rem;}


/* popover ------------------------------ */
.modal input[type="email"], .modal input[type="submit"]{font-size: 1rem;font-weight: 700;border:0;padding: 1.125rem 2rem;border-radius: 2px;display: inline-block;line-height:1.5rem;}
.modal {
  position: fixed;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(41,53,63,0.9);}

  .modal-content {
    background-image: url(/images/popover/bkg.jpg);
    background-size: cover;
    background-position: center;
    margin: auto;
    text-align: center;
    position: relative;
    border-radius: 4px;
}
.modal-content h1 {color: #eaeff4;text-shadow: 5px 5px 5px #0069bd}
.modal-content h2 {color: #fff;}
.close {
  color: rgba(255,255,255,.8);
  top:-.5rem;
  right: 1rem;
  position: absolute;
  font-size: 4rem;
  font-weight: bold;
}
.close:hover, .close:focus {
  color: #37ab00;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width : 1025px) {
  .modal-content{ width: 54rem;}
  .modal-content h1 {font-size: 5rem;}
  .modal-content section {padding: 20% 20%;text-align: center; margin: 0 auto;}
  .modal-content {border: solid 6px rgba(255,255,255,1);}
  .modal-content h2 {font-size: 2rem;}
}

@media only screen and (max-width : 1024px) {
  .modal-content{ width: 90vw}
  .modal-content h1 {font-size: 5rem;line-height: 1;}
  .modal-content section {padding: 20% 5%;text-align: center; margin: 0 auto;}
  .modal input[type="email"], .modal input[type="submit"] {display: block;margin-bottom: .5rem;width: 100%;}
  .modal-content {border: solid 1px rgba(255,255,255,1);}
  .modal-content h2 {font-size: 1.5rem;}
}
/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
/* t1 */
#sidenav{width:100%;overflow:hidden;padding: 4.0625rem 0 0;}
#sidenav ul{padding: 0}
#sidenav li{height:1%;margin: 0;overflow:hidden;}
#sidenav li a{padding:.5em 5px;line-height: 1.5;display:block;}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav li.on>a{color:#000}
#sidenav > ul > li { padding: 0;}
#sidenav >ul>li>ul>li { padding-left: 0;}
#sidenav > ul > li > a {display: none}
/* t2 */
#sidenav li.on ul li a{padding: .375rem .5rem;font-size: .9375rem;color: #004B87;font-weight: 900;text-transform: uppercase;}
#sidenav li ul li a:hover, #sidenav li ul li a:active, #sidenav li ul li.on>a:hover{color:#fff;background:#004B87}
#sidenav li ul li.on>a{color: #008EFF;}
/* 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:0.25em 0.25em 0.25em 20px;font-size:.875rem; font-weight:400; font-style: italic; text-transform: none; color:#7F7D7F}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active, #sidenav li ul li ul li.on>a:hover{color:#fff; background:#008EFF}
#sidenav li ul li ul li.on>a{color:#52A2FF;}

/* content */
#content{word-wrap:break-word;}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}

.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background:#EAEFF4;padding:2em;margin:0 0 2em; position: relative;}
*+.highlight {margin-top: 2em}
.content .highlight:before {content: "";position: absolute;top: 1.75rem;left:0;transform: translateX(-50%);display: block;width: 19px;height: 48px;background: url(/images/icons/misc/highlight-triangle.svg) no-repeat center;}
.content .highlight h2 {font-weight: 900; font-style: italic; font-size: 1.5em; text-transform: uppercase; color:#0D4471}
small, .textSm{font-size: .875rem;}
#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: #41CB00;}
.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)}

.split-bg {background-size: cover; background-position: center; background-repeat: no-repeat}
.split h2 {font-size: 1.88em; font-weight: 900; font-style: italic; text-transform: uppercase; color: #0D4471; margin-bottom: 1em}
.split p {margin: -1.5em 0 1.5em; line-height: 1.5em}
#candidates.split p {margin-top: 0;}
.split .button.small {background: rgba(2,34,59,0.7); margin-top: 2em; font-size: 0.875em; font-weight: 500; padding: .6em 1em}
.split .button.small:hover {background: #41CB00}
.split .wrap > ul {margin-top: 0}
.split .wrap > ul > li {font-weight: 300; padding-left: 1.75em; color: #02223B; font-size: 0.94em; position: relative; line-height: 1.25rem}
.split .wrap > ul > li + li {margin-top: 1em}
.split .wrap .blue-checks li:before {content: ""; position: absolute; top:0.125em; left:0;  width: 1em; height: 1em; display: block; background: url(/images/bullet-serve-fit.svg) no-repeat center}
.split .wrap .green-checks li:before {content: ""; position: absolute; top:0.125em; left:0;  width: 1em; height: 1em; display: block; background: url(/images/bullet-live-fit.svg) no-repeat center}
.split#candidates .panel { padding: 1.5em 1em; text-align: center; background: #FFFFFF; border: 1px solid rgba(2,34,59,0.14); border-radius: 5px;}
.split#departments .panel { padding: 0 1em;}
.split .panel h3 {margin-bottom: 0.5em; font-weight: 500; font-size: 1.13em; color: #02223B;}
.split#candidates .panel h3 {text-transform: uppercase;}
.split .panel ul {font-size: 0.94em; color: #02223B; margin: 0; line-height: 1.75rem;}
.split#departments .panel ul li:before {content: "• "; padding-left: 1em}
.split .panel .button {display: block; font-size: 0.94em; padding: 0.9em 0; margin-top: 1.25em}
.split#departments .wrap > .button {float: left; clear: both; font-size: 0.94em; padding: 0.9em 2.25em; margin-top: 1.25em}

#testimonials {text-align: center; background-size: cover}
#testimonials blockquote {font-style: italic; line-height: 1.31rem; font-weight: 900; font-size: 1.125em; color: #FFFFFF;}
#testimonials blockquote footer {color: #004B87; margin-top: 1.5em; font-weight: 400; font-size: 0.875rem; line-height: 0.94rem; font-style: italic;}
#testimonials blockquote footer span {font-style: normal; margin-bottom: 0.4em; font-weight:500; font-size: 1rem; display: block}

#blog article {text-align: center}
#blog article:before {content: ""; margin-bottom: 1rem; display: block; height:1.38em; background: url(/images/icon-quote.svg) no-repeat center}
#blog article h2 {font-size: 1.06em; margin-bottom: 1.5em; font-weight: 400; color: #004B87;}
#blog article .button {color:#fff; font-size: 0.875em; font-weight: 500; padding: 0 1.5rem; line-height: 1.88rem; background: #41CB00; border-radius: 2px;}
#blog article .button:hover {background: #008EFF}

.pageHeader.departments .icon {display: block; margin: 0 auto 1em; width: 2.38em; height: 2.38em; background: url(/images/icon-serve-fit.svg) no-repeat center;}
.pageHeader p {font-style: italic; margin-bottom: 1.25em; color: #FFFFFF;}

#actions a {background: #EAEFF4;border-radius: .1875rem;color: #1B497F;font-size: 1rem;padding: .6875rem 1.25rem .5625rem;text-transform: uppercase;font-weight:500;line-height: 1.45;}
#actions a:hover {background: #008EFF;color: #FFF;}
#actions svg {height: .9rem; margin-right: .125rem;position: relative;top: .125rem;width: .9rem;}
#actions svg path {fill: #1B497F;}
#actions a:hover svg path { fill: #FFF; }

body.login #actions a { padding: .6875rem 1rem .5625rem; }

/* FOOTER ------------------------------ */
body>footer{background: #02223B;padding: 3.125rem 1.5rem;color:#9BB8D3;font-size:0.81rem;line-height: 1.12rem;}
body>footer a{color:#fff; font-weight: 500}
body>footer a span {color:#9BB8D3; font-weight: 400}
body>footer a:hover, footer a:active, body>footer a.tel:hover span, body>footer a:focus  {color: #008EFF;}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>footer .fatFooter a {display: block}
body>footer div .tel {white-space: nowrap;color:#fff;font-weight: 400;}
body>footer div .tel span { color:#9BB8D3 }
body>footer div .tel a {display: inline-block; font-weight:400; color:#9BB8D3}

body>footer  .social-media a {
  display: inline-block;
  margin: .5rem .75rem 0 0;
}

body>footer .social-media a.facebook svg {
  height: auto;
  width: 9px;
}

body>footer .social-media a.instagram svg {
  height: auto;
  position: relative;
  top: 2px;
  width: 18px;
}

body>footer .social-media a>svg path {
  fill: #FFF;
}
body>footer .social-media a:hover>svg path {
  fill: #41CB00;
}

body>footer>.fatFooter { display: flex; justify-content: space-between;}
body>footer>.fatFooter nav { text-align: right; }
body>footer>.fatFooter address {text-align: center; }
/* APPS ------------------------------ */

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

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

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

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



/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],body>header #navContainer li>span,.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger, .icon-button::before, .more-link svg, input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select {-webkit-transition: all .3s ease;transition: all .3s ease}
body>header { transition: background-color .3s 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; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }


/* WRAPS ------------------------------ */

.flex-row {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 65.5rem;
}
#tinymce.content .flex-row {display: block}

.row {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 65.5rem;
  z-index: 1;
}


/* BUTTON AND LIST STYLES  ------------------------------ */

.button.hide { display: none; }

a.blue { color: #008EFF; }
a.blue svg path { fill: #008EFF; }
a.blue:hover { color: #0069BD; }
a.blue:hover svg path { fill: #0069BD; }
a.button.blue {background: #008EFF;color: #FFF;}
a.button.blue:hover, a.button.blue:focus { background: #0069BD; color: #FFF; }


a.green { color: #41CB00; }
a.green svg path { fill: #41CB00;}
a.green:hover { color: #37AB00; }
a.green:hover svg path { fill: #37AB00; }
a.button.green { background: #41CB00; color: #FFF; }
a.button.green:hover, a.button.green:focus { background: #37AB00; color: #FFF}


ul.inline li {display: inline-block;}
ul.inline.icons { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }
ul.inline.icons li {padding: 0 1rem;text-align: center;width: 25%;}
ul.inline.icons svg { display: block; margin: 0 auto .5rem; }

ul.carets li { position: relative; }
ul.carets li::before {
  background-image: url("/images/icons/caret-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  content: '';
  height: .75rem;
  left: .5rem;
  position: absolute;
  top: .4375rem;
  width: .375rem;
}

ul.checkmark li {padding-left: 2.5rem;position: relative;}
ul.checkmark li::before {
  background-image: url("/images/icons/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  content: '';
  height: .75rem;
  left: .5rem;
  position: absolute;
  top: .4375rem;
  width: 1.25rem;
}

ul.checkmark.green li::before { background-image: url("/images/icons/checkmark-green.svg"); }

.icon-button {padding: 1.125rem 3rem 1.125rem 4.75rem;position: relative;}
.icon-button span {color: #FFF;position: relative;z-index: 1;}
.icon-button::before {
  background-position: .8rem center;
  background-repeat: no-repeat;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.25rem;
}

.icon-button::after {
  content: url('/images/icons/angle-right.svg');
  position: absolute;
  right: 1.25rem;
  top: 1.125rem;
}

.icon-button:hover::before, .icon-button:focus::before { width: 100%; }


.button.angle-right { position: relative; }
.button.angle-right:not(.small)::after {
  background: url('/images/icons/angle-right.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1rem 1.25rem;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2rem;
}

.button.small {
  font-size: .9375rem;
  padding: .4375rem 1.125rem;
}


ul.bullets li { padding-left: 2rem;position: relative; }
ul.bullets li::before {
  background: #063874;
  border-radius: 50%;
  content: '';
  display: block;
  height: .5rem;
  left: .625rem;
  position: absolute;
  top: .5rem;
  width: .5rem;
}

/* PAGEHEADER ------------------------------ */

.pageHeader {
  border-bottom: 3px solid #FFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  padding: 7rem 1.5rem;
  text-align: center;
  width: 100%;
}

.pageHeader h1 {font-size: 3rem;margin: 0;}


body.fullWidth #content {
  width: 100%;
  margin: 0 auto;
  float: none
}

/* HERO ------------------------------ */
#hero {
  background-color: #06264C;
  position: relative;
}

#hero .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  mix-blend-mode: luminosity;
  opacity: .9;
  position: absolute;
  top: 0;
  width: 100%;
}

#hero .bg::before {
  background-image: radial-gradient(50% 172%, rgba(6,38,76,0) 44%, #06264C 100%);
  content: '';
  height: 100%;
  left: 0;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 100%;
}

#hero .bg::after {
  background: #06264C;
  content: '';
  height: 100%;
  left: 0;
  opacity: .4;
  position: absolute;
  top: 0;
  width: 100%;
}

#hero .textbox {
  text-align: center;
  width: 100%;
  z-index: 3;
}

#hero h1 { margin: 0 0 1.5rem; }

#hero .button {padding: 1.125rem 3.75rem 1.125rem 2rem;position: relative;}
#hero .button::after{
  background: url('/images/icons/angle-down.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1rem 1.5rem;
  content: '';
  position: absolute;
  right: .875rem;
  top: 0;
  height: 100%;
  width: 2rem;
}


/* HOMEPAGE ------------------------------ */
.test-ribbon {
  color: var(--dark-blue);
  overflow: hidden;
  padding: clamp(2.813rem, 2.153rem + 3.3vw, 4.625rem) clamp(1rem, 0.455rem + 2.73vw, 2.5rem) clamp(2.813rem, 1.881rem + 4.66vw, 5.375rem);
  position: relative;
}

.test-ribbon.green {
  background: #EAEFF4;
}

.test-ribbon .wrap {
  max-width: 66.25em;
  overflow: visible;
  z-index: 1;
}

.test-ribbon .flex {
  display: flex;
  justify-content: space-between;
}

.test-ribbon h2 {
  display: flex;
  justify-content: center;
  font-size: clamp(1.875rem, 1.58rem + 1.48vw, 2.688rem);
  margin-bottom: clamp(1.25rem, 0.455rem + 3.98vw, 3.438rem);
  text-align: center;
  transform: none;
}

.test-ribbon h2:before {
  content: "";
  margin-right: 0.5em;
  padding-left: 1em;
}

.test-ribbon.blue h2:before {
  background: url(/images/icon-Serve-Fit.svg) no-repeat center / contain;
}

.test-ribbon.green h2:before {
  background: url(/images/icon-Live-Fit.svg) no-repeat center / contain;
}

.test-ribbon p {
  line-height: 1.625em;
}

.test-ribbon p strong {
  font-size: 1.25em;
}

.test-ribbon .ribbon-content {
	flex: 1 1 auto;
}

#content .test-ribbon .ribbon-content li {
	padding-left: 1.75rem;
}

#content .test-ribbon ul.checkmark.blue li:before{
    background: url(/images/checkmark-blue.svg) no-repeat 0 0 / 0.875em auto;
}

#content .test-ribbon ul.checkmark.green li:before{
    background: url(/images/checkmark-green.svg) no-repeat 0 0 / 0.875em auto;
}

.test-ribbon .used-by {
    align-items: center;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 5px 14px 0 #C8D2D9;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    text-align: center;
	padding: clamp(2rem, 1.682rem + 1.59vw, 2.875rem) 1em;
}

.test-ribbon .used-by h3 {
    color: var(--dark-blue);
}

#content .test-ribbon .used-by ul {
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
	padding: 0 1em;
}

#content .test-ribbon .used-by ul li {
	line-height: 1.375em;
	margin: 0;
	padding: 0;
  text-transform: capitalize;
}

#content .test-ribbon .used-by ul li:before {
	content: "";
	display: block;
	height: 1.875em;
	margin-bottom: 0.5625em;
}

#content .test-ribbon .used-by ul li.siren:before {background: url(/images/icons/icon-blue-siren.svg) no-repeat center}
#content .test-ribbon .used-by ul li.medical:before {background: url(/images/icons/icon-blue-medical.svg) no-repeat center}
#content .test-ribbon .used-by ul li.rescue:before {background: url(/images/icons/icon-blue-rescue.svg) no-repeat center}
#content .test-ribbon .used-by ul li.security:before {background: url(/images/icons/icon-blue-security.svg) no-repeat center}
#content .test-ribbon .used-by ul li.businesses:before {background: url(/images/icons/icon-green-businesses.svg) no-repeat center}
#content .test-ribbon .used-by ul li.fitness:before {background: url(/images/icons/icon-green-fitness.svg) no-repeat center}
#content .test-ribbon .used-by ul li.families:before {background: url(/images/icons/icon-green-families.svg) no-repeat center}
#content .test-ribbon .used-by ul li.schools:before {background: url(/images/icons/icon-green-schools.svg) no-repeat center}

.test-ribbon .actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.test-ribbon .actions .icon-button {
	overflow: hidden;
}

#ps-fitness-tests .icon-button::before {
    background-color: #0069BD;
    background-image: url('/images/icons/shield.svg');
    background-size: 1.9rem 2rem;
}

#fitness-testing .icon-button::before {
    background-color: #37AB00;
    background-image: url('/images/icons/stopwatch.svg');
    background-size: 1.6875rem 2rem;
}

.test-ribbon .actions .schedule-test {
	display: flex;
}

.test-ribbon .actions h3,
.test-ribbon .actions > a:not(.button) {
	font-size: 1em;
	color: var(--dark-blue);
	font-weight: 700;
	margin: 0;
}

.test-ribbon.green .actions > a:not(.button) {
	border-bottom: 2px solid var(--green);
}

.test-ribbon .actions ul {
	display: flex;
	margin: 0;
	padding: 0;
}

#content .test-ribbon .actions ul li {
	display: flex;
	gap: 0.25em;;
	margin: 0;
}

#content .test-ribbon .actions ul li:before {
	content: "";
	padding-left: 1em;
	background: url("/images/icons/caret-right.svg") no-repeat center / .375rem auto;
	flex-shrink: 0;
}

#content .test-ribbon .actions ul li a {
	display: block;
  font-weight: 500;
}






/* INTERIOR PAGES ------------------------------ */

main.interior { overflow: hidden; position: relative; }

main.interior .slash { left: 50%; position: absolute; transform: translateX(-50%); z-index: 0; }

main.interior .slash:first-of-type {top: -33rem;}
main.interior .slash:nth-child(2) { top: calc(100% - 66rem); }

main.interior.live-fit .slash:nth-child(2) {top: 23%;}
main.interior.live-fit .slash:nth-child(3) { top: calc(100% - 40rem); }

/* INTRO SECTION (SERVE FIT / LIVE FIT RIBBON 1) ------------------------------ */
#intro {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 11.5rem 1.5rem 9rem;
  position: relative;
  z-index: 1;
}

#intro .textbox {text-align: center;transform: none;width: 100%;position: relative; z-index: 2}

#intro h1 { color: #06264C; margin: .5rem 0; transition-delay: .15s}
#intro h1>svg, #intro h1>img {height: auto; max-width: 31.25rem; }
#intro p { font-size: 1.375rem; margin: 0 auto 1.75rem; max-width: 47.75rem; }
#intro .textbox.blue svg path { fill: #008EFF; }
#intro .textbox.green svg path { fill: #41CB00; }

#intro .scroll-buttons { display: inline-block; font-size: 0; max-width: 100%; width: 100%;}
#intro .button {padding: .875rem 0;text-align: center;white-space: nowrap;width: 11.25rem;}
#intro img { max-width: 100%; z-index:1}

#intro.serve-fit { padding: 11.5rem 1.5rem 13rem; }
#intro.serve-fit img:first-of-type {position: absolute;left: -5rem;left: calc(50% - 44rem);top: 6.5rem;}
#intro.serve-fit img:last-of-type {position: absolute;right: calc(50% - 41rem);top: 8.25rem;}

#intro.live-fit img:first-of-type {position: absolute;left: calc(50% - 35rem);top: 6.5rem;}
#intro.live-fit img:last-of-type {position: absolute;right: calc(50% - 38rem);top: 12.5rem;}

#intro.test-landing h1 { transition-delay: 0s; }
#intro.test-landing {padding: 12rem 1.5rem 8rem;}


/* DETAIL LIST SECTIONS ------------------------------ */
.detail-list {outline: 0;padding: 0 1.5rem;}
.detail-list + .detail-list .flex-row { border-top: 3px solid #C8D2D9;  }
.detail-list .flex-row { align-items: flex-start; justify-content: space-between; padding: 3.625rem 0 4.375rem; width: 61.25rem; }
.detail-list .row { width: 61.25rem; }
.detail-list .textbox, .list { border-radius: 4px; width: calc(50% - .675rem); }
.detail-list h2 { font-size: 1.9375rem; }
.detail-list h3 {font-size: 1.125rem;font-weight: 700;margin: 0 0 .875rem;}
.detail-list h4 {color: #333;font-weight: 500;margin: 0 0 1rem;}
.detail-list .list {background: #FFF;box-shadow: 0 5px 14px 0 #C8D2D9;padding: 1.5rem 1rem;transition-delay: .15s;}
.detail-list .button {font-size: 1rem;padding: .8125rem 2.625rem .8125rem 1.625rem;position: relative;}

#content .detail-list li {padding: 0 0 0 2.5rem;}
#content .detail-list ul.carets li { padding: 0 0 0 1.5rem }
#content .detail-list ul:not(.twoCol) li:last-of-type { margin: 0; }

#candidates.detail-list .flex-row {padding: 0 0 4.375rem;}
#candidates.detail-list p:last-of-type { margin-bottom: 0; }

#candidates.detail-list .flex-row.more-info {align-items: stretch;padding: 1rem 0 4.375rem;}
.more-info .button.small {
  border-radius: 3px;
  float: right;
  font-size: .8125rem;
  line-height: 1.25;
  padding: .25rem .6875rem;
}

.more-info time {color: #008EFF;display: block;font-size: 1rem;font-weight: 500;}

.more-info i {
  color: #727272;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.4;
}

.more-info .textbox {border: 1px solid #E2E6E9;padding: 1.375rem 1.5rem .75rem;}
.more-info ul {clear: both;column-rule: none;margin: 1rem 0 0;}
.more-info ul li {margin-bottom: .5rem;}

.more-info li a { display: block; }
.more-info li a:hover time {color: #0069BD; }
.more-info li a:hover i { color: #000; }
.more-info h4 > svg, .more-info h4 > img{margin: 0 .5rem 0 0;max-height: 1.625rem;vertical-align: bottom;width: auto;}

.flex-row#upcoming-tests {
  flex-wrap: wrap;
  gap: 1rem;
}



/* BLOG ------------------------------ */
#blog { background: #1B497F; padding: 3.625rem 1.5rem 4.625rem; position: relative; text-align: center; z-index: 1; }
#blog .flex-row { justify-content: space-between; width: 61.25rem; }
#content #blog li {margin: 0;padding: 0 .75rem;width: calc(33.33% - 1rem);}
#blog svg {height: auto;margin: 0 auto 1.125rem;opacity: .6;width: 2rem;}
#blog > div {color: #FFF;font-size: 1.9375rem;font-weight: 900;margin: 0 0 1.625rem;}
#blog h2 {color: #FFF;font-size: 1.0625rem; font-weight: 400;margin: 0 0 1.625rem;}
#blog .button {
  padding: .5rem 1.3125rem;
  font-size: .875rem;
  font-weight: 500;
}

/* REGISTER & SCORES (TABLE SECTIONS)------------------------------ */
#register { padding: 0 1.5rem 4rem; }
#passing-scores { padding: 4rem 1.5rem 0; }
#register .row { border-bottom: 3px solid #C8D2D9; padding-bottom: 5rem; text-align: center; }

.styledTable {background: #FFF;width: 100%;}
.styledTable th { white-space: nowrap }

.styledTable th {
  border-bottom: 1px solid #FFF;
  color: #004B87;
  font-size: .875rem;
  font-weight: 900;
  padding: .875rem 1rem;
  vertical-align: middle;
}

.styledTable td {
  font-size: .875em;
  padding: .5rem 1rem;
  vertical-align: middle;
  line-height: 150%
}

.styledTable .button { font-size: .85rem; }
.styledTable td:first-child { font-weight: 900; }

.styledTable tr:nth-child(even) td { background: #F2F4F5; }

#passing-scores .styledTable{ table-layout: fixed; }
#passing-scores .styledTable.percentileTable{ table-layout: auto; }
#passing-scores .styledTable th, #passing-scores .styledTable td, .table-test .styledTable th, .table-test .styledTable td { text-align: center; }
#passing-scores .styledTable tr th:first-of-type, #passing-scores .styledTable tr td:first-of-type, .table-test .styledTable tr th:first-of-type, .table-test .styledTable tr td:first-of-type {text-align: left;}
#passing-scores .styledTable tr th:last-of-type, #passing-scores .styledTable tr td:last-of-type, .table-test .styledTable tr th:last-of-type, .table-test .styledTable tr td:last-of-type { text-align: right; }

.styledTable.percentileTable th {border-bottom: 0;}
.percentileTable colgroup.darker {background: #F2F4F5;}
.percentileTable tr:nth-of-type(2) th p {margin: 0 0 .5rem 0; color: #06264c;}
.percentileTable tr:nth-of-type(2) th {padding-top: 0;}
.percentileTable tr:first-of-type th p:first-of-type {text-transform: uppercase;}
.percentileTable.styledTable tr th:last-of-type, .percentileTable.styledTable tr td:last-of-type,
#passing-scores .percentileTable.styledTable tr th:last-of-type, #passing-scores .percentileTable.styledTable tr td:last-of-type {text-align: center;}
/* COMPONENTS ------------------------------ */
#components {padding: 0 1.5rem;}
#components .row, #passing-scores .row {padding-bottom: 4rem;text-align: center;}

#components .flex-row {align-items: flex-start;border-bottom: 3px solid #C8D2D9;flex-flow: row wrap;justify-content: space-between;}
#components .flex-row>li {box-shadow: 0 5px 14px 0 #C8D2D9;margin: 0 0 5rem;padding: 3.5rem 2rem 0 2rem;position: relative;width: calc(50% - .625rem);}

#components .icon {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%,-50%);
  z-index: 1;
}

#components .icon>div {
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  background: #EAEFF4;
  display: flex;
  height: 4.625rem;
  width: 4.625rem;
}

#components .textbox { overflow: hidden; transition: all .5s ease; }
#components .textbox.accordion { height: 0; min-height: 17.5rem; }
#components .textbox.accordion .button {font-size: 1em; padding: 0.7em 1em;display: block;text-align: center;max-width: 8em;margin: 1.5em auto;}
#components .textbox.accordion.expand .button {position: relative; z-index:1;}
#components .textbox.accordion .button:hover {background:#0069BD}
#components h3 { color: #06264C; font-size: 1.375rem; text-align: center; }

#components .more-link {
  background: #FFF;
  bottom: 0;
  display: block;
  font-weight: 700;
  left: 0;
  padding: 1rem 0 .75rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 0;
}

#components .more-link::before {
  background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFF 50%);
  bottom: 0;
  content: '';
  height: 6rem;
  left: 0;
  opacity: 1;
  position: absolute;
  transition-delay: 0s;
  width: 100%;
  z-index: -1;
}

#components .more-link>svg { height: 1.5rem; margin: 0 0 0 .25rem; position: relative; top: .5rem; width: 1rem; }
#components .more-link>svg path { fill: #0074FF; }
#components .more-link:hover>svg path { fill: #0069BD; }
#components .textbox.expand + .more-link::before { opacity: 0;   transition-delay: .5s; }
#components .textbox.expand + .more-link>svg { transform: rotate(180deg); }

/* POLICE (CHIP PAGE) ------------------------------ */
#police { background: #1B497F; padding: 4.625rem 1.5rem; position: relative; text-align: center; z-index: 1;}
#police .textbox { margin: 0 auto; max-width: 100%; width: 710px; }
#police h2, #police p { color: #FFF; margin: 0 0 2rem;}
#police .button { font-size: 1rem; padding: .8125rem 2.8125rem .8125rem 1.5rem;}

/* WHAT YOU NEED (CHIP PAGE) ------------------------------ */
#what-you-need { padding: 0 1.5rem; }
#what-you-need .row { border-top: 3px solid #C8D2D9; padding: 4.5rem 0;}
#what-you-need h2 { text-align: center; }
#what-you-need .detail-list {margin: -.75rem 0 1.5rem;padding: 0;}
#content #what-you-need li { margin-bottom: .5rem; }
#what-you-need p.subheading { margin: 0 0 .5rem; }
#what-you-need p.subheading strong {color: #06264C;font-size: 1.375rem;font-weight: 900;}
#what-you-need .button {margin: 0 0 1rem;}
/* REGISTRATION AND LOGIN FORMS ------------------------------ */

.registration-header { text-align: center }
.registration-header h2 span { color: #02223B; font-weight: 400; font-size: 1rem; display: block; }
.registration-header h2 {margin-bottom: .5rem;}
.registration-header p { margin: 0; color: #666; }
.registration-header .test-fee {
    background: #41CB00;
    font-size: .875em;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin: 0 0 .5rem;
    padding: .25rem 1rem;
    border-radius: 4px;
}

.registration-form td { position: relative }
.registration-form .CVV { font-size: .75em; cursor: pointer; float: right; }
.registration-form .CVV-info {font-size: .75em; display: none; line-height: 120%; background: #fff; box-shadow:0 5px 14px 0 #C8D2D9; padding: 1em; border-radius: 3px; margin: 0.5em 0 2em;}
.registration-form .CVV-info p {font-size: .75rem; margin: 0;line-height: 1.25;}
.registration-form .CVV-info p + p{margin: .5rem 0 0;}
.registration-form .CVV-info p strong {display: block; margin-bottom: 0.25em;}
.registration-form .form-actions { text-align: center; }
.registration-form .form-actions p label { display: block; line-height: 1.25rem; position: relative }

form .clear,.registration-form input[value="Reset Form"] {
    background: 0 0;
    display: inline-block;
    padding: .65em 1.75em;
    font-weight: 400;
    color: #666;
    margin-top: 0;
    font-size: 1rem;
}

.registration-form hr { margin: 2em 0; }
.registration-form h2 .test-fee {background: #41CB00;font-size: 1rem;font-weight: 500;color: #fff;display: inline-block;padding: 0 .75em;border-radius: 4px;float: right;}

.registration-form h2 .accepted-payment { display: inline-block; vertical-align: bottom; margin-left: .5rem }
.registration-form h2 .accepted-payment img { width: 3rem; height: auto; border-radius: 3px; display: inline-block; vertical-align: bottom; border: 1px solid rgba(0,0,0,.125); }

form .clear:hover,.registration-form input[value="Reset Form"]:hover { color: #008EFF; background: 0 0 }

.login-form,.createAccount { border-radius: 3px; margin: 0 auto 2em; padding: 1em 1.5em; background: #F2F2F2; }
.login-form p { font-size: .875em; margin: 0 }
.login-form tr:last-child td { text-align: center; }
.login-form label>input[type="checkbox"] { padding-left: 1.25rem; }
.login-form input[type=submit] { margin: 0 0 1rem;width: 100%; }
.login-form br + br { display: none; }
.login-form .clear { padding: .5em .5em; }

.content .highlight.disclaimer { border: 1px solid #41CB00 }
.content .highlight.disclaimer:before { width: 35px; background: url(/images/icons/misc/disclaimer.svg) no-repeat center; }
.content .highlight.disclaimer h2 { font-size: 1.75em; }
.icon-buttons { text-align: center; }
.icon-buttons p { margin: 1em 0 0; }
.icon-buttons .button svg { display: block; margin: 0 auto .75rem; opacity: .5; width: 2em; height: 1.5em }
.icon-buttons .button svg path { fill: #fff; }
.doctor-list { font-size: .875em; }
.doctor-list li { margin-bottom: 2em; padding-top: .25em; }
.doctor-list h3 { font-size: 1.125rem; margin-bottom: .4rem; }
.doctor-list p { line-height: 150%; margin-bottom: .4rem; }
.doctor-list .tel { all: unset; }
.registrantsActions { margin-top: 0 }

.registrantFilters {
	display: flex;
	gap: 0.5em;
  margin: 0 0 2em;
}

.registrantFilters.table-filters {
  align-items: center;
  gap:1em;
  white-space: nowrap;
}

.registrantFilters :where(input[type="text"], select) {
  flex: 1 1 auto;
}

.registrantFilters input[type="submit"] {
  padding-block: .625em;
}

table.results .score {
    display: inline-block;
    color: #fff;
    margin-left: .5em;
    border-radius: 2px;
    font-weight: 400;
    width: 3.25em;
    text-align: center
}

table.results .score.pass { background: green; }
table.results .score.fail { background: red; }
.login-form.test-results { background: 0 0; }
.login-form.test-results input[type=text] { text-align: center; }
.candidate-test-results .candidate-info { background: #f2f4f5; padding-left: 1rem; padding-right: 1rem }
.candidate-test-results>* { padding-top: 1rem; padding-bottom: 1rem; }
.candidate-test-results table td,.candidate-test-results table td:first-child { padding: .25rem .5rem }
.candidate-test-results .results tr:not(:first-child) { border-top: 1px dashed #CCC; }
.retrieve-password .flex { max-width: 30rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.retrieve-password .flex>* { height: 2.5rem; font-size: 1rem; padding: 0 .5rem; }
.retrieve-password .flex [type=text] { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.retrieve-password .flex [type=submit] { width: 6rem; margin-left: .5rem; }

.activity-list { display: flex; flex-wrap: wrap; }
.activity-list>div {width: calc(10% - .25rem);height: 0;padding-bottom: 10%;margin: 0 .25rem .25rem 0;background: #F1F1F1;position: relative;min-width: 3.5rem;min-height: 3.5rem;}

.activity-list>div img { max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.events {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.events { width: 100%; float: left; margin-bottom: 2rem; }
.events div { float: left; background-color: #F1F1F1; width: 50% }
.events div+div {margin-left: 5%;}
.events div h2 { padding-left: 1rem; background-color: #0D4471; color: #FFF; margin-bottom: 0; line-height: 2; font-size: 1.25rem; margin-top: 0; text-transform: uppercase; font-style: italic; border-bottom: solid 5px #FFF; font-weight: 900; }
.events div img { width: 100%; height: auto; border-bottom: solid 5px #FFF; }
.events div ul { margin-left: 2rem }
.events div ul li { font-weight: 500; }
.events div ul li a strong {color: #02223B;text-transform: uppercase;font-weight: 900;}
.events div ul li a:hover strong { color: #0069BD; }

.form-edit-buttons { font-size: .875em; text-align: right; }
.form-edit-buttons .align-left { float: left; }
.form-edit-buttons .button { font-size: 1rem; }
.formEdit input[type=text],.formEdit input[type=email],.formEdit input[type=phone],.formEdit select,.formEdit textarea { width: 100%; }

.half {
    width: 100%;
    clear: both;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.half div {
    vertical-align: top
}

.login-form.everify-login {margin:0 auto; display: block}

.login-form,.createAccount {
    width: 48%;
    display: inline-block
}

.login-form+.createAccount {
    margin-left: 2%
}

.login-form+.createAccount svg {
  height: 2rem;
  position: relative;
  top: .25rem;
  width: 2rem;
}

/* CONTACT FORM ------------------------------ */

#ContactForm {
  margin: -2rem 0 5rem;
}

/* ANIMATIONS ------------------------------ */

.translate-left, 
.translate-right, 
.translate-up, 
.translate-down, 
.down,
.test-ribbon h2::before,
.test-ribbon h2 span {
  opacity: 0;
  position: relative;
  z-index: 5;
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  -o-transition: all .75s ease;
  transition: all .75s ease;
}

.translate-left,
.test-ribbon h2 span {transform: translate(4.75rem,0);}
.translate-right {transform: translate(-4.75rem,0);}
.translate-up {transform: translate(0,4.75rem);}
.translate-down, 
.test-ribbon h2::before,
.down {transform: translate(0,-4.75rem);}

.animated,
.test-ribbon h2.animated:before,
.test-ribbon h2.animated span { opacity: 1; }
.translate-left.animated, 
.translate-right.animated, 
.translate-up.animated, 
.translate-down.animated, 
.translate-up.animated .down, 
.mce-content-body .translate-left, 
.mce-content-body .translate-right, 
.mce-content-body .translate-up, 
.mce-content-body .translate-down, 
.mce-content-body .translate-up .down,
.test-ribbon h2.animated:before,
.test-ribbon h2.animated span {opacity: 1; transform: translate(0,0);}

#ps-fitness-tests ul.inline li:nth-child(4n+2), #fitness-testing ul.inline li:nth-child(4n+2) { transition-delay: .15s }
#ps-fitness-tests ul.inline li:nth-child(4n+3), #fitness-testing ul.inline li:nth-child(4n+3) { transition-delay: .3s }
#ps-fitness-tests ul.inline li:nth-child(4n+4), #fitness-testing ul.inline li:nth-child(4n+4) { transition-delay: .45s }

#ps-fitness-tests ul.checkmark li:nth-child(2), #fitness-testing ul.checkmark li:nth-child(2) { transition-delay: .15s }
#ps-fitness-tests ul.checkmark li:nth-child(3), #fitness-testing ul.checkmark li:nth-child(3) { transition-delay: .3s }
#ps-fitness-tests ul.checkmark li:nth-child(4), #fitness-testing ul.checkmark li:nth-child(4) { transition-delay: .45s }

#hero .button:nth-of-type(1) { transition-property: all, background-color; transition-delay: .15s, 0s; }
#hero .button:nth-of-type(2) { transition-property: all, background-color; transition-delay: .3s, 0s; }

#intro .button:nth-of-type(1) { transition-property: all, background-color; transition-delay: .3s, 0s;}
#intro .button:nth-of-type(2) { transition-property: all, background-color; transition-delay: .45s, 0s; }
#intro .button:nth-of-type(3) { transition-property: all, background-color; transition-delay: .6s, 0s; }
#intro .button:nth-of-type(4) { transition-property: all, background-color; transition-delay: .75s, 0s; }
#intro .button:nth-of-type(5) { transition-property: all, background-color; transition-delay: .9s, 0s; }

#intro>img:nth-of-type(1) { transition-delay: .45s; }
#intro>img:nth-of-type(2) { transition-delay: .6s; }

.detail-list ul.checkmark li:nth-child(2) { transition-delay: .15s}
.detail-list ul.checkmark li:nth-child(3) { transition-delay: .3s}
.detail-list ul.checkmark li:nth-child(4) { transition-delay: .45s}
.detail-list ul.checkmark li:nth-child(5) { transition-delay: .6s}
.detail-list ul.checkmark li:nth-child(6) { transition-delay: .75s}

#components li:nth-child(2n+1) { transition-delay: 0s; }
#components li:nth-child(2n+2) { transition-delay: .15s; }

#components li:nth-child(2n+1) .icon>div{ transition-delay: .3s; }
#components li:nth-child(2n+2) .icon>div{ transition-delay: .45s; }


@media (max-width: 850px) {
  #ps-fitness-tests ul.inline li:nth-child(2n+1), #fitness-testing ul.inline li:nth-child(2n+1) { transition-delay: 0s }
  #ps-fitness-tests ul.inline li:nth-child(2n+2), #fitness-testing ul.inline li:nth-child(2n+2) { transition-delay: .15s }
}

/* ------------ ------- STYLE.CSS ------- ------------ */