.modProdukty{

}
.modProdukty .boxModprodukt{
border-bottom: 1px solid #e7e9eb;
}

.modProdukty .boxModprodukt:nth-child(2n){
background-color: #f7f7f7;
}

.wrap_produkty .modProdukty .boxModprodukt:nth-child(2n){
background-color: #FFFFFF;
}

.modProdukty .boxModprodukt .divModprodukt{
width: 1442px;
max-width: 100%;
box-sizing:border-box;
padding: 40px 0px 40px 0px;
margin: 0px auto;
display: flex;
flex-wrap: wrap;
}
.modProdukty .boxModprodukt:first-child .divModprodukt{

}

.modProdukty .boxModprodukt .divModprodukt .catOffer{
display: inline-block;
width: 100%;
vertical-align: top;
box-sizing:border-box;
padding: 0px 35px;
}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf{
width: 50%;

}

.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .contentProdukt{
display: grid;
grid-gap: 0px 20px;
grid-template-columns: 1fr 1fr 1fr;
}

.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer{

}
.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer .innerTitle{
font-size: 24px;
color: #4D5558;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
padding: 0px 0px 25px 0px;
margin: 0px 50px 45px 0px;
position: relative;
}
.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer .innerTitle .small{
font-weight: 300;
}
.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer .innerTitle:after{
content: "";
width: 97px;
height: 4px;
background-color: #4D5558;
position: absolute;
left: 0px;
bottom: 0px;
}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .titleOffer .buton2{
float: right;
}

.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt{
display:grid;
flex-wrap:wrap;
grid-template-columns: repeat(5, 1fr);
grid-gap: 0px 20px;
}


.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt .boxProdukt{
display: inline-block;
vertical-align: top;
padding: 0px;
box-sizing:border-box;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
box-shadow:inset 0px 0px 0px 0px #FFFFFF;
border-radius:30px;
transition: all 0.5s ease-out 0s;
}

.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt .boxProdukt:hover{
box-shadow:inset 0px 0px 0px 1px #FFFFFF;
border: 1px solid #eaeaea;
background-color: #f9fbfb;
}


.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .contentProdukt .boxProdukt{

}


.catOffer .contentProdukt .boxProdukt .produkt{
display: block;
padding: 30px 0px;
box-sizing:border-box;
}

.catOffer .contentProdukt .boxProdukt .imgProdP{
display: block;
padding: 0px 45px;
}

.catOffer .contentProdukt .boxProdukt .imgProd{
display: block;
text-align: center;
box-sizing:border-box;
max-width: 100%;
padding: 0px 0px 35px 0px;
margin-bottom: 25px;
position: relative;
}

.catOffer .contentProdukt .boxProdukt .imgProd:before {
content: "";
width: 100%;
height: 3px;
background-color: rgba(225,228,228,0.6);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
display: inline-block;
border-bottom: 1px solid #FFFFFF;
box-sizing: border-box;
}

.catOffer .contentProdukt .boxProdukt .imgProd:after {
content: "";
width: 49px;
height: 5px;
background-color: #4D5558;
position: absolute;
bottom: -1px;
left: 0px;
right: 0px;
margin: auto;
display: inline-block;
border-top: 1px solid #4D5558;
border-bottom: 1px solid #FFFFFF;
box-sizing: border-box;
}

.catOffer .contentProdukt .boxProdukt .imgProd img{
max-width: 100%;
height: auto;
}

.catOffer .contentProdukt .boxProdukt .produkt.roundImg .imgProd img{
border-radius:50%;
}

.catOffer .contentProdukt .boxProdukt .titleProd{
display: block;
text-align: center;
box-sizing:border-box;
font-size: 16px;
font-weight: 400;
color: #4D5558;
text-transform: uppercase;
padding: 0px 20px;
line-height: 1.5em;
transition: all 0.5s ease-out 0s;
}
.catOffer .contentProdukt .boxProdukt:hover .titleProd{
color:#4D5558;
}
@media screen and (max-width:1350px){
.catOffer .contentProdukt .boxProdukt .imgProdP{padding: 0px}
}
@media screen and (max-width:1100px){
.modProdukty .boxModprodukt .divModprodukt {padding: 30px 0px 10px 0px;}
.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer .innerTitle {font-size: 20px;padding: 0px 0px 15px 0px;margin: 0px 20px 20px 0px;}
.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt .boxProdukt {width: 33.333%;margin-bottom: 20px;}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf {width: 100%;}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .titleOffer .buton2 {float: none;}	
}
@media screen and (max-width:610px){
.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt .boxProdukt {width: 50%;}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .contentProdukt .boxProdukt {width: 50%;}	
}

@media screen and (max-width:550px){
.modProdukty .boxModprodukt .divModprodukt .catOffer .titleOffer .innerTitle {font-size: 19px;}
}
@media screen and (max-width:400px){
.modProdukty .boxModprodukt .divModprodukt .catOffer .contentProdukt .boxProdukt {width: 100%;}
.modProdukty .boxModprodukt .divModprodukt .catOffer.catOfferSelf .contentProdukt .boxProdukt {width: 100%;}	
}