img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Red Hat Display', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.5; text-align: center; }body, .subfoot { background-color: #fff; }body, nav a, .hero .btn, .subfoot, .articles h1 a, .articles .blogsidebar a, .pr a, .subnav a:hover, .awards a { color: #403d39; }body, header ul, footer ul, .cta .social { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, footer .social { text-align: left; }h1, h2, h3, h4, h5, h6, .articles .post blockquote { color: #206fba; }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, form input[type=submit]:hover, .btn:hover, .featured a:hover, .news .post h2:hover a, .articles .blogsidebar a:hover, .pr a:hover, .solutions a:hover, .subnav a:hover, .awards a:hover { text-decoration: none; }a, nav a:hover, .news .post h2:hover a, .articles .blogsidebar a:hover, .pr a:hover, .solutions a:hover, .awards a:hover { color: #ed6d28; }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #e7e7e7; 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; }svg { vertical-align: middle; }.hide { display: none !important; }.center, .featured h2, .featured h3, .featured p, .zultys h3, .zultys p { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.mid { align-items: center; align-self: center; }.grid, .news .posts { 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); }.flex{display:flex;flex-wrap:wrap}.flex>*{flex:1 0 0} .top a, .hero h1, .hero p, footer, footer h3, footer a, .cta, .cta h2, .home .cta h2, .cta a, .featured h3, .featured a { color: #fff; }.top, .subfoot { font-size: 16px; }.top, nav, .subfoot .grid > div:last-of-type { text-align: right; }.top ul, .top li, nav li, .social li, .solutions a, .subnav li { display: inline-block; }.top, footer, .cta { background-color: #206fba; }header .grid a, .subfoot a { padding: 10px; }.top a{margin:5px;padding:5px}header .grid { grid-template-columns: 320px 1fr; }header .grid nav a { padding: 15px 10px; }nav ul ul { display: none; min-width: 200px; background-color: #fff; margin-left: -10px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.1); position: absolute; top: 112px; z-index: 999; }nav ul ul li, nav ul ul a, nav li:hover > ul { display: block; }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; }header .grid nav ul ul a { padding: 10px 20px; }header a{display:block}nav ul ul a:hover { background-color: #206fba; color: #fff; }.subnav { margin-bottom: 60px; }.subnav li { line-height: 1; margin: 10px 0; padding-right: 5px; border-right: 1px solid #eee; }.subnav li:last-of-type { padding: 0; border: none; }.subnav li a { display: block; color: #999; margin: 0 5px; }.subnav img { max-width: 300px; }.mobilenav{list-style:none;padding:0;display:none;margin:0 -5px}.mobilenav li{margin:0}.mobilenav a { text-align: center; display: block; background-color: #206fba;color:#fff; margin: 5px; padding: 5px 10px; border-radius: 3px; white-space: nowrap; }.mobilenav a:hover { background-color: #ed6d28 } .hero, .featured .grid > a { position: relative; }.hero, .featured, .featured .grid > a { background-size: cover; background-position: center; }.hero { width: 100%; height: 300px; background-image: url(/images/hero-cloud-main.jpg); background-color: #206fba; background-position-y: 70%; }.hero:before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(to right,#206fba 35%,transparent); position: absolute; top: 0; left: 0; z-index: 111; }.hero > .wrap { top: 50%; transform: translateY(-50%); padding: 10px 20px; z-index: 888; }.hero h1, .hero p, .featured .grid > a { text-shadow: 0 0 5px rgba(0,0,0,.3); }.hero h1, .hero strong { font-size: 30px; font-weight: 700; }.hero h1 { max-width: 500px; line-height: 1.3; }.hero strong { padding-bottom: 20px; }.hero strong, .featured .grid > a { display: block; }.hero .btn { background-color: #fff; margin-top: 40px; text-shadow: none; }.hero .btn:hover { background-color: #ccc; color: #000; filter: invert(100%); }.hero .btn svg { margin-left: 10px; } .intro, .cta { padding: 40px 10px; }.intro img { max-width: 500px; }.intro .btn, .news .post p:nth-of-type(3) a { background-color: #e7e7e7; color: #403d39; }.featured { background-image: url(/images/bg-cloud.jpg); background-position: bottom; padding: 20px 0; }.featured h2{padding:0 10px}.featured .grid, .solutions { grid-gap: 10px; }.featured .grid > a, .featured .grid > a:before, main img { border-radius: 10px; }.featured .grid > a:before { content: ""; width: 100%; height: 100%; background-color: rgba(32,111,186,.4); position: absolute; top: 0; left: 0; }.featured .grid > a { height: 200px; padding: 0 clamp(10px, 4vw, 40px); }.featured .it { background-image: url(/images/managed-it.jpg); }.featured .phones { background-image: url(/images/ip-phone.jpg); }.featured .cyber { background-image: url(/images/cyber-security.jpg); }.featured .cloud { background-image: url(/images/cloud.jpg); }.featured .security { background-image: url(/images/surveillance.jpg); }.featured .cabling { background-image: url(/images/cabling.jpg); }.featured .grid > a h3 { margin: 0; position: relative; top: 50%; transform: translateY(-50%); }.why { padding: 50px 10px; }.why p { max-width: 950px; margin: 20px auto; }.cta .social { text-align: left; }.cta .social a { display: block; margin: 5px } form { margin: 20px 0; }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: 'Red Hat Display', 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: transparent; margin-bottom: 10px; padding: 0 10px; border: none; border-bottom: 1px solid #e7e7e7; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password] { height: 50px; }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: 700; text-align: center; line-height: 1.6; background-color: #206fba; color: #fff; padding: 10px 40px; margin: 10px 0; border: none; border-radius: 5px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover, #quick input[type=submit]:hover { cursor: pointer; background-color: #ed6d28; color: #fff; }form :focus { outline: none; }#contact { margin: 40px 0; }#quick input[type=text], #quick input[type=email], #quick input[type=tel], #quick textarea { color: #fff; }#quick textarea { height: 100px; }#quick input[type=submit] { background-color: #333; }#quick ::placeholder { color: #fff !important; } footer > .wrap { padding: 40px 10px; }.subfoot > .wrap { padding: 20px 10px; }.ccpaNotice { text-align: center !important; }.subfoot a{display:block} main { padding: 40px 10px 50px; }main h1, .home h2, .featured h3 { font-size: 24px; }main h2, .hero p { font-size: 22px; }main h3, footer h3 { font-size: 20px; }main h4, .news .post h2 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.nolist, footer ul, .articles .blogsidebar ul { list-style: none; padding-left: 0; }.nolist h2, .nolist h3 { margin-bottom: 0; }.news .blogs { display: block; font-size: 16px; }.news .blogs a { color: #206fba; }.news .blogsidebar, .news .posttags, .news .postcats, .articles .blogsidebar { display: none; }.news .posts { grid-template-columns: 1fr 1fr }.news .post { border: none; padding: 10px 0; }.news .post p:nth-of-type(3) a { display: inline-block; padding: 10px 20px; margin-top: 5px; border-radius: 5px; }.news .postThumbnail { width: 150px; height: 150px; margin: 0 20px 20px 20px; border-radius: 100%; }.articles .blogs { display: unset; }.articles .post blockquote { font-weight: bold; margin-left: 0; }blockquote { margin: 0; }cite { display: block; text-align: left; margin: 20px 0 40px; }.partners img, .voip img { display: inline-block; vertical-align: middle; width: auto; margin: 20px clamp(20px, 4vw, 40px); }.partners img { max-width: 300px; max-height: 80px; box-sizing:border-box}.voip img { max-width: 250px; max-height: 100px; }.pr h2 { margin-top: 40px; }.solutions { font-weight: bold; margin: 20px 0 50px; }.solutions a { color: #666; padding: 30px 10px; border: 1px solid #eee; border-radius: 10px; }.solutions svg { display: block; margin: 0 auto; }.zultys { margin: 40px 0; }.zultys h3 { margin-bottom: 5px; }.zultys p { margin-top: 0; }.crm { grid-template-columns: 200px 1fr; }.zip img { max-height: 250px; }.options { width: 100%; margin: 20px 0; border-collapse: collapse; padding: 0; }.options tr:nth-of-type(odd) { background-color: #f5f5f5; }.options th, .options td { text-align: center; border: 1px solid #eee; }.options th, .options p { margin: 0; padding: 10px 20px; } @media(max-width:999px){ nav ul ul{display:none !important} .mobilenav{display:flex} header .grid nav a { margin: 5px; padding: 5px } .news .posts{grid-template-columns:1fr}}@media(max-width:767px){ footer .grid.fourth,.grid.third{grid-template-columns:1fr 1fr} .solutions.grid a:last-of-type:nth-of-type(odd){grid-column:span 2} .cta .grid.half{grid-template-columns:1fr} }@media(max-width:700px){ header .grid{grid-template-columns:1fr} nav ul,.top .wrap{text-align:center} header img{max-width:400px;width:100%}}@media(max-width:600px){ nav ul{display:grid;grid-template-columns:1fr 1fr 1fr} nav li:last-of-type{grid-column:span 3} nav a{text-align:center} header{padding-bottom:10px}}@media(max-width:500px){ main .grid.half{grid-template-columns:1fr} .cta .social{text-align:center} .cta .social a{margin:5px 10px} body main .news .postThumbnail{float:none;width:100%;max-width:100%;margin:0 auto;border-radius:3px}}@media(max-width:400px){ .grid.third, .subfoot .grid.half, footer .grid.fourth { grid-template-columns: 1fr } .solutions.grid a:last-of-type:nth-of-type(odd) { grid-column: unset } .subfoot a, footer h3, footer li, footer p{text-align:center}}