/********************
 * FEATURE CAROUSEL *
 ********************/
#carousel-container {
  position:relative;
  width:960px;
}
#carousel {
  height:431px;
  width:960px;
  position:relative;
  margin:-1px 0 0px 0px;
}
#carousel .carousel-image {
  border:0;
  display:block;
}
#carousel .carousel-feature {
  position:absolute;
  top:-1000px;
  left:-1000px;
  cursor:pointer;
  
}	

#carousel .carousel-feature a img{
	position:relative;
	z-index:29;
}
#carousel .mask {
	background:none;
	height:1px !important;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
	overflow:hidden;
	position:absolute;
	z-index:130;
}
.mask img {
    height: 1px;
    width: 100%;
}
#carousel .carousel-feature .carousel-caption {
  position: absolute;
  bottom: 20px;
  left: 0px;
  z-index: 999;
  text-align: center;
  padding:20px 0px 0px 0px;
  margin: 0 0px;
  width: 100%;
  max-width: 100%;
}
	#slide #carousel .caption-head,
	#slide #carousel .text-capt {
		margin: 20px 20px 17px 20px;
 	}
#carousel .carousel-feature .carousel-caption p {
  margin:0;
  text-shadow:none;
  color:#fff;
}
#carousel .tracker-summation-container {
  position:absolute;
  right:48px;
  top:230px;
  padding:3px;
  margin:3px;
  display:none !important;
}
#carousel .tracker-individual-container {
  position:absolute;
  right:48px;
  bottom:0px;
  padding:0;
  margin:0;
  display:none !important;
}
#carousel .tracker-individual-container li {
  list-style:none;
  background:none;
  width:13px;
  height:13px;
  float:left;
  padding:0 0 0 0;
  margin:0 1px 0 1px;
}
#carousel .tracker-individual-container li div {
  background:url(http://www.d-pilate.com.mx/wp-content/themes/dt-unicorn/images/thumb.png) no-repeat 0 0;
  float:left;
  width:13px;
  height:13px;
  margin: 0 0 0 2px;
}
#carousel .tracker-individual-container li div:hover {
	background-position:0 -26px
}
#carousel .tracker-individual-container .tracker-individual-blip {
	text-indent:-9999px
}
#carousel .tracker-individual-container .tracker-individual-blip-selected {
	background-position:0 -13px;
}
.caros-arrows {
	top: 50%;
	margin-top: 0px;
	max-width: 30px;
	right: -45px;
	float: none;
	min-width: 30px;
	position: absolute;
}
#carousel-left,
#carousel-right {
	position: relative;
	z-index: 9;
	cursor: pointer;
	height: 30px;
	width: 30px;
	display: block;
	margin-bottom: -8px;	
	text-decoration: none;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 	all 0.4s ease-in-out;
	-o-transition: 		all 0.4s ease-in-out;
	transition: 		all 0.4s ease-in-out;
} 
#carousel-left .arrow-bg,
#carousel-right .arrow-bg {
	-webkit-border-radius: 30px;
	-moz-border-radius:    30px;
	border-radius: 		   30px;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 0;
	
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 	all 0.4s ease-in-out;
	-o-transition: 		all 0.4s ease-in-out;
	transition: 		all 0.4s ease-in-out;
}
.small #carousel-left, .small #carousel-right {
	margin-left:-8px;
	float: left;
	margin-top: 0;
	
}
#carousel-left .arrow-bg {
	-webkit-box-shadow: inset 0px 0px 1000px 1000px rgba(0, 0, 0, 0.2);        
	box-shadow: 		inset 0px 0px 1000px 1000px rgba(0, 0, 0, 0.2);
}
#carousel-left {
	text-align: center;
	z-index: 10;
	float:left;
}
#carousel-left.cliked .arrow-bg,
#carousel-right.cliked .arrow-bg {	
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: 	all 0.3s ease-in-out;
	-o-transition: 		all 0.3s ease-in-out;
	transition: 		all 0.3s ease-in-out;

	-webkit-transform: scale(1.1,1.1);
	-moz-transform:	   scale(1.1,1.1);
	-o-transform:	   scale(1.1,1.1);
	transform: 		   scale(1.1,1.1);					   
   
	-webkit-transform-origin: center center;	
	-moz-transform-origin:  center center;	
	-ms-transform-origin:  center center;	
	-o-transform-origin:  center center;	
	transform-origin: center center;
}
	#carousel-left .a-l {	
		background-repeat: no-repeat;
		background-position: -491px -13px;			
		position: absolute;
		left: 11px;
		top: 8px;
		height: 13px;
		width: 9px;
		z-index: 20;
	}
#carousel-right {
	float:right;	
	z-index: 12;
	margin-top: -45px;
}
		
	#carousel-right .a-l {	
		background-repeat: no-repeat;
		background-position: -521px -13px;
		position: absolute;
		left: 12px;
		top: 8px;
		height: 13px;
		width: 9px;
		z-index: 20;
	}
#carousel-left:hover .arrow-bg {
	-webkit-box-shadow: none;        
	box-shadow: 		none;
}
#carousel-left:hover {
	z-index: 15;
}

.caros-arrows.small {
	height:21px;
	right:auto;
	left:17px;
	margin:10px auto 0px;
	top: -7px;
	position:relative;
	max-width: 70px;
    min-width: 70px;
}
#carousel-right.hovered .arrow-bg {
	-webkit-box-shadow: inset 0px 0px 1000px 1000px rgba(0, 0, 0, 0.2);        
	box-shadow: 		inset 0px 0px 1000px 1000px rgba(0, 0, 0, 0.2);
}