/*!

 * Bootstrap v3.3.7 (http://getbootstrap.com)

 * Copyright 2011-2016 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

:root {

    --azul: #001261;

    --azul-claro: #cad1f1;

    --azul-escuro: #142471;

    --cinza: #646464;

    --cinza-claro: #f8f8f8;

    --dourado: #f1c40f;

    --dourado-claro: #ffeda3;

    --dourado-escuro: #cfa706;

    --laranja: #e96b00;

    --laranja-claro: #fef3ea;

    --laranja-escuro: #b55605;

    --magento: #ff3a53;

    --magento-claro: #ffd6da;

    --magento-escuro: #da2940;

    --purpura: #d807a4;

    --purpura-claro: #ff93e4;

    --purpura-escuro: #8c056a;

    --roxo: #8f44ad;

    --roxo-claro: #edc4ff;

    --roxo-escuro: #591e72;

    --verde: #81b000;

    --verde-claro: #b8df49;

    --verde-escuro: #5f8003;

    --verde-limao: #00ce6c;

    --verde-limao-claro: #9bffce;

    --verde-limao-escuro: #006d38;

    --vermelho: #e00000;

    --vermelho-claro: #ffd3d3;

    --vermelho-escuro: #7b0000;

}

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}

body {

  margin: 0;

}



html{

  scroll-behavior: smooth;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

img, video, canvas {
  overflow: hidden !important;
}

a {

  background-color: transparent;

}

a:active,

a:hover {

  outline: 0;

}

ol,

ul {

  list-style: none;

  padding:0;

}

b,

strong {

  font-weight: normal;

}



h1 {

  margin: 0.67em 0;

  font-size: 2em;

}

small {

  font-size: 80%;

}

img {

  border: 0;

}



figure {

  margin: 1em 40px;

}

hr {

  height: 0;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}



button,

input,

optgroup,

select,

textarea {

  margin: 0;

  font: inherit;

  color: inherit;

}



button,

select {

  text-transform: none;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

body.erro-404,
body.erro-404 #menu-fixo,
body.erro-404 #enviar{
  background-color: #000;
}

body.erro-404 #banner-titulo-titulo:after {

    content: "ERRO 404";

}



body.erro-404 #banner-titulo-subtitulo:after {

    content: "PÁGINA NÃO ENCONTRADA";

}

body.erro-404 .pagina-erro img{
  max-width: 100%;
}


.link-a{
  color: #337ab7 !important;
  text-decoration: underline !important;
}

.link-a.cor-branca{
  color: #fff !important;
}

.link-mapa-site{
    font-size: 16px;
    margin-top: 20px;
  }

.link-mapa-site i{
  margin-right: 7px;
}

.h2-lab{
  font-weight: 700;
  font-size: 26px;
  line-height: normal;
}

.linkagem-interna{
  text-decoration: underline !important;
  color: #225ED8 !important;
}

.cc-color-override-1444386161 .cc-link, .cc-color-override-1444386161 .cc-link:active, .cc-color-override-1444386161 .cc-link:visited {
    color: #23527c !important;
}


@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: swap;
  src: url("https://ka-f.fontawesome.com/releases/.../webfonts/free-fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: swap;
  src: url("https://ka-f.fontawesome.com/releases/.../webfonts/free-fa-brands-400.woff2") format("woff2");
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {

  *,

  *:before,

  *:after {

    color: #000 !important;

    text-shadow: none !important;

    background: transparent !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  a[href^="#"]:after,

  a[href^="javascript:"]:after {

    content: "";

  }



  img {

    page-break-inside: avoid;

  }

  img {

    max-width: 100% !important;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html {

  font-size: 10px;



  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

  font-family: "montserrat", sans-serif;

  font-size: 14px;

  line-height: 1.42857143;

  color: #333;

  background-color: #fff;

}

input,

button,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}

a {

  color: #337ab7;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #23527c;

  text-decoration: underline;

}

a:focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

figure {

  margin: 0;

}

img {

  vertical-align: middle;

}



.img-responsive {

  display: block;

  max-width: 100%;

  height: auto;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: inherit;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}

ul,

ol {

  margin-top: 0;

  margin-bottom: 10px;

}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {

  .container {
    width: 750px;
  }

}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,

col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,

col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {

  float: left;

}

.col-xs-12 {

  width: 100%;

}

.col-xs-11 {

  width: 91.66666667%;

}

.col-xs-10 {

  width: 83.33333333%;

}

.col-xs-9 {

  width: 75%;

}

.col-xs-8 {

  width: 66.66666667%;

}

.col-xs-7 {

  width: 58.33333333%;

}

.col-xs-6 {

  width: 50%;

}

.col-xs-5 {

  width: 41.66666667%;

}

.col-xs-4 {

  width: 33.33333333%;

}

.col-xs-3 {

  width: 25%;

}

.col-xs-2 {

  width: 16.66666667%;

}

.col-xs-1 {

  width: 8.33333333%;

}

.col-xs-offset-12 {

  margin-left: 100%;

}

.col-xs-offset-11 {

  margin-left: 91.66666667%;

}

.col-xs-offset-10 {

  margin-left: 83.33333333%;

}

.col-xs-offset-9 {

  margin-left: 75%;

}

.col-xs-offset-8 {

  margin-left: 66.66666667%;

}

.col-xs-offset-7 {

  margin-left: 58.33333333%;

}

.col-xs-offset-6 {

  margin-left: 50%;

}

.col-xs-offset-5 {

  margin-left: 41.66666667%;

}

.col-xs-offset-4 {

  margin-left: 33.33333333%;

}

.col-xs-offset-3 {

  margin-left: 25%;

}

.col-xs-offset-2 {

  margin-left: 16.66666667%;

}

.col-xs-offset-1 {

  margin-left: 8.33333333%;

}

.col-xs-offset-0 {

  margin-left: 0%;

}



.mobile {

  display: block;

}

.desktop {

  display: none;

}







  .container--alt,

  .container--alt-2{

    padding-left:10%;

    padding-right: 10%;

    margin-top:100px;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }



  .container--alt-2:last-child{

    margin-bottom:100px;

  }



  .container--alt-3{

    padding-left: 15%;

    padding-right: 15%;

    margin-top:100px;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }

  

  

  .container--alt h2,

  .container--alt-2 h2,

  .container--alt-3 h2{

    font-size:max(3vw, 30px);

    line-height: 1.4;

    font-weight: bold;

    margin-top:0;

  

  }



  .container--alt h3,

  .container--alt-2 h3,

  .container--alt-3 h3{

    color:#616060;

    font-size:24px;

    line-height: 1.4;

    font-weight: bold;

    margin-top:40px;

  }

  

  .container--alt p,

  .container--alt-2 p,

  .container--alt-3 p{

    text-align:initial !important;

    font-size:22px;

    line-height: 1.4;

  }





  .container--list{

    display:grid;

    grid-template-columns: repeat(2, 1fr);

    list-style: none;

    align-items: center;

    justify-content: space-between; 

    gap:4%;

  }





  .container--list img{

    width: 100px;

    height: auto;

  }





  .container--list li{

    list-style: none!important;

    display:flex;

    flex-direction: column;

    align-items: center;

    text-align: center!important;

    gap: 20px;



  }



  .container--list li span{

    font-size: 22px;

   }

  

  .container--grid{

    display: grid;

    grid-template-columns: 1fr;

    align-items: start;

    gap: 50px;

  }

  

  .container--img img{

    max-width: 100%;

    height: auto;

    display: block;

    object-fit: cover;

  }

  

  .button--alt {

    display:flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

    gap: 30px;

  }

  



  .button--form--alt:hover{

    color:#000;

    text-decoration: none;

    background:#e96b00;

    transition: all .5s ease-in-out;



  }



  .agencia-de-seo .button--form--alt{

    background:#D80AA5;

    color:#FFF;

  }





  .agencia-de-seo .button--form--alt:hover{

    background:#f31cbe;

  }





  .button--form--alt{

    background:#ff7f00;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    color:#000;

    padding:5px 30px;

    border-radius:20px;

  }

  

  .btn--tel--alt{

    display:flex;

    flex-wrap: wrap;

    gap:5px;

    align-items: center;

  }





  .btn--tel--alt a{

    font-size:16px;

  }

  

  .btn--img--alt{

    display:flex;

    align-items: center;

    gap: 10px;

  }

  





  @media (max-width: 992px){

  .container--alt,

  .container--alt-2{

    padding-left:15px;

    padding-right: 15px;

    margin-top:100px;

    font-family: Montserrat, sans-serif !important;

  }



  .container--alt-3{

    padding-left: 30px;

    padding-right: 30px;

    margin-top:100px;

    font-family: Montserrat, sans-serif !important;

  }

  }





/* MENU */

