img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html { scroll-behavior: smooth; }:root { --main-bg: #fff; --main-comp: #555; --light: #eee; --light-comp: #333; --dark: #444; --dark-comp: #fff; --primary: #2e3e80; --primary-comp: #fff; --secondary: #4057b3; --secondary-comp: #fff; } body { font-family: 'Montserrat', sans-serif; line-height: 1.6; text-align: center; font-variant: no-common-ligatures; min-width: 320px }body, .featured a, .latest .post a, .cta input[type=submit], .contact input[type=submit] { color: var(--main-comp); }body, header ul, footer ul, .hero h1, .hero p { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, .social { text-align: left; }img, iframe { max-width: 100%; height: auto; display: block; margin: 0 auto }:is(.imgblock,.hands .grid>div,.cstudies .grid,.grid.big) > img { outline: 1px solid #efefef }main img.outnone, img[src*="arrow"] { outline: none }img[src="27001"] { max-width: 400px; width: 100% }iframe { aspect-ratio: auto 16 / 9; width: 100%; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, form input[type=submit], .btn, .partners img, .latest .post p a { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .featured a:hover, .latest .post a:hover, .request:hover { text-decoration: none; }a, .featured a:hover, .latest h3 a:hover { color: var(--secondary); }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, .featured h2, .featured h3, .featured p, .experts h3, .experts p, .experts h3, .comments blockquote, .cta h2 { text-align: center; }.wrap { display: block; max-width: 1180px; margin: 0 auto; padding: 0 15px; position: relative; }.bg-dark { background-color: var(--dark); }.bg-primary { background-color: var(--primary); padding: 20px; border-radius: 6px; }.bg-light { background-color: var(--light); padding: 20px; }:is(.bg-primary,.bg-light):has(>.wrap){padding:20px 0}.mid { align-items: center; align-self: center; }.grid, .latest .posts { display: grid; grid-gap: 10px clamp(20px, 3vw, 40px); }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third, .latest .posts { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.grid.five { grid-template-columns: repeat(5,1fr); }.grid.sixth { grid-template-columns: repeat(6,1fr); }.fullimg{position:relative}.grid.fullimg>img{width:100%;height:100%;object-fit:cover}.solutions:first-of-type { margin-top: 40px; }.solutions.grid { grid-gap: 20px }.solutions a { padding: 10px 8% 100px; background-size: cover; background-position: center; border: 1px solid #2e3e80; position: relative; border-radius: 3px; }.solutions h2 { color: #2e3e80; }.solutions p { color: #4d4d4d; }.solutions .btn { margin: 0 }.solutions a:hover { text-decoration: none; }.hr-fade { border: 0; height: 7px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #eee, rgba(0,0,0,0)); }.contact-box .btn {background-color:#bbb; color:#2e3e80; font-weight: bold;}.testimonials hr, .fade { border: 0; height: 5px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #4057b3, rgba(0,0,0,0)); }.btnLarge { padding: 30px !important; }.logos a { display: inline-block; vertical-align: middle; max-width: 200px; margin: 20px 40px; }.logos img { margin: auto; padding-top: 15px !important; }.rates { width: 100%; border-collapse: collapse; }.rates th { background-color: #fafafa; }.rates th, .rates td { padding: 10px 20px; border: 1px solid #D1E0D7; }.rates th:last-of-type, .rates td:last-of-type { text-align: center; }.service-areas img { height: 180px; width: 400px; object-fit: cover; opacity: 70%; } header a, footer a, .bg-dark, .bg-dark a, .bg-dark h2, .bg-dark h3, .bg-primary, .bg-primary a, .bg-primary h2, .hero h1, .hero p { color: var(--dark-comp); }header, footer, footer h3, .latest .post p a { font-size: 14px; }header, .hero { position: relative; }header { background-color: rgba(0,0,0,.75); position: fixed;width:100%; top: 0; z-index: 101; }header .wrap { padding: 20px 10px; }header .grid { grid-template-columns: 100px 1fr; grid-gap: 10px; }header li, .social li, .subfoot li, .partners img { display: inline-block; }header svg { vertical-align: middle; }header .btn { padding: 10px 20px; margin-left: 10px; }nav .grid.half { grid-template-columns: 1fr 520px; }nav { text-align: right; }.latest h2 {text-align: center;font-size:24px}.latest .blogintro {padding-top:40px}.experts h2, .experts p {text-align: center;}nav a { padding: 4px; margin: 4px 8px; display: block; border-bottom: 2px solid transparent }nav a:hover { border-color: var(--secondary) }nav ul ul, .top ul ul { display: none; min-width: 200px; position: absolute; left: -15px; border-radius: 7px; z-index: 8; }nav ul ul li, .top ul ul li, nav ul ul a, .top ul ul a, nav li:hover > ul, .top li:hover > ul, .results li strong, .hands h3 span, .comments h2 span, .cite strong { display: block; }nav ul ul li, .top ul ul li { margin: 0; }nav ul ul a { padding: 5px 15px; }nav ul ul li:first-of-type a { padding-top: 10px; }nav ul ul li:last-of-type a { padding-bottom: 10px; }nav .button {padding: 5px 10px;margin:8px; font-size: 14px; background-color: #2e3e80; border-radius: 3px;} .hero { background-size: cover; position: relative; }.hero { width: 100%; height: clamp(400px, 25vw, 500px); position:relative}.hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; inset: 0; z-index: 10; }.hero > .wrap { z-index:12;top:60%;transform:translateY(-60%) }.hero h1, .hero p { font-size: 30px; font-weight: bold; text-align: center; line-height: 1.3; text-shadow: 0 0 5px rgba(0,0,0,.9); z-index: 1; }.hero p { max-width: 500px; margin: 0 auto }.bgimg,.team .quad>div { position: relative }.bgimg > img:first-of-type, .team .quad > div >img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; inset: 0; z-index: 0 } .home > div > .wrap { padding: 40px 10px }.home > .wrap { padding: 60px 10px 80px }.featured .grid { padding: 20px 0 }.featured h3 { margin: 10px 0 20px }.featured p { max-width: 800px; margin: 20px auto; }.experts { background-image: linear-gradient(#eee 80%,#fff 80%) }.experts .grid.half { grid-template-columns: 1fr 300px; }.home .experts .bg-primary { padding: 20px; border-radius: 10px;}.experts .diff{position:relative}.experts h3 span { display: block; font-size: 40px }.experts .bgimg > svg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0 }.partners{margin:20px 0 30px}.partners img { vertical-align: middle; max-height: 35px;width:auto; margin: 30px; filter: grayscale(100%); opacity: .5;object-fit:contain }.partners img:hover { filter: grayscale(0); opacity: 1 }.comments blockquote{margin:0;padding:0}.comments figure { background-color: var(--main-bg); padding: clamp(30px, 8vw, 80px) clamp(10px, 5vw, 50px); margin: 0; border: 2px solid #eee; border-radius: 10px; position: relative; z-index: 8 }.comments figcaption { display: block; font-style: normal; margin-top: 40px }.latest h2 { margin: 10px 0 }.latest.bgimg > img:first-of-type {object-position: top; max-height: 580px; opacity: .3; position: absolute; top: -255px; left: 0;right:0;bottom:0; z-index: 1 } .latest .post { margin: 20px 0 50px; position: relative; padding-bottom: 60px }.latest .post p:nth-of-type(3) { position: absolute; bottom: 0; left: 0 }.latest .post p:nth-of-type(3) a { white-space: nowrap }.latest .postThumbnail img { display: block; object-fit: cover; width: 100%; height: 250px; border-radius: 10px; position: absolute; top: 0; left: 0; z-index: 8;outline:1px solid #efefef }.latest .post h3 { padding-top: 260px; }.latest .post p a { display: inline-block; line-height: 1.8; background-color: var(--primary); color: var(--primary-comp); padding: 10px 30px; margin-top: 10px; border-radius: 5px }.latest .post p:first-of-type, .latest .posttags, .latest .postcats { display: none }.cta h2 { max-width: 400px; margin: 20px auto }.cta.bg-primary{border-radius: 0}.cta form { max-width: 1100px; margin: 40px auto }.cta input[type=submit], .contact input[type=submit] { width: 250px; background-color: var(--main-bg) }.cta input[type=submit]:hover, .contact input[type=submit]:hover { background-color: var(--light-comp) } form { margin: 40px 0; }form .grid { grid-gap: 0 15px; }form label { text-align: left;display:block }form :is(label,input,textarea) { display: block; box-sizing: border-box; width: 100%;font-family: 'Montserrat', sans-serif; font-size: 16px; }form :is(input,textarea) { padding: 15px 10px; border: none; margin-bottom: 10px; background-color: var(--light); }form textarea { height: 218px;}form input[type=submit], .btn { display: inline-block; font-size: 16px; text-align: center; line-height: 1.8; background-color: var(--primary); color: var(--primary-comp); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 5px; transition: ease-in-out .3s; vertical-align: middle; }form input[type=submit] { min-width: 200px; margin: 5px 0 0; display: inline-block; width: auto }form input[type=submit]:hover, .btn:hover, .latest .post p a:hover { cursor: pointer; background-color: var(--secondary); color: var(--primary-comp); box-shadow: 0 0 10px rgba(0,0,0,.1) } footer { text-align: left; clear: both }footer .wrap { padding: 20px 10px; }footer img[src*="logo"] { max-width: 100px; margin: 0 0 30px }footer .grid.fourth { padding: 40px 0 }footer .grid ul, .contact .grid ul { margin-bottom: 30px }.a8bmark img{filter:invert(1)}img[src*=logo-color] { filter: brightness(0) invert(1) }.social a { display: block }.social li { margin-right: 5px !important }.subfoot img { display: inline-block }.subfoot { grid-template-columns: 1fr 150px }.subfoot li { line-height: 1; padding-right: 15px; margin-right: 10px; border-right: 1px solid #bbb; }.subfoot li:last-of-type { border: none; }.ccpaNotice { text-align: center !important; } main { padding: 40px 10px 50px; font-size: 16px }main img { border-radius: 10px }main h1, .home h2, .comments, .about h2, .contact h2, .request { font-size: 24px; }main h2 { font-size: 20px; margin-top: 40px }main h3, footer h2, .comments figcaption, .about .bg-primary, .contact .bg-primary { font-size: 18px; }main h4, .featured h3, .home h3 { font-size: 16px; }main ul, main ol { padding-left: 25px; }main li, footer .grid li { margin: 5px 0; }.nolist, footer ul, .about ul, .contact ul { list-style: none; padding-left: 0; }.about svg { vertical-align: middle }.about ul { padding-left: 35px }.about li { position: relative; margin: 0 }.about li svg { position: absolute; top: -2px; left: -35px }.about .values { background-image: linear-gradient(var(--main-bg) 85%,var(--light) 85%); position: relative }.about .values ul{margin-bottom:80px}.about .values li { margin: 20px 0 }.about .bg-primary { padding: 25px; margin-top: 0; border-radius: 10px;min-height:115px }.about .emphasis { position: relative }.about .emphasis:before { content: ""; width: 45%; height: 165px; background-color: var(--primary); position: absolute; left: 0; }.about .bg-light { padding: 40px 10px 20px }.about .bg-light h2 { margin-top: 20px }.about .team { background-image: linear-gradient(var(--light) 50%,var(--main-bg) 50%); padding-bottom: 40px }.about .team img { display: inline-block; vertical-align: middle; object-fit: cover; width: 225px; height: 230px; margin: 4px 2px; border-radius: 0; filter: grayscale(100%) contrast(60%) brightness(120%); }.contact { position: relative; padding-bottom: 300px }.contact .grid { position: relative; z-index: 8 }.request { display: inline-block; font-weight: bold; padding: 20px 50px; margin: 20px 0; border-top: 2px solid var(--light); border-bottom: 2px solid var(--light); }.request:hover { border-color: var(--secondary) }.contact .bg-primary { border-radius: 10px; padding: 20px 40px; margin-top: 80px }.contact form { margin: 40px 0 0 }.contact form .grid { grid-template-columns: unset }.contact .map { object-fit: cover; width: 100%; height: 800px; border-radius: 0; position: absolute; bottom: -50px; left: 0; z-index: 1 }.contact:before { content: ""; width: 100%; height: 800px; background-image: linear-gradient(to right,#fff 15%,transparent), linear-gradient(#fff,transparent 10%); position: absolute; bottom: -50px; left: 0; z-index: 2 }.grid.quad { grid-template-columns: repeat(4,1fr);grid-gap:20px }.team h2 { font-family: 'Montserrat', Verdana, sans-serif; font-size: 18px; background-color: #5E7461; left: 0; bottom: 34px; }.team span { font-size: 14px; text-transform: none; background-color: #212322; left: 0; bottom: 20px; }.team p { font-size: 15px; }.team h2, .team span { display: inline-block; line-height: 1.4; padding: 5px 10px; position: absolute; }.team h2, .team span, .team .grid > div:hover > div { color: #fff; }.team .grid { padding-bottom: 60px;}.team .grid > div { height: 350px; background-size: cover; background-position: center; position: relative; width:100%;max-width: 440px;margin:0 auto}.team .grid > div > div { height: calc(100% - 40px); color: transparent; padding: 20px; transition: ease-out .3s; }.team .grid > div:hover > div { cursor: pointer; background-color: rgba(46,62,128,.8); transition: ease-in .3s; }.team .quad div img{object-position:40% 10%;}.team .chuckm img { object-position: 35% 10% }.team .crisc img { object-position: 35% 0 }.team .jasont img { object-position: 50% 10% }.team .randya img { object-position: 30% 10% }.team .russm img { object-position: 80% 0 }.team .quad .amberc img { object-position: 50% 50% } .big-3 { padding: 2vw 2vw; }.big-3 h2 {padding-bottom: 12px;}.big-3 .circle { position: relative; margin-top: -70px; width: 100px; height: 100px; border-radius: 50%; left: 50%; transform: translateX(-50%); }.big-3 .circle img { border-radius: 50%; }.big-3 p { text-align: center; }.big-3 .nametitle { padding: 10px 0;}.big-3 .nametitle p { margin: 0; padding: 0; }.big-3 .grid > div { border: 3px solid #eee; position: relative; padding: 20px 0; border-radius: 10px; }.big-3 .wrap .grid div {background-color:#2e3e80; padding: 18px; color:#eee;}.big-3 .small {font-size: 14px;}.why fieldset { margin: 0 auto; padding: 20px; border: 2px solid #eee; border-radius: 10px; }.why fieldset legend { font-weight: bold; color:#2e3e80; font-size: 30px; text-align:center; } @media(prefers-reduced-motion:reduce) { * { scroll-behavior: unset; transition: all 0s !important }} @media(forced-colors:active) { .a8bmark img { filter: unset } .btn,input[type=submit],form :is(input,textarea),.experts .bg-primary { border: 1px solid #000 } footer,.cta{border-top:1px solid #000} header img[src*=logo-color] { filter: brightness(0) }} @media(max-width:999px) { nav li:first-of-type { display: inline-block } nav ul { text-align: center; } header { position: relative; background-color: rgba(0,0,0,.95) } header .grid, nav .grid.half, .experts .grid.half { grid-template-columns: 1fr; } header img:first-of-type { height: 55px; width:auto } footer .grid.fourth, .grid.five, .grid.fourth { grid-template-columns: 1fr 1fr } .grid.five>*:last-of-type:nth-of-type(odd){grid-column:1 / -1} .hero .grid { grid-template-columns: 1fr; } .hero { height:auto !important} .hero>.wrap{top:unset;transform:none;padding:120px 15px 80px} .experts h2, .experts p, .latest h2 { text-align: center; } .team .grid.quad {grid-template-columns:1fr 1fr 1fr} .about .emphasis:before{display:none} .home .experts .bg-primary { margin: 0 10px }} @media(max-width:800px) { .solutions.grid, .contact .grid { grid-template-columns: 1fr; } .contact :is(h1,h2,h3,p,ul,li) { text-align: center; } .contact .wrap p { padding: 5px 10px; } .contact .bg-primary { padding: 20px 15px; }} @media(max-width:767px) { form .grid.half { grid-template-columns: 1fr; } .latest .posts { grid-template-columns: 1fr !important; } .grid.third, .latest .posts { grid-template-columns: 1fr 1fr } .comments{font-size:20px}} @media(max-width:700px) { .hero p {font-size: 27px} header .grid, .values .grid.half, .bg-light .grid.half { grid-template-columns: 1fr } .about .values img { position: unset; width: 100%; } .subfoot p { text-align: center; margin: 1em 0 } .blog .blogs .postThumbnail { margin-top: 0; float: none !important; max-width: 100%; width: 100%; height: 100%; margin: 0; } .about .values ul { margin-bottom: 1em } .about .bg-primary{margin-top:1em;min-height:unset} .team .grid.quad{grid-template-columns:1fr 1fr} .team .grid>div{height:300px}} @media(max-width:600px) { .table.half.solutions > div, footer .quad > div { display: block; width: auto; padding: 0 !important } .bg-primary:has(form) { padding: 20px 0; } .footnav li { display: inline-block; margin: 0 } .footnav a { display: block; margin: 6px 4px; padding: 5px 15px; border-radius: 5px; border: 1px solid #2e3e80; background-color: #fbfbfb } footer img[src*="logo"] { margin: 0 auto; } footer h2, footer .wrap, footer li, footer p, .social, .blogintro h2, .blogs h3, .blogs p { text-align: center } footer .grid.fourth, .subfoot, .grid.third, .latest .posts, .grid.fourth,.user-guides .grid.five { grid-template-columns: 1fr } .latest .post p:nth-of-type(3) { left: 50%; transform: translateX(-50%) }} @media(max-width:500px) { nav, .top ul, .logo, .address li, .address p { text-align: center } .grid.half,.team .grid.quad { grid-template-columns: 1fr } .team .grid>div{height:80vw}} @media(max-width:400px) { .subfoot p { text-align: center !important }}