@media screen and (-webkit-min-device-pixel-ratio:0) { 
	html {
		margin-left: 1px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sky-carousel .sc-overlay {
		width: 88px !important;
	}
}

@media only screen and (max-width: 479px) {
	.sky-carousel .sc-overlay {
		width: 15px !important;
	}
	
	.sky-carousel .sc-nav-button.sc-next {
		right: 5px !important;
	}
	
	.sky-carousel .sc-nav-button.sc-prev {
		left: 5px !important;
	}
}

/**********************************************
*
* 2. Container Styles
*
**********************************************/
.js .sky-carousel {
	visibility: hidden;
}

.sky-carousel {
	width: 100%;
	height: 200px;
	position: relative;
	background-color:transparent;
	overflow: hidden;
	margin: 0 auto;
}

.sky-carousel .sky-carousel-container {
	position: relative;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

/**********************************************
*
* 3. Carousel Item Styles
*
**********************************************/
.sky-carousel .sky-carousel-container li {
	position: absolute;
	border: 5px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 0px 3px rgba(44, 44, 44, 0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(44, 44, 44, 0.2);
	-moz-box-shadow: 0px 0px 3px rgba(44, 44, 44, 0.2);
}

.sky-carousel .sky-carousel-container li img {
	display: inherit;
	max-width: none !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 0;
}

.sky-carousel .sky-carousel-container li a img {
	border: none;
}

.sky-carousel .sky-carousel-container .sc-content {
	display: none;
}

.sky-carousel-wrapper 
{
	background-color:transparent;
}