body{
  color: #676666;
}
/* SLIDER  */
@font-face {
  font-family: "Audiowide";
  src: url("../../fonts/landing/Audiowide-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MADE";
  src: url("../../fonts/landing/MADE Soft Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MADE-LIGHT";
  src: url("../../fonts/landing/MADE Soft Medium.otf") format("opentype");
  font-weight: lighter;
}

  .logo a img{
    content: url(../../img/LOGO-CUSMALABS_white.png);
  }

 .my-9{
  margin-top:50px;
  margin-bottom:50px;
 }

 h5,h1{
  font-family: 'MADE';
  margin-bottom:0;
}
/*------------------ SLIDER------------------  */

.swiper-button-next, .swiper-button-prev {
  opacity: 0;
  visibility: hidden;
  z-index:12;
  width: 46px;
    height: 46px;
    border-radius: 50%;
    color: red;
    background-color: rgba(255,255,255,0.7);
   
}  
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 15px;
  font-weight: bolder;
}
.mySwiper:hover .swiper-button-next,.mySwiper:hover .swiper-button-prev{
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
  .slider-height{
    min-height:100vh
  }
  .caption{
    background: url("../../img/bottom.svg")  bottom  left 20% no-repeat;
  }
 

.hero-overly::before{
    position:absolute;content:"";background-color:rgba(50,4,4,0.5);width:100%;
    height:100%;
}
.slider-area{
  height:100%;
  width:100%;
  animation: slide-bg linear 7900ms infinite;
  -webkit-animation: slide-bg linear 7900ms infinite;
  background-repeat:no-repeat;background-position:center center;background-size:cover;
}
.hero__caption{
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 12;
  height: 100%;
  width: 100%;
  color: white;
}
.hero__caption h1{
  line-height: 1.5;
   margin-top:35vh;  font-size: 30px;                     
                            margin-bottom: 30px;
                            text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.85);
    font-family: "MADE",sans-serif;text-transform:uppercase;font-weight: bolder;
}

.hero__caption span{
        background-color: #F02E2F;
        padding: 10px;
        border-radius: 20px;
        padding-inline: 15px;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
        display:inline-block;
}

@media (min-width: 600px)
{
  .hero__caption h1{
   font-size: calc(1.8rem + 1.6vw);   
   line-height: normal;                                 
  }
  .hero__caption span{
    padding-inline: 40px;
}
}
@media (min-width: 992px)
{
  .caption{background-size:101%}
  .hero__caption h1{
   margin-top:30vh;                                   
  }
}


/* ----------CARACTERISTICAS ------------- */
#caracteristicas .container{
  overflow: visible!important;
}
.feature-element{
  justify-content: center;
  margin-top:2px;
}
.feature .icon i{
  width: 65px;
height: 65px;
justify-content: center;
align-items: center;
background: #F02E2F;
border-radius: 23px;
color:white;
display:flex;
}
.feature .icon{
justify-content: center;
display:flex;
}
.feature-text p{
  margin-bottom:0px;
}

.feature-text{
  margin-top:13px;
  width: 113px;
}
.feature-text h5{
  color:#F38B8B;
}


@media (max-width: 991.98px)
{
  .feature-text{
    text-align:center;
  }
  .feature-element{
    display:grid;
  }
}
@media (max-width: 575.98px)
{
  .feature-element{
    margin-bottom:15px;
  }
  .my-9{
    margin-top:30px;
    margin-bottom:30px;
   }
}


/* ----------------NOSOTROS -------------------- */
.container{
  overflow: hidden;
}
.header-nosotros h1{
  padding-top: 180px;padding-bottom:180px;
}
.img {
  width: 100%;
  position: absolute;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image:url("../../img/laboratorio.png");
}
.img-video{
  width: 100%;
}
.icon-video {
  width: 75px;
  height: 75px;
  background: #F02E2F;
  -webkit-animation: pulseV 1800ms infinite;
  animation: pulseV 1800ms infinite;
  border-radius: 50%;
  z-index:0;
}
.icon-video span {
  font-size: 20px;
  color: #fff;
}

.translate-middle {
  transform: translate(-51%, -50%) !important;
}

.counter{
  background-color:#808185;
}

.counter .text{
 color:white;
 text-align: center;
}

.counter .text strong{
  font-size: 38px;
}
.counter .text span{
  font-size: 30px;
}
.counter .text p{
  color:#D9D9D9;
  font-size: 14px;
  font-family: 'MADE';
 }