@media (max-width: 992px) {

  #menu-desktop {

    position: absolute;

    display: flex;

    z-index: 9;

    right: 13%;

    top: 23px;

  }



  #menu-desktop--alt {

    position: absolute;

    display: flex;

    z-index: 9;

    right: 13%;

    margin-right: 15px;

    top: 23px;

  }





  #menu-desktop div,

  #menu-desktop--alt div {

    width: 2.5rem;

  }



  #menu-desktop div:nth-child(1),

  #menu-desktop--alt div:nth-child(1) {

    margin-right: 0;

  }



  #menu-desktop img,

  #menu-desktop--alt img {

    height: 40px;

    width: auto;

  }



  .whatsapp-branco,

  .whatsapp-azul {

    margin-top: 3px;

  }



  .menu {

    display: block;

    position: absolute;

    top: 3px;

    left: 3rem;

    right: 0;

    margin: 0 0 0 2.5rem;

    height: 25px;

    width: 40px;

    background: 0 0;

    border: none;

    outline: 0;

    cursor: pointer;

    z-index: 3;

  }



  .menu.active img:nth-child(3) {

    opacity: 1;

    display: block;

    margin-top: -42px;

  }



  .menu:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu.active:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu span {

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    top: 18px;

    bottom: 0;

    margin: auto;

    transition: 0.2s all ease-in-out;

    -webkit-transition: 0.2s all ease-in-out;

    opacity: 0;

  }



  .menu span:after,

  .menu span:before {

    content: "";

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

    -webkit-transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

  }



  .menu img {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

  }



  .menu img:nth-child(3) {

    display: none;

  }



  .menu.active img:nth-child(2) {

    opacity: 0;

  }



  #menu-corpo {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 1.5rem;

    right: 0;

    margin: auto;

    transition: 0.8s transform ease-in-out;

    -webkit-transition: 0.8s transform ease-in-out;

    transform: scale(0.5);

    -webkit-transform: scale(0.5);

    z-index: -1;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }



  #menu-corpo .active {

    font-weight: 900;

    color: #97beff;

  }



  #menu-corpo-1-2 {

    position: absolute;

    width: 19vw;

    left: 75vw;

    display: none;

    text-align: center;

    z-index: 9;

  }



  .menu-corpo-1-2-mobile {

    width: 100vw !important;

    right: 0vw !important;

    left: auto !important;

    margin-top: -20vw;

  }



  #menu-corpo-1-2 a {

    color: #fff;

    font-size: 3rem;

    font-weight: bold;

  }



  #menu-corpo-1-1 a:hover,

  #menu-corpo-1-2 a:hover {

    color: #97beff;

    text-decoration: none;

  }



  .link-voltar a {

    font-size: 5.5rem !important;

  }



  .menu-1-2 a:nth-child(2):after {

    content: "";

    opacity: 0;

    transition: all 0.3s;

  }



  .menu-1-2:hover > a:nth-child(2):after {

    content: "";

    opacity: 1;

  }



  #menu-redes-sociais {

    position: absolute;

    display: flex;

    margin-top: 40rem;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    justify-content: center;

  }



  #menu-redes-sociais .facebook-azul,

  #menu-redes-sociais .instagram-azul,

  #menu-redes-sociais .linkedin-azul {

    display: none;

  }



  #menu-redes-sociais-facebook:hover > .facebook-azul {

    display: block;

  }



  #menu-redes-sociais-facebook:hover > .facebook-branco {

    display: none;

  }



  #menu-redes-sociais-instagram:hover > .instagram-azul {

    display: block;

  }



  #menu-redes-sociais-instagram:hover > .instagram-branco {

    display: none;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-azul {

    display: block;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-branco {

    display: none;

  }



  #menu-redes-sociais div {

    width: 25%;

  }



  #menu-redes-sociais img {

    width: 5rem;

  }



  #nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    z-index: 0;

    display: none;

    perspective: 1000px;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    cursor: pointer;

  }



  #nav ul {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: auto;

    width: 100%;

    transform: rotateX(180deg) scale(0);

    -webkit-transform: rotateX(180deg) scale(0);

    transform-origin: top;

    opacity: 0;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0s;

    -webkit-transition: 1s all ease-in-out 0s;

  }



  #nav ul.active {

    transform: rotateX(0) scale(1.6);

    -webkit-transform: rotateX(0) scale(1.6);

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0.5s;

    -webkit-transition: 1s all ease-in-out 0.5s;

  }



  #nav #menu-corpo-1-1 li {

    margin: 1.5rem 0;

  }



  #nav ul li a {

    color: #fff;

    font-size: 2.5rem;

  }



  #nav ul li a:hover {

    color: #97beff;

    text-decoration: none;

  }



  #menu-info {

    width: 85vw;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    bottom: 1rem;

    font-size: 2.5vw;

    z-index: -1;

    color: #fff;

    opacity: 0;

  }



  #menu-info-img {

    width: 80%;

    text-align: right;

  }



  #menu-info-img img:nth-child(1) {

    max-width: 200px;

    height: auto;

  }



  #menu-info-img img:nth-child(3) {

    width: 50%;

  }



  #menu-info-endereco {

    width: 100%;

    text-align: right;

    margin-top: 1rem;

  }



  #menu-info-endereco a {

    color: #fff;

  }

}



@media (min-width: 481px) and (max-width: 992px) {

  #menu-corpo-1-2 a {

    font-size: 2.5rem;

  }

}

@media (max-width: 767px) {

  section.bloco-1 {
    margin-top: 100px !important;
  }

}


@media (max-width: 480px) {


  #menu-corpo-1-2 a {

    font-size: 9.5vw;

  }



  #nav-header ul li {

    line-height: 4rem !important;

  }



  #nav ul li a {

    font-size: 2rem;

  }



  #menu-redes-sociais {

    margin-left: 0vw;

  }



  #menu-redes-sociais img {

    width: 20vw;

  }



  #menu-redes-sociais div {

    width: 33% !important;

  }



  #menu-info-img img:nth-child(1) {

    max-width: 100%;

    height: auto;

  }

}



.container--img{

  margin: 0 auto;

}



@media (min-width: 993px) {





  .container--alt{

    padding-left:10%;

    padding-right: 10%;

    margin-top:200px;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }



  .container--alt-2 {

    padding-left:10%;

    padding-right: 10%;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }



  .container--alt-3 {

    padding-left:20%;

    padding-right: 20%;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }

  

  .container--alt h2,

  .container--alt-2 h2,

  .container--alt-3 h2{

    font-size:1.85vw;

    font-weight: bold;

    margin-top:0;

    text-align: initial;

  }





  .container--alt h3,

  .container--alt-2 h3,

  .container--alt-3 h3{

    font-size:26px;

    line-height: 1.2;

    font-weight: bold;

    margin-top:40px;

  }



  .container--alt-2:last-child{

    margin-bottom:100px;

  }

  



  

  .container--alt p,

  .container--alt-2 p,

  .container--alt-3 p{

    text-align:initial !important;

  }

  

  .container--grid{

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: start;

    gap: 50px;

  }



  .container--list{

    display:grid;

    grid-template-columns: repeat(4, 1fr);

    list-style: none;

    align-items: center;

    justify-content: space-between;

    gap:4%;

  }



  .container--bloco-3{

    margin-bottom: 80px;

  }





  .container--list img{

    width: 100px;

    height: auto;

  }





  .container--list li{

    list-style: none!important;

    display:flex;

    flex-direction: column;

    align-items: center;

    text-align: center!important;

    gap: 20px;

  }

  

  .container--img img{

    max-width: 100%;

    display: block;

  }

  

  .button--alt {

    display:flex;

    flex-direction:row;

    flex-wrap: wrap;

    align-items: center;

    gap: 30px;

  }



  .button--alt a{

    font-size:16px;

  }



  .button-center{

   justify-content: center;

  }

  

  .button--form--alt{

    background:#ff7f00;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    color:#000;

    padding:5px 30px;

    border-radius:20px;

  }

  

  .btn--tel--alt{

    display:flex;

    flex-wrap: wrap;

    gap:5px;

    align-items: center;

  }

  

  .btn--img--alt{

    display:flex;

    align-items: center;

    gap: 10px;

  }









  #menu-desktop {

    position: absolute;

    display: flex;

    z-index: 9;

    right: 3%;

    top: 23px;

  }



  #menu-desktop--alt{

    position: absolute;

    display: flex;

    z-index: 9;

    right: 3%;

    margin-right: 10%;

    top: 23px;

  }



  #menu-desktop div,

  #menu-desktop--alt div {

    width: 2.2vw;

  }



  #menu-desktop div:nth-child(1),

  #menu-desktop--alt div:nth-child(1) {

    margin-right: 0;

  }



  #menu-desktop img,

  #menu-desktop--alt img {

    width: 2.5vw;

    height: auto;

  }



  .menu {

    display: block;

    position: absolute;

    top: 1px;

    left: 0;

    right: 0;

    margin: 0 0 0 3.5vw;

    height: 25px;

    width: 40px;

    background: 0 0;

    border: none;

    outline: 0;

    cursor: pointer;

    z-index: 3;

  }



  .menu.active img:nth-child(3) {

    opacity: 1;

    display: block;

    margin-top: -53px;

  }



  .menu:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu.active:before {

    content: "";

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.5);

    font-size: 10px;

    letter-spacing: 1px;

  }



  .menu span {

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    top: 18px;

    bottom: 0;

    margin: auto;

    transition: 0.2s all ease-in-out;

    -webkit-transition: 0.2s all ease-in-out;

    opacity: 0;

  }



  .menu span:after,

  .menu span:before {

    content: "";

    height: 2px;

    background: #fff;

    display: block;

    width: 100%;

    position: absolute;

    transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

    -webkit-transition: 0.2s top ease-in-out 0.2s, transform 0.2s ease-in-out;

  }



  .menu img {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

  }



  .menu img:nth-child(3) {

    display: none;

  }



  .menu.active img:nth-child(2) {

    opacity: 0;

  }



  #menu-corpo {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    transition: 0.8s transform ease-in-out;

    -webkit-transition: 0.8s transform ease-in-out;

    transform: scale(0.5);

    -webkit-transform: scale(0.5);

    z-index: -1;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }



  #menu-corpo .active {

    font-weight: 900;

    color: #97beff;

  }



  #menu-corpo-1-2 {

    position: absolute;

    width: 43vw;

    left: 66vw;

    margin-top: -6vw;

    text-align: center;

    display: none;

    z-index: 9;

  }



  #menu-corpo-1-2 a {

    color: #fff;

    font-size: 3vw;

    font-weight: bold;

  }



  #menu-corpo-1-1 a:hover,

  #menu-corpo-1-2 a:hover {

    color: #97beff;

    text-decoration: none;

  }



  #menu-corpo-1-2 ul li {

    margin: 3vw 0;

  }



  .menu-1-2 span {

    opacity: 0;

    display: none;

    transition: all 0.3s;

  }



  .menu-1-2 a:hover > span,

  .menu-1-2 a.active span {

    display: unset;

    opacity: 1;

  }



  .link-voltar {

    display: none;

  }



  #menu-redes-sociais {

    position: absolute;

    display: flex;

    margin-top: 42vw;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    justify-content: center;

  }



  #menu-redes-sociais div {

    width: 15%;

  }



  #menu-redes-sociais img {

    width: 5vw;

  }



  #menu-redes-sociais .facebook-azul,

  #menu-redes-sociais .instagram-azul,

  #menu-redes-sociais .linkedin-azul {

    display: none;

  }



  #menu-redes-sociais-facebook:hover > .facebook-azul {

    display: block;

  }



  #menu-redes-sociais-facebook:hover > .facebook-branco {

    display: none;

  }



  #menu-redes-sociais-instagram:hover > .instagram-azul {

    display: block;

  }



  #menu-redes-sociais-instagram:hover > .instagram-branco {

    display: none;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-azul {

    display: block;

  }



  #menu-redes-sociais-linkedin:hover > .linkedin-branco {

    display: none;

  }



  #nav {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    text-align: center;

    z-index: 2;

    display: none;

    perspective: 1000px;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    cursor: pointer;

  }



  #nav ul {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: auto;

    width: 100%;

    transform: rotateX(180deg) scale(0);

    -webkit-transform: rotateX(180deg) scale(0);

    transform-origin: top;

    opacity: 0;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0s;

    -webkit-transition: 1s all ease-in-out 0s;

  }



  #nav ul.active {

    transform: rotateX(0) scale(1.6);

    -webkit-transform: rotateX(0) scale(1.6);

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transition: 1s all ease-in-out 0.5s;

    -webkit-transition: 1s all ease-in-out 0.5s;

  }



  #nav #menu-corpo-1-1 li {

    margin: 2vw 0;

  }



  #nav ul li a {

    color: #fff;

    font-size: 3vw;

  }



  #nav ul li a:hover {

    color: #97beff;

    text-decoration: none;

  }



  #menu-info {

    width: 55vw;

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    bottom: 3rem;

    color: #fff;

    font-size: 1vw;

    display: flex !important;

    align-items: flex-end;

    z-index: -1;

    opacity: 0;

  }



  #menu-info-img {

    width: 40%;

    text-align:right;

  }



  #menu-info-img img:nth-child(1) {

    width: 40%;

    height: auto;

  }



  #menu-info-img img:nth-child(3) {

    width: 75%;

  }



  #menu-info-endereco {

    width: 60%;

    text-align: right;

  }



  #menu-info-endereco a {

    color: #fff;

  }

}



