body{min-width:320px;} body,.bgdark{background-color:#011a5c;color:#fff;} body{font-family:'Lexend',sans-serif;font-size:18px;line-height:1.5;text-align:center;} body,nav a{color:#403d39;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} body,header ul,footer ul{padding:0;margin:0;} img,iframe{max-width:100%;height:auto;display:block;margin:1em auto} iframe{width:100%;aspect-ratio:auto 16 / 9} .fullwidth{width:100%;} a img,iframe{border:none;} a,a:hover,form input[type=submit],.btn,form input[type=submit]:hover,.btn:hover{transition:ease-in-out .3s;} a,header a:hover,footer a:hover,aside li a:hover{text-decoration:none;color:#a71c1c;} a:hover{text-decoration:underline;} header a:hover,.featured a:hover,footer a:hover,.voice a:hover,aside li 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%;border-radius:5px;} .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{white-space:nowrap;} .hide{display:none !important;} .container,.quality li,.spotlight .wrap{background-color:#fff;} .wrap{display:block;max-width:1080px;margin:0 auto;position:relative;} .center,.hero p,.quality li,.intro .wrap>*,.featured .grid a>*,.spotlight .wrap>*,.comments .wrap>*,.cloud .featurelist h2{text-align:center;} .flex{display:flex;flex-wrap:wrap;} .flex>*{flex:1} .grid{display:grid;grid-gap:10px;} .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{grid-template-columns:repeat(4,1fr);} .span2{grid-column:span 2;} .span3{grid-column:span 3;} .pad{padding-left:10px;padding-right:10px} .bgimg{position:relative} .bgimg>img:first-of-type{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:0;margin:0} .bgimg>.wrap{z-index:2} .top,footer{font-size:16px;} .top,.top a{color:#a4a2a0;} .top a.btnstyle4{color:#eee;} .top p{margin:0;} .top svg,.quality svg,footer svg,.top li{vertical-align:middle;} .top ul,nav,footer .grid:last-of-type{text-align:right;} .top a{position:relative;min-height:24px} .top svg{left:0;position:relative} header a,.hero strong,main h1 span,main h2 span{display:block;} header a{padding:5px;margin:5px} header .grid.third .btnstyle4{margin:0 auto;text-align:center;height:60px;width:165px;color:#000;} header .grid.third .btnstyle4:hover{color:#b92121;} header .grid.third .btnstyle4 svg{z-index:0;position:absolute;margin:0;width:100%;height:100%;inset:0;color:#A4A2A0;} header .grid.third .btnstyle4 p{z-index:1;position:absolute;text-align:center;text-shadow:1px 2px 1px rgb(219,219,219);margin:13% 0;font-weight:bold;} header li,.voice a{display:inline-block;} header ul{list-style:none;} header img{margin:0;} .logo img{max-width:250px} .logo.grid{grid-template-columns:300px 1fr;} nav{margin-top:2rem;} nav li{font-size:17px;} .btnstyle3{background-color:#f10404;color:#eee;text-align:center;font-weight:bolder;display:inline-block;padding:10px 20px;margin:10px 5px;border-radius:5px;border:none;} .btnstyle3:hover{color:#eee;background-color:#b92121;text-decoration:none;} .btnstyle4{background-color:#f10404;color:#eee;text-align:center;font-weight:bolder;display:inline-block;padding:5px 20px;margin:10px 5px;border-radius:5px;border:none;font-size:14px;} .btnstyle4:hover{color:#eee;background-color:#b92121;text-decoration:none;} .hero{position:relative;z-index:888;padding:0 15px} .hero{height:clamp(350px,26vw,700px)} .hero:before{content:"";background-color:rgba(0,0,0,.5);position:absolute;inset:0;z-index:1} .hero .wrap{top:50%;transform:translateY(-50%);} .hero p,.featured .grid a,.comments,footer,footer a{color:#fff;} .hero p{text-shadow:2px 2px 4px rgba(0,0,0,.5);} .hero p,.intro p,.spotlight p{max-width:750px;margin:0 auto;} .hero strong{font-size:30px;padding-bottom:20px;position:relative;} .hero strong:after{content:"";width:40%;height:1px;background-color:rgba(255,255,255,.5);position:absolute;top:45px;left:50%;transform:translateX(-50%)} .hero .btn{min-width:210px;margin-top:40px;} .home{position:relative;top:-70px;z-index:999;} .quality li,.featured .grid a,.spotlight .wrap,.about.grid div:first-of-type,.about.grid img,.location.grid div,.cloud .featurelist,.cloud .featurelist h3,.more{border-radius:5px;} .quality li,.spotlight .wrap .more{box-shadow:0 0 10px rgba(0,0,0,.2);} .quality li{padding:30px;} .intro{padding:30px 10px 0;} .featured{background-image:url(/images/bg-featured.jpg);background-position:right;background-repeat:no-repeat;padding:80px 10px;} .featured .grid a{font-size:16px;padding:40px 20px 100px;position:relative} .featured .icon-tabler-circle-plus{position:absolute;bottom:40px;left:50%;transform:translateX(-50%)} .featured .design{background-color:#a71c1c;} .featured .managed{background-color:#a6832d;} .featured .ctap{background-color:#63560e;} .featured .customer{background-color:#012176;} .spotlight .wrap{padding:40px 0;margin:20px auto 0;position:relative;z-index:999;} .spotlight .youtube{max-width:900px;margin:40px auto 20px;} .comments{padding:300px 10px 100px;position:relative;top:-200px;z-index:888;} .comments:before{content:"";width:100%;height:100%;background-color:rgba(167,28,28,.9);position:absolute;inset:0;z-index:1} .comments img{object-position:50% 35%} .partners{position:relative;top:-120px;} .partners ul{padding:0} .partners li{display:inline-block;margin:1em 20px;vertical-align:middle} .partners img{max-width:170px;max-height:60px;vertical-align:middle;} .partners a{filter:grayscale(100%);opacity:.5;display:block;} .partners a:hover{filter:grayscale(0);opacity:1;} .cta{padding:100px 10px 0;position:relative;} .cta img{max-width:250px;position:absolute;top:-250px;right:0;} main,footer .wrap,aside{padding:40px 10px;} main h1,.hero p,.home h2,.cta h2{font-size:24px;} main h1 span{font-weight:400;} main h2{font-size:22px;} main h3{font-size:20px;} main h4,main h1 span{font-size:18px;} main ul,main ol{padding-left:25px;} main li,footer li{margin:5px 0;} aside li{margin:10px 0} aside h2{margin-top:70px;font-size:20px} aside ul{padding:0;list-style:none;font-weight:bold;} aside a{color:#693D39;} .hide{display:none;} .nolist,footer ul,.quality ul,.location ul{list-style:none;padding:0;} .about.grid{grid-template-columns:1fr 350px;margin-bottom:40px;} .about.grid div:first-of-type,.location.grid div{background-color:#eee;} .about.grid div:first-of-type{padding:20px 40px;} .about.grid div:last-of-type img{object-fit:cover;object-position:top;width:100%;max-height:400px;} .voice a{width:180px;min-height:150px;margin:1em 5px;padding:27px 0;background-color:#eee;vertical-align:top;border-radius:400px;} .voice svg{background-color:#011a5c;color:#fff;padding:10px;border-radius:100px;width:60px;height:60px;display:block;margin:0 auto} .voice h2,.voice p{text-align:center;} .voice h2{font-size:18px;font-weight:800;line-height:1;color:#a71c1c;margin:20px 0 0;} .voice p{width:130px;font-weight:600;text-transform:uppercase;padding:10px;margin:29px auto 0 auto;border:2px solid #b92121;border-radius:50px;} .voice a:hover{background-color:#a71c1c;transition:all .3s linear .01s;} .voice a:hover svg,.voice p{display:none;} .voice a:hover h2,.voice a:hover p{color:#fff;} .voice a:hover p,.voice span{display:block;} .voice a:hover p{border:2px solid #fff;} .location.grid{margin-top:50px;} .location.grid div{padding:20px 40px 30px;} .location hr{border-color:#fff;} .map{width:100%;height:400px;} .cloud .featurelist,.grid.more{margin:50px 0 20px;} .cloud .featurelist{border:1px solid #eee;} .cloud .featurelist>.grid{grid-template-columns:2fr 1fr;padding:0 20px;grid-gap:0 20px} .cloud .featurelist .grid.half{grid-gap:0} .cloud .featurelist ul{padding-left:30px} .cloud .featurelist li{margin:0 0 5px} .cloud .featurelist th,.cloud .featurelist td{vertical-align:top;padding-left:20px;} .cloud .featurelist h3{background-color:#eee;margin:0;padding:10px 20px;} .cloud .featurelist tr:nth-of-type(2) td:last-of-type{padding-right:20px;} .grid.more{grid-template-columns:350px 1fr;} .grid.more img{object-fit:cover;height:100%;border-radius:5px 0 0 5px;} .grid.more div:last-of-type{padding:20px 40px;} .terms ol{counter-reset:item;} .terms ol>li{display:block;} .terms ol>li:before{content:counter(item) ".";counter-increment:item;font-weight:bold;} .terms ol>li>ol>li:before{content:counters(item,".") " ";counter-increment:item} .terms ul{list-style:disc;} .resources h3,.resources h4,.resources p{text-align:center} .resources a{font-weight:bold;} .resources li{margin:10px auto;text-align:left} #catalog-sidebar{display:none;text-align:left;} .rotate{transform:rotate(-6deg);position:relative;z-index:1;} .rotate span{display:block;} .rotatetext{border-radius:10px;font-weight:800;border:1px dashed red;position:absolute;text-align:center;left:50%;transform:translate(-50%,0);padding:3% 6%;background:rgba(255,255,255,0.8);width:50%;} .rotatetext:hover{text-decoration:none;background:#fff;} form{margin:20px 0;} form label,form input[type=file],form input,form textarea{display:block;width:100%;box-sizing:border-box} form label{text-align:left;} 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:'Lexend',sans-serif;font-size:18px;} form input[type=text],form input[type=email],form input[type=tel],form select,form input[type=file],form textarea{background-color:#fff;margin-bottom:5px;padding:0 15px;border:1px solid #eee;} form .grid input{margin-bottom:0 !important;} form .grid,form>label{margin-bottom:10px} form input[type=text],form input[type=email],form input[type=tel],form input[type=file],form textarea{box-sizing:border-box;} 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{display:inline-block;min-width:160px;font-weight:bold;text-align:center;color:#fff;padding:10px 20px;margin:10px 0;border-radius:5px;border:none;} form input[type=submit],.btn.style1{background-color:#a71c1c;} form input[type=submit]:hover,.btn.style1:hover{background-color:#c12020;} .btn.style2{background-color:#011a5c;} .btn.style2:hover{background-color:#012176;} form input[type=submit]{min-width:250px;padding:13px 20px;margin:0;} form input[type=submit]:hover,.btn:hover{cursor:pointer;text-decoration:none;color:#fff;} .cta #contact{margin:20px 0 0;} #quote,#analysis{width:300px;padding:40px;margin:0 auto;background-color:#fff;} #quote input[type=submit],#analysis input[type=submit]{width:100%;margin-top:5px;} #support{margin-top:40px;} .top .grid .topnavigation{grid-template-columns:475px 1fr;padding:0 3%;} .socialheadericons{padding:5px;margin:5px;} .socialheadericons li a{padding:0 5px;margin:0;} .socialheadericons li:last-child a{padding-right:20px;border-right:1px solid #eee;} footer{clear:both} footer hr{border-color:rgba(255,255,255,.3);} footer hr:first-of-type{display:none;} footer .grid a{display:block;margin:4px;padding:4px} .a8bmark img{margin:1em 0 1em auto} .businessfoundation{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%;margin-top:5%;} .businessfoundation td,.businessfoundation th{border:1px solid #ddd;padding:8px;} .businessfoundation tr:nth-child(even){background-color:#f2f2f2;} .businessfoundation tr:hover{background-color:#ddd;} .businessfoundation th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#012176;color:#fff;} .businessfoundation td:nth-of-type(2){white-space:nowrap} .businessfoundationcol{padding:5% 0;} .businessfoundationcol h2{text-transform:uppercase;padding:10px} .businessfoundationcol h2,.businessfoundationcol p{text-align:center;} .businessfoundationcol div{border-right:1px solid #eee;padding:0 3%;} .businessfoundationcol div:last-child{border-right:none;} .bf2designcol1,.bf2designcol2,.bf2designcol3{color:#fff;border-radius:10px;} .bf2designcol1{background:#a0027b;} .bf2designcol2{background:#12179d;} .bf2designcol3{background:#14967c;} .automotive{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0;} .automotive .block{background-color:#aaa;color:#fff;padding:20px;margin:20px auto;height:250px;width:300px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);overflow:hidden;transition:transform 0.6s ease-in-out,background-color 0.6s ease-in-out;transform-style:preserve-3d;perspective:1000px;} .automotive .block:hover{transform:rotateY(180deg);background-color:#666;} .automotive .block:hover div:nth-of-type(1){display:none;transform:rotateY(180deg);} .automotive .block:hover div:nth-of-type(2){display:inline-block;transform:rotateY(180deg);} .block h2{text-align:center;font-size:2em;margin-top:15px;} .block svg{width:60px;height:60px;margin:0 auto;} .block div:nth-of-type(1){display:inline-block;} .block div:nth-of-type(2){display:none;} .block ul{padding-top:60px;} .callout{background-color:#a71c1c;color:#fff;padding:20px;margin:20px auto;width:60%;text-align:center;border-radius:5px;} .callout .btn{background-color:#fff;color:#a71c1c;} @media(max-width:999px){.quality svg,.quality span{display:block;} .quality svg{margin:5px auto} .featured>.wrap>.grid{grid-template-columns:1fr} .featured h2,.featured p{text-align:center} footer .wrap{padding:40px 10px 70px} footer .grid.fourth{grid-template-columns:1fr 1fr} .cta{padding:120px 10px 0} .cta img{top:-300px;right:50%;transform:translateX(50%)} .rotatetext{width:60%;} nav{padding:0 3%;} .top .grid .topnavigation{grid-template-columns:408px 1fr;padding:0 3%;} .automotive{grid-template-columns:1fr;}} @media(max-width:767px){.about.grid,.cloud .featurelist>.grid,.grid.more,.location.grid{grid-template-columns:1fr} .location.grid div:first-of-type{order:1} .about.grid div:last-of-type img{object-fit:contain} .grid.more img{height:350px;width:100%;margin:0;border-radius:5px 5px 0 0} .location>div{margin:10px} .rotatetext{width:70%;} .logo.grid{grid-template-columns:1fr;} .top p,.top ul{text-align:center;margin:10px 0} .top .grid .topnavigation{grid-template-columns:1fr;} .socialheadericons li:last-child a{border-right:none;}} @media(max-width:700px){.logo.grid,header .grid.third{grid-template-columns:1fr} header .grid.third .address{order:2;} header .grid.third .darkweb{order:1;} header .grid.third .links{order:3;} nav{text-align:center} .logo img{max-width:300px} .container .content{grid-template-columns:1fr} .content aside,.content main{order:unset} .content aside{border-top:1px solid #eee} .content aside h2{margin-top:0} nav ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px} nav a{text-align:center} .rotatetext{width:80%;} .grid.businessfoundationcol{grid-template-columns:1fr;} .businessfoundationcol div{padding:0;border:none} .businessfoundationcol h2{padding:20px 10px} .businessfoundationcol h2 span{display:inline} .top .grid .topnavigation{grid-template-columns:1fr;} nav a.btnstyle4{display:block;margin:1rem;}} @media(max-width:500px){.imgRight,.imgLeft{float:none;margin:1em auto;max-width:100%} .quality svg,.quality span,.top a,.bf2designcol3 span{display:inline;} .quality .grid.third,.grid.half,.top .grid,footer .grid.fourth{grid-template-columns:1fr} .quality li{margin:0 10px} footer p,footer li,nav a{text-align:center} .a8bmark img{margin:1em auto} .cloud .featurelist>.grid ul{margin:0} .cloud .featurelist>.grid ul:first-of-type{margin-top:1em} .cloud .featurelist>.grid ul:last-of-type{margin-bottom:1em} nav ul{grid-template-columns:1fr 1fr} .rotatetext{width:90%;} .businessfoundation th{text-align:center;padding:12px 4px}} @media(max-width:400px){.location.grid div{padding:20px 20px 30px;margin:10px 0} .about.grid div:first-of-type,.grid.more div:last-of-type{padding:20px}}