.overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto !important;
}

body {
  background: #2d2d2d url("/images/labormed-footer-bg.png?v=20240903b") center
    bottom no-repeat fixed !important;
  /*background-size: contain !important;*/
}

span.acordion-subtitle {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

header {
  background-color: #063a88;
  min-height: 84px;
  color: #f0f8ff;
}
header .icons .icon {
  height: 46px;
  width: 46px;
  font-size: 1.5rem;
}
header .icons .mobile {
  display: none !important;
}
header .icons .icon a {
  color: #f0f8ff;
  text-decoration: none;
  position: relative;
}
header .icons .icon a:hover {
  color: #5a97f1;
}
header .icons .icon a.location {
  left: 6px;
  top: 1px;
}
header .icons .icon a.whatsapp {
  left: 5px;
  top: 1px;
}
header .icons .icon a.phone {
  left: 3px;
  top: 1px;
}
header .icons .icon a.mail {
  left: 3px;
  top: 2px;
}
header .icons .icon a.menu {
  height: 1.2rem !important;
  left: 0px;
  top: 2px;
}
header .icons .icon a.menu svg {
  height: 1.7rem !important;
}
header .icons span.icon {
  margin-left: auto !important;
}
header .title {
  min-height: 64px;
}
header .title h1 {
  margin-top: 8px !important;
  height: 60px;
  width: 290px;
  background: url("/images/labormed-only-290x60.png?v=20240903b") center center
    no-repeat;
}
header .title h1 a {
  color: #f0f8ff;
  text-decoration: none;
  position: relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  height: 60px;
  width: 290px;
  text-indent: -9999px;
}
header .empty {
  height: 16px;
}

nav#mainMenu {
  background-color: #efefef !important;
  position: fixed;
  top: 84px !important;
  color: #112c55;
  border-top: 2px solid #0d2a57;
  border-bottom: 2px solid #063a88;
}
nav#mainMenu .list ul li.mobile {
  display: none;
}
nav#mainMenu .list ul li > .close {
  display: none;
}
nav#mainMenu .list ul li .item:hover > a,
nav#mainMenu .list ul li a:hover {
  color: #0a49a8;
}
nav#mainMenu .list ul li .item > a.resultado,
nav#mainMenu .list ul li a.resultado {
  color: #fff !important;
}
nav#mainMenu .list ul li .item.resultado {
  color: #ccc !important;
  background-color: #3a6bb6;
}
nav#mainMenu .list ul li .item.resultado:hover {
  color: #fff !important;
  background-color: #0c2c5c;
}
nav#mainMenu .list ul li .item.resultado:hover > a.resultado {
  color: #fff !important;
}
nav#mainMenu .list ul li a {
  color: #112c55;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1rem;
  position: relative;
  top: -5px;
}
nav#mainMenu form#mainForm {
  background-color: #063a88;
  left: 7px;
  top: 62px;
  width: 300px;
}
nav#mainMenu form#mainForm input,
nav#mainMenu form#mainForm button {
  font-weight: bold;
}
nav#mainMenu form#mainForm button {
  width: calc(100% - 17px);
}
nav#mainMenu form#mainFormPopup {
  display: none;
  position: relative;
  top: -18px;
}