@media (max-width: 992px) {

  a {

    position: initial;

    text-decoration: none;

    color: #333;

    outline: 0;

  }



  #nav-header .menuCurrent .link,

  .link:hover {

    background-color: rgba(0, 0, 0, 0);

  }



  #nav-header ul li {

    line-height: 5rem;

  }



  #vav:hover div {

    opacity: 1;

  }

}



.header--flex{

  padding-left: 10%;

  padding-right: 10%;

}



@media (min-width: 993px) {

  a {

    position: initial;

    text-decoration: none;

    color: #333;

    outline: 0;

  }



  #nav-header .menuCurrent .link,

  .link:hover {

    background-color: rgba(0, 0, 0, 0);

  }



  #nav-header ul li {

    line-height: 3vw;

  }



  #vav:hover div {

    opacity: 1;

  }

}

.logo-branco {

  background-image: url(../images/logo-integracao-digital-branco.webp) !important;

}



.logo-azul {

  background-image: url(../images/logo-integracao-digital-azul.webp) !important;

}



.whatsapp-azul,

.menu-azul,

.menu-fechar-branco,

.menu-fechar-azul {

  display: none;

}

#logo-menu {

  display: block;

  z-index: 3;

  position: absolute;

  left: 1%;

  top: 23px;

}





#logo-menu--alt {

  display: block;

  z-index: 3;

  position: absolute;

  top: 23px;

  margin-left:15px;

}

@media (max-width: 992px) {

  #logo-menu {

    top: 26px;

  }



  #logo-menu img,

  #logo-menu--alt img{

    width: 47px;

    height: 42px;

  }

}



@media (min-width: 993px) {

  

  #logo-menu--alt {

    display: block;

    z-index: 3;

    position: absolute;

    top: 23px;

    margin-left:10%;

  }



  #logo-menu {

    left: 1%;

    top: 23px;

  }



  #logo-menu img,

  #logo-menu--alt img {

    width: 2.7vw;

    height: 2.4vw;

  }

}



@media (min-width: 1921px) and (max-width: 2500px) {

  #logo-menu {

    top: 24px;

  }

}



@media (min-width: 2501px) and (max-width: 3500px) {

  #logo-menu {

    top: 25px;

  }

}



@media (min-width: 3501px) {

  #logo-menu {

    top: 26px;

  }

}

#bg-menu {

  position: fixed;

  width: 100vw;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background-color: #000;

  opacity: 0;

  transition: all 0.6s;

  z-index: -1;

}

.ocultar {

  display: none !important;

}



.overflow-x-hidden {

  overflow-x: hidden;

}



#logo-menu.fixed,

#logo-menu--alt.fixed,

#menu-desktop.fixed,

#menu-desktop--alt.fixed,

#menu-corpo.fixed,

#menu-info.fixed {

  position: fixed !important;

}



#logo-menu.fixed,

#logo-menu--alt.fixed {

  z-index: 9;

}



#menu-fixo {

  position: fixed;

  width: 100%;

  height: 90px;

  top: 0;

  -webkit-box-shadow: 0px 2px 14px -2px rgba(0, 0, 0, 0.75);

  -moz-box-shadow: 0px 2px 14px -2px rgba(0, 0, 0, 0.75);

  box-shadow: 0px 2px 14px -2px rgba(0, 0, 0, 0.75);

  transition: all 0.3s;

  opacity: 0;

  z-index: -1;

}

/* CORES DO MENU  */

@media (max-width: 992px) {

  .link-seo {

    color: #d807a4 !important;

  }



  .link-inbound {

    color: #ff3a51 !important;

  }



  .link-google-ads {

    color: #ff9100 !important;

  }



  .link-redes-sociais {

    color: #f1c40f !important;

  }



  .link-website {

    color: #83b100 !important;

  }



  .link-loja-virtual {

    color: #8f44ad !important;

  }



  .link-identidade-visual {

    color: #e00000 !important;

  }



  .link-call-tracking {

    color: #00ce6c !important;

  }

}

.link-seo:hover {

  color: #d807a4 !important;

}



.link-inbound:hover {

  color: #ff3a51 !important;

}



.link-google-ads:hover {

  color: #ff9100 !important;

}



.link-redes-sociais:hover {

  color: #f1c40f !important;

}



.link-website:hover {

  color: #83b100 !important;

}

.link-loja-virtual:hover {

  color: #8f44ad !important;

}

.link-identidade-visual:hover {

  color: #e00000 !important;

}

.link-call-tracking:hover {

  color: #00ce6c !important;

}

/* BANNER*/

@media (max-width: 992px) {

  #banner * {

    line-height: 1;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }

  #banner {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    padding-bottom: 5%;

  }



  #banner .container {

  }



  #banner-titulo #banner-titulo-titulo,

  #banner-titulo #banner-titulo-titulo--alt h1,

  #banner-titulo #banner-titulo-subtitulo,

  #banner-titulo #banner-titulo-subtitulo--alt p {

    margin: 0 !important;

    vertical-align: baseline !important;

  }



  #banner-titulo p {

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    font-size: 100% !important;

    font: inherit !important;

    vertical-align: baseline !important;

  }



  #banner-titulo {

    width: 100%;

    text-align: center;

    color: #fff;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }



  #banner-titulo #banner-titulo-titulo,

  #banner-titulo #banner-titulo-titulo--alt h1 {

    font-size: 7rem;

    font-weight: bold;

    padding-top: 100px;

  }



  #banner-titulo #banner-titulo-subtitulo {

    font-size: 1.8rem;

  }





  #banner-titulo #banner-titulo-subtitulo--alt p {

    font-size: 1.8rem!important;

  }





  #banner-formulario {

    width: 100%;

    margin-top: 5%;

    color: #fff;

  }



  #banner-formulario-contato {

    display: flex;

    justify-content: center;

    font-size: 2.2rem;

    text-align: center;

    font-weight: 600;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }



  #banner-formulario-contato a {

    color: #fff;

    text-decoration: none;

    font-weight: 600;

  }



  #banner-formulario-contato strong {

    display: flex;

  }



  #banner-formulario .formulario-conteudo {

    margin-bottom: -15%;

  }



  #banner-formulario form p:nth-child(9) .error {

    top: 8em !important;

  }

  .formulario-conteudo  select#funcionarios {

      margin-bottom: 4%;

  }

}



@media (max-width: 380px) {

  #banner-titulo #banner-titulo-titulo,

  #banner-titulo #banner-titulo-titulo--alt h1{

    font-size: 2.5rem !important;

  }

}



@media (min-width: 381px) and (max-width: 480px) {

  #banner-titulo #banner-titulo-subtitulo{

    font-size: 3rem !important;

  }

}



@media (min-width: 993px) {

  #banner * {

    line-height: 1;

    font-family: Montserrat, sans-serif !important;

    font-display:swap;

  }

  #banner {

    height: 38vw;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

  }



  #banner .cont {

    display: flex;

    padding-left: 10%;

    padding-right: 10%;

  }



  #banner-titulo {

    width: 50%;

    margin-top: 15vw;

    color: #fff;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }

  #banner-titulo p,

  #banner-titulo #banner-titulo-titulo,

  #banner-titulo #banner-titulo-titulo--alt h1,

  #banner-titulo #banner-titulo-subtitul,

  #banner-titulo #banner-titulo-subtitulo--alt p {

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    vertical-align: baseline !important;

  }



  #banner-titulo #banner-titulo-subtitulo--alt p {

    line-height: 1.3;

  }







    #banner-titulo #banner-titulo-titulo,

    #banner-titulo #banner-titulo-titulo--alt h1{

        font-size: 4vw;

        font-weight: bold;

        line-height: 1.2;

    }



    #banner-titulo #banner-titulo-titulo--alt h1 {

        font-size: 3vw;

        font-weight: bold;

    }



  #banner-titulo #banner-titulo-subtitulo,

  #banner-titulo #banner-titulo-subtitulo--alt p  {

    font-size: 1.2vw;

    width: 80%;

  }



  #banner-titulo #banner-titulo-subtitulo--alt strong{

    font-weight: bold;

  }



  #banner-formulario {

    width: 50%;

    margin-top: 8rem;

    color: #fff;

  }



  #banner-formulario-contato {

    display: flex;

    justify-content: center;

    font-size: 1.2vw;

    text-align: center;

    font-weight: 600;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }



  #banner-formulario-contato a {

    color: #fff;

    text-decoration: none;

    transition: all 0.4s;

    font-weight: 600;

  }



  #banner-formulario-contato strong {

    display: flex;

  }



  #banner-formulario form p:nth-child(9) .error {

    margin-top: 6vw;

  }

  .formulario-conteudo  select#funcionarios {

    margin-bottom: 4%;

}

}







