.box_mod_offer{
margin-bottom: 35px;
}
.div_mod_offer{
width: 1425px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 15px;
max-width: 100%;
}
.div_mod_offer ul{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 14px 14px;
list-style: none;
}
.div_mod_offer ul li{

}
.div_mod_offer ul li .aCat{

}
.div_mod_offer ul li .aCat a{
display: block;
position: relative;
}
.div_mod_offer ul li .aCat a .imgP{
display: inline-block;
width:100%;
position: relative;
overflow: hidden;
border-radius:10px;
}
.div_mod_offer ul li .aCat a .imgP:before{
content:"";
position: absolute;
let:0px;
top:0px;
background-color: rgba(0,0,0,0);
width:100%;
height:100%;
border-radius:10px;

-webkit-transition:0.3s all linear;
transition:0.3s all linear;
}
.div_mod_offer ul li .aCat a:hover .imgP:before{
opacity:1;
background-color: rgba(0,0,0,0.73);
}
.div_mod_offer ul li .aCat a .imgP:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURQAAAPz8/P7+/vf4+Pr6+/n5+vv7+/7+/vj5+ff3+Pb39/z8/Pf4+Pz8/Pr6+vb29/n6+v7+/vn6+vX29vv7+/39/fn5+f///5S6FT8AAAAXdFJOUwCL9mRWBpXfGws/1UytcxQx6qMkvMiBBW/vlwAAAd5JREFUOMullNlygzAMRb3h3cYLoP//08o0pQ0oJDPVS4A5ka/kKzFGx1RyCwKgLlxZ9ia6bAZGiJXH+RZ1MVU4ovJyw9oNUbHwrOSWAuKrml5KaIhyKTeto7VeJkye3Yu8yC5SthXr085rrrgAQed2G0BSeZxeg3Qa/+GzABMpOFZYIooWKSvvJrlC8CNB64TgBCLmCkZaN052nme7S8vXDkoBXAUI8ahoHk/eQLoIQY1GYXJ5qmfC7/wMlxWSr9AscWIgyuOWJ39plMf2EAk2Z/v1CuxCwFg1eVku/RdGGaQjOyEjGtAkTBWIrVvIyUB9gbgUQVlmasSlMCUgzaS9kr98ndGT0hHlCenISurZ6Xa4miwlA/rzibYcqzuLmLzM0esxI1v5O+r4QbnzUGMvDa6WsTGW7Lud514Ux9dwYfljTwSZV/wxS9N6H1u4uHCwdZN4q83iTJvfJbPmfmJnZE2cXUkQcDStzymYWs2qVTn37JsdTzjIe3GulxHdXuZgNNKox3TXcrsIv9npoVzfbs1BmL05ZPtfsccJr2JYx8TpYN0dy5/Zu7yd//ThPcvGNj368IZl4eHqT1iGLulPHbmHl/Ipy9Bluvj2gYYxzcPa5jOWzWrdPfteA2NfZmckMx65IkkAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size:37px auto;
background-color: #9d0132;
width:76px;
height:76px;
position: absolute;
content:"";
left:50%;
top:30%;
margin-left: -38px;
border-radius:50%;
opacity:0;
-webkit-transition:0.3s all linear;
transition:0.3s all linear;
z-index: 2;
}
.div_mod_offer ul li .aCat a:hover .imgP:after{
opacity:1;
}
.div_mod_offer ul li .aCat a .imgP img{
width:100%;
height:auto;
}

.div_mod_offer ul li .aCat a .zajawkaTytul{
position: absolute;
display: inline-block;
left: 0px;
top:75px;
color:#FFFFFF;
width:100%;
box-sizing:border-box;
padding-right: 30px;


}

.div_mod_offer ul li .aCat a:hover .zajawkaTytul{

-webkit-animation-name: fadeInDesc;
animation-name: fadeInDesc;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;


}

.div_mod_offer ul li .aCat a .zajawkaTytul .tytulArticle{
background-color: var(--background-title-offer);
padding: 10px 25px;
font-size: 25px;
font-weight: 400;
width: 100%;
display: inline-block;
box-sizing: border-box;
font-family: var(--gfont2-family);
}


.div_mod_offer ul li .aCat a:hover .zajawkaTytul .tytulArticle{
background-color: transparent;
-webkit-transition:0s all ease;
transition:0s all ease;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
font-weight:bold;
font-size:26px;

-webkit-animation-name: underlineAndFamily;
animation-name: underlineAndFamily;
-webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.2s; /* Safari 4.0 - 8.0 */
animation-delay: 0.2s;

}

.div_mod_offer ul li .aCat a .zajawkaTytul .zajawkaArticle{
opacity:0;
padding:0px 25px;
box-sizing:border-box;
-webkit-transition:0s all ease;
transition:0s all ease;
display: inline-block;
overflow: hidden;
}

.div_mod_offer ul li .aCat a:hover .zajawkaTytul .zajawkaArticle{
opacity:1;
-webkit-transition:0.2s all ease-out 0.5s;
transition:0.2s all ease-out 0.5s;
}


@keyframes fadeInDesc {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
bottom:35px;
top:auto;
}
}

@keyframes underlineAndFamily {
0% {

}

100% {
text-decoration: underline;
font-family: 'Lato', sans-serif;
}
}

@media screen and (max-width:960px){
.div_mod_offer ul{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:650px){
.div_mod_offer ul{grid-template-columns: 1fr;}
}