.color-primary{color: #4a4949 !important;}
.color-secondary{color: #86b0ca !important;}
.color-black{color: #000 !important;}
.color-white{color: #fff !important;}

.bg-white{background-color: #fff !important;}
.bg-custom1{background-color: #86b0ca !important;}

.bg-custom1 > .container{
    padding:0px;
}

#polityka_cookies{
    border:1px solid black;
    background-color:black;
    filter:alpha(opacity=80);
    opacity: 0.8;
    padding:15px;
    border-radius:12px;
    position:fixed;
    right:15px;
    bottom:15px;
    font-family:Verdana;
    font-size:11px;
    line-height:12px;
    color:white;
    text-align:left;
    z-index:9999;
}

/*****************************************/

@media print {
  .container {
    width: auto !important;
  }
}

.podstrona-print .item-navigation{
    display:none;
}

.podstrona-print .desktoplogo .logo-container{
    margin-top:0px;
}


.podstrona, .homepage{
    /*background-image: url(../img/slider/slide3.jpg);
    background-size: cover;
    background-position:top center;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background-color: #f3f3f3;
}

.main_bg {
    /*background: rgb(170 208 230);
    background: linear-gradient(180deg, rgb(170 208 230) 0%, rgba(255,255,255,1) 100%);*/
}

.sm-font {
    font-size: 14px !important;
    line-height: 18px;
}

.big-font {
    font-size: 18px !important;
    line-height: 24px;
}

/*************************
        Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

/*************************
      Other Section
*************************/

.animation-einout{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn{
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
}

.btn-rounded{
    border-radius:40px;
    padding: .475rem 1.75rem;
}

.desktoplogo h1{
    font-weight:700;
    font-family:'Montserrat', sans-serif;
    color: #2d4777;
    margin:20px 0px;
    font-size:24px;
}

/*************************************************/

.homepage .container.bg-white{
    /*margin-top:50vh;
    border-radius:15px 15px 0px 0px;*/
}

.podstrona .container.bg-white{
    /*border-radius:15px 15px 0px 0px;*/
}

.alert > .container{
    position:relative;
}

.alert-main {
    background-color:#d0e4ff
}

.alert-main .alert{
    padding: .75rem 0rem;
    margin-bottom:0px;
    padding-right:4rem;
}

.alert-main .alert .close{
    font-size:1em;
    padding: .85rem;    
}

/*************************************************/

.btn-with-icon{
    border-radius:15px;
    background-color:#346f23;  
    padding:10px;
}

.btn-with-icon .title{
    font-weight:600;
    font-size:20px;
    color:#fff;
}

.grafiki-carousel img{padding:0px;background:#fff;border-radius:15px;}

.grafiki-carousel .slider-item{
    background-size:cover;
    background-position: center center;
}

.grafiki-carousel .slider-item{
    height:100%;
    min-height:470px;
    position:relative;
}
.grafiki-carousel .slider-text{
    width: auto;
    padding: 10px;
    position: absolute;
    bottom: 70px;
    left: 30px;
    background: rgba(0, 0, 0, 0.55);
}

.grafiki-carousel .slider-text .title{
    color:#fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3em;
    font-family: 'Roboto Slab', sans-serif;
}

.grafiki-carousel{    
    height:100%;
}


@media (max-width: 767px) {    

}

/*************************************************/

.icon-box{
    border-radius: 20px;
    background-color:#fff;
    margin:0 auto;
    padding:15px 10px;
    text-transform: uppercase;
    text-align:center;
    margin-top:40px;
    margin-bottom:20px;
    font-size:14px;
}

.icon-box img{
    margin-top:-40px;
    margin-bottom:10px;
}

.icon-box p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#000;
}

.baner-gradient1{
    background: rgb(242,123,203);
    background: linear-gradient(66deg, rgba(242,123,203,1) 0%, rgba(151,215,223,1) 100%);
    color:#fff;
    border-radius:20px;
    font-size:20px;
    font-weight:600;
    padding:30px 60px;
}
.baner-gradient1 strong{
    font-weight:800;
}



/*************************
      Newsbox Section
*************************/

#akt-main .box-with-thb2 {
    height:100%;
    margin-bottom:0px;   
}

@media (min-width: 1200px){
    #akt-main .col-xl-3 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media (min-width: 992px){
    #akt-main .col-item:nth-child(4) {
        display:none;
    }
}

.box-with-thb2{
    position:relative;
    font-size:1.0rem;
    background-color:#fff;
    height:100%;
}

.box-with-thb2-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: initial;
    padding: 10px;      
}

.box-with-thb2-cat{
    color:#809e76;
    font-weight:700;
    font-size:13px;
    font-family: 'Montserrat', sans-serif;
    margin-top:5px;
}

.box-with-thb2 a{
    color:inherit;
}

.box-with-thb2-title > em{
    color: #4D4D4D;
    width: 100%;
    font-size: 0.8em;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;   
    padding-top:5px;
    /*border-top:1px solid #cedbca;*/
}

.box-with-thb2-title > h3{
    width: 100%;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    color:#2d4777;
    padding:5px 0px 10px;
}

.box-with-thb2-title > h3 > a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-with-thb2-text{
    color:#333333;
    font-size:1em;
}

.box-with-thb2-image{
    background-size:cover;
    background-repeat:no-repeat;
    background-position: top center;
    height: 200px;
    background-color: #fff;
    background-image: url('../img/no_thb.jpg');
}

@media (min-width: 350px) and (max-width: 575px) {

    .box-with-thb2{
        max-width:350px;
        margin:0 auto;
    }

}

.box-with-thb{
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: top center;
    height: 250px;
    margin-bottom: 30px;
    background-color: #fff;
    background-image: url('../img/no_thb.jpg');
}

.box-with-thb a{
    color:#fff;
}

.box-with-thb-smaller{
    height: 180px;
}

.box-with-thb-bigger{
    height: 350px;
    margin-bottom:0px;
}

.box-with-thb-bigger .box-with-thb-title > div{
    font-size:20px; 
    line-height: 24px;
    max-height: 50px;
}

.box-with-thb-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: initial;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 3;
    padding: 0px 20px 20px;      
}

.box-with-thb-title a{
    color:inherit;
}

.box-with-thb-title > em{
    color: rgb(255, 255, 255);
    width: 100%;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
}

.box-with-thb-title > h3{
    color: rgb(255, 255, 255);
    width: 100%;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    max-height: 46px;
    overflow: hidden;
}

.box-with-thb-title::after {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    box-sizing: content-box;
    padding-top: 19px;
    background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.75) 45px, rgba(0, 0, 0, 0.75));
}

