@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 5.5rem;
  /*padding-bottom: 3rem;*/
  color: #5a5a5a;
  font-family: 'Noto Sans', sans-serif;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.text-primary{ color:#3aa971 !important}
.bg-primary{ background-color:#3aa971 !important}
.btn-primary{color:#fff;background-color:#3aa971 !important;border-color:#3aa971 !important}
.btn-primary:hover{color:#fff;background-color:#2d8358 !important;border-color:#2d8358 !important}

@media (max-width: 767px) {
	.carousel-caption{ margin:0px !important; padding:0px !important; width:100% !important; left:0px !important }
.carousel-caption div { width:100% !important; background-color:rgba(0,0,0,0.3);padding:20px}	
.carousel-caption div h6{ display:none !important}
.carousel-caption div h1{ }
.navbar-brand img{ width:200px !important}
    
   .testimonial .carousel-caption div { width:70% !important; background:none !important ;padding:0px !important; color: #777 !important}	
}


/*.team*/ .card {
    border-radius: 20px;
    background: #eeeeee;
    /*box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff;*/
    border: none;
}

/*.team*/ .card img {
    border-radius: 50%;
    background: linear-gradient(145deg, #d6d6d6, #ffffff);
    /*box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff*/
}

/*.team*/ .neo-button {
    width: 40px;
    height: 40px;
    outline: 0 !important;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    border: none;
    margin-right: 10px;
    border-radius: 50%;
    background: linear-gradient(145deg, #d6d6d6, #ffffff);
    /*box-shadow: 20px 20px 60px #cacaca, -20px -20px 60px #ffffff*/
}

/*.team*/ .neo-button:active {
    border-radius: 50%;
    background: linear-gradient(145deg, #d6d6d6, #ffffff);
    /*box-shadow: inset 20px 20px 60px #cacaca, inset -20px -20px 60px #ffffff*/
}
.yt-video {
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.yt-video iframe,
.yt-video object,
.yt-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


 #clients {
     padding: 60px 0
 }

 #clients .clients-wrap {
     margin-bottom: 30px
 }

 #clients .client-logo {
     /*padding: 64px;*/
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     overflow: hidden;
     background: #fff;
     height: 160px; 
 }

 #clients img { max-height:90%; max-width:90%
 }
 
 
.bg-primary-dark{ background-color: #28764f !important}

.form-ensayos .form-control{ background: rgba(255,255,255,0.5)}



 .home #clients .client-logo {

     height: 100px; border: 1px solid #ddd 
 }


 .home #clients img { max-height:98%; max-width:98%
 }

.home .blockquote p{ font-size: 16px !important}

.bg-1{ background-color: #d2f0d2 !important}
.bg-2{ background-color: #cceecc !important}
.bg-3{ background-color: #99dd99 !important }
.bg-4{ background-color:#60ca60 !important  }
.bg-5{ background-color:#4c6e4c !important  }

.principal{ position:relative} 
.principal:before{ position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 80px; background-color:#fff; z-index: 1}
.principal .container{ position: relative; z-index: 2}