.div_offer{
box-sizing: border-box;
max-width: 100%;
padding: 0px 15px 55px 15px;
}


.carouselDiv{
max-width: 100%;
box-sizing: border-box;
margin: 0px auto;
position: relative;
}

.carouselDiv .arrow{
position: absolute;
height: 100%;
width: 60px;
top:0px;
z-index: 1;

}

.carouselDiv .arrow:before{
content: "";
width: 300%;
height: 100%;
position: absolute;

}
.carouselDiv .arrow.prevA:before{
left: 0px;
background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.89) 60%,rgba(255,255,255,1) 100%);
}
.carouselDiv .arrow.nextA:before{
right: 0px;
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.89) 60%,rgba(255,255,255,1) 100%);
}


.carouselDiv .arrow.dis{
display: none;
}

.carouselDiv .arrow.dis2{
display: none;
}

.carouselDiv .arrow.prevA{
left: 0px;
}
.carouselDiv .arrow.nextA{
right: 0px;
}

.carouselDiv .arrow::after {
content: "";
width: 60px;
height: 60px;
display: block;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
transition: all 0.5s ease-out 0s;
background: #FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAcCAYAAACH81QkAAAABHNCSVQICAgIfAhkiAAAAP5JREFUOE+l1UsOgjAQBuCZgmu9gfEG7I2JbOUU3sALkDTxQi6MW43Gvd6AI3AAS6VVUJ6dtiwJ/WjT+WcQLB9+30SFYGdAmTEmt3x5eqCN8QNgptdJyJkIF2SkA3z/XgDEJGQIkADP/eoYGZExIHiFax4f8lGEAqhTDSJUYBCxAXoRW6CDuAANxBWoER9AI76ARtJrkiPi9D9DqhKrQqJkC9NbkiHgvPGxClZQxCqhJEQdRwi8tHejE0qEdMX6QnXZ+0CN7LhCnQC6QL0ptoVGWwH11oxNiQKR2qMJMiLGOrIdGX07Io+MKj/tWyOPjHYAP60Defm+nH6TnRoZb9hKAgBRX4CPAAAAAElFTkSuQmCC') 50% 50% no-repeat;
border-radius: 6px;
box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
margin: auto;
}
.carouselDiv .arrow:hover::after {
box-shadow: 3px 3px 10px rgba(0,0,0,0);
}

.carouselDiv .arrow.nextA:after{
transform: rotate(180deg);
}

.carousel{
position: relative;
overflow: hidden;
}
.carousel ul{
list-style: none;
white-space: nowrap;
z-index: 0;
display: flex;
left: 0px;
position: relative;
padding: 0px;
transition:all 0s ease-out 0s;
}

.carousel ul.shift{
transition:all 0.5s ease-out 0s;
}

.carousel ul.shift2{
transition:all 3s ease-out 0s;
}

.carousel ul li{
width: 20%;
box-sizing: border-box;
flex: 1 0 auto;
position: relative;
padding: 0px 9px;
}

.carousel > ul > li .product {
display: block;
box-sizing: border-box;
height: 100%;
transition: all 0.5s ease-out 0s;
border: 1px solid #7EC34C;
border-radius: 6px;
padding: 15px 10px;
}

.carousel > ul > li .product .divimg {
text-align: center;
margin-bottom: 10px;
border-radius: 4px 4px 3px 3px;
overflow: hidden;
}
.carousel > ul > li .product .divimg .filter{
display: block;
padding: 8px;
box-sizing: border-box;
background-color: #7EC34C;
color: #FFFFFF;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
min-height: 28px;
}

.carousel > ul > li .product .divimg .filter.typ1{
background-color: #179F4C;
}

.carousel > ul > li .product .divimg img {
max-width: 100%;
height: auto;
display: block;
}
.carousel > ul > li .product .title {
color: #333336;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 700;
padding-bottom: 13px;
margin-bottom: 5px;
position: relative;
white-space: normal;
}

.carousel > ul > li .product .title::after {
content: "";
display: block;
width: 72px;
height: 3px;
background-color: #7EC34C;
border-radius: 25px;
bottom: 0px;
left: 0px;
position: absolute;
}

.carousel > ul > li .product .zajawka {
display: flex;
align-items: center;
justify-content: space-between;
}
.carousel > ul > li .product .zajawka .za1{
color: #7EC34C;
font-size: 24px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
white-space: normal;

}
.carousel > ul > li .product .zajawka .za2{
background-image: linear-gradient(to right, #7ec34c 0%, #179f4c 51%, #7ec34c 100%);
display: inline-block;
box-sizing: border-box;
padding: 10px 10px;
color: #FFFFFF;
font-weight: 600;
border-radius: 6px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
transition: all 0.5s ease-out 0s;
background-size: 200% auto;
line-height: 1;
}
.carousel > ul > li .product .zajawka .za2:after{
content: "";
display: inline-block;
width: 8px;
height: 12px;
margin-left: 8px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjA4MiIgaGVpZ2h0PSIxMS45OTciIHZpZXdCb3g9IjAgMCA3LjA4MiAxMS45OTciPg0KICA8cGF0aCBpZD0iUGF0aF8zMzU2NCIgZGF0YS1uYW1lPSJQYXRoIDMzNTY0IiBkPSJNMTIwLjksNS4xNjQsMTE1LjcyNi4xMjFhLjQyNy40MjcsMCwxLDAtLjYuNjEybDQuODU3LDQuNzM3LTQuODU3LDQuNzM3YS40MjcuNDI3LDAsMSwwLC42LjYxMkwxMjAuOSw1Ljc3NmEuNDI3LjQyNywwLDAsMCwwLS42MTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0LjQ0NCAwLjU1NikiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}

.carousel > ul > li .product .zajawka .za2:hover {
background-position: 100%;
}

.carousel.carousel2 ul li{
width: 20%;
}
@media screen and (max-width:1300px){
.carousel > ul > li {width: 25%;}
}
@media screen and (max-width:1080px){
.carousel > ul > li {width: 33.333%;}
}
@media screen and (max-width:810px){
.carousel > ul > li {width: 40%;}
.carouselDiv .arrow {display: none}
.div_offer{padding: 0px 0px 55px 0px;}
}
@media screen and (max-width:660px){
.carousel > ul > li {width: 60%;}
}
@media screen and (max-width:660px){
.carousel > ul > li .product .zajawka .za1{font-size: 21px}
.carousel > ul > li .product .zajawka .za2{font-size: 14px}
}
@media screen and (max-width:440px){
.carousel > ul > li .product .divimg .filter {letter-spacing: 0.1em}
.carousel > ul > li .product .zajawka .za1 {
font-size: 17px;
}
}

/*
@media screen and (max-width:1180px){
.carousel > ul > li {width: 29%;}
}
@media screen and (max-width:1020px){
.carousel > ul > li {width: 40%;}
}
@media screen and (max-width:820px){
.carousel > ul > li {width: 60%;}
}
@media screen and (max-width:550px){

}
*/