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

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

#homeCarousel .fill {   background: url("") no-repeat center center transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%;
    -moz-transition: all 18s; -webkit-transition: all 18s; transition: all 18s; -o-transition: all 18s;
    -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transform: scale(1,1);
}
#homeCarousel .fill.zoom { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -moz-transition: all 18s; -webkit-transition: all 18s; transition: all 18s; -o-transition: all 18s;}

#homeCarousel .caption { margin-top: -80px; color: #fff; font-size: 65px; line-height: 60px; font-weight: 900; position: absolute; top: 50%; left: 50%; text-align: left; width: 50% }
#homeCarousel .caption span { color: #b70002}
#homeCarousel .caption strong { font-size: 100px;  line-height: 80px; display: block;}
#homeCarousel .caption .btn { display: inline-block; background: rgba(255,255,255,0.2); padding: 0 36px; height: 55px; line-height: 55px; border: 1px solid #fff; border-radius: 0}
#homeCarousel .caption .btn:hover { background: rgba(2,102,103,0.7); color: #fff}
#homeCarousel .siatka { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/siatka.png") center center repeat transparent}

#homeCarousel.not-ready .carousel-inner  > .item { display: block}
#homeCarousel #nav_pager { z-index: 1000; bottom: 60px; padding-right: 60px; position: absolute; width: 100%; text-align: right}
#homeCarousel #nav_pager span { cursor: pointer; width: 10px; height: 10px; display: inline-block; margin: 0 4px; text-indent: -100px; overflow: hidden; border: 1px solid #fff;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px}
#homeCarousel #nav_pager span.cycle-pager-active, #homeCarousel #nav_pager span:hover { margin: 0px 4px; background: #fff}

#homeCarousel .btn { text-transform: uppercase}
#homeCarousel .fill { z-index: -1}
#homeCarousel .caption {z-index: 98}
#homeCarousel .siatka { z-index: 2}
#homeCarousel .cycle-slide-active .fill { z-index: 1}
#homeCarousel .cycle-slide-active .caption { z-index: 1003}