@charset "utf-8";

#main { min-height: 300px;}

#home .sld { padding: 0; }
#home .servicos { padding: 51px 0; background-color: rgb(220 227 219);}
#home .suporte { padding: 51px 0;}
#home .portfolio { padding: 51px 0; background-color: rgb(9 15 20);}
#home .blog { padding: 51px 0;}

#home .sld .espacamento { padding: 71px 0;}
#home .sld .item { display: flex; align-items: center;}
#home .sld .imagem { flex: 0.7;}
#home .sld .imagem img { max-width: 80%;}
#home .sld .descricao { flex: 1;}
#home .sld .descricao h2 { font-size: 1.2em;}
#home .sld .descricao h3 { font-size: 4em;}
#home .sld .descricao h4 { font-size: 1.3em;}
#home .sld .descricao span { margin: 11px 0 0;}
#home .sld .descricao span a { font-size: 1.1em;}
#home .sld .descricao span a:hover { transform: scale(1.1);}
#home .sld .carousel .owl-nav { display: block; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#home .sld .carousel .owl-nav button { position: absolute; width: 27px; height: 27px; top: 0; background-color: rgb(220 227 219); background-repeat: no-repeat; cursor: pointer; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#home .sld .carousel .owl-nav button.owl-prev { left: 10px; background-image: url('../../imagens/site/seta-1.png?v10'); background-position: 7px 50%;}
#home .sld .carousel .owl-nav button.owl-next { right: 10px; background-image: url('../../imagens/site/seta-2.png?v10'); background-position: 9px 50%;}

#home .servicos .oque h2 { font-size: 1.3em;}
#home .servicos .oque h3 { font-size: 1.8em; line-height: 1;}
#home .servicos .espacamento { margin: 31px 0;}
#home .servicos .item h2 { font-size: 1.3em;}
#home .servicos .item h3 { font-size: 1.1em;}
#home .servicos .item span.mais { float: right !important; background-image: url('../../imagens/site/mais.png?v1'); background-position: 50%; background-repeat: no-repeat;}
#home .servicos .item:hover { transform: scale(1.02);}
#home .servicos .item:hover span.mais { transform: rotate(360deg);}
#home .servicos .somos h2 { font-size: 1.2em;}
#home .servicos .chamada a { display: inline-flex; font-size: 1.1em;}
#home .servicos .chamada a:hover { transform: scale(1.1);}

#home .suporte .oque h2 { font-size: 2.5em;}
#home .suporte .oque h3 { font-size: 1.2em;}
#home .suporte .espacamento { margin: 41px 0 0;}
#home .suporte .imagem { width: 43%;}
#home .suporte .imagem img { max-width: 100%;}
#home .suporte .detalhes { width: 55%;}
#home .suporte .detalhes h2 { font-size: 1.1em;}
#home .suporte .detalhes span { font-size: 1.1em;}
#home .suporte .detalhes span:hover { background-color: rgb(220 227 219); transform: scale(1.05);}
#home .suporte .chamada a { display: inline-flex; font-size: 1.1em;}
#home .suporte .chamada a:hover { transform: scale(1.1);}

#home .portfolio .oque h2 { font-size: 3em;}
#home .portfolio .numeros { display: flex; width: 90%; margin: 0 5%; outline: 1px solid; outline-offset: -1px;}
#home .portfolio .numeros .tan { align-items: center;}
#home .portfolio .numeros .tan.t1 { border-right: 1px solid;}
#home .portfolio .numeros .nun { font-size: 3em;}
#home .portfolio .espacamento { margin: 31px 0 0;}
#home .portfolio .item { padding: 30px 10px; background-color: rgb(255 255 255);}
#home .portfolio .carousel .owl-nav { display: block; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#home .portfolio .carousel .owl-nav button { position: absolute; width: 24px; height: 24px; top: 0; background-color: rgb(220 227 219); background-repeat: no-repeat; cursor: pointer; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#home .portfolio .carousel .owl-nav button.owl-prev { left: -30px; background-image: url('../../imagens/site/seta-1.png?v9'); background-position: 7px 50%;}
#home .portfolio .carousel .owl-nav button.owl-next { right: -30px; background-image: url('../../imagens/site/seta-2.png?v9'); background-position: 9px 50%;}

#home .blog .oque h2 { font-size: 1.8em;}
#home .blog .oque h3 { font-size: 1.2em;}
#home .blog .item { width: 25%;}
#home .blog .item .descricao h2 { font-size: 1.2em;}
#home .blog .item .tab:hover { transform: scale(1.05);}
#home .blog .chamada a { display: inline-flex; outline: 1px solid; font-size: 1.1em;}
#home .blog .chamada a:hover { transform: scale(1.1);}

@media only screen and (max-width: 800px){
  #home .sld { padding: 0;}
  #home .servicos { padding: 31px 0;}
  #home .suporte { padding: 31px 0;}
  #home .portfolio { padding: 31px 0;}
  #home .blog { padding: 31px 0;}

  #home .sld .espacamento { padding: 31px 0;}
  #home .servicos .espacamento { margin: 11px 0;}
  #home .suporte .espacamento { margin: 21px 0 0;}
  #home .portfolio .espacamento { margin: 11px 0 0;}
}
@media only screen and (max-width: 900px){
  #home .sld .descricao h2 { font-size: 1.1em;}
  #home .sld .descricao h3 { font-size: 2.5em;}
  #home .sld .descricao h4 { font-size: 1.2em;}
}
@media only screen and (max-width: 800px){
  #home .blog .item { width: 50%;}
}
@media only screen and (max-width: 600px){
  #home .sld .item { flex-direction: column;}
  #home .sld .imagem img { max-width: 50%;}
  #home .sld .descricao { margin: 21px 0 0; text-align: center;}
  #home .sld .descricao span { display: flex; justify-content: center;}
}
@media only screen and (max-width: 500px){
  #home .sld .descricao h2 { font-size: 1em;}
  #home .sld .descricao h3 { font-size: 2em; line-height: 1;}
  #home .sld .descricao h4 { font-size: 1.1em; margin: 11px 0 0;}

  #home .suporte .imagem { width: 100%;}
  #home .suporte .imagem img { max-width: 50%;}
  #home .suporte .detalhes { width: 100%; margin: 21px 0 0;}

  #home .portfolio .numeros { display: block;}
  #home .portfolio .numeros .tan.t1 { border-right: 0; border-bottom: 1px solid;}
  #home .portfolio .carousel .owl-nav { display: flex; justify-content: center; top: auto; bottom: -12px; left: 0; margin: 0;}
  #home .portfolio .carousel .owl-nav button { position: relative; margin: 0 2px;}
  #home .portfolio .carousel .owl-nav button.owl-prev { left: auto;}
  #home .portfolio .carousel .owl-nav button.owl-next { right: auto;}
  
  #home .blog .item { width: 100%;}
}