.box_offer{border-top:1px solid rgba(255,255,255,0.2);background-color:#000000;position:relative;z-index:10;padding:70px 0px 40px 0px;}
.div_offer{width:1920px;max-width:100%;box-sizing:border-box;margin:0px auto;display:grid;grid-template-columns:repeat(4,1fr);}
.div_offer .oferta{position:relative;}
.div_offer .oferta img{max-width:100%;height:auto;filter:grayscale(1);transition:all 0.3s ease-out 0s;}
.div_offer .oferta:hover img{}
.div_offer .oferta .title{position:absolute;height:100%;right:0px;top:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0px 40px;box-sizing:border-box;background:linear-gradient(45deg,rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 100%);transition:all 0.5s ease-out 0s;width:45%;background-repeat:no-repeat;background-position:50% 50%;}
.div_offer .oferta:hover .title, .div_offer .oferta.sel .title{width:100%;}
.div_offer .oferta .title img{max-width:100%;height:auto;margin-bottom:50px;}
.div_offer .oferta .title .titleA{font-size:30px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}
@media screen and (max-width:1750px){
.div_offer .oferta .title .titleA{font-size: 19px;}
.div_offer .oferta .title img{max-width: 74px;}
}
@media screen and (max-width:1370px){
.div_offer .oferta .title{width: 60%;padding: 20px 20px;}
.div_offer .oferta .title img{margin-bottom: 20px}
}
@media screen and (max-width:1020px){
.div_offer{grid-template-columns: 1fr 1fr;grid-gap: 10px 10px}
}
@media screen and (max-width:620px){
.div_offer .oferta .title img{max-width: 50px;}
.div_offer .oferta .title .titleA{font-size: 16px;}
}