.formulario--alt {

  color: var(--cinza);

  margin-left: auto;

  margin-right: auto;

  margin-top: 1vw;

  width: 80vw;

  background-color: #fff;

  -webkit-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

  -moz-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

  box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

}



.formulario-titulo--alt h2{

  font-weight: bold;

  font-family: Montserrat, sans-serif;

  font-size:2.2rem;

  line-height: 1.3!important;

  max-width: 90%;

  margin: auto;

  text-align: center;

  color:#000;

  margin-bottom:3%;

  font-display:swap;

}





.formulario--alt label{

  font-family: Montserrat, sans-serif;

  font-size:1.5rem;

  color:#000;

  display:block;

  margin-bottom:5px;

  font-display:swap;

}



.formulario--alt input{

  width: 100%;

  padding:12px;

  font-family: Montserrat, sans-serif;

  font-size:1.5rem;

  border: 1px solid #707070;

  margin-bottom:5%;

  font-display:swap;

}



.formulario--alt p{

 margin:0;

}



.formulario--alt textarea{

  width: 100%;

  padding:10px;

  font-family: Montserrat, sans-serif;

  font-size:1.5rem;

  border: 1px solid #707070;

  resize: none;

  font-display:swap;

}



.formulario--alt #enviar{

  display: block;

  background:#ff7f00;

  color:#000;

  font-family: Montserrat, sans-serif;

  font-size:1.571rem;

  font-weight: bold;

  letter-spacing: 1px;

  max-width: 150px;

  text-align: center;

  margin:auto;

  cursor: pointer;

  border: none;

  border-radius:20px;

  margin-top:5%;

  font-display:swap;

  transition:all .5s ease-in-out;

}



.formulario--alt #enviar:hover{

  background:#f59230;

}





.agencia-de-seo .formulario--alt #enviar{

  display: block;

  background:#001261;

  color:#FFF;

  font-family: Montserrat, sans-serif;

  font-size:1.571rem;

  font-weight: bold;

  letter-spacing: 1px;

  max-width: 150px;

  text-align: center;

  margin:auto;

  cursor: pointer;

  border: none;

  border-radius:20px;

  margin-top:5%;

  font-display:swap;



}



.form--flex{

  display:flex;

  gap: 2%;

}



.form--flex p{

  flex:1;

}





/* FORMULÁRIO */

/* BUG FIX */

@media (max-width: 992px) {



  #banner-titulo #banner-titulo-subtitulo--alt p  {

    font-size: 1.2vw;

    width: 80%;

    margin: 0 auto!important;

    line-height: 1.3!important;

  }



  .formulario {

    color: var(--cinza);

    margin-left: auto;

    margin-right: auto;

    margin-top: 2%;

    width: 75%;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

    box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

  }



  .formulario label {

    position: absolute;

    left: -9999999999px;

  }



  .formulario-contato {

    font-size: 1rem;

    text-align: center;

    margin-bottom: 8vw;

    margin-left: 10vw;

    margin-right: 10vw;

    line-height: 200%;

  }



  .formulario-titulo {

    text-align: center;

    font-weight: 600;

    font-size: 2.2rem;

    margin-bottom: 5%;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }



  .formulario-titulo span {

    width: 35%;

    margin-top: 5%;

    margin-left: auto;

    margin-right: auto;

    display: inherit;

    border: 1px solid;

  }



  .formulario-titulo br {

    display: none;

  }



  .formulario-conteudo {

    padding: 10% 5%;

  }



  .formulario a {

    color: #000;

    text-decoration: none;

  }



  .formulario strong {

    font-size: 1.5rem;

    font-weight: bold;

  }













  .formulario input[type="text"],

  .formulario input[type="date"],

  .formulario textarea,

  select {

    background-color: #fff;

    border: 0px;

    width: 100%;

    font-size: 1.5rem;

    margin-bottom: 5%;

    color: #6d6e70;

    border-bottom: 1px solid #a1a1a1;

    font-family: Montserrat, sans-serif;

    font-display:swap;

    transition: all 0.3s;

  }



  .formulario input[type="text"]:hover,

  .formulario textarea:hover,

  select:hover {

    background-color: #f5f5f5;

  }



  .formulario input[type="submit"] {

    width: 60%;

    color: #fff;

    font-size: 1.8rem;

    font-weight: 500;

    padding: 1.3rem 0 1.3rem 0;

    border: 0px;

    margin-top: 5%;

    border-radius: 60px 60px 60px 60px;

    -moz-border-radius: 60px 60px 60px 60px;

    -webkit-border-radius: 60px 60px 60px 60px;

  }



  .formulario .text-center {

    text-align: center;

  }



  .formulario-aviso {

    text-align: center;

    font-size: 1.3rem;

    margin-top: 2%;

    font-family: "Raleway", sans-serif;

  }



  .error {

    position: relative;

    color: red;

    font-size: 0.8rem;

    top: 3em;

  }

}



@media (max-width: 480px) {

  .formulario, 

  .formulario--alt {

    width: 90%;

  }

}



@media (min-width: 993px) {

  .formulario {

    color: var(--cinza);

    margin-left: auto;

    margin-right: auto;

    margin-top: 1vw;

    width: 30vw;

    background-color: #fff;

    -webkit-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

    box-shadow: 0px 1px 26px -7px rgba(0, 0, 0, 0.6);

  }



  .formulario--alt {

    width: 38vw;

  }





  .formulario--alt label{

    font-size:.9vw;   

  }



  .formulario--alt input{

    font-size:1vw;

  }





  .formulario--alt textarea{

    font-size:1vw;

  }



 



  .formulario label {

    position: absolute;

    left: -9999999999px;

  }



  .formulario-contato {

    font-size: 1vw;

    text-align: center;

    margin-bottom: 8vw;

    margin-left: 10vw;

    margin-right: 10vw;

    line-height: 200%;

  }



  .formulario-titulo {

    text-align: center;

    font-weight: 600;

    font-size: 1.3vw;

    margin-bottom: 1.5vw;

    font-family: Montserrat, sans-serif;

    font-display:swap;

  }



  .formulario-titulo--alt h2{

    font-size:1.3vw;

    line-height: 1.3!important;

    max-width: 90%;



  }



  .formulario-titulo span {

    width: 35%;

    margin-top: 5%;

    margin-left: auto;

    margin-right: auto;

    display: inherit;

    border: 1px solid;

  }



  .formulario-conteudo {

    padding: 3vw;

  }



  .formulario a {

    color: #000;

    text-decoration: none;

  }



  .formulario strong {

    font-size: 1.5vw;

    font-weight: bold;

  }



  .formulario input[type="text"],

  .formulario input[type="date"],

  .formulario textarea,

  select {

    background-color: #fff;

    border: 0px;

    width: 100%;

    font-size: 1vw;

    padding: 0.5vw;

    color: #6d6e70;

    border-bottom: 1px solid #a1a1a1;

    font-family: Montserrat, sans-serif;

    font-display:swap;

    transition: all 0.4s;

  }



  .formulario input[type="text"]:hover,

  .formulario textarea:hover,

  select:hover {

    background-color: #f5f5f5;

  }



  .formulario input[type="submit"] {

    width: 60%;

    color: #fff;

    font-size: 1.2vw;

    font-weight: 500;

    padding: 1.2vw 0 1.2vw 0;

    border: 0px;

    margin-top: 5%;

    border-radius: 60px 60px 60px 60px;

    -moz-border-radius: 60px 60px 60px 60px;

    -webkit-border-radius: 60px 60px 60px 60px;

    transition: all 0.4s;

    cursor: pointer;

  }



  .formulario .text-center {

    text-align: center;

  }



  .formulario-aviso {

    text-align: center;

    font-size: 0.7vw;

    margin-top: 1vw;

    font-family: "Raleway", sans-serif;

    font-display:swap;

  }



  .error {

    position: absolute;

    color: red;

    font-size: 0.7vw;

    margin-top: 2.3vw;

  }

}



/* ANIMAÇÃO - ENVIANDO FORMULÁRIO */

@keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@-webkit-keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



@-moz-keyframes opacity {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



#enviando-formulario {

  width: 100%;

  display: none;

  text-align: center;

  font-size: 1em;

}



#enviando-formulario span {

  animation-name: opacity;

  animation-duration: 1s;

  animation-iteration-count: infinite;

  animation-name: opacity;

  animation-duration: 1s;

  animation-iteration-count: infinite;

  -webkit-animation-name: opacity;

  -webkit-animation-duration: 1s;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-name: opacity;

  -moz-animation-duration: 1s;

  -moz-animation-iteration-count: infinite;

}



#enviando-formulario span:nth-child(1) {

  animation-delay: 100ms;

  animation-delay: 100ms;

  -webkit-animation-delay: 100ms;

  -moz-animation-delay: 100ms;

}



#enviando-formulario span:nth-child(2) {

  animation-delay: 300ms;

  animation-delay: 300ms;

  -webkit-animation-delay: 300ms;

  -moz-animation-delay: 300ms;

}



#enviando-formulario span:nth-child(3) {

  animation-delay: 500ms;

  animation-delay: 500ms;

  -webkit-animation-delay: 500ms;

  -moz-animation-delay: 500ms;

}



