.btn:focus {
	outline: dotted 2px #000
}
div.active:focus {
	outline: dotted 1px #000
}
a:focus {
	outline: dotted 1px #000
}

.close:hover,
.close:focus {
	outline: dotted 1px #000
}

.nav>li>a:hover,
.nav>li>a:focus {
	outline: dotted 1px #000
}

#carousel-controls {
    position: absolute;
    z-index: 998;
    left: inherit;
    top: 669px;
    margin-left: 0;
    margin-right: 0;
    background-color: #000;
    padding: 2px;
    border-top-left-radius: 6px;
    right: 0;
}

.compact #carousel-controls {
    position: absolute;
    z-index: 998;
    left: inherit;
    bottom: 0;
    top: inherit;
    margin-left: 0;
    margin-right: 0;
    background-color: #000;
    padding: 2px;
    border-top-left-radius: 6px;
    right: 0;
}

#carousel-buttons {
    width: 65px;
    float: left;
    margin-left: 15px;
    padding-bottom: 3px;
}

#indicators {
    float: right;
}

.carousel-indicators {
	position: static;
    float: right;
    width: 200px;
    margin-bottom: 0;
}

#carousel-controls .btn-xs {
    font-size: 13px;
    line-height: 12px;
    padding: 4px 7px;
    border: 0;
    background: none;
    color: #ffffff ;
}

#carousel-controls .btn-xs:hover,
#carousel-controls .btn-xs:focus {
    background: #900;
    color: #ffffff ;
}

.carousel-indicators li,
.carousel-indicators li.active {
	border-width: 2px;
	position: relative;
	vertical-align: middle;
	box-shadow: 0px 0px 0px 1px #808080
}

.carousel-indicators.active li {
	background-color: rgba(100,149,253,0.6)
}

.carousel-indicators.active li.active {
	background-color: white
}

.carousel-tablist-highlight {
	display: block;
	position: absolute;
	outline: 2px solid transparent;
	background-color: transparent;
	box-shadow: 0px 0px 0px 1px transparent
}

.carousel-tablist-highlight.focus {
	outline: 2px solid #6495ED;
	background-color: rgba(0,0,0,0.4)
}

a.carousel-control {
	opacity: .8;
}

a.carousel-control:focus {
	outline: 2px solid #6495ED;
	background-image: linear-gradient(to right, transparent 0px, rgba(0,0,0,0.5) 100%);
/* 	box-shadow: 0px 0px 0px 1px #000000 */
}

.carousel:hover .carousel-caption,
.carousel.contrast .carousel-caption {
	background-color: rgba(0,0,0,0.5);
	z-index: 10
}

.carousel-pause-button {
	display: block;
    position: absolute;
    top: -1000em;
    padding: 12px;
}

@media screen and (max-width: 1799px) {
    #carousel-controls {
		top: 594px;
	}
}

@media screen and (max-width: 1599px) {
    #carousel-controls {
		top: 519px;
	}
}

@media screen and (max-width: 991px) {
    #carousel-controls {
		top: 399px;
	}
}

@media screen and (max-width: 767px) {
	.carousel-inner {
		margin-bottom: 25px;
	}
    #carousel-controls {
	    width: 100%;
		display: flex;
		border-top-left-radius: 0;
		justify-content: center;
		top: 374px;
		background-color: black;
		padding-top: 2px;
		padding-bottom: 4px;
	}
}