.subheading{
  color:#F02E2F;
  font-weight:bolder;
  font-size: 13px;
  text-transform: uppercase;
}
 .heading-section h2{
  color:#6B6565;
  font-weight:300;
 }
 @media (max-width: 991.98px) {
  .header-nosotros h1{
    padding-top: 180px;padding-bottom:90px;
  }
  .header-nosotros .palabras{
    padding: 0px;
  }
 }
 @media (max-width: 991.98px){
  .img-video {height: 400px;}
}

@media (min-width: 992px){
  .icon-video { margin-right: -35px;}
  .ps-lg-6 {padding-left: 4rem;}
  .counter{margin-left: calc(-.5 * var(--bs-gutter-x));padding-left: calc(var(--bs-gutter-x) * 1);}
}

@media (min-width: 576px) and (max-width: 991.98px){
  .margen{margin-inline:0;}
}


/* -------------SERVICIOS------------------  */

.section-tittle video {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  z-index: -1;
}
.service{
  height:100%;
}
.section-tittle{
  overflow: hidden;
  text-align: center;
  padding-bottom: 6rem;padding-top: 6rem;
}
#servicios .section-tittle{
  padding-bottom: 95px;padding-top: 7rem;
}
.section-tittle h4 {
  font-family: 'Audiowide';
  font-weight:bold;
  text-transform: uppercase;
  color: #F02E2F;
  display: inline-block;
  position: relative;
  padding-inline:10px;
}
.section-tittle h4::before {
  position: absolute;
  content: "";
  width: 54px;
  height: 2px;
  background: #eb566c;
  top: 0;
  left: -54px;
  top: 50%;
  transform: translateY(-50%);
  
}
.section-tittle h4::after {
  position: absolute;
  content: "";
  width: 54px;
  height: 2px;
  background: #eb566c;
  right: -54px;
  top: 50%;
  transform: translateY(-50%);
}
.service-row .p-1{
  padding:1px!important;
}
.service-row .service {

  background: url(https://www.labdiagnostica.com/wp-content/uploads/2021/05/que-son-los-analisis-clinicos-Blog-de-Laboratorios-Diagnostica-min.jpg) fixed ;
  box-shadow: 0 0 30px  rgba(0, 0, 0, .08);
  background-repeat: no-repeat;
}
.service-item {
  display: grid;
  color:white;
}
.link{
  background-color: #fff;color: #F02E2F;width:fit-content;border-radius: 50px;
}
.link span{
  font-size: small;
  font-weight:bold;
  margin-right:5px;
}
.service:hover .service-item{ 
  transition: 0.25s;
  background:#F5F5F5!important;
  color:#808185;
}
.service-row .service:hover {
  background: #EB665F;
}
.service:hover .link{
  background: #CFCFCF;
}
.service:hover  h5{ 
  color:#F38B8B!important;
}

.service:hover .link i {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: hvr-wobble-horizontal 1s ease-in-out 1;
  animation: hvr-wobble-horizontal 1s ease-in-out 1
}
.service .link i:before {
  top: 1px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1199.98px) { .col-lg-3 {width: 50%;}}
@media (max-width: 541.98px) {.section-tittle .col-7 {width: 320px;}}


/*----------CLIENTES ----------------*/
.clientSwiper .swiper-slide img{
  max-height: 50%;

}
.clientSwiper{
  justify-content: center;
  align-items: center;
}
.swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 26px;
  height: 26px;
  border: 1px solid #F02E2F;
  border-radius: 25px;
  transition: .5s;
  background: white;
}

.swiper-pagination-bullet-active {
  border-color: #F02E2F;
}

.swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 4px;
  left: 4px;
  border-radius: 16px;
  background: #F02E2F;
  transition: .5s;
}