/* CORES/IMAGENS | ELEMENTOS GLOBAIS */

/* INBOUDN MARKETING */



@media (max-width: 992px) {

  #inbound-marketing #banner {

    background-image: url(../images/inbound/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  #inbound-marketing #banner {

    background-image: url(../images/inbound/banner.webp);

  }

}



#inbound-marketing .titulo-bg span,

#inbound-marketing #menu-fixo,

#inbound-marketing .orcamento-full,

#inbound-marketing .orcamento-esq,

#inbound-marketing .orcamento-dir,

#inbound-marketing .citacao-cor,

#inbound-marketing .formulario input[type="submit"] {

  background-color: var(--magento);

}



#inbound-marketing .formulario input[type="submit"]:hover,

#inbound-marketing .orcamento-esq input[type="button"]:hover,

#inbound-marketing .orcamento-dir input[type="button"]:hover,

#inbound-marketing .orcamento-full input[type="button"]:hover {

  background-color: var(--magento-escuro);

}



#inbound-marketing .orcamento-esq input[type="button"],

#inbound-marketing .orcamento-dir input[type="button"],

#inbound-marketing .orcamento-full input[type="button"],

#inbound-marketing .lista-bola li:before,

#inbound-marketing .topico-txt {

  color: var(--magento);

}



#inbound-marketing .orcamento-esq a:hover,

#inbound-marketing .orcamento-dir a:hover,

#inbound-marketing .orcamento-full a:hover,

#inbound-marketing #banner-formulario-contato a:hover {

  color: var(--magento-claro);

}



#inbound-marketing .topico-img .traco-cima,

#inbound-marketing .topico-img .traco,

#inbound-marketing .topico-txt .traco {

  border-bottom: 2px solid var(--magento);

}



#inbound-marketing .formulario-titulo span {

  border-color: var(--magento);

}



/* MARKETING DIGITAL */



@media (max-width: 992px) {

    .marketing-digital #banner {

        background-image: url(./images-i/lp5/banner-mobile.webp);

    }



    .agencia-de-seo #banner {

      background-image: url(./images-i/lp1/banner-agencia-de-seo.webp);

  }

}



@media (min-width: 993px) {

    .marketing-digital #banner {

        background-image: url(./images-i/lp5/banner-mobile.webp);

    }



    .agencia-de-seo #banner {

      background-image: url(./images-i/lp1/banner-agencia-de-seo.webp);

  }

}

.marketing-digital #banner-titulo-titulo:after {

    content: "MARKETING DIGITAL";

}



.marketing-digital #banner-titulo-titulo--alt h1 {

  text-transform: uppercase;

}



.marketing-digital #banner-titulo-subtitulo:after {

    content: "Conheça as soluções de uma verdadeira agência de resultados";

}

.marketing-digital .formulario-titulo:before {

    content: "Quer aumentar o número de clientes de sua empresa?";

}

.marketing-digital .titulo-bg span,

.marketing-digital #menu-fixo,

.marketing-digital .orcamento-full,

.marketing-digital .orcamento-esq,

.marketing-digital .orcamento-dir,

.marketing-digital .citacao-cor,

.marketing-digital .formulario input[type="submit"] {

    background-color: var(--azul);

}



    .marketing-digital .formulario input[type="submit"]:hover,

    .marketing-digital .orcamento-esq input[type="button"]:hover,

    .marketing-digital .orcamento-dir input[type="button"]:hover,

    .marketing-digital .orcamento-full input[type="button"]:hover {

        background-color: var(--azul-escuro);

    }



    .marketing-digital .orcamento-esq input[type="button"],

    .marketing-digital .orcamento-dir input[type="button"],

    .marketing-digital .orcamento-full input[type="button"],

    .marketing-digital .lista-bola li:before,

    .marketing-digital .topico-txt {

        color: var(--azul);

    }



    .marketing-digital .orcamento-esq a:hover,

    .marketing-digital .orcamento-dir a:hover,

    .marketing-digital .orcamento-full a:hover,

    .marketing-digital #banner-formulario-contato a:hover {

        color: var(--azul-claro);

    }



.marketing-digital .topico-img .traco-cima,

.marketing-digital .topico-img .traco,

.marketing-digital .topico-txt .traco {

    border-bottom: 2px solid var(--azul);

}



.marketing-digital .formulario-titulo span {

    border-color: var(--azul);

}



/* REDES SOCIAIS */

@media (max-width: 992px) {

    .redes-sociais #banner {

        background-image: url(./images-i/lp2/banner-mobile.webp);

    }

}



@media (min-width: 993px) {

    .redes-sociais #banner {

        background-image: url(./images-i/lp2/banner.webp);

    }

}

.redes-sociais #banner-titulo-titulo:after {

    content: "REDES SOCIAIS";

}



.redes-sociais #banner-titulo-subtitulo:after {

    content: "Tudo o que você precisa saber para sua página engajar com seu público!";

}



.redes-sociais .formulario-titulo:before {

    content: "Quer sua empresa conquistando as Redes Sociais?";

}

.redes-sociais .titulo-bg span,

.redes-sociais #menu-fixo,

.redes-sociais .orcamento-full,

.redes-sociais .orcamento-esq,

.redes-sociais .orcamento-dir,

.redes-sociais .formulario input[type="submit"] {

  background-color: var(--dourado);

}



.redes-sociais .formulario input[type="submit"]:hover,

.redes-sociais .orcamento-esq input[type="button"]:hover,

.redes-sociais .orcamento-dir input[type="button"]:hover,

.redes-sociais .orcamento-full input[type="button"]:hover {

  background-color: var(--dourado-escuro);

}



.redes-sociais .orcamento-esq input[type="button"],

.redes-sociais .orcamento-dir input[type="button"],

.redes-sociais .orcamento-full input[type="button"],

.redes-sociais .titulo-cor-img .txt,

.redes-sociais .titulo-cor .txt,

.redes-sociais .lista-bola li:before,

.redes-sociais .topico-txt {

  color: var(--dourado);

}



.redes-sociais .orcamento-esq a:hover,

.redes-sociais .orcamento-dir a:hover,

.redes-sociais .orcamento-full a:hover,

.redes-sociais #banner-formulario-contato a:hover {

  color: var(--dourado-claro);

}



.redes-sociais .topico-img .traco-cima,

.redes-sociais .topico-img .traco,

.redes-sociais .topico-txt .traco {

  border-bottom: 2px solid var(--dourado);

}



.redes-sociais .formulario-titulo span {

  border-color: var(--dourado);

}

/* GOOGLE ADS */

@media (max-width: 992px) {

    .google-ads #banner {

        background-image: url(./images-i/lp3/banner-mobile.webp);

    }

}



@media (min-width: 993px) {

    .google-ads #banner {

        background-image: url(./images-i/lp3/banner.webp);

    }

}

.google-ads #banner-titulo-titulo:after {

    content: "GOOGLE ADS";

}



.google-ads #banner-titulo-subtitulo:after {

    content: "Tudo o que você precisa saber para captar novos clientes!";

}



.google-ads .formulario-titulo:before {

    content: "Quer aumentar o número de clientes de sua empresa?";

}

.google-ads .titulo-bg span,

.google-ads #menu-fixo,

.google-ads .orcamento-full,

.google-ads .orcamento-esq,

.google-ads .orcamento-dir,

.google-ads .formulario input[type="submit"] {

  background-color: var(--laranja);

}



.google-ads .formulario input[type="submit"]:hover,

.google-ads .orcamento-esq input[type="button"]:hover,

.google-ads .orcamento-dir input[type="button"]:hover,

.google-ads .orcamento-full input[type="button"]:hover {

  background-color: var(--laranja-escuro);

}



.google-ads .orcamento-esq input[type="button"],

.google-ads .orcamento-dir input[type="button"],

.google-ads .orcamento-full input[type="button"],

.google-ads .titulo-cor-img .txt,

.google-ads .titulo-cor .txt,

.google-ads .lista-bola li:before,

.google-ads .topico-txt {

  color: var(--laranja);

}



.google-ads .orcamento-esq a:hover,

.google-ads .orcamento-dir a:hover,

.google-ads .orcamento-full a:hover,

.google-ads #banner-formulario-contato a:hover {

  color: var(--laranja-claro);

}



.google-ads .topico-img .traco-cima,

.google-ads .topico-img .traco,

.google-ads .topico-txt .traco {

  border-bottom: 2px solid var(--laranja);

}



.google-ads .formulario-titulo span {

  border-color: var(--laranja);

}



.google-ads #onde-anunciar.orange {

  background-color: var(--laranja-claro);

}



/* CRIAÇÃO DE WEBSITE */



@media (max-width: 992px) {

  .criacao-website #banner {

    background-image: url(./images-i/lp4/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  .criacao-website #banner {

    background-image: url(./images-i/lp4/banner.webp);

  }

}

.criacao-website #banner-titulo-titulo:after {

  content: "CRIAÇÃO DE WEBSITES";

}

.criacao-website #banner-titulo-subtitulo:after {

  content: "Tudo o que você precisa saber para ter um site profissional!";

}

.criacao-website .formulario-titulo:before {

    content: "Quer aumentar a visibilidade e credibilidade da sua marca?";

}

.criacao-website .titulo-bg span,

.criacao-website #menu-fixo,

.criacao-website .orcamento-full,

.criacao-website .orcamento-esq,

.criacao-website .orcamento-dir,

.criacao-website .citacao-cor,

.criacao-website .formulario input[type="submit"] {

  background-color: var(--verde);

}



.criacao-website .formulario input[type="submit"]:hover,

.criacao-website .orcamento-esq input[type="button"]:hover,

.criacao-website .orcamento-dir input[type="button"]:hover,

.criacao-website .orcamento-full input[type="button"]:hover {

  background-color: var(--verde-escuro);

}



.criacao-website .orcamento-esq input[type="button"],

.criacao-website .orcamento-dir input[type="button"],

.criacao-website .orcamento-full input[type="button"],

.criacao-website .lista-bola li:before,

