/* =============================================================== */
/* Carousel for Project 4 Columns
/* =============================================================== */
#recent-projects .jcarousel-container {
 padding-top:40px;

}
.jcarousel-container img {max-width:100%;}
.jcarousel-direction-rtl {
	direction: rtl;
}

 .jcarousel-container-horizontal {
    width: 100%;
	height:auto;
}

 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

 .jcarousel-clip {
    overflow: hidden;
}

 .jcarousel-clip-horizontal {
    width:  100%;
    height: auto;
}

 .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

 .jcarousel-item {
    width: 75px;
    height: 75px;
}

 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 20px;
	width:262px;
	height:250px;
}

 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

 .jcarousel-item-vertical {
    margin-bottom: 10px;
}

 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 .jcarousel-next-horizontal {
    position: absolute;
    top: -10px;
    right: 0;
    width: 30px;
    height: 30px;
	border-bottom:2px solid #a3d724;
    cursor: pointer;
    background:#2ebfe6;
	text-align:center;
}
.jcarousel-next-disabled, .jcarousel-prev-disabled{ 
	background:#999999;
}
.jcarousel-next-horizontal i, .jcarousel-prev-horizontal i {font-size:22px; color:#ccc; line-height:30px;}
.jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover {background:#2ebfe6; border-color:#fe6356}
.jcarousel-next-horizontal:hover i, .jcarousel-prev-horizontal:hover i {color:#fff;}


 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
}

 .jcarousel-next-horizontal:hover,
 .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-next-disabled-horizontal,
 .jcarousel-next-disabled-horizontal:hover,
 .jcarousel-next-disabled-horizontal:focus,
 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

 .jcarousel-prev-horizontal {
    position: absolute;
    top: -10px;
    right: 33px;
    width: 30px;
    height: 30px;
	border-bottom:2px solid #a3d724;	
    cursor: pointer;
    background:#2ebfe6;
	text-align:center;
}

 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
}

 .jcarousel-prev-horizontal:hover, 
 .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-prev-disabled-horizontal,
 .jcarousel-prev-disabled-horizontal:hover,
 .jcarousel-prev-disabled-horizontal:focus,
 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

 .jcarousel-next-vertical:hover,
 .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

 .jcarousel-next-disabled-vertical,
 .jcarousel-next-disabled-vertical:hover,
 .jcarousel-next-disabled-vertical:focus,
 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

 .jcarousel-prev-vertical:hover,
 .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

 .jcarousel-prev-disabled-vertical,
 .jcarousel-prev-disabled-vertical:hover,
 .jcarousel-prev-disabled-vertical:focus,
 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* =============================================================== */
/* Carousel In Tab Skin
/* =============================================================== */
.slider-in-tabs-container .jcarousel-container-horizontal {
	width:171px;
	height:97px;
}

.slider-in-tabs-container .jcarousel-clip-horizontal {
	width:171px;
	height:97px;
}

.slider-in-tabs-container .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
	width:171px;
	height:97px;
}
/**
 *  Horizontal Buttons
 */
.slider-in-tabs-container .jcarousel-next-horizontal {
    position: absolute;
    top: 22px;
    right: 0;	
	background:rgba(0,0,0, .3); width:20px; height:50px;opacity:1;
	border:0;
	opacity:0;
	filter:alpha(opacity=0);/* IE 8*/
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
.slider-in-tabs-container:hover .jcarousel-next-horizontal {opacity:1;	filter:alpha(opacity=100);/* IE 8*/}
.slider-in-tabs-container .jcarousel-next-horizontal i, .slider-in-tabs-container .jcarousel-prev-horizontal i
{
	line-height:50px;
}
.slider-in-tabs-container .jcarousel-prev-horizontal {
    position: absolute;
    top: 22px;
    left: 0;	
	background:rgba(0,0,0, .3); width:20px; height:50px;
	opacity:0;
	border:0;
	transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}
.slider-in-tabs-container:hover .jcarousel-prev-horizontal {opacity:1;	filter:alpha(opacity=100);/* IE 8*/}

/* =============================================================== */
/* Testimonial Carousel
/* =============================================================== */
.testimonial .jcarousel-container-horizontal {
	width:100%;
	height:auto;
}

.testimonial .jcarousel-clip-horizontal {
	width:100%;
	height:auto;
}

.testimonial .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
	width:350px;
	height:200px;
}
/**
 *  Horizontal Buttons
 */

.testimonial .jcarousel-next-vertical {
    position: absolute;
    top: -35px;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.testimonial .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}