html, body{
margin:0;
padding:0;
font-family: 'Inter', sans-serif;
background:#fff;
color:#000;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
font-family: 'Inter', sans-serif;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
font-family: 'Inter', sans-serif;
}
a, span, p, h1, h2, h3, h4, h5, h6, small{
font-family: 'Inter', sans-serif;
}
a{
text-decoration:none;
font-family: 'Inter', sans-serif;
}
.container{
width:1140px;
max-width: 100%;
}
main{
overflow: hidden;
width:100%;
}
.js .anime {
opacity: 0;
transform: translate3D(0px, 80px, 0px);
}
.js .anime-init {
opacity: 1;
transform: translate3D(0px, 0px, 0px);
transition:1.5s all ease;
}
#topo{
min-height: 100vh;
background:url(../../imagens/banner_desk.jpg);
background-size: cover;
background-position: center bottom;
padding: 50px 0;
}
#topo .content-topo .mini-logo{
max-width: 160px;
margin-bottom: 230px;
}
#topo .content-topo .text-decor .logo{
max-width: 490px;
margin-bottom: 30px;
}
#topo .content-topo .text-decor h3{
text-align: left;
font: normal normal 300 28px/40px Inter;
letter-spacing: 0px;
color: #FFFFFF;
padding: 0 5px;
margin-bottom: 30px;
text-transform: uppercase;
}
#topo .content-topo .text-decor p{
text-align: left;
font: normal normal 200 26px/38px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 688px;
margin: 0 0 45px;
padding: 0 5px;
}
#topo .content-topo .text-decor p strong{
font-weight: 500;
}
.btn-contato{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #FFFFFF;
text-align: center;
font: normal normal 500 18px/30px Roboto;
letter-spacing: 3px;
color: #000000;
text-transform: uppercase;
height:50px;
width:500px;
transition: all 0.5s ease-in-out;
}
.btn-contato:hover{
background:#000;
color:#fff;
}
.btn-contato.btn-black{
border-color:#000;
background:#000;
color:#fff;
}
.btn-contato.btn-black:hover{
background:#fff;
color:#000;
}
#sobre .btn-contato{
margin:0 auto;
}
#sobre{
padding:100px 0;
background:#F9F9F9;
}
#sobre .text-sobre{
margin-bottom: 50px;
}
.text-sobre h2{
text-align: left;
font: normal normal normal 38px/38px Inter;
letter-spacing: 0px;
color: #000000;
margin-bottom: 35px;
}
.text-sobre p{
text-align: left;
font: normal normal 300 22px/36px Inter;
letter-spacing: 0px;
color: #000000;
max-width: 1080px;
}
#sobre h5{
font: normal normal 600 24px/32px Inter;
letter-spacing: 0px;
color: #000000;
max-width: 810px;
margin: 25px auto 55px;
}
.galeria .foto{
width:100%;
height:85vh;
overflow: hidden;
}
.galeria .foto .content-foto{
width:100%;
height:100%;
}
.galeria .foto .content-foto a{
display: flex;
align-items: center;
justify-content: center;
width:100%;
height: 100%;
}
.galeria .foto .content-foto a img{
width:100%;
height:100%;
object-fit: cover;
}
.slick-next{
position: absolute;
top:50%;
transform: translatey(-50%) scale(1);
right:30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 11H8V13H12V16L16 12L12 8V11Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
background-size:100%;
background-position: center;
background-repeat: no-repeat;
width:50px;
height:50px;
border-radius: 50%;
font-size: 0;
background-color:transparent;
transition: all 0.5s ease-in-out;
box-shadow: 0 0 0px rgb(255,255,255,.5);
z-index: 5;
}
.slick-next:hover{
transform:translatey(-50%) scale(1.05);
box-shadow: 0 0 10px rgb(255,255,255,.5);
}
.slick-prev{
position: absolute;
top:50%;
transform: translatey(-50%) scale(1);
left:30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2ZM12 11V8L8 12L12 16V13H16V11H12Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
background-size:100%;
background-position: center;
background-repeat: no-repeat;
width:50px;
height:50px;
border-radius: 50%;
font-size: 0;
background-color:transparent;
transition: all 0.5s ease-in-out;
box-shadow: 0 0 0px rgb(255,255,255,.5);
z-index: 5;
}
.slick-prev:hover{
transform:translatey(-50%) scale(1.05);
box-shadow: 0 0 10px rgb(255,255,255,.5);
}
#consultores{
padding:0 0 60px;
background:#0C0C0C;
}
.btn-blush{
border: 1px solid #FFFFFF;
opacity: 1;
background-color: rgba(250, 250, 250, 0.3);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
height: 48px;
width: 500px;
text-align: center;
font: normal normal 300 14px/22px Roboto;
letter-spacing: 2px;
color: #FFFFFF;
text-transform: uppercase;
margin: -24px auto 70px;
transform: scale(1);
transition: all 0.5s ease-in-out;
box-shadow: 0 0 0 rgb(255,255,255,.03);
}
.btn-blush:hover{
transform: scale(1.03);
box-shadow: 0 0 25px rgb(255,255,255,.03);
}
.text-consultores h2{
text-align: left;
font: normal normal normal 34px/48px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 600px;
margin-bottom: 30px;
}
.text-consultores p{
text-align: left;
font: normal normal 300 20px/34px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-consultores p strong{
font-weight: 500;
}
#showroom{
background-color: #F9F9F9;
padding:80px 0;
}
#showroom .text-showroom{
max-width: 547px;
}
#showroom .text-showroom h3{
text-align: left;
font: normal normal normal 34px/44px Inter;
letter-spacing: 0px;
color: #000000;
margin-bottom: 30px;
max-width: 470px;
}
#showroom .text-showroom p{
color: #000000;
text-align: left;
font: normal normal 300 18px/28px Inter;
letter-spacing: 0px;
max-width: 490px;
margin-bottom: 0;
}
#showroom .imagem-showroom{
max-width: 500px;
}
.galeriatwo .foto:nth-child(2) .content-foto a img, .galeriatwo .foto:nth-child(3) .content-foto a img{
object-position:center top;
}
#solucoes{
padding:80px 0;
background:#0C0C0C;
}
#solucoes .text-solucoes h2{
text-align: left;
font: normal normal normal 34px/48px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 680px;
margin-bottom: 35px;
}
#solucoes .text-solucoes p{
text-align: left;
font: normal normal 300 20px/34px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 1000px;
}
#solucoes .text-solucoes p strong{
font-weight: 500;
}
#solucoes .text-solucoes h5{
font: normal normal 500 24px/32px Inter;
letter-spacing: 0px;
color: #ffffff;
max-width: 810px;
margin: 55px auto 55px;
text-align: center;
}
#solucoes .text-solucoes .btn-contato{
margin:0 auto;
}
#localizacao{
background-color: #0C0C0C;
background-image: url(../../imagens/bg_meio.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding:70px 0;
}
.text-localizacao h2{
text-align: center;
font: normal normal normal 46px/65px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-localizacao h3{
text-align: center;
font: normal normal 300 30px/50px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-localizacao h4{
text-align: center;
font: normal normal 500 24px/40px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-localizacao p{
text-align: center;
font: normal normal 300 19px/19px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-localizacao p:last-child{
margin-bottom: 0;
}
#quem-somos{
padding:80px 0;
background:#0C0C0C;
}
#quem-somos h2{
text-align: center;
font: normal normal normal 36px/36px Inter;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 70px;
}
#quem-somos .row{
border-bottom: 1px solid rgb(255,255,255,.4);
padding-bottom: 30px;
margin-bottom: 30px;
align-items: center;
}
#quem-somos .text-nos h2{
text-align: left;
font: normal normal normal 26px/38px Inter;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 25px;
}
#quem-somos .text-nos p{
text-align: left;
font: normal normal 200 24px/36px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
#quem-somos .text-nos{
padding-left: 30px;
}
.rodape{
padding:50px 0;
background:#0C0C0C;
}
.content-footer .area-rodape{
max-width: 30%;
}
.content-footer .area-rodape h3{
text-align: left;
font: normal normal 300 25px/30px Roboto;
letter-spacing: 0px;
color: #DDDDDD;
margin-bottom: 20px;
}
.content-footer .area-rodape p{
text-align: left;
font: normal normal 300 16px/28px Roboto;
letter-spacing: 0px;
color: #DDDDDD;
}
.content-footer .area-rodape p strong{
font-weight: 500;
}
.content-footer .area-rodape p small{
font-size: 14px;
}
.content-footer .area-rodape a{
color:#DDDDDD;
display: block;
font: normal normal 300 16px/28px Roboto;
}
.content-footer .area-rodape a:hover {
color:#fff;
}
.content-footer .area-rodape.area-sobre p{
max-width: 290px;
}
.rodape .copyright{
text-align: left;
font: normal normal 300 15px/26px Roboto;
letter-spacing: 0px;
color: #DDDDDD;
}
.bt-whats{
position: fixed;
right:25px;
bottom:25px;
width:60px;
height: 60px;
border-radius: 50%;
font-size: 30px;
background:#1bdd0b;
color:#fff;
transition: all 0.5s ease-in-out;
transform: scale(1);
box-shadow: 0 0 0px rgb(255,255,255,.4);
}
.bt-whats:hover{
transform: scale(1.04);
box-shadow: 0 0 15px rgb(255,255,255,.4);
}
.logos img{
margin: auto;
}

