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

*  {
	margin:0;
	padding:0;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 15px;
}

* {
	scroll-behavior: smooth;
  margin-top: 40px;
}

.navbar-brand {margin-left: 20px;}

.carousel-item {
  height: auto;
  bottom: -4rem;
}


body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #5a5a5a;
  }
  
  a {color: white; font-size: .9rem;}
  a:hover {color: rgb(255, 255, 255) ! important; text-decoration: none;}
  

  .carousel-item{
    width: 100%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

 
  
/* NAVBAR
  -------------------------------------------------- */
  
  .navbar-light .navbar-nav .nav-link {
    color: white;
  }

  .navbar-brand {
    height: 40px;
    margin-bottom: 10px;
  }
  #navbarTogglerDemo02 {
    background: none;
  }

  .bg-primary {
    transition: all 1s ease;
  }

  .btn-info {
    background: #1b6b91;
    color: #fff;
    border: none;
  }

  .navbar-toggler {
    border: none;
    background-color: #ccc;
  }

  .navbar-toggler:focus {
    outline: none;
  }
  
  
  /* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */
  
  .btn  {
    background: none;
    border: solid 1px #fff;
    margin-top: 20px;
  }


  /* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 12rem;
  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: auto;
}


  #myCarousel {height: 84vh; background:#fff;}
  .carousel-indicators li {
    background: rgb(255, 255, 255);
    border: none;
    margin-bottom: 2rem;
  }

  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
    .col-md-6 {
      max-width: 40%;
    }
    
  }
  
  /* .carousel-inner, .carousel-item img {
    width: 100vw!important; height: 100vh!important;
  } */
  
  /* 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;
  }
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  .container marketing {
    margin-top: 140px! important;
  }



  /* --------------------------------NUEVOS ESTILOS--------------------------------- */


.hero-banner {
  background-image: url(../img/hero-banner.jpg);
}

hr {display: none}
h1 {font-size: 1.4rem; font-weight: bold;}
h2 {font-size: 1.2rem; font-weight: bold;}


.box {
  background: rgba(156, 156, 119, 0.125);
  padding: 40px;
}

.parallax {
  background: #fff fixed no-repeat 50% 50%;
  background-size: contain;
  /* font-size: 20px; */
}

