/* Carousel Styles */
.carousel {
 padding: 0px;
 margin: 0px;
 margin-top: -30px;
 }
.carousel-indicators .active {
 background-color: #2980b9;
 }
.carousel-control.left,
.carousel-control.right {
 opacity: 1;
 filter: alpha(opacity=100);
 background-image: none;
 background-repeat: no-repeat;
 text-shadow: none;
 }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;
 }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
 left: 20px;
 }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
 right: 20px;
 }
.carousel-control.left span,
.carousel-control.right span {
 }
.carousel-control.left span:hover,
.carousel-control.right span:hover {
 opacity: .7;
 filter: alpha(opacity=70);
 }
.carousel-inner .img {
 width: 100%;
 height:300px;
 background-color: rgba(0, 0, 0, 0);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center bottom;
 opacity: 1;
 visibility: inherit;
 z-index: 20;
 }
@media(max-width:767px){
    .carousel-inner .img {
        height:250px;
    }
    .carousel-indicators {
        position: inherit;
        top: 260px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,


    .carousel-control .icon-next {
        top: 50%;
    }
}
@media(min-width:890px){
    .carousel-inner .img {
        height:350px;
    }
    .carousel-indicators {
        position: inherit;
        top: 360px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        top: 50%;
    }
}
@media(min-width:990px){
    .carousel-inner .img {
        height:400px;
    }
    .carousel-indicators {
        position: inherit;
        top: 410px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        top: 50%;
    }
}
@media(min-width:1100px){
    .carousel-inner .img {
        height:450px;
    }
    .carousel-indicators {
        position: inherit;
        top: 460px;
    }
}
@media(min-width:1280px){
    .carousel-inner .img {
        height:500px;
    }
    .carousel-indicators {
        position: inherit;
        top: 510px;
    }
}
@media(min-width:1440px){
    .carousel-inner .img {
        height:550px;
    }
    .carousel-indicators {
        position: inherit;
        top: 560px;
    }
}