@media(max-width:1600px){
#topo .content-topo .mini-logo{
margin-bottom: 80px;
}

}

@media(max-width:992px){
#topo{
background:url(../../imagens/banner_mobile.jpg);
background-size: cover;
background-position: center bottom;
}
#topo .content-topo .mini-logo{
max-width: 130px;
margin: 0 auto 130px;
}
#topo .content-topo .text-decor .logo {
max-width: 290px;
margin: 0 auto 30px;
}
#topo .content-topo .text-decor h3 {
text-align: center;
font: normal normal 300 18px/30px Inter;
padding: 0;
margin: 0 auto 30px;
max-width: 320px;
}
#topo .content-topo .text-decor p {
text-align: center;
font: normal normal 200 18px/26px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 350px;
margin: 0 auto 45px;
padding: 0;
}
.btn-contato {
text-align: center;
font: normal normal 500 15px/26px Roboto;
letter-spacing: 1px;
height: 42px;
width: 100%;
max-width: 360px;
margin: 0 auto;
}
#sobre {
padding: 60px 0;
background: #F9F9F9;
}
#sobre .text-sobre {
max-width: 350px;
margin: 0 auto 35px;
}
.text-sobre h2 {
text-align: left;
font: normal normal normal 26px/30px Inter;
letter-spacing: 0px;
color: #000000;
margin-bottom: 20px;
}
.text-sobre p {
text-align: left;
font: normal normal 300 16px/26px Inter;
}
#sobre .logo{
max-width: 350px;
}
#sobre h5 {
font: normal normal 600 15px/23px Inter;
letter-spacing: 0px;
color: #000000;
max-width: 350px;
margin: 22px auto 35px;
}
.galeria .foto {
height: 300px;
}
.slick-next{
width:34px;
height:34px;
right:10px;
}
.slick-prev{
width:34px;
height:34px;
left:10px;
}
.btn-blush {
height: 42px;
width: 100%;
font: normal normal 300 14px/22px Roboto;
letter-spacing: 0;
margin: -24px auto 40px;
max-width: 350px;
}
.text-consultores{
max-width: 350px;
margin: 0 auto;
}
.text-consultores h2 {
text-align: left;
font: normal normal normal 21px/36px Inter;
max-width: 100%;
margin-bottom: 20px;
}
.text-consultores p {
text-align: left;
font: normal normal 300 16px/28px Inter;
}
#showroom {
background-color: #F9F9F9;
padding: 60px 0;
}
#showroom .text-showroom {
max-width: 350px;
margin: 0 auto 40px;
}
#showroom .text-showroom h3 {
text-align: center;
font: normal normal normal 23px/34px Inter;
letter-spacing: 0px;
color: #000000;
margin-bottom: 35px;
max-width: 470px;
}
#showroom .text-showroom p {
color: #000000;
text-align: left;
font: normal normal 300 16px/26px Inter;
}
#showroom .imagem-showroom {
max-width: 330px;
margin: 0 auto;
}
#solucoes, #quem-somos{
padding: 60px 0;
}
#solucoes .text-solucoes{
max-width: 350px;
margin:0 auto 0;
}
#solucoes .text-solucoes h2 {
text-align: left;
font: normal normal normal 22px/35px Inter;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 340px;
margin-bottom: 30px;
}
#solucoes .text-solucoes p {
text-align: left;
font: normal normal 300 16px/29px Inter;
}
#solucoes .text-solucoes h5 {
font: normal normal 500 15px/26px Inter;
letter-spacing: 0px;
color: #ffffff;
max-width: 810px;
margin: 35px auto 35px;
text-align: center;
}
.text-localizacao h2 {
text-align: center;
font: normal normal normal 21px/32px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.text-localizacao h3 {
text-align: center;
font: normal normal 300 18px/28px Inter;
}
.text-localizacao h4 {
text-align: center;
font: normal normal 500 17px/32px Inter;
}
.text-localizacao p {
text-align: center;
font: normal normal 300 15px/16px Inter;
}
#localizacao{
background:url(../../imagens/bg_meio_mobile.jpg);
background-size:cover;
background-position: center;
background-repeat: no-repeat;
padding:45px 0;
}
#quem-somos h2 {
text-align: center;
font: normal normal normal 24px/32px Inter;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 50px;
}
.image-nos{
width: calc(100% + 24px);
margin-left: -12px;
margin-bottom: 30px;
}
.image-nos img{
width:100%;
}
#quem-somos .text-nos {
padding-left: 0;
max-width: 340px;
margin: 0 auto;
}
#quem-somos .text-nos p {
text-align: center;
font: normal normal 200 16px/28px Inter;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0;
}
#quem-somos .text-nos h2 {
text-align: center;
font: normal normal normal 20px/28px Inter;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 15px;
}
#quem-somos .row{
margin-bottom: 40px;
}
.rodape{
padding:0 0 20px
}
.content-footer .area-rodape {
max-width: 100%;
margin: 0 auto 10px;
width: 340px;
}
.content-footer .area-rodape h3 {
text-align: left;
font: normal normal 300 20px/22px Roboto;
}
.content-footer .area-rodape p {
text-align: left;
font: normal normal 300 15px/25px Roboto;
}
.rodape .copyright {
text-align: center;
font: normal normal 300 13px/26px Roboto;
letter-spacing: 0px;
color: #DDDDDD;
padding-top: 20px;
}
.bt-whats {
width: 48px;
height: 48px;
font-size: 24px;
right:15px;
bottom:15px;
}
.content-footer .area-rodape a {
color: #DDDDDD;
display: block;
font: normal normal 300 15px/26px Roboto;
}




}