.produkt{
display: table;
width: 100%;
table-layout: fixed;
}
.produkt>div{
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}

.produkt .produktLeft{
width: 400px;
padding: 0px 8px;
}

.produkt .produktRight{
padding: 0px 8px;
}

.produkt .prodPrzed{

}
.produkt .produktParam{

}

.produkt .content-text{

}

.produkt .contentProd{
background-color: #FFFFFF;
box-shadow: 0px 2px 15px #0000000D;
margin-bottom: 16px;
}

.produkt .prodPrzed .contentProd{
background-color: transparent;
box-shadow: 0px 0px 0px #0000000D;
position: relative;
}

.produkt .prodPrzed .contentProd .prev,.produkt .prodPrzed .contentProd .next{
width: 49px;
height: 49px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
z-index: 1;
cursor: pointer;
}


.produkt .prodPrzed .contentProd .prev::before,.produkt .prodPrzed .contentProd .next::before {
content: "";
position: absolute;
width: 80%;
height: 80%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: #458413;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAfCAYAAAABZyaKAAAABHNCSVQICAgIfAhkiAAAAO5JREFUSImt0SFLQ1EYxvFjFMbgwuCGhYHFYPF7qAPb0g3CsNwomJeNgmHNb2GSWyxDuOWGWwYLhsFEo2HD/8IO7OW085z79PcHz/M6oAL+gGunBvjmkB0wVpFL4MdDW+BKhS4C6DYF2phqMnQOrLuAzoAvA01UaGSg/1RoZaBChYbAsgso7xJqDTRVoQHQcIwMZUBtoFKF+sCnge5U6N4gbwpQ+HHxX8tTgFYBpgEwiAVKs0GjAA8BkKUAtQLMAqAfCzylAs8GWCjAPAB6MccnAfChAK8BcBpb4cUAVTTgkV8PvEuAR26ARxlwzu0BqdIjNZpcYvYAAAAASUVORK5CYII=');
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.5s ease-out 0s;
background-size: 10px auto;
}

.produkt .prodPrzed .contentProd .prev:hover::before,.produkt .prodPrzed .contentProd .next:hover::before {
width: 100%;
height: 100%;
}

.produkt .prodPrzed .contentProd .prev:hover::after,.produkt .prodPrzed .contentProd .next:hover::after {
box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}

.produkt .prodPrzed .contentProd .prev::after, .produkt .prodPrzed .contentProd .next::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
box-shadow: 0px 0px 0px 2px
rgba(255,255,255,0.8);
border-radius: 50%;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}

.produkt .prodPrzed .contentProd .prev.hidden,.produkt .prodPrzed .contentProd .next.hidden{
visibility: hidden;
opacity: 0;
}

.produkt .prodPrzed .contentProd .prev{
top:20px;
transform: rotate(-90deg);
}
.produkt .prodPrzed .contentProd .next{
bottom:20px;
transform: rotate(90deg);
}

.produkt .prodPrzed .contentProd .imgPrzed{
display: flex;
height: 990px;
overflow: hidden;
}

.produkt .prodPrzed .contentProd ul{
list-style: none;
display: flex;
flex-wrap: wrap;
margin-top: -8px;
position: relative;
top:0px;
transition: top 0.5s ease-out 0s;
}
.produkt .prodPrzed .contentProd ul li{
display: block;
box-sizing: border-box;
padding: 8px 0px;
height: 33.8%;
}
.produkt .prodPrzed .contentProd ul li a{

}
.produkt .prodPrzed .contentProd ul li a img{
display: block;
height: 100%;
width: auto;
}
.produktParam{

}
.produktParam .contentProd{
box-sizing: border-box;
padding: 30px;
}

.produktParam .pFoot{
padding: 20px 0px 0px 0px;
}
.produktParam .pFoot>span{
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
color: #262626;
}
.produktParam .pFoot>span:before{
content: "";
width: 24px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
background-color: red;
}

