html {  scroll-behavior: smooth;}
.nagl {  font-weight:700;  color:#fff}
h3 {font-size:3.3rem; font-weight:600; }
.hero h2 {font-size: 4rem; font-weight:600}
.hero p {font-size:1.4rem}
@media screen and (-webkit-min-device-pixel-ratio: 0) {  select {    font-family: 'Source Sans Pro', sans-serif;  }}
.callout {  margin-bottom: 25px;  padding: 20px;  border-left: 3px solid #eeeeee;}
.callout h4 {  margin-top: 0;  margin-bottom: 5px;}
.callout p:last-child {  margin-bottom: 0;}
.callout-danger {  background-color: #fdf7f7;  border-color: #ebccd1;}
.callout-danger h4 {  color: #a94442;}
.callout-warning {  background-color: #faf8f0;  border-color: #faebcc;}
.callout-warning h4 {  color: #8a6d3b;}
.callout-info {  background-color: #f4f8fa;  border-color: #bce8f1;}
.callout-info h4 {  color: #31708f;}
.callout-success {  background-color: #f9fdf7;  border-color: #d6e9c6;}
.callout-success h4 {  color: #3c763d;}
.t-ww {  word-wrap: break-word;  word-break: break-word;}
.border-none {  border: 0;}
.pos-r {  position: relative !important;}
.pos-a {  position: absolute !important;}
.pos-f {  position: fixed !important;}
.pdf a {font-size:.9rem; font-weight:700; color:#9a9a9a}
.prezentacja a {color:#ff5200; font-weight:600}
.prezentacja p {color:#444; }
.prezentacja h4 {}

#zamow {background-color:#ededed;}
#zamow h4 {font-size:1.5rem; font-weight:700}
#zamow p {font-size:1rem; font-weight:600; color:#777}
h4 {font-weight:600; font-size:1.5rem;}
#onas {color:#fff; background-color:#101e2b }
#onas h5 {font-size:1.15rem; font-weight:700}
#onas p {font-size: 1.1rem;  font-weight:400}
.onas-podpis {color:#7d92a5}
.white {background-color:#fff}
#aktualnosci h5 {font-size:1.15rem; font-weight:700}
#aktualnosci p {font-size: .9rem;  font-weight:400}
#kontakt {background-color:#ededed;}
#map {max-height:400px; max-width:100%}
#layout-header {padding:10px 0}
.bg-secondary {background: linear-gradient(to bottom, white 0%, white 15%,#ededed 15%, #ededed 85%,white 85%, white 100%); /* W3C */}

@media screen and (min-width: 320px) and (max-width: 767px) {.strzalka {  transform: rotate(90deg);  display: inline-block;} 
.prezentacja h4 {font-size:2rem;}
.bg-secondary {background: linear-gradient(to bottom, white 0%, white 15%,#ededed 15%, #ededed 100%); /* W3C */}
.display-4 {    font-size: 1.5rem; }
.cnw {font-size: 2.5rem; }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
.stopka { background-color:#000; color:#fff; line-height:3rem} 
.stopka p {margin:0}

.modal-content {   background: none;   border: none;}
.message-title {display:none;}
.modal-body {   padding: 0;}
.modal-body p { margin: 0;}
.modal-footer { padding: 0;   border:0; }
@media (min-width: 576px) { .modal-dialog {    max-width: 600px;   margin: 1.75rem auto; } }