.boxZajawki{
max-width: 100%;
box-sizing: border-box;



}

.wrapZajawki{
padding: 0px 0px 0px 50px;
box-sizing: border-box;
max-width: 100%;
width: 1920px;
margin: 0px auto;
position: relative;
}

.box_zajawki{


}
.div_zajawki{
box-sizing:border-box;
max-width: 100%;
}

.wrapperg{
position: relative;
padding-bottom: 5px;
overflow: hidden;
}
.wrapperg .divArrow{
position: absolute;
left: 25%;
transform: translateX(-50%) translateY(50%);
bottom: 40px;
z-index: 2;
display: none;
}
.wrapperg .divArrow a{
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #cbccce;
margin-right: 10px;
border-radius: 50%;
}

.wrapperg .divArrow a.sel{
border-color: #e63122;
}

.wrapperZajawka{

}


.wrapperZajawka .divZajawka{
display: none;
width: 100%;
}

.wrapperZajawka .divZajawka>div{
position: relative;
text-align: right;
}
.wrapperZajawka .divZajawka>div .dataZ{
padding: 10px 13px;
position: absolute;
top: 25%;
left: 0px;
background-color: rgba(0,0,0,0.8);
color: #FFFFFF;
font-size: 14px;
display: inline-block;
}
.wrapperZajawka>.sel{
display: flex;
justify-content: space-between;
align-items: center;
}

.wrapperZajawka .divZajawka>div.divZdjecie{

}
.wrapperZajawka .divZajawka>div.divZdjecie img{
max-width: 100%;
vertical-align: top;
height: auto;
}


.wrapperZajawka .divZajawka>div.divZajawkaCell{
position: relative;
background-color: #ffffff;
vertical-align: middle;
text-align: left;
height: 100%;
z-index: 1;
left: 0;
flex: 0 1 auto;
margin-right: -30%;
max-width: 750px;
padding: 45px;
box-sizing: border-box;
border:1px solid #EBEBEB;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell ul {
list-style:none;
}