.produktParam .pFoot>span.klient:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAAABHNCSVQICAgIfAhkiAAAAddJREFUSImtlU1u01AQgL95DkhlgxUOQMKuq5oluxTFEsv2BElPQLdViBQpjboETkC4gdkhpa2cG6QXqNIDBJxVF87zsAiBBp4TQ/wt388386yZsbCB5nn1VKAFEgCoagISg/142U3ivHuStxH2qxNEDnIjCiejzmxYWBoOnrVRPuUKf5J6th6fJdM/143zdKan24QAFWuOXOtu6aZnrx9sFJcWRBS/kDQc+MEugZzSUSeZlC4FUPSu2HV1JuCUCuQW9nrwLCosTb2sp+h8i3Gc11VOaXyWTEUkt1YVnacV287b9/I2bq/vJ/XDJzeIvhLkd+ko40Ule+PqpI2ZrrAVO7l8962G2Jeq9jD1bH3UnTkL/iFrvd+48GuVzLREOQIJVDUR6GGycZoyffSYAzLTBmmvJpYKkV3YL3EvSf6Shv3qB0TebsvChaomipxcdWfRL2l4Xh2CtP5H+JBMOb7qziKzbMvdhQBG9D2AWX6jspBaOPADs/pVlIWqaRgVrZUpRfGNIM9LlbLjkHYh4JcuBQkM6OdSnYahd3t9H714vTcH9tcGx7+ijDH2eNT5/nWt95t9vyGYZd+LBoI8zZfojYpMQeOFl0WbppaTxoVfa/b9rdNpxQ84ya8GLqhdGQAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}
.produktParam .pFoot>span.miejsce:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAABHNCSVQICAgIfAhkiAAAAd1JREFUOI2NlE9u2mAQxX/z2YtmVQsOUDcnICeoaUHqkp4gcALoEkFVVyBlS09QcoPsQapzA3oDc4BE7i4StqcLoMGf7ZC3ssdv3vy3YCG48Xw3N9eoBALB3qoxEKnmt+tvSWT7yOlLZ9YIgaGIeDbxCIUodbJBNE7ikkh33liCXNc5F4RUEzF5ezVJNgDmOYPXCQCIiIeaX0HoeQAmuPF8YFgR7Ydq1t452ftc+YLqH0uq5TpmBOC6qemXeiDZ1Xq6T/WAGLjrzpoRwocT+xAIjSCBncGxVhs7N+vbZXVmXmAsZSAvjfCIaJzEKPcFIeP4xiamLrFtewmq6hm7YU7qtF50EvWLhnxjEAr1G9HvdQKdeWMkyLtTW+oSm1zlrkiVVmfe/H0YfUEApRhAuY/GSSwHQiLI21LqEAEI6oP49neEwWrysHQALtsXb0SKo95z8AV8KN+Sotv19LEPh7VPs3yh6N+qPtRBRMLjswMQR09Plx8vngT5/BqB0yz+ZwKwnj4u7EWqV8kLm1tcNpONzgvoT/vHVBBZTZKNol9r/dHtLstD2y5V5IprPbCzq6rjLN0OwC7LeopurXCDuuuuFInCJBHJe89j19vV5GFZxT2LT7NmrztrLM7x/gEmV8djqSbMSwAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}
.produktParam .pFoot>span.pow:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAU1JREFUSIntlTFOw0AQRf847rHWFzA3yA0w0m7PDWJOgFsULCHtWrTmBDE3oHekmBvkCLkA1lLjeCiCQyBRpCwp/avRzux/oylmgG+pPBhLE77CQVIHscrD5FCOenPuvAURLBPKUwHEiABKQLitpu+//m8AWhQgunPpflcM/mjbLqofrd1LKiNKpcPaxVjqIJZGWJUHYwDYHZfXB9VDk3RA4QJofayIuria2qUyogRjpoyYAQDFT0Hkd97ExXirrnubZ7beGzXzM0kjLIEu/gUA8DlaX9b3diV1EBONFszr63lma+8c5gDgt4gOvvdBTzzFtO/2WI13LHkODYABMAAGwB8pLYp+NxGNFkqLYrvsiLyJzMXVKYabW/yjKmtSZUQA0ATglyprUn+nPCF27548WGBzGVUe1tW0KQGApBEpMd24WwMAL6usSQ9lvgCWcHX2hy2MzwAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}


.produkt .produktRight .content-text .contentProd{
box-sizing: border-box;
padding: 20px 15px 30px;
}
.produkt .produktRight .content-text .contentProd h2{
color: #458413;
font-size: 34px;
font-weight: 600;
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;
}

.produkt .title{
color: #458413;
font-size: 34px;
font-weight: 600;
margin-bottom: 40px;
font-family: 'Montserrat', sans-serif;
}

.produkt .powrot{
float: right;
color: #9C9C9C;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.produkt .powrot:before{
content: "";
display: inline-block;
width: 21px;
height: 11px;
vertical-align: middle;
margin-right: 14px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAAABHNCSVQICAgIfAhkiAAAAJtJREFUKJGt0tEJwjAQxvH/ZzpAN9ENzCYa2kHcI4HUSYwTqJvoe0v6okWKIpJ+T3dH+HFwgVlCCJ33/jKf/5PVHAR2ks4lqABijHXf9ydJG+DYtu2+CF0aBJD3PknaPvtUCuacr5Wk+m1mS1HgURlj7DAMCVhLck3TdKXqdKglYb2KJeHpnzrn7sYYC9xyzoeSTT8mxlj/fvU9I+nJQFTvu7h7AAAAAElFTkSuQmCC') 50% 50% no-repeat;
}



.produkt .prodPo{

}

.produkt .prodPo .firstImg{
text-align: center;
position: relative;
}


