.scrollP{
padding: 0px 0px 0px 0px;
position: relative;
}
.scrollP .scrollNavig{
}
.scrollP .scrollWrap{
margin: 0px auto;
float: none;
max-width: 100%;
position: relative;
width: 1920px;
}
.scrollP .scrollNavig a.prev{
left: 0px;
position: absolute;
left: 0px;
width: 100px;
height: 100%;
z-index: 5;
cursor: grab;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoBAMAAAAMH8foAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAGVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZRZsvwgAAAALdFJOUwAczArqq4FjM0uU0GVo7AAAAINJREFUGNNjYICB5XAW21Y4M1sZxmLfZABjVsMFObcIwJizHWEsDoRg9w644O4GGFMELsjoPQEuuBPGYtYugDGNtiMEE2BM1m1w10UvgLG4kJwcgI2JpABJG7JhSFYgWYzsHCRHIjsdyUPI3kTyPHKQIAUUcvAhBSpyUCNFAHK0MCwHAMCbIFlsfgmAAAAAAElFTkSuQmCC), auto;
}
.scrollP .scrollNavig a.next{
right: 0px;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
z-index: 5;
cursor: grab;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoBAMAAAAMH8foAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAGVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZRZsvwgAAAALdFJOUwBeDyM8q5HG3O9+1xVUXQAAAIJJREFUGNNjEGOAg+gFcCb7LjiTqVoAztbYiBDuRghbboEzmWc7wNnWCGGW3QZwtvdkhPBOhLB0E5zJuEMBIVwEZ3JtR7h1dQCcybYVyQsJcCbrNmxMhAIkbQjDkKxAWIzkHIQjkZyO8BCSNxGeRwoSREAhBR8iUJGCGikCkPyEiCwAJUkeM75bTnQAAAAASUVORK5CYII=), auto;
}
.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: 33.333%;
box-sizing:border-box;
padding: 25px;

}
.scroll>ul>li>a{
display: block;
box-sizing:border-box;
text-align: center;
font-family: 'Raleway', sans-serif;
background-color: #f9f9f9;
padding: 0px 0px 20px 0px;
position: relative;
text-align: center;
}
.scroll>ul>li>a:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
opacity: 0;
transition: all 0.5s ease-out 0s;
z-index: 0;
}
.scroll>ul:hover li:not(:hover) a:after {
opacity: 1;
}

.scroll>ul>li>a img{
vertical-align: top;
max-width: 100%;
height: auto;
}

.scroll>ul>li>a .title {
text-align: center;
background-color: #5b696f;
color: #fff;
padding: 10px 0;
font-size: 14px;
transition: background-color 0.25s;
display: block;
}
.scroll>ul>li>a .title span{
font-size: 28px;
display: block;
font-weight: 700;
margin-bottom: 5px;
}
.scroll>ul>li>a .price {
position: relative;
text-align: center;
padding-top: 10px;
display: block;
font-family: 'Roboto', sans-serif;
}
.scroll>ul>li>a .price .cost{
display: block;
color: #4789aa;
font-size: 55px;
font-weight: 700;

}
.scroll>ul>li>a .price .cost sup {
line-height: 1;
font-size: 24px;
display: inline-block;
}
.scroll>ul>li>a .price .cost::after {
content: 'zł';
color: #828c91;
margin-left: -20px;
display: inline-block;
font-size: 17px;
font-weight: 400;
font-family: 'Raleway', sans-serif;
}

.scroll>ul>li>a .long {
display: inline-block;
color: #999ea0;
font-size: 15px;
padding: 10px 10px 10px 10px;
position: relative;
margin-bottom: 20px;

}
.scroll>ul>li>a .long:before{
content: "";
display: inline-block;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABKVBMVEXX2tvAxMfBxsj4+PjQ09XCx8nR1NbAxcfLz9Hu7+/v8PDQ1NXS1tfHy83IzM709fXEyMru7/Ds7e6/xMbW2drx8vLFysy+wsXn6er29vbJzc/39/fHzM7S1dfm6Oju7u/n6enP09TCxsnl5+fP0tS+xMbw8PHr7O3T1tfs7e3U19jy8/PY29z4+fn19fXt7u7q6+zIzc7FycvKztDO0dPKztHl5+jDyMr09PTV2Nrb3t/o6erZ3N3t7u/N0NLY293c3+De4eHGys2/xMfe4OHa3N7Gysz29vfz9PTr7Ozw8fHr7e3x8fH3+PjN0dLW2dvGy83O0tTT1tjn6Onb3d7d3+DX29z19vbk5ufj5OXp6+vM0NHDx8rz8/THy87M0NK+w8W9wsT5+flssXRvAAABPklEQVR42mSQ51YCMRBG4y5b6R0ERJQuvdt7772T/eb9H8LsikfE+yPf5OacmSSMbFof0p2dfq/UbtgFIyomzFdgvpFInJqAdfYWkomlPAVUBwAvAR1jH1pwiO4F2wYQWQb6IcBrxGGZR0CXKUL3gt7AmjiSzKtA3pQAjYkFeDCMVkykO2ts9kRKbAkOFqbT1j7Oua6/c+6kznnfkpjWuaRZMhab81G26qk900vZs1uXdzzlBaoJPaZr0W2dfKKx3x8XDyPm6IjQ99QGCqNR+FcfAOEm5YDYcTIAqBMtNytF8U2hyidRtHSenOh/fOuF9J4epUPvTSY1rVfFyEVKi5usTOuIo31/dHhMg6GSjtKTouR/msSZogWpLtsbWZ5MTI4t9gjtVlVVl8utqm6XwJ2LYYvJG4o1g+Y6+RJgAPnre6N3YljyAAAAAElFTkSuQmCC') no-repeat;
width: 22px;
height: 22px;
margin-right: 15px;
}

.scroll>ul>li>a .zamowP{
display: block;
text-align: center;
}

.scroll>ul>li>a .zamow{
transition: background-color 0.25s;
background: #fff;
text-decoration: none;
color: #737373;
font-size: 15px;
border: 1px solid #ababab;
text-align: center;
display: inline-block;
padding: 10px 20px;
background-color: #5b696f;
color: #FFFFFF;
transition: all 0.5s ease-out 0s;
}
.scroll>ul>li>a:hover .zamow{
background-color: #FFFFFF;
color: #5b696f;
}