@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&family=Spartan:wght@500&display=swap");body{margin:0;padding:0;background:#FFF;font-weight:200;font-size:15px;line-height:27px;font-family:'Montserrat', sans-serif}a{text-decoration:none}#header{position:relative;color:#FFF;background:#000;height:82px;padding:0 30px}#header::after{content:"";clear:both;display:block}#header .logo{top:50%;max-width:158px;position:absolute;left:30px;max-height:46px;margin-top:-23px}#header #menuToggle{display:none}#header ul{margin:0;padding:0;float:right;display:block;list-style:none}#header ul li{float:left;margin-left:30px}#header ul li a{color:#CCCBCB;display:block;height:82px;line-height:82px}#header ul li a:hover{color:#FFF}main .panel{padding:100px 90px}main .panel h3{margin:0 0 105px 0;text-transform:uppercase;font:41px 'Spartan', sans-serif}main .panel h4{font-weight:bold}main .panel p{text-align:justify}main #quem-somos{color:#FFF;background:#666 url("../img/quem-somos-bg.jpg") no-repeat top center}main #quem-somos p{width:60%}main #clientes ul,main #solucoes ul{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;align-items:center;justify-content:space-around}main #clientes ul li,main #solucoes ul li{width:15%;text-align:center;display:inline-block}main #clientes{background:url("../img/clientes-bg.png") no-repeat top center}main #clientes ul li{margin-bottom:100px}main #clientes ul li img{width:90%}main #solucoes{color:#FFF;background:#000 url("../img/solucoes-bg.png") no-repeat top center}main #solucoes ul{line-height:30px;align-items:unset}main #solucoes ul li{width:15%;margin-bottom:100px}main #solucoes ul li:before{content:'';height:80px;display:block;margin-bottom:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}main #solucoes ul li span{margin:0 auto;display:block;font-size:.85rem}main #solucoes ul #slMP:before{background-image:url("../img/solucoes/manutencao-predial.png")}main #solucoes ul #slMDC:before{background-image:url("../img/solucoes/manutencao-data-center.png")}main #solucoes ul #slAP:before{background-image:url("../img/solucoes/automacao-predial.png")}main #solucoes ul #slCA:before{background-image:url("../img/solucoes/controle-acesso.png")}main #solucoes ul #slCP:before{background-image:url("../img/solucoes/controle-perimetral.png")}main #solucoes ul #slCFTV:before{background-image:url("../img/solucoes/cftv.png")}main #contato,main #contato a{color:#000}main #contato iframe{height:300px}main #contato address{margin:0 auto}main #politicaPrivacidade h4,main #termosCondicoes h4{margin-top:100px}main #politicaPrivacidade p,main #termosCondicoes p{margin-bottom:45px}main #politicaPrivacidade ul{padding:0;list-style-position:inside}main #politicaPrivacidade ul li{margin-bottom:45px}main #politicaPrivacidade #exemplos{text-align:justify;padding-left:120px}footer{background:#000;line-height:40px;padding:100px 40px;display:flex;flex-wrap:wrap;list-style:none;align-items:center;justify-content:space-between}footer,footer a{color:#FFF}footer .logo{width:20%}footer .links,footer address{align-self:flex-start}footer .links{width:25%;padding-left:100px;box-sizing:border-box}footer .links h4{margin:0;text-transform:uppercase}footer .links ul{margin:0;padding:0;list-style:none}footer .links ul.menu{margin-top:50px}footer address{width:30%;font-style:normal}@media screen and (max-width: 768px){body{font-size:15px;line-height:27px}main .panel{padding:80px 50px !important}main .panel h3{font-size:28px;margin-bottom:50px}main #quem-somos{background-size:cover}main #quem-somos p{width:100%}main #clientes ul li{width:30%;margin-bottom:50px}main #solucoes ul li{margin-bottom:50px}main #solucoes ul li:before{height:80px}main #contato iframe{height:250px}main #politicaPrivacidade h4,main #termosCondicoes h4{margin-top:40px}main #politicaPrivacidade p:last-of-type,main #termosCondicoes p:last-of-type{margin-bottom:0}main #politicaPrivacidade #exemplos{padding-left:50px}footer{padding:40px;display:block;line-height:35px}footer .logo{width:35%;float:left;padding:0 30px;box-sizing:border-box}footer .links{float:left;width:65%}footer .links .informacoes{float:left;width:60%}footer .links .menu{width:40%;float:left;margin:0 !important}footer address{width:100%;clear:both;padding:0 30px;box-sizing:border-box}}@media screen and (max-width: 500px){main #solucoes ul{justify-content:space-around}main #solucoes ul li{min-width:160px}main #clientes ul li{width:50%}footer{padding:40px 15px}footer .logo{width:80%;float:none;display:block;margin:0 auto 15px auto}footer .links{width:100%;padding-left:0}footer .links .informacoes{text-align:right;padding-right:30px;box-sizing:border-box}footer address{text-align:center;padding:20px 0 0 0;line-height:1.5rem}}@media screen and (max-width: 700px){.d-none{display:none}#header::after{display:none}#header #menuToggle{right:30px;width:30px;display:block;padding:0 7px;font-size:.8rem;color:#CCCBCB;position:absolute;border-radius:3px;height:30px;text-transform:uppercase;border:1px solid #CCCBCB;top:26px;background:url("../img/menu-icon.svg") no-repeat center center}#header ul{right:0;float:none;display:none;background:#000;top:82px;position:absolute}#header ul li{margin:0;float:none;display:block;padding:0 60px 0 30px;box-sizing:border-box}#header ul li a{height:unset;line-height:60px}}