@import url("https://fonts.cdnfonts.com/css/garant-pro");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  text-decoration: none; }

body {
  background-color: #18265f; }

h1,
h2,
h3 {
  font-family: 'Garant Pro', sans-serif;
  text-decoration: none; }

button,
p,
nav,
a {
  font-family: 'Roboto', sans-serif;
  text-decoration: none; }

button {
  border: none;
  border-radius: 15px;
  cursor: pointer; }

.container {
  width: auto;
  margin: 0 auto; }

nav {
  margin: 0 50px 0 0;
  text-transform: uppercase; }
  nav a {
    margin: 0 15px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.4px;
    transition: 0.5s; }
    nav a:hover {
      color: #93c7fc; }

.topo {
  width: auto;
  margin: 0 0 0 0;
  padding: 30px;
  background-color: #056b9e; }

.redes-sociais {
  position: absolute;
  right: 0cm;
  top: 30px;
  margin: 0 30px 0 0;
  display: none; }
  .redes-sociais i {
    color: #fff;
    font-size: 1.4em; }
  .redes-sociais a {
    margin: 2.5px; }

#nav-bar {
  color: #fff;
  font-size: 1.5em;
  cursor: pointer;
  display: none; }

#close-nav-bar {
  display: none;
  position: absolute;
  right: 0cm;
  margin: 15px;
  font-size: 1.6em;
  color: #818181;
  cursor: pointer; }

.cover {
  width: auto;
  min-height: 200px;
  background-image: url("../images/cover.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.cover-body {
  width: auto;
  margin: 0 auto;
  background-color: #ffffff70;
  display: flex;
  justify-content: center;
  align-self: center; }

.cover-imagem {
  display: flex;
  align-self: center;
  padding: 30px; }
  .cover-imagem img {
    height: 500px; }

.cover-text {
  width: fit-content;
  padding: 30px 20px 70px 40px; }

.cover-logo {
  text-align: center; }
  .cover-logo img {
    height: 100px; }

.cover-title {
  margin: 50px 0 0 0; }
  .cover-title h1 {
    font-size: 80px;
    line-height: 50px;
    color: #056b9e; }
  .cover-title h2 {
    margin: -20px 0 0 80px;
    font-size: 80px;
    color: #ed1b20; }

.cover-menu {
  width: fit-content;
  margin: 20px auto 0 auto; }
  .cover-menu a {
    font-family: 'Garant Pro', sans-serif;
    background-color: #18265f;
    padding: 8px 40px;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 30px;
    transition: 0.5s; }
    .cover-menu a:hover {
      background-color: #f30020; }

.welcome {
  width: auto;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-self: center; }

.welcome-text {
  max-width: 800px; }
  .welcome-text h1 {
    font-size: 2em;
    color: #056b9e;
    margin: 0 0 -10px 0; }
  .welcome-text h3 {
    color: #ed1b20; }
  .welcome-text p {
    margin: 15px 0;
    color: #818181;
    font-size: 1.3em;
    font-weight: 300;
    text-align: justify; }

.welcome-divisor-text h2 {
  font-size: 2em;
  letter-spacing: 2px;
  color: #18265f; }
.welcome-divisor-text i {
  color: #14a700; }

.welcome-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 40px; }
  .welcome-img img {
    height: 400px; }

.sobre {
  width: auto;
  margin: 0 auto;
  background-image: url("../images/history.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.sobre-body {
  width: auto;
  margin: 0 auto;
  background-color: #ffffffbe;
  padding: 50px 30px; }

.sobre-title {
  width: fit-content;
  margin: 0 auto; }
  .sobre-title h1 {
    color: #056b9e; }

.sobre-historia {
  width: fit-content;
  max-width: 970px;
  margin: 30px auto; }
  .sobre-historia p {
    color: #353535;
    font-weight: 400;
    font-size: 1.2em;
    text-align: justify;
    letter-spacing: 0.5px; }

.sobre-tags {
  width: fit-content;
  max-width: 1000px;
  margin: 0 auto;
  display: flex; }

.sobre-tags-body {
  width: 300px;
  margin: 0 20px; }
  .sobre-tags-body p {
    text-align: justify;
    color: #353535;
    font-weight: 400;
    letter-spacing: 1px; }
  .sobre-tags-body h2 {
    color: #056b9e; }
  .sobre-tags-body i {
    margin: 0 15px 0 0;
    color: #ed1b1fe7; }

.resultado-exames {
  width: auto;
  background-image: url("../images/exame.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff; }

.resultado-exames-container {
  width: auto;
  padding: 50px 30px;
  background-color: #18265fd5;
  text-align: center; }
  .resultado-exames-container button {
    width: 280px;
    padding: 20px;
    margin: 20px 0 0 0;
    font-size: 15px;
    background-color: #da0622;
    color: #fff;
    letter-spacing: 1px;
    transition: 1s; }
    .resultado-exames-container button:hover {
      background-color: #f30020;
      transition: 1s; }
  .resultado-exames-container p {
    max-width: 800px;
    margin: 20px auto;
    letter-spacing: 0.3px; }
  .resultado-exames-container h2 {
    font-weight: 200;
    text-decoration: none;
    color: #fff; }
  .resultado-exames-container span {
    font-weight: 100; }

.list-exames {
  width: auto;
  margin: 0 auto;
  padding: 30px 30px 70px 30px;
  background-color: #fff; }

.list-exames-title {
  width: fit-content;
  margin: 0 auto 30px auto; }
  .list-exames-title h1 {
    color: #18265f; }

.list-exames-body {
  width: fit-content;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center; }

.list-exames-movie {
  width: fit-content;
  background-color: #18265f;
  padding: 3px 3px 0 3px;
  text-align: center; }
  .list-exames-movie video,
  .list-exames-movie source,
  .list-exames-movie object,
  .list-exames-movie embed {
    width: 500px; }
  .list-exames-movie a {
    color: #fff;
    background-color: #056b9e;
    padding: 20px 40px 10px 40px;
    font-weight: 100;
    font-size: 1.4em;
    border-radius: 0 0 5px 5px; }

.list-exames-nosso {
  width: fit-content;
  margin: 0 30px 0 0; }

.list-exames-nosso-tags img {
  height: 40px;
  margin: 0 15px 0 0; }
.list-exames-nosso-tags h2 {
  display: flex;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  margin: 0 0 10px 0;
  color: #818181; }

.list-exames-nosso-describ {
  width: fit-content;
  margin: 20px 0 0 50px; }
  .list-exames-nosso-describ p {
    font-size: 1.1em;
    color: #353535; }
  .list-exames-nosso-describ i {
    color: #14a700;
    margin: 0 10px 0 0; }
  .list-exames-nosso-describ h1 {
    display: flex;
    align-items: center;
    font-weight: 100;
    color: #056b9e;
    font-size: 3em; }
  .list-exames-nosso-describ span {
    color: #ed1b20;
    font-size: 1.5em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 0 -10px; }

.glass-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 2;
  background: rgba(252, 251, 251, 0);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(13.5px);
  -webkit-backdrop-filter: blur(13.5px);
  display: flex;
  justify-content: center;
  align-items: center; }

.close-see-exame {
  position: absolute;
  top: 0;
  right: 0;
  margin: 50px;
  cursor: pointer; }
  .close-see-exame i {
    color: #fff;
    background-color: #ed1b1fe7;
    font-size: 25px;
    padding: 10px 20px; }

.form-exame {
  width: fit-content;
  max-width: 300px;
  background-color: #ffffffbe;
  padding: 20px;
  text-align: center; }
  .form-exame p {
    font-size: 0.8em;
    color: #818181;
    margin: 0 0 30px 0; }
  .form-exame input {
    width: 250px;
    border: 1px solid #ed1b20;
    color: #818181;
    padding: 20px 0 20px 20px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: 300; }
    .form-exame input::placeholder {
      color: #ed1b20;
      font-size: 1.2em;
      font-weight: 100; }
    .form-exame input:focus {
      outline: none;
      border: 1px solid #056b9e; }
  .form-exame button {
    background-color: #056b9e;
    color: #fff;
    font-size: 1.2em;
    font-weight: 200;
    border-radius: 0;
    width: 270px;
    padding: 20px 0; }

.form-exame-title {
  width: fit-content;
  margin: 0 auto; }
  .form-exame-title h1 {
    color: #ed1b20;
    font-size: 1.5em; }

.campanha {
  width: fit-content;
  max-width: 300px; }

.campanha-img img {
  width: 300px; }

.campanha-btn button {
  width: 300px;
  padding: 8px 0;
  color: #fff;
  font-size: 1.1em;
  font-weight: 100;
  letter-spacing: 2px;
  border-radius: 0;
  background-color: #0e0b22d2;
  cursor: pointer; }

.campanha-site {
  width: fit-content;
  margin: 5px auto 0 auto; }
  .campanha-site h2 {
    font-size: 0.9em;
    letter-spacing: 3px;
    color: #818181; }

.unidades {
  position: absolute;
  width: 100%;
  z-index: 1;
  background-image: url("../images/unidades.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.unidades-body {
  width: 100%;
  background-color: #ed1b1fe7;
  padding: 40px 0; }

.close-unidades {
  position: absolute;
  right: 0cm;
  margin: 30px;
  cursor: pointer; }
  .close-unidades i {
    color: #fff;
    font-size: 1.8em; }

.unidade {
  width: 600px;
  min-width: 300px;
  display: flex;
  align-items: center;
  margin: 0 auto 20px auto; }

.unidade-tag {
  margin: 0 0 0 30px;
  text-align: left; }
  .unidade-tag span {
    color: #fff;
    font-family: 'Garant Pro', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.1em; }

.unidade-contato {
  display: grid; }
  .unidade-contato a {
    color: #fff;
    font-weight: 100;
    margin: 0 0 5px 0;
    font-style: italic; }

.unidade-img img {
  height: 130px;
  border-radius: 20px 80px; }

.divisor-unidade-name {
  height: 1px;
  width: 100%;
  background-color: #ffffff70;
  margin: 10px 0; }

.convenios {
  width: auto;
  margin: 0 auto;
  background-image: url("../images/conve.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.convenios-body {
  width: auto;
  margin: 0 auto;
  padding: 50px 30px;
  background-color: #ffffffbe; }

.convenios-title {
  width: fit-content;
  margin: 0 auto 30px auto; }
  .convenios-title h1 {
    color: #ed1b20; }

.convenios-img {
  width: fit-content;
  max-width: 1000px;
  text-align: center;
  margin: 0 auto;
  display: flow;
  justify-content: center;
  align-content: center; }
  .convenios-img img {
    height: 100px;
    margin: 0 20px;
    filter: grayscale(1); }
    .convenios-img img:hover {
      transition: 1s;
      filter: grayscale(0); }

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: #ffffff; }
  .footer button {
    margin: 30px 0;
    border-radius: 0;
    padding: 8px 40px;
    color: #fff;
    background-color: #18265f; }

.footer-logo img {
  height: 100px; }

.footer-historia {
  max-width: 400px;
  margin: 40px 0 0 0; }
  .footer-historia p {
    color: #818181;
    font-weight: 300;
    font-size: 0.9em;
    text-align: justify; }

.footer-contato {
  margin: 0 0 20px 0; }
  .footer-contato i {
    padding: 15px 15px;
    background-color: #18265f;
    color: #fff;
    margin: 0 10px 0 0; }
  .footer-contato span {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    color: #18265f; }
  .footer-contato a {
    color: #18265f; }

.footer-divisor {
  width: 1px;
  height: 300px;
  margin: 0 40px;
  background-color: #818181; }

.developer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  text-align: center; }
  .developer p {
    color: #fff;
    font-size: 0.7em;
    letter-spacing: 1px; }
  .developer img {
    width: 50px;
    margin: 0 0 0 10px; }

.back-topo {
  position: fixed;
  bottom: 0cm;
  right: 0cm;
  margin: 15px 15px;
  width: fit-content;
  background-color: #18265fd5;
  padding: 10px 15px;
  border-radius: 50px;
  cursor: pointer; }
  .back-topo i {
    color: #fff;
    font-size: 1rem; }

.contato-btn {
  position: fixed;
  bottom: 0cm;
  right: 0cm;
  margin: 0 10px;
  width: fit-content; }
  .contato-btn img {
    height: 50px; }

@media screen and (max-width: 1280px) {
  .cover-imagem img {
    height: 350px; }

  .welcome-text h1 {
    font-size: 1.8em; }
  .welcome-text h3 {
    font-size: 1em; }
  .welcome-text p {
    font-size: 1em; }

  .welcome-divisor-text h2 {
    font-size: 1.5em;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: -1px 0 #18265f, 0 1px #18265f, 1px 0 #18265f, 0 -1px #18265f; }
  .welcome-divisor-text i {
    color: #14a700; }
  .welcome-divisor-text p {
    font-size: 1em;
    text-align: left; } }
@media screen and (max-width: 1055px) {
  .welcome-text h1 {
    font-size: 1.4em; }

  .sobre-historia {
    max-width: 750px;
    margin: 30px auto; }
    .sobre-historia p {
      font-size: 1em; }

  .sobre-tags {
    max-width: 800px; }

  .sobre-tags-body {
    width: 250px;
    margin: 0 20px; } }
@media screen and (max-width: 1000px) {
  .cover-imagem img {
    height: 300px; } }
@media screen and (max-width: 945px) {
  .welcome-img {
    display: none; }

  .list-exames-movie video,
  .list-exames-movie source,
  .list-exames-movie object,
  .list-exames-movie embed {
    width: 300px; }
  .list-exames-movie a {
    font-size: 1em; }

  .list-exames-nosso-tags img {
    height: 25px;
    margin: 0 8px 0 0; }
  .list-exames-nosso-tags h2 {
    font-size: 1em; }

  .list-exames-nosso-describ {
    width: fit-content;
    margin: 20px 0 0 20px; }
    .list-exames-nosso-describ p {
      font-size: 1em; }
    .list-exames-nosso-describ h1 {
      display: flex;
      align-items: center;
      font-weight: 100;
      color: #056b9e;
      font-size: 2em; }
    .list-exames-nosso-describ span {
      color: #ed1b20;
      font-size: 1.2em;
      font-weight: 300; } }
@media screen and (max-width: 920px) {
  .cover-title h1 {
    font-size: 4em; }
  .cover-title h2 {
    font-size: 4em; }

  .cover-menu a {
    font-size: 0.8em; }

  .cover-imagem img {
    height: 300px; }

  .footer-divisor {
    width: 0px; }

  .footer-contato i {
    padding: 10px; }
  .footer-contato span {
    font-size: 1em; } }
@media screen and (max-width: 865px) {
  #nav-bar {
    display: inline; }

  #close-nav-bar {
    display: inline; }

  .redes-sociais {
    display: inline; }

  nav {
    position: absolute;
    display: none;
    background-color: #fffffff6;
    text-align: center;
    width: 100%;
    top: 0cm;
    left: 0cm; }
    nav a {
      margin: 15px 0;
      color: #818181;
      font-weight: 300;
      font-size: 1.3em;
      letter-spacing: 0.4px;
      transition: 0.5s; }
      nav a:hover {
        color: #93c7fc; }

  .cover-imagem img {
    height: 200px; }

  .sobre-historia {
    max-width: 600px;
    margin: 30px auto; }
    .sobre-historia p {
      font-size: 1em; }

  .sobre-tags {
    max-width: 600px;
    display: block; }

  .sobre-tags-body {
    width: auto;
    margin: 0 0 20px 0; }

  .footer {
    display: block; }

  .footer-divisor {
    display: none; } }
@media screen and (max-width: 715px) {
  .cover-imagem {
    display: none; }

  .unidade {
    display: inline; }

  .unidade-img {
    width: fit-content;
    margin: 0 auto; }
    .unidade-img img {
      border-radius: 15px 30px; }

  .unidade-tag {
    width: 300px;
    margin: 0 auto; }

  .unidade-contato {
    margin-bottom: 40px; }
    .unidade-contato a {
      font-size: 0.8em; }

  .list-exames-body {
    display: block; }

  .list-exames-nosso-tags img {
    height: 30px;
    margin: 0 8px 0 0; }
  .list-exames-nosso-tags h2 {
    font-size: 1.2em; }

  .list-exames-nosso-describ {
    width: fit-content;
    margin: 20px 0 0 20px; }
    .list-exames-nosso-describ p {
      font-size: 1em; }
    .list-exames-nosso-describ h1 {
      display: flex;
      align-items: center;
      font-weight: 100;
      color: #056b9e;
      font-size: 2em; }
    .list-exames-nosso-describ span {
      color: #ed1b20;
      font-size: 1.2em;
      font-weight: 300; } }
@media screen and (max-width: 485px) {
  .welcome-text h1 {
    font-size: 2em;
    line-height: 30px;
    margin: 0 0 5px 0; }

  .convenios-img img {
    height: 60px;
    margin: 0 10px; } }
@media screen and (max-width: 430px) {
  .welcome-text h1 {
    font-size: 2.2em;
    line-height: 35px;
    margin: 0 0 5px 0; } }
@media screen and (max-width: 405px) {
  .welcome-text h3 {
    font-size: 1.5em;
    line-height: 25px;
    margin: 0 0 5px 0; }

  .convenios-img img {
    height: 80px;
    margin: 0 10px; } }

/*# sourceMappingURL=style.css.map */