@font-face {
  font-family: "Tw Cen MT";
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Bold.eot");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Bold.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Bold.woff") format("woff");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Tw Cen MT";
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Regular.eot");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Regular.eot?#iefix") format("embedded-opentype");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Regular.woff") format("woff");
  src: url("../fonts/Tw-Cen-MT/TwCenMT-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*General style */
a.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden; }

/*SOBREHEADER */
div.sobre-header {
  background-color: #F9AF96;
  height: 30px;
  position: relative;
  width: 100%;
  font-size: 0.825rem;
  padding: 0 8% 0 8%;
  float: left;
  font-family: "Roboto";
  font-weight: 400; }
  div.sobre-header div.valign-wrapper {
    width: auto; }
  div.sobre-header.valign-wrapper {
    justify-content: space-between; }
  div.sobre-header a {
    color: white;
    font-size: 0.825rem;
    transition: 0.1s ease-in-out;
    font-weight: bold; }
    div.sobre-header a:hover {
      transition: 0.15s ease-in-out;
      text-decoration: underline; }
    div.sobre-header a p {
      font-style: italic; }
    div.sobre-header a i {
      margin-left: 6px;
      color: white; }

header i.fa {
  font-size: 1.2rem; }

div.movile-sobre-header {
  position: fixed;
  width: 100%;
  height: 30px; }
  div.movile-sobre-header div {
    height: inherit;
    justify-content: center; }
    div.movile-sobre-header div a {
      color: white; }
    div.movile-sobre-header div.llamar {
      background-color: #929497;
      border-right: 1px solid white; }
    div.movile-sobre-header div.mandar-email {
      background-color: #929497;
      border-right: 1px solid white; }

a.brand-logo {
  position: relative;
  float: left;
  padding: 15px 0; }

.navbar-fixed {
  height: 0px; }
  .navbar-fixed nav {
    position: relative;
    width: 100%;
    box-shadow: none;
    width: 100%;
    height: 90px;
    background-color: rgba(255, 255, 255, 0.94);
    display: inline-block;
    -webkit-backdrop-filter: blur(10px); }
    @media only screen and (max-width: 600px) {
      .navbar-fixed nav {
        top: 0;
        position: fixed; } }

