@CHARSET "UTF-8";

@media ( max-width : 767px ) {
	.carousel-promobox{
		height: 300px; 
	}
	
	.carousel-promobox .item{		
		height: 300px; 
	}
	.promo-event-title{
		left: 0px;		
	}	
}

@media ( min-width : 768px ) {
	.carousel-promobox{
		position: absolute;
		z-index: 10;
		bottom: 0px;
		right: 0px;
		left: 0px;
		top: 0px; 
	}
	
	.carousel-promobox .carousel-inner{
		height: 100%;
	}
	
	.carousel-promobox .item{
		height: 100%; 
	}
	
	.promo-event-title{
				
	}
}

.carousel-promobox .carousel-indicators{
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align: right;
	width: auto;
}

.carousel-promobox .carousel-indicators li{
	border-color: #61717b;
}

.carousel-promobox .carousel-indicators .active{
	background-color: #61717b;
}


.carousel-promobox:AFTER {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	left: 10px;
	right: 10px;
	top: 0px;
	bottom: 0px;
	background: #fff;
	opacity: 0.85;
}


.carousel-promobox .item>a{
	display: block;
	position: absolute;
	z-index: 10;
	left: 10px;
	right: 10px;
	top: 0px;
	bottom: 0px;
	background: #000;
	opacity: 0; 
}

.carousel-promobox .item>a:HOVER{
	opacity: 0.2;
}

.promo-box-image{
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.promo-event-title{
	position: absolute;	
	z-index: 2;
	left: 0px;
	right: 0px;
	top: 10px;
	height: auto;	
	color: #fff;
	font-size: 24px;
	padding: 10px; 	
}

.promo-event-title .event-date{
	font-size: 18px;
}

.promo-event-title:AFTER{
	content: '';
	position: absolute;
	z-index: -1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #61717b;
	opacity: 0.85;
}

.promo-event-dsc{
	position: absolute;	
	z-index: 2;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;	
	color: #fff;
	font-size: 16px;
	padding: 10px;
	padding-bottom: 40px; 	
}

.promo-event-dsc, .promo-event-dsc *{
	color: #333; 
} 

.promo-event-dsc:AFTER{
	content: '';
	position: absolute;
	z-index: -1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #fff;
	opacity: 0.85;
}


.promo-event-dsc .read-more *{
	color: #61717b; 
}