/*

Item Name: jQuery Carousel Evolution

Author: Mapalla

Author URI: http://codecanyon.net/user/Mapalla

Version: 1.0

*/



/* _______________________________________________ */



/* CONTAINER */

/* _______________________________________________ */



.carousel-desktop {

	width :830px;

}

.carousel-tablet {

	width :610px;

}

.carousel

{

	position :relative ;

	margin :0 auto;

	height :auto;

	border :none;

	overflow : visible ;

}

/* _______________________________________________ */



/* SLIDES */

/* _______________________________________________ */



/* slide container */

.carousel .slides

{

	margin :0;

	padding :0;

	border :none;

	list-style :none;

	position :relative ;

	overflow :visible ;

}



/* slide item */

.carousel .slides .slideItem 

{

	position :absolute ;

	cursor :pointer ;

	overflow : hidden;

	padding :0;

	margin :0;

	border :none;

}



.carousel .slides .slideItem a

{

	display: block ;

	text-decoration :none;

	margin :0;

	padding :0;

	border :none;

	outline :none;

}



.carousel .slides .slideItem img

{

	margin :0;

	padding :0;

	border :none;

	width :100%;

	height :100%;

}



/* _______________________________________________ */



/* DIRECTION BUTTON */

/* _______________________________________________ */



.carousel .nextButton

{

	position :absolute ;

	right :-180px;

	top :210px;

	width :60px;

	height :60px;

	background : url("/reed-magazine/assets/images/next_button.png") no-repeat center;

	cursor :pointer ;

	z-index :9999;

}



.carousel .prevButton

{

	position :absolute ;

	left :-194px;

	top :210px;

	width :60px;

	height: 60px;		

	background : url("/reed-magazine/assets/images/prev_button.png");

	cursor :pointer ;

	z-index :9999;

}



@media (max-width: 991px) {
	
	.carousel .nextButton {
		right :-85px;
		top :108px;
	}
	.carousel .prevButton {
		left :-94px;
		top :108px;
	}
}





/* _______________________________________________ */



/* NAVIGATION BUTTON */

/* _______________________________________________ */



/* buttons container */

.carousel .buttonNav

{

	position : relative ;

	margin :0 auto;

	z-index :999;

}



/* numbers */

.carousel .buttonNav .numbers 

{

	position :relative ;

	float :left ;

	margin :5px;

	color : #828282 ;

	cursor :pointer ;

	font-weight :bold ;

	text-decoration :none;

	font-size :1em;

	font-family :Arial, Verdana ;

}



.carousel .buttonNav .numbers:hover

{

	color: #000;

	text-decoration :underline;

}



.carousel .buttonNav .numberActive

{

	background : none;

	color :#000;

	cursor :default ;

}



/* bullets */

.carousel .buttonNav .bullet

{

	position :relative ;

	float :left ;

	width :16px;

	height :16px;

	background : url(/reed-magazine/assets/css/images/Bullet-White.png) no-repeat center ;

	margin :5px;

	float :left ;

	cursor :pointer ;

}



.carousel .buttonNav .bullet:hover

{

	background : url(/reed-magazine/assets/css/images/Bullet-Black.png) no-repeat center ;

}



.carousel .buttonNav .bulletActive

{

	background : url(/reed-magazine/assets/css/images/Bullet-Black.png) no-repeat center ;

	cursor :default ;

}



/* ____________________________________________________________ */



/* VIDEO */

/* ____________________________________________________________ */



.carousel .slides .videoOverlay

{

	background :url("/reed-magazine/assets/css/images/video.png") no-repeat center; /* play button */

}



.carousel .slides .spinner

{

	background : #000 url(images/loading.gif) no-repeat center; /* video preloader */

}



/* _____________________________ *



/* SHADOW */

/* _____________________________ */



.carousel .shadow

{

	width :100%;

	height :82px;

}



.carousel .shadow .shadowLeft

{

	background : url("/reed-magazine/assets/css/images/shadowLeft.png") no-repeat;

	width :100px;

	height :82px;

	

	/* fix png problems in ie */

	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */                     

}



.carousel .shadow .shadowMiddle

{

	height :82px;

	background:url("/reed-magazine/assets/css/images/shadowTile.png") repeat-x;

	

	/* fix png problems in ie */

	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowTile.png, sizingmethod=scale)"; /* IE8 */   

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */                     

}



.carousel .shadow .shadowRight

{

	width :100px;

	height :82px;

	background:url("/reed-magazine/assets/css/images/shadowRight.png") no-repeat;

	

	/* fix png problems in ie */

	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowRight.png, sizingmethod=scale)"; /* IE8 */   

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/reed-magazine/assets/css/images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */                     

}



/* ____________________________________________________________ */



/* REFLECTION GRADIENT */

/* ____________________________________________________________ */



/* gradient color for Opera */

.carousel .gradient

{

	background-image :url(/reed-magazine/assets/css/scripts/gradient.svg);

}