@media (max-width: 991px) {

    .box-with-thb-bigger {
        height: 350px;
    }

    .akt-main-carousel .box-with-thb-bigger{
        height: 300px;
    }

}

@media (max-width: 767px) {

    .box-with-thb-bigger {
        height: 250px;
    }

    .akt-main-carousel .box-with-thb-bigger{
        height: 300px;
    }

}

.box-with-btn{
    font-size:14px;
    padding:10px;
}

.box-with-btn-title{
    margin:15px 0px;
    font-size:1.4em;
    color:#18386c;
    font-weight:600;
}

.box-with-btn-title > a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.box-with-btn-text{
    color:#333333;
    font-size:1em;
    margin-bottom:10px;
}

/*************************
      Header + Menu Section
*************************/
.pasek-top-inner{background:#01425d;padding:5px 0px;margin-bottom:5px;color:#fff;font-size:0.8rem;}
.pasek-top-inner a{color:#fff;}
.pasek-top-inner div[class^="col"] {
    padding-right: 8px;
    padding-left: 8px;
    white-space:nowrap;
}

.pasek-top-inner div.row{
    margin-right: -8px;
    margin-left: -8px;
}

.top-tools {
    text-align: right;
    font-size: 12px;
}

.top-tools a, .top-tools p {
    color: #fff;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
    padding: 10px;
    background: #01425d;
    width: 40px;
    height: 40px;
}

.top-tools span {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

.top-tools div.fontsize {
    display: inline-block;
    padding-left: 5px;
    margin-left: 5px;
}

.top-tools .fontsize ul {
    list-style: none;
    margin:0px;
    padding:0px;
}

.top-tools .fontsize ul li {
    display: inline-block;
    margin-bottom:3px;
}

.top-tools div.fontsize a {
    font-weight: 700;
    width: 40px;
    height: 40px;
}

#fontsmall, #fontnormal, #fontlarge, #kontrast, #kontrast_wylacz, #sitemap {
    font-size: 14px;
    line-height: 14px;
}

.wsmenu-contact {
    float: right;
    text-align: right;
    padding-top:3px;
    font-size: 0.9em;
}

.wsmenu-contact a{
    color:#333;
}
.wsmenu-contact .fab{
    font-size:20px;
}

.wsmenu-contact a:after{
    content:' ';
    margin:0px 5px;
}
.wsmenu-contact a:last-child:after{
    display:none;
}

.topbarbg .collapseMenu{
    cursor:pointer;
}

.wsactive .topbarbg .collapseMenu .fa-bars:before{
    content: "\f00d";
}

.topbarbg .nav{
    margin-top:10px;
}

.topbarbg .nav li.nav-item{
    font-size:0.9em;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
    border-radius:40px;
    padding:8px 15px;
    text-align:center;
    min-width:80px;
    margin:3px 3px;
    position:relative;
    background-color:#1c6397;
    font-weight:600;
}

.topbarbg .nav li{
    margin:3px 3px;
}


.topbarbg .nav li:last-child{
    margin-right:0px;
}

.topbarbg .nav li a{
    color:inherit;
}

@media (max-width: 767px) {

    .topbarbg .nav li{
        width:48%;
        margin:1%;
    }

    .wsmenu-contact {
        margin-bottom:5px;
    }

}

.wsmenu{
    width:100%;
}
.wsmenu>.wsmenu-list>li>a {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.2em;
    font-weight:400;
}

.wsmenu>.wsmenu-list>li {
    padding: 18px 5px 20px 5px;
}

.wsmenu>.wsmenu-list>li>a i {
    font-size: 11px;
    color: #fff;
    padding-left: 4px;
}


.wsmenu>.wsmenu-list>li.rightmenu {
    float: right;
    padding-top:0px;
}

.wsmenu>.wsmenu-list>li.rightmenu a {
    padding: 0px 30px 0px 20px;
    border-right: none;
}

.wsmenu>.wsmenu-list>li.rightmenu a i {
    font-size: 15px;
}

.wsmenu>.wsmenu-list>li.rightmenu {
    float: right;
}

.wsmenu>.wsmenu-list>li.rightmenu:before,
.wsmenu-list>li.rightmenu:after {
    content: "";
    display: table;
}

.wsmenu>.wsmenu-list>li.rightmenu:after {
    clear: both;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch {
    float: right;
    width: 220px;
    height: 39px;
    position: relative;
    margin: 16px 0px 0px 0px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .searchicon {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input {
    width: 100%;
    position: relative;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    height: 39px;
    z-index: 2;
    outline: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #333;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    font-size: 12px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus {
    color: #fff;
    width: 240px;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle i {
    color: #fff;
    opacity: 1;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon {
    opacity: 1;
    z-index: 3;
    color: #FFFFFF;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle {
    top: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    z-index: 1000;
    background-color: transparent;
    border: solid 0px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle i {
    line-height: 37px;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0.30;
}

.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle:hover i {
    opacity: 0.35;
}

.wsmenu>.wsmenu-list>li.rightmenu {
    zoom: 1;
}

@media (max-width: 991px) {


    .wsmenu>.wsmenu-list>li {
        padding: 0px;
    }

    .wsmenu>.wsmenu-list>li>.wsmenu-click>i:before {
        content: "";
        width: 100%;
        height: 100%;
        border-width: 1.5px 1.5px 0 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.80);
        transition: 0.2s ease;
        display: block;
        transform-origin: 100% 0;
    }

    .wsmobileheader {
        box-shadow: none;
        background-color: #1c2b16;
    }

    .wsmobileheader .wsanimated-arrow{
        padding: 17px 35px 16px 0px;
        margin: 7px 0 0 12px;
    }

    .wsactive .wsmobileheader .wsanimated-arrow{
        padding: 12px 35px 16px 0px;
    }

    .wsactive .wsanimated-arrow span:before, .wsactive .wsanimated-arrow span:after {
        background:#fff;
    }

    .wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after {
        background:#fff;
    }

    .topbarbg .wsanimated-arrow{
        display: none;
    }

    .callusicon {
        color: #fff;
        font-size: 20px;
        height: 25px;
        position: fixed;
        right: 15px;
        top: 13px;
        transition: all 0.4s ease-in-out 0s;
        width: 25px;
        z-index: 102;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        padding: 5px 0px 5px 26px;
    }

    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
        padding: 5px 0px 5px 34px;
    }

    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
        color: #000;
        font-weight:700;
    }

    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a.active {
        color: #000;
        font-weight:700;
    }

    .smallogo {
        display: block;
        text-align: center;
        padding-top: 3px;
        position:absolute;
        left:50px;
        right:50px;
        z-index: 101;
        width: 80%;
        margin:0 auto;
        line-height:1.1em;
        color:#fff;
    }

}

/*************************
      Podstrona Graphic Header Section
*************************/

.podstrona_top{
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
    height:30vh;
    max-height:250px;
    display:table;
    width:100%;
}

.podstrona_top .content{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    background: rgba(0, 0, 0, 0.6);
    width:100%;
    height:100%;
}

.podstrona_top h1,.podstrona_top h2,.podstrona_top h3{
    font-size:48px;
    color:#fff;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);	
    font-weight:800;
}


/*************************
      Slider Section
*************************/

.akt-main-carousel .owl-stage-outer{
    padding-bottom:30px;
    position:relative;
}

.akt-main-carousel.owl-theme .owl-nav button.owl-prev, .slider-active .owl-nav button.owl-next {
    background: #055ec2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 37px;
    height: 50px;
    left: 0;
    line-height: 48px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 50px;
}

.akt-main-carousel.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    background: #333;
}

.akt-main-carousel.owl-theme .owl-dots .owl-dot.active span, .akt-main-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #1c6397;
}

.akt-main-carousel.owl-theme .owl-nav button.owl-next {
    left: auto;
    right:0;
}

.akt-main-carousel.owl-theme{padding:15px 0px;margin-bottom:20px;}

.akt-main-carousel.owl-theme:hover .owl-nav button{left:40px;opacity:1;}
.akt-main-carousel.owl-theme:hover .owl-nav button.owl-next{left:auto;right:40px;}

.akt-main-carousel .box-with-thb{
    border-radius:20px;
}
.akt-main-carousel .box-with-thb .box-with-thb-title::after{
    border-radius:0px 0px 20px 20px;
}

/*==================================================
 * Shadow effects
 * ===============================================*/
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
    position: relative;
}
.effect2:before, .effect2:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after
{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/********************************************************/

.przyciski .przycisk {    
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: block;
    padding: 10px;
    margin: 10px 0;
    border-left: 6px solid #01425d;
    background: #dcdcdc;
    background: -moz-linear-gradient(61deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 22%, rgba(241,241,241,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(61deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 22%, rgba(241,241,241,1) 22%, rgba(255,255,255,1) 100%);
    background: linear-gradient(61deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 22%, rgba(241,241,241,1) 22%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

.przyciski .przycisk p {
    color: #141313;
    text-transform: uppercase;
    vertical-align: middle;
    padding-top: 0;
    margin: 0;
    font-weight: 600;
    position: relative;
    padding-left:40px;
    text-align:right;
    font-size: 14px;
    line-height: 1.2em;
    min-height: 30px;
}

.przyciski .przycisk p .fa, .przyciski .przycisk p .far, .przyciski .przycisk p .fab {
    position: absolute;
    font-size: 30px;
    top: 50%;
    margin-top: -15px;
    left: 0;
    color: #1c6397;
}

.przyciski .przycisk:hover {
    border-left: 9px solid #c00418;
}

.przyciski .przycisk {
    color:#000;
}

/****************************************************/
.right-column .lista-item-std{margin-bottom:10px;padding-bottom:5px;}
.right-column .lista-item-std h3{font-size:16px;}
/****************************************************/

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    color: #1a2e46;
    background-color: #fff;    
    border-bottom:5px solid #d0e4ff;
    color:#1a2e46;
}

.nav-tabs .nav-link {
    border:0px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom:5px solid transparent;
    color:#a9aeb5;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}

.nav-tabs .nav-link:hover{
    border:0px;
    border-bottom:5px solid #a9aeb5;
}


/*******************************************************/

.blog-more-link{
    padding:1px 10px;
    text-align:right;    
}

.blog-item.blog-more-link .more{
    position:initial;
}

.blog-item .foto{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.blog-item .content{
    padding:10px;
    height:100%;
    padding-bottom:30px;
    position:relative;    
}
.blog-item .more{
    right:10px;
    bottom:0px;
    position:absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color:#000;
}
.blog-item .content .title{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;    
    color:#000;
    line-height:1.3em;
    font-family: 'Roboto Slab', sans-serif;
}
.blog-item .content .data{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    line-height:1em;
    margin-bottom:5px;
}

.blog-item .content .text{
    line-height:1.2em;
    overflow: hidden;
}

.blog-item-big{
    height:100%;
    min-height:450px;
}

.blog-item-big .content .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.4em;
    margin-bottom: 5px;
}

.blog-item-big > div:nth-child(1){ 
    height:55%;
}

.blog-item-big > div:nth-child(2){ 
    height:45%;
}

.blog-item-big .foto{
    min-height: 240px;
}

.blog-item-big .content .text{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-item-medium{
    margin-bottom:15px;
}
.blog-item-medium .foto{
    min-height: 130px;
}

.blog-item-medium .content .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.blog-item-medium .content .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height:auto
}

.blog-item-small .foto{
    min-height: 70px;
}

.blog-item-small{
    margin-bottom:15px;
}

.blog-item-small .content .title {
    font-size:14px;
    font-weight:600;
    min-height:36px;
}

.blog-item-small .content .title a {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-item-small .data{
    background-color:#01425d;
    color:#fff;
    font-size:14px;
    width:80px;
}

.blog-item-small .content{
    padding-bottom:25px;
}

.blog-item-small .more{
    font-weight: 500;
}

/********************************************************/

.topsearch {
    width: 200px;
    height: 39px;
    position: relative;
    margin: 0px 0px 0px 0px;
}

.topsearch .searchicon {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.topsearch input {
    width: 100%;
    position: relative;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    height: 39px;
    z-index: 2;
    outline: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #333;
    background-color: #003a52;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    font-size: 12px;
}

.topsearch input::placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.topsearch input:focus {
    color: #fff;
    width: 200px;
}

.topsearch input:focus~.btnstyle i {
    color: #fff;
    opacity: 1;
}

.topsearch input:focus~.searchicon {
    opacity: 1;
    z-index: 3;
    color: #FFFFFF;
}

.topsearch .btnstyle {
    top: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    line-height: 30px;
    z-index: 1;
    cursor: pointer;
    color: #fff;
    z-index: 1000;
    background-color: transparent;
    border: solid 0px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.topsearch .btnstyle i {
    line-height: 37px;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 0.80;
}

.topsearch .btnstyle:hover i {
    opacity: 0.95;
}


/**********************************************************/

.boxy-news-main{
    margin-right: -5px;
    margin-left: -5px;
}

.boxy-news-main > div{
    padding-right: 5px;
    padding-left: 5px;
}

.row > div:nth-child(1) > .news-main-box{
    background-color:#ed850f;
    color:#fff;
}

.row > div:nth-child(2) > .news-main-box{
    background-color:#00a594;
    color:#fff;
}

.row > div:nth-child(3) > .news-main-box{
    background-color:#009bb3;
    color:#fff;
}

.row > div:nth-child(4) > .news-main-box{
    background-color:#01425d;
    color:#fff;
}



.news-main-box {
    padding: 15px;
    position: relative;
}

.news-main-box h3{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3em;
    font-family: 'Roboto Slab', sans-serif;
}

.news-main-box .lista-item-std{
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size:13px;
}

.news-main-box .lista-item-std h4 a {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:13px;
    color:inherit;
}

.news-main-box .lista-item-std .lista-item-meta {
    color: #fff;
    font-size: 1em;
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 2px;
}

.news-main-box .more {
    right: 10px;
    bottom: 10px;
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

/********************************************************/

.nav-side-menu {
    overflow: auto;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    position: relative;
    top: 0px;
    width: 100%;
    color: #003366;
}
.nav-side-menu .brand {
    background-color: #fff;
    line-height: 50px;
    display: block;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.5em;
    cursor: pointer;
    clear:both;
}

.nav-side-menu li span:not(.collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f077";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

.nav-side-menu li span.collapsed .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 0px solid #007ecb;
    background-color: #fff;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #0075be;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #0075be;
}

.nav-side-menu ul .sub-menu{
    background-color: #fff;
    padding-left:20px;
}

.nav-side-menu ul .sub-menu li {
    border: none;
    line-height: 1.3em;
    border-bottom: 0px solid #e0e0e0;
    margin-left: 0px;
    font-weight:500;
    font-size:15px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    text-decoration:underline;
}
.nav-side-menu li {
    padding:4px 0px;
    padding-left: 5px;
    border-left: 0px solid #fff;
    border-bottom: 1px solid #e0e0e0;
}

.nav-side-menu li:last-child{
    border-bottom:0px !important;
}

.nav-side-menu li a {
    text-decoration: none;
    color: #333;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}
.nav-side-menu ul.menu-content > li:hover {
    border-left: 0px solid #007ecb;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-side-menu li > span{
    display:block;
}

.nav-side-menu ul ul {
    padding-left: 10px !important;
}


@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        color: #fff;
        width: 40px;
        text-align: center;
    }
    .nav-side-menu .brand {
        text-align: left !important;    
        padding-left: 20px;
        line-height: 50px !important;
        background-color:#003366;
        color:#fff;
    }

    .nav-side-menu .brand h3{
        color:#fff;
        font-size: 22px;  
    }

    .nav-side-menu .brand .page-header:after{
        height:1px; 
    }
}
@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

/*****************************************************************/

.adresy-lista{
    list-style:none;
    padding:0;
    margin:0;
}
.adresy-lista li{
    margin-bottom:15px;
}
.adresy-lista li a{
    color:#333333;
    font-family: 'Roboto Slab', sans-serif;
    font-size:14px;
    text-align:center;
    line-height:50px;
    background:#dbdbdb;
    display:block;
}