html, body{
background:#FFF;
margin:0;
padding:0;
color:#000;
font-family: "Plus Jakarta Sans", sans-serif;
font-weight: 400;
}
body{
overflow: auto;
overflow-x: hidden;
}
*, ::after, ::before {
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
a{
text-decoration:none;
}
.container{
width:1220px;
max-width: 100%;
}
#topo{
min-height: 100vh;
padding:50px 0 100px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(../imagens/bg_topo.jpg);
background-size:cover;
background-position: center;
}
.content-topo .logo{
max-width: 430px;
margin: 0 auto 55px;
}
.content-topo .items-topo .texto-topo h2{
text-align: left;
font: normal normal 800 38px/50px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F1C51C;
max-width: 500px;
margin: 0 0 15px;
}
.content-topo .items-topo .texto-topo h3{
text-align: left;
font: normal normal normal 24px/36px Plus Jakarta Sans;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 340px;
}
.content-topo .items-topo .form-topo p{
text-align: center;
font: normal normal normal 20px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 440px;
}
.ofertas .oferta .content-oferta{
width:100%;
text-align:center;
display: flex;
align-items: center;
justify-content: center;
}
.slick-slide img {
transition: transform 0.3s;
transform-origin: center;
transform: scale(0.8);
}
.slick-current + .slick-slide + .slick-slide img {
transform: scale(1);
}
.slick-list{
padding:0 120px !important;
}
#ofertas{
padding:60px 0;
background:#F2F2F2;
}
#ofertas h3{
text-align: center;
font: normal normal normal 26px/36px Plus Jakarta Sans;
letter-spacing: 0px;
color: #162037;
max-width: 890px;
margin: 0 auto 30px;
}
#ofertas h2{
text-align: center;
font: normal normal normal 26px/36px Plus Jakarta Sans;
letter-spacing: 0px;
color: #162037;
margin: 0 auto 50px;
text-transform: uppercase;
}
.slick-next{
position: absolute;
right: calc(40% + 5px);
border-radius: 50%;
font-size: 0;
width: 44px;
height: 44px;
background-color: #EE6F1D;
top: 50%;
transform: translatey(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 92%;
background-position: center right 1px;
background-repeat: no-repeat;
transition: all 0.2s linear;
z-index: 5;
}
.slick-prev{
position: absolute;
left: calc(40% + 5px);
border-radius: 50%;
font-size: 0;
width: 44px;
height: 44px;
background-color: #EE6F1D;
top: 50%;
transform: translatey(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 92%;
background-position: center left 1px;
background-repeat: no-repeat;
transition: all 0.2s linear;
z-index: 5;
}
.slick-next:hover, .slick-prev:hover{
background-color:#162037;
}
#ofertas .ofertas{
margin-bottom: 60px;
}
#ofertas h2.after-button{
text-align: center;
font: normal normal normal 24px/34px Plus Jakarta Sans;
letter-spacing: 0px;
color: #162037;
text-transform: none;
max-width: 500px;
margin: 0 auto 40px;
}
a.btn-saldao{
background: transparent linear-gradient(90deg, #1CF131 0%, #AAF14E 100%) 0% 0% no-repeat padding-box;
border-radius: 34px;
font: normal normal bold 18px/30px Plus Jakarta Sans !important;
color: #162037;
text-transform: uppercase;
height: 52px;
max-width: 410px;
transition: all 0.2s linear;
}
a.btn-saldao:hover{
background: transparent linear-gradient(-90deg, #1CF131 0%, #AAF14E 100%) 0% 0% no-repeat padding-box;
}
a.btn-saldao i{
font-size:30px;
margin-right:15px;
}
#beneficios{
padding:80px 0 60px;
background:#011736;
color:#fff;
}
#beneficios .beneficio{
width:32%;
margin-bottom: 30px;
}
#beneficios .beneficio .icone{
width:98px;
margin:0 auto -49px;
position: relative;
z-index: 2;
}
#beneficios .beneficio .content-beneficio{
background-color: #031D41;
padding:69px 30px 10px;
min-height: 197px;
}
#beneficios .beneficio .content-beneficio p{
text-align: center;
font: normal normal normal 24px/34px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F2F2F2;
}
#beneficios .beneficios{
margin-bottom: 50px;
}
.area-button h3{
text-align: center;
font: normal normal normal 24px/34px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F2F2F2;
margin: 0 auto 40px;
max-width: 650px;
}
#sobre{
padding:70px 0;
}
.texto-sobre h2{
text-align: left;
font: normal normal 800 50px/60px Plus Jakarta Sans;
letter-spacing: 0px;
color: #EE6E1D;
text-transform: uppercase;
margin-bottom: 20px;
}
.texto-sobre p{
text-align: left;
font: normal normal normal 26px/42px Plus Jakarta Sans;
letter-spacing: 0px;
color: #444444;
}
.texto-sobre{
padding-left: 40px;
}
#amoforms_iframe_1302404{
position: relative !important;
opacity: 1 !important;
height:280px !important;
}

