html, body{
margin:0;
padding:0;
font-family: 'Sora', sans-serif;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100vh;
background:#FFFFFF;
font-size:15px;
color:#0E1317;
}
a{
text-decoration: none;
transition:all 0.2s linear;
}
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, textarea{
outline: 0 !important;
border:0;
text-decoration: none;
}
header.header-autonegocie{
position:absolute;
position: absolute;
width: 100%;
z-index: 99;
top: 0;
left: 0;
background-color: transparent;
padding: 20px 0;
}
.content-header .btn-logar{
font: normal normal bold 15px/20px Sora;
letter-spacing: 0px;
text-transform: uppercase;
height:48px;
width:150px;
border-radius: 10px;
background:#09CA77;
transition: all 0.2s linear;
text-decoration: none;
color: #FFFFFF;
margin: 0 0 30px;
}
.content-header .btn-logar:hover{
color:#fff;
transform:scale(1.04);
}
.container{
max-width:1050px !important;
width:100% !important;
}
#topo{
min-height:100vh;
display: flex;
align-items: center;
background-image: url(../images/banner.jpg);
background-size:cover;
background-position: center right;
background-repeat: no-repeat;
}
.content-topo .text-topo .logo{
margin-bottom: 30px;
}
.content-topo .text-topo h1{
text-align: left;
font: normal normal bold 34px/46px Sora;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0 0 30px;
max-width: 460px;
}
.content-topo .text-topo h1 span{
color:#07CA78;
}
.content-topo p{
text-align: left;
font: normal normal 300 18px/26px Sora;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 380px;
margin:0 0 35px;
}
.content-topo p strong{
font-weight: 700;
}
.btn-contato{
text-decoration: none !important;
color:#fff;
position:relative;
width:400px;
height:50px;
}
.btn-contato > div{
background: #07CA78 0% 0% no-repeat padding-box;
border-radius: 15px;
font: normal normal bold 17px/22px Sora;
letter-spacing: 0px;
color: #FFFFFF;
height: 100%;
width: 100%;
padding-left: 36px;
position: relative;
z-index:2;
display: flex;
align-items: center;
justify-content: center;
}
.btn-contato > div img{
position: absolute;
left: 20px;
top: 50%;
transform: translatey(-50%);
width: 30px;
}
.btn-contato::after{
content:"";
width:100%;
height:100%;
position:absolute;
bottom:-10px;
background: #09CA77 0% 0% no-repeat padding-box;
opacity: 0.6;
filter: blur(20px);
left:0;
z-index: 1;
}
.btn-contato:hover{
transform:scale(1.04);
}
.scroll-down{
position: absolute;
bottom:12px;
left:50%;
transform:translatex(-50%);
z-index:6;
}
.scroll-down .mouse{
width: 30px;
height: 45px;
border: 2px solid #DBDBDB;
border-radius: 18px;
position: relative;
margin: 0 auto 10px;
}
.scroll-down .mouse i{
position: absolute;
top: 0;
left: 50%;
transform: translatex(-50%);
color:#08C978;
font-size: 18px;
opacity: 1;
animation: mouse 1.7s infinite;
display: block;
}
@keyframes mouse{
	from{
		opacity:1;
		top:-0px;
	}
	to{
	opacity:0.1;
	top:25px;
	}
}

#como{
position:relative;
background:#F7F7F7;
padding:75px 0;
}
.text-como{
display: flex;
justify-content: flex-end;
}
.text-como h2{
text-align: left;
font: normal normal bold 34px/42px Sora;
letter-spacing: 0px;
color: #151142;
margin: 0 0 30px;
}
.text-como h2 span{
display: block;
color:#07CA78;
}
.text-como p{
text-align: left;
font: normal normal 300 18px/28px Sora;
letter-spacing: 0px;
color: #2E2D37;
max-width: 430px;
margin: 0 0 40px;
}
.text-como p strong{
font-weight: 700;
}
#como .img_como{
padding-right:65px;
}