.criacao-website .topico-txt,

.criacao-website .titulo-cor .txt {

  color: var(--verde);

}



.criacao-website .orcamento-esq a:hover,

.criacao-website .orcamento-dir a:hover,

.criacao-website .orcamento-full a:hover,

.criacao-website #banner-formulario-contato a:hover {

  color: var(--verde-claro);

}



.criacao-website .topico-img .traco-cima,

.criacao-website .topico-img .traco,

.criacao-website .topico-txt .traco {

  border-bottom: 2px solid var(--verde);

}



.criacao-website .formulario-titulo span {

  border-color: var(--verde);

}



/* SEO */

@media (max-width: 992px) {

  .seo #banner,
  .pagina-modelo #banner {

    background-image: url(./images-i/lp1/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  .seo #banner,
  .pagina-modelo #banner {

    background-image: url(./images-i/lp1/banner.webp);

  }

}

.seo #banner-titulo-titulo:after,
.pagina-modelo #banner-titulo-titulo:after {

  content: "SEO";

}

.seo #banner-titulo-subtitulo:after,
.pagina-modelo #banner-titulo-subtitulo:after {

  content: "Tudo o que você precisa saber para otimizar seu site para os buscadores";

}

.seo .formulario-titulo:before {

    content: "Quer seu site na 1ª página do Google?";

}

.seo .titulo-bg span,

.seo #menu-fixo,

.pagina-modelo #menu-fixo,

.agencia-de-seo #menu-fixo,

.seo .orcamento-full,

.seo .orcamento-esq,

.seo .orcamento-dir,

.seo .citacao-cor,

.seo .formulario input[type="submit"],

.pagina-modelo .formulario input[type="submit"] {

  background-color: var(--purpura);

}



.seo .formulario input[type="submit"]:hover,

.pagina-modelo .formulario input[type="submit"]:hover,

.seo .orcamento-esq input[type="button"]:hover,

.seo .orcamento-dir input[type="button"]:hover,

.seo .orcamento-full input[type="button"]:hover {

  background-color: var(--purpura-escuro);

}



.seo .orcamento-esq input[type="button"],

.seo .orcamento-dir input[type="button"],

.seo .orcamento-full input[type="button"],

.seo .lista-bola li:before,

.seo .topico-txt,

.seo .titulo-cor .txt {

  color: var(--purpura);

}



.seo .orcamento-esq a:hover,

.seo .orcamento-dir a:hover,

.seo .orcamento-full a:hover,

.seo #banner-formulario-contato a:hover,

.pagina-modelo #banner-formulario-contato a:hover {

  color: var(--purpura-claro);

}



.seo .topico-img .traco-cima,

.seo .topico-img .traco,

.seo .topico-txt .traco {

  border-bottom: 2px solid var(--purpura);

}



.seo .formulario-titulo span {

  border-color: var(--purpura);

}





/* LOJA VIRTUAL PÁGINAS ORGÂNICAS */

@media (max-width: 992px) {

  .ecommerce #banner {

    background-image: url(./images-i/lp6/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  .ecommerce #banner {

    background-image: url(./images-i/lp6/banner.webp);

  }

}

.ecommerce #banner-titulo-titulo:after {

  content: "CRIAÇÃO LOJAS VIRTUAIS";

}

.ecommerce #banner-titulo-subtitulo:after {

  content: "Tudo o que você precisa saber para ter uma loja de alta performance!";

}

.ecommerce .formulario-titulo:before {

    content: "Quer seu site na 1ª página do Google?";

}

.ecommerce .titulo-bg span,

.ecommerce #menu-fixo,

.ecommerce .orcamento-full,

.ecommerce .orcamento-esq,

.ecommerce .orcamento-dir,

.ecommerce .citacao-cor,

.ecommerce .formulario input[type="submit"] {

  background-color: var(--roxo);

}



.ecommerce .formulario input[type="submit"]:hover,

.ecommerce .orcamento-esq input[type="button"]:hover,

.ecommerce .orcamento-dir input[type="button"]:hover,

.ecommerce .orcamento-full input[type="button"]:hover {

  background-color: var(--roxo);

}



.ecommerce .orcamento-esq input[type="button"],

.ecommerce .orcamento-dir input[type="button"],

.ecommerce .orcamento-full input[type="button"],

.ecommerce .lista-bola li:before,

.ecommerce .topico-txt,

.ecommerce .titulo-cor .txt {

  color: var(--roxo);

}



.ecommerce .orcamento-esq a:hover,

.ecommerce .orcamento-dir a:hover,

.ecommerce .orcamento-full a:hover,

.ecommerce #banner-formulario-contato a:hover {

  color: var(--roxo);

}



.ecommerce .topico-img .traco-cima,

.ecommerce .topico-img .traco,

.ecommerce .topico-txt .traco {

  border-bottom: 2px solid var(--roxo);

}



.ecommerce .formulario-titulo span {

  border-color: var(--roxo);

}







/* LOJA VIRTUAL */

@media (max-width: 992px) {

  #loja-virtual #banner {

    background-image: url(../n/images/loja-virtual/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  #loja-virtual #banner {

    background-image: url(../n/images/loja-virtual/banner.webp);

  }

}



#loja-virtual .titulo-bg span,

#loja-virtual #menu-fixo,

#loja-virtual .orcamento-full,

#loja-virtual .orcamento-esq,

#loja-virtual .orcamento-dir,

#loja-virtual .citacao-cor,

#loja-virtual .formulario input[type="submit"] {

  background-color: var(--roxo);

}



#loja-virtual .formulario input[type="submit"]:hover,

#loja-virtual .orcamento-esq input[type="button"]:hover,

#loja-virtual .orcamento-dir input[type="button"]:hover,

#loja-virtual .orcamento-full input[type="button"]:hover {

  background-color: var(--roxo-escuro);

}



#loja-virtual .orcamento-esq input[type="button"],

#loja-virtual .orcamento-dir input[type="button"],

#loja-virtual .orcamento-full input[type="button"],

#loja-virtual .lista-bola li:before,

#loja-virtual .topico-txt,

#loja-virtual .titulo-cor .txt {

  color: var(--roxo);

}



#loja-virtual .roxo-esq a:hover,

#loja-virtual .orcamento-dir a:hover,

#loja-virtual .orcamento-full a:hover,

#loja-virtual #banner-formulario-contato a:hover {

  color: var(--vermelho-claro);

}



#loja-virtual .topico-img .traco-cima,

#loja-virtual .topico-img .traco,

#loja-virtual .topico-txt .traco {

  border-bottom: 2px solid var(--roxo);

}



#loja-virtual .formulario-titulo span {

  border-color: var(--roxo);

}



/* IDENTIDADE VISUAL */

@media (max-width: 992px) {

  #identidade-visual #banner {

    background-image: url(../images/identidade-visual/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  #identidade-visual #banner {

    background-image: url(../images/identidade-visual/banner.webp);

  }

}



#identidade-visual .titulo-bg span,

#identidade-visual #menu-fixo,

#identidade-visual .orcamento-full,

#identidade-visual .orcamento-esq,

#identidade-visual .orcamento-dir,

#identidade-visual .citacao-cor,

#identidade-visual .formulario input[type="submit"] {

  background-color: var(--vermelho);

}



#identidade-visual .formulario input[type="submit"]:hover,

#identidade-visual .orcamento-esq input[type="button"]:hover,

#identidade-visual .orcamento-dir input[type="button"]:hover,

#identidade-visual .orcamento-full input[type="button"]:hover {

  background-color: var(--vermelho-escuro);

}



#identidade-visual .orcamento-esq input[type="button"],

#identidade-visual .orcamento-dir input[type="button"],

#identidade-visual .orcamento-full input[type="button"],

#identidade-visual .lista-bola li:before,

#identidade-visual .topico-txt,

#identidade-visual .titulo-cor .txt {

  color: var(--vermelho);

}



#identidade-visual .orcamento-esq a:hover,

#identidade-visual .orcamento-dir a:hover,

#identidade-visual .orcamento-full a:hover,

#identidade-visual #banner-formulario-contato a:hover {

  color: var(--vermelho-claro);

}



#identidade-visual .topico-img .traco-cima,

#identidade-visual .topico-img .traco,

#identidade-visual .topico-txt .traco {

  border-bottom: 2px solid var(--vermelho);

}



#identidade-visual .formulario-titulo span {

  border-color: var(--vermelho);

}



/* CALL TRACKING */

@media (max-width: 992px) {

  #call-tracking #banner {

    background-image: url(../images/call-tracking/banner-mobile.webp);

  }

}



@media (min-width: 993px) {

  #call-tracking #banner {

    background-image: url(../images/call-tracking/banner.webp);

  }

}



#call-tracking .titulo-bg span,

#call-tracking #menu-fixo,

#call-tracking .orcamento-full,

#call-tracking .orcamento-esq,

#call-tracking .orcamento-dir,

#call-tracking .citacao-cor,

#call-tracking .formulario input[type="submit"] {

  background-color: var(--verde-limao);

}



#call-tracking .formulario input[type="submit"]:hover,

#call-tracking .orcamento-esq input[type="button"]:hover,

#call-tracking .orcamento-dir input[type="button"]:hover,

#call-tracking .orcamento-full input[type="button"]:hover {

  background-color: var(--verde-limao-escuro);

}



#call-tracking .orcamento-esq input[type="button"],

#call-tracking .orcamento-dir input[type="button"],

#call-tracking .orcamento-full input[type="button"],

#call-tracking .lista-bola li:before,

#call-tracking .topico-txt,

#call-tracking .titulo-cor .txt {

  color: var(--verde-limao);

}



#call-tracking .orcamento-esq a:hover,

#call-tracking .orcamento-dir a:hover,

#call-tracking .orcamento-full a:hover,

#call-tracking #banner-formulario-contato a:hover {

  color: var(--verde-limao-claro);

}



#call-tracking .topico-img .traco-cima,

#call-tracking .topico-img .traco,

#call-tracking .topico-txt .traco {

  border-bottom: 2px solid var(--verde-limao);

}