.produkt .prodPo .firstImg img.imgShow{
position: absolute;
top:0px;
left: 0px;
z-index: 1;
display: none;
}

.produkt .prodPo .firstImg.loaderIm:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
background: rgba(255,255,255,1) url('../images/2.gif') 50% 50% no-repeat;
opacity:0.7;
}

.produkt .prodPo .firstImg .fprev,.produkt .prodPo .firstImg .fnext{
width: 99px;
height: 99px;
position: absolute;
top:0px;
bottom: 0px;
margin: auto;
cursor: pointer;
z-index: 2;
}

.produkt .prodPo .firstImg .fprev.hidden,.produkt .prodPo .firstImg .fnext.hidden{
visibility: hidden;
opacity: 0;
}

.produkt .prodPo .firstImg.loaderIm .fprev,.produkt .prodPo .firstImg.loaderIm .fnext{
cursor: auto;
}

.produkt .prodPo .firstImg .fprev::before,.produkt .prodPo .firstImg .fnext::before {
content: "";
position: absolute;
width: 80%;
height: 80%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: #458413;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAfCAYAAAABZyaKAAAABHNCSVQICAgIfAhkiAAAAO5JREFUSImt0SFLQ1EYxvFjFMbgwuCGhYHFYPF7qAPb0g3CsNwomJeNgmHNb2GSWyxDuOWGWwYLhsFEo2HD/8IO7OW085z79PcHz/M6oAL+gGunBvjmkB0wVpFL4MdDW+BKhS4C6DYF2phqMnQOrLuAzoAvA01UaGSg/1RoZaBChYbAsgso7xJqDTRVoQHQcIwMZUBtoFKF+sCnge5U6N4gbwpQ+HHxX8tTgFYBpgEwiAVKs0GjAA8BkKUAtQLMAqAfCzylAs8GWCjAPAB6MccnAfChAK8BcBpb4cUAVTTgkV8PvEuAR26ARxlwzu0BqdIjNZpcYvYAAAAASUVORK5CYII=');
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.5s ease-out 0s;
background-size: 17px auto;
}

.produkt .prodPo .firstImg .fprev:hover::before,.produkt .prodPo .firstImg .fnext:hover::before {
width: 100%;
height: 100%;
}

.produkt .prodPo .firstImg .fprev:hover::after,.produkt .prodPo .firstImg .fnext:hover::after {
box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}

.produkt .prodPo .firstImg .fprev::after, .produkt .prodPo .firstImg .fnext::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
box-shadow: 0px 0px 0px 2px
rgba(255,255,255,0.8);
border-radius: 50%;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}


.produkt .prodPo .firstImg .fprev{
left: 25px;
transform: rotate(180deg);
}

.produkt .prodPo .firstImg .fnext{
right: 25px;
}

.produkt .prodPo .firstImg img{
max-width: 100%;
height: auto;
position: relative;
z-index: 0;
}

.produkt .prodPo .divImgPo{
box-sizing: border-box;
padding: 13px 43px;
position: relative;
}

.produkt .prodPo .divImgPo .prev,.produkt .prodPo .divImgPo .next{
width: 28px;
height: 28px;
position: absolute;
top:0px;
bottom: 0px;
margin: auto;
cursor: pointer;
z-index: 1;
}

.produkt .prodPo .divImgPo .prev::before,.produkt .prodPo .divImgPo .next::before {
content: "";
position: absolute;
width: 80%;
height: 80%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: #458413;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAfCAYAAAABZyaKAAAABHNCSVQICAgIfAhkiAAAAO5JREFUSImt0SFLQ1EYxvFjFMbgwuCGhYHFYPF7qAPb0g3CsNwomJeNgmHNb2GSWyxDuOWGWwYLhsFEo2HD/8IO7OW085z79PcHz/M6oAL+gGunBvjmkB0wVpFL4MdDW+BKhS4C6DYF2phqMnQOrLuAzoAvA01UaGSg/1RoZaBChYbAsgso7xJqDTRVoQHQcIwMZUBtoFKF+sCnge5U6N4gbwpQ+HHxX8tTgFYBpgEwiAVKs0GjAA8BkKUAtQLMAqAfCzylAs8GWCjAPAB6MccnAfChAK8BcBpb4cUAVTTgkV8PvEuAR26ARxlwzu0BqdIjNZpcYvYAAAAASUVORK5CYII=');
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: -1;
transition: all 0.5s ease-out 0s;
background-size: 6px auto;
}

.produkt .prodPo .divImgPo .prev:hover::before,.produkt .prodPo .divImgPo .next:hover::before {
width: 100%;
height: 100%;
}

.produkt .prodPo .divImgPo .prev:hover::after,.produkt .prodPo .divImgPo .next:hover::after {
box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}

