/* piktogramy */

.wazne-pasek {
    margin: -15px 0 20px;
    position: relative;
    z-index: 2
}

.wazne-pasek>div {
    margin: 0 auto;
    overflow: hidden;
    width: 300px;
}

.wazne-pasek ul {
    margin: 0;
    padding: 0;
    width: 3000px;
}

.wazne-pasek li {
    display: block;
    float: left;
    height: 400px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 300px
}

.wazne-pasek li a,
.wazne-pasek ul li>span {
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
    background: #003f3c;
    z-index: 2;
    color: #fff;
}

.wazne-pasek li a:after,
.wazne-pasek li>span:after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    padding: 0;
    background: #012838;
    position: absolute;
    top: 0;
    -webkit-transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -ms-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
    transition: height 0.4s ease;
}


.wazne-pasek li .pikt-tytul {
    font-family: 'Lato', 'Tahoma', sans-serif;
    display: table;
    width: 70%;
    margin: 0 15% 0;
    padding: 35px 0 15px;
    height: 100px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    position: relative;
    z-index: 9;
}

.wazne-pasek li .pikt-tytul span {
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    text-indent: 0;
    white-space: normal;
}

.wazne-pasek li a:before,
.wazne-pasek li>span:before {
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -70px;
    display: block;
    width: 140px;
    height: 140px;
    font-size: 120px;
    text-align: center;
    line-height: 120px;
    color: #fff;
    z-index: 9;
}


.wazne-pasek li .pikt-tytul + em {
    display: block;
    position: absolute;
    font-style: normal;
    bottom: 25px;
    font-family: 'Lato', 'Tahoma', sans-serif;
    width: 70%;
    margin: 0 15% 0;
    z-index: 9
}

.wazne-pasek a[target="_blank"]::after {
    display: table !important
}

.wazne-pasek .kslider-pagination {
    width: 44px;
}

.wazne-pasek .kslider-pagination::before {
    color: #211f20;
}

.wazne-pasek .kslider-pagination:focus::before,
.wazne-pasek .kslider-pagination:hover::before {
    color: #fbc80b;
}

.wazne-pasek .kslider-pagination::after {
    content: none;
    display: none;
}

.wazne-pasek .kslider-pagination-next::before {
    content: "\e90b";
}

.wazne-pasek .kslider-pagination-previous::before {
    content: "\e90d";
}

.wazne [class^="ikon-kat-"]:after {

}

.wazne [class^="ikon-kat-"]:hover:before,
.wazne [class^="ikon-kat-"]:focus:before {
   
}

.wazne [class^="ikon-kat-"]:hover:after,
.wazne [class^="ikon-kat-"]:focus:after {
 height: 100%;
}


#piktogramy .kslider-pagination {
    position: absolute;
    top:50%;
    margin-top: -22px;
}

#piktogramy .kslider-pagination-previous {
   right: 0;
}

#piktogramy .kslider-pagination-next {
   left: 0;
}

@media only all and (min-width:560px) {

}

@media only all and (min-width:768px) {
    
    .wazne-pasek>div {
        width: 600px
    }
    
}


@media only all and (min-width:1200px) {
    .wazne-pasek>div {
        width: 1200px
    }
    
    #piktogramy .kslider-pagination {display: none !important;}
    
}