#vantagens{
background:#fff;
position:relative;
padding:60px 0;
}
.vantagens{
margin-bottom: 50px;
}
.vantagens .vantagem{
width:33.3333%;
padding:10px;
}
.vantagens .vantagem .content-vantagem{
border: 1px solid #07CA78;
border-radius: 15px;
padding:10px 15px 15px;
height:100%;
}
.vantagens .vantagem .content-vantagem .icone{
max-width:110px;
margin:0 auto -10px;
}
.vantagens .vantagem .content-vantagem h3{
text-align: center;
font: normal normal bold 20px/26px Sora;
letter-spacing: 0px;
color: #07CA78;
}
.vantagens .vantagem .content-vantagem p{
text-align: center;
font: normal normal 300 14px/20px Sora;
letter-spacing: 0px;
color: #2E2D37;
}
.vantagens .vantagem .content-vantagem p strong{
font-weight: 700;
}
#vantagens h2{
text-align: center;
font: normal normal bold 34px/46px Sora;
letter-spacing: 0px;
color:#151142;
margin:0 auto 35px;
max-width: 670px;
}
#vantagens h2 span{
color:#07CA78;
}

#mais{
background:#F7F7F7;
position: relative;
padding:60px 0;
}
#mais h2{
text-align: center;
font: normal normal bold 34px/46px Sora;
letter-spacing: 0px;
color:#151142;
margin:0 auto 35px;
max-width: 570px;
}
#mais h2 span{
color:#07CA78;
}
.beneficios{
margin-bottom: 45px;
}
.beneficios .beneficio{
width:25%;
padding:10px 9px;
}
.beneficios .beneficio .content-beneficio{
height:100%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 15px;
padding:20px 20px 15px;
}
.beneficios .beneficio .content-beneficio .icone{
max-width: 50px;
margin-bottom: 15px;
}
.beneficios .beneficio .content-beneficio p{
font: normal normal 300 15px/22px Sora;
}
.beneficios .beneficio .content-beneficio p strong{
font-weight: 700;
}

#sobre{
padding:110px 0;
position:relative;
background:#fff;
}
#sobre:after{
content:"";
width:50%;
height:100%;
background:url(../images/after_page.png);
background-size: cover;
background-position: center left;
position:absolute;
right:0;
top:0;
}
.texto-sobre .icone{
max-width: 120px;
margin-bottom: 50px;
}
.texto-sobre h2{
text-align: left;
font: normal normal bold 34px/46px Sora;
letter-spacing: 0px;
color: #151142;
margin: 0 0 20px;
max-width: 570px;
}
.texto-sobre h2 span{
color:#07CA78;
}
.texto-sobre p {
font: normal normal 300 18px/26px Sora;
max-width: 525px;
margin:0;
}
.texto-sobre p strong{
font-weight: 700;
}

