/* ROBERTO FREITAS DESIGNER */

body {
    font-family: 'Roboto', sans-serif;
    color: #000;
    background-color: #fff;
}

/* FONTS */

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/* BANNER */

.banner {
    background-image: url(../img/banner-home-em.jpg);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}

.banner-espaco {
    min-height: 500px;
}


.banner-2 {
    background-image: url(../img/bg-002.jpg);
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
}


.bg-azul {
    background-color: #14192d;
}

.bg-azul-2 {
    background-color: #202333;
}

.banner-titulo {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 20px;
}

.border-menu-white {
    border-top: solid thin #cccccc;
    border-bottom: solid thin #cccccc;
}

.txt-sobre {
    font-size: 16px;
    line-height: 30px;
}

.bg-black-2 {
    background-color: #c6c6c6;
}

.banner-texto {
    font-size: 24px;
    line-height: 28px;
}

.link-tratamentos a {
    cursor: pointer;
    text-decoration: none;
    color: #193c6c !important;
}

.btn-link-topo a {
    cursor: pointer;
    text-decoration: none;
    color: #fff !important;
}

.btn-link {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.btn-link a {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.btn-link a h6 {
    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.nav-link {
    color: #000 !important;
    font-size: 17px !important;
    font-stretch: normal !important;
}

.links-rodape a {
    text-decoration: none;
    color: #000 !important;
}

.c-verde-link a {
    color: #ccff33 !important;
    font-size: 17px !important;
    font-stretch: normal !important;
}

.navbar-collapse {
    flex-grow: 0 !important;
}

.btn-link-whatsapp a {
    cursor: pointer;
    text-decoration: none;
    color: #fff !important;
}

.btn-link-whatsapp-2 a {
    cursor: pointer;
    text-decoration: none;
    color: #000 !important;
}

ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li.list-r {
    background: url(../img/list-r.png) no-repeat left top;
    height: 90px;
    padding-left: 75px;
    padding-top: 0px;
    line-height: 1.0;
}

li.list-w {
    background: url(../img/list-w.png) no-repeat left top;
    height: 70px;
    padding-left: 50px;
    padding-top: 0px;
}

.line-h {

    line-height: 23px;
}

.bg-verde {
    background-color: #ccff33;
}

.c-white {
    color: white;
}

.c-black {
    color: black;
}

.c-verde {
    color: #ccff33;
}

.c-vermelho {
    color: #c51718;
}

.c-azul {
    color: #193c6c;
}


/* BACKGROUND */

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: black;
}

.bg-vermelho {
    background-color: #c51718;
}

.bg-vermelho-2 {
    background-color: #c33845;
}

.bg-azul-topo {

    background-color: #14192d;

}

.bg-cinza {
    background-color: #dcdcdc;
    border: solid thin #cccccc;
}

.bg-cinza-2 {
    background-color: #e9e9e9;
}

.bg-azul-2 {
    background-color: #2b3340;
}


/* FONTS */

.font-h1 {
    font-size: 2.0rem;
}

.font-h2 {
    font-size: 16px;
}

.font-h3 {
    font-size: 1.3rem;
}

.font-h4 {
    font-size: 1.1rem;
}

.font-p {
    font-size: 0.9rem;
}

.font-p-2 {
    font-size: 0.7rem;
}

.font-1r {
    font-size: 1.3rem;
}

.font-2r {
    font-size: 1.2rem;
}

.font-3r {
    font-size: 0.8rem;
}

/* IMG */

.img-border img {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #cd1719;
}

/* BANNER */


.t-banner-b {
    margin-top: 365px;
    margin-bottom: 365px;
}

/* LINKS */

.link-locais a {
    text-decoration: none;
    color: #fff;
}

.link-contato a {
    text-decoration: none;
    color: #fff;
}

.link-contato-black a {
    text-decoration: none;
    color: #000;
}

.link-contato-white a {
    text-decoration: none;
    color: #fff;
}

.link-btn a {
    text-decoration: none;
}

.c-white a {
    text-decoration: none;
    color: #fff;
}

/* Dispositivos extra small (telefones em modo retrato, com menos de 576px) */

@media (max-width: 575.98px) {

    .banner {
        background-image: url(../img/banner-mobile-home-em-ok.jpg);
        background-position: center;
        background-repeat: no-repeat;
        min-height: 320px;
    }

    .banner-espaco {
        min-height: 320px;
    }


    .banner-2 {
        background-image: url(../img/bg-002.jpg);
        background-position: center;
        background-repeat: repeat;
        min-height: 520px;
    }


    .banner-titulo {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 20px;

    }

    .banner-texto {
        font-size: 28px;
        line-height: 28px;
    }

    .dra-txt-2 {
        text-align: justify;
        font-weight: 100;
        font-size: 20px;
        margin-top: 15px;
    }

    .sociedade-txt {
        font-weight: 100;
        font-size: 17px;
        margin-top: 10px;
        text-align: justify;
    }

    .icone-contato {
        margin-top: -5px;
        margin-bottom: 15px;
    }

    .icone-contato-endereco {
        margin-bottom: 25px;
    }

    .text-banner {
        font-size: 1.2rem;
        text-align: justify;
        color: #fff;
    }

    .font-h1 {
        font-size: 2.2rem;
    }

    .font-h2 {
        font-size: 1.5rem;
    }

    .font-h3 {
        font-size: 1.6rem;
    }

    .font-h4 {
        font-size: 1.3rem;
    }

    .font-h5 {
        font-size: 1.0rem;
    }

    .font-h6 {
        font-size: 0.7rem;
    }

    .font-p {
        font-size: 1.0rem;
    }

    .font-p-2 {
        font-size: 1.2rem;
    }

    .txt-sobre {
        font-size: 14px;
        line-height: 20px;
    }
}

/* Dispositivos small (telefones em modo paisagem, com 576px ou mais) */

@media (min-width: 176px) and (max-width: 767.98px) {

    .t-banner-b {
        margin-top: 165px;
        margin-bottom: 165px;
    }

    .text-banner {
        font-size: 1.2rem;
        text-align: justify;
        color: #fff;
    }
}


/* Dispositivos médios (tablets com 768px ou mais) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-banner {
        font-size: 1.2rem;
        text-align: justify;
        color: #fff;
    }

    .font-p {
        font-size: 1.0rem;
    }

    .font-p-2 {
        font-size: 1.2rem;
    }
}

/* Dispositivos large (desktops com 992px ou mais) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .text-banner {
        font-size: 1.6rem;
        text-align: justify;
        color: #fff;
    }

    .font-p {
        font-size: 1.3rem;
    }

    .font-p-2 {
        font-size: 1.5rem;
    }
}

/* Dispositivos extra large (desktops grandes com 1200px ou mais) */
@media (min-width: 1200px) {
    .text-banner {
        font-size: 1.6rem;
        text-align: justify;
        color: #fff;
    }

    .font-p {
        font-size: 1.3rem;
    }

    .font-p-2 {
        font-size: 1.5rem;
    }
}