.wrapperZajawka .divZajawka>div.divZajawkaCell  ul > li{
background: url('../images/pkt.png') 0px 10px no-repeat;
padding: 5px 0px 5px 35px;
line-height: 1.5em;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka{
width: 100%;
padding: 0px 0px 23px 0px;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div{
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul{
vertical-align: middle;
text-align: center;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul .pt{
display: inline-block;
color: #363738;
font-size: 25px;
font-weight: 900;
text-transform: uppercase;
padding-top: 15px;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul{
vertical-align: bottom;
font-size: 24px;
font-weight: 300;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul a, .wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul{
font-size: 28px;
font-weight: 700;
color: var(--gfont-color);
font-family: var(--gfont2-family);
transition: all 0.5s ease-out 0s;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.dTytul a:hover{
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.tytulZajawka{

}

.wrapperZajawka .divZajawka>div.divZajawkaCell .zajawka{
font-size: 20px;
line-height: 1.7em;
text-align: left;
}

.wrapperZajawka .buton1{
margin-top: 30px;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka{
padding: 20px 70px;
color: #ffffff;
font-size: 14px;
text-transform: capitalize;
transition: all 0.5s ease-out 0s;
border: 1px solid #ffffff;
display: inline-block;
margin-top: 30px;
}



.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:hover{
color: #3c6446;
background-color: #ffffff;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .moreZajawka:hover:after{
opacity:1;
}

.wrapperZajawka>.sel1{
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top:0px;
left: 0px;
}

.arrows{
position: absolute;
bottom: 170px;
z-index: 10;
right: 83%;
}

.arrows > div{
width: 80px;
height: 80px;
transition: all 0.5s ease-out 0s;
display: inline-block;
top:0px;
bottom: 0px;
margin: auto;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor:pointer;
border: 1px solid #EBEBEB;
position: relative;
}

.arrows > div:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTciIGRhdGEtbmFtZT0iR3JvdXAgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjM1LjY2NyIgaGVpZ2h0PSIxOS43MDciIHZpZXdCb3g9IjAgMCAzNS42NjcgMTkuNzA3Ij4NCiAgPGcgaWQ9Ikdyb3VwXzkiIGRhdGEtbmFtZT0iR3JvdXAgOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8yIiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyIiB3aWR0aD0iMTQiIGhlaWdodD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS44OTkgMTkuNzA3KSByb3RhdGUoLTEzNSkiLz4NCiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDMiIHdpZHRoPSIxNCIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMjEgMi4xMjEpIHJvdGF0ZSgxMzUpIi8+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV80IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA0IiB3aWR0aD0iMzMiIGhlaWdodD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi42NjcgNy44NTQpIi8+DQogIDwvZz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
position: absolute;
left: 0px;
top:0px;
transition: all 0.5s ease-out 0s;
}

.arrows .arrowN{

}
.arrows .arrowN:after{
transform: rotate(180deg);
}

.arrows .arrowP{
margin-right: 20px;
}
.arrows > div:hover{
background-color: #000000;
}
.arrows > div:hover:after {
filter: brightness(0) invert(100%);
}





/*
.arrows{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(50%);
background-color: #e8ecef;
width: 110px;
height: 110px;
border-radius: 50%;
z-index: 50;
overflow: hidden;
border: 5px solid #ffffff;
box-shadow: 0px 14px 11px 3px rgba(44,61,72,0.2);
}

.arrows > div{
height: 100%;
width: 50%;
cursor: pointer;
position: relative;
background-color: #ffffff;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}

.arrows > div:hover{
background-color: #f0f4f7;
}

.arrows .arrowP:after, .arrows .arrowN:after{
font-family: 'Glyphicons Halflings';
position: absolute;
top: 50%;
left: 50%;
color: #e1e4e4;
font-size: 22px;
transform: translateY(-50%) translateX(-50%);
}

.arrows .arrowP:after{
content: "\e257";
}

.arrows .arrowP{
float: left;
left: -2px;
}

.arrows .arrowN{
float: right;
left: 2px;
}

.arrows .arrowN:after{
content: "\e258";
}
*/
.progress1{
position: absolute;
left: 50%;
height: 2px;
width: 100%;
background-color: #f3f4f5;
z-index: 100;
bottom: 0%;
transform: translateX(-50%);
}

.progress1 .progress2 {
width: 100%;
background-color: #e02f21;
left: 50%;
transform: translateX(-50%);
position: absolute;
height: 2px;
}

/*--------------media------------------*/

@media screen and (max-width:1620px){
.arrows {bottom: 0px}
.arrows > div::after {background-size: 22px auto}
}


@media screen and (max-width:1400px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul a, .wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul{font-size: 21px}
.wrapperZajawka .divZajawka > div.divZajawkaCell .zajawka{font-size: 17px}
.arrows > div{width: 40px;height: 40px}
}


@media screen and (max-width:1300px){
.wrapperZajawka .divZajawka > div.divZajawkaCell{padding: 20px;max-width: 550px;}
}

@media screen and (max-width:1200px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .moreZajawka {right: 15px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.podTytul {/*height: 95px;*/}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.podTytul .pt1 {/*height: 30px*/;background-size:auto 100%;margin-bottom: 10px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.podTytul .pt2 {margin-bottom: 10px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka {}
.wrapperZajawka .divZajawka > div.divZajawkaCell .moreZajawka {bottom: 20px;}	
}
@media screen and (max-width:1050px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.podTytul {display: none;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul {padding-left: 0px;padding-bottom: 0px;}
}
@media screen and (max-width:910px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .moreZajawka {padding: 15px 40px;margin-top: 10px;}
}
@media screen and (max-width:880px){
.wrapZajawki{padding: 0px}
.wrapperg{padding: 0px}
.wrapperZajawka > .sel,.wrapperZajawka .divZajawka{flex-wrap: wrap;}
.wrapperZajawka .divZajawka > div.divZajawkaCell{order: 2;max-width: 90%;width: 90%;margin: -25px auto 0px auto}
.wrapperZajawka .divZajawka > div.divZdjecie{order: 1}
.arrows{bottom: auto;right: auto;top:20px;right: 20px}
.arrows > div {background-color: rgba(255,255,255,0.5)}
}

@media screen and (max-width:720px){

}

@media screen and (max-width:550px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul a, .wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul {font-size: 21px;}
}