.carousel-indicators{
    width: auto;
    opacity: 0.5;
    transition: opacity 0.4s ease;
    margin-right: 0;
    margin-left: 0;
}

.carousel-indicators:hover{
    opacity: 1;
    transition: opacity 0.4s ease;
}

.carousel-indicators li {
    padding: 0;
    margin: 0;
    background: white;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    width: 12px !important;
    max-width: 12px !important;
    height: 12px !important;
    border: 0;
    border-radius: 100%;
    margin:0 2px;
}

.carousel-indicators li.active {
    background: #1b61a9;
}

/* fading */
.carousel-fade .carousel-inner .carousel-item:not(.active) {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition: opacity 0.5s ease !important;
}
.carousel-fade .carousel-inner .carousel-item.active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition: opacity 0.5s ease !important;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}