/*
 * responsive-carousel
 * https://github.com/filamentgroup/responsive-carousel
 *
 * Copyright (c) 2012 Filament Group, Inc.
 * Licensed under the MIT, GPL licenses.
*/
.carousel-fade {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	text-align:center;
	width:100%;
	font-size:16px;
	margin:40px 0;
	
}
.carousel-fade .carousel-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%; /* necessary for non-active slides */
	display: block; /* overrides basic carousel styles */
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	
	z-index:2;
	height:200px;
	text-align:center !important;
	color:#fff; 
}

.carousel-fade .carousel-item h3{
	font-size:18px;
	}
.carousel-fade .carousel-item p{
	font-size:14px;
	line-height:22px;
	}

.carousel-fade .carousel-active {
	position: relative;
}

.carousel-item {
	opacity: 0;
}

.carousel-active {
	opacity: 1;
}

.carousel-fade .carousel-out {
	opacity: 0;
}

.carousel-fade .carousel-in {
	opacity: 1;
}

.carousel-nav{
	z-index:4;
	position:relative;
	display:none !important;
	}

/* Responsive */
@media screen and (max-width: 768px) {}

@media screen and (min-width: 768px) {

	.carousel-fade {
		width:600px;
		margin:100px auto;		
		}
	.carousel-fade .carousel-item h3{
		font-size:28px;
		}
	.carousel-fade .carousel-item p{
		font-size:18px;
		line-height:22px;
		}	

}
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1200px) {

}