main {
  background-color: #fff;
  padding-top: 96px !important;
  padding-bottom: 24px !important;
  border-bottom: 2px solid #222;
}
main .banner.carousel {
  position: relative;
  top: -24px;
  margin: 0px;
  padding: 0px;
  height: calc(100vh - 204px) !important;
  max-height: 100% !important;
}
main .banner.carousel .carousel-inner .carousel-caption {
  width: 50%;
  margin: 0 auto !important;
  padding: 0px !important;
  top: calc(50% - 145px);
}
main .banner.carousel .carousel-inner .carousel-caption a {
  text-decoration: none;
}
main .banner.carousel .carousel-inner .slider a {
  color: inherit !important;
  text-decoration: none;
}
main .banner.carousel .carousel-inner .carousel-caption h5 {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}
main .banner.carousel .carousel-inner .carousel-caption p {
  font-size: 1.2rem;
}
main .banner.carousel .carousel-inner .carousel-caption p.bold {
  font-weight: bold;
}
main .banner.carousel .carousel-inner .slider {
  width: 100% !important;
  height: calc(100vh - 154px) !important;
}
main .banner.carousel .carousel-inner .slider img {
  height: 100% !important;
  width: 100% !important;
}
main .banner.carousel .carousel-inner .slider.slider1 {
  background: #333 url("/images/labormed-slider1-bg.jpg?v=20240903b") center
    center no-repeat !important;
  background-size: cover !important;
}
main .banner.carousel .carousel-inner .slider.slider2 {
  background: #333 url("/images/labormed-slider2-bg.jpg?v=20240903b") center
    center no-repeat !important;
  background-size: cover !important;
}
main .banner.carousel .carousel-inner .slider.slider3 {
  background: #333 url("/images/labormed-slider3-bg.jpg?v=20240903b") center
    center no-repeat !important;
  background-size: cover !important;
}
main .banner.carousel .carousel-inner .slider.slider4 {
  background: #333 url("/images/labormed-slider4-bg.jpg?v=20240903b") center
    center no-repeat !important;
  background-size: cover !important;
}
main .title {
  background: #fff url("/images/labormed-content-bg.jpg?v=20240903b") right top
    no-repeat !important;
  background-size: cover !important;
  height: 128px !important;
  width: 100%;
  color: #fff;
  font-size: 2rem;
  position: relative;
  top: -24px;
}
main .title h3 {
  font-weight: bold;
  font-size: 1.6rem;
}
main .text {
  padding-right: 0px;
  color: #000;
  font-size: 1.1rem;
}
main .text h4,
main .text h5 {
  font-weight: bold;
  text-transform: uppercase;
}
main .text iframe.sobre {
  position: relative;
  left: 6px;
  margin: 0px;
  padding: 0px;
}
main .text a.lista-exames {
  color: #0c63e4;
  font-size: 6rem;
  text-decoration: none;
}
main .text .accordion .accordion-button {
  font-weight: bold;
  font-size: 1.1rem;
}
main .text .accordion .accordion-body {
  font-size: 1rem;
}
main .text div.vacina {
  background: #2d2d2d url("/images/labormed-vacinas.jpg?v=20240903b") right top
    no-repeat !important;
  background-size: cover !important;
  height: 360px !important;
  width: 100%;
}
main .text div.imagem {
  background: #2d2d2d url("/images/labormed-imagem.jpg?v=20240903b") right top
    no-repeat !important;
  background-size: cover !important;
  height: 360px !important;
  width: 100%;
}
main .destaque {
  position: relative;
  left: 12px;
}
main .destaque div.onlife {
  width: 100%;
  text-align: center;
  margin: 0 auto !important;
}
main .destaque div.onlife div {
  margin-top: 8px;
  margin-bottom: 8px;
}
main .destaque div.onlife img {
  width: 180px;
}
main .destaque small a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
main .unidade .col {
  position: relative;
  left: 12px;
}
main .unidade .card-body {
  font-size: 1rem;
}
main .unidade .card-body h5 {
  font-weight: bold;
  color: #0a49a8;
}
main .unidade .card-body p.bold,
main .unidade .card-body span.bold {
  font-weight: bold;
}
main .unidade .card-footer {
  font-size: 1.8rem;
}
main .contato a {
  color: #0c63e4;
  font-size: 3rem;
  text-decoration: none;
}
main .contato a:hover,
main .text a.lista-exames:hover {
  color: #0c2c5c;
}
main .text div.contato-form {
  background: #2d2d2d url("/images/labormed-contato.jpg?v=20240903b") left
    center no-repeat !important;
  background-size: cover !important;
  height: 360px !important;
  width: 100%;
}
main .text #contactForm .toast {
  width: 300px !important;
}
main .convenio .info {
  font-size: 0.9rem;
  position: relative;
  top: -36px;
}
main .destaque-qualidade {
  width: 100%;
  max-width: 280px !important;
}

.cover {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  height: calc(100vh - 0px) !important;
  width: calc(100vw - 0px) !important;
  background: #063a88 url("/images/labormed-only-290x60.png?v=20240903b") center
    center no-repeat !important;
  z-index: 2000 !important;
}