@media(max-width:1600px){
.slick-list {
padding: 0 60px !important;
}
.slick-next {
right: calc(39% + 5px);
}
.slick-prev {
left: calc(39% + 5px);
}

}

@media(max-width:1400px){
.content-topo .logo {
max-width: 330px;
margin: 0 auto 45px;
}
.container {
width: 1140px;
max-width: 100%;
}
.content-topo .items-topo .texto-topo h2 {
text-align: left;
font: normal normal 800 34px/44px Plus Jakarta Sans;
max-width: 430px;
}
.content-topo .items-topo .texto-topo h3 {
text-align: left;
font: normal normal normal 20px/28px Plus Jakarta Sans;
max-width: 280px;
}
#ofertas h3 {
text-align: center;
font: normal normal normal 22px/30px Plus Jakarta Sans;
max-width: 760px;
}
#ofertas h2 {
text-align: center;
font: normal normal normal 22px/30px Plus Jakarta Sans;
}
.slick-next, .slick-prev {
width: 38px;
height: 38px;
background-size: 89%;
}
#ofertas h2.after-button {
text-align: center;
font: normal normal normal 20px/28px Plus Jakarta Sans;
max-width: 410px;
}
a.btn-saldao {
font: normal normal bold 16px/30px Plus Jakarta Sans !important;
height: 48px;
max-width: 360px;
}
a.btn-saldao i {
font-size: 26px;
margin-right: 15px;
}
#beneficios .beneficio .icone {
width: 80px;
margin: 0px auto -40px;
position: relative;
z-index: 2;
}
#beneficios .beneficio .content-beneficio p {
text-align: center;
font: normal normal normal 20px/30px Plus Jakarta Sans;
letter-spacing: 0px;
color: #F2F2F2;
}
#beneficios .beneficio .content-beneficio {
background-color: #031D41;
padding: 60px 40px 10px;
min-height: 175px;
}
.area-button h3 {
text-align: center;
font: normal normal normal 20px/28px Plus Jakarta Sans;
margin: 0 auto 40px;
max-width: 535px;
}
.texto-sobre h2 {
text-align: left;
font: normal normal 800 46px/52px Plus Jakarta Sans;
}
.texto-sobre p {
text-align: left;
font: normal normal normal 22px/37px Plus Jakarta Sans;
}
.img-sobre{
padding:30px;
}
.content-topo .items-topo .form-topo p {
text-align: center;
font: normal normal normal 18px/26px Plus Jakarta Sans;
}
#form-saldao{
text-align: center;
}
#amoforms_iframe_1302404 {
max-width: 400px;
margin: 0 auto !important;
}


}

@media(max-width:992px){
.content-topo .logo {
max-width: 210px;
margin: 0 auto 25px;
}
.content-topo .items-topo .texto-topo h2 {
text-align: center;
font: normal normal 800 26px/36px Plus Jakarta Sans;
max-width: 430px;
}
.content-topo .items-topo .texto-topo h3 {
text-align: center;
font: normal normal normal 16px/28px Plus Jakarta Sans;
max-width: 345px;
margin: 0 auto 30px;
}
.content-topo .items-topo .form-topo p {
text-align: center;
font: normal normal normal 16px/26px Plus Jakarta Sans;
}
#amoforms_iframe_1302404 {
height: 220px !important;
}
#topo {
min-height: 100vh;
padding: 50px 0 50px;
}
#ofertas h3 {
text-align: center;
font-size: normal normal normal 20px/30px Plus Jakarta Sans;
max-width: 760px;
}
#ofertas h2 {
text-align: center;
font: normal normal normal 20px/29px Plus Jakarta Sans;
margin: 0 auto 30px;
}
.slick-list {
padding: 0 50px !important;
}
.slick-current + .slick-slide + .slick-slide img, .slick-slide img {
transform: scale(0.9);
}
.slick-current img{
transform: scale(1);
}
.slick-next {
right: 30px;
}
.slick-prev {
left: 30px;
}
#ofertas h2.after-button {
text-align: center;
font: normal normal normal 18px/26px Plus Jakarta Sans;
max-width: 410px;
}
#beneficios .beneficio {
width: 100%;
max-width: 340px;
margin: 0 auto 30px;
}
.area-button h3 {
text-align: center;
font: normal normal normal 18px/26px Plus Jakarta Sans;
margin: 0 auto 40px;
max-width: 535px;
}
.img-sobre {
padding: 0 20px;
}
.texto-sobre {
padding: 25px 15px 0;
}
.texto-sobre h2 {
text-align: center;
font: normal normal 800 30px/36px Plus Jakarta Sans;
}
.texto-sobre p {
text-align: center;
font: normal normal normal 16px/28px Plus Jakarta Sans;
}






}

