img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html { --14px: 0.875rem; --15px: 0.9375rem; --16px: 1rem; --17px: 1.0625rem; --18px: 1.125rem; --19px: 1.1875rem; --20px: 1.25rem; --21px: 1.3125rem; }*:focus-visible,input[type='submit']:focus-visible { outline-style: solid; outline-width: 2px; outline-color: #000; box-shadow: -4px -4px 8px #fff; outline-offset: 4px; border-radius: 3px; transition: all 0.3s linear 0.01s; }.focusclarity *:focus-visible { outline-color: var(--primary); box-shadow: none; }.focusclarity input[type='submit']:focus-visible { outline-color: var(--primary); }.jump { text-decoration-line: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; position: absolute; background-color: var(--secondary); left: 300px; top: -6px; padding: 10px; border-width: 2px; border-color: var(--secondary-comp); border-style: none solid solid; transform: translateY(-200%); }.jump:focus { transform: translateY(0); outline-offset: 0; text-decoration: none; }a[target='_blank'] { position: relative; }a[target='_blank'] i { padding: 4px; border: 1px solid black; color: #000; background-color: #fff; text-decoration: none; position: absolute; left: 30px; bottom: -30px; z-index: 999; width: 130px; display: none; font-size: 12px; font-family: sans-serif; text-align: center; letter-spacing: 0; }a[target='_blank']:hover i,a[target='_blank']:focus i { display: block; }.back { margin: 0; display: none; }.back a { color: var(--primary-comp); padding: 5px 15px; }header a[target='_blank'] i { left: 0; }.logomark a[target='_blank'] i { left: 14px; }.ccpaNotice a i { bottom: unset !important; top: -30px; }* { scroll-behavior: smooth; }.team div { background-color: #eeecec; padding: 15px; } html,form input,form textarea { font-family: Arial, Helvetica, sans-serif; }body { margin: 0; min-width: 320px; line-height: 1.5; min-width: 320px; }h1,h2,h3,h4,h5,h6 { line-height: 1.2; }.wrap { max-width: 1080px; margin: 0 auto; padding: 0 10px; position: relative; }img,iframe,video { max-width: 100%; display: block; height: auto; }a img,iframe { border: none; }a,header a:hover,.btn:hover,form input[type='submit'] { text-decoration: none; }a,form input[type='submit'] { transition: ease-in-out 0.3s; }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft,.imgRight { max-width: 50%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.hide { display: none !important; }.nowrap,a[href^='tel'] { white-space: nowrap; }.grid { display: grid; grid-gap: 10px; }.grid.half { grid-template-columns: 1fr 1fr; }.grid.third { grid-template-columns: 1fr 1fr 1fr; }.grid.fourth { grid-template-columns: 1fr 1fr 1fr 1fr; }.grid.mid { align-items: center; }.mid div { padding: 20px; }.grid .span2 { grid-column: span 2; }.grid .span3 { grid-column: span 3; }.grid.lists { grid-row-gap: 0; }.grid ul { margin: 0; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1 1 300px; }ul,ol { padding-left: 25px; margin: 0; }.nolist { list-style: none; padding: 0; }.flex ul li:last-of-type { margin-bottom: 0; }section li,main li { margin: 5px 0; }.center,.btn,form { text-align: center; }.banner,.cover { background-size: cover; background-position: center; }header a,.btn { text-decoration: none; }.bgimg { position: relative; }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0; }.banner.bgimg > img:first-of-type { object-position: center; } .notice { padding: 10px; }header a { display: block; }header .grid { grid-template-columns: 300px 1fr; padding: 20px 0; grid-gap: 0; }header .logo { text-align: left; padding: 10px; }nav ul { padding: 0; margin: 0; text-align: right; }nav li { display: inline-block; }nav a { margin: 5px; padding: 5px; } .banner { height: 600px; color: #fff; padding: 10px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); position: relative; }.banner .btn { text-shadow: none; }.banner:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; }.banner > .wrap { top: 50%; transform: translateY(-50%); position: relative; z-index: 2; }.banner h1 { font-size: 2rem; margin: 0 0 20px; } section,main { padding: 0 0 10px; color: var(--font, #4d4d4d); }.segment { padding: 40px 10px; }.services { padding-bottom: 40px; }.btn,form input[type='submit'] { display: inline-block; min-width: 160px; padding: 15px 20px; margin: 0 auto; border-radius: 3px; } footer { clear: both }footer .wrap { padding: 20px 0; }footer .grid { align-items: center; }footer .segment { padding: 20px 10px; }.subfoot .grid { grid-gap: 0; }.logomark { text-align: right; }.logomark a { display: inline-block; margin: 0 auto; } form { margin: 20px 0; }form fieldset { border: none; padding: 0; margin: 0; }form legend { text-align: left; padding: 0; }form input,form textarea { display: block; padding: 15px 10px; width: 100%; box-sizing: border-box; margin: 0 0 12px; line-height: 1.5; border: none; font-size: var(--16px); }form textarea { height: 150px; }form input[type='submit'] { max-width: 250px; }form input[type='submit']:hover { cursor: pointer; }form label { display: block; text-align: left; } .jump:focus { transform: translateY(0); }body,form input,form textarea { font-family: 'Poppins', sans-serif; }body { font-size: 18px; color: var(--light-comp, #4d4d4d); }body,.bg-dark { background-color: var(--dark, #232323); color: var(--dark-comp, #fff); }.bg-main,main { background-color: var(--main-bg, #fff); color: var(--light-comp, #4d4d4d); }.bg-light { background-color: var(--light, #f5f5f5); color: var(--light-comp, #4d4d4d); }.bg-primary,input[type='submit'],.btn { background-color: var(--primary, #1ba2b6); color: var(--primary-comp, #fff); }a,nav a:hover,.row1 a:hover,.services a:hover,.news a:hover { color: var(--secondary, #1acbdd); }.bg-secondary,.btn:hover,form input[type='submit']:hover { background-color: var(, #1acbdd); color: var(--secondary-comp, #fff); }.notice,.banner,.row1,.services .grid,footer,.emphasis { text-align: center; }header a,.btn { color: var(--dark-comp, #fff); }header a:hover { color: var(--dark-accent); }header,.subfoot,.btn,form input[type='submit'],.contact li { font-size: 16px; }header { width: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent); position: absolute; z-index: 999; }.banner.main { height: 700px; text-align: right; background-position: center; }.banner.main h1,.banner.main p { max-width: 500px; margin-left: auto; }.banner.main h1 { font-size: 36px; }.banner { height: 450px; background-position: bottom; }.banner > .wrap { top: 65%; transform: translateY(-65%); }.home > .wrap { top: 75%; transform: translateY(-65%); }.bannerhero > .wrap { top: 55%; }.banner:after { background-color: none; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), transparent); }.banner p,main h3,.row3 { font-size: 20px; }.banner h1,footer h2 { font-size: 30px; font-weight: 500; }.banner p { margin-top: 0; }.btn,form input[type='submit'] { padding: 13px 20px; }.btn { margin-top: 10px; }.btn.style2 { background-color: var(--dark, #232323); }.btn.style2:hover { background-color: #3c3c3c; }main h2 { font-size: 24px; }.services a { color: var(--light-comp, #4d4d4d); }.row1 a { color: var(--light-comp, #4d4d4d); }.row1 a:hover,.services a:hover,.news a:hover { text-decoration: none; }.row1 .grid { margin: 40px 0 10px; }.row2,.row4 { padding: 50px 10px; }.row2 .grid > div:first-of-type { order: 2; }.row2 .grid > div:last-of-type { order: 1; }.row2 p { padding-right: 50px; }.row4 { text-align: right; }.row4 p { padding-left: 50px; }.emphasis { padding: 20px 40px 30px; margin: 40px 0; }.services .grid,.contact .grid { margin: 50px 0 10px; }.news a { color: var(--primary, #1ba2b6); }.contact ul { margin: 40px 0; }form { margin: 40px 0; }form input,form textarea { background-color: transparent; padding: 10px 0; border-bottom: 1px solid #4d4d4d; }form input::placeholder,form textarea::placeholder { color: var(--light-comp); }form input:focus,form textarea:focus { outline: none; }form input[type='submit'] { border: none; }footer { padding: 0; }footer .cta { padding: 50px 0 40px; }footer h2,footer p,footer form { position: relative; z-index: 999; }.subfoot { text-align: left; padding: 20px; } @media (max-width: 500px) { header { position: relative; background-image: none; background-color: var(--dark, #232323); } nav a { background-color: var(--primary, #1ba2b6); padding: 5px 15px; border-radius: 3px; } .banner { height: 300px; } .banner.main { height: auto; height: 500px; }} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #040813; --dark-comp: #fff; --primary: #0084c9; --primary-comp: #fff; --secondary: #aaa; --secondary-comp: #fff; --accent: ##c94500; --dark-accent: #c94500; } .jump:focus { transform: translateY(0); }body,form input,form textarea { font-family: 'Poppins', sans-serif; }body { font-size: 18px; color: var(--light-comp, #4d4d4d); }body,.bg-dark { background-color: var(--dark, #232323); color: var(--dark-comp, #fff); }.bg-main,main { background-color: var(--main-bg, #fff); color: var(--light-comp, #4d4d4d); }.bg-light { background-color: var(--light, #f5f5f5); color: var(--light-comp, #4d4d4d); }.bg-primary,input[type='submit'],.btn { background-color: var(--primary, #1ba2b6); color: var(--primary-comp, #fff); }a,nav a:hover,.row1 a:hover,.services a:hover,.news a:hover { color: var(--dark, #040813); }.services a { padding: 5px 15px; background-color: #f6f6f6; }.services p { font-size: 16px; }.bg-secondary,.btn:hover,form input[type='submit']:hover { background-color: var(--secondary, #1acbdd); color: var(--secondary-comp, #fff); }.bgdark { background-color: #040813; padding: 100px; color: #eee; }.bgdark div { padding: 50px; }.bgblue { background-color: #0084c9; color: #eee; padding: 30px; margin: 50px; }.logo img { max-width: 250px;width:100%; margin: 0 auto; }.notice,.banner,.row1,.services .grid,footer,.emphasis { text-align: center; }.notice { position: relative; display: flex; justify-content: center; align-items: center; }.notice a:last-of-type { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }header a,.btn { color: var(--dark-comp, #fff); }header a:hover { color: var(--dark-accent); }header,.subfoot,.btn,form input[type='submit'],.contact li { font-size: 16px; }header { width: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), transparent); position: absolute; z-index: 999; }.banner.main { margin: 0 auto; height: 500px; text-align: center; background-position: center; }.banner.main h1,.banner.main p { max-width: 660px; margin: 0 auto; }.banner.main h1 { font-size: 36px; }.banner { height: 450px; }.banner .main > .wrap { top: 75%; transform: translateY(-75%); }.banner:after { background-color: none; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3), transparent); z-index: 1; }.banner p,main h3,.row3 { font-size: 16px; }.banner h1,footer h2 { font-size: 30px; font-weight: 500; }.banner p { margin-top: 0; }.baner > .wrap { top: 60%; transform: translateY(-5%); z-index: 1; }.bgimg { position: relative; }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0; }.cta.bgimg>img:first-of-type{filter:opacity(0.2)}.btn,form input[type='submit'] { padding: 13px 20px; }.btn { margin-top: 10px; }.btn.style2 { background-color: var(--dark, #232323); }.btn.style2:hover { background-color: #3c3c3c; }main h2 { font-size: 24px; }.services a { color: var(--light-comp, #4d4d4d); }.row1 a { color: var(--light-comp, #eee); }.row1 a:hover,.services a:hover,.news a:hover { text-decoration: none; }.row1 .grid { margin: 40px 0 10px; }.row2,.row4 { padding: 50px 10px; }.row2 .grid > div:first-of-type { order: 2; }.row2 .grid > div:last-of-type { order: 1; }.row2 p { padding-right: 50px; }.row4 { text-align: right; }.row4 p { padding-left: 50px; }.emphasis { padding: 20px 40px 30px; margin: 40px 0; }.services .grid,.contact .grid { margin: 50px 0 10px; }.news a { color: var(--primary, #1ba2b6); }.contact ul { margin: 40px 0; }form { margin: 40px 0; }form input,form textarea { background-color: transparent; padding: 10px 0; border-bottom: 1px solid #4d4d4d; }form input::placeholder,form textarea::placeholder { color: var(--light-comp); }form input:focus,form textarea:focus { outline: none; }form input[type='submit'] { border: none; }footer { padding: 0; }footer .cta { padding: 50px 0 40px; }footer h2,footer p,footer form { position: relative; z-index: 999; }.subfoot { text-align: left; padding: 20px; }nav { font-size: 20px; }nav,.subfoot .grid > div:last-of-type { text-align: right; }nav li,footer .social li { display: inline-block; }nav ul ul { display: none; min-width: 230px; background-color: #0084c9; margin-left: -10px; border-radius: 5px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); position: absolute; z-index: 999; }nav ul ul li,nav ul ul a { display: block; }nav ul ul a,.hero,.hero a,footer,footer a,.solutions .grid.half:first-of-type,.solutions .grid.half:first-of-type h2,.innovation .intro,.about .grid.fourth a:hover h3,.contact .locations,.contact .locations a,.emphasis,.emphasis h2,.emphasis a { color: #fff; }nav li:hover > ul,a.emphasis { display: block; }nav ul ul a { padding: 10px 20px; }nav ul ul a:hover { background-color: #006fbf; color: #fff; }nav ul ul li:first-of-type a { border-radius: 5px 5px 0 0; }nav ul ul li:last-of-type a { border-radius: 0 0 5px 5px; }nav ul li:last-of-type ul,nav ul > li:nth-last-child(2) ul { right: 0; } @media (max-width: 1200px) { nav { padding: 0 15px; } .notice { display: grid; grid-template-columns: 1fr; } .notice a:last-of-type { position: unset; right: unset; top: unset; transform: unset; } footer form { padding: 15px; }} @media (max-width: 999px) { .back { display: block; } .imgLeft, .imgRight { float: none; max-width: 100%; margin: 0 0 0 0; } .about.grid.half { grid-template-columns: 1fr !important; } .about.grid.half.reverse img { order: -1; } .about.grid.half.reverse div { order: 1; } .grid.fourth.team { grid-template-columns: 1fr 1fr; }} @media (max-width: 767px) { nav li:hover > ul { display: none; } .grid.fourth { grid-template-columns: 1fr 1fr; } .contact.segment { padding: 0 0 !important; } .contact .wrap { padding: 0 0 !important; } .contact .emphasis { margin: 0 0; }} @media (max-width: 700px) { header .grid { grid-template-columns: 1fr; } nav ul { text-align: center; } .logo img { margin: 0 auto; } .banner { height: 500px; } .banner > .wrap { top: 85%; } .banner.main { height: 695px !important; } .banner.main > .wrap { top: 76%; } .row2 .grid.half, .row4 .grid.half { grid-template-columns: 1fr; } .row4 .grid.half div:first-of-type { order: 1; } .row4 .grid.half div:last-of-type { order: -1; } .row4 p, .row4 h2 { text-align: left; padding-left: 0; }} @media (max-width: 600px) { nav a { background-color: var(--primary, #1ba2b6); padding: 5px 15px; border-radius: 3px; } .grid.half, .grid.third { grid-template-columns: 1fr; } .subfoot p { text-align: center; } .imgRight { float: none; margin: 0 auto; max-width: 100%; } .row4 { text-align: left; } .row4 p { padding-left: 0; }} @media (max-width: 560px) { .banner.main { height: 775px !important; } .banner.main > .wrap { top: 75%; }} @media (max-width: 500px) { header { background-color: unset; min-width: 320px; } .banner > .wrap { top: 88%; } .banner { height: 540px; } .bgblue { margin: 50px 25px; } .grid.fourth, .grid.fourth.team { grid-template-columns: 1fr; } .jump { left: unset; right: 0; }} @media (max-width: 400px) { nav li { padding: 3% 10%; } .banner.main { height: 1030px !important; } .banner.main > .wrap { top: 83%; } .banner { height: 730px; } .banner > .wrap { top: 90%; } form input[type='submit'] { max-width: unset; display: block; width: 100%; }}