.ofertaa{
max-width: 100%;
box-sizing: border-box;
}
.Menu_offer{
max-width: 100%;
box-sizing: border-box;    
}
.ofertaa ul{
 width: 100%;
 box-sizing: border-box;
 max-width: 100%;
 text-align:center;
}
.ofertaa ul li{
width: 33%;
box-sizing: border-box;
display: inline-block;
padding: 12px;
/*float: left;*/
}

@keyframes hvr-ripple-out {
100% {bottom: -1px;
     left: -1px;
     right:-1px;
     top: -1px;
     opacity: 0;
}
        
50% {
    bottom: -13px;
    left: -13px;
    opacity: 0;
    right: -13px;
    top: -13px;
}
}
.ofertaa ul li a::before {
    animation-duration: 1s;
    border: 1px solid #D48829;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ofertaa ul li a:hover::before, .ofertaa ul li a:focus::before, .ofertaa ul li a:active::before {
    animation-name: hvr-ripple-out;
}


.ofertaa ul li a{
 padding: 10px;
 display: block;   
 background:url("../images/horyzonty_bg_rep.png") 0px 100% repeat-x;   
 transition: all 0.5s ease-out 0s; 
 position: relative;
 vertical-align: middle;
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 background-color: #d48829;
}
.ofertaa ul li a:hover{

}
.ofertaa ul li a .bgicon{
display: block;
width: 195px;
height: 100px;
overflow: hidden;
margin: 0px auto;
background-repeat: no-repeat;
background-position: 0px 0px;
position: relative;

}
.ofertaa ul li a .bgicon:after{
 content: "";
 background-image: inherit;
 width: 195px;
height: 100px;
position: absolute;
top:0px;
left: 0px;
 background-position: 0px -100px;
 opacity:0;
 transition: all 0.5s ease-out 0s;
}
.ofertaa ul li a:hover .bgicon:after{
 opacity:1;   
 transition: all 0.5s ease-out 0s;   
}
.ofertaa ul li a:hover{
background-color: #FFFFFF;    
transition: all 0.5s ease-out 0s;    
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}

.ofertaa ul li a:hover .titleoffer {
 color: #d48829;   
 transition: all 0.5s ease-out 0s;    
}
.ofertaa ul li a .titleZajawka{
 display: table;
 width: 100%;
 font-size: 14px;
 line-height: 2em;   
}
.ofertaa ul li a .titleZajawka .titleZajawkaC{
 display: table-cell;
 vertical-align: middle;
height: 104px;
overflow: hidden;
font-weight:400;
}
.ofertaa ul li a .titleZajawka .titleZajawkaC span{
 display: block;
 text-align: center;
    
}
.ofertaa ul li a:hover .zajawkaoffer{
  color: #d48829;    
   transition: all 0.5s ease-out 0s;
}
.box_menu_bottom{  
 max-width: 100%;
 box-sizing:border-box;
 padding: 0px 0px 120px; 
}
.titleOffer{
color: #505050;
display: block;
text-align: center;
font-size: 28px;
padding: 50px 0px;
}