/*	animacje

przesun-lewo
przesun-prawo
odwroceniesie
pojawianie-wyostrzanie
pojawianie-wyostrzanie-box1
pojawianie-wyostrzanie-box2
pojawianie-wyostrzanie-box3
pojawianie-wyostrzanie-box4
pojawianiesie
przesundolgora - przesuwanie z góry na dół

*/

@-webkit-keyframes przesun-lewo {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes przesun-lewo {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}


.przesun-lewo {
	-webkit-animation: przesun-lewo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesun-lewo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



@-webkit-keyframes przesun-prawo {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes przesun-prawo {
  0% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}


.przesun-prawo {
	-webkit-animation: przesun-prawo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesun-prawo  3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



@-webkit-keyframes pojawianie-wyostrzanie {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes pojawianie-wyostrzanie  {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


.pojawianie-wyostrzanie {
	-webkit-animation: pojawianie-wyostrzanie  1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s both;
	        animation: pojawianie-wyostrzanie  1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0s both;
}



.pojawianie-wyostrzanie-box1{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
} 

.pojawianie-wyostrzanie-box2{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1s both;
} 


.pojawianie-wyostrzanie-box3{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.5s both;
} 



.pojawianie-wyostrzanie-box4{
	-webkit-animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both;
	        animation: pojawianie-wyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both;
} 


@-webkit-keyframes odwroceniesie {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes odwroceniesie {
  0% {
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}


.odwroceniesie {
	-webkit-animation: odwroceniesie 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: odwroceniesie 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@-webkit-keyframes pojawianiesie {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pojawianiesie {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



.pojawianiesie {
	-webkit-animation: pojawianiesie 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: pojawianiesie 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes .przesundolgora {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}





@keyframes przesundolgora {


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

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

}




.przesundolgora{
	-webkit-animation: przesundolgora 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesundolgora 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}