#call-tracking .formulario-titulo span {

  border-color: var(--verde-limao);

}



header ul.phones {

  text-align: center;

  padding-left: 0;

}



header ul.phones li {

  list-style: none;

  padding-top: 10px;

  display: block;

  color: #fff;

  font-size: 20px;

}



header ul.phones li.separator {

  padding-right: 10px;

  padding-left: 10px;

  display: none;

}

header ul.phones li a {

  color: #fff;

  font-size: 20px;

  text-decoration: none;

  font-family: "Questrial", sans-serif;

  font-weight: bold;

  font-display:swap;

}



header ul.phones li a i {

  margin-right: 5px;

}



section.bloco-1 {

  margin-top: 220px;

}

section.bloco-1 h1,

h2,

h3 {

  text-align: left;

}

section.bloco-1 h1 {

  color: #fff;

  padding-left: 10px;

  padding-right: 10px;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 20px;

  display: block;

  max-width: 100%;

}



section.bloco-1 p {

  font-size: 22px;

  font-weight: 400;

}

section.bloco-2 {

  margin-top: 0;

  margin-bottom: 0;

  padding-bottom: 15px;

}

section.bloco-2 ul li {

  color: #fff;

  font-size: 22px;

}

section.bloco-2 .desktop {

  padding-right: 0;

}

section.bloco-2 h2 {

  color: #fff;

  margin-bottom: 0;

  font-size: 26px;

  font-weight: 400;

}

section.bloco-2 p {

  color: #fff;

}

section.bloco-2 p a {

  text-decoration: none;

  color: #fff;

}

section.bloco-2 img {

  margin-left: auto;

  margin-right: 0;

  display: block;

}

section.bloco-2 hr {

  border: 1px solid #fff;

  max-width: 60px;

  float: left;

  width: 60px;

  background-color: #fff;

}

section.bloco-3 {

  margin-bottom: 0px;

}

section.bloco-3 h3,

section.bloco-3 h4 {

  margin-bottom: 0;

  font-size: 26px;

  font-weight: 400;

}

section.bloco-3 hr {

  max-width: 50px;

  width: 50px;

  float: left;

}

section.bloco-3 p a {

  color: #333;

  text-decoration: none;

}

section.bloco-1 p,

.bloco-2 p,

.bloco-3 p {

  text-align: justify;

  font-size: 22px;

  margin-bottom: 25px;

}



section.bloco-1 ul li,

section.bloco-2 ul li,

section.bloco-3 ul li {

  text-align: justify;

  font-size: 22px;

  line-height: 24px;

  margin-bottom: 25px;

  list-style: disc;

}



section#mapa-site {

  padding-top: 50px;

  padding-bottom: 50px;

  padding-left: 50px;

  padding-right: 50px;

}

ul#links-lp li{
  list-style: disc;
}

#links-lp li{

  counter-reset: numeros;

}

#links-lp ul{
  padding-left: 30px;
}

footer p.address{

  text-transform: uppercase;

  color: #fff;

  font-size: 16px;

  line-height: 24px;

  margin-left: auto;

  margin-right: auto;

  max-width: 400px;

  text-align: initial;

}



footer p.address a{

  color: #fff;

}



footer .img-phone-address{

  display:inline-block;

}







footer p.titleFooter {

  text-align: initial;

  font-size: 4.28rem;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 65px;

  margin-top: 0;

  margin-bottom: 0;

  max-width: 400px;

  margin-left: auto;

  margin-right: auto;

}

footer {

 padding:30px 10%;

}



footer form {

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  margin-top: 40px;

}



footer form input,

footer form select,

footer form textarea {

  border: none;

  border-bottom: 4px solid #fff;

  background-color: transparent;

  outline: none;

  max-width: 290px;

  min-width: 290px;

  padding-left: 10px;

  margin-top: 10px;

  color: #fff;

  resize: none;

}



footer form textarea {

  min-height: 80px;

  max-height: 80px;

}



footer form button {

  background-color: transparent;

  border: none;

  color: #fff;

  font-size: 23px;

  line-height: 23px;

  text-transform: uppercase;

  margin-left: 0;

  margin-top: 20px;

  outline: none;

  text-align: center;

  max-width: 300px;

  min-width: 300px;

  cursor: pointer;

}





footer ::placeholder {

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

}



footer a.btWhats {

  display: block;

  position: fixed;

  right: 10px;

  bottom: 28px;

  color: #fff;

}



footer .btWhats i {

  font-size: 35px;

  background-color: #00e676;

  padding: 10px;

  border-radius: 100%;

}

#linkagem-interna h2.lp1{

  color: #d807a4;

}

#linkagem-interna h2.lp2{

  color: #ffc500;

}

#linkagem-interna h2.lp3{

  color: #ff9100;

}

#linkagem-interna h2.lp4{

  color: #a6ce39;

}

#linkagem-interna h2.lp5{

  color: #001261;

}

.breadcrumb-topo ul{
  color: #fff;
  margin-bottom: 20px;
}

.breadcrumb-topo ul li{
  padding: 3px;
  display: inline-block;
}

.breadcrumb-topo ul li a{
  color: #fff;
}

@media (max-width: 992px) {

  #linkagem-interna {

    padding-top: 8%;

    padding-bottom: 4%;

  }



  #linkagem-interna h2 {

    font-size: 2rem;

    text-align: center;

    font-weight: 600;

    margin-bottom: 1%;

    margin-left: 5%;

    margin-right: 5%;

    font-family: "Roboto", sans-serif !important;

    font-display:swap;

    line-height: 120%;

  }

  .breadcrumb-topo ul{
    justify-content: center;
  }

}

@media (min-width: 993px) {

  #linkagem-interna {

    padding-bottom: 4%;

  }



  #linkagem-interna h2 {

    text-align: center;

    font-size: 2vw;

    font-weight: 600;

    padding-top: 3%;

    margin-bottom: 1%;

    font-family: "Roboto", sans-serif !important;

    font-display:swap;

    line-height: 120%;

  }

}

/*************

LANDING PAGE 1

*************/

#lp1 section.bloco-1 h1 {

  background-color: #d807a4;

}



#lp1 section.bloco-2 {

  background-color: #d807a4;

}

#lp1 section.bloco-3 h3,

#lp1 section.bloco-3 h4 {

  color: #d807a4;

}



#lp1 section.bloco-3 hr {

  border: 1px solid #d807a4;

}



#lp1 footer {

  background-color: #d807a4;

}



#lp1 ul.social li a {

  color: #d807a4;

}



/*************

FIM LANDING PAGE 1

*************/



/*************

LANDING PAGE 1 REVERT

*************/



#lp1revert section.bloco-1 h1 {

  background-color: #d807a4;

}



#lp1revert section.bloco-2 {

  background-color: #d807a4;

}

#lp1revert footer {

  background-color: #fff;

}

#lp1revert footer p.titleFooter {

  color: #d807a4;

}

#lp1revert footer p.address {

  color: #d807a4;

}

#lp1revert footer p.address a {

  color: #d807a4;

}

#lp1revert ul.social li a {

  color: #d807a4;

}

#lp1revert ul.social li a i {

  background-color: #d807a4;

  color: #fff;

}

#lp1revert footer form input,

#lp1revert footer form textarea {

  border-bottom: 4px solid #d807a4;

  color: #d807a4;

}

#lp1revert footer form ::placeholder {

  color: #d807a4;

}

#lp1revert footer form button {

  color: #d807a4;

}

/*************

FIM LANDING PAGE 1 REVERT

*************/



/*************

LANDING PAGE 2

*************/



#lp2 section.bloco-1 h1 {

  background-color: #ffc500;

}



#lp2 section.bloco-2 {

  background-color: #ffc500;

}

#lp2 section.bloco-3 h3,

#lp2 section.bloco-3 h4 {

  color: #ffc500;

}



#lp2 section.bloco-3 hr {

  border: 1px solid #ffc500;

}



#lp2 footer {

  background-color: #ffc500;

}



#lp2 ul.social li a {

  color: #ffc500;

}



/*************

FIM LANDING PAGE 2

*************/



/*************

LANDING PAGE 3

*************/



#lp3 section.bloco-1 h1 {

  background-color: #ff9100;

}



#lp3 section.bloco-2 {

  background-color: #ff9100;

}

#lp3 section.bloco-3 h3,

#lp3 section.bloco-3 h4 {

  color: #ff9100;

}



#lp3 section.bloco-3 hr {

  border: 1px solid #ff9100;

}



#lp3 footer {

  background-color: #ff9100;

}



#lp3 ul.social li a {

  color: #ff9100;

}



/*************

FIM LANDING PAGE 3

*************/



/*************

LANDING PAGE 4

*************/



#lp4 section.bloco-1 h1 {

  background-color: #a6ce39;

}



#lp4 section.bloco-2 {

  background-color: #a6ce39;

}

#lp4 section.bloco-3 h3,

#lp4 section.bloco-3 h4 {

  color: #a6ce39;

}



#lp4 section.bloco-3 hr {

  border: 1px solid #a6ce39;

}



#lp4 footer {

  background-color: #a6ce39;

}



#lp4 ul.social li a {

  color: #a6ce39;

}



/*************

FIM LANDING PAGE 4

*************/



/*************

LANDING PAGE 5

*************/



#lp5 section.bloco-1 h1 {

  background-color: #001261;

}



#lp5 section.bloco-2 {

  background-color: #001261;

}

#lp5 section.bloco-3 h3,

#lp5 section.bloco-3 h4 {

  color: #001261;

}



#lp5 section.bloco-3 hr {

  border: 1px solid #001261;

}



#lp5 footer {

  background-color: #001261;

}



#lp5 ul.social li a {

  color: #001261;

}



/*************

FIM LANDING PAGE 5

*************/



/*************

LANDING PAGE 5 REVERT

*************/



#lp5revert section.bloco-1 h1 {

  background-color: #001261;

}



#lp5revert section.bloco-2 {

  background-color: #001261;

}

#lp5revert footer {

  background-color: #fff;

}

