body {
    padding-top: 100px;
}

.product-card {
    padding: 50px;
    background-image: url('/img/products/fondo  fum sh.png');
    background-size: cover;
    position: relative;
}

.product-text {
    /* background-color: rgba(250, 250, 250, 0.75); */
    background-color: rgba(204, 237, 234, 0.75);
}

.carousel .carousel-indicators li {
    background-color: #fff;
    background-color: rgba(70, 70, 70, 0.25);
  }
  
  .carousel .carousel-indicators .active {
    background-color: #444;
  }

  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23909998' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
   }
   
   .carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23909998' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
   }

/*
.product-card:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(250, 250, 250, 0.52);
    background: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.64) 64%, rgba(250, 250, 250, 0.84) 84%, rgba(250, 250, 250, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(64%, rgba(250, 250, 250, 0.84)), color-stop(84%, rgba(250, 250, 250, 0.44)), color-stop(100%, rgba(250, 250, 250, 0.52)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.64) 64%, rgba(250, 250, 250, 0.84) 84%, rgba(250, 250, 250, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.64) 64%, rgba(250, 250, 250, 0.84) 84%, rgba(250, 250, 250, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.64) 64%, rgba(250, 250, 250, 0.84) 84%, rgba(250, 250, 250, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.64) 64%, rgba(250, 250, 250, 0.84) 84%, rgba(250, 250, 250, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=1);
}
*/

.product-card:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(204, 237, 234, 0.52);
    background: -moz-radial-gradient(center, ellipse cover, rgba(204, 237, 234, 0) 0%, rgba(204, 237, 234, 0.64) 64%, rgba(204, 237, 234, 0.84) 84%, rgba(204, 237, 234, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(204, 237, 234, 0)), color-stop(64%, rgba(204, 237, 234, 0.84)), color-stop(84%, rgba(204, 237, 234, 0.44)), color-stop(100%, rgba(204, 237, 234, 0.52)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(204, 237, 234, 0) 0%, rgba(204, 237, 234, 0.64) 64%, rgba(204, 237, 234, 0.84) 84%, rgba(204, 237, 234, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(204, 237, 234, 0) 0%, rgba(204, 237, 234, 0.64) 64%, rgba(204, 237, 234, 0.84) 84%, rgba(204, 237, 234, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(204, 237, 234, 0) 0%, rgba(204, 237, 234, 0.64) 64%, rgba(204, 237, 234, 0.84) 84%, rgba(204, 237, 234, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(204, 237, 234, 0) 0%, rgba(204, 237, 234, 0.64) 64%, rgba(204, 237, 234, 0.84) 84%, rgba(204, 237, 234, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=1);
}


.product-card div {
    z-index: 1;
}

.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;
    text-align: left;
}

#contents {
    background: white;
}

.carousel-inner img {
    max-width: 100%;
    max-height: 35vh;
    overflow: hidden;
}