﻿.ez-carousel {
	display : block;
	width : 100%;
	height : 100%;
	list-style-type : none;
	position : relative;
	overflow : hidden;
	padding : 0px;
	margin : 0px;
}

.ez-carousel > li {
	position : absolute;
	display : block;
	height : 100%;
	width : 100%;
	top : 0px;
	left : -200%;
	z-index : 0;
	background : #ffffff;
	transition : left 0.5s;
	overflow : hidden;
}

.ez-carousel.ez-carousel-single-item > li {
	left : 0%;
}

.ez-carousel > li.ez-carousel-current-frame {
	left : 0%;
	z-index : 2;
}

.ez-carousel > li.ez-carousel-previous-frame {
	left : -100%;
	z-index : 1;
}

.ez-carousel > li.ez-carousel-next-frame {
	left : 100%;
	z-index : 1;
}

.ez-carousel > li.ez-carousel-no-transition {
	transition : all 0s !important;
}

.ez-carousel > .ez-carousel-left-fader {
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	z-index : 3;
	background : linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.ez-carousel > .ez-carousel-right-fader {
	position : absolute;
	left : 0px;
	right : 0px;
	bottom : 0px;
	z-index : 3;
	background : linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.ez-carousel > .ez-carousel-arrow {
	position : absolute;
	display : block;
	top : 50%;
	bottom : 50%;
	left : 50%;
	right : 50%;
	z-index : 4;
	border-radius : 50%;
	width : 30px;
	height : 30px;
	line-height : 30px;
	text-align : center;
	margin : -15px;
	font-size : 20px;
	background : rgba(28,75,85,0);
	color : #ffffff;
}

.ez-carousel > .ez-carousel-arrow > i {
	font-size : 20px;
	line-height : 20px;
	display : inline-block;
	vertical-align : middle;
	text-align : center;
	width : 20px;
	height : 20px;
	margin-top : -2px;
}

.ez-carousel > .ez-carousel-arrow:hover {
	background : rgba(28,75,85,0.75);
}

.ez-carousel > .ez-carousel-arrow:active {
	background : rgba(28,75,85,1);
}

.ez-carousel > .ez-carousel-arrow-left {
	left : 5%;
	right : auto;
}

.ez-carousel > .ez-carousel-arrow-right {
	right : 5%;
	left : auto;
}

.ez-carousel > .ez-carousel-arrow-right > i {
	margin-left : 3px;
}

.ez-carousel > .ez-carousel-arrow-left > i {
	margin-right : 3px;
}