/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

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

@media (min-width: 1400px) and (max-width: 3500px) {
.carousel-inner {
    height: 91.6% !important;
}
}


.carousel-inner {
    height: 87%;
}

/* 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-control.right {
    background-image:none;
    background-repeat:no-repeat;
    left: auto;
    right: 0;
}
.carousel-control .icon-next::before {
    content: "" !important;
}

.carousel-control.left {
    background-image:none;
    background-repeat:no-repeat;
}
.carousel {
	position:relative;
}
.carousel-control .icon-prev::before {
    content: "" !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -58px;
}
.carousel-control {
    color: #fff;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 50%;
    width: 15%;
	bottom:auto !important;
}

@media (device-width:1440px) and (device-height:960px) and (min-resolution: 144dpi){
.carousel-inner {
    height: 90% !important;
}
}