.box_zajawki{
overflow: hidden;
}
.div_zajawki{
box-sizing:border-box;
max-width: 100%;
width: 1675px;
float: right;
}
.box_zajawki{

}



.wrapperg{
position: relative;
}
.wrapperg .divArrow{
position: absolute;
left: 50%;
bottom: -30px;
transform:translateX(-50%);
}
.wrapperg .divArrow a{
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #d8d8d8;
background-color: #d8d8d8;
margin-right: 14px;
}

.wrapperg .divArrow a.sel{
background-color: #525252;
}

.wrapperZajawka{

}


.wrapperZajawka .divZajawka{
display: none;
width: 100%;
}


.wrapperZajawka .divZajawka.runDiv{
position: absolute;
z-index: 0;
top:0px;
left: 0px;
display: block;
}

.wrapperZajawka .divZajawka.sel {
position: relative;
z-index: 1;
}

.wrapperZajawka .divZajawka>div{
display: table-cell;
vertical-align: middle;
position: relative;
}
.wrapperZajawka .divZajawka>div .dataZ{
display: inline-block;
padding: 10px 13px;
position: absolute;
top:40px;
right: 40px;
background-color: rgba(0,0,0,0.8);
color: #FFFFFF;
font-size: 14px;
}
.wrapperZajawka>.sel{
display: table;
}

.wrapperZajawka .divZajawka>div.divZdjecie{
width: 52%;
}
.wrapperZajawka .divZajawka>div.divZdjecie img{
max-width: 100%;
height: auto;
border-radius: 20px 0px 0px 210px;
}
.wrapperZajawka .divZajawka>div.divZdjecie img.imgShow{
position: relative;
z-index: 1;
}

.wrapperZajawka .divZajawka>div.divZdjecie img.nextImg{
position: absolute;
z-index: 0;
top:0px;
left: 0px;
visibility: visible;
opacity:1;
}
.wrapperZajawka .divZajawka>div.divZdjecie img.imgShow.hidddenShow{
transition: all 0.8s ease-out 0s;
transform: translateX(100%);
}

.wrapperZajawka .divZajawka > div.divZdjecie img.actImg {
position: absolute;
top:0px;
left: 0px;
z-index: 0;
visibility: hidden;
opacity:0;
transition: all 0.5s ease-out 0s;
}
.wrapperZajawka .divZajawka > div.divZdjecie img.bg_zajawka {
position: relative;
z-index: 1;
transition: all 0.5s ease-out 0s;
}

.wrapperZajawka .divZajawka > div.divZdjecie img.bg_zajawka.hiddenBG{
display: none;
}

.wrapperZajawka .divZajawka > div.divZajawkaCell>p{
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0,.83,0,.95);
transition-delay: 0s;
transform: translateX(0%);
}

.wrapperZajawka .divZajawka > div.divZajawkaCell>p>a{
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0,.83,0,.95);
transform: translateX(0%);
display: inline-block;
}

.wrapperZajawka .divZajawka > div.divZajawkaCell.divZajawkaOut>p{
transition-property: transform;
transition-duration: 1s;
transition-timing-function: cubic-bezier(.6,.5,0,.95);
transition-delay: 0s;
transform: translateX(-140%);
}


.wrapperZajawka .divZajawka > div.divZajawkaCell.divZajawkaHidden>p{
transform: translateX(-150%);
}
.wrapperZajawka .divZajawka > div.divZajawkaCell.divZajawkaHidden>p>a{
transform: translateX(-500%);
}

.wrapperZajawka .divZajawka > div.divZdjecie img.bg_zajawka.runBG{
transform: translateX(100%);
}

