/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */


.carousel-indicators {
    bottom: 0;
    padding-bottom: 0;
    margin-bottom: -20px;
}

/*.carousel-indicators li.active {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;
    
    background-color: #000000;
}*/


.carousel {
/*    height: 50%;*/
    width: 100%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.carousel-inner > .item > a > img { margin: 0 auto; }



.carousel-indicators li {
/*    background-color: rgba(0, 0, 0, 0);*/
    background-color: #FFFFFF;
/*    border: 1px solid #464646;*/
    border: 1px solid #FFFFFF;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    width: 20px;
    margin: 1px;
    text-indent: -999px;

}


.carousel-indicators .active {
    background-color: #464646;
     border: 1px solid #464646;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    width: 20px;
    margin: 1px;
    text-indent: -999px;
}