@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-Bold.eot');
    src: url('../fonts/Panton-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-Bold.woff2') format('woff2'),
        url('../fonts/Panton-Bold.woff') format('woff'),
        url('../fonts/Panton-Bold.ttf') format('truetype'),
        url('../fonts/Panton-Bold.svg#Panton-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-Regular.eot');
    src: url('../fonts/Panton-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-Regular.woff2') format('woff2'),
        url('../fonts/Panton-Regular.woff') format('woff'),
        url('../fonts/Panton-Regular.ttf') format('truetype'),
        url('../fonts/Panton-Regular.svg#Panton-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-Light.eot');
    src: url('../fonts/Panton-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-Light.woff2') format('woff2'),
        url('../fonts/Panton-Light.woff') format('woff'),
        url('../fonts/Panton-Light.ttf') format('truetype'),
        url('../fonts/Panton-Light.svg#Panton-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton';
    src: url('../fonts/Panton-SemiBold.eot');
    src: url('../fonts/Panton-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Panton-SemiBold.woff2') format('woff2'),
        url('../fonts/Panton-SemiBold.woff') format('woff'),
        url('../fonts/Panton-SemiBold.ttf') format('truetype'),
        url('../fonts/Panton-SemiBold.svg#Panton-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

*{
box-sizing:border-box;
font-family: 'Panton', sans-serif;
outline:0;
border:0;
padding:0;
margin:0;
}
body, html{
padding:0;
margin:0;
font-family: 'Panton', sans-serif;
height: 100%;
}
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;
}
header{
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #1D2B53;
box-shadow: 3px 3px 6px #00000029;
}
header .content-header{
display: flex;
align-items: center;
height: 66px;
position: relative;
}
header .content-header .logo a{
display:flex;
align-items: center;
}
header .content-header .logo img{
width:auto;
height:40px;
}
header .content-header .logo a p{
margin-bottom: 0;
color:#FFFFFF;
font-size:15px;
font-weight:300;
letter-spacing: 0.3px;
margin-left: 10px;
}
.page-home{
background: url(../images/bg_principal.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.content-header .button{
position: absolute;
right: 0;
bottom: -100%;
}
.button, .button-color{
position: relative;
color: #fff;
border: 1px solid #E75000;
background:#e75000;
border-radius: 9px;
padding: 6px 15px;
font-size: 15px;
font-weight: 300;
letter-spacing: 0.3px;
}
.button-vazado{
border: 1px solid #E75000;
background:transparent;
color:#fff;
}
.button-vazado:hover{
background:#e75000;
color:#fff;
}
.button-color{
display: flex;
align-items: center;
justify-content: center;
padding:0;
font-size:20px;
width:220px;
height:41px;
font-weight:300;
letter-spacing: 0.4px;
}
.button-color:hover{
background:#1D2B53;
border:1px solid #1D2B53;
color:#fff;
}
section.one{
height: 100vh;
display: flex;
align-items: center;
padding-top: 65px;
background: url(../images/maps_transparent.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center top;
}
section.one .text-one h2{
font-size:50px;
line-height: 1.1;
margin-bottom: 25px;
color:#fff;
font-weight:600;
letter-spacing: -0.5px;
}
section.one .text-one h3{
font-size:40px;
line-height: 50px;
font-weight: 300;
margin-bottom: 35px;
color:#fff;
letter-spacing: -0.4px;
width:100%;
max-width: 580px;
}
section.one .text-one{
position: relative;
padding-top:20px;
}
section.one .text-one:before{
content:"";
width:37px;
height:2px;
background:#E75000;
position: absolute;
left:0;
top:0;
}
.cadastro{
background:#DFE4EC;
padding:60px 0;
position: relative;
}
.cadastro .text-agende{
text-align: center;
}
.cadastro .text-agende span{
text-transform: uppercase;
letter-spacing: -0.18px;
color: #E75000;
font-weight: 600;
font-size: 18px;
position: relative;
vertical-align: middle;
}
.cadastro .text-agende span img{
width: 17px;
margin-bottom: 8px;
margin-right: 6px;
}
.cadastro .text-agende span:before{
content:"";
position: absolute;
width:37px;
height:1px;
background:#E75000;
left:-45px;
top:50%;
transform:translateY(-50%);
}
.cadastro .text-agende span:after{
content:"";
position: absolute;
width:37px;
height:1px;
background:#E75000;
right:-45px;
top:50%;
transform:translateY(-50%);
}
.cadastro h2{
text-align: center;
letter-spacing: -0.5px;
color: #1D2B53;
font-size: 50px;
line-height: 50px;
width: 100%;
max-width: 450px;
margin: 0 auto 25px;
}
.wrap-input100 label{
width:100%;
display: block;
color:#313750;
font-size:18px;
line-height:22px;
padding-left: 4px;
}
.wrap-input100 input, .wrap-input100 select{
border: 1px solid #D6D6D6;
border-radius: 7px;
width:100%;
background-color:#fff;
height:44px;
padding:0 15px;
color:#313750;
margin-bottom: 14px
}
.select{
margin-bottom: 14px;
}
.wrap-input100.first-wrap{
 width:50%;
 float:left;
 padding-right:7px;
}
.wrap-input100.last-wrap{
 width:50%;
 float:left;
 padding-left:7px;
}
.form.wrap-register100{
position: relative;
width: 100%;
max-width: 615px;
margin: auto;
overflow: hidden;
}
.checkbox {
display: flex;
align-items:center;
font-size: 14px;
color: #000;
height:30px;
}
.checkbox:disabled {
color: #000;
}
.checkbox__control {
display: inline-grid;
width: 18px;
height: 18px;
border-radius: 3px;
border: 2px solid #313750;
margin-right: 10px;
box-shadow: none !important;
align-items: center;
justify-content: center;
cursor: pointer;
}
label.checkbox{
font-size: 16px;
padding: 0;
overflow: hidden;
display: flex;
align-items: center;
height: 60px;
letter-spacing: -0.48px;
color: #313750;
line-height: 1.2;
position: relative;
padding-bottom: 20px;
margin-top:5px;
}
label.checkbox span a{
letter-spacing: -0.48px;
color: #313750;
font-weight: 600;
text-decoration: underline;
}
.checkbox__input svg {
transition: transform 0.1s ease-in 25ms;
transform: scale(0);
transform-origin: bottom left;
}
.checkbox__input {
display: block;
}
.checkbox__input input{
opacity: 0;
width: 15px;
height: 15px;
margin-left:-15px;
}
.checkbox__input input:focus + .checkbox__control {
box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em #000;
}
.checkbox__input input:checked + .checkbox__control svg {
transform: scale(1);
}
.checkbox__input input:disabled + .checkbox__control {
color:#000;
}
.wrap-input100{
float:left;
width:100%;
}
#termos-error{
display: block;
width: 100%;
position: absolute;
bottom: 0px;
left: 25px;
}
.form button{
margin:auto;
position: relative;
}
.form .submit-area{
margin-top:20px;
width:100%;
float:left;
}
section.respiramos{
padding:60px 0;
background:#1D2B53;
position: relative;
}
.respiramos h2{
font-size:50px;
line-height: 50px;
letter-spacing: -0.5px;
color: #FFFFFF;
text-align: center;
margin-bottom: 20px;
}
.respiramos p{
text-align: center;
color:#fff;
letter-spacing: 0.3px;
font-size:20px;
font-weight: 300;
line-height: 24px;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.servicos{
overflow: hidden;
}
.box-service{
text-align: center;
width:25%;
float:left;
padding:70px 30px 30px;
background-image:url(../images/bg_marketing.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color:#fff;
background-color:rgb(10,10,10,.8);
background-blend-mode: multiply;
}
.service-um{
background-image:url(../images/bg_database.jpg);
}
.service-tres{
background-image:url(../images/bg_sales.jpg);
}
.service-quatro{
background-image:url(../images/bg_solucoes.jpg);
}
.box-service .icone{
width:54px;
margin:0 auto 20px;
}
.box-service h3{
font-size:17px;
letter-spacing: 0.4px;
font-weight: 600;
}
.box-service p{
font-size:15px;
letter-spacing: 0.23px;
color: #FFFFFF;
font-weight: 300;
line-height: 20px;
max-width: 310px;
margin:0 auto 20px;
min-height: 80px;
}
footer{
background-color: #1D2B53;
position: relative;
padding: 60px 0 15px;
}
.logo-rodape{
text-align: center;
border-bottom: 1px solid #fff;
max-width: 840px;
width: 100%;
margin: auto;
}
.logo-rodape img{
width: 67px;
margin-bottom: 15px;
}
.logo-rodape p{
color: #fff;
font-size: 15px;
letter-spacing: 0.3px;
}
.sociais ul li a img{
height:22px;
}
.sociais ul{
display: flex;
align-items: center;
justify-content: center;
padding-top:10px;
}
.sociais ul li a{
padding:0 15px;
}
.links-uteis{
display: flex;
justify-content: flex-end;
align-items: center;
}
.links-uteis a:not(:last-child){
margin-right:30px;
}
.links-uteis a{
color:#fff;
font-size:14px;
letter-spacing: -0.42px;
}
.links-uteis a:hover{
color:#E75000;
}
.cadastro .container{
 position: relative;
}
.cadastro .container:after{
 content:"";
 width:311px;
 height:433px;
 background:url(../images/global_before.png);
 background-size: 100%;
 background-repeat: no-repeat;
 position: absolute;
 top:-65px;
 right:0;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
height: 44px;
border-radius: 11px;
background: #fff;
border: 0;
appearance: none;
width: 100%;
font-size: 16px;
color: #313750;
letter-spacing: -0.42px;
padding: 0;
}
.styledSelect {
position:absolute;
top:45%;
right:0;
bottom:0;
left:0;
background-color:transparent;
padding:0 15px;
font-weight: 400;
transform: translateY(-45%);
font-size: 0;
height: 100%;
}
select#uf{
border:0 !important;
background:transparent;
}
.styledSelect:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(29,43,83,1)'/%3E%3C/svg%3E");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
margin-top: 2px;
}
.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 #ccc;
background-color:white;
-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: 200px;
overflow-y: auto;
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height:30px;
line-height:30px;
}
.options li:hover {
background-color:#e75000;
color:white;
}
.lgpd{
padding:60px 0;
background:#DFE4EC;
}
.page-title{
padding:356px 0 52px;
background-image:url(../images/banner-LGPD.jpg);
background-size: cover;
background-position: center;
background-color:rgb(10,10,10,.7);
background-blend-mode: multiply;
}
.page-politica .page-title{
background-image:url(../images/banner_politica.jpg);
}
.page-title h2{
position: relative;
color: #fff;
font-weight: 600;
letter-spacing: -0.5px;
font-size: 50px;
padding-top:10px;
}
.page-title h2:before{
content:"";
width:37px;
height:2px;
background:#E75000;
position: absolute;
left:0;
top:0;
}
.text-box h3{
color: #E75000;
font-weight: 700;
font-size: 20px;
}
.text-box p{
color:#1D2B53;
font-size:15px;
text-align: justify;
letter-spacing: 0.23px;
}
.text-box p.font-max{
font-size: 20px;
font-weight: 700;
}
.text-box{
width:100%;
max-width: 890px;
margin:auto;
}
.text-box strong{
font-size:18px;
font-weight:700;
}
.text-box h3:not(:first-child){
margin-top:35px;
}
.modal-open{
display: flex;
height: 100vh;
justify-content: center;
background: rgba(10, 10, 10, 0.5);
align-items: center;
}
.modal .box-detalhes{
background: #fff;
height: 95%;
padding: 70px 40px 40px;
width: 100%;
max-width: 890px;
border-radius: 9px;
position: relative;
}
.close-modal{
cursor:pointer;
position: absolute;
top: 30px;
right: 30px;
transition: .2s ease-out;
}
.close-modal svg{
width:40px;
height:40px;
}
.close-modal:hover{
transform: rotate(90deg);
}
.modal .text-box{
height: 100%;
overflow: hidden;
overflow-y: auto;
padding-right: 30px;
position: relative;
}
header.fixed{
position: fixed;
z-index:1000;
}
header.fixed .content-header .button{
display: none;
}
label.error{
font-size: 14px;
color: #e75000;
margin-top: -14px;
}
input.error, select.error{
border:1px solid #e75000;
}
.loading { display: none; }

@media(max-width: 1360px){
.box-service{
padding:70px 0 30px;
}
}

@media(max-width:992px){
header .content-header .logo img{
height:38px;
}
header .content-header .logo a {
justify-content: space-between;
}
header .content-header .logo{
width:100%;
}
header .content-header .logo a p{
font-size:14px;
}
section.one .text-one h2 {
font-size: 35px;
}
section.one .text-one h3 {
font-size: 26px;
line-height: 30px;
}
section.one{
background-position: center top;
background-size: cover;
}
.cadastro .container::after{
display:none;
}
.cadastro .text-agende span{
font-size:15px;
}
.cadastro .text-agende span img{
width:14px;
}
.cadastro h2, .respiramos h2{
font-size:38px;
line-height: 38px;
}
.wrap-input100 label{
font-size:15px;
}
.wrap-input100.first-wrap {
 width: 100%;
 padding-right: 0;
}
.wrap-input100.last-wrap {
 width: 100%;
 padding-left: 0;
}
label.checkbox{
height:70px;
}
.respiramos p{
font-size:18px;
}
.box-service{
width:100%;
}
.box-service h3 {
font-size: 22px;
position: relative;
padding-bottom: 15px;
margin-bottom: 15px;
}
.box-service h3:after{
content:"";
width:90px;
height:1px;
background:#fff;
position: absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
}
.box-service p {
font-size: 18px;
}
.logo-rodape img {
width: 62px;
}
.links-uteis {
justify-content: center;
margin-top: 40px;
}
.sociais ul li a {
padding: 0 25px;
}
footer{
padding:40px 0 15px;
}
.page-title h2{
font-size:40px;
line-height: 40px;
}
.page-title{
background-position: right 35% bottom;
}
.text-box p.font-max {
font-size: 16px;
}
.text-box h3{
font-size: 16px;
}
.page-politica .page-title {
background-position: left 30% center;
}
.text-box strong {
font-size: 16px;
}
}