*{ font-family: Roboto; padding: 0; margin: 0; list-style-type: none; text-decoration: none; }

.conteudo{ width: 100%; max-width:1000px; margin:0 auto; }

.titulo-padrao{ color:#10100e; font-size:30px; letter-spacing:0.8px; text-transform:uppercase; font-weight:bold; margin-top:40px; margin-bottom:20px; }

.btn_whatsapp{ display:inline-block; vertical-align:top; }
.btn_whatsapp span.icone_logo{ background-color:#00d431; background-image:url('../img/logo_whatsapp.webp'); background-repeat: no-repeat; background-position: center; width:60px; display:inline-block; height:60px; }
.btn_whatsapp p{ display:inline-block; line-height:60px; background-color:#01b549; color:#fff; vertical-align:top; letter-spacing:0.8px; padding:0 20px; }

#topo{ background:#3e4b51; padding-bottom:60px; }
#topo ul{ display:inline-block; vertical-align:top; }
#topo ul li{ display:inline-block; line-height:60px; margin-right:20px; }
#topo ul li a{ color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:0.8px; }
#topo ul li a:hover{ text-decoration:underline; }

#topo .btn_whatsapp{ display:inline-block; vertical-align:top; float:right; }

#logo_atendimento_24hrs .conteudo{ background:#fff; margin-top:-62px; position:relative; z-index:8; }
#logo_atendimento_24hrs h1{ background-image:url(../img/logo_video_inspecao.webp); background-repeat:no-repeat; width:480px; height:110px; margin-top: 25px; text-indent:-30000px; overflow:hidden; display:inline-block; }
#logo_atendimento_24hrs #atendimento_24hrs{ float:right; text-align:right; position:absolute; top: 43px; right:30px; background-image:url(../img/bandeira-brasil.png); background-repeat:no-repeat; background-size:66px; background-position:right center; padding-right:86px; }
#logo_atendimento_24hrs #atendimento_24hrs p{ color:#10100e; font-size:30px; text-transform:uppercase; font-weight:bold; letter-spacing:0.8px; }
#logo_atendimento_24hrs #atendimento_24hrs span{ color:#3e4b51; text-transform:uppercase; letter-spacing:0.8px; }

#banner{ background:#10100e; padding-top:139px; min-height:300px; margin-top:-79px; position:relative; overflow: hidden;}
#banner #background-video{ position:absolute; top:0; left:0; width:100%; opacity:0.3; }
#banner .texto_banner{ position:relative; z-index:3; font-weight:900; text-align:center; margin-top:30px; }
#banner .texto_banner p{ font-size:50px; color:#fff; font-weight: ; text-shadow:2px 2px #10100e;  letter-spacing:1.8px; width:100%; text-align:center; }
#banner .texto_banner a{ background:#c3da79; font-size:20px; letter-spacing:1.8px; color:#10100e; display:inline-block; padding:10px 20px; margin-top:20px; }

#especialidades{ margin-top:20px; }
#especialidades #especialidades-atr{ width:calc( (100% - 20px) / 4 ); display:inline-block; height:180px; background-image:url(../img/especialidade_atr.webp); overflow:hidden; border-radius:0 15px 15px 15px; }
#especialidades #especialidades-atr div#bg-especialidades-atr{ text-align:center; width:100%; height:180px; position:relative; }
#especialidades #especialidades-atr div#bg-especialidades-atr span{ width:160px; background:#659846; margin-top: 17px; height: 30px; line-height: 30px; border-radius: 15px; color:#fff; font-weight:bold; font-size:14px; color:#fff; display:inline-block; letter-spacing:0.8px; }
#especialidades #especialidades-atr div#bg-especialidades-atr p{ display: none; color:#fff; font-weight:bold; font-size: 14px; text-transform: uppercase; text-align: left; letter-spacing:0.8px; position:absolute; bottom:10px; left:10px; }
#especialidades #especialidades-atr:hover div#bg-especialidades-atr{background: rgba(0, 0, 0, 0.7); cursor: pointer;}
#especialidades #especialidades-atr:hover div#bg-especialidades-atr p{ display: inline-block;  }


#especialidades #video-inspecao-robotizada{ width:calc( ((100% - 20px) / 4) * 3 ); display:inline-block; height:180px; background-color: #d3dad8; background-image:url(../img/especialidade_video_inspecao.webp); overflow:hidden; border-radius:0 15px 15px 15px; background-repeat:no-repeat; background-position:right center; margin-left:20px; }

#especialidades #video-inspecao-robotizada #bg-especialidades-inspecao{ background: unset; width:100%; height:180px; display:block; }
#especialidades #video-inspecao-robotizada:hover div#bg-especialidades-inspecao{ background: rgba(0, 0, 0, 0.7); cursor: pointer; }
#especialidades #video-inspecao-robotizada p{ color:#0f0f0e; font-weight: bold; font-size:50px; letter-spacing:0.8px; text-transform:uppercase; font-style:italic; margin-left:40px; padding-top:20px; }
#especialidades #video-inspecao-robotizada:hover div#bg-especialidades-inspecao p{ color:#fff; }
#especialidades #video-inspecao-robotizada p span{ font-size:28px; font-style:normal; }

#servicos-oferecidos{position: relative; overflow: hidden;}
#servicos-oferecidos #lista-servicos{ width:calc( 80% ); display:inline-block; }
#servicos-oferecidos #lista-servicos .item-servicos{ width:calc( (100% - 20px) / 3 ); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); display:inline-block; margin-right:10px; vertical-align:top; height:80px; text-align:center; margin-bottom:10px; border-radius:0 5px 5px 5px; }
#servicos-oferecidos #lista-servicos .item-servicos:nth-child(3n+3){ margin-right:0px; }

#servicos-oferecidos #lista-servicos .item-servicos p{ color:#10100e; font-weight:900; text-transform:uppercase; letter-spacing:0.8px; font-size: 14px; padding:0 10px; padding-top:12px; }

#servicos-oferecidos #lista-servicos .item-whatsapp{ background:#01b549; font-size:18px; letter-spacing:1.6px; color:#fff; display:inline-block; width:calc( ((100% - 5px) / 3) * 2 ); height:50px; padding-top: 30px; text-align:center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); border-radius:0 5px 5px 5px; text-transform:uppercase; }
#servicos-oferecidos #img-servicos-oferecidos{ position:absolute; margin-left:20px; }

#lista-clientes .item-cliente{ display:inline-block; height:80px; background-repeat:no-repeat; background-position:center; padding:10px 30px; border:1px solid #d8d8d8; margin-right:10px; margin-bottom:10px; }

#galeria{ margin-top:40px; }
#galeria #foto-principal{ background-image:url(../img/galeria-foto-video-inspecao.webp); width:calc(60% - 10px); height:310px; display:none; }
#galeria #direita-galeria{ width:calc(100%); display:inline-block; margin-left:0px; vertical-align:top; }
#galeria #direita-galeria .titulo-padrao{ margin-bottom:0px; }
#galeria #direita-galeria .descritivo-padrao{ font-size:16px; color:#10100e; font-style:italic; }
#galeria #direita-galeria .fotos-cliente{ display:inline-block; margin-top: 10px; margin-left: 10px; width:calc( ( 100% - 30px ) / 4 ); height:190px; background-repeat:no-repeat; background-size:cover; cursor:pointer; }


#rodape{ background: #535d64; margin-top: 4px; padding-bottom:30px; }
#rodape .informacoes_empresa{ display:inline-block; width:calc(60% - 10px); margin-right:10px; }
#rodape .informacoes_empresa .titulo-padrao{ padding-top: 30px; margin-top: 0px; color:#fff; letter-spacing:1.8px; }
#rodape .informacoes_empresa .descritivo{ font-size:16px; color:#fff; font-style:italic; width:calc(60%); }

#rodape .link-paginas{ display:inline-block; width:calc(( 40% - 10px ) /2 ); vertical-align:top; padding-top:30px; }
#rodape .link-paginas .titulo-links{ color:#fff; font-size:14px; font-weight:bold; text-transform: uppercase; letter-spacing:2px; padding-bottom:20px; }
#rodape .link-paginas ul li{  margin-bottom:10px; }
#rodape .link-paginas ul li a{ color:#fff; font-size:14px; text-transform: uppercase; letter-spacing:2px; }
#rodape .link-paginas ul li a:hover{ text-decoration:underline; }
#rodape #links-especialidades{margin-left: 10px;}

#faixa-direitos{ background:#3e4b51; height:60px; }
#faixa-direitos p{ color:#fff; display:inline-block; letter-spacing: 2px; font-size:14px; line-height:60px; }
#faixa-direitos .btn_whatsapp{ float:right; }

#conteudo-interna .texto-servico{ color:#1f1f1f; line-height:26px; font-size:16px; }


.whatsapp-celular{ display: none; background:url(../img/whatsapp-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; right:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.link-telefone{ background-color: #77b3d4; background-image: url(../img/telefone-celular.png); height: 60px; width: 60px ; background-size: contain; background-repeat: no-repeat; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 999999999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 60px; display: none; }

.servicos{ margin-top:60px; }
.servicos .bg-img{background: #eff4f7; width: 312px; height: 562px; margin-left: -83px; position: relative; display: inline-block; margin-right: 204px;}

.servicos .img-servico {background-image: url('../img/servico-01.jpg'); background-repeat: no-repeat; height: 390px; width: 390px; position: absolute; top: 86px; left: 83px; -webkit-box-shadow: 0px 0px 20px 0px rgba(225,235,241,1); -moz-box-shadow: 0px 0px 20px 0px rgba(225,235,241,1); box-shadow: 0px 0px 20px 0px rgba(225,235,241,1); }

.servicos .txt-servicos{ display: inline-block; vertical-align: top; }

.servicos .txt-servicos .base-titulo{margin-top: 86px;}
.base-titulo{ color:#2f5fb0; font-size: 30px; font-weight: 900; text-transform: uppercase;}

.servicos .txt-servicos ul{margin-top: 25px;}
.servicos .txt-servicos ul li{background-image: url('../img/icone-lista.png'); background-repeat: no-repeat; background-position: left center; padding-bottom: 1px; margin-bottom: 20px; padding-left: 40px;}

.servicos .txt-servicos a{background-image: url('../img/icone-whatsapp.png'); background-color: #01b549; color:#fff; background-position: left center; background-repeat: no-repeat; padding-left: 58px; padding-right: 22px; font-size: 14px; display: inline-block; width: unset; height: 40px; line-height: 40px; border-radius: 3px; margin-top: 10px;}


#galeria-ampliada{ position: fixed; z-index: 2999999; height:100vh; width:100%; top:0; left:0; background:rgba(0,0,0,0.90); display:none; }
#fechar-galeria-ampliada{ height:27px; width:27px; display:inline-block; position:absolute; top:20px; right:20px; background-image:url(../img/close.png); cursor:pointer; }
#foto-ampliada{ background:url(../img/galeria-3.webp); height:calc(100% - 40px); width:80%; margin: 0 auto; background-size: contain; margin-top:20px; background-repeat:no-repeat; background-position:center; }


@media (max-width: 1000px){

    .servicos{ margin-top:20px; margin-bottom:20px; }
    .servicos .bg-img{display: none;}
    .servicos .txt-servicos{ margin-left: 10px; }

    .servicos .txt-servicos .base-titulo{margin-top: 0px; text-align: center;}
    .servicos .txt-servicos{width: 100%;}

	.whatsapp-celular{ display: block !important; }
    .link-telefone{ display: block !important; }

    #topo{ display:none; }

    #logo_atendimento_24hrs .conteudo{ background:#fff; margin-top:unset; position:relative;}
    #logo_atendimento_24hrs h1{ width:calc(100% - 20px); margin-left: 10px; background-size:contain; }

    #logo_atendimento_24hrs #atendimento_24hrs{ display:none; }

    #banner{ margin-top:unset; padding-top:30px; }
    #banner #background-video{ margin-top:0; width:180%; left:-40%; }

    #especialidades{margin-top: 10px;}
    #especialidades #especialidades-atr{ width: calc(100% - 20px); background-size:cover; background-position:center; margin-left:10px; }
    #especialidades #especialidades-atr div#bg-especialidades-atr p{ display:block; background-color: rgba(16,16,14,0.7); font-size: 16px; width: calc(100% - 20px); left: 0; bottom: 0; padding:5px 10px; text-align: center; }
    #especialidades #video-inspecao-robotizada{ margin-left:10px; margin-top: 10px; width:calc(100% - 20px); position:relative; }
    #especialidades #video-inspecao-robotizada p{ font-size:40px; display:block; position: absolute; bottom: 0; background-color: rgba(16,16,14,0.7); color:#fff; margin-left:0; padding:5px 10px; width:calc(100% - 20px); }
    #especialidades #video-inspecao-robotizada p span{ font-size:24px; }

    .titulo-padrao{text-align: center; font-size: 24px;}

    #servicos-oferecidos{ margin-bottom:6px; }
    #servicos-oferecidos #lista-servicos{ width:calc(100%); }
    #servicos-oferecidos #img-servicos-oferecidos{ display:none; }
    #servicos-oferecidos #lista-servicos .item-servicos{ width:calc(100% - 40px); margin-left:10px; height:unset; padding:30px 10px; }
    #servicos-oferecidos #lista-servicos .item-whatsapp{ width:calc(100% - 20px); margin-left:10px; }

    #principais-clientes{ display: none; }
    #galeria{ display:none; }

    #rodape .informacoes_empresa{ margin-right:0px; width:calc(100% - 20px); margin-left:10px; }
    #rodape .informacoes_empresa .descritivo{ width:calc(100% - 20px); margin-left:10px; font-size:18px; }

    #rodape .link-paginas{ width:calc(100% - 20px); margin-left:10px; margin-right:0px; }
    #faixa-direitos{ width:calc(100% - 20px); padding: 0 10px; }

    .btn_whatsapp{ display:none; }

    #conteudo-interna { width:calc(100% - 20px); margin-left:10px; font-size:18px; line-height:30px; }
    #conteudo-interna .texto-servico{  margin-left:10px; font-size:18px; line-height:30px; }
    #conteudo-interna .texto-servico img{ display: none; }
    #conteudo-interna .titulo-padrao{margin-top: 20px;}

}