img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Red Hat Display', sans-serif; font-size: 18px; line-height: 1.5; background-color: #fff; text-align: center; min-width: 320px; }body, header a, nav ul ul a, footer a, .latest .post h2 a, .solutions a { color: #3c3c3c; }.bgdark, .subfoot, .subfoot a, header .btn:hover, .hero p, #contact label, .phones div > a h3, .it .grid > div h3, .home .cta h2, .home .cta h3, .estimate a, .estimate a:hover, .reasons *, .solutions .grid > * h2 { color: #fff; }.bgdark, .cta, .contact > .grid > div:last-of-type { background-color: #3c3c3c; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, nav ul ul, form label, .latest .post h2, footer .grid.fourth { text-align: left; }body, header ul { padding: 0; margin: 0; }img, iframe, video { max-width: 100%; display: block; margin: 0 auto; }img { height: auto; }iframe, video { height: 100%; aspect-ratio: auto 16 / 9 }video { object-fit: cover }a img, iframe { border: none; }a, a:hover, form input[type='submit'], .btn, form input[type='submit']:hover, .btn:hover, .phones div > a:hover h3, .solutions .grid h2 { transition: ease-in-out 0.3s; }a, header a:hover, footer a:hover, h1, .home h2, h2.big, .latest .post h2 a:hover, main summary { text-decoration: none; color: #006bb7; }a:hover, main summary:hover { cursor: pointer; }a:hover { text-decoration: underline; }header a:hover, footer a:hover, .btn:hover, .btn, .it a:hover, .featured a:hover, .post h2 a:hover, .latest .post p:nth-of-type(3) a:hover, .solutions a:hover { text-decoration: none; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 5px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 5px 0 2% 4%; }.clear { clear: both; } .nowrap, a[href^='tel'] { white-space: nowrap; }.hide { display: none !important; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.center, .hero .start, .intro *, .it *, .latest h2, .latest h3, .counter *, .cta h2, .cta h3, .gosafe .grid.fourth *, .remote h2, .remote h3 { text-align: center; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1; }.grid, .latest .posts { display: grid; grid-gap: 10px 20px; margin: 10px 0; }.mid { align-self: center; align-items: center; }.grid.half { grid-template-columns: repeat(2, 1fr); }.grid.third { grid-template-columns: repeat(3, 1fr); }.grid.fourth, .latest .posts { grid-template-columns: repeat(4, 1fr); }.grid.fifth { grid-template-columns: repeat(5, 1fr); }.grid.seventh { grid-template-columns: repeat(7, 1fr); }.grid.structured { grid-template-columns: 1fr 250px; }.grid.bloghalf { grid-template-columns: 1fr 300px; }#blog-sidebar {padding-left: 30px;}.span2 { grid-column: span 2; }.span3 { grid-column: span 3; }.video, video { display: block; width: 100%; aspect-ratio: auto 16 / 9; border: 0; } .grid.structured .grid { grid-template-columns: 1fr; grid-gap: 15px; }.grid.structured img { box-sizing: border-box; border-radius: 50px; object-fit: cover; height: 200px; } header a, nav ul ul li, .hero strong, .hero svg, .intro span, .phones div > a, .it .grid > div, nav li:hover ul, .reasons img, .solutions .grid a { display: block; }header, .hero, .hero strong, .hero .start, .testimonials-home .carousel, .testimonials-home .pager, .phones div > a, .it .grid > div, .latest .post, .estimate, .contact, .reasons > div, .solutions .grid > * { position: relative; }header { z-index: 999; padding: 10px 0 5px; }header a { padding: 10px; }header li, .subfoot li, .social li, .partners img, .logos img { display: inline-block; }header .top { font-weight: 700; }header .grid { grid-template-columns: 200px 1fr 200px; margin: 0; }header .grid a.logo { text-align: left; }header ul, .cctv *, .access * { text-align: right; }header ul { text-align: center; }header .btn { font-size: 16px; margin: 5px 10px 0; padding: 10px; }#homeHeader { display: none; }nav { font-size: 18px; }nav ul ul, .hero:before, .hero strong:after, .phones div > a h3, .it .grid > div:before, .it .grid > div h3, .postThumbnail img, .latest .post p:nth-of-type(3), .contact .address, .reasons > div > div, .solutions .grid h2 { position: absolute; }nav ul ul { background-color: #eee; }nav ul ul { display: none; min-width: 250px; margin-left: -10px; z-index: 999; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 107, 183, 0.2); }nav ul ul a { padding: 5px 20px; }nav ul ul a:hover { background-color: #006bb7; color: #fff; }nav ul ul li:first-of-type a { padding-top: 10px; border-radius: 5px 5px 0 0; }nav ul ul li:last-of-type a { padding-bottom: 10px; border-radius: 0 0 5px 5px; }.calltoactionUcaaS { margin-bottom: 100px; background-color: #004a80; background-image: linear-gradient(to right, transparent 10%, #006bb7 60%); padding: 50px 0; }.calltoactionUcaaS p { max-width: 500px; color: #fff; margin: 0 auto; text-align: center; }.calltoactionUcaaS .btn { background-color: #39b54a; }.calltoactionUcaaS .btn:hover { background-color: #ed6d00; }.telarus { width: 100%; height: 2000px; } .hero, .cover, .hosted, .cctv, .cabling, .access { background-size: cover; background-position: center; }.hero:before { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; }.hero .wrap { top: 50%; transform: translateY(-50%); padding: 0 10px; }.hero { height: 400px; background-image: url(images/hero-ucaas.jpg); background-repeat: no-repeat; position: relative; z-index: -2; }.hero a:hover { text-decoration: none; }.hero p { font-size: 18px; margin: 0; }.hero h1, .hero p { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }.hero strong { font-size: 24px; padding-bottom: 10px; }.hero strong:after { content: ''; width: 70%; height: 2px; background-image: linear-gradient(to right, #fff, transparent); top: 1.5em; left: 0; }.hero em, footer strong, .home h1, .home h2 { text-transform: uppercase; }.hero em, .it a:hover, .featured a:hover { font-style: normal; color: #39b54a !important; }.hero .start { bottom: -100px; }.hero .assessment div:nth-of-type(2) { background-color: #3c3c3c; padding: 10px; color: #fff; font-weight: bold; font-size: 24px; }.assessment form { margin: 10px 0; text-align: center; }.assessment textarea { height: 50px; }.address ul:nth-of-type(1) { margin-top: 0; }.start svg { margin: 0 auto; }.hero p:nth-of-type(2) { max-width: 500px; }.hero .grid, main details { text-align: left; }.hero .btn { margin-top: 40px; }.bgimg { position: relative; }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: -1; } .home h2, .intro h1 { margin-bottom: 0; }.home h3, .intro h2 { margin-top: 0; color: #3c3c3c; }.intro { padding: 20px 10px 40px; }.intro p, .it p { max-width: 90%; margin: 20px auto; }.intro h2, .latest .post h2 { text-transform: unset; }.phones { background-image: linear-gradient(#fff 10%, #eee 10% 90%, #fff 90%); margin: 40px 0; background-size: 100%; }.phones .grid > div:nth-of-type(1) { padding-left: 10px; grid-row: span 2; }.phones div > div:nth-of-type(2n + 2) a h3, .reasons > div:nth-of-type(odd) > div, .solutions .grid > div:nth-of-type(odd) h2, .partners h2 { left: 0; border-radius: 0 5px 5px 0; }.phones div > div:nth-of-type(2n + 3) a h3, .reasons > div:nth-of-type(even) > div, .solutions .grid > div:nth-of-type(even) h2 { right: 0; border-radius: 5px 0 0 5px; }.phones div > div:nth-of-type(2n + 3) a h3 { right: 0; }.phones div > a h3, .reasons > div > div, .solutions .grid h2, .partners h2 { background-color: rgba(0, 107, 183, 0.9); padding: 10px 20px; }.phones div > a img, .it .grid > div img, .latest .post img, .solutions .grid img, .hospitality img { object-fit: cover; }.phones div > a img { width: 100%; height: 300px; border: 15px solid #fff; outline: 1px solid #eee; max-width: calc(100% - 30px); max-height: calc(100% - 30px); }.phones div > a h3 { top: 70%; transform: translateY(-70%); }.it { padding: 40px 0; }.it .grid > div img { width: 100%; height: 500px; object-position: 30%; }.it .grid > div:nth-of-type(1) img, .it .grid > div:nth-of-type(2) img { object-position: bottom; }.it .grid > div h3 { max-width: 50%; margin: 0; left: 50%; transform: translateX(-50%); bottom: 50px; }.it .grid > div:before { content: ''; width: 100%; height: 50%; bottom: 0; left: 0; right: 0; }.it .grid > div:nth-of-type(1):before { background-image: linear-gradient(transparent, #464646 50%); }.it .grid > div:nth-of-type(2):before { background-image: linear-gradient(transparent, #39b54a 50%); }.it .grid > div:nth-of-type(3):before { background-image: linear-gradient(transparent, #004a80 50%); }.it .grid > div:nth-of-type(4):before { background-image: linear-gradient(transparent, #736357 50%); }.featured { overflow-x: hidden; padding-top: 25px; }.featured > div { padding: 100px 20px; position: relative; }.featured > div:nth-of-type(even) .grid > div:first-of-type { order: 2; }.featured > div.hosted, .featured > div.cabling { width: calc(100% + 20px); margin-left: -20px; padding-left: 40px; padding-right: 40px; }.featured .wrap { padding: 0 0 0 0; }.hosted, .cabling .wrap { transform: rotate(3deg); }.hosted { z-index: 999; }.hosted > img { object-position: 90% 50%; }.cctv > img, .access > img { object-position: 30% 50%; }.cabling > img { object-position: 70% 50%; }.cctv, .cabling, .access { margin-top: -70px; }.featured .cctv { padding: 150px 20px; z-index: 777; }.cabling, .hosted .wrap { transform: rotate(-3deg); }.cabling { z-index: 888; }.latest { background-image: linear-gradient(#eee 40%, transparent 40%); padding-top: 100px; }.latest .post { min-height: 650px; background-color: #fff; padding: 10px; margin-top: 40px; border: 2px solid #eee; }body .postThumbnail img { float: none; display: block; width: 100% !important; height: 200px !important; max-width: 100%; margin: 0; padding: 0; border-radius: 0; object-position: 35% 50%; }.postThumbnail img { top: 0; left: 0; }.latest .post h2 { padding-top: 200px; }.latest .posttags, .latest .postcats, .latest .post p:first-of-type { display: none; }.latest .post p:nth-of-type(3) { bottom: 10px; }.home .counter h2 { font-size: 60px; font-weight: 900; margin-top: 0; }.stats { background-image: url(/images/bg-stats.jpg); }.counter { padding-top: 5px; }.counter .grid { grid-gap: 0; }.counter .grid > div { border-left: 1px solid #eee; border-right: 1px solid #eee; }.counter .grid > div:first-of-type { border-left: none; }.counter .grid > div:last-of-type { border-right: none; }.partners { padding-bottom: 50px; margin-top: 40px; }.partners img { vertical-align: middle; margin: 40px; }.cta { padding: 60px 20px; }.carousel { height: 180px; overflow: hidden; }.testimonials-home { background-color: #fff; height: auto; padding-bottom: 40px; }.testimonials-home h2, .testimonials-home h3, .testimonials-home p { text-align: center; }.testimonials-home h2 { color: #fff; padding: 20px; margin: 0; }.testimonials-home strong { display: block; font-size: 20px; }.testimonials-home span, .testimonials-home .fa-quote-right { color: #0070b3; }.testimonials-home .carousel { width: 95% !important; height: auto; margin-top: 20px; position: relative; left: 40px; }.testimonials-home .cycle-slide { width: 423px; height: 355px; vertical-align: top; padding: 20px; margin: 20px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow: hidden; white-space: normal; }.testimonials-home .width.cycle-slide { width: 400px; }.testimonials-home .fa-quote-right { font-size: 32px; }.testimonials-home .pager a { font-size: 40px; color: #0070b3; padding: 170px 0; position: absolute; z-index: 999; }.testimonials-home .pager a:hover { color: #39b54a; }.testimonials-home .pager a:first-of-type { left: 0; }.testimonials-home .pager a:last-of-type { right: 0; }.testimonials-home .grid.fifth { grid-column-gap: 1px; grid-template-columns: repeat(5, 0fr); margin-left: 36%; } main { padding: 40px 10px; }main h1, .home h2, h2.big, .remote h2 { font-size: 24px; }main h2, .top, .latest .post h2, .remote h3 { font-size: 20px; }main h3, .hero .start, .home .intro h2, .estimate, .testimonials h2, .faq h2 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }main summary { font-weight: 700; }main details { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }main details:last-of-type { border: none; }.nolist, footer ul, .contact ul, .blogsidebar ul, .pr ul { list-style: none; padding: 0; }.why svg { float: left; margin-right: 10px; }.reasons, .solutions .grid { margin: 50px 0 20px; }.reasons img, .gallery img { object-fit: cover; }.gallery { display: flex; flex-wrap: wrap; margin: 0 -15px; overflow: hidden; }.gallery a { flex: 1 0 250px; display: block; margin: 5px; max-height: 170px; }.gallery img { height: 100%; width: 100%; object-position: 50% 35%; }.reasons > div > div { max-width: 80%; background-color: rgba(0, 107, 183, 0.9); padding: 20px; top: 55%; }.reasons img { width: calc(100% - 40px); height: 350px; padding: 20px; border: 1px solid #eee; }.reasons h3, .reasons p { margin: 0; }.solutions .grid > * { padding: 20px 20px 10px; border: 1px solid #eee; }.solutions .grid img { width: 100%; max-height: 300px; }.solutions .grid a > div, .solutions .grid > div > div { position: relative; }.solutions .grid h2 { bottom: 50px; }.solutions .grid ul { margin-top: 0; }.remote { padding: 20px 0; }.remote .grid > div { padding: 20px 20px 10px; border: 1px solid #eee; }.remote .grid svg { background-color: #006bb7; padding: 10px; border-radius: 50px; }.remote .grid h3 { max-width: 250px; margin: 15px auto; }.logos img { max-width: 215px; max-height: 60px; margin: 20px; }.logosUcaaS { margin-bottom: 100px; border: 1px solid rgb(236, 233, 233); padding-top: 40px; padding-bottom: 40px; }.logosUcaaS img { max-width: 120px; max-height: 70px; }.swap .grid:nth-of-type(even) > div:first-of-type { order: 2; }.hospitality img { width: 100%; height: 400px; }.hospitality > div:first-of-type img { object-position: top; }.contact > .grid { grid-template-columns: 250px 1fr; grid-gap: 0; margin: 50px 0 20px; }.contact .address, .contact .grid > div:last-of-type { border-radius: 5px; }.contact .address { background-color: #fff; padding: 20px 60px; margin-top: 40px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }.contact > .grid > div:last-of-type { padding: 60px 40px 50px 100px; }.contact .social, .solutions .grid { text-align: left; }.contact .social { margin-top: 40px; } .blogsidebar { font-size: 16px; }.post h2 a:hover { color: #39b54a; }blockquote { padding-left: 20px; margin: 20px 0; border-left: 5px solid #006bb7; }cite { display: block; margin-top: 10px; }.orange { color: #ed6d00; }.pad { padding: 15px; }.partners > div { background-color: #f5f5f5; padding: 20px; margin: 20px 0; border: 20px solid #fff; outline: 1px solid #eee; }.partners h2 { max-width: 50%; background-color: rgba(0, 107, 183, 0.8); color: #fff; padding-left: 40px; position: relative; top: -10px; left: -41px; }.partners img { max-height: 50px; width: auto; display: inline-block; vertical-align: middle; margin: 20px 30px; } .hero .ai h1, .hero .ai p, .hub h2, .hub p, .enterprise h2, .enterprise h3, .enterprise p, .benefits h2, .benefits p, .process .grid h3, .process .grid p { text-align: center; }.hero .ai h1, .hero .ai p, .hub h2, .enterprise h2, .benefits h2, .benefits p { margin: 0; }.hero .ai h1 { font-size: 45px; }.hero .ai p { font-size: 18px; color: #3c3c3c; text-shadow: none; }.hero .ai .btn, .hero .ai .grid > a p, .supervity .btn { font-size: 16px; }.hero .ai p, .hero .ai .btn, .supervity .btn { font-weight: 400; }.hero .ai .btn { margin-top: 20px; }.hero .ai .grid, .supervity .grid { grid-gap: 0 40px; }.hero .ai .grid > div, .coach h3, .coach p { text-align: right; }.supervity > div { margin: 40px 0; }.supervity h2 { font-size: 36px; }.supervity h3 { font-size: 24px; line-height: 1.2; margin: 15px 0 10px; }.hub { background-color: #f5f5f5; padding: 40px; text-align: left; }.hub summary { color: #fff; background-color: #004a80; padding: 15px; }.hub details { margin: 0 10px; border-bottom: none; }.coach .grid { grid-template-columns: 1fr 350px; }.configure .grid { grid-template-columns: 350px 1fr; }.enterprise h3 { font-size: 20px; }.process .grid div { border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 40px; margin: 20px 0; }.managedItContent {display:grid; grid-template-columns: 1fr clamp(345px, 8vw, 250px); padding:0.521vw;} .testimonialsContainer { padding: 10px 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }.carouselTestimonials img { width: 240px; margin: 0 12px; }.carouselTestimonials { border-bottom: 1px solid #eee; height: 90px; } form { margin: 20px 0; }form .grid { grid-gap: 5px 20px; }form label, form input[type='file'], form input, .latest .post p:nth-of-type(3) a { display: block; }form label, form input[type='text'], form input[type='email'], form input[type='tel'], form input[type='file'], form input[type='submit'], form select, form input[type='file'], form textarea { 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 input[type='file'], form textarea { background-color: #eee; padding: 0 15px; border: none; }form input[type='text'], form input[type='email'], form input[type='tel'], form select, form input[type='file'] { margin-bottom: 5px; }form .grid input { margin-bottom: 0 !important; }form input[type='text'], form input[type='email'], form input[type='tel'], form input[type='file'], form textarea { width: calc(100% - 30px); }form input[type='text'], form input[type='email'], form input[type='tel'], form select { height: 50px; }form select { width: 100%; }form input[type='file'] { padding: 13px 15px; }form textarea { height: 200px; padding: 15px; }form input[type='submit'], .btn, .latest .post p:nth-of-type(3) a { display: inline-block; min-width: 160px; background-color: #006bb7; font-weight: bold; text-align: center; color: #fff; padding: 10px 25px; margin: 10px 0; border-radius: 5px; border: none; }form input[type='submit']:hover, a.btn:hover, .phones a:hover h3, .latest .post p:nth-of-type(3) a:hover, .solutions .grid a:hover h2 { background-color: #39b54a; }form input[type='submit'] { min-width: 250px; padding: 15px 30px; }#contact input[type='text'], #contact input[type='email'], #contact input[type='tel'], #contact select, #contact textarea { background-color: #fff; }.cta #contact { margin-top: 40px; }#whitepaper, #officemove { margin-top: 40px; }.cabling-textarea > textarea { height: 60px; padding-top: 5px; }#necexit input[type='submit'] { text-align: center; width: 100%; } #connectivity h2, #ccaas h2, #sdwan h2, #cyber h2, #ucaasform h2 {color:#eee; text-align: center; background-color:#006bb7; font-size: 25px; padding: 20px; font-weight: bold; margin-top: 40px; }#connectivity textarea, #ccaas textarea, #sdwan textarea, #cyber textarea, #ucaasform textarea {height: 100px;}#connectivity label, #connectivity p, #ccaas label, #ccaas p, #sdwan label, #sdwan p, #cyber label, #cyber p, #ucaasform label, #ucaasform p{ display: block; text-align: left; padding: 8px 18px; font-weight: bold; color:#000; font-size: 15px;}#connectivity table th, #ccaas table th, #sdwan table th, #cyber table th, #ucaasform table th {font-size: 14px; text-align: center;}#connectivity table, #ccaas table, #sdwan table, #cyber table, #ucaasform table { padding-bottom: 25px;}#connectivity input[type=checkbox], #ccaas input[type=checkbox], #sdwan input[type=checkbox], #cyber input[type=checkbox], #ucaasform input[type=checkbox] { width: 14px; height: 14px; float: left;} .sick {font-weight: bold;text-align: center;padding: 20px;line-height: 2em;} footer { font-size: 16px; }footer > .wrap { padding: 20px 10px 0; }footer ul { margin: 40px 0; }footer .grid.fourth img { margin: 0; }footer .flex { margin: 1em -10px; padding-bottom: 10px; }footer .flex li { margin: 5px 10px; }footer .flex a { white-space: nowrap; }footer h2 { font-size: 16px; text-transform: uppercase; }.mark img { margin: 0 0 0 auto; }.estimate { margin-bottom: 100px; background-color: #004a80; background-image: linear-gradient(to right, transparent 10%, #006bb7 60%); padding: 50px 0; }.estimate p { max-width: 500px; color: #fff; margin: 0 auto; text-align: center; }.estimate .btn { background-color: #39b54a; }.estimate .btn:hover { background-color: #ed6d00; }.summary li b { display: block; }.summary li { margin-bottom: 20px; list-style-type: none; }.summary { padding-left: 0; }.subfoot { background-color: #4d4d4d; }.subfoot .wrap { padding: 20px 10px; }.subfoot a:hover { color: #fff; text-decoration: underline; }.social li { margin: 0 5px; }.ciframe { height: 100%; } #policy details { padding-bottom: 0; margin-bottom: 0; }#policy h4, #policy .accordion-section-content { padding-left: 10px; padding-right: 10px; }#policy article a[href^='http'] { word-break: break-word; }.phonescomx .flex { flex-direction: column; }.phonescomx .flex > div { flex: 1 0 250px; }.cols { column-count: 3; }.phonescomx > div > div { padding: 5px; }.phonescomx .box { border: 1px solid #ed6d00; padding: 0 5px 0 10px; border-radius: 3px; }.phonescomx h2 { font-size: 40px; }.box { border: solid #ed6d00 1px; }.callfeatures, .reportslogging { grid-row: span 2; }.coresystem { grid-row: span 3; }.comxchange ul { column-count: 2; column-gap: 30px; }.comxchange li { margin-top: 0; }.comxchange .grid.third { grid-gap: 10px 20px; }.comxchange { background-color: #6fbae6; border-radius: 10%; padding: 20px; margin-top: 50px; margin-bottom: 50px; }.comxchange div div { background-color: #eee; margin: 7px; padding: 10px; border-radius: 10px; }.comxchange div ul { font-size: 15px; }.comxchange h2 { color: #eee; font-size: 40px; }.securitySolutions img { height: 350px; }.alibiimg { width: 70%; }@media (max-width: 999px) { nav ul ul { display: none !important; } .estimate:after { display: none; } .contact > .grid { grid-template-columns: 1fr; } .contact .address { position: relative; top: unset; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 20px; padding: 20px 0 20px 20px; } .contact .address > div { padding: 0 20px; } .contact > .grid > div:last-of-type { padding: 60px 40px 50px; } .latest .posts { grid-template-columns: 1fr 1fr; } .latest .post { min-height: unset; padding-bottom: 100px; } .testimonials-home .carousel { width: 99% !important; left: 0; } .testimonials-home .pager { display: none; } .grid.cablehead { grid-template-columns: 1fr !important; } .grid.cablehead h2 { margin-top: auto !important; } .comxchange .grid.third { grid-template-columns: 1fr 1fr; } header .grid { grid-template-columns: 1fr 1fr; } header nav { grid-column: span 2; order: 3; } header .grid a.logo { text-align: center; } nav a { padding: 5px; margin: 5px; } .grid.third.twothr, .grid.third.ucphones { grid-template-columns: 1fr 1fr; } .grid.twothr > div:last-child:nth-of-type(odd) { grid-column: span 2; } .grid.seventh { grid-template-columns: repeat(4, 1fr); } .grid.fifth { grid-template-columns: 1fr 1fr 1fr; } .thirdimg img {height: 200px;}} @media (max-width: 915px) { .telarus { height: 2600px }} @media (max-width: 767px) { .grid.fourth, .phonescomx .grid.third { grid-template-columns: 1fr 1fr; } .video.imgRight { float: none; } .video { margin: 1em -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); } .it .grid > div img { height: 300px; } .phones .grid.third { grid-template-columns: 1fr 1fr; } .phones .grid.third > div:nth-of-type(1) { grid-row: unset; grid-column: span 2; } .phones { background-image: unset; background-color: #eee; padding: 20px 0 50px; } .it .grid > div h3 { bottom: 25px; max-width: unset; width: 90%; } .testimonials-home .carousel { padding: 0 0; overflow-x: hidden !important; } .reportslogging, .coresystem { grid-row: unset; } .phonescomx .grid.third.twothr { grid-template-columns: 1fr; } .grid.twothr > div:last-child:nth-of-type(odd) { grid-column: unset; } .phonescomx .img300 img { max-height: 300px; width: auto; } .grid.seventh { grid-template-columns: repeat(2, 1fr); } .wrap .fraction {grid-template-columns: 1fr!important;} .buyers-guide-cta .wrap img {width: 180px;} } @media (max-width: 700px) { .blogs .post > img:first-of-type { margin: 0 -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); } .grid.fifth { grid-template-columns: 1fr 1fr 1fr; } .grid.structured > div:last-of-type { grid-template-columns: 1fr 1fr; } .grid.structured, .grid.bloghalf { grid-template-columns: 1fr; } .grid.structured img { width: 240px; height: 240px; aspect-ratio: auto 1 / 1; } .comxchange ul { column-count: unset; } .solutions .grid, .grid.half, .subfoot .grid.third, body .hero .grid.half.mid { grid-template-columns: 1fr; } .grid.half > .grid.half, ul > .grid.half { grid-template-columns: 1fr !important; text-align: center } .grid.half > .grid.half svg, ul > .grid.half svg { margin: 0 auto; } .sv9100.grid.half { grid-gap: 0; } .sv9100.grid.half ul:first-of-type { margin-bottom: 0; } .sv9100.grid.half ul:Last-of-type { margin-top: 0; } body .hero { height: auto; padding: 20px 10px; min-height: 260px; } .hero .wrap { top: unset; transform: none; } .subfoot p { text-align: center; } .mark img { margin: 0 auto; } footer ul { margin: 1em 0; } .bannertext {padding-top: 70px;} .hero .ai .grid > div {text-align: center} .hero .ai .grid > a p { text-align: center; } .coach .grid div:first-of-type {order:2} .coach .grid div:last-of-type {order:1} } @media (max-width: 600px) { .grid.third, .latest .posts { grid-template-columns: 1fr !important; } header ul { text-align: center; } .solutions .grid > * { padding: 10px; } .subfoot p { text-align: center; } footer ul { margin: 1em 0; } .imgRight { float: none; margin: 0 auto; max-width: 100%; } .gallery a { flex: 1 0 140px; } .gallery img { max-height: 120px; } .featured > div { padding-top: 50px; padding-bottom: 50px; } .featured > div.cabling, .featured > div.hosted { width: calc(100% - 40px); } .featured p, .featured h2, .featured h3 { background-color: rgba(255, 255, 255, 0.7); color: #000; margin: 0 -20px; padding: 20px; } header .grid a.logo { text-align: center; } header .grid a.logo img:first-of-type { padding: 0; } .phones .grid.third, footer .grid.fourth, .grid.third, .contact .address, .phonescomx .grid.third, .comxchange .grid.third, .grid.fourth, .phonescomx .grid.third { grid-template-columns: 1fr; } .phones .grid.third > div:nth-of-type(1) { grid-column: unset; } .phones div > a img { height: 200px; } footer .grid.fourth img { margin: 0 auto; display: block; } footer .grid.fourth > div:first-of-type p, footer .grid.fourth > div:first-of-type li { text-align: center; } footer .grid > div:nth-of-type(1n + 2) a, footer .flex a { display: block; padding: 5px 15px; background-color: #006bb7; border-radius: 5px; color: #fff; white-space: nowrap; margin: 5px; } footer .flex li { margin: 0; } footer .flex a { margin: 5px; } footer .grid > div:nth-of-type(1n + 2) ul { display: flex; flex-wrap: wrap; margin: 0 -5px; } footer .grid > div:nth-of-type(1n + 2) li { flex: 1 0 0; margin: 0; } body main .postThumbnail { float: none; margin: 0 auto; max-width: 100%; width: 100%; overflow: unset; } .grid.structured img { width: 150px; height: 150px; } .grid.structured .grid { grid-gap: 10px; } .grid.fifth { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 500px) { .comxchange ul { column-count: 2; } nav ul:last-of-type { display: grid; grid-template-columns: 1fr 1fr 1fr; } nav a { text-align: center; } .grid.seventh { grid-template-columns: repeat(1fr); } .logos img { max-width: 85% !important; } .logosUcaas img { max-width: 85% !important; } } @media (max-width: 400px) { .it .grid > div img { height: 200px; object-position: top !important; } .it .grid > div h3 { bottom: 15px; } form input[type='submit'] { width: 100%; } .contact .address { padding-left: 0; } .contact > .grid > div:last-of-type { padding: 20px; } body main .blogsidebar ul:first-of-type, .configure .grid, .it .grid.fourth, .counter .grid.fourth { grid-template-columns: 1fr; } .grid.fifth { grid-template-columns: 1fr 1fr; } .top li { display: block; text-align: center; } header .btn { margin: 5px 10px; } }