.carousel-control.left,
.carousel-control.right{ background-image: none; }

#myCarousel .carousel { max-height: 400px; margin-bottom: 60px; }
#myCarousel .carousel-caption { z-index: 10; }
#myCarousel .carousel .item { max-height: 400px; }
#myCarousel .carousel-inner > .item > img { top: 0; left: 0; min-width: 100%; max-height: 400px; }
#myCarousel .carousel-control { width: 10%; }
/* RESPONSIVE CSS -------------------------------------------------- */
@media (min-width: 768px) { 
  #myCarousel .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }
  #myCarousel .featurette-heading { font-size: 50px; }
}
@media (min-width: 992px) { 
  #myCarousel .featurette-heading { margin-top: 120px; }
}
#myCarousel > div > div > a > img { margin: auto; min-height: 175px;}

/* Grupos */
#myCarousel2 { 	margin-top:20px; margin-bottom:50px; }
#myCarousel2 .carousel-control { width: 10%; }
.prod_group{ text-align:center; font-weight:700; border:1px solid #f1f1f1; min-height:50px; border-radius:10px; padding-bottom:10px; background:#fcfcfc; margin-bottom: 15px; }
.prod_group:hover{ border:1px solid rgb(0, 150, 23); background:#fff; }
.carousel-inner.onebyone-carosel { margin: auto; width: 84%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }


/* Marcas / Parceiros*/
.prod_group2{ text-align:center; font-weight:700; border:1px solid #f1f1f1; min-height:50px; border-radius:10px; padding-bottom:10px; margin-bottom: 15px; }
#myCarousel3 { 	margin-top:20px; margin-bottom:50px; }
#myCarousel3 .carousel-control { width: 10%; }



/* Fade efect inspired from https://codepen.io/Rowno/pen/Afykb */
.carousel-fade .carousel-inner .item { 
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active { 
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { 
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { 
	opacity: 1;
}

.carousel-fade .carousel-control { 
	z-index: 2;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/

@media all and (transform-3d),
(-webkit-transform-3d) { 
	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right { 
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left { 
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active { 
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}