img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }body { min-width: 320px; font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; text-align: center; }body, header a { color: #211d1e; }body, .top ul { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, header, .apply strong, .home h2, form input[type=submit], .btn { text-transform: uppercase; }img, iframe { max-width: 100%; height: auto; }iframe { aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; display: block }.fullwidth { width: 100%; }a img, iframe { border: none; }a:hover { transition: ease-in-out .3s; }a, header a:hover, footer a:hover, form input[type=submit]:hover, .btn:hover { text-decoration: none; }a, header a:hover, footer a:hover { color: #01a2dd; }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }.hide { display: none !important; }.center, .apply h1, .apply h2, .featured h2, .cta h2, .cta h3, .join h2, .join p, .ccpaNotice, footer .grid > div:nth-of-type(2) li { text-align: center !important; }.wrap { display: block; max-width: 1200px; margin: 0 auto; position: relative; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1; }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 40px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.gallery.grid { grid-gap: 25px; grid-template-columns: 1fr 1fr }.gallery img { width: 100%; height: 100%; object-fit: cover }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 } .top, footer { background-color: #0055a5; }.top, .top a, footer, footer .grid a, .apply h1, .apply h2, .welcome, .welcome h2, .welcome h3, .featured h2, .cta h2, .cta h3, .safety, .safety h2 { color: #fff !important; }.top a { margin-left: 20px; }.top, footer .grid > div:nth-of-type(3), footer .grid > div:nth-of-type(3) p, .welcome h2, .welcome h3, .welcome p { text-align: right; }header, footer { font-size: 16px; }header .wrap { padding: 10px; }nav ul{margin:0}nav a { font-weight: bold; color: #908e8f; display: block;margin:5px;padding:5px }footer .grid > div:nth-of-type(2) li { margin: 0 10px; }header li, footer .grid > div:nth-of-type(2) li { display: inline-block; }header { box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; z-index: 999; }header img { max-width: 200px;filter:drop-shadow(1px -1px 2px #fff) }header svg, main svg { vertical-align: middle; } .home > div > .wrap { padding: 50px 15px 60px; }.apply, .welcome, .featured .grid > div, .cta, .safety { background-size: cover; background-position: center; }.apply { width: 100%; height: 900px; margin-top: -222px; }.apply:before, .featured .grid > div:before, .cta:before { width: 100%; content: ""; background-color: rgba(0,0,0,.4); position: absolute; inset: 0 }.apply:before { height: 900px;z-index:1 }.apply .wrap, .cta .wrap { position: relative; transform: translateY(-50%);z-index:2 }.apply .wrap{top:60%}.cta .wrap{top:50%}.apply h1, .apply h2, .featured h2, .cta h2, .cta h3 { text-shadow: 2px 2px 3px rgba(0,0,0,.3); }.apply h1, .apply h2, .cta h2, .cta h3 { margin: 0; }.apply h1, .home .cta h2 { font-size: 48px; }.apply h2 { text-transform: unset; }.apply .btn { margin-top: 20px; }.welcome { background-image: url(/images/bg-welcome.png); background-color: #508bc2; }.welcome .grid { padding-right: 50px; }.featured .grid { grid-gap: 0; }.featured .grid > div, .featured h2, .featured .btn, .cta { position: relative; }.featured h2, .featured .btn { z-index: 999; }.featured h2:after { width: 60px; height: 2px; content: ""; background-color: rgba(255,255,255,.8); position: absolute; top: 50px; left: 50%; transform: translateX(-50%); }.featured .btn { margin-top: 20px; }.featured .grid > div { padding: 100px 10px; }.featured .grid > div:before, .cta:before { height: 100%; }.featured .grid > div:nth-of-type(1) { background-image: url(/images/feat1.jpg); }.featured .grid > div:nth-of-type(2) { background-image: url(/images/feat2.jpg); }.featured .grid > div:nth-of-type(3) { background-image: url(/images/feat3.jpg); }.featured .grid > div:nth-of-type(4) { background-image: url(/images/feat4.jpg); }.cta { width: 100%; height: 600px; background-image: url(/images/bg-cta.jpg); }.cta h2 { max-width: 900px; line-height: 1.2; margin: 0 auto; }.cta h3 { padding: 20px 0; }.join ul { margin: 40px 0; }.join li { display: block; width: max-content; background-color: #508bc2; color: #fff; padding: 10px 20px; margin: 20px auto; border-radius: 10px; }.join svg { margin-right: 5px; }.safety { background-image: url(/images/bg-safety.png); background-color: #0d4073; }.safety .grid { padding-left: 50px; } main { padding: 40px 10px 60px; }main h1, .home .join h2 { font-size: 36px; line-height: 1.2; }main h1, main h3 { color: #508bc2; }main h2, .home h2, .home .cta h3 { font-size: 24px; }main h2 { color: #0d4073; }main h3 { font-size: 20px; }main h4, .home h3 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }main .grid { padding: 40px 0; }.nolist, header ul, footer ul, .join ul { list-style: none; padding: 0; }.contact .grid { grid-template-columns: 1fr 350px; }.contact .grid > div:last-of-type { background-color: #0d4073; color: #fff; padding: 0 40px; } .cycle-slideshow, .cycle-slideshow * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.cycle-slideshow {width: 100%;max-width: 600px;margin: 30px auto;padding: 0;position: relative;}.cycle-slideshow img {position: absolute;top: 0;left: 0;width: 100%;padding: 0;display: block;}.cycle-slideshow img:first-child {position: static;z-index: 100;}.cycle-pager {text-align: center;width: 100%;z-index: 500;position: absolute;top: 10px;overflow: hidden;}.cycle-pager span {font-family: arial;font-size: 50px;width: 16px;height: 16px;display: inline-block;color: #ddd;cursor: pointer;}.cycle-pager span.cycle-pager-active {color: #476bc3;}.cycle-pager > * {cursor: pointer;}.cycle-caption {position: absolute;color: #fff;bottom: 15px;right: 15px;z-index: 700;}.cycle-overlay {position: absolute;bottom: 0;width: 100%;z-index: 600;background: black;color: white;padding: 15px;opacity: .5;} form .grid { grid-gap: 0 10px; padding: 0 }form fieldset { border: 1px solid black; padding: 5px 10px; margin: 1em 0 2em; text-align: left }form legend { background-color: #ccc; display: block; text-align: center; font-weight: bold; width: calc(100% + 20px); text-transform: uppercase; padding: 5px 0; border: 1px solid #000; margin: 0 -11px 10px }form legend span { text-transform: lowercase; white-space: nowrap }form label { display: block; text-align: left; margin-bottom: 10px }form input, form select, form textarea, .btn { font-family: 'Work Sans', sans-serif; font-size: 16px; font-weight: 300; }form input, form select, form textarea { background-color: #fff; padding: 10px; border: 1px solid #ddd; box-sizing: border-box; width: 100% }form textarea { height: 100px }form input[type=radio], form input[type=checkbox] { width: auto; margin: 0 5px 0 0 }form input[type=date] { padding: 9px 10px }form .radio { text-align: left; margin-bottom: 10px }form .radio label { display: inline-block; margin-right: 30px }form input[type=file] { margin-left: 10px; border-radius: 0; }form input[type=submit], .btn { display: inline-block; font-weight: bold; text-align: center; line-height: 1.5; background-color: #0055a5; color: #fff; padding: 10px 30px; margin: 10px 0; border: none; border-radius: 50px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: #01a2dd; color: #fff !important; }form .note { font-style: italic; font-size: 14px; display: block }form .formbox { border: 1px solid #ddd }form .formbox > label { margin-bottom: 0; padding: 6px 10px }form p { margin-bottom: 0 }form .grid p { margin-top: 0 }form .education b { display: block; margin-top: 20px }form .education b:first-of-type { margin-top: 0 }#application .grid.app-name { grid-template-columns: 1fr 1fr 125px 1fr }#application .grid.address { grid-template-columns: 2fr 1fr 100px 100px }#application .grid.half { grid-template-columns: 1fr 1fr }#application .references .grid.third { grid-template-columns: 200px 1fr 150px }#application .grid.leaving { grid-template-columns: 1fr 250px }#application .grid.salary { grid-template-columns: 1fr 150px 150px }#application summary { font-weight: bold }#application .additional textarea { height: 400px }#self-identification .grid.selfdate { grid-template-columns: 1fr 200px } footer .wrap { padding: 20px 10px; }footer .grid.third { grid-template-columns: 250px 1fr 250px; } @media(max-width:999px) { .top, footer, footer li, footer p { text-align: center !important; } .grid.half, .grid.third, .grid.fourth { grid-template-columns: 1fr !important; } .welcome, .safety { background-image: none; padding: 0 10px; } .welcome .grid, .safety .grid { padding: 0; } footer .wrap { padding: 20px 10px 40px; } footer img { display: block; margin: 0 auto; } .apply{position:relative} .apply,.apply:before{height:500px} .apply .wrap{transform:none;top:unset;position:unset;} .apply .btn { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);z-index:2 } .apply h1, .apply h2{position:relative;z-index:2}} @media(max-width:600px) { .join li { width: unset; text-align: center; background-color: unset; color: #508bc2; margin: 5px 0; padding: 0; } .join li svg { filter: invert(100%); } #application .grid, .gallery.grid { grid-template-columns: 1fr !important; } .cycle-overlay {padding: 4px } .cycle-caption {bottom: 4px;right: 4px} } @media(max-width:450px) { .top li { display: block; text-align: center; margin: 5px 0; } .top a { margin: 0; } .home .cta h2 { font-size: 40px; }}