.produkt .prodPo .divImgPo .prev::after, .produkt .prodPo .divImgPo .next::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
box-shadow: 0px 0px 0px 2px
rgba(255,255,255,0.8);
border-radius: 50%;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}

.produkt .prodPo .divImgPo .prev.hidden,.produkt .prodPo .divImgPo .next.hidden{
visibility: hidden;
}

.produkt .prodPo .divImgPo .prev{
left: 12px;
transform: rotate(180deg);
}

.produkt .prodPo .divImgPo .next{
right: 12px;
}

.produkt .prodPo .divImgPo .imgPo{
overflow: hidden;
position: relative;
}

.produkt .prodPo .divImgPo .imgPo ul{
margin: 0px;
white-space: nowrap;
display: block;
transition: left 0.5s ease-out 0s;
left: 0px;
position: relative;
}
.produkt .prodPo .divImgPo .imgPo ul li{
height: auto;
width: 20%;
padding: 0px 4px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
position: relative;
}

.produkt .prodPo .divImgPo .imgPo ul li.sel{


}
.produkt .prodPo .divImgPo .imgPo ul li a:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top:0px;
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.5);
transition: all 0.5s ease-out 0s;
}

.produkt .prodPo .divImgPo .imgPo ul li.sel a:after{
box-shadow: inset 0px 0px 0px 20px rgba(0,0,0,0.5);
}

.produkt .prodPo .divImgPo .imgPo ul li.sel img{
filter: grayscale(100%);
}

.produkt .prodPo .divImgPo .imgPo ul li a{
position: relative;
display: inline-block;
}
.produkt .prodPo .divImgPo .imgPo ul li a img{
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}



@media screen and (max-width:1500px){
.produkt .produktLeft {width: 300px}
.produkt .prodPrzed .contentProd .imgPrzed {height: 775px;}
.produkt .prodPrzed .prodPrzed {width: 300px;}
.div_content {padding-left: 5px;padding-right: 5px;}
.produkt .title {font-size: 24px;margin-bottom: 20px;}
}

@media screen and (max-width:1300px){
.produkt .produktLeft {width: 200px}
.produkt .prodPrzed .contentProd .imgPrzed {height: 513px;}
.produkt .prodPrzed {width: 200px;}
.produkt .produktRight .content-text .contentProd h2 {font-size: 25px;}
}

@media screen and (max-width:1200px){
.produkt .prodPo .firstImg .fprev, .produkt .prodPo .firstImg .fnext {width: 50px;height: 50px;}
.produkt .prodPo .firstImg .fprev::before, .produkt .prodPo .firstImg .fnext::before {background-size: 10px auto}
}

@media screen and (max-width:1000px){
.produkt .prodPo .divImgPo .imgPo ul li {width: 25%}
}

@media screen and (max-width:890px){
.produkt {display: flex;flex-wrap: wrap}
.produkt > div {display: block}
.produkt .produktLeft {width: 100%;order: 1;}
.produkt .produktRight {width: 100%;order: 0;}
.produkt .prodPrzed {width: 100%}
.produkt .prodPrzed .contentProd .imgPrzed {height: auto;display: block}
.produkt .prodPrzed .contentProd ul {margin: 0px;white-space: nowrap;display: block;transition: left 0.5s ease-out 0s;left: 0px;}
.produkt .prodPrzed .contentProd ul li {height: auto;width: 25%;padding: 0px 4px;display: inline-block}
.produkt .prodPrzed .contentProd ul li a img {width: 100%;height: auto}
.produkt .prodPrzed .contentProd .prev, .produkt .prodPrzed .contentProd .next {left: auto;right: auto;top:0px;bottom: 0px;}
.produkt .prodPrzed .contentProd .prev{left: -20px;transform: rotate(180deg);}
.produkt .prodPrzed .contentProd .next {right: -20px;transform: rotate(0deg);}
.produkt .prodPrzed .contentProd ul {margin: 0px 0px 0px -8px;}
}

@media screen and (max-width:700px){
.produkt .prodPo .divImgPo .imgPo ul li {width: 33.333%}
}

@media screen and (max-width:640px){
.produkt .prodPrzed .contentProd ul li {width: 33.333%}
}

@media screen and (max-width:590px){
.produkt .prodPo .divImgPo .imgPo ul li {width: 50%}
}

@media screen and (max-width:570px){
.produkt .powrot {font-size: 13px;}
}

@media screen and (max-width:470px){
.produkt .powrot {position: absolute;top:-25px;right: 0px;}
.produkt .produktRight {position: relative}

}

@media screen and (max-width:370px){
.produkt .prodPo .divImgPo .imgPo ul li {width: 100%}
}

@media screen and (max-width:550px){
.produkt .prodPrzed .contentProd ul li {width: 50%}
}
@media screen and (max-width:390px){
.produkt .prodPrzed .contentProd ul li {width: 100%}
}