/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */


.carousel { position : relative; margin : 0 auto; width : 96% !important; max-width:930px !important; height : auto; border : none; overflow : visible; margin-top:20px; }
/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */

.carousel .slides { margin : 0; padding : 0; border : none; list-style : none; position : relative; overflow : visible; width:100% !important; max-width:930px !important;}
/* slide item */

.carousel .slides .slideItem { position : absolute; cursor : pointer; overflow : hidden; padding : 0; margin : 0; border : none; height:auto !important;}
.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%;
border:2px solid #fff; box-shadow:5px 0px 5px #000; }
.carousel .slides .slideItem .play_ico{ position:absolute; top:60px; left:170px;}
/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */


.carousel .nextButton { position : absolute; right : 10px; top : 90px; width : 40px; height : 75px; background : url("../images/arrowRight.png") no-repeat center; cursor : pointer; z-index : 9; display:none; }
.carousel .prevButton { position : absolute; left : 10px; top : 90px; width : 40px; height: 75px; background : url("../images/arrowLeft.png"); cursor : pointer; z-index : 9; display:none; }
/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */

.carousel .buttonNav { position : relative; margin : 0 auto; z-index : 999; display: none }
/* 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(../images/Bullet-White.png) no-repeat center; margin : 5px; float : left; cursor : pointer; }
.carousel .buttonNav .bullet:hover { background : url(../images/Bullet-Black.png) no-repeat center; }
.carousel .buttonNav .bulletActive { background : url(../images/Bullet-Black.png) no-repeat center; cursor : default; }
/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */


.carousel .slides .videoOverlay { background : url("../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("../images/shadowLeft.png") no-repeat; width : 100px; height : 82px; /* fix png problems in ie */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */
}
.carousel .shadow .shadowMiddle { height : 82px; background: url("../images/shadowTile.png") repeat-x; /* fix png problems in ie */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */
}
.carousel .shadow .shadowRight { width : 100px; height : 82px; background: url("../images/shadowRight.png") no-repeat; /* fix png problems in ie */
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */
}
/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */

.carousel .gradient { background-image : url(../scripts/gradient.svg); display: none }

.reflection{  display:none;}
.description{ margin-top:-180px; position:relative; z-index:3 }
.textnew{ position:absolute; z-index:2; text-align:center; width:100%; font-family: 'myriadpro-light',arial; font-size:18px; display:none}
.active .textnew{ display:block}
.textnew b{ color:#666666; display:block; margin:10px 0 5px 0}
.textnew span a{ color:#000; display:block}
.textnew span a:hover{ color:#7b7874}
.textnew a.fancybox-media{ font-size:13px; text-transform:uppercase; background:#7b7874; padding:5px 5px; display:block; font-weight:bold; color:#fff; width:150px; margin:auto; border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; margin-top:10px}
.textnew a:hover.fancybox-media{ color:#000}