footer {
  color: #c4c4c4;
}
footer h5,
footer span,
footer a.white {
  color: #fff !important;
}
footer h5.bold,
footer span.bold,
footer a.bold {
  font-weight: bold !important;
}
footer h3 {
  font-size: 1rem;
}
footer a {
  text-decoration: none;
  color: #c4c4c4;
}
footer a:hover,
footer a.white:hover {
  color: #5a97f1 !important;
}
footer .info svg,
footer .nav-item svg {
  float: left !important;
  height: 1.1rem !important;
  position: relative;
  top: 4px;
  color: #fff;
}
footer .instagram svg,
footer .facebook svg {
  height: 1.8rem !important;
  position: relative;
  top: -2px;
  left: 0px;
}
footer .nav-item svg {
  margin-left: 6px;
  margin-right: 12px;
}
footer .info div {
  display: inline-block;
  clear: both;
  margin-left: 8px;
  width: 85%;
}
footer .category a {
  color: #fff !important;
}
footer .app-store {
  width: 198px;
  margin-left: auto;
  margin-top: 8px;
  margin-right: 8px;
  position: relative;
  left: -10px;
}

#resultModal .modal-header {
  background-color: #063a88;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0px !important;
}
#resultModal .modal-header h5 {
  font-weight: bold;
}
#resultModal .modal-header a {
  color: #fff;
  text-decoration: none;
}
#resultModal .modal-header a:hover {
  color: #5a97f1;
}
#resultModal .modal-body {
  margin: 0px !important;
  padding: 0px !important;
  background-color: #fff !important;
  overflow: hidden;
}
#resultModal form#mainForm button {
  position: relative;
  left: 2px;
  width: calc(100% - 20px);
}

@media (max-width: 1199.98px) {
  header .icons .icon {
    margin: 0.3rem 0.15rem !important;
    padding: 0.3rem 0.15rem !important;
  }
  header .icons .mobile {
    display: inline-block !important;
  }
  header .title h1 {
    left: -8px !important;
  }

  nav#mainMenu {
    background: #fff url("/images/labormed-menu-bg.png?v=20240903b") center
      bottom no-repeat fixed;
    position: fixed !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    min-height: calc(100vh - 0px) !important;
    width: 300px !important;
    height: calc(100vh - 0px) !important;
  }
  nav#mainMenu.menu-fullscreen {
    left: 0px !important;
    min-width: calc(100vw - 0px) !important;
    width: calc(100vw - 0px) !important;
    z-index: 1041 !important;
  }
  nav#mainMenu .list {
    margin: 0px !important;
    padding: 0px !important;
  }
  nav#mainMenu .list {
    width: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  nav#mainMenu .list ul {
    width: 100% !important;
    min-height: 100% !important;
    height: 770px !important;
  }
  nav#mainMenu .list ul,
  nav#mainMenu .list ul li {
    display: block;
  }
  nav#mainMenu .list ul li a.menu {
    top: -16px;
  }
  nav#mainMenu .list ul li.mobile {
    display: block;
  }
  nav#mainMenu .list ul li.mobile.last-item {
    height: 32px !important;
  }
  nav#mainMenu .list ul li > .mobile {
    position: relative;
    top: 8px;
    width: 278px !important;
  }
  nav#mainMenu.menu-fullscreen .list ul li > .mobile {
    width: calc(100vw - 20px) !important;
  }
  nav#mainMenu .list ul li .mobile {
    display: block;
    text-align: right;
  }
  nav#mainMenu .list ul li a svg {
    height: 1.8rem !important;
    position: relative;
    top: 6px;
    left: 0px;
  }
  nav#mainMenu .list ul li a.menu svg {
    height: 1.7rem !important;
  }
  nav#mainMenu .list ul li span svg {
    left: 0px;
  }
  nav#mainMenu form#mainForm {
    left: 8px;
    top: 44px;
    width: 300px;
  }
  nav#mainMenu form#mainFormPopup {
    display: inherit;
  }
  nav#mainMenu .list ul li a:not(.menu) {
    top: -2px !important;
  }

  main {
    padding-top: 24px !important;
  }
  main .banner.carousel {
    height: calc(100vh - 188px) !important;
    max-height: 100% !important;
  }
  main .banner.carousel .carousel-inner,
  main .banner.carousel .carousel-inner .slider {
    height: calc(100vh - 140px) !important;
  }
  main .banner.carousel .carousel-inner .carousel-caption h5 {
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  main .banner.carousel .carousel-inner .carousel-caption p {
    font-size: 1rem;
  }

  .modal-sm {
    width: 288px !important;
    max-width: 288px !important;
    margin: 0 auto !important;
  }
}