@CHARSET "UTF-8";

.triplecarousel{
	
}

.triplecarousel .triplecarousel-inner{
	position: relative;
	position:  relative;
	overflow: hidden;
	text-align: center;
	text-indent: 0;
	font-size: 0px;	 
}


.triplecarousel-cover-image{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;		
}


.triplecarousel .item{
	display: none;	
}

.triplecarousel .item.active, 
.triplecarousel .item.prev, 
.triplecarousel .item.next,
.triplecarousel .item.active-new, 
.triplecarousel .item.prev-new, 
.triplecarousel .item.next-new
{
	display: block;		
	position: absolute;
	overflow: hidden;
	
}

.triplecarousel .item.active{
	left: 20%;
	width: 60%;
	z-index: 2;
}

.triplecarousel .item.prev{
	width: 40%;
	left: -10%;	 	
	z-index: 1;	
}

.triplecarousel .item.next{
	width: 40%;
	left: 70%;
	z-index: 1;
}

.triplecarousel .item.active:BEFORE, .triplecarousel .item.next:BEFORE, .triplecarousel .item.prev:BEFORE {
	content: ' ';
	display: block;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #57200e;
	opacity: 0.69;
	cursor: pointer;
	
	-webkit-transition: opacity 0.2s ease-in-out;
  	-moz-transition: opacity 0.2s ease-in-out;
  	-ms-transition: opacity 0.2s ease-in-out;
  	-o-transition: opacity 0.2s ease-in-out;
  	transition: opacity 0.2s ease-in-out;			
}

.triplecarousel .item.next:hover:BEFORE, .triplecarousel .item.prev:hover:BEFORE{
	opacity: 0.3;	
}

.triplecarousel .item.active:BEFORE{
	opacity: 0 !important;
}

/*.triplecarousel.animation .item.next:BEFORE, .triplecarousel.animation .item.prev:BEFORE, .triplecarousel .item.active:BEFORE{
	opacity: 0;
} */