.box_offer{
padding-bottom: 0px;
background: #635148 url('../images/rules.jpg') 100% 0% no-repeat;
}
.div_offer{

}

.box_offer .modTitle{
color: #FFFFFF;
}

.box_offer .modTitle::after {
background-color: #82746d;
}
.box_offer .zajawka{
color: #FFFFFF;
width: 50%;
font-family: 'Poppins', sans-serif;
}
.box_offer .zajawka p{
margin-bottom: 30px;
font-size: 17px;
}
.box_offer .ofertyDetail{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_offer .ofertyDetail .ofertaP{
width: 48.5%;
box-sizing: border-box;
padding: 15px 0px;

}

.box_offer .ofertyDetail .oferta{
border: 1px solid rgba(255,255,255,0.5);
display: flex;
padding: 10px 25px 10px 15px;
box-sizing: border-box;
align-items: center;
border-radius: 8px;
transition: all 0.5s ease-out 0s;
}
.box_offer .ofertyDetail .oferta .number{
flex: 0 0 50px;
border: 1px solid rgba(255,255,255,0.5);
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
margin-right: 23px;
font-size: 30px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
line-height: 51px;
transition: all 0.5s ease-out 0s;
}
.box_offer .ofertyDetail .oferta .titleOffer{
flex: 2 1 auto;
color:#FFFFFF;
font-weight: 400;
font-size: 18px;
display: inline-block;
}
.box_offer .ofertyDetail .oferta .titleOffer a{
color:#FFFFFF;
}
.box_offer .ofertyDetail .oferta .arrow{
flex: 0 1 22px;
display: inline-block;
width: 22px;
height: 22px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNpi+P//fyQQ/wTieiBmBGIGQhhEIIN5xGgEEQ1oGtcDMRMhTSBcg6ZxKxAzE9IEwiVoGvcBMQshTSCcjabxDBCzEtLEAA1NZHAdiDkIaQJhPzSNN4GYm5AmEHZB0/gEiHkJaQJhCzSNb4FYkIGIFKCLpvEREwM5gNrOIzkgSA5ykiOX5GREcoIlOWuQlQnJyu4kFywAAQYAnZ+CDeSSOisAAAAASUVORK5CYII=') 50% 50% no-repeat;
transition: all 0.5s ease-out 0s;
margin-left: 15px;
}

.box_offer .ofertyDetail .oferta:hover{
background-color: #533320;
}
.box_offer .ofertyDetail .oferta:hover .number{
border: 1px solid #FFFFFF;
}
.box_offer .ofertyDetail .oferta:hover .arrow{

}

@media screen and (max-width:1360px){
.box_offer .div_content {padding-top: 30px;}
}
@media screen and (max-width:1200px){
.box_offer .zajawka{width: 100%}
}
@media screen and (max-width:910px){
.box_offer{padding-bottom: 30px;}
}

@media screen and (max-width:720px){
.box_offer .ofertyDetail .ofertaP{width: 100%}
}