@import url(https://fonts.googleapis.com/css?family=Montserrat:400, 400i, 500, 500i, 600, 600i, 700, 700i, 800, 800i, 900, 900i);
#whatsapp-btn {
    position: fixed;
    bottom: 70px;
    left: 20px;
}
#whatsapp-btn button {
    position: absolute;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.2s ease;
    animation: pulse 2s infinite;
}
#whatsapp-btn button:hover,
#whatsapp-btn button:focus {
    background: #ffffff;
    color: #25d366;
}
#whatsapp-btn .fa-whatsapp {
    font-size: 2em;
}
#whatsapp-btn .box-option {
    display: none;
    background-color: #eee5de;
    width: 220px;
    padding: 5px 15px;
    position: absolute;
    bottom: 5px;
    border-radius: 19px;
    border: 1px solid #d2ccc5;
    font-size: 13px;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #25d366;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #25d366;
        box-shadow: 0 0 0 0 #25d366;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
* {
    font-family: "Montserrat", sans-serif;
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
}
html {
    scroll-behavior: smooth;
}
.custom-toggler.navbar-toggler {
    border-color: #006859 !important;
    background: #006859;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
a,
a:focus,
a:hover {
    text-decoration: none !important;
    outline: 0 !important;
}
section {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
.telefone__celular {
    padding: 10px 0;
    background-color: #f1f1f1;
}
.telefone__celular span {
    font-size: 12px;
}
.form-group label {
    font-size: 18px;
    color: #666;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.form-group .form-control {
    border: 1px solid #eee;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
    font-size: 15px;
    border-radius: 4px;
}
.navbar__logo p,
.navbar__logo a {
    margin: 0;
    font-size: 16px;
    color: #000;
}
@media (max-width: 991px) {
    .navbar__logo img {
        width: 300px;
    }
}
.navbar__menu {
    background-color: #00806e;
}
.navbar__menu ul li a {
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}
.navbar__menu .dropdown-menu {
    background-color: #006859;
    border: 0;
    border-radius: 0;
}
.navbar__menu .dropdown-menu a {
    border-left: 0 !important;
}
@media (max-width: 991px) {
    .navbar__menu ul li a {
        border-left: 0 !important;
    }
}
.banner__tratamento--one {
    display: grid;
    align-content: center;
    background-image: url(../img/banner-tratamento-alergia.jpg);
    background-size: cover;
    height: 800px;
}
.banner__tratamento--one h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.banner__tratamento--one .btn__saiba {
    background-color: #00806e;
    color: #fff;
    display: inline-block !important;
}
.banner__tratamento--two {
    display: grid;
    align-content: center;
    background-image: url(../img/bg--alergias.jpg);
    background-size: cover;
    height: 660px;
}
.banner__tratamento--two h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.banner__tratamento--two .btn__saiba {
    background-color: #00806e;
    color: #fff;
    display: inline-block !important;
}
.banner__tratamento--tree {
    display: grid;
    align-content: center;
    background-image: url(../img/bg-tratamentos.jpg);
    background-size: cover;
    height: 660px;
}
.banner__tratamento--tree h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.banner__tratamento--tree .btn__saiba {
    background-color: #00806e;
    color: #fff;
    display: inline-block !important;
}
@media (max-width: 991px) {
    .banner__tratamento--one,
    .banner__tratamento--two,
    .banner__tratamento--tree {
        height: 400px;
        background-position: center;
    }
}
.testes__diag {
    background-image: url(../img/bg-green.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #fff;
}
.testes__diag h3 {
    color: #00806e;
}
.testes__diag span {
    font-weight: bold;
    color: #7b7b7b;
}
.testes__diag .card {
    display: grid;
    align-content: center;
    background-color: transparent;
}
.testes__diag .card-footer {
    background-color: transparent !important;
}
@media (max-width: 991px) {
    .testes__diag {
        background-image: none;
    }
    .testes__diag .card .card-footer p {
        color: #00806e !important;
    }
}
.tipos__de__alergias h3 {
    color: #00806e;
}
.tipos__de__alergias ul li {
    border-top: 1px solid #00806e;
    padding: 5px 0;
    color: #8d8d8d;
}
.tipos__de__alergias ul li span {
    font-size: 12px;
}
.links__home .btn__links {
    background-color: #00806e;
    color: #fff;
    border-radius: 10px;
    padding: 15px 30px;
    font-size: 12px;
    font-weight: bold;
}
@media (max-width: 991px) {
    .links__home .btn__links {
        display: block;
        margin-bottom: 16px;
    }
}
footer {
    background-color: #98cab9;
    color: #fff;
    font-size: 12px;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
}
footer p {
    margin: 0;
}
.copy,
a {
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.alergias {
    background-image: url(../img/bg-alergias.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias h1 {
    color: #00806e;
    font-weight: bold;
}
.alergias p {
    color: #909090;
}
.alergias ul li {
    border-bottom: 1px solid #000;
    padding: 7px 0;
}
.alergias .alergias--diag {
    border: 1px solid #00806e;
    padding: 20px;
    color: #737373;
    margin-bottom: 20px;
}
.alergias .btn__saiba {
    background-color: #00806e;
    color: #fff;
    display: inline-block !important;
    border: 0;
    border-radius: 0;
}
.tipos__de__tratamentos {
    background-image: url(../img/bg-tratamentos-alergias.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--alimentares {
    background-image: url(../img/bg-copo-leite.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--respiratoria {
    background-image: url(../img/bg-alergia-respiratoria.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--dermatite {
    background-image: url(../img/bg-dermatite.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--anafilaxia {
    background-image: url(../img/bg-anafilaxia.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--imunodeficiencias {
    background-image: url(../img/bg-imunodeficiencia.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.alergias--urticaria {
    background-image: url(../img/bg-urticaria.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.conjuntivite--alergica {
    background-image: url(../img/conjuntivite-alergica-sorocaba.jpg);
    background-repeat: no-repeat;
    background-position: left;
}
.alergia-a-medicamentos {
    background-image: url(../img/alergia-a-medicamentos-sorocaba.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.dermatite-de-contato {
    background-image: url(../img/dermatite-de-contato-sorocaba.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.esofagite-eosinofilica {
    background-image: url(../img/esofagite-eosinofilica-sorocaba.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 990px) {
    .alergias,
    .alergias--alimentare,
    .alergias--respiratoria,
    .alergias--dermatite,
    .alergias--anafilaxia,
    .alergias--imunodeficiencias,
    .alergias--urticaria,
    .conjuntivite--alergica,
    .dermatite-de-contato,
    .esofagite-eosinofilica,
    .alergia-a-medicamentos {
        background-image: none;
    }
}
.testes__alergias .testes__alergias--titulos {
    height: 267px;
    display: grid;
    align-content: center;
}
.testes__alergias .testes__alergias--titulos h1 {
    color: #737373;
}
.testes__alergias .testes__alergias--descricao {
    background-color: #00806e;
    color: #fff;
}
.testes__alergias .testes__alergias--descricao ul li {
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}
.testes__alergias .bg__teste {
    background-image: url(../img/bg-teste-selo.jpg);
    background-size: cover;
    height: 500px;
}
.testes__alergias .bg__teste-2 {
    background-image: url(../img/bg-test-prick.jpg);
    background-size: cover;
    height: 500px;
}
.testes__alergias .bg__teste-3 {
    background-image: url(../img/bg-alimentos.jpg);
    background-size: cover;
    height: 500px;
}
.testes__alergias .teste__obs {
    background-color: #98cab9;
    height: 100%;
}
.testes__alergias .teste__obs p {
    color: #656565;
}
.testes__alergias .teste__obs--rosquinha {
    background-image: url(../img/bg-rosquinha.jpg);
    background-position: top;
    background-color: #fff;
    height: 395px;
}
@media (max-width: 991px) {
    .testes__alergias .bg__teste,
    .testes__alergias .bg__teste-2,
    .testes__alergias .bg__teste-3 {
        height: 300px;
        background-size: cover;
    }
    .testes__alergias .teste__obs--rosquinha {
        background-image: none;
        display: none;
    }
}
.perfil {
    background-color: #f0f0f0;
}
.perfil .perfil__foto img {
    border: 2px solid #98cab9;
    border-radius: 5px;
}
.perfil .perfil__dados h4 {
    color: #00806e;
}
.perfil .perfil__dados h5 {
    color: #848484;
    border-bottom: 1px solid #848484;
    padding: 5px 0;
}
.perfil .perfil__dados ul li {
    color: #848484;
    border-bottom: 1px solid #848484;
    padding: 5px 0;
}
.areas__de__atuacao h4 {
    color: #848484;
}
.areas__de__atuacao .card {
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 10px;
    height: 100%;
    display: grid;
    align-items: center;
}
.areas__de__atuacao .card h6 {
    color: #00806e;
    margin: 0;
}
.areas__de__atuacao .card span {
    color: #a3a3a3;
    font-size: 12px;
}
@media (max-width: 991px) {
    .areas__de__atuacao h4 {
        font-size: 15px;
    }
}
.contato .local {
    background-color: #f1f1f1;
}
.contato .local h6 {
    color: #00806e;
}
.contato .local__campolim {
    background-image: url(../img/contato-frente-1png.png);
    background-position: right;
    background-repeat: no-repeat;
}
.contato .local__martti {
    background-image: url(../img/contato-frente-2.png);
    background-position: right;
    background-repeat: no-repeat;
}
.contato .btn__contato {
    background-color: #00806e;
    color: #fff;
    font-size: 12px;
    border-radius: 0;
}
.contato .btn__contato--white {
    background-color: #fff;
    color: #000;
}
.contato .btn__saiba {
    background-color: #00806e;
    color: #fff;
    border-radius: 0;
}
.contato .form-control {
    border: 1px solid #8c8c8c;
    border-radius: 10px;
    color: #00806e;
    font-weight: bold;
    font-size: 12px;
}
@media (max-width: 600px) {
    .contato .local__martti,
    .contato .local__campolim {
        background-image: none;
    }
    .contato .btn__contato--white,
    .contato .btn__contato {
        display: block;
        margin-bottom: 5px;
    }
}
