@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
html, body{
margin:0;
padding:0;
font-family: "Plus Jakarta Sans", sans-serif;
background:#FFF;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
font-family: "Plus Jakarta Sans", sans-serif;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
body.over{
overflow: hidden;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
font-family: "Plus Jakarta Sans", sans-serif;
}
a, span, p, h1, h2, h3, h4, h5, h6, small{
font-family: "Plus Jakarta Sans", sans-serif;
}
a{
text-decoration:none;
font-family: "Plus Jakarta Sans", sans-serif;
}
main{
overflow: hidden;
}
.container{
max-width: 1200px;
width:100%;
}
section#topo{
display: flex;
align-items: center;
min-height: 100vh;
padding:50px 0;
background-color:#000;
background-image:url('../images/bg_topo.webp');
background-position: center center;
background-size: cover;
}
.content-topo h1{
text-align: center;
font: italic normal normal 65px/84px Baskerville Poster PT;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 660px;
margin: 0 auto 10px;
}
.content-topo h2{
text-align: center;
font: normal normal normal 30px/45px Plus Jakarta Sans;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 660px;
margin:0 auto 80px;
}
.content-topo .logo{
max-width: 350px;
margin:0 auto 180px;
}
a.btn-acao{
background: #164E5B 0% 0% no-repeat padding-box;
border-radius: 42px;
transition: all .2s linear;
height: 54px;
align-items: center;
text-align: center;
font: normal normal normal 20px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F8F8F8;
padding-bottom: 3px;
width: 370px;
margin: 0 auto 160px;
}
a.btn-acao:hover{
background: #103c46 0% 0% no-repeat padding-box;
}
section#historia{
background-color:#F6F8F9;
position: relative;
padding:80px 0 100px;
}
.box-historia{
background-color: #FFF;
border-radius: 50px;
padding: 70px 90px 0;
}
.box-historia h2{
text-align: center;
font: normal normal 800 35px/35px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
}
.box-historia h3{
text-align: center;
font: normal normal normal 35px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
margin: 0 auto 40px;
}
.box-historia p{
text-align: left;
font: normal normal normal 25px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
margin: 0 0 40px;
}
a.btn-conheca{
background: #164E5B 0% 0% no-repeat padding-box;
border-radius: 42px;
transition: all .2s linear;
height: 54px;
align-items: center;
text-align: center;
font: normal normal normal 20px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F8F8F8;
padding-bottom: 3px;
width: 300px;
margin: 0 auto;
position: relative;
bottom: -27px;
}
a.btn-conheca:hover{
background: #103c46 0% 0% no-repeat padding-box;
}
section#galeria{
background-color:#F6F8F9;
position: relative;
padding:50px 0 0;
}
section#galeria h2{
text-align: center;
font: normal normal bold 30px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
}
section#galeria h3{
text-align: center;
font: normal normal normal 30px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
margin:0 auto 50px;
}
section#galeria .galeria .image{
width:33.3333%;
}
section#galeria .galeria .image img{
width:100%;
height:100%;
object-fit: cover;
}
section#pecas{
background-color:#F6F8F9;
position: relative;
padding:90px 0;
}
.text-pecas h2{
text-align: left;
font: normal normal bold 50px/65px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
max-width: 417px;
margin: 0 0 30px;
}
.text-pecas p{
text-align: left;
font: normal normal normal 25px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
max-width: 490px;
margin: 0 0 40px;
}
.text-pecas a.btn-acao{
justify-content: center;
margin: 0 0;
}
.items-pecas .item{
width: 258px;
background: #EEEEEE 0% 0% no-repeat padding-box;
border-radius: 20px;
height: 73px;
text-align: center;
font: normal normal normal 25px/45px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 5px;
margin:49px 0;
}
.items-pecas{
min-width: 560px;
}
section#depoimentos{
background-color: #164E5B;
padding:80px 0;
position: relative;
}
section#depoimentos h2{
text-align: center;
font: italic normal normal 45px/45px Baskerville Poster PT;
letter-spacing: 0px;
color: #F6F8F9;
margin:0 auto 50px;
}
.depoimentos{
margin:0 -5px 40px;
}
.depoimentos .depoimento{
width:25%;
padding:10px 5px;
}
.depoimentos .depoimento .content-depoimento{
border: 1px solid #707070;
border-radius: 40px;
color:#fff;
padding: 35px 20px;
height: 100%;
}
.depoimentos .depoimento .content-depoimento .stars{
font-size: 13px;
letter-spacing: 2px;
margin: 0 0 15px;
}
.depoimentos .depoimento .content-depoimento p{
text-align: left;
font: normal normal normal 18px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F6F8F9;
}
.depoimentos .depoimento .content-depoimento h3{
text-align: left;
font: normal normal bold 18px/26px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F6F8F9;
margin: 0;
}
.depoimentos .depoimento:last-child .content-depoimento p {
text-align: left;
font: normal normal normal 16px/28px Plus Jakarta Sans;
}
a.btn-equipe{
background:#FFFFFF 0% 0% no-repeat padding-box;
border-radius:42px;
transition:all .2s linear;
height: 54px;
align-items: center;
text-align: center;
font:normal normal normal 20px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
padding-bottom: 3px;
width: 370px;
margin:0 auto;
}
a.btn-equipe:hover{
background:#F4F4F4 0% 0% no-repeat padding-box;
}
#contato{
background-color: #F6F8F9;
padding:80px 0;
}
.form{
border:1px solid #707070;
border-radius:20px;
padding:50px;
max-width: 860px;
margin:0 auto;
}
.form h2{
font:normal normal 800 25px/35px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
text-align: center;
margin:0 auto 20px;
}
.form h3{
text-align: center;
font:normal normal normal 22px/32px Plus Jakarta Sans;
letter-spacing: 0px;
color: #000000;
max-width: 660px;
margin:0 auto 40px;
}
.input-form{
margin:0 0 20px;
}
.input-form input{
background:#FFFFFF 0% 0% no-repeat padding-box;
border:1px solid #707070;
border-radius:15px;
width: 100%;
height: 56px;
padding:5px 15px;
font-size: 18px;
}
.input-form textarea{
background:#FFFFFF 0% 0% no-repeat padding-box;
border:1px solid #707070;
border-radius:15px;
width: 100%;
height: 150px;
padding:10px 15px;
font-size: 18px;
outline:none;
resize: none;
}
button.btn-enviar{
background:#164E5B 0% 0% no-repeat padding-box;
border-radius:42px;
height: 56px;
width: 330px;
color: #fff;
font-size: 18px;
margin:30px auto 0;
transition: all .2s linear;
}
button.btn-enviar:hover{
background:#113d47 0% 0% no-repeat padding-box;
}
footer{
background-color: #164E5B;
}
.content-footer{
padding: 60px 0;
}
.content-footer span{
display: flex;
justify-content: center;
align-items: center;
font: normal normal normal 20px/40px Plus Jakarta Sans;
letter-spacing: 0px;
color: #FFFFFF;
}
.content-footer span a{
display: flex;
align-items: center;
margin:0 15px;
color: #FFFFFF;
}
.content-footer span a i{
font-size: 22px;
margin-right: 10px;
margin-bottom: -2px;
}
footer .copyright{
border-top:1px solid #fff;
padding:18px;
color: #fff;
font-size: 16px;
}
section#topo.pp .content-topo h1{
font:italic normal normal 55px/70px Baskerville Poster PT;
max-width: 740px;
}
section#topo.pp .content-topo h2 {
text-align: center;
font:normal normal normal 26px/39px Plus Jakarta Sans;
max-width: 660px;
margin:0 auto 50px;
}
section#topo.pp .content-topo .logo {
max-width: 350px;
margin:0 auto 70px;
}
section#topo.pp a.btn-acao{
margin:0 auto 50px;
}
#loading-form{
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: fixed;
z-index: 99;
left: 0;
top: 0;
background-color: rgba(255, 255, 255, 0.5);
}


