body{min-width:320px;font-family:'Montserrat',Verdana,sans-serif;font-size:18px;line-height:1.5;} *{scroll-behavior:smooth;box-sizing:border-box} body,.top,.subfoot{background-color:#363636;} body,nav a,nav a:hover,.message li a{color:#4d4d4d;} h1,h2,h3,h4,h5,h6,summary{line-height:1.25;color:#363636;} body,header ul,.subfoot ul{padding:0;margin:0;} img,iframe,svg{max-width:100%;display:block;margin:0 auto;height:auto} iframe{aspect-ratio:16 / 9 auto;width:100%} a img,iframe{border:none;} a{text-decoration:none;color:#2970a7;transition:ease-out .3s;text-decoration-color:#c5d600;text-underline-offset:3px;text-decoration-thickness:1px} a:hover,nav ul ul a:hover,.message li a:hover,main :is(p,li) a{text-decoration-line:underline;transition:ease-in .3s;} hr{border-width:2px;border-color:#eee;border-style:none none solid;margin:40px 0;} .imgLeft,.imgRight{max-width:50%;width:100%} .imgLeft{float:left;margin:10px 4% 2% 0;} .imgRight{float:right;margin:10px 0 2% 4%;} .clear{clear:both;} .nowrap,a[href^=tel]{white-space:nowrap;} .hide{display:none !important;} .center,.feedback h2,.feedback p,.cta h2,.cta p{text-align:center;} .container,header,nav ul ul{background-color:#fff;} .wrap{display:block;max-width:1100px;margin:0 auto;position:relative;} .flex{display:flex;flex-wrap:wrap;gap:10px} .grid{display:grid;grid-gap:10px;} .mid{align-items:center;} .grid.half{grid-template-columns:repeat(2,1fr);} .grid.third{grid-template-columns:repeat(3,1fr);} .grid.fourth{grid-template-columns:repeat(4,1fr);} .pad{padding:0 10px} blockquote{quotes:"“ " "\00a0”" "‘ " "\00a0’";margin:1em 10px} blockquote::before{content:open-quote;} blockquote::after{content:close-quote;} .bgimg{position:relative} .bgimg>img:first-of-type{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:0;} .bgimg>p{z-index:2} header,footer,.subfoot,#newsletter input[type=email],#newsletter input[type=submit]{font-size:15px;} header{position:sticky;top:0;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:999;} header .grid{grid-template-columns:270px 1fr;align-items:center;grid-gap:0} header .logo{display:block} .logo img{padding:10px} header nav{text-align:right;} .top,.top a,nav ul ul a,footer *,.subfoot *,.services a,.services a:hover,.services h3,.cta,.cta h2,.home .cta span,.sota,.sota h2{color:#fff;} .top{padding:5px 0;} .top p{text-align:right;margin:0;padding:0 10px} nav a,nav ul ul li,nav ul ul a,nav li:hover>ul,main h1 span,main h2 span{display:block;} nav a{padding:5px;margin:6px;border-bottom:3px solid transparent;} nav>ul>li>a:hover,.services a:hover{text-decoration:none} nav li,.subnav li,.subfoot li{display:inline-block;position:relative;} nav li{top:5px;} nav a:hover{border-bottom:3px solid #c5d600;} nav ul ul{width:210px;display:none;position:absolute;left:-10px;padding:0 10px 15px;box-shadow:0 5px 10px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3)} nav ul li.nav-about ul{left:-90px;} nav ul ul li:first-of-type a{padding-top:10px;} nav ul ul a,nav ul ul a:hover{border:none;color:#fff} nav ul ul,.banner p,.cta,footer{background-color:#2970a7;} nav ul ul,.banner p,.imgLeft,.imgRight,.intro iframe,.services a,.sota,.youtube{border-radius:20px;} .subnav{padding:0 10px} .subnav a{display:block;font-size:16px;background-color:#2970a7;color:#fff;padding:10px 25px;margin:0 5px 5px;border-radius:20px;} .mobilenav{display:none} .mobilenav ul{padding:0;text-align:center} .mobilenav li{display:inline-block;border:1px solid #c5d600;padding:5px 20px;margin:5px;border-radius:20px} .mobilenav li:hover{background-color:#2970a7;border-color:#2970a7} .mobilenav li:hover a{color:#fff} .mobilenav li,.mobilenav li:hover,.mobilenav li a,.mobilenav li:hover a{transition:all ease-in .3s} .banner{height:400px;} .banner:after{content:"";position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1} .banner .wrap{top:50%;transform:translateY(-50%);} .banner p{width:92%;max-width:1000px;font-size:20px;font-weight:bold;text-align:center;color:#fff;padding:15px 4%;margin:0;position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;} .banner p span{white-space:nowrap} .grey{background-color:#eee;} .home h2{margin-top:20px;} .intro{padding:80px 0 50px;} .intro h1{margin-bottom:10px;padding:0 10px} .intro .grid,.comments.grid{grid-gap:20px;} .intro .grid>div:nth-of-type(1){padding:0 10px} footer .overlay,.cta .overlay{padding:40px 10px;} .services .grid{padding:40px 0;} .services{overflow:hidden} .services .flex a{flex:1 0 265px;} .services img{object-fit:cover;width:100%;height:40vw;min-height:160px;max-height:250px;border-radius:20px 20px 0 0;} .services :is(h2,h3){margin:10px 0;color:#fff;font-size:20px} .services a{position:relative;} .services a>div{font-size:16px;padding:20px 20px 80px;} .services i{font-size:50px;position:absolute;right:20px;bottom:20px;width:43px;height:50px;text-align:center} .services svg{position:absolute;right:20px;bottom:20px;} .phone{background-color:#d03625;} .senior{background-color:#363636;} .security{background-color:#258385;} .wifi{background-color:#005826;} .cabling{background-color:#A26765;} .cloud{background-color:#242c35;} .carrier{background-color:#4F2306;} .jump{background-color:#275EA8;} .topp{background-color:#9C3B79;} .feedback{padding:40px 0 60px;position:relative;overflow:hidden;} .feedback a{color:#4d4d4d} .feedback a:hover{text-decoration:none} .feedback .wrap{text-align:center;z-index:1} .feedback figcaption{font-weight:bold;margin-top:20px;font-style:normal;display:block;width:100%} .feedback .cycle-slideshow{width:100%;max-width:1010px;min-height:200px;height:auto;margin:0 auto 20px;} .feedback p.btn{display:none;margin-top:20px;z-index:999} .feedback .cycle-slideshow div{width:100%} .feedback:before,.feedback:after{content:"";width:200px;height:200px;background:#fff;border-radius:100%;position:absolute;} .feedback:before{top:-100px;right:-100px;} .feedback:after{left:-100px;bottom:-100px;} .feedback a:hover{color:#4d4d4d} .feedback .icon-tabler-star{display:inline-block} figure{margin:0} .partners{padding:30px 0 20px} .partners .wrap{text-align:center} .partners img{height:60px;width:auto;} .partners a{opacity:.6;filter:grayscale(100%);display:inline-block;margin:10px 30px} .partners a:hover{opacity:1;filter:grayscale(0);} .partners a:nth-of-type(1){display:block;margin:10px auto} .cta,footer{position:relative} :is(.cta,footer .bgimg)>.wrap{z-index:2;padding:40px 10px} :is(.cta,footer .bgimg):after{content:"";position:absolute;inset:0;width:100%;height:100%;background-color:rgba(44,120,180,.85);z-index:1;} .cta p,.cta h2{padding:0} .gmap{line-height:0;} .gmap iframe{width:100%;height:30vw;max-height:350px;min-height:200px} main{padding:80px 10px 40px;} main h1 span,main h2 span{font-size:18px;color:#2970a7;margin-bottom:15px;} main h1,main h2,.home h1,.home h2,summary{font-size:24px;} main h1{margin-bottom:40px;} main h2,main h3,main h4{margin-top:40px;} main h3{font-size:20px;} main h4,.videos h2{font-size:18px;margin:10px 0 20px;} main ul,main ol{padding-left:35px;} main li,footer li{margin:5px 0;} .nolist{list-style:none;padding-left:0} footer ul,.message ul,.blogsidebar ul{list-style:none;padding:0;} .sota{padding:50px 0 70px;margin-top:40px;} .sota .grid{grid-gap:0;z-index:2;position:relative} .sota p{max-width:450px;} .web h2,.locations h2{margin-top:10px;} .web .grid{grid-gap:50px;} .web img{object-fit:cover;height:350px;margin-top:40px;border-radius:20px;} .support h1,.blogs h1{margin-bottom:0;} .blogs .post{padding-bottom:20px;border-top:2px solid #eee;} .locations h2{font-size:20px;} .locations iframe{width:calc(100% - 40px);height:20vw;max-height:200px;margin-right:40px;border-radius:20px;} .message li{position:relative;} .message ul:first-of-type a{position:absolute;right:0;} .logos.grid{justify-items:center;align-items:center;grid-gap:40px 20px;padding:0 10px} .logos img{vertical-align:middle;} .mw150{max-width:150px;} .reader{max-width:200px;margin-top:50px;} .micloud.grid{grid-template-columns:160px 1fr} .micloud.grid h3{margin:15px 0 0} .micloud.grid p{margin-top:10px} .micloudtable{margin:40px 0;padding:0 10px;border-collapse:collapse} .micloudtable td{padding:8px 20px} .micloudtable span{color:#fff;} .micloudtable th{background-color:#808285;font-weight:normal;padding:15px 25px} .micloudtable tr:nth-of-type(odd){background-color:#F4F4F5;} .micloudtable td:nth-of-type(even){color:#00CC00;text-align:center;} .micloudtable tr:first-child td{text-align:center} .micloudtable td:nth-of-type(odd){text-align:left;} .micloudblue{color:#2B78B4} .pbx h1,.pbx h2,.pbx .reasons p{text-align:center;} .pbx .reasons img{max-width:200px;display:block;margin:0 auto;} .pbx .reasons p{padding:0 40px;} .pbx .advantages .grid{grid-gap:10px;grid-template-columns:repeat(6,1fr);} .pbx .flex{gap:10px} .pbx .advantages h3{margin-top:30px} .pbx .advantages .grid>div,.pbx .move{border-radius:20px;} .pbx .advantages .grid>div{background-color:#eee;padding:0 20px 20px;width:100%;grid-column:span 3} .pbx .advantages .grid>div:is(:nth-of-type(3),:nth-of-type(4),:nth-of-type(5)){grid-column:span 2} .pbx .advantages svg{float:right;margin:20px 0 0 10px;stroke:#777} .pbx .move h2,.pbx .move{color:#fff;} .pbx .move{background-color:#002855;padding:1px 0 20px 20px;margin-top:50px;} .pbx .move h2{text-align:left;} .support .grid{grid-gap:0 20px} .support ul{padding-left:25px;margin:0} main .support li{margin:0 0 5px} .grid.contact{grid-template-columns:1fr 270px;grid-gap:10px 30px} form{margin:40px 0;} form .grid{grid-gap:0 10px;} form :is(input,textarea,select,label){display:block;width:100%;font-family:'Montserrat',sans-serif;font-size:16px;text-align:left} form :is(input,textarea,select){border-radius:20px;padding:15px;border:none;background-color:#f5f5f5;margin-bottom:10px} form :is(input,textarea,select)::placeholder{color:#000} form input[type=submit]{max-width:250px;margin-top:10px;font-weight:bold;background-color:#2970a7;color:#fff;text-align:center} form input[type=submit]:hover{cursor:pointer} form textarea{height:200px} #contact .grid{grid-template-columns:1fr 1fr} :is(.cta,footer) form input[type=submit]{background-color:#c5d600;color:#333} #employment{margin-top:20px;} #testimonials{margin:0 0 20px;} #testimonials textarea{height:140px;} .slideshow{position:relative;min-height:220px} .slideshow figure{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity 2s;object-fit:contain;object-position:center;} .slideshow .showing{opacity:1;z-index:2} footer ul{margin-bottom:40px;} footer :is(h2,h3,p){padding:0} footer p{margin-top:20px;} footer .grid{grid-template-columns:280px 1fr 1fr 100px;grid-gap:30px} .subfoot{padding:40px 10px} .subfoot ul{text-align:center} .subfoot li{font-size:20px;margin:0 5px;} .subfoot .grid{grid-template-columns:1fr 1fr 1fr;align-items:center;grid-gap:15px 0;} .subfoot :is(p,ul){margin:0} .social li{vertical-align:middle} .a8bmark img{display:inline-block} .a8bmark{text-align:right} h3.pr,h2.pr{display:none} @media(max-width:999px){nav ul ul{display:none !important} .mobilenav{display:block} .intro .grid.half{grid-template-columns:1fr}} @media(max-width:767px){.services a>div{padding:20px 20px 65px} .services svg{right:10px;bottom:15px} footer .grid,main .grid.third{grid-template-columns:1fr 1fr} main .grid.third>*:last-of-type:nth-of-type(odd){grid-column:1 / -1} .pbx .advantages .grid>div:nth-of-type(5){grid-column:span 6} .pbx .advantages .grid>div:is(:nth-of-type(3),:nth-of-type(4)){grid-column:span 3} .feedback blockquote{display:none} .slideshow{min-height:40px} .grid.half.videos{grid-template-columns:1fr}} @media(max-width:700px){header{position:relative} .top{position:fixed;width:100%;top:0;border-bottom:1px solid #999;z-index:999} header .grid{grid-template-columns:1fr;padding:32px 0 10px} .grid.contact{grid-template-columns:1fr} nav ul,.top p,.message ul:not(.numbers) li,.message p{text-align:center}} @media(max-width:600px){.subfoot{padding:20px 0} .subfoot .grid,main .grid.half{grid-template-columns:1fr} .subfoot :is(p,ul),.a8bmark{text-align:center} .pbx .advantages .grid>div{grid-column:span 6 !important} .imgRight{float:none;max-width:100%;width:auto;margin:0 auto}} @media(max-width:500px){.partners img.rcp{width:100%;height:auto;max-width:445px} .partners a{margin:5px 30px} footer .grid,main .grid.third{grid-template-columns:1fr} footer *{text-align:center} footer input{margin:0 auto}} @media(max-width:400px){.top a{display:block} header .grid{padding-top:53px} #contact .grid{grid-template-columns:1fr} form input[type=submit]{max-width:unset}}