@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {font-family: 'Roboto', Arial, sans-serif; scroll-behavior: smooth; background-color: #555;}
h1, h2, h3, h4, p {font-family: 'Roboto', Arial, sans-serif;font-display: auto; text-rendering: optimizeLegibility}
h1 {font-size: 1rem;}
h2 {font-weight: 400;}
header,.bloco-red {background-color: #BF0811; color: #fff;}
embed,iframe,object{max-width:100%; width:100%;}
.link {color: #ffffff; text-decoration: none;}
.link:hover, .link:active {color: #ffffff;text-decoration: underline;}
.logotipo {height: 45px;}
.sessao-titulo {font-size: 4em; color: #BF0811; text-shadow: 1px 1px 2px #333; font-weight: 400;}
.sessao-titulo.bold {font-weight: 700; font-size: 760%; text-shadow: 1px 1px 2px #333;}
.clientes-sessao {position: relative; padding: 100px 0; background-image: url('../img/bg-clientes.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.clientes-sessao p {padding-top: 1.5%; padding-left: 4%; padding-right: 4%;}
.clientes-sessao p LABEL {padding-right: 2%;}
.titulo-paginas {color: #ffffff; font-size: 3em; text-shadow: 1px 1px 2px #333; font-weight: 600;}
.titulo-paginas label {font-size: 2rem; padding-right: 2%;}
.sub-title {font-size: 2.2em; text-shadow: 1px 1px 2px #333; font-weight: 300; padding: 5% 4% 0 4%; font-weight: 500;}
.sub-title label {font-size: 2rem; text-shadow: 1px 1px 2px #333; padding-right: 2%;}
.sessao-inicio {position: relative; height: 800px;background-color: transparent; background-image: url('../img/bg-inicio.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.content-servicos {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:12px;padding:10px 0;}
.bloco-red, .bloco-white {padding:5% 10% 4%; min-height: 290px;position: relative; display: block;}
.bloco-white, .bloco-cliente {background-color: #E0E0E0; color: #BF0811;}
.bloco-red h2, .bloco-white h2 {font-size: 200%; font-weight: 700; height: 70px; padding-top: 3px; padding-left: 73px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1; align-items: center;}
.bloco-red p, .bloco-white p {font-size: 130%; font-weight: 400; margin-top: 8%;}
.bloco-white.Center {align-content: center; text-align: center;}
.campanhas::before, .branding::before, .marcas::before, .outofhome::before, .pr::before, .pdv::before {width:60px;height:60px;background-size:auto 100%;display:block;position:absolute;left:10%;top:8%;content:" ";background-repeat:no-repeat;}
.campanhas::before {background-image: url('../img/ico-campanhas.webp');}
.branding::before {background-image: url('../img/ico-branding.webp');}
.marcas::before {background-image: url('../img/ico-marcas.webp');}
.outofhome::before {background-image: url('../img/ico-out.webp');}
.pr::before {background-image: url('../img/ico-pr.webp');}
.pdv::before {background-image: url('../img/ico-pdv.webp');}
.sessao-wearered {position: relative; padding: 100px 0; background-image: url('../img/bg-nos.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.sessao-wearered .box-wearered {padding: 25px; text-align: left;  border-radius: 5px; color: #fff; background-color: rgba(60, 60, 60, .85); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background:rgba(78, 78, 78, 0.2);}
.sessao-wearered .box-wearered span {display: inline-flex; height: 25px; font-size: 1rem; padding: 0 3px 0 0;}
.sessao-wearered .box-wearered h1 {display: inline-flex; font-size: 1.2rem;}
.sessao-servicos {position: relative; padding: 100px 0; background-image: url('../img/bg-servicos.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover;} 
.sessao-servicos .box-servico {padding: 25px; color:#fff; background-color: #C00; transition: transform .2s;}
.sessao-servicos .box-servico:hover {transform: scale(1.05)}
.sessao-servicos .box-servico.box-bg-2 {background-color: #f4f4f4; color: #c00;}
.sessao-servicos .box-servico .icon {display: flex; float: left;}
.sessao-servicos .box-servico .titulo {font-weight: bold; margin-bottom: 30px; width: calc(100% - 60px);float: left;}
.sessao-servicos .box-servico p {margin-top: 30px;}
.sessao-infra {position: relative; padding: 100px 0;background-image: url('../img/bg-logo-entrada.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.sessao-clientes {position: relative; padding: 100px 0;background: transparent url('../img/bg-clientes.webp') no-repeat center top; background-size: cover;}
.sessao-clientes .link-cliente img {filter:saturate(0); transition: transform .2s; }
.sessao-clientes .link-cliente img:hover {filter:saturate(1); transform: scale(1.2)}
.sessao-contato {position: relative; padding: 100px 0 1.2%; background: transparent url('../img/bg-contato.webp') no-repeat center top; background-size: cover;} 
.sessao-contato h3, .clientes-sessao h3 {color: #fff; text-align: center; padding-top: 4.5%; padding-bottom: 1.2%; margin: 0 auto;}
.sessao-contato .box-contato {padding: 30px; background-color: #BF0811; color: #fff }
.box-emailsent {padding: 25px; background-color: rgb(62, 150, 3); color: white;}
.associacoes {display: block; padding: 1.5%; margin: 0 auto; text-align: center; align-content: center;}
.social {margin-left:0;clear: both; width: 100%; height: auto; min-height: 40px;}
.social ul {width: 100%; margin-left: 0; left: 0; padding-left: 0; float: left;}
.social ul li {float: left; text-align: center; margin-right: 7px; list-style: none;}
.icons {background-image:url('../img/sprite-icons.png');background-repeat:no-repeat;display:block;position:relative;}
.icons-facebook {width:32px;height:32px;background-position:-5px -128px;}
.icons-instagram {width:32px;height:32px;background-position:-235px -128px;}
.icons-linkedin {width:31px;height:31px;background-position:-277px -128px;}
.icons-youtube {width:32px;height:32px;background-position:-182px -293px;}
.links-clientes { padding-left: 4%;}
.links-clientes ul {width: 100%; margin-left: 0; left: 0; padding-left: 2px; float: left; padding-bottom: 7%;}
.links-clientes ul li {float: left; text-align: left; list-style: none; padding-right: 30px;}
.links-clientes ul li a {color: #ffffff; font-size: 1.2em; text-decoration: none; text-transform: uppercase;}
.links-clientes ul li a:hover {color: rgb(206, 206, 206);}
.homeslider {height: 670px;}
.carousel-item {height: 100%;}
.owl-prev {left: -30px; position: absolute;}
.owl-next {right: -6px; position: absolute;}
.no-js .owl-carousel {min-height: 512px;}
.owl-carousel .owl-nav { position: absolute; top: 45%; width: 100%;}
.owl-carousel .owl-nav [class*=owl-] {background-color: transparent; color: transparent;}
.owl-carousel .owl-nav [class*=owl-]:hover {background-color: transparent; color: transparent;}
.owl-carousel .owl-nav .owl-prev {background-image: url('../img/esquerda-cinza.webp'); height: 45px; width: 45px; background-color: transparent;}
.owl-carousel .owl-nav .owl-next {background-image: url('../img/direita-cinza.webp'); height: 45px; width: 45px; background-color: transparent;}
.owl-carousel .owl-nav .owl-prev:hover {background-image: url('../img/esquerda.webp');  background-color: transparent;}
.owl-carousel .owl-nav .owl-next:hover {background-image: url('../img/direita.webp'); background-color: transparent;}
.form-control {border-radius: 0px; background-color: #FEE;}
.btn.btn-default {background-color: #900; color: #fff; border-radius: 0;}
.video {height: 730px; width: 100%;}
.selo {padding: 4rem 0 1.45rem; margin: 0 auto; display: block; text-align: center;}
.img-fluid.lamp {max-width: 45%; text-align: center;vertical-align: middle;}
@media only screen and (min-width: 1400px) {
    .sessao-inicio {height: 1000px; background-position: center center;}
    .sessao-wearered, .sessao-servicos,.sessao-clientes {padding: 250px 0;}
    .clientes-sessao {padding: 120px 0;}
    .sessao-contato {padding: 250px 0 1.2%;}
    .sessao-titulo {font-size: 4.5em; margin-bottom: 2.5rem;}
    .no-js .owl-carousel {min-height: 613px;}
}
@media only screen and (max-width: 1024px) {
    .bloco-red h2, .bloco-white h2 {font-size: 140%; padding-top: 15px; padding-left: 68px;}
    .bloco-red p, .bloco-white p {font-size: 90%;}
    .bloco-red, .bloco-white {min-height: 260px}
    .no-js .owl-carousel {min-height: 430px;}
}
@media only screen and (max-width: 770px) {
    .sessao-inicio {height: 700px;  background-position: 30% 0%; }
    .sessao-wearered {padding: 150px 0;}    
    .sessao-titulo {font-size: 4em;}
    .navbar-nav {padding: 20px 0; text-align: center;}
    .navbar-nav .nav-item {font-size:2.5em}
    .content-servicos {grid-template-columns: 1fr;}
    .campanhas::before, .branding::before, .marcas::before, .outofhome::before, .pr::before, .pdv::before {left: 9%;}
    .bloco-red, .bloco-white {padding: 5% 10% 7%;}
    .bloco-red h2, .bloco-white h2 {padding-left: 67px; margin-bottom: 0;}
    .sessao-titulo.bold {font-size: 450%;}
    .owl-carousel .owl-nav {top: 38%;}
    .sessao-titulo {text-align: center;}
    .no-js .owl-carousel {min-height: 330px;}
    .video {height: 430px;}
}
/* MOBILE */
@media only screen and (max-width:601px) { 
    .owl-item .item img {width: 100%;}
    .owl-carousel {height: 243px;}
    .no-js .owl-carousel {min-height: 245px;}
    .owl-carousel .owl-item img {object-fit: cover;}
    /*-- BG --*/
    .sessao-inicio {background-image: url('../img/mob/bg-inicio.webp');}
    .sessao-wearered {background-image: url('../img/mob/bg-nos.webp');}
    .sessao-servicos {background-image: url('../img/mob/bg-servicos.webp');}
    .sessao-infra {background-image: url('../img/mob/bg-logo-entrada.webp');}
    .sessao-clientes {background-image: url('../img/mob/bg-clientes.webp');}
    .sessao-contato {background-image: url('../img/mob/bg-contato.webp');}
    .sessao-clientes .link-cliente img {max-width: 60%;}
    .video {height: 300px;}
    .titulo-paginas {font-size: 2em;}
    .sub-title {font-size: 1.3em;}
    #cases.owl-carousel {min-height: 300px;}
}
@media only screen and (max-width:520px) {
    .navbar-nav .nav-item {font-size:1.8rem;}
    .sessao-titulo {font-size:250%; font-weight: 600;}
    .sessao-titulo.bold {font-size:380%;}
    .owl-carousel .owl-nav {width:96%;top:35%;}
    .owl-prev {left: 5px;}
    .owl-next {right: 5px;}
    .content-servicos {padding: 3% 5%; grid-gap: 2%;}
    .bloco-red, .bloco-white {min-height: 220px;}
    .bloco-red h2, .bloco-white h2 {padding-top: 0;}
    .bloco-red p, .bloco-white p {margin-top: 2%;}
    #cases.owl-carousel {min-height: 280px;}
    .video {height: 280px;}
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {background-size: 100% auto; height: 30px; width: 30px;}
    .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {background-size: 100% auto; height: 30px; width: 30px;}
    .owl-theme .owl-nav [class*=owl-] {margin: 10px;}
}
@media only screen and (max-width:425px) {
    .no-js .owl-carousel {min-height: 170px;}
    .owl-carousel .owl-item img {height: 220px;}
    .sessao-inicio {height: 515px;}
    .box-wearered p {font-size: 1.15rem; line-height: 1.35rem;}
    .sessao-wearered .box-wearered span {font-size: 1.15rem;}
    .bloco-red p, .bloco-white p {font-size: 105%;}
    .bloco-red, .bloco-white {min-height: 280px;}
    #cases.owl-carousel {min-height: 230px;}
    .video {height: 225px;}
}