/* Slider to przeprojektowany bootstrap carousel
https://www.w3schools.com/bootstrap/bootstrap_carousel.asp
*/

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) 
        format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) 
        format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) 
        format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) 
        format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) 
        format('svg')
}

.container{margin-right:auto;margin-left:auto; margin-top: 4px;}

.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';
          font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;
          -moz-osx-font-smoothing:grayscale}

/* Zastąpienie standardowych strzałek nowymi
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
*/
.glyphicon-chevron-left:before{content:""}
.glyphicon-chevron-right:before{content:""}


.carousel{position:relative; margin-top: 3px;}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
                                                     .carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
                                                     .carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
                                                     .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);}
/*
nad zwykłym control było opacity
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);}
.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
*/
.carousel-control.left{}
.carousel-control.right{right:0;left:auto;}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}

.carousel-caption .btn{text-shadow:none}


/* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); */
/*
@media only screen and (min-width: 0px) and (max-width: 380px) {

    .carousel-caption h3{font-size:2.0rem;}
    .carousel-caption p{width: 120px; height: 20px; padding-top: 4px; font-size:1.0rem; }
    }

 
@media only screen and (min-width: 381px) and (max-width: 768px) {
  
    .carousel-caption h3{font-size:3.0rem;}
    .carousel-caption p{width: 120px; height: 25px; padding-top: 4px; font-size:1.8rem; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
   
    .carousel-caption h3{font-size:4.0rem;}
    .carousel-caption p{width: 120px; height: 33px; padding-top: 5px; font-size:3.5rem; }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
 
    .carousel-caption h3{font-size:3.6rem;}
    .carousel-caption p{width: 200px; height: 40px; padding-top: 12px; font-size:2.5rem; }
}

@media only screen and (min-width: 1301px) and (max-width: 1580px) {
  
    .carousel-caption h3{font-size:4.5rem;}
    .carousel-caption p{width: 200px; height: 43px; padding-top: 12px; font-size:2.7rem;}
}

@media only screen and (min-width: 1581px) {
 
    .carousel-caption h3{font-size:4.0rem;}
    .carousel-caption p{width: 200px; height: 55px; padding-top: 12px; font-size:3.0rem;}
}

*/
/*
@media only screen and (min-width: 769px) and (max-width: 1055px) { html { font-size: 30%   } }

@media only screen and (min-width: 1056px) and (max-width: 1300px){ html { font-size: 45%   } }

@media only screen and (min-width: 1301px) and (max-width: 1580px){ html { font-size: 50%   } }

@media only screen and (min-width: 1581px)                        { html { font-size: 62.5% } }
*/

.motto_bottom_containter{width: 45%; margin-left: auto; margin-right: auto;}

.carousel-caption{position:absolute;top:50%;left:50%;z-index:10;color:#fff;text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.6); transform: translate(-50%,-50%);} 
::i-block-chrome, .carousel-caption{top:40%;left:35%;}


@media only screen and (min-width: 1px) and (max-width: 550px){ 
    
    .carousel-caption{ width:90% }
    .carousel-caption h3{ font-size:2.0rem }
    .carousel-caption p{ font-size:1.4rem }
    .motto_bottom_containter{ width:100% }

}

.carousel-caption h3{text-transform: uppercase}
.carousel-caption p{font-family: 'PT Serif', serif; border: 2px solid; padding-top: 4%; padding-bottom: 4%;}
.carousel-caption a{text-decoration: none; color:white;     text-shadow: 2px 2px 2px #111111; }



@media only screen and (min-width: 1px) and (max-width: 550px){
    ::i-block-chrome, .carousel-caption{top:19%;left:7%;} .carousel-caption h3{font-size:1.2rem} .carousel-caption p{font-size:1.2rem}
    transform: translate(-19%,-7%);
}



@media only screen and (min-width: 551px) and (max-width: 730px){ ::i-block-chrome, .carousel-caption{top:35%;left:25%;} transform: translate(-35%,-25%); }

@media only screen and (min-width: 731px) and (max-width: 1024px){ ::i-block-chrome, .carousel-caption{top:35%;left:25%;}transform: translate(-35%,-25%); }

@media only screen and (min-width: 1025px) and (max-width: 1239px){ ::i-block-chrome, .carousel-caption{top:40%;left:35%;} transform: translate(-40%,-35%);}



@media screen and (min-width:1025px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,
    .carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
                                    
                                    .carousel-indicators{bottom:20px}}

@media screen and (max-width:1024px){
.container{margin-top:0px}
}