.box_mod_offer{
background-color: #EFEFEF;
border-bottom: 1px solid #C8C8C8;
position: relative;
z-index: 1;
}
.div_mod_offer{
width: 1666px;
box-sizing: border-box;
max-width: 100%;
margin: 0px auto;
padding: 70px 0px 50px;
}

.oferty{
display: flex;
flex-wrap: wrap;
margin-bottom: 45px;
justify-content: center;
}

.oferty .ofertaP {
width: 33.333%;
box-sizing: border-box;
padding: 8px;
}

.oferty .ofertaP > a {
display: block;
height: 100%;
background-color: #FFFFFF;
box-shadow: 0px 2px 15px #00000029;
border-radius: 4px;
position: relative;
transition: all 0.5s ease-out 0s;
padding: 24px 0px 35px 0px;
box-sizing: border-box;
}
.oferty .ofertaP > a:hover {
box-shadow: 0px 0px 0px
#00000029;
}
.oferty .ofertaP > a .title{
box-sizing: border-box;
display: block;
padding: 0px 65px;
text-align: center;
font-family: 'Montserrat', sans-serif;
color: #458413;
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
}

.oferty .ofertaP > a .spImg{
display: block;
position: relative;
background: url('../images/tloOffer.png') 0px 0px no-repeat;
background-size: 100% 100%;
}

.oferty .ofertaP > a .spImg img {
width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
position: relative;
z-index: 0;
}

.oferty .ofertaP>a .spImg .spTlo {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: rgba(0,0,0,0.4);
transition: all 0.5s ease-out 0s;
opacity: 0;
z-index: 0;
}
.oferty .ofertaP>a .spImg .spTlo::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: 0px;
height: 0px;
margin: auto;
background: url('../images/add-button.svg') 50% 50% no-repeat;
background-size: auto;
background-size: auto;
background-size: auto auto;
background-size: 100% 100%;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
opacity: 0.5;
}

.oferty .ofertaP>a:hover .spImg .spTlo::after {
width: 52px;
height: 52px;
}

.oferty .ofertaP>a:hover .spImg .spTlo {
transition: all 0.5s ease-out 0s;
opacity: 1;
}

.oferty .ofertaP>a .spImg img{
width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
position: relative;
z-index: 0;
}

.oferty .ofertaP>a .spImg::before {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-bottom: 1px solid
#FFFFFF;
border-right: 1px solid
#FFFFFF;
bottom: 0px;
right: 0px;
opacity: 0;
transition: all 0.5s ease-out 0s;
}

.oferty .ofertaP>a:hover .spImg::before {
transition: all 0.5s ease-out 0s;
bottom: 20px;
right: 20px;
opacity: 1;
width: 50px;
height: 50px;
z-index: 1;
}

.oferty .ofertaP>a .spImg::after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-top: 1px solid
#FFFFFF;
border-left: 1px solid
#FFFFFF;
top: 0px;
left: 0px;
transition: all 0.5s ease-out 0s;
opacity: 0;
}

.oferty .ofertaP>a:hover .spImg::after {
transition: all 0.5s ease-out 0s;
top: 20px;
left: 20px;
opacity: 1;
width: 50px;
height: 50px;
}

.oferty .ofertaP>a .zajawka{
display: block;
box-sizing: border-box;
padding: 35px 15px 0px 15px;
color: #193602;
font-size: 15px;
font-weight: 400;
line-height: 1.7em;
}

.oferty .ofertaP>a .zajawka span{
display: block;
margin-bottom: 15px;
}

.spAllOffers{
display: block;
text-align: center;
}

.allOffers{
display: inline-block;
background-color: #65AA28;
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
border: 1px solid #65AA28;
padding: 20px 85px 20px 29px;
border-radius: 4px;
text-transform: uppercase;
position: relative;
transition: all 0.5s ease-out 0s;
text-transform: uppercase;
}
.allOffers:hover{
background-color: #FFFFFF;
color: #65AA28;
}

.allOffers::after {
content: "";
position: absolute;
width: 29px;
height: 11px;
right: 29px;
top: 0px;
bottom: 0px;
margin: auto;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAALCAYAAACDHIaJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMNJREFUeNpiTF2lwUAJmBV6HYWftlpzAZDyB+IGoNxEbHqYGKgPDgCxABBPADpgPRAL0NxSoO9APjUE4otAHADE54EWG9DapyCLLwApByBeCMQKUIvzYfKMwDidAKT1GWgHDKDBDQILgA5KZIG6xIGBPgAU7Aws0HCnWupFS8kNQKoeygUFdQHMUqoDaIpdDw3BjyDLoAmMgSaWQlPqfmg8glMw0MIHyGpo4dMGqIUTgZYV0KVwAFoESiOKuCwEAYAAAwBSkzdh6LwRaQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
filter: brightness(0%) invert(100%);
transition: all 0.5s ease-out 0s;
}
.allOffers:hover::after {
filter: brightness(100%) invert(0%);
}

@media screen and (max-width:1600px){
.oferty .ofertaP > a .title {padding: 0px 15px;min-height: 68px;}
}

@media screen and (max-width:1300px){
.div_mod_offer {padding: 30px 0px;}
}

@media screen and (max-width:1270px){
.oferty .ofertaP > a .title {font-size: 20px;min-height: 48px;}
}

@media screen and (max-width:960px){
.oferty .ofertaP {width: 50%}
}

@media screen and (max-width:720px){
.oferty .ofertaP {width: 100%}
.oferty .ofertaP > a .spImg img {height: 100%;width: auto}
.oferty .ofertaP > a .spImg{text-align: center;height: 200px;}
}

@media screen and (max-width:500px){
.oferty .ofertaP > a .spImg img {height: auto;width: 100%}
.oferty .ofertaP > a .spImg {height: auto}
}