img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #333; --dark-comp: #fff; --primary: #448ccb; --primary-comp: #fff; --secondary: #01cdea; --secondary-comp: #fff; } body, input, textarea { font-family: 'Red Hat Display', 'Red Hat Display-fallback' }* { scroll-behavior: smooth }body { font-size: 1.125rem; line-height: 1.5; text-align: center; min-width: 320px; }body, footer a { color: var(--light-comp, #4d4d4d); }body, header ul, .hero h1, .hero p, .row1 h2 { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, h4, h5, h6, nav, form input[type=submit], .btn, .row3, .row7 p { text-transform: uppercase; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; }img, iframe { display: block; max-width: 100%; height: auto; margin: 0 auto }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, .row6 img { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, footer a:hover, .row7 a:hover, .solutions a:hover { text-decoration: none; }a, header a:hover, footer a:hover, .row7 a:hover { color: var(--primary, #448ccb); }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; }sup { line-height: 0; }.hide { display: none !important; }.center, .ccpaNotice, .row3 h2, .row3 h3, .row3 p, .row7 h2, .row7 p, .row7 li { text-align: center !important; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #333); }.bg-primary { background-color: var(--primary, #448ccb); }.bg-light { background-color: var(--light, #f5f5f5); }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 20px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.grid.img>img{width:100%;height:100%;object-fit:cover}.list.half { column-count: 2 }.list li { margin: 5px 20px 5px 0 }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }.bgimg .wrap { z-index: 2 } header, footer, .about .grid h3 span { font-size: 16px; }header, .hero { position: relative; }header { z-index: 999; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%); }header .wrap, footer .wrap { padding: 20px 10px; }header .grid, footer .cta .grid, .row2 .grid { grid-template-columns: 250px 1fr; }header .grid > div:last-of-type, .hero p { text-align: right; }nav li { display: inline-block; font-weight: bold; }nav a, .hero h1, .hero p, .row7 a { color: var(--dark-comp, #fff); }nav a { display: block; margin: 5px; padding: 5px; }nav a{ text-shadow: 1px 1px 1px #333,-1px -1px 1px #666 } .hero, .row3, .row7 { background-size: cover; background-position: center; position: relative; }.hero:before, .hero > .wrap:after, .row3:before, .row7:before { content: ""; position: absolute; z-index: 1; }.hero:before, .row3:before, .row7:before { width: 100%; height: 100%; background-color: rgba(0,0,0,.4); inset: 0; }.hero .wrap:after { width: 600px; background-color: #fff; height: 1px; top: 80%; right: 150px; }.hero { width: 100%; height: clamp(450px, 30vw, 600px); }.hero > .wrap { top: 20%; }.hero p, .row3 p, .row7 h2, .row7 p { padding: 0 10px; text-shadow: 2px 2px 3px rgba(0,0,0,.3); }.hero p:has(b), .row7 h2 { font-size: 36px; text-wrap: balance }.hero p { font-size: 24px; font-weight: bold; }.hero .btn { margin-top: 40px; text-shadow: none; }.hero:has(.home-banner) { height: 800px }.hero:has(.home-banner) h1, .hero:has(.home-banner) p { max-width: 900px; }.hero:has(.home-banner) .wrap:after { width: 500px; top: 84%; left: 150px; } .row1 .wrap { padding: 50px 10px 40px; }.row2 .bg-light { padding: 20px 40px 40px; border-left: 10px solid #448ccb; }.row2 .grid { grid-template-columns: 300px 1fr; grid-gap: 10px 30px; margin: 50px 0; }.row2 .grid div { padding: 10px }.row2 .grid.mid h3 {margin: 0;}.row2 .grid.mid ul { margin-top: 10px; }.row2 .grid.mid img {border-radius: 3px;}.row3, .row4 { margin: 60px 0; }.row3 { height: 400px; font-weight: bold; }.row3:before { background-color: rgba(0,0,0,.5); }.row3 .wrap, .row7 .wrap { z-index: 2; padding: 50px 0 0 }.row3 p { max-width: 900px; margin: 20px auto; }.row4 .wrap { padding: 40px 10px; }.row6 .wrap { padding: 20px 10px; }.row6 h2 { text-align: center; }.row6 img { display: inline-block; vertical-align: middle; filter: grayscale(100%); opacity: 50%; margin: 40px 40px 20px; width: 100px; height: auto; }.row6 img:hover { filter: grayscale(0); opacity: 100%; }.row7 { height: 700px; font-weight: bold; }.row7 ul { max-width: 850px; padding: 20px 0; margin: 20px auto; border-top: 1px solid #fff; }.row7 p a { padding: 0 10px; }.row7 .social { text-align: center; }.row7 .social svg { width: 50px; height: auto; stroke: var(--secondary-comp, #fff); }.row7 .social li { margin-right: 10px; }.row7 p span { display: inline-block; margin: 0 5px }.social :is(a,svg) { display: block }main:has(.row7) { padding: 0 }main:has(.row7) > .wrap { max-width: 100% }body:has(.row7) footer .wrap { padding: 10px 10px 20px } form { margin: 20px 0; }form .grid { grid-gap: 0 10px; }form label { text-align: left; text-indent: 10px }form :is(label,input,textarea) { display: block; font-size: 16px }form :is(input,textarea) { width: 100%; box-sizing: border-box; background-color: var(--main-bg, #fff); margin-bottom: 10px; padding: 10px; border: 1px solid #f5f5f5; }form textarea { height: 100px; }form input[type=submit], .btn { width: auto; display: inline-block; min-width: 110px; font-weight: bold; text-align: center; background-color: var(--primary, #448ccb); color: var(--primary-comp, #fff); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 3px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: var(--secondary, #01cdea); color: var(--primary-comp, #fff); } footer > .wrap > .grid { grid-template-columns: 1fr 1fr 1fr; padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }.subfoot .grid { grid-template-columns: 1fr 150px } main, .contact .bg-light { padding: 40px 10px; }main .wrap, .pad { padding-left: 10px; padding-right: 10px }main h1, .row2 h3, .row3, .row7 li { font-size: 30px; }main h2 { font-size: 26px }main :is(h1,h2){text-wrap:balance}main h3, .row7 { font-size: 22px; }main h4 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }main { padding: 40px 0 0 }main > .wrap { max-width: 100% }.nolist, footer ul, .row7 ul, .contact ul { list-style: none; padding-left: 0; }.bg-light {padding: 20px;}.history { padding: 50px 0 40px; margin: 50px 0; }.history img { width: 100%; object-fit: cover }.history h3 { text-align: center; } .solutions .emphasis .wrap { top: 50%; transform: translateY(-50%); z-index: 2; }.solutions .emphasis { height: 350px; background-image: linear-gradient(#b1f5fe, #61dff8); margin: 40px 0; text-wrap: balance; padding: 40px 0 0 }.solutions .emphasis .grid { grid-template-columns: 300px 1fr; }.solutions .emphasis img { display: block; object-fit: cover; height: 350px; }.solutions .emphasis .grid div { max-width: 700px; margin-left: auto }.contact .grid.mid { grid-template-columns: 400px 1fr; padding: 40px 0 50px; }.contact .grid.mid ul { padding: 10px 0 10px 70px; position: relative; }.contact li:first-of-type { position: absolute; top: 10px; left: 20px; } .countup div > div { border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; }.countup div > div:nth-of-type(2) { border-right: 0 }.countup p { text-align: center; }.countup strong { font-size: 46px; font-weight: 800; } .social { margin: 0; padding: 0; text-align: left; }.social svg { width: 30px; height: auto; color: var(--light-comp, #4d4d4d); }.social li { display: inline-block; margin-right: 5px; }.hero:has(.conbanner) .wrap:after { width: 550px; right: 200px }.contact .wrap { padding: 0 10px } body:has(.contact) footer > .wrap { padding-top: 0 }body:has(.contact) footer .grid.fourth { border-top: none }#network, #staffing { margin-top: 0; padding-top: 20px } blockquote { position: relative; font-family: 'Montserrat', sans-serif; font-weight: 800; color: #4d4d4d; padding: 30px 0; width: 100%; max-width: 800px; z-index: 1; margin: 80px auto; align-self: center; border-top: solid 1px; border-bottom: solid 1px; }blockquote h2 { position: relative; color: #4d4d4d; font-size: 30px; font-weight: 800; line-height: 1; margin: 0; }blockquote:after { position: absolute; content: "”"; color: rgba(77, 77, 77, 1); font-size: 10rem; line-height: 0; bottom: -43px; right: 30px; }.checklist { list-style: none; padding: 0; margin: 20px 0; text-align: left; }.checklist li { position: relative; padding-left: 30px; margin: 20px 0; }.checklist li:before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--primary, #448ccb); font-weight: bold; font-size: 20px; line-height: 1; } .about .grid.half img, .solutions .grid.half img { border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }.solutions .bg-light,.about .bg-light { border-left: none; background: var(--light, #f5f5f5); box-shadow: 0 0 30px -5px rgba(34, 33, 33, 0.6); margin:20px 0px;}.solutions ul, .about ul {list-style: none;} .solutions ul li:before, .about ul li:before { content: "▸ "; color: #448ccb; font-weight: bold; margin-right: 10px; } .about .center {max-width: 750px; margin: 0 auto;} @media(max-width: 999px) { .hero h1, .hero p { text-align: center; } .hero .wrap:after { display: none; } .row3 { height: auto; } .row3 .wrap, .row7 .wrap { padding: 50px 15px !important; } footer .grid.fourth, .grid.fourth { grid-template-columns: 1fr 1fr; } .row6 img { margin: 20px 40px } img[src*=altice] { display: block; margin: 20px auto } footer > .wrap > .grid { grid-template-columns: 1fr 1fr } footer .grid > div:last-of-type { grid-column: 1 / -1 }} @media(max-width: 767px) { header .grid, footer .cta .grid, .row2 .grid, .subfoot .grid, .grid.half, .grid.third, .grid.fourth, .solutions .emphasis .grid, .contact .grid.mid { grid-template-columns: 1fr; } header .grid > div:last-of-type, footer :is(h2,h3, p, li), .social, .solutions .emphasis :is(h2,p) { text-align: center; } header .wrap, footer .wrap { padding: 0 10px } header .grid.mid { grid-gap: 0; } .hero { height: auto } .hero > .wrap { top: unset; transform: none; padding: 80px 0 } .row7 a[href^="mailto:"] { font-size: 25px; } .row2 img { width: 100%; height: 300px; object-fit: cover; object-position: 50% 30% } .solutions .emphasis { height: auto; } .solutions .emphasis .wrap { top: unset; transform: none } .solutions .emphasis img { order: 2 } .solutions .emphasis .grid div { margin: 0 auto } .history ul { column-count: 2 } .history li { margin: 5px 15px 5px 0 } .history img { height: clamp(250px, 55vw, 350px); } .contact .grid.mid { grid-template-columns: 1fr; } .contact .grid.mid :is(ul,li), footer :is(h3,li,.social) { text-align: center; } .contact li:first-of-type { position: unset;display:block } .contact .grid.mid ul{padding:0} .contact svg{display:block;margin:0 auto}} @media(max-width:600px) { .list.half { column-count: 1 }} @media(max-width:500px) { .history ul { column-count: 1 }} @media(max-width: 400px) { footer > .wrap > .grid { grid-template-columns: 1fr } main h2 { font-size: 25px; } .row7 a[href^="mailto:"] { font-size: 19px; }}