_CAROUSEL.SCSS

#wc {
    wc-carousel {
	display:block;
	visibility: hidden;
	position: relative;
	font-family: Arial;

	.carousel-inner {
	    background: #3D3D3D;
	}

	.carousel-caption-fixed {
	    position:absolute;
	    left:80px;
	    top:20px;
	    font-size:24px;
	    color: #FFF;
	    font-weight: bold;
	}

	.carousel-indicators {
	    margin-bottom:-10px;

	    li {
		box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.5);
		display: inline-block;
		margin-right: 10px;
		text-indent: 0;
		cursor: pointer;
		border: none;
		border-radius:100%!important;
		background-color: #0000ff;
		font-size:48px;
		width: 12px;
		height: 12px;
		background: #CCC;
	    }

	    .active {
		background-color: #FFF;
	    }
	}

	.carousel-control span {
	    &.glyphicon {
		font-size:0px;
		
		&.glyphicon-chevron-left {
		    left:40px;
		    
		    &:after {
			content: "\f053";
			font-size:24px;
			font-family: fontAwesome;
		    }
		}

		&.glyphicon-chevron-right {
		    right:40px;

		    &:after {
			content: "\f054";
			font-size:24px;
			font-family: fontAwesome;
		    }
		}
	    }
	}

	wc-carousel-item-content {
	    img {
		border:1px #ccc solid;
		width:100%;
	    }
	}
    }
}