.wrapperZajawka .divZajawka > div.divZdjecie img.actImg.runActImg {
visibility: visible;
opacity:1;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell{
padding: 45px 30px 0px 45px;
position: relative;
box-sizing:border-box;
background: #FFFFFF url('../images/line-chart.png') 80% 0% no-repeat;
font-family: 'Montserrat', sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 1.23;
color: #444444;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell>p{
margin-bottom: 30px;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell>p:first-child{
font-size: 81px;
font-weight: 200;
color: #1666a1;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell>p>a{
margin-right: 60px;
font-size: 22px;
font-weight: 600;
line-height: 1;
display: inline-block;
vertical-align: middle;
padding: 20px 50px;
border-radius: 5px;
transition: all 0.5s ease-out 0s;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell>p>a:first-child{
background-color: #1666a1;
color: #FFFFFF;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell>p>a:hover{
background-color: #1666a1;
color: #FFFFFF;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell>p>a:first-child:hover{
color: #1666a1;
background-color: transparent;
}

/*
.wrapperZajawka .divZajawka>div.divZajawkaCell .divZajawkaCell {
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 100%;
}
*/

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka{
width: 100%;
margin-bottom: 25px;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul{
vertical-align: bottom;
width: 100px;
height: 176px;
background-color: #b11116;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul .pt1{
display: inline-block;
width: 100%;
height: 45px;
background: url('../images/ico_podtytul.png') 50% 0px no-repeat;
margin-bottom: 20px;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul .pt2{
display: inline-block;
margin-bottom: 20px;
color: #FFFFFF;
font-size: 11px;
text-align: center;
width: 100%;
text-transform: uppercase;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul{
vertical-align: bottom;
padding: 0px 0px 0px 0px;
color: #525252;
font-size: 29px;
font-weight: 600;
overflow: hidden;
max-height: 70px;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul a{
color: #525252;
font-size: 29px;
font-weight: 600;
transition: all 0.5s ease-out 0s;
text-transform: uppercase;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul a:hover{
color: #b11116;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.tytulZajawka{

}

.wrapperZajawka .divZajawka>div.divZajawkaCell .zajawka{
color: #525252;
font-size: 14px;
line-height: 1.7em;
font-weight: 400;
overflow: hidden;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka{
position: absolute;
bottom: 25px;
right: 75px;
padding: 7px 27px 6px 0px;
color: #525252;
font-size: 14px;
text-transform: uppercase;
transition: all 0.5s ease-out 0s;
font-weight: 400;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:after,.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:before{
content: "";
position: absolute;
width: 15px;
height: 9px;
top:0px;
right: 0px;
bottom:0px;
transition: all 0.5s ease-out 0s;
margin: auto;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNpi/P//PwMhEBwcLAik3qOLMzEQB94BcRq6IAvQVGI0rwbimUAcCsTpQHyPFJvDgNgViJWA+C4Ql4NtBuL/DKSDDiA+C7KZkUgsBHU+COwBaWYkMrTLYU4FggognkWKnzugtinDNML8TAxwhWpGAQABBgCxPBnleY7SdgAAAABJRU5ErkJggg==') 100% 50% no-repeat;
opacity:1;
}


.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:after{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNpi+P//PwMhvFFQTBCbOBMDceDdJiHxNHRBYjWvBuKZQAN2A7ESSZr93r0MA1KuQAzSeBdoQDlInBHon/8M5AFXRpDHiQFA2wRBTgfiUCDeA8RhLERqBDmzHMpNB3pjFikB1gG1TRmmEQyIjGcXbOIAAQYANZhx8fUE94cAAAAASUVORK5CYII=') 100% 50% no-repeat;
opacity:0;
}


.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:hover{
color: #b11116;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:hover:after{
opacity:1;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:hover:before{
opacity:0;
}
.wrapperZajawka>.sel1{
display: table;
position: absolute;
top:0px;
left: 0px;
}

@media screen and (max-width:1160px){
.wrapperZajawka .divZajawka > div.divZajawkaCell {padding: 20px 20px 0px 20px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul a {font-size: 17px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul {font-size: 17px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .moreZajawka {bottom: 7px;}
}

@media screen and (max-width:1030px){
.wrapperZajawka > .sel,.wrapperZajawka > .sel1 {display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;

flex-wrap:wrap;
-webkit-flex-wrap:wrap;}
.wrapperZajawka .divZajawka > div {display: block;width: 100%;text-align: center;}
.wrapperZajawka .divZajawka {background-color: #f7f7f7;}
.wrapperZajawka .divZajawka > div.divZdjecie{width: 100%;padding: 20px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell {order:1;}
.wrapperZajawka .divZajawka > div.divZdjecie img {max-width: 50%;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .zajawka {height: auto;margin-bottom: 20px;padding-bottom: 15px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .moreZajawka {position: relative;left: 0px;bottom: 0px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell {padding: 20px;}
}