#cover {
  background-image: url(../img/banner.jpg);
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
}


  section {
    column-count: 6;
    margin-top: 80px;
  }

  .carousel-item {
    margin-bottom: 10rem;
    /* height: 40rem; */
  }
  #carouselExampleCaptions {margin-bottom: 10rem;}
  
    .sliders {
      text-align: center;
      justify-content: center;
      margin: auto;
      background: #333;
      color: #fff;
      padding: 10px;
      /* width: 100vw;
      height: auto; */
    }
      .sliders img {width: 80% !important; margin: auto;}

      .lead {
        text-align: left;
        margin-right: 0px;
      } 
      
    
    .contacto {
      align-items: center;
      /* height: 750px; */
      /* background: #cace9b; */
      margin-top: 20px;
      padding-top: 20px;
    }
    .cont-contacto { background: #444; padding: 40px; margin-bottom: 80px; margin-left: 80px; border-radius: 10px}
    #titulo-contacto { color: #fff; font-size: 2em; font-weight: lighter; padding: 0 40px 40px 0;}
    
    
      .formulario {
        background: none;
        /* margin: 20px; */
        padding: 20px;
      }

      .mapa {
        background: none;
        text-align: right;
        padding: 10px;
        background: #fff;
        border: solid 1px #cccccc;
        height: 320px;
      }

    .mapa-uruguay {
      background-image: url(../img/uy.svg);
      width: 240px;
      height: 240px;
      margin: 60px 0px 10px 100px;
      background-size: contain;
      background-repeat: no-repeat;
      /* opacity: .5; */
      align-content: flex-start;
    }

    #cont-mapas {
      display: flex;
    }

    .texto-contacto {
      color: rgb(126, 116, 98);
      margin-left: 40px;
      padding: 20px;
      margin: 40px 0px 10px 20px;
      border-left: dashed 1px #666;
    }
  
    .fa-caret-square-up:before {
     font-size: 50px;
     color: #333;
   }




  /* 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;
    letter-spacing: -.05rem;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
      /* Bump up size of carousel content */
      .carousel-caption p {
        margin-bottom: 1rem;
        font-size: 1.25rem;
        line-height: 1.4;
      }

      .carousel-indicators li {
        background: rgb(255, 255, 255);
        border: none;
        margin-bottom: 8rem;
      }

      /* .carousel-item {width: 100% !important;} */
    
      /* .carousel-item img {width: 100% !important; height: 100vh !important;} */
      .equipo {width: 30rem!important; height: 20rem !important;}

      
      
      .mapa {
        max-width: 100vw;
        margin: 0 auto;
      }
      
      .featurette-heading {
        font-size: 50px;
      }
      
      *  {
        margin:0;
        padding:0;
        box-sizing: border-box;
      }

      .f-desktop{
        height: 100px !important;
        font-size: 1em !important;
        color: #fff !important;
      }
      .titulo-mobile {
        font-weight: lighter !important;
      }

      .navbar-collapse, .collapse-show{
        /* background: #e6d752; */
        padding: 20px;
      }

      .navbar-expand {
        background: #fff;
        padding: 20px;
      }

      
      .caja {
        width: 100%;
        background: #54b13c;
        color: #fff;
        margin: 10px;
        padding: 10px;
        border-radius: 4px;
      }
      .caja p {font-size: 0.9em; padding: 20px;}

    
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }

    .carousel-indicators li {
      background: rgb(255, 255, 255);
      border: none;
      margin-bottom: 10rem;
    }

  
    /* #logo {
      display: flex;
      justify-content: flex-end;
    }
   */


    .mapa {
      max-width: 100vw;
      margin: 0 auto;
    }
    .caja {
      background: #426d9e;
      color: #fff;
      margin: 10px;
      padding: 10px;
      border-radius: 4px;
    }
    .caja p {font-size: 0.9em; padding: 20px;}

    *  {
      margin:0;
      padding:0;
      box-sizing: border-box;
    }
    .titulo-mobile {
      font-weight: lighter !important;
    }

    .navbar-collapse, .collapse-show{
      /* background: #e6d752; */
      padding: 20px;
    }
    .navbar-expand {
      background: #fff;
      padding: 20px;
    }


  }

  @media (max-width: 768px) {

    /* .carousel-caption p {
      margin-bottom: 40rem;
      font-size: 1.25rem;
      line-height: 1.4;
      color: red;
    } */
    
   

    #carouselExampleCaptions img {
      height: 40em !important;
    }

    .carousel-item {
      height: auto;
      font-size: 1em;
    }

    .carousel-indicators li {
      border: none;
      margin-bottom: 0.5rem;
    }

    .carousel-caption p {
      margin-bottom: 1rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
    .carousel-caption {
      bottom: 30rem;
      z-index: 10;
    }

    .carousel-control-prev, .carousel-control-next {height: auto; }

    /* .carousel-item {width: 100% !important;} */
    .carousel-item {width: 100% !important; height: 90vh !important;}
    .carousel-item img {width: 100% !important; height: 100vh !important;}

    .carousel-inner, .carousel-item img {
      width: 100vw!important; height: 100vh!important;}


    section {
      column-count: 1;
      margin-top: 80px;
    }
    

    .f-desktop{
      height: 100px !important;
      font-size: 1em !important;
      color: #fff !important;
    }
    .titulo-mobile {
      font-weight: lighter !important;
    }

    .navbar-collapse, .collapse-show{
      /* background: #e6d752; */
      padding: 20px;
    }

    .navbar-expand {
      background: #fff;
      padding: 20px;
    }
    
  } 

  @media (min-width: 20em) {
    /* Bump up size of carousel content */

    .navbar, .navbar-expand, .navbar-collapse, .collapse-show {
      /* background: #e6d752; */
      padding-top: 10px;
    }
  
    .sliders { margin: 80px;}
    .sliders img {width: 50%; margin: 2px auto !important;}
    .sliders.carousel-inner.carousel-item img {
    width: 50% !important; height: 50% !important; padding-bottom: 80px;}
  }

  @media (min-width: 992px) {
    /* Bump up size of carousel content */

    .navbar-expand, .navbar-collapse, .collapse-show {
      background: #fff;
      padding: 20px;
    }
    .sliders { margin: 80px;}
    .sliders img {width: 100%; margin: 2px auto !important;}
    .sliders.carousel-inner.carousel-item img {
    width: 50% !important; height: 50% !important; padding-bottom: 80px;
    background-position: center!important;
  }
  
  
  }

  
  
  @media (max-width: 40em) {

    .navbar-brand {margin-left: -40px;}
    
    .carousel-caption p {
      /* margin-bottom: 10rem; */
        margin-bottom: 1rem;
        font-size: 0.7rem;
        line-height: 1.4;
      }

    .carousel-indicators li {
      background: rgb(255, 255, 255);
      border: none;
      margin-bottom: 0.5rem;
    }
    .carousel-caption {
      bottom: 4rem;
      color: rgb(255, 255, 255);
      z-index: 10;
    }
    .carousel-inner {
      height: 30rem;
      bottom: 0rem;
    }
    /* .carousel-item {
      width: 100%;
      height: 100%;
    }  */
    .carousel-item {
      width: 40rem;
      height: 30rem;
    } 
    .equipo {width: 24rem!important; height: 14rem !important; justify-content: center;}
    .equipo-img {height: 300px;}

    .carousel-control-prev, .carousel-control-next {bottom: -2rem;}

    .carouselExampleCaptions {height: 80em;}

    #carouselExampleCaptions img {
      height: 40em !important;
      width: 10em !important;
      background-origin: content-box;
      background-position: center;
	    background-attachment: contain;
	    background-size: cover;
    }
    
      .sliders { margin: 80px;}
      .sliders img {width: 100%; margin: 2px auto !important;}
      .sliders .carousel-inner, .carousel-item img {
      width: 414px!important; height: 286px !important; padding-bottom: 80px;}

      .box {
        background: none;
      }

      .caja {
        background: #c9c635;
        color: #fff;
        margin: 10px;
        padding: 10px;
        border-radius: 4px;
        display: block;
      }
      .caja p {font-size: 0.9em; padding: 20px;}

      .row {margin: 0;}
      #cont-mapas{display: block;}
      
    
      .cont-contacto { background: #444; padding: 30px 4px; margin-bottom: 80px; margin-left: 0px; border-radius: 10px; text-align: center;}
      .cont-contacto .row {margin: 4px 0;}
      .formulario {
        background: none;
        /* margin: 20px; */
        padding: 20px 0;
        margin-left: 10px;
      }
      .form-group {padding-left: 16px;}
      .btn.btn-info.btn-lg  {margin-left: 100px;}
      

      .float-right {height: 60px; margin-top: 35px; margin-right: 0px;}

      #footer-mobile {
        text-align: center !important;
        font-size: 1em !important;
      }
      #footer-up {
        margin: 0px !important;
      }


      .parallax {
        background: #fff fixed no-repeat 50% 50%;
        background-size: auto;
        /* font-size: 20px; */
      }
      
      #cover {
        background-image: url(../img/banner-chico.jpg);
        width: 100%;
        height: 400px;
        display: flex;
        justify-content: center;
      }

      .hero-banner {
        background-image: url(../img/hero-banner-chico.jpg);
      }
      hr {display: block}


      * { 
        max-width: 100%;
        margin: 0;	
      }		
    
  }


  @media all
  and (min-width: 640px)
  and (max-width: 768px) {

  .banner {
    background-color: #1b6b91;
    margin: 0;
    padding: 0;
    flex: 1;
    }
  
}