@charset "utf-8";
/* CSS Document */

/*#####################
Additional Styles (required for banner-2)
#####################*/

#central-carousel .carousel-control.left, .carousel-control.right {
	background-image: none !important;
}
#central-carousel .carousel-indicators {
	bottom: 0px;
	left: 0;
	width: auto;
	padding: 5px 25px 5px 25px;
	margin-left: 0;
	background: rgba(0,0,0,0.5);
}
#central-carousel .carousel-indicators li {
	border-radius: 0;
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0px;
	border-color: #fff;
}
#central-carousel .carousel-indicators .active {
	width: 10px;
	height: 10px;
	background: #39b3d7;
	border-color: #39b3d7;
}
#central-carousel .carousel-control {
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 4px 0px 4px 0px;
	width: 26px;
	top: auto;
	left: auto;
	bottom: 12px;
	opacity: 0.85;
}
#central-carousel .carousel-control.right {
	right: 10px;
}
#central-carousel .carousel-control.left {
	right: 46px;
}
#central-carousel .carousel-caption {
	top: 0px;
	width: auto;
	right: auto;
	bottom: auto;
	left: 0;
	background: rgba(0,0,0,0.50);
	text-align: left;
	height: auto;
	max-width: 50%;
	text-align: center;
	opacity: 0;
	padding: 20px;
}
#central-carousel .item.active .carousel-caption {
	-o-animation: fadeIn 2s;
	-o-animation-fill-mode: forwards;
	-ms-animation: fadeIn 2s;
	-ms-animation-fill-mode: forwards;
	-moz-animation: fadeIn 2s;
	-moz-animation-fill-mode: forwards;
	-webkit-animation: fadeIn 2s;
	-webkit-animation-fill-mode: forwards;
	animation: fadeIn 2s;
	animation-fill-mode: forwards;
}
.carousel-caption h3 {
	color: #39b3d7;
	background:none;
	border-radius:0px;
	padding:0px;
}
#central-carousel .carousel-caption p, #central-carousel .carousel-caption h2 {
	color: #fff;
	background:none;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position: relative;
	width: auto;
	height: auto;
	font-size: 20px;
	margin-top: 0px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -26px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -26px;
}

/*-----------------------------------------*/
/*--------------Animação CSS3--------------*/
/*-----------------------------------------*/


/*FadeIN*/

@-o-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-ms-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}