img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { min-width: 320px; font-family: 'Lato', sans-serif; font-size: 15px; background-color: #04182f; color: #68696b; line-height: 1.5; text-align: center; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: 400; text-transform: uppercase; } body, .topnav ul, nav ul, .subnav ul { padding: 0; margin: 0; } section ul, section ol{ padding: 0 } img, iframe { max-width: 100%;height:auto } a img, iframe { border: none; } a, nav a:hover { text-decoration: none; color: #b3203e; transition: all .3s linear .01s; } a:hover { text-decoration: underline; transition: all .3s linear .01s; } .cycle-slideshow a:hover, .btn1:hover, .btn2:hover, .subnav a:hover { text-decoration: none; } hr { border-width: 2px; border-color: #e6e6e6; border-style: none none solid; margin: 30px 0; } .imgLeft, .imgRight { max-width: 45%; } .imgLeft { float: left; margin: 5px 4% 1% 1%; } .imgCenter { display: block; margin: 0 auto; } .imgRight { float: right; margin: 5px 1% 1% 4%; } .clear { clear: both; } .center { text-align: center; } .container { background-color: #fff; width: 100% } .wrap { max-width: 1170px; display: block; margin: 0 auto; position: relative; } .table { display: table; width: 100%; } .table > div, header, nav, .subnav li { display: table-cell; vertical-align: top; } .table.bot > div { vertical-align: bottom } .table.mid > div { vertical-align: middle } .table.half > div { width: 50%; } .table.half > div:first-of-type { padding-right: 2%; } .table.half > div:last-of-type { padding-left: 2%; } .table.third > div { width: 33%; } .table.third > div:nth-of-type(1) { padding-right: 1%; } .table.third > div:nth-of-type(2) { padding: 0 .5%; } .table.third > div:nth-of-type(3) { padding-left: 1%; } .table.quad > div { width: 25%; } .grid { display: grid; grid-gap: 10px 20px; } .grid.half { grid-template-columns: repeat(2,1fr); } .nowrap{white-space:nowrap} .topnav li, nav li, footer .sub li, i.fa { display: inline-block; } .topnav .table.third > div, header, nav, footer .sub .table.third > div, .topnav li { vertical-align: middle; } .hide { display: none !important } .vhid { visibility: hidden; font-size: 12px; padding: 0 } .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:0} .nolist { list-style: none; padding-left: 0; } .topnav, .topnav a { color: #fff; padding: 5px; } .topnav { background-color: #68696b; } .topnav .table.third > div:last-of-type, nav { text-align: right; } .topnav a { padding: 5px; } .topnav li { line-height: 1; } .topnav li { padding: 0 5px; border-left: 1px solid #fff; } .topnav li:first-of-type { border: none; } .topnav li:last-of-type a { padding-right: 0; } .topnav .table > div:nth-of-type(2) i { margin-right: 10px; } .topnav .fa-mobile{width:9px;height:15px} .topnav .fa-envelope{width:15px;height:15px} .topnav .fa.social{width:26px;height:15px} .topnav header { width: 200px; text-align: left; padding: 5px 10px; } header a { display: block } nav { width: calc(100% - 200px); font-size: 18px; padding: 10px } nav a { color: #68696b; padding: 10px; margin: 5px; display: block; } nav .btn { text-transform: uppercase; padding: 10px 20px; color: #F04365; border: 2px solid #F04365; } nav .btn:hover, .btn2:hover, #subscribe input[type=submit]:hover { background-color: #F04365; color: #fff; transition: all .3s linear .01s; } nav i { vertical-align: middle; } nav ul ul { display: none; width: 250px; font-size: 14px; background-color: #fff; position: absolute; z-index: 999; box-shadow: 0 0 5px rgba(0,0,0,.2); } nav ul li:hover > ul { display: block; transition: all .3s linear .01s; } nav ul ul li, nav ul ul li a { display: block; } nav ul ul li a:hover { background-color: #f5f5f5; color: #68696b; } .topnav .teamviewer, .topnav .connectwise {border-left: none;} .topnav .teamviewer a, .topnav .connectwise a {padding:5px 0 0 0} .teamviewer img, .connectwise img { padding-right: 5px; border-radius: 5px;} .teamviewer img { background-color: #fff;} .topnav .wrap{position:unset} .topnav a{display:block} .topnav { height: 100px; } .cycle-slideshow { height: 600px; position: relative; overflow: hidden; } .cycle-slideshow a { display: block; width: calc(100% - 20px); height: 100%; background-position: center bottom; padding: 0 10px } .cycle-slideshow .wrap { top: 50%; transform: translateY(-50%); animation: fadein 3s; } .cycle-slideshow p { font-size: 24px; text-align: center; color: #fff; margin: 0; text-shadow: rgba(0,0,0,.8) 2px 2px 5px; } .cycle-slideshow p strong { display: block; font-size: 72px; font-weight: 400; } .cycle-slideshow p:last-of-type { max-width: 700px; line-height: 1.2; margin: 0 auto; } .cycle-slideshow span { display: inline-block; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 40px; padding: 15px 30px 15px 40px; color: #1fb6f0; border: 2px solid #1fb6f0; background-color: rgba(255,255,255,.9) } .cycle-slideshow span .fa { margin-left: 10px; } .cycle-slideshow a:hover span, .btn1:hover, .subnav a:hover { background-color: #1fb6f0; color: #fff; } .cycle-slideshow a:hover span, .btn1:hover, .subnav a:hover { transition: all .3s linear .01s } .cycle-prev, .cycle-next { position: absolute; top: 0; width: 50px; z-index: 888; height: 100%; cursor: pointer; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; } .cycle-prev { left: 0; background-image: url(/images-design/arrow-prev.png); } .cycle-next { right: 0; background-image: url(/images-design/arrow-next.png); } .cycle-prev:hover, .cycle-next:hover { opacity: .8; transition: all .3s linear .01s; } .slide1 { background-image: url(/images-design/slides/1.jpg); } .slide2 { background-image: url(/images-design/slides/2.jpg); } .slide3 { background-image: url(/images-design/slides/3.jpg); } .slide4 { background-image: url(/images-design/slides/4.jpg); } .banner { padding: 25px 10px 45px; } .banner.bgimg>img:first-of-type{} .banner p { text-align: center; margin: 0; } .banner strong { display: block; font-size: 46px; font-weight: 300; color: #092a49; } .row1 { background-color: #e6e6e6;border-top:40px solid #e6e6e6;border-bottom:40px solid #e6e6e6; height: 60px; overflow: hidden } .row1 img { margin: 0 40px; display: inline-block; } .row2 { background-position: left top; background-repeat: no-repeat; padding-top: 40px; } .row2>img:first-of-type,footer>img:first-of-type{object-position:left top;object-fit:contain;height:auto;bottom:unset;right:unset;width:auto} div[class^=row] h2, .articles h2 { font-size: 46px; } .row2 h1 span, div[class^=row] h2 span, .articles h2 span { display: block; color: #68696b; font-size: 28px; } .row2 h1, .row6 h2, .articles h2 { color: #a51e39; margin-bottom: 0; } .row2 h2, .row3 h2 { text-align: center; text-transform: none; } div.row2 h2{font-size:24px;} div.row2 h2 span{font-size:24px;display:inline;color:#092a49} .row2 .table { margin-top: 60px; } .row2 .table>div{vertical-align:bottom} .row3 {padding: 40px 0 80px; } .row3 h2 { font-weight: 300; } .row3 .btn2 { font-size: 16px; text-align: left; margin-top: 0; padding: 20px 30px 20px 40px; } .row4 { background-color: #092743; background-repeat: no-repeat; padding: 30px 0 80px; } .row4>img:first-of-type{object-position:right bottom} .row4 h2, .row4 h3, .row4 p { text-align: center; color: #fff; } .row4 h2 { margin-bottom: 0; } .row4 h3 { font-size: 20px; margin: 60px 0 0 0; } .row4 p { margin-top: 10px; padding: 0 20px; } section div.row4 h2 span { color: #fff; font-size: 20px } .row5 { padding: 50px 0; } .row5 h2 { color: #1fb6f0; margin: 0; } .row6 { background-image: url(/images-design/row6-bg.jpg); background-size: cover; background-position: center; padding: 70px 0; } .row6 h2 { margin-top: 0; } .row6 .btn2 { margin-top: 40px; } .row7 { padding-top: 40px; } .row7 h2 { color: #1fb6f0; margin: 0; } .row7 .table.half > div:first-of-type { line-height: 0; } .articles { background-color: #dadfe3; background-image: url(/images-design/articles-bg.jpg); background-size: cover; background-position: center; padding: 40px 0 50px; } .articles .posttags, .articles .postcats, .articles .post > p:first-of-type{ display: none; } .articles .post h3 { font-size: 20px; margin-bottom: 0; } .articles .post h3 a { color: #092743; } .articles .btn2{padding:15px 40px 15px 15px;} section { padding: 40px 0; } section h1, section h2, .cta h2 { font-size: 36px; color: #092a49; } section h1 { padding-top: 20px; } section h1 span, section h2 span { display: block; font-size: 24px; text-transform: none; } section h3 { font-size: 24px; color: #092a49; text-transform: none; } section ul, section ol { padding-left: 20px; } section li { margin-bottom: 5px; } .subnav { font-size: 0; margin-bottom: 40px; text-align: left } .subnav li { font-size: 15px; display: inline-block; width: calc(25% - 4px); padding: 2px; position: relative; margin: 0 } .subnav li a { display: block; background-color: #092743; color: #fff; padding: 15px 20px; } .subnav li i { position: absolute; top: 21px; right: 15px; } .btn1, .btn2 { display: inline-block; font-weight: bold; text-align: center; text-transform: uppercase; margin: 10px 0; padding: 15px; position: relative; min-width: 150px } .btn1 .fa, .btn2 .fa { position: absolute; right: 5px; top: 50%; transform: translateY(-50%) } .btn1 { color: #1fb6f0; border: 2px solid #1fb6f0; white-space: nowrap; min-width: 150px } .btn2, #subscribe input[type=submit] { color: #F04365; border: 2px solid #F04365; } .map { width: 100%; height: 450px; margin-bottom: 40px; } .cta { background-color: #dadfe3; padding: 40px 0; } .partners { text-align: left; } .partners img { display: inline-block; vertical-align: middle; max-width: 165px; margin: 1%; border: 2px solid #eee; } .gray-bg { background-color: #e6e6e6; margin: 50px 0; padding: 50px 0; } .gray-bg h2 { margin-top: 0; } .gray-bg.first { margin-top: 0; } .gray-bg.last { margin-bottom: 0; } .font18 { font-size: 18px; margin-top: 30px; } .phones, .cylance, .salto { background-size: cover; background-position: right; } .phones p, .cylance p { max-width: 700px; } .phones .wraps { background-color: rgba(255,255,255,.6) } .phones { background-image: url(/images-design/phones-bg.jpg); padding: 40px 0 60px; } .cylance { background-image: url(/images-design/cylance-bg.jpg); margin: 60px 0 40px; padding: 20px 0 110px; } .salto { background-color: #e6e6e6; background-image: url(/images-design/salto-bg.jpg); background-position: 50% 50%; margin: 50px 0; padding: 40px 0 60px; } .salto .table.half > div { vertical-align: top; } .cylance h2, .cylance p { color: #fff; } .cylance .btn1, .wifi .btn2, .belden .btn1 { text-align: center; margin: 20px 10px 20px 0; } .wifi .btn2 { width: 140px; } .pb50 { padding-bottom: 50px; } .back { display: none } .back i.fa{font-size:25px;width:30px;height:30px;padding:0;margin:0} .iso {max-width: 900px; min-width: 200px;} form { margin: 20px 0; } form .table.half > div:first-of-type { padding-right: 1%; } form .table.half > div:last-of-type { padding-left: 1%; } form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form select, form textarea { font-family: 'Lato', sans-serif; font-size: 14px; color: #68696b; } form input[type=text], form input[type=email], form input[type=tel], form select { margin-bottom: 15px; } form input[type=text], form input[type=email], form input[type=tel], form select, form textarea { padding: 0 20px; border: 1px solid #ddd; } form input[type=text], form input[type=email], form input[type=tel], form textarea { width: calc(100% - 42px); } form input[type=text], form input[type=email], form input[type=tel], form select { height: 50px; } form select { width: 100%; } form textarea { height: 100px; padding: 20px; margin-bottom: 15px; } form input[type=submit] { font-weight: bold; text-transform: uppercase; background-color: transparent; color: #1fb6f0; padding: 15px 30px; border: 2px solid #1fb6f0; } form input[type=submit]:hover { cursor: pointer; text-decoration: none; background-color: #1fb6f0; color: #fff; transition: all .3s linear .01s; } #call { margin: 40px 0; } #call input[type=submit], #subscribe input[type=submit], #contact input[type=submit] { width: 100%; padding: 15px 0; } footer, footer a { color: #fff; } footer .flex{display:flex;justify-content:space-between} footer .a8b { display: block; } footer { padding-top: 30px; background-color: #092a49; } footer .sub { margin-top: 50px; padding: 20px 10px; background-color: rgba(0,7,21,.5); } footer { min-height: 425px; background-image: url(/images-design/footer-bg.jpg); background-position: left top; background-repeat: no-repeat; } footer h3 { font-size: 20px; } footer ul { padding: 0 20px; } footer li { margin: 5px 0; } footer .sub p a { margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; } footer .sub .table.third > div:last-of-type { text-align: right; } footer .fa { background-color: #fff; color: #04182f; margin-left: 10px; padding: 10px 5px 9px 4px; border-radius: 50px; } footer .fa:hover { color: #a51e39; transition: all .3s linear .01s; } .topnav, section, .pad { padding-left: 10px; padding-right: 10px } @media(max-width:999px) { .topnav { height: auto } .topnav p,.topnav ul{text-align:center} nav .fa { display: none } .subnav li { width: calc(50% - 4px) } section .table.half > div { display: block; width: auto; padding-left: 10px !important; padding-right: 10px !important } .phones, .salto { background-color: rgba(255,255,255,.7); background-blend-mode: lighten } .phones p { max-width: none } .cylance { padding: 20px 0 200px; } .cylance h2, .cylance p { text-shadow: 1px 1px 1px #000; } } @media(max-width:767px) { header, nav, nav li:last-of-type { display: block; width: auto; text-align: center } footer .flex{display:block} footer .flex li{display:inline-block;margin:5px;padding:5px 15px;border:1px solid #ccc;flex:1 1 20%;white-space:nowrap;text-align:center} footer .flex ul{display:flex;flex-wrap:wrap;padding:0;} .sub p, .sub ul, .topnav p, .topnav ul { text-align: center } .topnav ul { margin: 1em 0 } footer .a8b { margin: 2em 0 } header, nav { padding: 10px } header img { display: inline-block; max-width: 500px; width: 100% } nav li:last-of-type a { display: inline-block } .row2 .table h3 span { display: block } .table.quad > div { display: inline-block; width: calc(50% - 4px) } .back { display: block } } @media(max-width:600px) { .subnav li { width: auto; display: block; } .cta .table.half > div { display: block; width: auto; padding: 0 !important } .row2 .table h3 span { display: inline } .table.third > div { display: block; width: auto; padding: 0 !important } .imgRight,section .blogs .postThumbnail{float:none;margin:0 auto;max-width:100%;} section .blogs .postThumbnail{width:100%} .grid.half { grid-template-columns: 1fr } } @media(max-width:500px) { .cycle-slideshow p strong, div[class^=row] h2, .articles h2 { font-size: 38px; } .cylance .btn1 { padding: 15px 10px; } } @media(max-width:400px) { .imgRight { float: none; max-width: 90%; } .partners { text-align: center; } .cylance h2 { font-size: 32px; } .cylance .btn1 { margin: 5px 10px; } }