footer{
position: relative;
padding:40px 0 0;
background:url(../images/bg_rodape.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color:#fff;
}
.logo-rodape{
max-width: 180px;
margin:0 auto 30px;
}
.content-footer{
padding:25px 0;
margin:0 0 30px;
border-top:1px dashed #fff;
border-bottom:1px dashed #fff;
}
.content-footer .contato a{
color:#fff;
transition:all 0.2s linear;
text-decoration: none !important;
display: block;
padding:0 20px;
font-family: Sora;
}
.content-footer .contato:nth-child(2) a{
padding:0 60px;
}
.content-footer .contato a:hover{
color:#09CA77;
}
.content-footer .contato span{
display: flex;
align-items:center;
font: normal normal 300 15px/26px Sora;
letter-spacing: 0px;
}
.content-footer .contato span i{
font-size:22px;
margin-right:8px;
}
.content-footer .contato span strong{
font: normal normal 600 15px/23px Sora;
letter-spacing: 0px;
}
.copyright{
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 5px 0 10px;
min-height: 54px;
line-height: 1;
}
.copyright span{
text-align: center;
font: normal normal normal 13px/19px Sora;
letter-spacing: 0px;
color: #FFFFFF;
}
.copyright a{
color: #fff;
text-decoration: none;
background: #07CA78;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 18px;
position: absolute;
right: 240px;
top: 50%;
transform: translatey(-50%);
}
.copyright a:hover{
transform:translatey(-50%) scale(1.02);
}
.modal-open {
display: flex !important;
align-items: center;
justify-content: center;
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1s;
z-index: 999 !important;
}
@keyframes fadeInOpacity {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.fora-modal{
position:absolute;
left:0;
top:0;
z-index:1;
width:100%;
height:100%;
cursor: pointer;
}
.content-modal-form{
background: #ECEDF3;
border-radius: 15px;
max-width: 96%;
width: 400px;
position: relative;
padding: 30px 20px;
z-index:5;
max-height: 96%;
overflow: auto;
}
.content-modal-form .close-modal-form{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: #08C978;
color: #fff;
font-size: 18px;
line-height: 1;
border-radius: 50%;
width: 26px;
height: 26px;
right: 10px;
top: 10px;
cursor: pointer;
transition:all 0.2s linear;
}
.content-modal-form .close-modal-form:hover{
background:#151142;
color:#fff;
}
.content-modal-form h3{
text-align: center;
font: normal normal 600 20px/26px Sora;
letter-spacing: 0px;
color: #151142;
max-width: 250px;
margin: 0 auto 20px;
}
.content-modal-form h3 span{
color:#08C878;
}
.input-auto{
position: relative;
margin-bottom: 15px;
}
.input-auto input{
width: 100%;
height: 44px;
padding: 5px 15px;
text-align: left;
font: normal normal 300 15px/19px Sora;
letter-spacing: 0px;
color: #202223;
background:#fff;
}
.input-auto select{
width: 100%;
height: 44px;
padding: 5px 15px;
text-align: left;
font: normal normal 300 15px/19px Sora;
letter-spacing: 0px;
color: #202223;
background:#fff;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-progress-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(32,34,35,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
.btn-submit{
background: #08C978;
width: 100%;
height: 46px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font: normal normal 500 16px/25px Sora;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
transition: all 0.2s linear;
}
.btn-submit:hover{
transform:scale(1.04);
color:#fff;
}
.btn-submit i{
position:absolute;
right:25px;
top:50%;
transform:translatey(-50%);
}
#loading{
position: fixed;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height:100vh;
z-index:99999;
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 1s;
}
#loading .image{
text-align: center;
}
#loading .image span{
display: block;
text-align: center;
font-size: 15px;
color:#151142;
margin-top: 15px;
font-family:Sora;
}
.swal2-icon.swal2-error.swal2-icon-show{
display: flex;
font-size: 0 !important;
width: 34px;
height: 34px;
background-image: url(../images/alert.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.swal2-popup.swal2-modal{
padding: 20px 30px !important;
max-width: 380px;
border-radius:15px !important;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
border: 1px solid #E5E5E5;
}
.swal2-title{
padding: 13px 0 0 !important;
text-align: center;
font: normal normal bold 19px/24px Sora;
letter-spacing: 0px;
color: #100841;
margin-bottom: 10px;
}
.swal2-html-container{
display: block;
margin: 0 auto 15px !important;
text-align: center !important;
font: normal normal normal 15px/20px Sora !important;
letter-spacing: 0px;
color: #100841 !important;
opacity: 0.55;
}
.swal2-actions{
margin: 0 !important;
}
button.swal2-confirm.swal2-styled{
margin: 0 !important;
width: 80px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
background: #09CA77;
border-radius: 5px;
box-shadow: none !important;
outline: none !important;
text-align: center;
font: normal normal normal 15px/20px Sora;
letter-spacing: 0px;
color: #FFFFFF;
transition: all 0.4s linear;
}
button.swal2-confirm.swal2-styled:hover{
background:#100841;
color:#fff;
}
.swal2-container{
background-color: rgba(150, 150, 150, 0.3);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
.swal2-icon.swal2-success.swal2-icon-show{
margin: 0 auto !important;
font-size: 0;
width: 40px;
height: 40px;
background-image: url(../images/success.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
height: 44px;
border-radius: 10px;
appearance: none;
width: 100%;
padding: 0;
margin-bottom: 0px;
border: 0;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
background-color: transparent !important;
}
.styledSelect {
position: absolute;
top: 50%;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 0 15px;
transform: translateY(-50%);
height: 100%;
border-radius: 10px;
transition: box-shadow 150ms ease 0s, border-color 150ms ease 0s, padding 150ms ease 0s !important;
font-size: 0px !important;
font-weight: 400 !important;
line-height: 54px !important;
color: #fff;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
right:0;
left:0;
z-index:999;
margin:0 0;
padding:0 0;
list-style:none;
border:1px solid #dfdfdd;
background-color: #fff;
border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 220px;
overflow-y: auto;
color:#100841;
font-size:15px;
border-top:0 !important;
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height:34px;
line-height:34px;
font-family:Sora;
}
.options li:first-child{
display:none;
}
.options li:hover{
background: #09CA77 !important;
color:#fff;
}
.select2-selection__arrow{
display: none;
}
.select2-container--default .select2-selection--single{
width: 100% !important;
border: 0 !important;
border-radius: 0 !important;
height: 44px !important;
padding: 5px 15px !important;
text-align: left;
font: normal normal normal 15px/17px Sora !important;
letter-spacing: 0px !important;
color: #202223 !important;
}
.select2-container{
width:100% !important;
z-index: 9999;
max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #202223 !important;
padding: 0 !important;
font: normal normal normal 15px/34px Sora !important;
letter-spacing: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
height: 34px !important;
margin-right: 0 !important;
padding-right: 0px !important;
font-size: 18px !important;
color: #202223 !important;
}
.select2-dropdown{
border-color: #DEDEDE !important;
border-radius: 0 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
width: 100% !important;
border: 1px solid #A6A6A6 !important;
border-radius: 5px !important;
height: 40px !important;
padding: 5px 10px !important;
text-align: left;
font: normal normal normal 15px/20px Sora !important;
letter-spacing: 0px !important;
color: #202223 !important;
background-color:#FFF;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #09CA77 !important;
font: normal normal normal 15px/20px Sora !important;
letter-spacing: 0.24px !important;
color: #FFF !important;
}
.select2-container--default .select2-results__option--selected, .select2-results__option--selectable, .select2-results__option {
font: normal normal normal 13px/20px Sora !important;
letter-spacing: 0.24px !important;
color: #202223 !important;
}
.select2-container--default .select2-selection--single{
padding-right:30px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(32,34,35,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-size: 20px;
background-repeat: no-repeat;
background-position: center right 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
color:#202223 !important;
font-family: Sora !important;
}
#proximos-passos{
background-color: #F7F7F7;
padding: 40px 0;
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
}
#proximos-passos .logo{
max-width: 180px;
margin: 0 auto 30px;
}
#proximos-passos .img-pp{
max-width: 500px;
margin: 0 auto 25px;
}
#proximos-passos .text-pp h3{
text-align: center;
font: normal normal bold 26px/26px Sora;
letter-spacing: 0px;
color: #151142;
}
#proximos-passos .text-pp p{
text-align: center;
font: normal normal 300 16px/23px Sora;
letter-spacing: 0px;
color: #151142;
max-width: 500px;
margin: 0 auto 20px;
}
#proximos-passos .text-pp p strong{
font-weight: 700;
}
a.btn-insta{
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
background: #07CA78;
text-align: left;
font: normal normal 500 15px/18px Sora;
letter-spacing: 0px;
color: #FFFFFF;
text-decoration: none;
height: 50px;
padding-bottom: 2px;
width: 264px;
margin: 30px auto;
box-shadow: 0 0 15px #07CA78;
transition: all 0.3s linear;
}
a.btn-insta:hover{
transform:scale(1.04);
}
a.btn-insta .icon{
font-size: 34px;
margin-right: 10px;
}


