.box_zajawki{
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAxIiBoZWlnaHQ9IjM1NSIgdmlld0JveD0iMCAwIDIwMSAzNTUiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjEiIHkxPSIwLjk3NyIgeDI9IjAuMDI1IiB5Mj0iMC4yMjQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjhmOGY4Ii8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0iYmdfbGVmdF93IiBkPSJNNTAsMEgyMDFhMCwwLDAsMCwxLDAsMFYzMDVhNTAsNTAsMCwwLDEtNTAsNTBIMGEwLDAsMCwwLDEsMCwwVjUwQTUwLDUwLDAsMCwxLDUwLDBaIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4NCjwvc3ZnPg0K'),
url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjIyNSIgdmlld0JveD0iMCAwIDUyMCAyMjUiPg0KICA8ZGVmcz4NCiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjEiIHkxPSIwLjk3NyIgeDI9IjAuMDI1IiB5Mj0iMC4yMjQiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4NCiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjhmOGY4Ii8+DQogICAgPC9saW5lYXJHcmFkaWVudD4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0iYmdfcl93IiBkPSJNNTAsMEg1MjBhMCwwLDAsMCwxLDAsMFYxNzVhNTAsNTAsMCwwLDEtNTAsNTBIMGEwLDAsMCwwLDEsMCwwVjUwQTUwLDUwLDAsMCwxLDUwLDBaIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4NCjwvc3ZnPg0K');

background-repeat: no-repeat;
background-position: -1% 38%,95% 0%;

}

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

}

.wrapZajawki{
padding: 20px 140px 50px 140px;
box-sizing: border-box;
max-width: 100%;
width: 1780px;
margin: 0px auto;
position: relative;
overflow: hidden;
}

.box_zajawki{
background-color: #F8F8F8;

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

.wrapperg{
position: relative;
}
.wrapperg .divArrow{
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(50%);
bottom: -28px;
z-index: 2;
}
.wrapperg .divArrow a{
display: inline-block;
width: 90px;
height: 7px;
margin-right: 20px;
border-radius: 50px 0px;
background-color: #DEDEDE;
transition: all 0.5s ease-out 0s;
}

.wrapperg .divArrow a.sel{
background-color: var(--g1-color);
}

.wrapperZajawka{

}


.wrapperZajawka .divZajawka{
display: none;
width: 100%;
}
.wrapperZajawka .divZajawka>div{
position: relative;
width: 62%;
}
.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{
height: 100%;
width: auto;
vertical-align: top;
max-width: 100%;
border-radius: 70px 0px;
}

.wrapperZajawka .divZajawka>div.divZajawkaCell{
position: relative;
vertical-align: middle;
height: 100%;
width: 38%;
z-index: 1;
left: 0;
padding-right: 20px;
}

.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: 30px 0px 23px 0px;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div{
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul{
vertical-align: middle;
}
.wrapperZajawka .divZajawka>div.divZajawkaCell .titleZajawka>div.podTytul .pt{
display: inline-block;
color: var(--gfont-color);
font-size: 25px;
font-weight: 500;
text-align: center;
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: 43px;
font-weight: 800;
transition: all 0.5s ease-out 0s;
line-height: 1.1em;
padding-right: 28px;
}

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

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

}

.wrapperZajawka .divZajawka>div.divZajawkaCell .zajawka{
line-height: 1.7em;
height: 40%;
overflow: hidden;
text-align: left;
padding: 0px;
max-height: 380px;
font-family: var(--gfont2-family);
color: var(--gfont-color);
font-weight: 400;
font-size: 18px;
padding-right: 28px;
margin-bottom: 35px;
}

.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;width: 99%;
max-width: 100%;padding: 0px 10px;
top: 56%;box-sizing: border-box;
z-index: 20;left: 50%;
transform: translateX(-50%);
}

.arrows > div {
width: 73px;
height: 73px;
position: absolute;
vertical-align: top;
margin-top: -46px;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 2px solid var(--g1-color);
border-radius:50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.arrows div:after {
content: "";
width: 15px;
height: 15px;
top:0px;
left: 0px;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
background-repeat: no-repeat;
background-position: 50% 50%;
border-style: solid;
border-color: var(--g1-color);
border-width: 0px 2px 2px 0px;
transform: rotate(135deg);
margin-right: -8px;
}
.arrows div.arrowN:after {
transform: rotate(-45deg);
margin-left: -15px;
}

.arrows div:hover:after {
filter: brightness(0) invert(100%);
}

.arrows div:before {
content: "";
position: absolute;
width: 0%;
height: 0%;
top:0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: var(--g1-color);
z-index: -1;
transition: all 0.5s ease-out 0s;
}


.arrows div:hover:before {
width: 100%;
height: 100%;
}

.arrows div.arrowN {
right: 0%;
}

.arrows div.arrowP {
left: 0%;
}


.progress1{
position: absolute;
left: 50%;
height: 2px;
width: 100%;
background-color: #f3f4f5;
z-index: 100;
bottom: -3%;
transform: translateX(-50%);
}

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

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

@media screen and (max-width:1700px){
.arrows{display: none}
.wrapZajawki{padding: 20px 20px 50px 20px;width: 1530px}
}

@media screen and (max-width:1400px){
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul a, .wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul{
font-size: 30px;
}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka{
padding: 0px 0px 20px 0px;
}
.wrapperZajawka .divZajawka > div.divZajawkaCell .zajawka{
font-size: 16px;
}

.wrapperZajawka .divZajawka > div.divZajawkaCell a.buton1{
padding: 12px 25px;
font-size: 14px;
}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.podTytul .pt{
font-size: 20px;
}

.wrapperZajawka .divZajawka > div.divZdjecie img{
height: 100%;
width: auto;
max-width: unset;
}
.wrapperZajawka .divZajawka > div.divZdjecie{
overflow: hidden;
border-radius: 70px 0px;
}

}


@media screen and (max-width:960px){
.wrapperZajawka > .sel {display: block}
.wrapperZajawka .divZajawka > div.divZajawkaCell{position: absolute;width: 80%;padding: 15px;display: flex;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;box-sizing: border-box;
left: 0px;right: 0px;margin: auto;
}
.wrapperZajawka .divZajawka > div.divZdjecie{width: 100%;position: relative}
.wrapZajawki{padding: 20px 10px 50px 10px;}
.wrapperZajawka .divZajawka > div.divZajawkaCell .zajawka{height: 78px;padding: 0px;font-weight: 700}

.wrapperZajawka .divZajawka > div.divZdjecie:after{
content: "";
display: block;
left: 0px;
top:0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
position: absolute;
}

.wrapperg .divArrow{
left: 0px;
transform: unset;
width: 100%;
text-align: center;
bottom: -45px;
}


}

@media screen and (max-width:660px){
.wrapperZajawka .divZajawka > div.divZajawkaCell{width: 95%}
.wrapperg .divArrow a{width: 50px}
.wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul a, .wrapperZajawka .divZajawka > div.divZajawkaCell .titleZajawka > div.dTytul{
font-size: 25px;
}
}