.bx-wrapper .bx-pager.bx-default-pager a , a.wiecej2 , ul#news li h3 , #button , .wp-pagenavi a
{transition: all 0.5s linear 0s;}

#mtop ul li a , #logo a img , ul#news li , .menu-btn , .pushy a
{transition: all 0.3s linear 0s;}

ul#kon li a img
{transition: all 0.1s linear 0s;}


#logo a:hover img  { transform: scale(0.9); }

.ngg-gallery-thumbnail-box span.dgall { transform: scale(0);}
.ngg-gallery-thumbnail-box:hover span.dgall  { transform: scale(1);}

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

.opiss h3
{font-family: 'Poppins', sans-serif; font-weight:400;}

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

#mtop ul li a , .opiss h2 , .tyt , a.wiecej2 , ul#news li h3
{font-family: 'Poppins', sans-serif; font-weight:700;}

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





.poka { animation: pok 0.5s ease-out;}

@keyframes pok { 
      0% { opacity: 0;}   
    100% { opacity: 1;}
}


#baner img.bg  { animation: bg 25s linear forwards 0s;}

@keyframes bg { 
	0% { transform: scale(3); filter: blur(14px); }
	2% { transform: scale(1.1); filter: blur(0px); }	
	10% { transform: scale(1);  }
	100% { transform: scale(1); }	
}





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

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
	filter: blur(4px);	
  }

  100% {
    opacity: 1;
	filter: blur(0px);	
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



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

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

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
  }

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

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

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

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


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


@media only screen and (max-width: 1500px)
{
#home { width:80%; padding:3% 10%;}
.bgnd-2 {width:80%; padding:3% 10%;}
}

@media only screen and (max-width: 1400px)
{
#logo img { width:auto !important; height:60px !important;}
#logo { margin-top:30px;}
#mtop ul li a { padding:0px 15px; }	
.opiss h2 { font-size:6vh; line-height:6vh;}
.opiss h3 { font-size:2.5vh; line-height:2.5vh;}
}

@media only screen and (max-width: 1300px)
{
#home { width:90%; padding:3% 5%;}
.bgnd-2 {width:90%; padding:3% 5%;}
ul#news li { width:45%; margin:0px 2% 2% 0px; }
ul#news li:nth-child(2n) { margin:0px 0px 2% 0px;}
.stronall { width:80%; padding:3% 10%;}
}

@media only screen and (max-width: 1200px)
{
#logo img { width:auto !important; height:50px !important;}
#logo { margin-top:35px;}
#mtop ul li a { font-size:14px; }
#info { width:80%; padding:3% 10%; }	

}

@media only screen and (max-width: 1100px)
{
ul#filmy li { width:100%; margin:0px 0px 2% 0px;}
ul#filmy li:nth-child(2n) { margin:0px 0px 2% 0px;}
.stronall { width:90%; padding:3% 5%;}
}

@media only screen and (max-width: 1000px)
{
#mtop { display:none;}	
.opiss h2 { font-size:5vh; line-height:5vh;}
.opiss h3 { font-size:2.5vh; line-height:2.5vh;}

.menu-btn{ position: absolute; right:5%; top:30px; }
.sticky .menu-btn { right:5%; }



}

@media only screen and (max-width: 900px)
{
#baner img.bg { width: auto !important; height: 500px !important; margin-left:-30%;  }
.podstrona #baner img.bg { width: auto !important; height: 300px !important; margin-left:-30%;  }

html { font-size:9px;}

}

@media only screen and (max-width: 700px)
{
#baner img.bg { margin-left:-50%;  }
ul#news li { width:90%; margin:0px 0px 5% 0px; padding:5%; }
ul#news li:nth-child(2n) , ul#news li:nth-child(4n) { margin:0px 0px 5% 0px;}

#home { width:90%; padding:5%;}
.bgnd-1 { width:90%; padding:5%;}
.bgnd-2 { width:90%; padding:5%;}
#newshome { width:90%; padding:5%;}
#info { width:90%; padding:5%;}
.stronall { width:90%; padding:5%;}
.txtall { width:90%; padding:5%;}
#inne { width:90%; padding:5%;}

#info ul { width:60%; margin:0px 20%;}
#info ul li { width:96%; margin:0px 0px 2% 0px; padding:3% 2%;}
#info ul li:nth-child(3) { margin:0px 0px 0px 0px;}


}

@media only screen and (max-width: 600px)
{
.opiss h2 { font-size:30px; line-height:30px;}
.opiss h3 { font-size:20px; line-height:20px;}

#baner img.bg { margin-left:-80%;  }
.podstrona #baner img.bg { margin-left:-80%;  }

}

@media only screen and (max-width: 500px)
{
a.wiecej2 { width:100%; left:0px; margin:50px 0px 0px 0px;}
}