@charset "iso-8859-1";
/* CSS Document */
.right {
	float: right !important;
}
.clear {
	clear: both;
}
.leftt {
	float: left;
}
.margint20 {
	margin-top: 20px;
}
#central-carousel {
	height: 550px;
}
.carousel-inner {
	height: 100%;
}
.carousel-inner > .item {
	overflow:hidden !important;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	display: block;
	/*max-height: 550px;*/
	height:100%;
	width: 100%;
}
/*.carousel .controls {
	float: right;
	background-color: #fff;
	border-radius: 5px;
	margin-top: -38px;
	padding: 10px;
	z-index: 104;
	position: relative;
	color: #cc4f37;
}*/
.carousel .controls {
	top: -55%;
	position: relative;
}
.carousel .controls .right {
	margin-top:-15px;
}
.carousel .controls .left, .carousel .controls .right {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 15px 25px 15px 30px;
}
.carousel-indicators {
	margin-bottom: 0px;
	bottom: 0px;
	list-style: outside none none;
}
.carousel .controls a {
	color: #fff;
	font-size:40px;
}
.carousel .controls a:hover {
	color: #92979d;
	transition:color 400ms ease-in-out;
}
.carousel-inner .carousel-caption {
	/*height: 100px;
	background-color: rgba(230, 243, 252, 0.9);*/
	color: #fff;
	width: 54%;
  left: 52%;
	bottom: 15%;
	right: 0px;
	text-shadow: none;
	position: absolute;
	text-align: left;
}
.carousel-inner .carousel-caption h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:300;
	font-size: 45px;
	color: #fff;
	background-color: #000;
	display: inline-block;
	padding: 5px 8px 10px 8px;
	text-transform:uppercase;
}
.carousel-inner .carousel-caption p {
	margin-top: 0px;
	
	margin-bottom: 0px;
	font-weight: lighter;
	font-size: 21px;
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
	display: inline-block;
	padding: 5px 8px 10px 8px;
}
.carousel-inner .carousel-caption span {
	background-color: rgba(0, 0, 0, 0.7);
	color:#fff;
	font-size:28px;
	text-transform:uppercase;
	font-weight: lighter;
	display: inline-block;
	padding: 5px 8px;
}
#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;
}
@-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;
}
}
 @media (max-width:2000px) {
	 .carousel-inner .carousel-caption {
    bottom: 33%;
}
 }
   @media (max-width:1680px) {
	 .carousel-inner .carousel-caption {
    bottom: 25%;
}
 }
  @media (max-width:1500px) {
	 .carousel-inner .carousel-caption {
    bottom: 15%;
}
 }
 @media (max-width:1280px) {
	 .carousel-inner .carousel-caption {
		 left:46%;
	 }
}
 @media (max-width:1024px) {
#central-carousel {
    height: 400px;
}
.carousel-indicators {
bottom:10px;	
}
.carousel-inner .carousel-caption {
    bottom: 23%;
}
	 
}
 @media (max-width:970px) {
#central-carousel {
	height: 300px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	/*display: block;
	min-height: auto;*/
	height:100%;
}
.carousel-inner .carousel-caption h3 {
	font-size:35px !important;
}
/*.carousel-inner .carousel-caption p {
	font-size:30px;
}*/
.carousel-inner .carousel-caption {
    bottom: 8%;
    left: 15%;
    width: 50%;
}
.carousel-caption p {
	margin-top: 0px;
	min-width: 0px;
}
}
@media (max-width:800px) {
	.carousel-inner .carousel-caption {
    bottom: 20%;
}
}
@media (max-width:750px) {
	.carousel .controls {
  top: -29%;
  position: relative;
}
	.carousel .controls a {
		font-size: 15px;
	}
	.carousel .controls .left, .carousel .controls .right {
		padding: 15px;
	}
.carousel-inner .carousel-caption {
	left: 0%;
	bottom: 25%;
	width: 100%;
}
#central-carousel {
	height: 260px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	/*height: 280px;*/
}
.carousel-indicators {
bottom:15px;	
}
.carousel-inner .carousel-caption h3, .carousel-inner .carousel-caption p {
	font-size: 15px !important;
}
}
@media (max-width:600px) {
	#central-carousel {
	height: 195px;
}
}
@media (max-width:420px) {
#central-carousel {
	height: 165px;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	/*height: auto !important;*/
}

.carousel-inner .carousel-caption {
	top: 0px;
	bottom: 0px;
}
}