html, body {
height:100%;
margin:0;
padding:0;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item  .sli-hid{ margin: 0 auto; width: 100%;
}
.carousel-fade .carousel-inner .item  .sli-mob{ margin: 0 auto; width: 100%;display:none;
}
@media (max-width: 500px){
    .carousel-fade .carousel-inner .item  .sli-hid{ margin: 0 auto; width: 100%;display:none;
}
    .carousel-fade .carousel-inner .item  .sli-mob{ margin: 0 auto; width: 100%;display:block;
}
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;

}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}.carousel-control

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	background: #f5f5f5;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel {
margin-bottom: 0px;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #fff;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
}
.carousel .carousel-inner .bg1 {
background-image:url(../img/slider/slider-1.jpg);
background-position: center top; 
}
.carousel .carousel-inner .bg2 {
background-image:url(../img/slider/slider-2.jpg);
background-position: center center;
}
.carousel .carousel-inner .bg3 {
background-image:url(../img/slider/slider-3.jpg);
background-position: center bottom;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ line-height: 40px; background: #0CB8A1; width: 40px; height: 40px; font-size: 20px; }

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ line-height: 40px; background: #0CB8A1;width: 40px; height: 40px;font-size: 20px;}
.carousel-control{ opacity: 0.8;}
.carousel-control:hover{ opacity: 1;}