.imgDivProd{
float: left;
margin: 0px 25px 25px 0px;
width: 220px;
}

.imgDivProd img{
margin: 0px;
padding: 0px;
}
.imgDivProd .scrollProd {
position: relative;
overflow: hidden;
}
.imgDivProd .scrollProd:before {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #FFFFFF;
z-index: 3;
left: 0px;
top:0px
}
.imgDivProd .scrollProd:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #FFFFFF;
z-index: 3;
right: 0px;
top:0px
}

.imgDivProd .scrollProd a{
position: relative;
width:33.333%;
display:inline-block;
box-sizing: border-box;
padding: 6px;
}
.imgDivProd .scrollProd a.navigSc{
position: absolute;
width: 45px;
box-sizing: border-box;
display: block;
background-color: #cca35d;
padding: 0px;
top:6px;
bottom: 6px;
z-index: 2;
transition: all 0.5s ease-out;
}

.imgDivProd .scrollProd a.navigSc:after{
width: 25px;
height: 15px;
position: absolute;
top:0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}

.imgDivProd .scrollProd a.navigSc.prevI:after{
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNq01LEKACAIBFCN/v+XDaFARF26u8Wh4aGVamYyxA9VPrPYwITAgA6BAhUCBzJCASJCAzz7AhIqBVF2J29cyuwkXjwNyk+YAlWfEQ51awUKTQsSBh0BBgBsLxMeCHVAFgAAAABJRU5ErkJggg==');
}

.imgDivProd .scrollProd a.navigSc.nextI:after{
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFhJREFUeNq01DEKADAIA0AV///llEIXqTolWQveUI0DMELuEJ8ewzjxB0mRFWIiI8RGWkiBfJAKKVBuW0EKcttv1v2EGlD+SWmAUAMKpO2wUANMZG3hI8AAlEsTHoWTvvMAAAAASUVORK5CYII=');
}
.imgDivProd .scrollProd a.navigSc.prevI{
left: 6px;
margin-left: -51px;
}
.imgDivProd .scrollProd a.navigSc.nextI{
right: 6px;
margin-right: -51px;
}

.imgDivProd .scrollProd:hover a.navigSc.prevI{
margin-left: 0px;
}
.imgDivProd .scrollProd:hover a.navigSc.nextI{
margin-right: 0px;
}


.imgDivProd .scrollProd a>span{
display: block;
position: relative;
}

.imgDivProd .scrollProd a span.selSpan{
transition: all 1s ease-out;
box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0.5);
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
}

.imgDivProd .scrollProd a.sel span.selSpan{
box-shadow:inset 0px 0px 0px 10px rgba(255,255,255,0.5);
}

.imgDivProd .scrollProd a:nth-child(even){
    
}
.imgDivProd .scrollProd a img {
background-color: #FFFFFF;
width: 100%;
height: auto;
}
.imgDivProd .scrollProd a img.l {
float: right;
}
.imgDivProd .scrollProd a.sel img{
}
#gallProd {
position: relative;
height: 220px;
padding: 0px 6px 6px 6px;
box-sizing:border-box;
}
#gallProd>a{
display: block;
position: relative;
}

#gallProd img {
left: 0;
position: relative;
top: 0;
z-index: 0;
padding: 0px;
max-height: 100%;
max-width: 100%;
width: 100%;
}


#gallProd img.imgAbs{
position: absolute;
top:0px;
left: 0px;
z-index: 1;
display: none;
}

.navigDivProd a {
    display: inline-block;
    height: 14px;
    margin: 0 6px;
    width: 14px;
    background-color: #babec1;
    vertical-align: middle;
    transition: all 0.5s ease-out;
}
.divGalP{
   
}

.imgDivProd .scrollProd div.divGal {
display: none;
overflow: hidden;
}

.imgDivProd .scrollProd div.divGal.sel{
display: block;
}

/*
.imgDivProd .scrollProd div.divGal.sel{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; 
flex-wrap:nowrap;
-webkit-flex-wrap:nowrap;  
}
*/


.imgDivProd .scrollProd #divGal_0 {   
  
}
.navigDivProd{
    padding-top: 6px;
    text-align: center;
    transition: all 0.5s ease-out;
}
.navigDivProd .selNav{
    width: 20px;
    height: 20px;
    background-color: #cca35d;
}

.prodDescImg{
    overflow: hidden;
    padding-bottom: 70px;
}


.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;
}

.imgDivProd .scrollProd div.divGal.outScroll_l{
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutLeft {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

@keyframes slideOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
}

.imgDivProd .scrollProd div.divGal.inScroll_l{
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
display:block;
position: absolute;
top:0px;
width: 100%;
}

@-webkit-keyframes slideInRight {
0% {-webkit-transform: translateX(100%);transform: translateX(100%);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes slideInRight {
0% {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

.imgDivProd .scrollProd div.divGal.outScroll_r{
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}

@-webkit-keyframes slideOutRight {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {-webkit-transform: translateX(100%);transform: translateX(100%);}
}

@keyframes slideOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
}
.imgDivProd .scrollProd div.divGal.inScroll_r{
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
display:block;
  position: absolute;
  top:0px;
  width: 100%;
}
@-webkit-keyframes slideInLeft {
0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes slideInLeft {
0% {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}

@media screen and (max-width:1180px){
.imgDivProd {width: 375px !important;}
#gallProd {height: 296px !important;}	
}


@media screen and (max-width:850px){
.imgDivProd {width: 355px !important;}
#gallProd {height: 276px !important;}	
}
@media screen and (max-width:790px){
.inwestycjaP .inwestycja .imageProd {text-align: center;}
.imgDivProd {float: none;}
.imgDivProd {margin: 0px auto 25px auto;}
	
.inwestycjaP .inwestycja {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;	
}
	
.inwestycjaP .inwestycja .imageProd {
width: 100%;
order:1;
}
	
}