/**
Verde #159163 #048E5B
     Paleta #00B092
Naranja #f d  9 9 3 4 
        # E E 5 5 0 0
    Logo  #FF6600
    Paleta   #D2492A antiguo color naranja
             #F47A0E nuevo color naranja
             #FE5B00

Amarillo #EAAB00

*/
*{
  font-family: 'Dosis-Regular', sans-serif;
 /* font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
/*  color: #212529;
  text-align: left*/
}

body{
/*    background-color: #f1f1f1;*/
font-size: 1.2rem;
}

h1{
  text-transform: uppercase;
}

a{
  color: #FE5B00;
}
a:hover{
  color: #ffcc84;  
}

p,a{
  font-size: 1.2rem;
}

.font-size-16{
font-size:16px !important;
}

.font-size-14{
font-size:14px !important;
}

.whatsapp-icon{
  height:22px;
}

.container-boton{
    position:fixed;     
    width:50px;     
    height:50px;    
    line-height: 47px;     
    bottom:20px;     
    right:20px;     
    background: #FFF; /*#00B092;  /*#FE5B00;*/ 
    border-radius:50px;     
    text-align:center;          
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);     
    z-index:100;    
     transition: all 300ms ease; 
   
}

.container-boton:hover{
  /*color: #25d366;*/
  background: #25d366;
    transform: scale(1.1);
    transition: 0.3s;
}

.boton{
    width: 35px;
    transition: ease 1s;
}


@media only screen and (min-width:320px) and (max-width:768px){
    .boton{
        width:35px;
        height:35px;
        line-height: 40px;
  }
}

.laboratorio-title, h1, h1 *, h2, h2 *, h3, h3 *{
  font-family: 'Oswald-Bold';
  font-size: 2.123rem;
  color: #00B092;
} 

.text-green{
  color: #00B092;
}
.text-orange{
  color: #FE5B00;
}

.text-orange-footer{
  color: #ffcc84;
}


.fa-rotate-90{
  transform: rotate(90deg);
}


.laboratorio-header-orange, .laboratorio-bg-orange {
  background-color: #FE5B00 !important; /** FF6600 */
}
 
.laboratorio-header-green, .laboratorio-bg-green {
  background-color: #00B092!important;
}

/******************************************************
******************** HEADER **************************/
.main_logo{
  max-height: 8rem;
}

.carousel-item.client .row {
  min-height: 40rem;
}
@media (min-width: 768px) { 

  .carousel-item.client .row {
    min-height: 16rem;
  }

  .main_logo{
     margin-left: 1rem;
    /*padding-left: 8.875rem;*/
  }


}

.laboratorio-navbar{
 min-height: 5.64565625rem
}


.navbar-light.laboratorio-bg-orange .navbar-nav .nav-link,.navbar-light.laboratorio-bg-green .navbar-nav .nav-link{
  font-size: 1.563rem;
  color: #FFF;/* #EE5500;*/
  display: inline-block;
}

.navbar-light.laboratorio-bg-orange .navbar-nav .nav-link:hover,
.navbar-light.laboratorio-bg-orange .navbar-nav .nav-link.active,
.navbar-light.laboratorio-bg-green .navbar-nav .nav-link:hover,
.navbar-light.laboratorio-bg-green .navbar-nav .nav-link.active{
  font-weight: bold;
  color: #EAAB00; /* #eecf02;*/
} 

.rounded-icon{
  background-color: #FFF;
  border-radius: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  display: block;
  font-size: 1.563rem;
}

.navbar-light.laboratorio-bg-orange .navbar-nav .nav-link .rounded-icon:hover{
/*.navbar-light.laboratorio-bg-orange .navbar-nav .nav-link .rounded-icon.active{*/
  background-color: #EAAB00;
}

.rounded-icon > i.fas, .rounded-icon > i.fab{
  color:#FE5B00; /*#F00;*/
  font-size: 1.563rem;
} 

.carousel-indicators.laboratorio li{
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    background-color: #fff;
}
.carousel-indicators.laboratorio li.active{
  background-color: #00B092;
}



/******************************************
****************** Footer *****************/
.laboratorio-footer{
  color: #FFF; 
  background-color: #FFF;
  padding-bottom: 2.5rem;
}

.laboratorio-footer.green{
 background-color: #00B092;
}

.laboratorio-footer.orange{
 background-color: #F47A0E;
}

.laboratorio-footer .footer_contact_details, .footer-links a{
  color: #FFF; 
  font-size: 1.31487rem;
  justify-content: center;
}

.footer_brand_name{
  font-family: 'Oswald-Medium', sans-serif;
  font-size: 1.69570125rem;
}