#lp5revert footer p.titleFooter {

  color: #001261;

}

#lp5revert footer p.address {

  color: #001261;

}

#lp5revert footer p.address a {

  color: #001261;

}

#lp5revert ul.social li a {

  color: #001261;

}

#lp5revert ul.social li a i {

  background-color: #001261;

  color: #fff;

}

#lp5revert footer form input,

#lp5revert footer form textarea {

  border-bottom: 4px solid #001261;

  color: #001261;

}

#lp5revert footer form ::placeholder {

  color: #001261;

}

#lp5revert footer form button {

  color: #001261;

}





#lp6 section.bloco-1 h1 {

  background-color: #8f44ad;

}



#lp6 section.bloco-2 {

  background-color: #8f44ad;

}

#lp6 section.bloco-3 h3,

#lp6 section.bloco-3 h4 {

  color: #8f44ad;

}



#lp6 section.bloco-3 hr {

  border: 1px solid #8f44ad;

}



#lp6 footer {

  background-color: #8f44ad;

}



#lp6 ul.social li a {

  color: #d807a4;

}





/*************

FIM LANDING PAGE 5 REVERT

*************/



ul.social {

  display:flex;

  gap:20px;

  align-items: center;

  justify-content: left;

}



ul.social li {

  list-style: none;

}



ul.social li a {

  font-size: 18px;

}



ul.social li a i {

  background-color: #fff;

  border-radius: 50%;

  padding-top: 8px;

  padding-left: 10px;

  padding-right: 10px;

  padding-bottom: 8px;

}



@media (min-width: 768px) {

  .col-sm-1,

  .col-sm-2,

  .col-sm-3,

  .col-sm-4,

  .col-sm-5,

  .col-sm-6,

  .col-sm-7,

  .col-sm-8,

  .col-sm-9,

  .col-sm-10,

  .col-sm-11,

  .col-sm-12 {

    float: left;

  }

  .col-sm-12 {

    width: 100%;

  }

  .col-sm-11 {

    width: 91.66666667%;

  }

  .col-sm-10 {

    width: 83.33333333%;

  }

  .col-sm-9 {

    width: 75%;

  }

  .col-sm-8 {

    width: 66.66666667%;

  }

  .col-sm-7 {

    width: 58.33333333%;

  }

  .col-sm-6 {

    width: 50%;

  }

  .col-sm-5 {

    width: 41.66666667%;

  }

  .col-sm-4 {

    width: 33.33333333%;

  }

  .col-sm-3 {

    width: 25%;

  }

  .col-sm-2 {

    width: 16.66666667%;

  }

  .col-sm-1 {

    width: 8.33333333%;

  }

  .col-sm-offset-12 {

    margin-left: 100%;

  }

  .col-sm-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-sm-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-sm-offset-9 {

    margin-left: 75%;

  }

  .col-sm-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-sm-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-sm-offset-6 {

    margin-left: 50%;

  }

  .col-sm-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-sm-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-sm-offset-3 {

    margin-left: 25%;

  }

  .col-sm-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-sm-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-sm-offset-0 {

    margin-left: 0%;

  }



  .mobile {

    display: none;

  }

  .desktop {

    display: block;

  }



  section.bloco-1 {

    margin-top: 13%;

  }

  section.bloco-1 h1 {

    max-width: 50%;

    display: block;

    padding-top: 5px;

    padding-bottom: 5px;

  }



  section.bloco-2 {

    padding-bottom: 0;

  }



  section.bloco-2 .row {

    display: flex;

    justify-content: center;

    align-items: center;

  }



  footer input {

    max-width: 300px;

    min-width: 300px;

  }

  footer form {

    margin-top: 0;

  }

  footer form input,

  footer form select,

  footer form textarea {

    max-width: 450px;

    min-width: 350px;

    resize: none;

  }

  footer form select option{

    color:#000;

  }

  footer .row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

  }

  section#mapa-site {

    padding-top: 110%;

  }

}





@media (max-width: 950px) {



  footer .row {

    flex-direction: column;

  }







  footer p.titleFooter {

    text-align: center;

    font-size: 3.57rem;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    line-height: 65px;

    margin-top: 0;

    margin-bottom: 0;

    max-width: 400px;

    margin-left: auto;

    margin-right: auto;

  }





  footer p.address {

    text-align: center;

  }

  

  footer p.address a {

    text-decoration: none;

  }



  footer .img-phone-address{

    display:none;

   }





   ul.social{

    justify-content: center;

  }





}





@media (min-width: 992px) {



  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12 {

    float: left;

  }

  .col-md-12 {

    width: 100%;

  }

  .col-md-11 {

    width: 91.66666667%;

  }

  .col-md-10 {

    width: 83.33333333%;

  }

  .col-md-9 {

    width: 75%;

  }

  .col-md-8 {

    width: 66.66666667%;

  }

  .col-md-7 {

    width: 58.33333333%;

  }

  .col-md-6 {

    width: 50%;

  }

  .col-md-5 {

    width: 41.66666667%;

  }

  .col-md-4 {

    width: 33.33333333%;

  }

  .col-md-3 {

    width: 25%;

  }

  .col-md-2 {

    width: 16.66666667%;

  }

  .col-md-1 {

    width: 8.33333333%;

  }

  .col-md-offset-12 {

    margin-left: 100%;

  }

  .col-md-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-md-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-md-offset-9 {

    margin-left: 75%;

  }

  .col-md-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-md-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-md-offset-6 {

    margin-left: 50%;

  }

  .col-md-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-md-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-md-offset-3 {

    margin-left: 25%;

  }

  .col-md-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-md-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-md-offset-0 {

    margin-left: 0%;

  }



  section.bloco-1 {

    margin-top: 380px;

  }



  section.bloco-1 {

    margin-top: 220px;

  }



  section.bloco-1 h1 {

    display: initial;

  }



  section.bloco-2 {

    margin-top: 50px;

    margin-bottom: 50px;

  }



  section.bloco-3 {

    margin-bottom: 50px;

  }



  ul.social {

    text-align: left;

    gap: 60px;

  }



  section#mapa-site {

    padding-top: 50px;

  }

}

@media (min-width: 1200px) {

  .col-lg-1,

  .col-lg-2,

  .col-lg-3,

  .col-lg-4,

  .col-lg-5,

  .col-lg-6,

  .col-lg-7,

  .col-lg-8,

  .col-lg-9,

  .col-lg-10,

  .col-lg-11,

  .col-lg-12 {

    float: left;

  }

  .col-lg-12 {

    width: 100%;

  }

  .col-lg-11 {

    width: 91.66666667%;

  }

  .col-lg-10 {

    width: 83.33333333%;

  }

  .col-lg-9 {

    width: 75%;

  }

  .col-lg-8 {

    width: 66.66666667%;

  }

  .col-lg-7 {

    width: 58.33333333%;

  }

  .col-lg-6 {

    width: 50%;

  }

  .col-lg-5 {

    width: 41.66666667%;

  }

  .col-lg-4 {

    width: 33.33333333%;

  }

  .col-lg-3 {

    width: 25%;

  }

  .col-lg-2 {

    width: 16.66666667%;

  }

  .col-lg-1 {

    width: 8.33333333%;

  }

  .col-lg-offset-12 {

    margin-left: 100%;

  }

  .col-lg-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-lg-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-lg-offset-9 {

    margin-left: 75%;

  }

  .col-lg-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-lg-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-lg-offset-6 {

    margin-left: 50%;

  }

  .col-lg-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-lg-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-lg-offset-3 {

    margin-left: 25%;

  }

  .col-lg-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-lg-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-lg-offset-0 {

    margin-left: 0%;

  }

  section.bloco-1 {

    margin-top: 220px;

  }

  section.bloco-2 .col-md-9 {

    padding-right: 150px;

    padding-left: 160px;

  }

}



.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.nav:before,

.nav:after,

.navbar:before,

.navbar:after,

.navbar-header:before,

.navbar-header:after,

.navbar-collapse:before,

.navbar-collapse:after {

  display: table;

  content: " ";

}



.container:after,

.container-fluid:after,

.nav:after,

.navbar:after,

.navbar-header:after,

.navbar-collapse:after {

  clear: both;

}

.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto;

}

.topicoseo{



}

.topicoseo li{

  list-style: disc;

}

.topicoseo li b{

  font-weight: 900;

}

.art-relacionado{

  padding-top: 30px;

}

.art-relacionado span {

    background-color: #ccc;

    padding: 5px;

    margin: 5px 0;

    border-radius: 7px;

    border: 1px solid #aaa;

    font-size: 15px;

    font-weight: 900;

}

.art-relacionado a{

      font-size: 15px;

}

ol#links-lp li {

    list-style: decimal;

}



#menu-whatsapp {

  position: fixed;

  right: 10px;

  bottom: 3%;

  z-index: 9;

  display: none;

}

#menu-whatsapp img {

  width: 6rem;

}





@media (max-width:992px){

  footer {

    padding:30px 15px;

   }

  .cont{

    padding-left:15px;

    padding-right:15px;

  }

}



@media (max-width: 600px) {

  #banner-titulo #banner-titulo-titulo--alt h1 {

    font-size: 4rem;

    font-weight: bold;

    padding-top: 100px;

}



.form--flex{

  flex-direction: column;

}

}





@media (max-width:992px){

 .agencia-de-seo .container--bloco-3 ul{

    list-style-position:inside;

    margin:0 40px;

  }

  .agencia-de-seo .container--bloco-3 ul li strong{

    font-weight: bold;

  }



  .agencia-de-seo .container--bloco-3 ul li{

    text-align: initial!important;

  }





}



@media (min-width: 993px) {



  .agencia-de-seo .container--bloco-3 ul{

    list-style-position:inside;

    margin:0 40px;

  }



  .agencia-de-seo .container--bloco-3 ul li{

    text-align: initial!important;

  }

  .agencia-de-seo .container--bloco-3 ul li strong{

    font-weight: bold;

  }

}







.img-phone-address{

  width: 16px;

  height: 16px;

  margin-right: 10px;

}