#carouselExampleIndicators {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
   }
   .carousel-item img {
    min-height: 100%;
    min-width: 1024px;
    
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

  }


.carousel-caption h2{
  z-index: 800;
}


 
 .section-heading {
    width: 80%;
    margin: 0 auto; 
    text-align: left;
    margin-bottom: .25em;
   }
  .separator {
        display: flex;
        align-items: center;
    }
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 2px solid #000;
    }
   
    .separator::after {
        margin-left: 1em;
    }
  .home-category-banner{
      margin: 0 auto;
      background-color: #b7e4c7;
      text-align:center;
  }



.prop-browser{
 width: 100%;
 background-color: aliceblue;
}

.jpnavegacion{
   width: 100%;
   height: 6rem;    
}

[data-jplist-group]{
    width: 100%;
    /*transition: all 0.5s ease-in-out;*/
}

.frame {
 text-align:center; 
 background-color:#247AAB;
}

.frame img {
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

 
 .titulo{
 position:absolute;
 text-align:center;
 bottom: 5%; /* Adjust this value to move the positioned div up and down */
 color: white;
 width: 100%;
}
.boximage {
display: inline-block;
}  

.card-brand-category{
  width: 80%;
  margin: 0 auto;      
}
.card-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right: 0;     
  margin-left:  0 auto;
  margin-right:  0 auto;
  transition: 1.25s;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=0);  /* This works in IE 8 & 9 too .. but also 5, 6, 7 */
  -moz-opacity:0; /* Older than Firefox 0.9 */
  -khtml-opacity: 0; /* Safari 1.x (pre WebKit!) */
   opacity: 0;
}
.card-img-overlay:hover {
  background: rgba(0,0,0,0.6);
  z-index: 8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=100);  /* This works in IE 8 & 9 too .. but also 5, 6, 7 */
  -moz-opacity:1; /* Older than Firefox 0.9 */
 -khtml-opacity: 1; /* Safari 1.x (pre WebKit!) */
  opacity: 1;
}


.card-img-overlay h5{
  position: absolute;
  z-index: 999;
  margin: 0 auto;
  left: 0;
  right: 0;        
  text-align: center;
  top: 40%; /* Adjust this value to move the positioned div up and down */
  color: #fff;
  width: 60%; /* Set the width of the positioned div */

}



.colorgradiente{
background: rgb(224,234,243);
background: -moz-linear-gradient(180deg, rgba(224,234,243,1) 2%, rgba(224,234,243,0.7987570028011204) 30%, rgba(224,234,243,0) 60%);
background: -webkit-linear-gradient(180deg, rgba(224,234,243,1) 2%, rgba(224,234,243,0.7987570028011204) 30%, rgba(224,234,243,0) 60%);
background: linear-gradient(180deg, rgba(224,234,243,1) 2%, rgba(224,234,243,0.7987570028011204) 30%, rgba(224,234,243,0) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0eaf3",endColorstr="#e0eaf3",GradientType=1);
}








/* media queries */

@media only screen and (min-width: 412px) {
 
  
  
}