@charset "UTF-8";
.newsbox-container {width:67%;position:relative;float:left;background-color:#fff;margin-bottom: 30px;height:332px;}
.newsbox-container .slide-shaper {display:none;}
.newsbox-container .zajawka {background-color: #fff;border-bottom: 0px none;top: 0;width: 100%;display: block;float: left;position: absolute;opacity: 0;margin: 0px !important;height: 100%;}
.newsbox-container .zajawka:nth-child(1) {position:relative;}
.newsbox-container .zajawka a {    display: table;line-height: 0;height: 100%;}
.newsbox-container .zajawka .box-right {}
.newsbox-container .zajawka.in-column .box-left {margin-bottom: 0px;overflow: hidden;}
.newsbox-container .zajawka > a span.title {color: #000;font-size: 115%;line-height: 125%;font-family: 'Lato', sans-serif;font-weight: bold;border-bottom: 3px solid #d7d7d7;padding-bottom: 17px;margin-bottom: 8px;}
.newsbox-container .zajawka > a span.tresc {max-height: 243px;overflow:hidden;font-size: 100%;color: #000;line-height: 140%;}
.newsbox-container .zajawka .box-right{padding: 6px 0px 6px 0px;}
.newsbox-container .zajawka.in-row .box-left + .box-right {padding-left: 30px;}
.newsbox-container .zajawka.active {z-index:10;animation: .3s fadeIn 1 forwards;}
@keyframes fadeIn {100% {opacity:1}}
.newsbox-container .zajawka:not(.active) {animation: .3s fadeOut 1 forwards;}
@keyframes fadeOut {0%{opacity:1}100% {opacity:0}}
.newsbox-container .slide-shaper {position:relative;float:left;display:block;width:100%;}
.newsbox-container .nb-shaper-image {width:100%;padding-bottom:43.5%;display:block;}
.newsbox-container .nb-shaper-text {width:100%;padding-bottom:20%;display:block;}
.newsbox-container span.nav-arrows {display: block;width: 488px;position: absolute;top: 48%;}
.newsbox-container .nav-arrow {display:block;}
.newsbox-container:hover .nav-arrow ,.newsbox-container:focus .nav-arrow  {}
.newsbox-container .pager {display: block;position: absolute;right: 22px;bottom: 0px;z-index: 10;text-align:center;height:24px;}
.newsbox-container .pager-button {margin-left:9px;width:24px;height:24px;display:block;float:left;background:#d7d7d7;cursor:pointer;font-size: 0;}
.newsbox-container .pager-button:first-child {margin-left:0px;}
.newsbox-container .pager-button.active,.newsbox-container .pager-button:hover,.newsbox-container .pager-button:focus {background:#13817d;cursor:auto;}
.nav-arrow {position: absolute; top: 33.3%; z-index: 10;display:block;height:31px;width:31px;cursor:pointer;font-size: 0;opacity: 0.5}
.nav-arrow.prev{ background:#898989 url('../../images/common/sprites.png') no-repeat 0px 0px; left: 10px; }
.nav-arrow.next{background:#898989 url('../../images/common/sprites.png') no-repeat 0px -39px; right: 10px;}
.nav-arrow.prev:hover, .nav-arrow.prev:focus,.nav-arrow.next:hover, .nav-arrow.next:focus {background-color:#dd001a;opacity:1}
.newsbox-container .box-left {float:left;width: 488px;background-size: contain;background-position:top center;background-repeat: no-repeat;}
.newsbox-container .box-right {padding-left:20px;box-sizing:border-box;display:block;float:left;}
.newsbox-container .box-right > span {width:100%;}
.newsbox-container .nb-title {font-weight: bold;margin-bottom:1em;}
.newsbox-container .nb-excerpt {margin-bottom:1em;}

.miejsce-banerowe.linki {float: right;max-width: 30.51%;line-height:0;}
.miejsce-banerowe.linki > .pole-banerowe{margin-bottom:1px;}

@media screen and (max-width: 1100px)
{
    .newsbox-container {height: initial;}
    .newsbox-container .pager {left: 30px;top: 20px; bottom:inherit;right: inherit;}  
    .newsbox-container .pager-button {box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}
    .newsbox-container .zajawka.in-row .box-left {height: 100%;vertical-align: top;background-size: cover;}
    .newsbox-container span.nav-arrows {width: 100%;}
    .newsbox-container .zajawka,.newsbox-container .zajawka a {height: 100%;overflow: hidden;background-color: transparent;}
    .zajawka.in-row .box-left, .zajawka.in-row .box-right {display:inline-table;width: 100%; clear:left;}
    .zajawka.in-row .box-left + .box-right {background-color: rgba(255, 255, 255, 0.8);position: absolute;bottom:10px;left:0;padding: 6px 10px 6px 10px !important;}
    .newsbox-container .zajawka > a span.title {border-bottom:3px solid #797979; padding-bottom: 5px;margin: 6px 10px 0px;}
    .newsbox-container .zajawka > a span.tresc {margin: 6px 10px 6px;}
} 


@media screen and (max-width: 950px)
{
    .newsbox-container {width:100%;}
    .miejsce-banerowe.linki {max-width: 98%; width: 98%;margin-bottom: 12px;}
    .miejsce-banerowe.linki > .pole-banerowe {width: 98%;padding: 0px 0px 0px 0px;text-align:center;}
} 
@media screen and (max-width: 600px)
{
    .newsbox-container {display:none;}
}