@media(max-width:1600px){
.select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal normal 14px/30px Sora !important;
}
.select2-container--default .select2-results__option--selected, .select2-results__option--selectable, .select2-results__option, .select2-container--default .select2-search--dropdown .select2-search__field {
font: normal normal normal 15px/20px Sora !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
height: 30px !important;
}
.select2-container--default .select2-selection--single{
height: 40px !important;
font: normal normal normal 14px/17px Sora !important;
}
.input-auto select {
height: 40px;
font: normal normal 300 14px/19px Sora;
}
.container{
transform:scale(0.9);
}
#como {
padding: 35px 0;
}
#vantagens, #mais {
padding: 25px 0;
}
#sobre {
padding: 70px 0;
}
.content-modal-form h3 {
font: normal normal 600 18px/22px Sora;
}
.input-auto {
position: relative;
margin-bottom: 8px;
}
.input-auto input {
font: normal normal 300 14px/18px Sora;
height:40px;
}
.btn-submit {
height: 40px;
font: normal normal 500 15px/24px Sora;
}
.modal-form{
padding:50px 0;
}

}

@media(max-width:992px){
#topo{
background-position: left center;
padding-bottom: 60px;
}
.container {
transform: scale(1);
padding:0 25px !important;
}
.content-topo .text-topo .logo {
margin-bottom: 30px;
max-width: 180px;
}
.content-topo .text-topo h1 {
text-align: left;
font: normal normal bold 23px/39px Sora;
margin: 0px 0 20px;
max-width: 370px;
}
.content-topo p {
text-align: left;
font: normal normal 300 16px/25px Sora;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 380px;
margin: 0 0 30px;
}
.btn-contato > div img {
position: absolute;
left: 13px;
width: 25px;
}
.btn-contato > div {
font: normal normal bold 16px/22px Sora;
padding-left: 30px;
}
.btn-contato{
width:350px;
}
#como .row{
flex-direction: column-reverse;
}
.text-como h2 {
text-align: left;
font: normal normal bold 23px/32px Sora;
margin: 0 0 20px;
}
.text-como p {
text-align: left;
font: normal normal 300 16px/26px Sora;
max-width: 360px;
margin: 0 0 30px;
}
#como .img_como {
padding: 40px 15px 10px;
}
#vantagens h2, #mais h2 {
text-align: center;
font: normal normal bold 23px/33px Sora;
margin: 0 auto 20px;
}
.texto-sobre h2{
font: normal normal bold 23px/33px Sora;
}
.vantagens .vantagem, .beneficios .beneficio{
width: 100%;
max-width: 310px;
margin-bottom: 20px;
}
#vantagens, #mais{
padding:30px 0 50px;
}
.vantagens, .beneficios{
margin-bottom: 20px;
}
#sobre::after{
display: none;
}
.texto-sobre p {
font: normal normal 300 16px/24px Sora;
max-width: 525px;
margin: 0;
}
.texto-sobre .icone {
max-width: 100px;
margin-bottom: 30px;
}
#sobre {
padding: 60px 0 40px;
}
.logo-rodape {
max-width: 150px;
margin: 0 auto 20px;
}
.content-footer .contato a {
text-align: center;
margin: 0 0 20px;
}
.content-footer .contato span{
justify-content: center;
}
.content-footer {
padding: 25px 0 5px;
}
.copyright{
padding-bottom: 50px;
}
.copyright a {
right: 50%;
top: auto;
transform: translatex(50%);
bottom: 10px;
}
.copyright a:hover{
transform: translatex(50%);
}
#proximos-passos .text-pp h3 {
text-align: center;
font: normal normal bold 24px/24px Sora;
}
#proximos-passos .text-pp p {
text-align: center;
font: normal normal 300 15px/22px Sora;
}

}