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: #54595f; --dark: #333; --dark-comp: #fff; --primary: #28176C; --primary-comp: #fff; --secondary: #01cdea; --secondary-comp: #fff; } html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }body { font-family: 'Rubik', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.5; text-align: center; }body, footer a, .row3 h3, .row3 a, main h3 span { color: var(--light-comp, #54595f); }body, header ul, .hero h1, .hero p, .row1 h2, .about .grid.fifth { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, h2, h3, h4, h5, h6, header, form input[type=submit], .btn { text-transform: uppercase; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; }img, iframe { max-width: 100%; height: auto; }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }a img, iframe { border: none; }a, .row3 h3 { transition: ease-in-out .3s; }a { text-underline-offset: 4px }form input[type=submit]:hover, .btn:hover, footer a:hover, .row3 a, .row3 a:hover, .btn, footer a { text-decoration: none; }a, header a:hover, footer a:hover, main h2 span, main h3, footer h2 span, .row3 a:hover h3 { color: var(--primary, #6ec1e4); }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, .hero h1, .hero p, footer h3, footer li, .row1 h2, .row1 p, .row3 h2, .row3 h3, .row3 p, .row4 h2, .row5 p, .about .grid.fifth li { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary, .logo, .logo:hover { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #333); }.bg-primary { background-color: var(--primary, #6ec1e4); }.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.fifth { grid-template-columns: repeat(5,1fr); }.flex { display: flex; flex-wrap: wrap; margin: 0 -10px }.flex > * { flex: 1 0 0; margin: 10px }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }address { font-style: normal }.logos { grid-template-columns: repeat(9,1fr); background-color:#F5F5F5; grid-gap:20px; align-items:center; padding:2%;}.logos img {height: auto; width: 100%; filter: grayscale(80%);} header a { display: block }header, .hero { position: relative; }header { background-image: linear-gradient(rgba(0,0,0,.3),transparent); z-index: 999; }header .wrap { padding: 10px; }header .grid { grid-template-columns: 250px 1fr; }header img { max-width: 250px }nav { text-align: right; }nav li, footer .grid.fourth > div:last-of-type li { display: inline-block; }nav li { font-weight: 600; }nav a, nav a:hover, .hero h1, .hero p, .row4 h2 span { color: var(--dark-comp, #fff); }nav a { text-decoration: underline transparent; text-underline-offset: 6px; text-decoration-thickness: 2px; margin: 5px; padding: 5px }nav a:hover { text-decoration: underline var(--dark-comp); text-underline-offset: 6px; text-decoration-thickness: 2px } .hero, .about .grid div { position: relative; }.hero { width: 100%; min-height: 650px; background-size: cover; background-position: center; }.hero:before { content: ""; position: absolute; }.hero:before { width: 100%; height: 100%; background-color: rgba(0,0,0,.3); inset: 0; z-index: 1 }.hero > .wrap { padding: 130px 10px 150px; z-index: 2 }.hero h1 > span, main h2 span, footer h2 span { display: block; font-size: 24px; padding-bottom: 5px; }.hero h1, .hero p { font-weight: 600; padding: 0 10px; }.hero h1, .hero p, nav a { text-shadow: 0 0 5px rgba(0,0,0,.5); }.hero h1 { font-size: 46px; }.hero .btn, .services h3 { margin-top: 40px; text-shadow: none; } .row1 .wrap { padding: 80px 10px 20px; }.row2 { margin-bottom: 60px; }.row2 iframe, .youtube { max-width: 900px; margin: 1em auto }.row3 { margin: 80px 0; padding: 0 10px }.row3 .grid { padding: 20px 0; }.row3 a:hover h3 { text-decoration: underline }.row4 .wrap { padding: 40px 10px 150px; }.row5 { padding: 0 10px }.row5 .wrap { max-width: 900px; background-color: var(--main-bg, #fff); padding: 40px 10px; margin: -150px auto 50px; border-radius: 10px; border: 1px solid var(--primary); }.row5 p { padding: 0 40px; }.row6 .wrap { padding: 20px 10px; }.row6 img { vertical-align: middle; filter: grayscale(100%); opacity: 50%; margin: 40px 40px 20px; }.row6 img:hover { filter: grayscale(0); opacity: 100%; } form { margin: 40px 0 30px; }form .grid { grid-gap: 0 10px; }form label { display: block; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea, form input[type=password], .btn { font-family: 'Rubik', sans-serif; font-size: 16px; }form input[type=text], form input[type=email], form input[type=tel], form select, form textarea, form input[type=password] { background-color: var(--main-bg, #fff); margin-bottom: 10px; padding: 0 10px; border: 1px solid #f5f5f5; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password] { height: 45px; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form input[type=password] { width: calc(100% - 20px); }form select { width: 100%; }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; font-weight: 600; text-align: center; line-height: 1.6; background-color: var(--primary, #6ec1e4); color: var(--primary-comp, #fff); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 50px; 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 { padding: 20px 10px 0; }footer a { display: block }footer .cta { padding: 30px 10px; }footer .grid.fourth { padding: 40px 0; border-bottom: 1px solid #eee; grid-gap: 20px }.social li { margin: 0 }.social a { margin: 5px; }.subfoot .wrap { padding: 10px }.subfoot .grid { grid-template-columns: 1fr 150px; grid-gap: 0 20px }.ccpaNotice { text-align: center !important; }footer h3 { margin: 0 0 10px }footer ul { margin: 10px 0 } main, .contact .bg-light { padding: 40px 10px; }main h1, main h2, footer h2 { font-size: 30px; }main h2 span, footer h2 span, .hero p { font-size: 24px; }main h3, footer h3, .row5 { font-size: 20px; }main h4, main h3 span { font-size: 18px; }main h3 span { display: block; margin: 5px 0; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.nolist, footer ul, .contact ul { list-style: none; padding-left: 0; }.about h2:last-of-type { margin-top: 50px; }.about .features { font-weight: 600; padding: 20px 0; }.about .features li { text-align: center; flex: 1 0 130px }.about .features svg { display: block; margin: 0 auto 20px; }.about .grid.half { grid-gap: 0 50px; padding: 40px 0; }.about .grid.half div { padding-bottom: 60px; }.about .grid.half .btn { width: 125px; position: absolute; bottom: 0; }.services img { padding: 20px 0; }.services .btn, .gallery { margin-bottom: 40px; }.gallery.grid { grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr }.gallery a { height: 200px }.gallery img { object-fit: cover; width: 100%; height: 100%; object-position: 50% 50% }.contact .map { width: 100%; max-height: 500px; margin: 40px 0 80px; } @media(max-width:999px) { footer .grid.fourth { grid-template-columns: 1fr 1fr }} @media(max-width:767px) { .features.grid.fifth { grid-template-columns: repeat(6,1fr) } .about .grid.fifth li:nth-of-type(-n+3) { grid-column: span 2 } .about .grid.fifth li:nth-of-type(n+4) { grid-column: span 3 } .logos {grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding:5%;}} @media(max-width:700px) { .grid.third { grid-template-columns: 1fr } .imgRight, .imgLeft { float: none; margin: 0 -10px; max-width: calc(100% + 20px); width: calc(100% + 20px); } .hero > .wrap { padding: 80px 10px 100px } .hero { min-height: unset }} @media(max-width:600px) { header .grid, .grid.half { grid-template-columns: 1fr } .gallery.grid { grid-template-columns: 1fr 1fr } .gallery a:last-of-type:nth-of-type(odd) { grid-column: span 2 } nav, .subfoot p { text-align: center }} @media(max-width:500px) { .hero > .wrap { padding: 50px 10px 70px } .hero h1 > span, main h2 span, footer h2 span { font-size: 22px } .features.grid.fifth { grid-template-columns: 1fr 1fr } .about .grid.fifth li:nth-of-type(-n+4) { grid-column: unset } .about .grid.fifth li:nth-of-type(n+5) { grid-column: span 2 } footer .grid.fourth { grid-template-columns: 1fr } nav a[href="/"] { display: none }} @media(max-width:400px) { .gallery a { height: 150px } .hero h1 { font-size: 36px }}