nav a.button-collapse.left {
  color: #4D4C54; }
nav .nav-wrapper {
  padding: 0 8% 0 8%;
  border-bottom: 1px solid #edeeee; }
nav li {
  width: 140px;
  text-align: center; }
nav ul li a {
  line-height: 90px;
  color: #4D4C54;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 0px 0 0px;
  margin: auto;
  font-family: "Tw Cen MT";
  font-size: 1.25rem;
  transition: 0.1s ease-in-out; }
  nav ul li a:hover {
    background-color: rgba(255, 255, 255, 0);
    letter-spacing: 2px;
    font-weight: 500;
    transition: 0.15s ease-in-out; }
nav a.button-collapse {
  color: black;
  left: 0px;
  position: absolute; }
  @media only screen and (max-width: 992px) {
    nav a.button-collapse {
      left: 2%;
      margin-top: 3px; } }
  @media only screen and (max-width: 600px) {
    nav a.button-collapse {
      margin-top: 6px; } }

/*//////////////////////////////////////////////////////////// */
/*FOOTER */
footer.page-footer {
  padding-top: 20px;
  background-color: #fafafb;
  margin-top: 40px; }
  footer.page-footer a {
    color: #4D4C54; }
    footer.page-footer a:hover {
      text-decoration: underline; }

img.logo-footer {
  height: 44px;
  width: auto; }

div.container-footer {
  width: 84%;
  margin: 20px auto; }
  div.container-footer .row .col {
    position: relative; }
    div.container-footer .row .col.contacto ul {
      padding-left: 40px; }
    div.container-footer .row .col.contacto i {
      position: absolute;
      left: 12px; }
  div.container-footer h5 {
    font-weight: 500; }
  div.container-footer ul {
    font-weight: 400;
    line-height: 26px; }
    div.container-footer ul li {
      margin: 15px 0; }
    div.container-footer ul i {
      position: absolute;
      left: -20px; }

footer.page-footer div.container-footer .col ul li a {
  font-size: 16px;
  margin: 10px 0px; }
footer p.suscribe {
  font-size: 1.75rem;
  line-height: 30px;
  font-family: "Tw Cen MT";
  font-weight: 600;
  letter-spacing: 0.9px;
  width: 100%;
  color: black; }
footer .container {
  width: 84%; }

.input-field label:not(.label-icon).active {
  color: transparent !important; }

div.container-footer h5 {
  font-weight: bold; }
div.container-footer div.col {
  margin-bottom: 20px; }

.footer-copyright {
  background: rgba(20, 20, 20, 0.07) !important; }

footer div.suscribe-footer div.col {
  height: 64px; }
footer div.suscribe-footer div.valign-wrapper {
  justify-content: center; }

div.container-footer li a, i {
  transition: 0.1s ease-in-out; }

div.servicios {
  height: 75vh !important;
  width: 100%;
  position: relative;
  padding: 0 8%;
  background-image: url(../images/backgrounds/anna-sastre-3401.jpg); }
  @media only screen and (max-width: 600px) {
    div.servicios {
      height: 60vh !important; } }
  div.servicios div.servicios-menu {
    height: auto;
    position: absolute;
    bottom: 0;
    padding: 40px 95px;
    background-color: white;
    width: 84%; }
    @media only screen and (max-width: 600px) {
      div.servicios div.servicios-menu {
        align-items: center;
        padding: 29px 0; } }
    div.servicios div.servicios-menu ul {
      width: auto;
      position: relative; }
      @media only screen and (max-width: 600px) {
        div.servicios div.servicios-menu ul {
          width: 100%;
          margin: 0; } }
    div.servicios div.servicios-menu li {
      width: 210px;
      text-align: center;
      display: inline-block; }
      @media only screen and (max-width: 600px) {
        div.servicios div.servicios-menu li {
          margin-top: 13px; } }
    div.servicios div.servicios-menu ul li a {
      color: #4D4C54;
      font-size: 1.25rem;
      padding: 0 0px 0 0px;
      margin: auto;
      font-weight: 500;
      transition: 0.1s ease-in-out; }
      @media only screen and (max-width: 600px) {
        div.servicios div.servicios-menu ul li a {
          font-size: 1rem; } }
      div.servicios div.servicios-menu ul li a:hover {
        background-color: rgba(255, 255, 255, 0);
        letter-spacing: 1px;
        font-weight: 600;
        transition: 0.15s ease-in-out; }
      div.servicios div.servicios-menu ul li a i {
        position: absolute;
        font-size: 1.75rem;
        margin-left: 10px;
        margin-top: 2px; }
    div.servicios div.servicios-menu h2 {
      font-size: 3rem;
      font-weight: 800;
      margin: 0;
      margin-top: 4px;
      position: relative; }
      @media only screen and (max-width: 600px) {
        div.servicios div.servicios-menu h2 {
          margin: auto; } }

div.consulta.row {
  margin-bottom: 0;
  width: 84%;
  position: relative;
  height: auto;
  margin-top: 100px; }
  @media only screen and (max-width: 600px) {
    div.consulta.row {
      margin-top: 50px; } }
  div.consulta.row.no-margin {
    margin-top: 0; }
  div.consulta.row div.col {
    padding: 0;
    position: relative; }
    div.consulta.row div.col div.consulta-titulo {
      padding: 10px 60px;
      background-color: #4D4C54; }
      @media only screen and (max-width: 600px) {
        div.consulta.row div.col div.consulta-titulo {
          padding: 10px 20px; } }
      div.consulta.row div.col div.consulta-titulo h3 {
        font-weight: bold;
        font-size: 2.25rem;
        color: white; }
    div.consulta.row div.col div.consulta-texto {
      background-color: #fafafb;
      padding: 24px 60px;
      font-size: 1.25rem;
      line-height: 30px; }
      @media only screen and (max-width: 600px) {
        div.consulta.row div.col div.consulta-texto {
          padding: 20px 20px; } }
      div.consulta.row div.col div.consulta-texto h5 {
        font-size: 1.75rem;
        font-weight: 500;
        margin: 0;
        margin-bottom: 10px; }
      div.consulta.row div.col div.consulta-texto h6 {
        font-size: 1.25rem;
        font-weight: 300;
        font-family: "Roboto";
        margin-top: 20px; }
      div.consulta.row div.col div.consulta-texto div.cabina-texto {
        padding: 20px 0 0 0; }
  div.consulta.row .consulta-medica {
    position: relative;
    display: block; }
    div.consulta.row .consulta-medica.zero {
      background-image: url(../images/backgrounds/arrugas-mujer.jpg); }
    div.consulta.row .consulta-medica.one {
      background-image: url(../images/backgrounds/microderma.jpg); }
    div.consulta.row .consulta-medica.two {
      background-image: url(../images/backgrounds/quirurgica.jpg); }
    div.consulta.row .consulta-medica.three {
      background-image: url(../images/backgrounds/facial-hombre.jpg); }
    div.consulta.row .consulta-medica.four {
      background-image: url(../images/backgrounds/farmacia-block.jpg); }

.consulta-texto ul.cosmetica {
  margin: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding-top: 20px; }
  @media only screen and (max-width: 600px) {
    .consulta-texto ul.cosmetica {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }
  .consulta-texto ul.cosmetica li {
    margin-bottom: 20px;
    list-style-type: disc;
    list-style-position: inside;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; }

ul.cancer {
  padding-left: 1rem;
  list-style: circle;
  font-size: 1rem;
  line-height: 1rem; }

div.cabina-texto {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  background-color: #fafafb;
  padding: 24px 60px;
  font-size: 1.25rem;
  line-height: 30px; }
  @media only screen and (max-width: 600px) {
    div.cabina-texto {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      padding: 20px; } }
  div.cabina-texto ul {
    margin: 0; }
    div.cabina-texto ul li {
      margin-bottom: 20px;
      list-style-type: disc;
      list-style-position: inside;
      column-break-inside: avoid; }
      div.cabina-texto ul li h4 {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0;
        margin-bottom: 10px;
        display: inline-block; }

div.servicios.nosotros {
  background-image: url(../images/team/portada-nosotros.jpg); }
  @media only screen and (max-width: 600px) {
    div.servicios.nosotros {
      background-position: right;
      background-size: auto; } }

div.row.consulta .consulta-medica {
  position: relative;
  display: block; }
  div.row.consulta .consulta-medica.nosotros {
    background-image: url(../images/backgrounds/clinica.jpg); }
div.row.consulta.equipo {
  margin-top: 50px; }
  div.row.consulta.equipo h3 {
    font-size: 3rem;
    position: relative;
    left: 95px;
    font-weight: 800;
    margin: 40px 0; }
  div.row.consulta.equipo .col.l9 {
    padding: 20px 60px 0px 60px;
    background-color: #ededed;
    height: auto; }
    div.row.consulta.equipo .col.l9.ultimo {
      padding-bottom: 30px; }
    div.row.consulta.equipo .col.l9 h5 {
      font-weight: bold;
      font-size: 2.25rem; }
    div.row.consulta.equipo .col.l9 span {
      font-size: 1.25rem;
      line-height: 30px; }

.integrante-nosotros-1 {
  background-image: url("../images/team/integrante1.jpg");
  background-position: top !important; }
  @media only screen and (max-width: 600px) {
    .integrante-nosotros-1 {
      height: 300px !important;
      width: 100%; } }

.integrante-nosotros-2 {
  background-image: url("../images/team/integrante2.jpg");
  background-position: top !important; }
  @media only screen and (max-width: 600px) {
    .integrante-nosotros-2 {
      height: 300px !important;
      width: 100%; } }

.integrante-nosotros-3 {
  background-image: url("../images/team/integrante3.jpg");
  background-position: top !important; }
  @media only screen and (max-width: 600px) {
    .integrante-nosotros-3 {
      height: 300px !important;
      width: 100%; } }

.integrante-nosotros-4 {
  background-image: url("../images/team/integrante4.jpg");
  background-position: top !important; }
  @media only screen and (max-width: 600px) {
    .integrante-nosotros-4 {
      height: 300px !important;
      width: 100%; } }

div.col.l9.int1, div.col.l9.int2, div.col.l9.int3 {
  margin-bottom: 60px; }

.letras-chicas {
  font-size: rem;
  display: block;
  margin-top: 20px; }

div.servicios.contacto {
  background-image: url(../images/team/portada-contacto.jpg);
  background-position: bottom; }

div.consulta.row.contacto a {
  color: #4D4C54; }
  div.consulta.row.contacto a:hover {
    transition: 0.15s ease-in-out; }
    div.consulta.row.contacto a:hover .col.l2.valign-wrapper {
      border-bottom: 5px solid white; }
      div.consulta.row.contacto a:hover .col.l2.valign-wrapper i {
        font-size: 4rem; }
        @media only screen and (max-width: 900px) {
          div.consulta.row.contacto a:hover .col.l2.valign-wrapper i {
            font-size: 2.75rem; } }
        @media only screen and (max-width: 600px) {
          div.consulta.row.contacto a:hover .col.l2.valign-wrapper i {
            font-size: 1.75rem; } }
    div.consulta.row.contacto a:hover .col.l10 {
      padding: 0px 120px;
      font-weight: 500;
      letter-spacing: 1px; }
      @media only screen and (max-width: 900px) {
        div.consulta.row.contacto a:hover .col.l10 {
          padding-left: 80px; } }
      @media only screen and (max-width: 600px) {
        div.consulta.row.contacto a:hover .col.l10 {
          padding-left: 30px;
          padding-right: 0px; } }
      div.consulta.row.contacto a:hover .col.l10 .segundo-tel {
        margin-left: 60px; }
        @media only screen and (max-width: 900px) {
          div.consulta.row.contacto a:hover .col.l10 .segundo-tel {
            margin-left: 0; } }
  div.consulta.row.contacto a .col.l2.valign-wrapper {
    background-color: #4D4C54;
    color: white;
    height: 130px;
    justify-content: center;
    border-bottom: 1px solid white;
    transition: 0.1s ease-in-out; }
    @media only screen and (max-width: 600px) {
      div.consulta.row.contacto a .col.l2.valign-wrapper {
        height: 70px; } }
    div.consulta.row.contacto a .col.l2.valign-wrapper i {
      font-size: 3.5rem; }
      @media only screen and (max-width: 900px) {
        div.consulta.row.contacto a .col.l2.valign-wrapper i {
          font-size: 2.5rem; } }
      @media only screen and (max-width: 600px) {
        div.consulta.row.contacto a .col.l2.valign-wrapper i {
          font-size: 1.5rem; } }
  div.consulta.row.contacto a .col.l10 {
    padding: 0px 90px;
    height: 130px;
    font-size: 2.25rem;
    transition: 0.1s ease-in-out; }
    @media only screen and (max-width: 900px) {
      div.consulta.row.contacto a .col.l10 {
        font-size: 1.5rem;
        padding-left: 60px; } }
    @media only screen and (max-width: 600px) {
      div.consulta.row.contacto a .col.l10 {
        font-size: 1rem;
        height: 70px;
        padding-left: 20px; } }
    div.consulta.row.contacto a .col.l10.mapa {
      padding: 0px 0;
      height: 450px; }
    div.consulta.row.contacto a .col.l10 .segundo-tel {
      margin-left: 40px;
      transition: 0.1s ease-in-out; }
      @media only screen and (max-width: 900px) {
        div.consulta.row.contacto a .col.l10 .segundo-tel {
          margin-left: 0; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Tw Cen MT";
  color: #4D4C54; }

html {
  font-family: "Roboto";
  color: #4D4C54; }

a {
  color: #54c9da; }

/*//////////////////////////////////////////////////////////// */
div.call-info {
  position: absolute;
  background-color: #F9AF96;
  height: 60px;
  width: 60px;
  color: white;
  right: 0;
  border-radius: 70px;
  margin-top: 2vh;
  margin-right: 2%;
  z-index: 999; }
  div.call-info i {
    position: relative;
    margin: auto;
    font-size: 2rem; }
    @media only screen and (max-width: 900px) {
      div.call-info i {
        font-size: 1.5rem; } }
  @media only screen and (max-width: 900px) {
    div.call-info {
      height: 40px;
      width: 40px; } }
  @media only screen and (max-width: 600px) {
    div.call-info {
      margin-right: 5%;
      margin-top: 25px; } }
  div.call-info:hover .dropdown-call {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: 0.15s ease-in-out; }
  div.call-info .dropdown-call {
    position: absolute;
    opacity: 0;
    display: block;
    visibility: hidden;
    top: 70px;
    width: 250px;
    right: 0;
    background-color: white;
    padding: 20px 20px 20px 60px;
    line-height: 30px;
    transition: 0.15s ease-in-out; }
    div.call-info .dropdown-call a {
      font-size: 1.5rem;
      color: #4D4C54;
      font-weight: 400; }
      div.call-info .dropdown-call a i {
        position: absolute;
        left: 20px;
        margin-top: 7px;
        font-size: 1.75rem; }
        div.call-info .dropdown-call a i.fa-whatsapp {
          color: #25D366; }

/*Slider Index */
div.slider-container {
  height: 100vh;
  width: 100%;
  position: relative; }
  div.slider-container .slider .slides li div.caption {
    bottom: 0px;
    top: auto;
    background-color: white;
    height: auto;
    width: 84%;
    left: 8%;
    padding: 27px 97px; }
    @media only screen and (max-width: 900px) {
      div.slider-container .slider .slides li div.caption {
        padding: 20px 7%; } }
    div.slider-container .slider .slides li div.caption .row {
      margin: 0; }
    div.slider-container .slider .slides li div.caption .col {
      padding: 0; }
    div.slider-container .slider .slides li div.caption a {
      font-size: 1.25rem;
      font-weight: 500;
      transition: 0.1s ease-in-out; }
      @media only screen and (max-width: 900px) {
        div.slider-container .slider .slides li div.caption a {
          margin-top: 10px; } }
      div.slider-container .slider .slides li div.caption a:hover {
        font-weight: 600;
        letter-spacing: 1px;
        transition: 0.15s ease-in-out; }
      div.slider-container .slider .slides li div.caption a i {
        margin-left: 5px;
        font-size: 2rem;
        position: relative;
        top: 5px; }
    div.slider-container .slider .slides li div.caption h3, div.slider-container .slider .slides li div.caption p {
      z-index: 4;
      color: #4D4C54; }
    div.slider-container .slider .slides li div.caption h3 {
      font-size: 4rem;
      font-weight: 900;
      margin-top: 0; }
      @media only screen and (max-width: 900px) {
        div.slider-container .slider .slides li div.caption h3 {
          font-size: 2.5rem; } }
    div.slider-container .slider .slides li div.caption p {
      font-size: 2rem;
      margin: 0; }
      @media only screen and (max-width: 900px) {
        div.slider-container .slider .slides li div.caption p {
          font-size: 1.25rem; } }
  div.slider-container div.block-slider {
    position: absolute;
    bottom: 0;
    height: 220px;
    width: 84%;
    margin-left: 8%;
    z-index: 2; }

.background-img, div.servicios, div.consulta.row .consulta-medica, .integrante-nosotros-1, .integrante-nosotros-2, .integrante-nosotros-3, .integrante-nosotros-4, .index-card-l div.dermaconsulta, .index-card-l div.dermaquirur, .index-card-l div.dermacosmetica, div.farmacia-cabina .cabina, div.farmacia-cabina .farmacia, div.nuestro-equipo div.integrante1, div.nuestro-equipo div.integrante2, div.nuestro-equipo div.integrante3, div.nuestro-equipo div.integrante4 {
  background-position: center;
  background-size: cover;
  height: inherit; }
  @media only screen and (max-width: 600px) {
    .background-img, div.servicios, div.consulta.row .consulta-medica, .integrante-nosotros-1, .integrante-nosotros-2, .integrante-nosotros-3, .integrante-nosotros-4, .index-card-l div.dermaconsulta, .index-card-l div.dermaquirur, .index-card-l div.dermacosmetica, div.farmacia-cabina .cabina, div.farmacia-cabina .farmacia, div.nuestro-equipo div.integrante1, div.nuestro-equipo div.integrante2, div.nuestro-equipo div.integrante3, div.nuestro-equipo div.integrante4 {
      height: 200px; } }

.index-card-l {
  width: 84%;
  left: 8%;
  height: 400px;
  position: relative;
  margin-top: 100px; }
  @media only screen and (max-width: 600px) {
    .index-card-l {
      margin-top: 50px;
      height: auto; } }
  .index-card-l .row {
    height: inherit; }
  .index-card-l div.col.l5 {
    padding: 0px 54px;
    font-size: 1.25rem;
    position: relative;
    height: inherit;
    flex-wrap: wrap;
    align-content: center; }
    @media only screen and (max-width: 600px) {
      .index-card-l div.col.l5 {
        padding: 20px 0px 20px;
        height: auto; } }
    .index-card-l div.col.l5 div {
      width: 100%;
      margin-top: 20px; }
      .index-card-l div.col.l5 div a {
        font-size: 1.1125rem;
        font-weight: 300;
        transition: 0.1s ease-in-out; }
        .index-card-l div.col.l5 div a:hover {
          font-weight: 400;
          letter-spacing: 1px;
          transition: 0.15s ease-in-out; }
    .index-card-l div.col.l5 h4 {
      font-weight: bold;
      font-size: 2.25rem;
      margin-top: 0; }
  .index-card-l div.dermaconsulta {
    background-image: url(../images/backgrounds/medica.jpg); }
  .index-card-l div.dermaquirur {
    background-image: url(../images/backgrounds/quirurgica.jpg); }
  .index-card-l div.dermacosmetica {
    background-image: url(../images/backgrounds/botox-hombre.jpg); }

div.farmacia-cabina {
  position: relative;
  width: 84%;
  left: 8%; }
  div.farmacia-cabina h4 {
    font-weight: bold;
    font-size: 2.25rem;
    margin-top: 0; }
  div.farmacia-cabina.row {
    margin: 100px 0 40px 0; }
    @media only screen and (max-width: 600px) {
      div.farmacia-cabina.row {
        margin: 50px 0 0px 0; } }
  div.farmacia-cabina .col {
    margin: 0;
    padding: 0; }
  div.farmacia-cabina .cabina {
    height: 300px;
    background-image: url(../images/backgrounds/cabina-dermatologica-block.jpg); }
    @media only screen and (max-width: 600px) {
      div.farmacia-cabina .cabina {
        height: 200px; } }
  div.farmacia-cabina .farmacia {
    height: 300px;
    background-image: url(../images/backgrounds/farmacia-block.jpg); }
    @media only screen and (max-width: 600px) {
      div.farmacia-cabina .farmacia {
        height: 200px; } }
  div.farmacia-cabina .col.l6 {
    margin-bottom: 50px; }
    div.farmacia-cabina .col.l6 div.texto {
      padding: 24px 40px;
      font-size: 1.25rem; }
      @media only screen and (max-width: 600px) {
        div.farmacia-cabina .col.l6 div.texto {
          padding: 24px 0; } }
      div.farmacia-cabina .col.l6 div.texto h5 {
        font-weight: 600;
        font-size: 1.5rem;
        margin-top: 0; }
    div.farmacia-cabina .col.l6 a div {
      width: 100%;
      position: relative;
      bottom: 0;
      height: 84px;
      font-weight: 300;
      font-size: 1.125rem;
      color: white;
      background-color: #4D4C54;
      text-align: center;
      justify-content: center;
      transition: 0.1s ease-in-out; }
      div.farmacia-cabina .col.l6 a div:Hover {
        letter-spacing: 0.6px;
        font-weight: 400;
        transition: 0.15s ease-in-out; }
    div.farmacia-cabina .col.l6.izq {
      padding-right: 1.5%; }
      @media only screen and (max-width: 900px) {
        div.farmacia-cabina .col.l6.izq {
          padding-right: 0; } }
    div.farmacia-cabina .col.l6.der {
      padding-left: 1.5%; }
      @media only screen and (max-width: 900px) {
        div.farmacia-cabina .col.l6.der {
          padding-left: 0; } }

div.nuestro-equipo {
  width: 84%;
  left: 8%; }
  div.nuestro-equipo div.conoce-mas {
    padding-top: 30px !important;
    position: relative;
    transition: 0.1s ease-in-out; }
    div.nuestro-equipo div.conoce-mas a {
      font-size: 1.25rem;
      font-weight: 500;
      position: relative; }
    div.nuestro-equipo div.conoce-mas:hover {
      font-weight: 600;
      letter-spacing: 0.5px;
      transition: 0.15s ease-in-out; }
    div.nuestro-equipo div.conoce-mas i {
      margin-left: 5px;
      font-size: 2rem;
      position: relative;
      top: 5px; }
  div.nuestro-equipo h4 {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 40px; }
  div.nuestro-equipo div.integrante1 {
    background-image: url(../images/team/integrante1.jpg);
    height: 380px; }
    @media only screen and (max-width: 600px) {
      div.nuestro-equipo div.integrante1 {
        height: 280px; } }
  div.nuestro-equipo div.integrante2 {
    background-image: url(../images/team/integrante2.jpg);
    height: 380px; }
    @media only screen and (max-width: 600px) {
      div.nuestro-equipo div.integrante2 {
        height: 280px; } }
  div.nuestro-equipo div.integrante3 {
    background-image: url(../images/team/integrante3.jpg);
    height: 380px; }
    @media only screen and (max-width: 600px) {
      div.nuestro-equipo div.integrante3 {
        height: 280px; } }
  div.nuestro-equipo div.integrante4 {
    background-image: url(../images/team/integrante4.jpg);
    height: 380px; }
    @media only screen and (max-width: 600px) {
      div.nuestro-equipo div.integrante4 {
        height: 280px; } }
  div.nuestro-equipo div.col.l3 {
    padding: 0 30px !important;
    font-size: 0.75rem;
    color: white;
    font-weight: 300;
    position: relative; }
    div.nuestro-equipo div.col.l3 div {
      bottom: 20px;
      position: absolute;
      background-color: #4D4C54;
      left: 0;
      padding: 10px;
      width: 70%; }
    div.nuestro-equipo div.col.l3 h5 {
      font-size: 1.125rem;
      font-weight: 500;
      color: white;
      margin-top: 5px; }

nav a i {
  margin-top: 8px; }