/*!
 * 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%;
}

.carousel-inner {
    height: 100%;
    position: fixed;
    top:0;
    left:0;
}

.carousel-fade .carousel-inner .item{
    opacity: 1;
    transition-property: opacity;

    -webkit-transition: opacity 1.25s linear;
      -moz-transition: opacity 1.25s linear;
       -ms-transition: opacity 1.25s linear;
        -o-transition: opacity 1.25s linear;
           transition: opacity 1.25s linear;
}
.carousel-fade .carousel-inner .active{
    opacity: 1;

    -webkit-transition: opacity 1.25s linear;
      -moz-transition: opacity 1.25s linear;
       -ms-transition: opacity 1.25s linear;
        -o-transition: opacity 1.25s linear;
           transition: opacity 1.25s linear;
}
.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: 0;
}
.carousel-fade .carousel-control,.carousel-indicators {
    z-index: 199;
}

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

.fillOver{
    width: 100%;
    /* height: 100%; */
    max-width: 100%;
    /* max-height: 100%; */
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.fillOver img{
    max-width: 70%;
    margin: 0 auto;
}

@media (min-width: 768px){
    .fillOver{
    /*    width: 100%;
        height: 100%;
    */

/*        width: 747px;
        height: 500px;

        width: 377px;
        height: 285px;*/
        position: relative;
        z-index: 20;
        top: 30%;
        /* top: 150px; */
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .fillOver img{
        max-width: 100%;
        margin: 0 auto;
    }

}