.box_cat_offer{
box-sizing: border-box;
padding: 0px 0px 60px 0px;
}
.div_cat_offer{
width: 1920px;
max-width: 100%;
margin: 0px auto;
box-sizing: border-box;
}

.scrollP{
padding: 15px 72px 0px 72px;
position: relative;
}
.div_cat_offer .scrollNavig{
}
.div_cat_offer .scrollWrap{
margin: 0px auto;
float: none;
max-width: 100%;
position: relative;
height: 190px;
}
.div_cat_offer .scrollNavig a{
position: absolute;
top:15px;
bottom: 0px;
width: 55px;
height: 90%;
z-index: 1;
background-color: #00A99D;
margin: auto;
transition: all 0s ease-out 0s;
}

.div_cat_offer .scrollNavig a:after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
background-repeat: no-repeat;
background-position: 50% 50%;
}

.div_cat_offer .scrollNavig a.prev:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAABHNCSVQICAgIfAhkiAAAANVJREFUOE+l1eERgjAMBeCXCXQDzw0YQUZxA0dwMx1BNnAENqgXruWkhPal5Td8hJKXCJxXCGEA8ALwBXAXkY94jD/gHJ+bAVxpxADS+0cKKQCTiAxVpAQAuInIXEQYQL/pEGGBQ8QDmIgX2CEtwAZpBVakB1iQXiAh2v+nLENTaiQmW1qJpvGS3azwqAllEY3226iGhpaOjefSDK1t3wNtstMK7QLYApkp9kK1UUAdNjOUqhA7HotQFSH6yL0yrIq4lZHyY/w1bmXkAYzQE4Bm66Er4weXH6CxIl6/0AAAAABJRU5ErkJggg==');
}
.div_cat_offer .scrollNavig a.next:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAABHNCSVQICAgIfAhkiAAAANdJREFUOE+l1dENwjAMBNDzBqzABjABo0AnQGzSDcgIbACbGTlSojR1a7up1J9GeT0njkIAwMwJwB3ATEQv+RZ5qAHKvEREUxRhZUIIkiQzgOcIRN2a9JYrUUZGoYqMQAvkKLRCjkAqEoU2kQi0i3ghE/FALsSAri6EmU8AvgAuyvE4m4gBTESUrN3ZS5ABSbbXJy5gE/GU0K6NdnbcCQrUn+IwsCgnWsKqnBEgJxkFCvIDcFM6sfaBdX1IEu3KcAMlyQPAu/lbCKi7w8wCySvX6MeK34//AekTimdLV2AmAAAAAElFTkSuQmCC');
}

.div_cat_offer .scrollNavig a.prev{
left: 0px;
}
.div_cat_offer .scrollNavig a.next{
right: 0px;
}

.div_cat_offer .scrollNavig a.dis{
opacity: 0.2;
cursor: default;
}

.scroll{
width: 100%;
max-width: 100%;
box-sizing:border-box;
overflow: hidden;
}
.scroll>ul{
list-style: none;
white-space: nowrap;
transition: transform 0s ease-out 0s;
z-index: 0;

}
.scroll>ul.shift{
transition: transform 1s cubic-bezier(.76,.35,.14,1.01) 0s;
}
.scroll>ul.shiftTouch{
transition: all 0.5s ease-out;
}
.scroll>ul>li{
display: inline-block;
width: 12.5%;
box-sizing:border-box;
vertical-align: top;
}
.scroll>ul>li>a{
display: inline-block;
box-sizing:border-box;
position: relative;
text-align: center;
padding: 20px 0px 10px 0px;
width: 100%;
}
.scroll>ul>li>a .spImg{
display: block;
text-align: center;
margin-bottom: 30px;
}
.scroll>ul>li>a .spImg img{
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
transition: all 0.5s ease-out;
}
.scroll>ul>li>a:hover .spImg img{
width: 160px;
height: 160px;
}

.scroll>ul>li>a .tytulP{
display: block;
color: #FFFFFF;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 700;
white-space: normal;
box-sizing: border-box;
padding: 0px 15px;
word-wrap:anywhere;
height: 50px;
overflow: hidden;
}

.scroll>ul>li.sel>a{
height: 140%;
}
.scroll>ul>li.sel>a .spImg img{
width: 160px;
height: 160px;
}

@media screen and (max-width:1735px){
.scrollP {padding: 15px 57px 0px 57px;}
}
@media screen and (max-width:1620px){
.scroll > ul > li {width: 14.286%}
}

@media screen and (max-width:1440px){
.scroll > ul > li > a .tytulP {font-size: 15px;}
}
@media screen and (max-width:1370px){
.scroll > ul > li {width: 16.666%}
}
@media screen and (max-width:1200px){
.scroll > ul > li > a .spImg {margin-bottom: 15px}
.scroll > ul > li > a .tytulP {height: 42px;}
.div_cat_offer .scrollWrap {height: 167px;}
.div_cat_offer .scrollNavig a {width: 43px;}
.scrollP {padding: 15px 46px 0px 46px;}
.scroll > ul > li.sel > a .spImg img {width: 140px;height: 140px;}
}
@media screen and (max-width:1170px){
.scroll > ul > li {width: 20%}
}
@media screen and (max-width:990px){
.scroll > ul > li {width: 25%}
}
@media screen and (max-width:810px){
.scroll > ul > li {width: 33.333%}
}
@media screen and (max-width:630px){
.scroll > ul > li {width: 50%}
}
@media screen and (max-width:450px){
.scroll > ul > li {width: 100%}
.scroll > ul > li.sel > a .spImg img {width: 80px;height: 80px;}
.box_cat_offer {padding-bottom: 50px}
}