@media(max-width:1600px){
.content-topo .logo {
max-width: 350px;
margin:0 auto 60px;
}
.content-topo .btn-acao{
margin:0 auto 70px;
}

}

@media(max-width:992px){
.content-topo .logo {
max-width: 270px;
margin:0 auto 40px;
}
.content-topo h1 {
text-align: center;
font:italic normal normal 40px/46px Baskerville Poster PT;
max-width: 360px;
margin:0 auto 20px;
}
.content-topo h2 {
text-align: center;
font:normal normal normal 24px/34px Plus Jakarta Sans;
max-width: 350px;
margin:0 auto 60px;
}
.content-topo .btn-acao {
margin:0 auto 50px;
font:normal normal normal 18px/30px Plus Jakarta Sans;
height: 50px;
width: 340px;
}
section#historia {
position: relative;
padding:50px 0 70px;
}
.box-historia {
background-color: #FFF;
border-radius:20px;
padding:40px 20px 0;
}
.box-historia h2 {
text-align: center;
font:normal normal 800 24px/30px Plus Jakarta Sans;
}
.box-historia h3 {
text-align: center;
font:normal normal normal 24px/31px Plus Jakarta Sans;
color: #000000;
margin:0 auto 20px;
}
.box-historia p {
text-align: center;
font:normal normal normal 18px/30px Plus Jakarta Sans;
margin:0 0 15px;
}
a.btn-conheca {
height: 50px;
font:normal normal normal 18px/26px Plus Jakarta Sans;
width: 240px;
margin:0 auto;
bottom: -25px;
}
section#galeria h2 {
text-align: center;
font:normal normal bold 24px/34px Plus Jakarta Sans;
max-width: 360px;
margin:0 auto 15px;
}
section#galeria h3 {
text-align: center;
font:normal normal normal 22px/29px Plus Jakarta Sans;
margin:0 auto 40px;
max-width: 270px;
}
section#galeria .galeria .image {
width: 100%;
}
section#pecas {
padding:60px 0;
}
.content-pecas .text-pecas{
width:100%;
margin:0 0 30px;
}
.text-pecas h2 {
text-align: center;
font:normal normal bold 30px/43px Plus Jakarta Sans;
max-width: 260px;
margin:0 auto 20px;
}
.text-pecas p {
text-align: center;
font:normal normal normal 20px/30px Plus Jakarta Sans;
max-width: 340px;
margin:0 auto 40px;
}
.text-pecas a.btn-acao {
justify-content: center;
margin:0 auto;
height: 50px;
width: 320px;
font:normal normal normal 18px/30px Plus Jakarta Sans;
}
.items-pecas {
min-width: auto;
width: 100%;
max-width: 360px;
margin:0 auto;
}
.items-pecas .item {
width: 170px;
border-radius:15px;
height: 54px;
font:normal normal normal 18px/30px Plus Jakarta Sans;
margin:24px auto;
}
section#depoimentos {
padding:50px 0;
position: relative;
}
section#depoimentos h2 {
text-align: center;
font:italic normal normal 32px/40px Baskerville Poster PT;
margin:0 auto 30px;
}
.depoimentos .depoimento {
width: 100%;
padding:10px 5px;
max-width: 360px;
margin:0 auto;
}
.depoimentos .depoimento .content-depoimento {
border:1px solid #707070;
border-radius:20px;
color: #fff;
padding:28px 20px;
height: 100%;
}
.depoimentos .depoimento .content-depoimento p {
text-align: left;
font:normal normal normal 16px/28px Plus Jakarta Sans;
}
.depoimentos .depoimento .content-depoimento h3 {
text-align: left;
font:normal normal bold 16px/24px Plus Jakarta Sans;
}
a.btn-equipe {
border-radius:42px;
height: 50px;
font:normal normal normal 18px/30px Plus Jakarta Sans;
width: 310px;
margin:0 auto;
}
#contato {
padding:50px 0;
}
.form {
border-radius:20px;
padding:30px 20px;
margin:0 auto;
}
.form h2 {
font:normal normal 800 20px/25px Plus Jakarta Sans;
}
.form h3 {
text-align: center;
font:normal normal normal 16px/24px Plus Jakarta Sans;
}
.input-form input {
border-radius:10px;
width: 100%;
height: 50px;
padding:5px 15px;
font-size: 15px;
}
.input-form textarea {
border-radius:10px;
width: 100%;
height: 120px;
padding:10px 15px;
font-size: 15px;
}
button.btn-enviar {
height: 50px;
width: 300px;
color: #fff;
font-size: 16px;
margin:30px auto 0;
transition:all .2s linear;
}
.content-footer span {
font:normal normal normal 15px/40px Plus Jakarta Sans;
}
.content-footer span a i {
font-size: 18px;
margin-right: 6px;
margin-bottom: -2px;
}
.content-footer {
padding:30px 0;
}
footer .copyright {
padding:16px 0;
font-size: 13px;
text-align: center;
}
section#topo.pp .content-topo .logo {
max-width: 260px;
margin:0 auto 40px;
}
section#topo.pp .content-topo h1 {
font:italic normal normal 40px/45px Baskerville Poster PT;
max-width: 340px;
}
section#topo.pp .content-topo h2 {
text-align: center;
font:normal normal normal 18px/28px Plus Jakarta Sans;
max-width: 360px;
margin:0 auto 40px;
}





}