/*******************************************************/
/*						banner	       	 			   */
/*******************************************************/
.carousel{
	position: relative;
	margin:0px 0px 20px 0px ;
}

.banner{
	position: relative;
	margin:0px 0px 20px 0px ;
}
.banner-inner{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.banner-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.banner-inner > .item > img,
.banner-inner > .item > a > img {
  line-height: 1;
}
.banner-inner > .active,
.banner-inner > .next,
.banner-inner > .prev {
  display: block;
}
.banner-inner > .active {
  left: 0;
}
.banner-inner > .next,
.banner-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.banner-inner > .next {
  left: 100%;
}
.banner-inner > .prev {
  left: -100%;
}
.banner-inner > .next.left,
.banner-inner > .prev.right {
  left: 0;
}
.banner-inner > .active.left {
  left: -100%;
}
.banner-inner > .active.right {
  left: 100%;
}






.carousel-fade .item {
  opacity: 0;
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  left: 0 !important;
}

.carousel-fade .active {
  opacity: 1 !important;
}

.carousel-fade .left {
  opacity: 0 !important;
  -webkit-transition: opacity 0.5s ease-in-out !important;
  -moz-transition: opacity 0.5s ease-in-out !important;
  -ms-transition: opacity 0.5s ease-in-out !important;
  -o-transition: opacity 0.5s ease-in-out !important;
  transition: opacity 0.5s ease-in-out !important;
}

.carousel-fade .carousel-control {
  opacity: 1 !important;
}