.dc-carousel.dc-carousel.flipster {
	overflow: hidden;
	display: none;
	-webkit-mask: -webkit-linear-gradient(
		left,
		rgba(255,255,255,0),
		rgba(255,255,255,1) 25%,
		rgba(255,255,255,1) 75%,
		rgba(255,255,255,0)
	);
}

.dc-carousel.flipster > ul {
	-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	-webkit-transition: all 333ms; -moz-transition: all 333ms; transition: all 333ms;
	position: relative;
	width:100%;
}

.dc-carousel.flipster li {
	display: block;
	-webkit-transition: all 333ms ease-in-out; -moz-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out;
	-webkit-perspective: 100%; -moz-perspective: 100%; perspective: 100%;
	position: absolute;
	opacity: 0.99; /* fix for strange clipping behavior on rotated elements in chrome. don't know why this works */
	margin: 0 !important;
	padding: 0;
    background: none;
}

.dc-carousel.flipster li img {
	display: block;
}

.dc-carousel.flipster li > div {
	-webkit-transition: left 200ms ease-in;
	-ms-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
	-webkit-transition: -webkit-transform 300ms 200ms ease-out; 
	-ms-transition: -ms-transform 300ms 200ms ease-out;
	transition: transform 300ms 200ms ease-out;
	background-color: #000000;
	-webkit-box-reflect: below 1px -webkit-gradient( linear, left bottom, left top, color-stop(0.2, rgba(255,255,255,0.12)), color-stop(0.4, transparent));
}

.no-transition {
	-webkit-transition: all 0ms !important;
	-moz-transition: all 0ms !important;
	transition: all 0ms !important;
}

.dc-carousel.flipster .flipster-left > div {
	background: transparent;
	-webkit-transform: perspective(300px) rotateY(24deg) scale(0.6); 
	-moz-transform: perspective(300px) rotateY(24deg) scale(0.6); 
	transform: perspective(300px) rotateY(24deg) scale(0.6); 
	-ms-transform: perspective(300px) rotateY(24deg) scale(0.6);
}

.dc-carousel.flipster .flipster-right > div{
	background: transparent;
	-webkit-transform: perspective(300px) rotateY(-24deg) scale(0.6);
	-moz-transform: perspective(300px) rotateY(-24deg) scale(0.6);
	transform: perspective(300px) rotateY(-24deg) scale(0.6);
	-ms-transform: perspective(300px) rotateY(-24deg) scale(0.6);
}

.dc-carousel.flipster .flipster-current>div {
	background: transparent;
	display: block;
	-webkit-transform: rotateY(0deg) translate3d(0, 0, 150px); -moz-transform: rotateY(0deg) translate3d(0, 0, 150px); -ms-transform: rotateY(0deg) translate3d(0, 0, 150px); transform: rotateY(0deg) translate3d(0, 0, 150px); 
}

.dc-carousel.flipster img.currentSubtitle {
	position: relative;
	text-align: center;
	/*font-size: 10pt;*/
    margin: 0 auto;
    display: block;
}
/* Old browser compatibility classes */
.compatibility {

}