/* ------------FOOTER-----------------  */
.footer {
  overflow: hidden;
  background: linear-gradient(to bottom, #4c4d51 20%, #613a3a);
  font-size: 14px;
  }
  .ftco-section {
    padding: 5em 0;
    position: relative;
}
  .footer .logo {
    /* font-size: 20px !important; */
    font-weight: 600 !important;
    line-height: 1;
    font-family:"Audiowide"!important;
    color: white!important;
    }
    .footer .logo span {
      color: #fff!important;
      }
    .footer .logo a {
      color: #676666; }
      .footer .logo a span {
        color: #F02E2F; }
  .footer .ftco-footer-widget h2 {
    font-weight: normal;
    color: rgb(255, 110, 110);
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 500;
    font-family:"MADE-LIGHT";
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
    }
    .footer p,.footer .ftco-footer-widget ul li a,.footer .ftco-footer-widget ul li a span, .footer .opening-hours p span {
    color: white; }
    .footer .ftco-footer-widget ul li a:hover,.footer .ftco-footer-widget ul li a:hover span {
      font-weight:bolder;transition: 0.25s; }
.ftco-footer-social a:hover{
  color: rgb(51, 48, 48)!important;
}
  .footer .ftco-footer-widget .btn-primary {
    background: #808185 !important;
    border: 2px solid #808185 !important; }
    .footer .ftco-footer-widget .btn-primary:hover {
      background: #808185;
      border: 2px solid #808185 !important; }

  .footer a {
    color: rgb(60 60 60); }
    .footer a:hover {
      color: #fff; }
  .footer .block-23 h4 {
    color: #f38b8b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700; }
    .block-23  li {
      color: rgb(60 60 60);
  }
  .block-23 i {
    width: 30px;
    padding-top: 2px;
}
.block-23 ul li, .block-23 ul li > a {
  display: table;
  line-height: 1.5;
  margin-bottom: 6px;
}
.block-23  i, .block-23 .text {
display: table-cell;
}


.ftco-footer-social li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline-block; }
  .ftco-footer-social li a {
    height: 40px;
    width: 40px;
    display: block;
    float: left;
    background: #f02e2f;
    border-radius: 50%;
    position: relative; }
    .ftco-footer-social li a i {
      position: absolute;
      font-size: 20px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .ftco-footer-social li a:hover {
      color: #fff; }

.footer-small-nav > li {
  display: inline-block; }
  .footer-small-nav > li a {
    margin: 0 10px 10px 0; }
    .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
      color: #d9ba2b; }
      .list-unstyled li{
margin-bottom:5px
      }
      
    @media (min-width: 768px){
      .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important;
    }
    }
/*--------------------------------------------------------------
# nosotros
--------------------------------------------------------------*/
.bg-red{
  background: #E03F3F;
}
.breadcrumbs {
  padding: 150px 0 80px 0;
  min-height: 30vh;
  position: relative;
  background-size: cover;
  background-position: center bottom 65%;
  background-repeat: no-repeat;
  color:white;
  
}
.breadcrumbs h1{
  font-size: calc(1.4rem + 2vw);
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.53);
  text-transform:uppercase;
  
}
.breadcrumbs:before {
  content: "";
  background: linear-gradient(180deg, rgb(50 4 4 / 50%) 0%, rgb(215 215 215 / 40%) 100%);
  /* background: linear-gradient(180deg, rgb(84 84 84 / 50%) 0%, rgb(215 215 215 / 40%) 100%); */
  position: absolute;
  inset: 0;
}
/* ------------palabras-----------------  */
#palabras{
  color:white;
  margin-bottom:0;
  font-size:14px;
  text-align: justify;
}
.firma{
  justify-content:right;
  display:flex;
}
.firma img {
  height:40px;
}
.firma p{
  margin-bottom:0;
}
/* ------------Nosotros-----------------  */
.nosotros img{
width:75%;
}
.nosotros-img{
  align-content: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.nosotros{
  background-image: url("../../img/fondo_nosotros2.svg");background-repeat: no-repeat;
}
.align-header{
  text-align:left;
}
@media (max-width: 991.98px)
{
  .nosotros p, .mision p{
    text-align: justify;
    }
    .nosotros-img{
      margin-top:15px;
    }
    .align-header{
      text-align:center;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) { 
  .nosotros img{
    width:50%;
    }
 }
 @media (min-width: 992px) { .nosotros{
  
  background-size: cover;
} }
@media (min-width: 1200px) { .nosotros img{
  width:65%;
  } }
/* ------------Mision y Vision-----------------  */
/* .m-item p{
text-align: justify;
font-size:14px;
} */

/* .m-item {
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  padding: 30px;
} */
.m-item h4{
 
 
  font-family: 'Audiowide';
}
@media (min-width: 576px) and (max-width: 767.98px){
  .mision .container-fluid {
  max-width: 540px;
}}

@media (min-width: 768px) and (max-width: 991.98px){
  .mision .container-fluid {
  max-width: 720px;
}}

@media (min-width: 1400px){
.mision .container-fluid {
    max-width: 1320px;
}}

.img-mision{
  max-width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ------------Historia-----------------  */
.historia{
  /* background: #565657; */
  color:white;
  background: #df3f40;
}

/*--------------------------------------------------------------
# ANALISIS CLINICOS
--------------------------------------------------------------*/
.info_items {
  position: relative;
}
.info_items {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.info_items .item {
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.info_items .item .img-box {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #F02E2F;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  z-index: 1;
  align-items: center;
    display: flex;
    justify-content: center;
    -webkit-animation: icon-color ;
    animation: icon-color ;
    animation-duration: 0.5s;
    animation-fill-mode:backwards;
    box-shadow: 0px 7px 21px 0px rgba(0,0,0,0.12);
}

@-webkit-keyframes icon-color {
  0% {background-color: #F38B8B;} 
  100% { background-color: #F02E2F;color:#fff}
}
.info_items::before {
  content: "";
  position: absolute;
  top: 26px;
  width: 70%;
  height: 8px;
  background-color: #F02E2F;
  left: 15%;
  border-radius: 20px;
  -webkit-animation: line-run ;
  animation: line-run ;
  animation-duration: 4s;
  
  animation-timing-function:ease-in-out;
  z-index: 0;
}
@-webkit-keyframes line-run {
  0% {width: 0%; } 
  50% { width: 36%; }
  100% { width: 72%; }
}

.detail-box{
  color: #676666;
  font-size:small;

}
.detail-box h5{
  font-size:14px;
  color:#767676;
  margin-bottom: 6px;
}
.imagen-servicio div{
  border-radius: 30px;height: 85%;margin-left: 20px;margin-top: 30px;width: 80%;background-size: cover;background-position: center;
}
@media (max-width: 991.98px) { .info_items {
  width: 100%;
}   .info_items .item p{
  display: none;
}  .imagen-servicio img{
  display:none;
}
.ajuste{
  background-size: auto;
  background-position: center bottom 85%;
}
}
@media (max-width: 767.98px) { 

  .imagen-servicio{
    height:300px;
  }
  .imagen-servicio div{
    margin-left: 0px;
    width: 100%;
    height: 100%;
    margin-top: 0px;
  }

  .info_items .item {
    width: 25%;
  }

  .info_items {
  width: 100%;
  justify-content: space-around;
} 

.breadcrumbs {
  padding: 200px 0 90px 0;
  
}
}
@media (min-width: 1400px) { .info_items::before {
  width: 75%;
  left: 13%;
}}

/*--------------------------------------------------------------
# ANALISIS patologicos
--------------------------------------------------------------*/
.accordion-button p{
  margin-bottom:0;
  color:#F38B8B;
}
.accordions div{
  position: relative;

}
.accordion_container:not(:last-child) {
    margin-bottom: 14px;
}
.accordion-button {
  color: #DCA609;
  width: 100%;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 30px;
  outline: none;
  cursor: pointer;
  padding-inline: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.accordion-button span {
  color: #DCA609;
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
}

.accordion-item{
  border-radius: 4px;
  margin-top: 15px;
  box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
}
.histologia .accordion-item{
  background: #fbfbfb;
}
.citologia .accordion-item{
  background: #ffff;
}
.accordion{
  height: 50px;
    width: 100%;
    background: #BCA44E;
    padding-left: 24px;
    cursor: pointer;
    color: white;
    font-size: 16px;
    font-weight: 600;

}

.collapsed .icon-close {
  display: none;

}
.collapsed .icon-show {
  display: inline-block;
  color: #F02E2F;
}
 .icon-show {
  display: none;
}
.accordion-button i{
  padding-top:5px;
  color: #F38B8B;
}



.collapsed p{
  color: #676666;
}
.accordion_panel {
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.accordions button{
  border:0!important;
}

.investigacion{
  font-size: small;
  padding-inline:20px;
  padding-top:15px;
  border-top:solid 2px #F38B8B;
}

/* inmuno */
@media (min-width: 992px) {.inmuno{
height:50%!important;
} }

/*--------------------------------------------------------------
# CONTACTO
--------------------------------------------------------------*/

.dbox .icon {
  width: 60px;
  height: 60px;
  border-radius: 30%;
  background: #F02E2F;
  margin: 0 auto;
  margin-bottom: 10px;
  color:white;
}
.contacto{
  background-image:linear-gradient(90deg, rgba(50,4,4,0.5) 25%, rgba(50,4,4,0.5) 100%), url("../../img/analysis.jpg");background-size: cover;height: 100%;
}
@media (min-width: 768px) { .contacto{height: 100vh;} }
@media (max-width: 767.98px) { .contacto img,.contacto iframe{
  border-radius: 0px!important;
}}

/*--------------------------------------------------------------
# COTIZADOR
--------------------------------------------------------------*/
@media (min-width: 768px) { .nav-item input{
  width: 500px;
} }

.table-border-bottom-0 tr:last-child td, .table-border-bottom-0 tr:last-child th {
  border-bottom-width: 0;
}
.hide{
  display:none;
}
.table>:not(caption)>*>* {
  padding: 0.7rem 1.5rem;
}
.vermas{
  border-style: none;
  background: #ffc107;
  border-radius: 10px;padding: 5px 10px;
}
.detalles{
  text-align: right;padding: 5px 1.5rem!important;
}
table{
  font-size: 14px!important;
}
@media (max-width: 575.98px) { .precio{
  width:120px;
} }