/* GLOBAL STYLES
-------------------------------------------------- */

/* Padding below the footer and lighter body text */
body {
    /*padding-top: 0;*/
    /*padding-bottom: 0;*/
    /*color: #333;*/
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Fade-in and Fade-out animation */
.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}


/* Controllers background image remove and font size reduce */
.carousel-control.right,
.carousel-control.left {
    background: none !important;
    filter: progid: none !important;
    outline: 0;
    transition: all 0.3s ease 0s;
}
.carousel .carousel-control {
    opacity: 0;
}
.carousel:hover .carousel-control {
    opacity: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 20px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 991px) {

    .carousel .carousel-indicators {
        display: none;
    }

}