.supersalud{
  max-height: 2rem;
}


/****************************************************
  Contents 
****************************************************/


.home-text{
  font-size: 1.4rem;
}

.carousel-indicators.clients{
  bottom: -1rem;
}
.carousel-indicators.clients li{
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    background-color: #f1a08e;
}
.carousel-indicators.clients li.active{
  background-color: #FE5B00;
}


.portafolio-row{
  margin: 3rem 0;
} 
/*
.card{
  border: 1px solid rgba(0,0,0,.125);
  height: 100%!important;
}
.card p{
  font-size: 1.1rem;
}

.card div.card-content{
  min-height: 2rem;
}
*/


.content-text, .content-text *{
  font-family: "Dosis-Regular";
  /*text-align: center;
/*  color : #000;*/
  font-size: 1.6703125rem; /* 50px * 53.45% / (1rem)16px */
  line-height: 1.67rem;
}



.banner{
  width: 100%;
}

.cupon-fieldset{
  border: 4px solid #dee2e6!important;
  min-height: 18.125rem;
}

.cupon-fieldset-legend-wine{
  background-color: #a40404;
}

.content-title{
  font-family: "Dosis-Regular";
  text-align: center;
  /*color : #000;*/
  font-size: 2.004375rem; /* 60px  */
  font-weight: bold;
}

.content-title.red2{
  color: #fc0202
}

.why-us-title{
  font-family: 'Oswald-Regular';
 font-size: 3.5rem;
}

.btn-laboratorio-green {
  color: #fff;
  background-color: #00B092;
  border-color: #00B092
}

.btn-laboratorio-orange {
  color: #fff;
  background-color: #FE5B00;
  border-color: #FE5B00
}


.content-text.text-justify, .content-text.text-justify *{
  text-align: justify;
}

/*.text-home-cupones, .text-home-cupones *{
  font-size: 1.5rem;
}*/

.text-nosotros, .text-nosotros *{
  font-size: 1.4rem;
}


.micupon-alert-top{
    top: -3.1rem;
    position: relative;
    height: 50px;
}

.micupon-beneficios-alert-top{
    top: -1.8rem;
    position: relative;
    height: 90px;
}

.micupon-beneficios-alert-top > img{
    border-radius: 50%;
    border: 10px solid;
}
  
.micupon-alert-red{
  color: #FFF;
  background-color: #FF0000;
  border-color: #FF0000;
  margin-top: 2.4rem;
}

.micupon-alert-red .micupon-beneficios-alert-top > img{
  border-color: #FF0000;
}

.micupon-alert-wine{
  color: #FFF;
  background-color: #a40404;
  border-color: #a40404;
  margin-top: 2.4rem;
  margin-bottom: 0rem;
}

.micupon-alert-wine .micupon-beneficios-alert-top > img{
  border-color: #a40404;
}

.micupon-alert-orange{
  color: #FFF;
  background-color: #ba8d04;
  border-color: #ba8d04;
  margin-top: 2.4rem;
  margin-bottom: 0rem;
}

.micupon-alert-orange .micupon-beneficios-alert-top > img{
  border-color: #ba8d04;
}

.micupon-alert-gray{
  color: #FFF;
  background-color: #434348;
  border-color: #434348;
  margin-top: 2.4rem;
  margin-bottom: 0rem;
} 

.micupon-alert-gray .micupon-beneficios-alert-top > img{
  border-color: #434348;
}

.micupon-alert-yellow{
  color: #000;
  background-color: #eecf02;
  border-color: #eecf02;
  margin-top: 2.4rem;
}

.micupon-alert-yellow .micupon-portafolio-alert-top > img{
 /* border-color: #eecf02;*/
}
 

/*.micupon-alert .top-alert{
  background: #000;
  border-radius: 50%;
  width: 8rem;
  padding: 20px;
  position: relative;
  top: -3rem;
  text-align: center;
}*/
/**
}
*/










/** CAJA Transparente sobre imagen */
/**
div.background {
  background: url(<?= assets_url('uploads/about/'.$cms_content->image)?>) center no-repeat;
  min-height: 800px;
}
*/

div.transbox {
   margin: 3rem 0; 
  background-color: #FFF; 
  border: 1px solid black;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

div.transbox h1, div.transbox label {
  margin: 2rem; 
  color: #159163;
  font-size: 2.5rem; 
}

div.transbox p, div.transbox div , div.transbox span {
   margin: 2rem; 
   font-weight: bold;
   color: #333 !important;
   font-size: 1.725rem; 
   background-color: #FFF;
}