#stickyPromotionsCarouselContainer, #stickyPromotionsCollapse {
	pointer-events: all;
}

#stickyPromotionsCollapse .card {
	width: 320px;
	height: 245px;
}

#stickyPromotionsCollapse .card .pictureReplacement {
	width: 318px;
	height: 179px;
	padding: 10px;
}

#stickyPromotionsCollapse .card img {
	width: 320px;
	height: 180px;
}

#stickyPromotions.fixed-bottom {
    z-index: 99;
}

.carousel.carousel-fade .carousel-item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}

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

#stickyPromotionsCollapse.collapsing {
	transition-duration: 0.75s;
}

/* shadow present only when mobile persistent tab is in expanded state */
@media ( max-width : 429.98px) {
	#stickyPromotionsTab:not(.collapsed) {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5) !important;
	}
}

/* shadow present only when persistent container is expended and in non-moile view */
@media ( min-width : 430px) {
	#stickyPromotionsCollapse {
		box-shadow: 0 1rem 3rem rgba(0, 0, 0, .5) !important;
	}
}

.pc-auto-expand-fade {
	opacity: 0;
	-webkit-transition: opacity 0.75s;
	-moz-transition: opacity 0.75s;
	-ms-transition: opacity 0.75s;
	-o-transition: opacity 0.75s;
	transition: opacity 0.75s;
}

.pc-auto-expand-fade.active {
	opacity: 1;
}

@media ( prefers-reduced-motion :reduce) {
	.pc-auto-expand-fade {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
}