html,
body {
    height: 100%;
    background-color: #fdfdfd;
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {height: 70%;}
header.carousel-cuotas {height: 60%;}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%; height: 100%; background-position: center; background-size: cover;}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .05)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .05) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
#intro * {color: #1c1c1c;}
.rowProducts {margin-bottom: 30px !important;}

/* Responsive Styles */

@media(max-width: 1400px) {
    header.carousel {height: 90%;}    
}

@media(max-width:991px) {
    .customer-img, .img-related {margin-bottom: 30px;}
}

@media(max-width:767px) {
    header.carousel {height: 75%;}
    header.carousel-cuotas {height: 55%;}
    .col-xs-6 {margin-bottom: 30px;}
}