body { background: url('../images/bg.png') repeat-x top center;  color: #f8f9fa; font-family: "Inter", sans-serif; }

.navbar { padding:25px 0; }
.navbar ul li { margin:0 10px; }
.navbar ul li a { color:#fff; }

.igual { display: block; margin: 0 auto; margin-top: -80px; }
.mais { z-index:999999; position:absolute; margin-left: 395px; margin-top: -35px;}

header h1 { font-size:84px; font-weight:100; line-height: 88px;}
header h1 strong { color:#fff; font-weight:600; }
header h1 strong.verde { color:#00AF8D; font-weight:600; }
header p { color:#999; font-size:22px; font-weight:300; padding:0 300px; }

h2 { color:#999; font-size:13px; font-weight:600; letter-spacing:10px; }
h3 strong { color:#00AF8D; font-size:24px; font-weight:700; }
h3 { color:#fff; font-size:24px; font-weight:200; line-height:36px; }
h3.mais-vendas { color:#fff; font-size:32px; font-weight:700; margin-top: 30px; display: inline-block;}

#sobre { padding-top:100px !important; text-align: center; }
#sobre p { font-size:16px; font-weight:300; color:#999; padding-top:40px; line-height:26px; text-align:center; }
#sobre img { margin:3px 0; float:right; border-radius:6px; }
#sobre a.link { text-decoration:none; margin-top:30px; display:inline-block; padding:10px 20px; border:1px solid #00AF8D; color:#fff; border-radius: 50px;}

.footer-padding { padding:70px !important; border: 1px solid #555; border-radius: 6px }
footer { margin-top:80px; margin-bottom:50px; }
footer h2 { color:#00AF8D !important; font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; }
footer p { color:#fff; font-size:50px; font-weight:100; letter-spacing:1px; margin-top:30px; }
footer p.numero { color:#fff; font-size:34px; font-weight:100; letter-spacing:2px; margin-top:-10px; }
footer p.endereco { color:#fff; font-size:20px; font-weight:200; letter-spacing:1px; margin-top:40px; }
footer a { color:#555; font-size:18px; font-weight:500; text-decoration:none; }
footer a:hover { color:#00AF8D; }




.top-30 { margin-top:30px; }

.hero-section { background: url('../images/banner.jpg') no-repeat center center; background-size: cover; position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; margin-top:-105px; }
.solution-card { background-color: none; border: 1px solid #555; padding: 45px 30px 0 30px; margin-bottom: 1rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 4px; text-align: center; }
.solution-card:hover { border:1px solid #00AF8D; }
.solution-card:hover h5 { color:#00AF8D !important }
.solution-card:hover p { color:#fff !important }

#solucoes a { color:#fff; }

.text-conversion { color: #00AF8D; }


#interno { background: url('../images/banner-interno.jpg') no-repeat top center; background-size: cover; height:650px; position: relative; display: flex; align-items: left; justify-content: left; text-align: left; margin-top:-110px; }
#interno h1 { font-size:78px; font-weight:100; line-height: 78px; margin-top:300px; }
#interno h1 strong { color:#fff; font-weight:600; }
#interno h3 { font-size:22px; color:#999; font-weight:400; letter-spacing:0; padding-top:10px; padding-bottom:80px; }

.interno-baixo p { color:#fff; font-size:18px; font-weight:300; padding-right: 50px; line-height:28px; }
.interno-baixo h2 { color:#999; font-size:13px; font-weight:600; letter-spacing:10px; text-transform:uppercase; padding:40px 0; }
.interno-baixo ul { padding-left:0; }
.interno-baixo ul li { color:#fff; font-size:18px; font-weight:300; list-style:none; line-height:28px; }
.interno-baixo .green { color:#00AF8D; margin-right: 5px; }
.interno-baixo p strong { color:#00AF8D; font-weight:700; }

#interno .whatsapp { background:#1E1E1E; border-radius:8px 8px 0 0 ; margin-top:300px; padding:20px; display:block; }
#interno .whatsapp .avatar { float:left; margin-right:15px; width:46px; height:46px; background:url('../images/persona.png') no-repeat; border-radius:50px; background-size:cover; }
#interno .whatsapp .dados-perfil { display: block; }
#interno .whatsapp .dados-perfil h2 { color:#fff; font-weight:600; font-size:20px; letter-spacing:0; margin-bottom: 0;}
#interno .whatsapp .dados-perfil span { font-size:14px; color:#fff; margin-top:-5px; font-weight:300; }
#interno .whatsapp .dados-perfil span strong { font-size:14px; color:#00AF8D; font-weight:600 }
#interno .conversa { background:url('../images/bg-whatsapp.jpg') no-repeat; height: 210px; background-size:cover; border-radius:0; padding: 20px; }
#interno .conversa span.mensagem { }
#interno a { background:#fff url('../images/send.png') no-repeat right 10px; position: relative; border-radius:0 0 8px 8px; padding:15px 20px; font-weight:600; color:#4a4a4a; font-size:14px; width:100%; display:block; text-decoration: none; }

.online-bullet {
    width: 12px;
    height: 12px;
    background-color: #00AF8D; /* verde bootstrap */
    border-radius: 50%;
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
}

.bullet { margin-top:-15px; margin-left:35px; float:left; background:#1E1E1E; border-radius:50%; }

.conversa {
    background: #ece5dd;
    padding: 15px;
    border-radius: 10px;
}
.mensagem {
    display: none;
    background: #fff;
    padding: 8px 12px;
    border-radius: 10px;
    margin-bottom: 8px;
    width: fit-content;
    max-width: 90%;
    font-size: 14px;
    color:#4a4a4a;
}

.digitando {
    display: none;
    font-size: 12px;
    color: #666;
    margin-bottom: 6px;
    font-style: italic;
}



/* mobile */
@media (max-width: 768px) {

#clientes img { height:27px; margin:10px 0; }
.top-30 { margin-top:0; }
.hero-section { height: 600px !Important; }
header h1 { font-size: 44px; font-weight: 100; line-height: 48px; }
header p { color: #999; font-size: 18px; font-weight: 300; padding: 0 20px; }
footer { text-align:center; }
.footer-padding { padding: 50px !important; border: 1px solid #555; border-radius: 6px; }
footer p { color: #fff; font-size: 36px; font-weight: 100; letter-spacing: 1px; margin-top: 30px; }
footer p.numero { color: #fff; font-size: 26px; font-weight: 100; letter-spacing: 2px; margin-top: -12px; padding-bottom: 30px; }
h3 strong { color: #00AF8D; font-size: 20px; font-weight: 700; }
h3 { color: #fff; font-size: 20px; font-weight: 200; line-height: 29px; text-align: center; padding: 0 20px; }
#sobre p { font-size: 14px; font-weight: 300; color: #999; padding-top: 10px; line-height: 22px; text-align: center; padding-left: 20px; padding-right: 20px; }
footer { margin-top: 80px; margin-bottom: 30px; }
#sobre img { margin: 0; float: none; }
h3.mais-vendas { color: #fff; font-size: 24px; font-weight: 700; margin-top: 30px; display: inline-block; }
body { background: url('../images/bg-mobile.jpg') repeat-x top center; color: #f8f9fa; font-family: "Inter", sans-serif; }
.mais { display:none; }
.offcanvas-body a { font-size:20px; }
.offcanvas { z-index: 9999999 !important; }
#sobre a.link { width:100%; text-align:center; margin-bottom:30px; }





#interno h1 {
    font-size: 50px;
    font-weight: 100;
    line-height: 54px;
    margin-top: 150px;
}

#interno h3 {
    font-size: 20px;
    color: #999;
    font-weight: 400;
    letter-spacing: 0;
    padding-top: 10px;
    padding-bottom: 80px;
    text-align: left;
    padding: 0;
}

#interno .whatsapp {
    background: #1E1E1E;
    border-radius: 8px 8px 0 0;
    margin-top: 30px;
    padding: 20px;
    display: block;
}

.interno-baixo { padding-top:100px; text-align:center; }
.interno-baixo p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding-right: 0;
    line-height: 28px;
}





















}