.gallery-item-bloks
{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -10px; 
}

.gallery-item-blok
{
width:calc(25% - 20px);
margin:10px 10px;
display: block;
cursor:pointer;
}

.gallery-item-blok-ob
{
width:100%;
height:260px;
overflow:hidden;
border-radius:4px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(22, 22, 23, 0.24);
-moz-box-shadow:    0px 0px 9px 0px rgba(22, 22, 23, 0.24);
box-shadow:         0px 0px 9px 0px rgba(22, 22, 23, 0.24);
position:relative;
}

.gallery-item-blok-ob-img
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.gallery-item-blok-ob-img::before
{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#0057a8;
opacity:0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.gallery-item-blok-ob:hover .gallery-item-blok-ob-img::before
{
opacity:0.5;
}

.gallery-item-blok-ob-img img
{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}


.okno-realizacje
{
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  z-index:9999999;
  display:none;
}

.okno-realizacje-zaw
{
  position:absolute;
  top:5%;
  left:10%;
  width:70%;
  height:90%;
  padding:0px 5%;
  text-align:center;
    
}




.okno-realizacje-zaw img
{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  position: relative;
  top:50%;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);

}

.okno-realizacje-load
{
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-25px;
    margin-top:-25px;
    border: 2px solid white; /* Light grey */
    border-top: 2px solid transparent; 
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display:none;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.okno-realizacje-zam
{
  position: absolute;
  top:50px;
  right:50px;
  width:50px;
  height:50px;
  cursor:pointer;

}

.okno-realizacje-zam::before
{
  position:absolute;
  content:'';
  top:20px;
  left:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.okno-realizacje-zam::after
{
  position:absolute;
  content:'';
  top:20px;
  left:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.okno-realizacje-logo
{
  position: absolute;
  top:50px;
  left:50px;
  
}

.okno-realizacje-logo img
{
  width:100px;
  height:auto;
  
}

.okno-realizacje-lewo
{
  position: absolute;
  left:50px;
  bottom:50%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}

.okno-realizacje-lewo::before
{
  position:absolute;
  content:'';
  top:17px;
  left:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);

}


.okno-realizacje-lewo::after
{
  position:absolute;
  content:'';
  top:51px;
  left:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



.okno-realizacje-prawo
{
  position: absolute;
  right:50px;
  bottom:50%;
  margin-bottom:-50px;
  width:50px;
  height:100px;
  cursor:pointer;

}

.okno-realizacje-prawo::before
{
  position:absolute;
  content:'';
  top:17px;
  right:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}


.okno-realizacje-prawo::after
{
  position:absolute;
  content:'';
  top:51px;
  right:0px;
  width:50px;
  height:2px;
  background:#c3c3c3;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



.odstemp-realizacje
{
width:100%;
height:246px;
background:url('../grafika/tlo-realizacje.png') no-repeat bottom center;
display:none;
margin-bottom:-246px;
}

.stopka-gora-nag
{
padding:70px 30px;
text-align:center;
line-height:normal;
font-weight:900;
font-size:47px;
color:#414141;
margin:0px 0px 40px 0px;
border:1px solid #bfbfbf;
width: 410px;  
}