.div_content {
    padding-bottom: 45px;
    width: 1300px;
    margin: 0px auto;
}

.box_realizacje {
background-color: #ecf2f4;
position: relative;

}
.div_realizacje {
box-sizing: border-box;
max-width: 100%;
}
.ProduktyDetailParent{box-sizing:border-box;padding:30px 0px 60px 0px;width: 1212px;margin: 0px auto;max-width: 100%;}
.ProduktyDetailA{position:relative;text-align:center;transition:all 0.5s ease-out 0s;overflow:visible !important;}
.ProduktyDetailParent .titleProd{text-align:center;margin-bottom:70px;}
.ProduktyDetailParent .titleProd span{display:block;}
.ProduktyDetailParent .titleProd span.sp1{color:#3c474d;font-size:24px;margin-bottom:5px;}
.ProduktyDetailParent .titleProd span.sp2{color:#647883;font-size:15px;}
.ProduktyDetail{display:table;width:100%;height:100%;}
.ProduktyDetail>div{display:table-cell;height:100%;vertical-align:middle;text-align:center;box-sizing:border-box;}
.ProduktyDetail .imageFirst{padding:6px;width:40%;}
.ProduktyDetail .imageFirst img{max-width:100%;height:auto;}
.ProduktyDetail .imageFirst>span{display:table;height:100%;width:100%;}
.ProduktyDetail .imageFirst a{display:table-cell;height:100%;vertical-align:middle;text-align:center;box-sizing:border-box;padding:0px;border-radius:7px;overflow:hidden;background-color:#FFFFFF;}
.ProduktyDetail .imageLast{width:60%;}
.ProduktyDetail .imageLast .imageLast2{display:flex;flex-wrap:wrap;}
.ProduktyDetail .imageLast .product{box-sizing:border-box;display:inline-block;width:33.333%;padding:6px;}
.ProduktyDetail .imageLast .product .product2{display:table;height:100%;width:100%;}
.ProduktyDetail .imageLast .product a{background-color:#FFFFFF;display:table-cell;box-sizing:border-box;padding:0px;vertical-align:middle;text-align:center;border-radius:7px;overflow:hidden;}
.ProduktyDetail .imageLast .product a img{max-width:100%;height:auto;}
.ProduktyDetailA .offerOuter{display:none;}
.ProduktyDetailA .offerOuter.isVisible{display:block;}
.ProduktyDetailA .offerOuter:first-child{}
.ProduktyDetailA .offerOuter .imgOuter{display:inline-block;width:20%;box-sizing:border-box;padding:6px;vertical-align: middle;}
.ProduktyDetailA .offerOuter .imgOuter a{background-color:#FFFFFF;border-radius:7px;overflow:hidden;display:block;}
.ProduktyDetailA .offerOuter .imgOuter a img{max-width:100%;height:auto;}
.ProduktyDetailA .moreOffer{background-color:#6aba57;padding:9px 47px 9px 30px;color:#FFFFFF;font-size:15px;position:absolute;bottom:0px;display:inline-block;bottom:-64px;transition:all 1s ease-out 0s;z-index:1;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.ProduktyDetailA .moreOffer:after{content:"";position:absolute;width:8px;height:8px;right:20px;top:50%;margin-top:-4px;background:url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADRJREFUeNpi/P//PwMSAHEYYRwmBjyAMsn/OOT+M0EdgK4A7DCYscgK4C5GtpMRjWYACDAAOQ8KDUyKME0AAAAASUVORK5CYII=') 50% 50% no-repeat;transition:all 1s ease-out 0s;}
.ProduktyDetailA .moreOffer.aIsTop:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition:all 1s ease-out 0s;}
.ProduktyDetailA .outerAnim{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInTop;animation-name:slideInTop;display:block;}
.ProduktyDetailA .moreOffer.aIsRun{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-name:slideInTopA;animation-name:slideInTopA;}
@keyframes slideInTopA{0%{opacity:1;}
20%{opacity:0.5;}
100%{opacity:1;}
}
@-webkit-keyframes slideInTopA{0%{opacity:1;}
20%{opacity:0.5;}
100%{opacity:1;}
}
@keyframes slideInTop{0%{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
50%{opacity:0.2;}
100%{opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
}
@-webkit-keyframes slideInTop{0%{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
50%{opacity:0.2;}
100%{opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
}
.ProduktyDetailA .outerAnimOut{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideOutTop;animation-name:slideOutTop;display:block;}
@keyframes slideOutTop{0%{opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
50%{opacity:0.2;}
100%{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes slideOutTop{0%{opacity:1;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
50%{opacity:0.2;}
100%{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
}

/*----------------------------------------*/

.divOverlayImage .topImage{

}

.divOverlayImage .navig{
box-sizing:border-box;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
position: absolute;
top:10px;
right: 60px;
height: 45px;
}

.divOverlayImage .navig a{
background-image: none;
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;
color: #000;
display: inline-block;
float: right;
font-size: 17px;
height: 45px;
margin: 0px;
width: 45px;
display: block;
line-height: 45px;
text-align: center;
background-color: rgba(255,255,255,0.8);
}
.divOverlayImage .navig a:hover{

}


.divOverlayImage .navig .aResize{
margin-right: 5px;
}

.divOverlayImage .navig .aResizeHidden{
display: none;
}





.divOverlayImage .navig .aResize:before {
content: "\e140";
font-family: "Glyphicons Halflings";
}

.divOverlayImage .navig .aResize.resFull:before{
content: "\e097";
}


.divOverlayImage .navig .getImage{
font-size: 22px;
}
.divOverlayImage .navig .getImage:before{
content: "\e003";
font-family: "Glyphicons Halflings";
}

.divOverlayImage{
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity:1;

}

.divOverlayImageAdd{
display: none;

}

.modal-open-img{
overflow: hidden;
}
.imageGalleryParent{
width: 80%;
height: 85%;
position: absolute;
top:5%;
left:0px;
right: 0px;
bottom: 0px;
margin: 0px auto;
background-color: #FFFFFF;
z-index: 101;
padding-bottom: 3%;
border-radius:5px;
}

.imageGalleryParentAdd{
padding: 0px;
right: auto;
}

.imageGalleryParentAdd .imgAdd{
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out 0s;
image-rendering: optimizeSpeed;
background-origin: content-box;
}

.divOverlayImage .imgAnim{
transition: all 0.5s ease-in-out 0s;
width: 80% !important;
height: 90% !important;
top:5% !important;
left:10% !important;
bottom: 0% !important;
}
.divOverlayImage .imgAnim .imgAdd{
opacity:0;
}

.imageGallery{
box-sizing:border-box;
padding: 3% 3% 0 3%;
overflow: hidden;
height: 100%;

}

.imageGallery h1.main-title {
margin-bottom: 20px;
padding: 0px 0px 10px 0px;
color: #3c474d;
font-size: 24px;
text-transform: none;
}

.imageGallery h1.main-title:before {
display: none;
}

.imageGalleryParent .dscArray{
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;	
color: #000;
display: inline-block;
font-size: 17px;
height: 40px;
width: 40px;
line-height: 40px;
position: absolute;
bottom:6px;
background-color: #FFFFFF;
border-radius:50%;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
z-index: 102;
left:0px;
right: 0px;
margin: 0px auto;
display: none;
}

.imageGalleryParent .dscArray.rotateArr{
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.5s ease-in-out 0s;
}

.imageGalleryParent .dscArray.isVisible{
display: inline-block;
}

.imageGalleryParent .dscArray:before {
  content: "\e094";
   font-family: "Glyphicons Halflings";
}

.imageGalleryParent .dscArray:hover{
box-shadow:none;
}

.loadImg .imageGallery{
background: url('../images/2.gif') 50% 50% no-repeat;
}

.imageGalleryDesc{
max-width: 100%;
width: 100%;
position:relative;
height:100%;
overflow: auto;
}

.imageGalleryDesc .contentImg{
width: 100%;
max-width: 100%;
}

.divOverlayImage .closeImg{
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;	
color: #000;
display: inline-block;
float: right;
font-size: 17px;
height: 45px;
width: 45px;
line-height: 45px;
position: absolute;
top:10px;
right: 10px;
z-index: 102;
background-color: rgba(255,255,255,0.8);
}

.loadImg .closeImg{
opacity:0;
transition: all 0.2s ease-in-out 0s;
}



.divOverlayImage .closeImg:before {
  content: "\e014";
   font-family: "Glyphicons Halflings";
}
.divOverlayImage .closeImg:hover{
box-shadow:none;
}

.imageGalleryDesc .imageDetail{
text-align: center;
box-sizing:border-box;
padding: 0px 0px 0px 0px;
}
.imageGalleryDesc .imageDetail img{
max-width: 100%;
height: auto;
}


.imageGalleryDesc  .imageDetRes{
position: relative;
overflow: hidden;
}

.divOverlayImage .zoom img{
cursor: move;
}

.imageGalleryDesc .imageDetail img.resImg{
position: relative;
}


.dscContent{
padding:50px 0px 80px 0px;
font-size: 16px;
line-height: 1.7em;
}


@media screen and (max-width:1130px){
.imageGalleryParent{width: 90%;}
}
@media screen and (max-width:768px){
.imageGalleryParent{width: 95%;height: 95%;top:2%;}
}

.divOverlayImage .prevImg,.divOverlayImage .nextImg{
transition: all 0.5s ease-in-out 0.5s;
display: inline-block;
position: absolute;
height: 100px;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
z-index: 102;
color:#FFFFFF;
font-size: 17px;
text-align: center;
top:50%;
margin-top: -75px;
line-height: 100px;
}




.divOverlayImage .prevImg .spThumb,.divOverlayImage .nextImg .spThumb{
display: inline-block;
vertical-align: top;
position: relative;
top:0px;
transition: all 0.5s ease-in-out 0s;
z-index: 0;
}

.divOverlayImage .prevImg:hover .spThumb{
margin-left: 0px;
}
.divOverlayImage .nextImg:hover .spThumb{
margin-right: 0px;
}


.divOverlayImage .prevImg{
left: -100px;
}
.divOverlayImage .nextImg{
right: -100px;
}

.divOverlayImage .prevImg:hover,.divOverlayImage .nextImg:hover{
box-shadow:none;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.divOverlayImage .prevImg:hover{
left:0px;
}
.divOverlayImage .nextImg:hover{
right: 0px;
}

.divOverlayImage .prevImg .arrow,.divOverlayImage .nextImg .arrow{
display: inline-block;
width: 45px;
vertical-align: top;
height: 100%;
z-index: 1;
position: relative;
background-color: rgba(0,0,0,0.5);
transition: all 0.5s ease-in-out 0.5s;
}




.divOverlayImage .nextImg .arrow:before{
	content: "\e258";
  font-family: "Glyphicons Halflings";

}
.divOverlayImage .prevImg .arrow:before{
content: "\e257";
  font-family: "Glyphicons Halflings";
}
.divOverlayImage .prevImg:hover .arrow,.divOverlayImage .nextImg:hover .arrow{
background-color: rgba(0,0,0,1);
width: 90px;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.divOverlayImage .prevImg:hover .arrow{

}
.divOverlayImage .nextImg:hover .arrow{

}


.divOverlayImage .dcsThumb{
position: absolute;
line-height: 1;
display: block;
width: 100%;
background-color: rgba(0,0,0,1);
font-size: 14px;
box-sizing:border-box;
visibility: visible;
overflow: hidden;
height: 0px;
transition: all 0.5s ease-in-out 0s;
line-height: 1.4em;
text-align: right;
}
.divOverlayImage .prevImg .dcsThumb span{
text-align: left;
padding: 10px 15px 0px 5px; 
}
.divOverlayImage .nextImg .dcsThumb span{
text-align: right;
padding: 10px 5px 0px 15px; 
}

.divOverlayImage .dcsThumb span{
display: block;
padding: 10px;
height: 41px;
overflow: hidden;
}

.divOverlayImage .prevImg .dcsThumb{
left: 0px;
}
.divOverlayImage .nextImg .dcsThumb{
right: 0px;
}

.divOverlayImage a:hover .dcsThumb{
height: 64px;
padding-bottom: 5px;
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.imageGalleryParent .thumbImg{
position: absolute;
top:100%;
left: 0px;
width: 200px;
height: 150px;
background-color: #FFFFFF;
padding: 10px;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
background: #FFFFFF url('../images/loader_2.gif') 50% 50% no-repeat;
transition: all 0.5s ease-in-out 0s;


}
.imageGalleryParent .nextImg .thumbImg{
left: auto;
right: 0px;
display: block;
}
.imageGalleryParent .nextImg .thumbImg img,.imageGalleryParent .prevImg .thumbImg img{
max-width: 100%;
height: auto;
}