/* base.css - własny, lekki zamiennik Bootstrap 3, animate.css i Fancybox.
   Zachowuje te same nazwy klas i punkty przerwania co dotychczas, więc wygląd strony się nie zmienia. */
html{font-family:sans-serif;font-size:10px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{margin:0;line-height:1.42857143;color:#333;background:#fff}
*,*::before,*::after{box-sizing:border-box}
a{color:#337ab7;text-decoration:none;background:transparent}
a:hover,a:focus{color:#23527c;text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}
p{margin:0 0 10px}
ul,ol{margin-top:0;margin-bottom:10px}
blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}
strong,b{font-weight:700}
small{font-size:85%}
img{vertical-align:middle;border:0}
iframe{border:0}
.img-responsive{display:block;max-width:100%;height:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.clearfix::before,.clearfix::after,.row::before,.row::after,.container::before,.container::after,.container-fluid::before,.container-fluid::after{content:" ";display:table}
.clearfix::after,.row::after,.container::after,.container-fluid::after{clear:both}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}
.row{margin-right:-15px;margin-left:-15px}
@media(min-width:768px){.container{width:750px}}
@media(min-width:992px){.container{width:970px}}
@media(min-width:1200px){.container{width:1170px}}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-1{width:8.33333333%}.col-xs-2{width:16.66666667%}.col-xs-3{width:25.0%}.col-xs-4{width:33.33333333%}.col-xs-5{width:41.66666667%}.col-xs-6{width:50.0%}.col-xs-7{width:58.33333333%}.col-xs-8{width:66.66666667%}.col-xs-9{width:75.0%}.col-xs-10{width:83.33333333%}.col-xs-11{width:91.66666667%}.col-xs-12{width:100.0%}
@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}}
@media(min-width:768px){.col-sm-1{width:8.33333333%}.col-sm-2{width:16.66666667%}.col-sm-3{width:25.0%}.col-sm-4{width:33.33333333%}.col-sm-5{width:41.66666667%}.col-sm-6{width:50.0%}.col-sm-7{width:58.33333333%}.col-sm-8{width:66.66666667%}.col-sm-9{width:75.0%}.col-sm-10{width:83.33333333%}.col-sm-11{width:91.66666667%}.col-sm-12{width:100.0%}}
@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}}
@media(min-width:992px){.col-md-1{width:8.33333333%}.col-md-2{width:16.66666667%}.col-md-3{width:25.0%}.col-md-4{width:33.33333333%}.col-md-5{width:41.66666667%}.col-md-6{width:50.0%}.col-md-7{width:58.33333333%}.col-md-8{width:66.66666667%}.col-md-9{width:75.0%}.col-md-10{width:83.33333333%}.col-md-11{width:91.66666667%}.col-md-12{width:100.0%}}
@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}}
@media(min-width:1200px){.col-lg-1{width:8.33333333%}.col-lg-2{width:16.66666667%}.col-lg-3{width:25.0%}.col-lg-4{width:33.33333333%}.col-lg-5{width:41.66666667%}.col-lg-6{width:50.0%}.col-lg-7{width:58.33333333%}.col-lg-8{width:66.66666667%}.col-lg-9{width:75.0%}.col-lg-10{width:83.33333333%}.col-lg-11{width:91.66666667%}.col-lg-12{width:100.0%}}

/* widoczność zależnie od szerokości ekranu (jak w Bootstrap 3) */
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}
@media(max-width:767px){.visible-xs{display:block!important}.hidden-xs{display:none!important}}
@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}
@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}
@media(min-width:1200px){.visible-lg{display:block!important}.hidden-lg{display:none!important}}

/* animacje (zamiennik animate.css) */
.animated{animation-duration:1s;animation-fill-mode:both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
.fadeIn{animation-name:fadeIn}.fadeInRight{animation-name:fadeInRight}.bounceInDown{animation-name:bounceInDown}
.menu-open{animation:fadeIn .3s both}
@media(prefers-reduced-motion:reduce){.animated,.menu-open{animation:none!important}}

/* ikona domku w menu (dawniej Font Awesome) */
.menu a .material-icons{font-size:1.25em;vertical-align:-.2em}

/* lightbox galerii (zamiennik Fancybox) */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}
.lb img{max-width:92vw;max-height:88vh;object-fit:contain;box-shadow:0 0 30px rgba(0,0,0,.6)}
.lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb button:hover,.lb button:focus{background:rgba(255,255,255,.35);outline:2px solid #fff}
.lb .lb-close{top:12px;right:12px}.lb .lb-prev{left:12px;top:calc(50% - 24px)}.lb .lb-next{right:12px;top:calc(50% - 24px)}
.lb .lb-count{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#ddd;font-size:13px}