/*	animacje

przesunlewo
przesunprawo
odwroceniesie
pojawianiewyostrzanie
pojawianiewyostrzaniebox1
pojawianiewyostrzaniebox2
pojawianiewyostrzaniebox3
pojawianiewyostrzaniebox4
pojawianiesie
przesundolgora


 data-view-class="slideup"


 data-view-class="odwroceniesie"


*/


.com-content-article__body{
  overflow-y: hidden;
}

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


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



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


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


p[data-view-class]{
  overflow: hidden;
  max-width: 100%;
}


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


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



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

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


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



.pojawianiewyostrzaniebox4{
	-webkit-animation: pojawianiewyostrzanie  0.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) 2s both;
	        animation: pojawianiewyostrzanie  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 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: odwroceniesie 0.5s 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 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: pojawianiesie 0.5s 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 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: przesundolgora 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}





@keyframes przesundolgora2 {

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

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

}


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







.slideup {
  opacity: 0;
  transform: translateY(80px);
  animation: slideUp 1s ease-out forwards;
}

.slideup.delay {
  animation-delay: 1s;
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }

}








.dynamiccolumn{
  perspective: 60rem;
}

.dynamiccolumn p{
  position: relative;
  overflow: hidden;
  contain: paint;
  max-width: 100%;
}

.dynamiccolumn p > span{
  display: block;
  opacity: 0;
  -webkit-transform: translateY(4rem) scale(.96);
  transform: translateY(4rem) scale(.96);
  -webkit-filter: blur(.4rem);
  filter: blur(.4rem);
  -webkit-animation: dynamicColumnItem .9s cubic-bezier(.22,1,.36,1) forwards;
  animation: dynamicColumnItem .9s cubic-bezier(.22,1,.36,1) forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, filter, opacity;
}

.dynamiccolumn p:nth-of-type(1) > span{
  animation-delay: .1s;
  -webkit-transform: translateY(5rem) translateX(-1rem) rotate(-2deg) scale(.95);
  transform: translateY(5rem) translateX(-1rem) rotate(-2deg) scale(.95);
}

.dynamiccolumn p:nth-of-type(2) > span{
  animation-delay: .25s;
  -webkit-transform: translateY(4rem) translateX(1rem) rotate(2deg) scale(.96);
  transform: translateY(4rem) translateX(1rem) rotate(2deg) scale(.96);
}

.dynamiccolumn p:nth-of-type(3) > span{
  animation-delay: .4s;
  -webkit-transform: translateY(5rem) translateX(-.6rem) rotate(-1deg) scale(.95);
  transform: translateY(5rem) translateX(-.6rem) rotate(-1deg) scale(.95);
}

.dynamiccolumn p:nth-of-type(4) > span{
  animation-delay: .55s;
  -webkit-transform: translateY(4rem) translateX(.6rem) rotate(1deg) scale(.96);
  transform: translateY(4rem) translateX(.6rem) rotate(1deg) scale(.96);
}

.dynamiccolumn p:nth-of-type(5) > span{
  animation-delay: .7s;
  -webkit-transform: translateY(5rem) translateX(-.4rem) rotate(-.6deg) scale(.95);
  transform: translateY(5rem) translateX(-.4rem) rotate(-.6deg) scale(.95);
}

.dynamiccolumn p:nth-of-type(6) > span{
  animation-delay: .85s;
  -webkit-transform: translateY(4rem) translateX(.4rem) rotate(.6deg) scale(.96);
  transform: translateY(4rem) translateX(.4rem) rotate(.6deg) scale(.96);
}

@-webkit-keyframes dynamicColumnItem{
  0%{
    opacity: 0;
    -webkit-filter: blur(.4rem);
    filter: blur(.4rem);
  }

  60%{
    opacity: 1;
    -webkit-transform: translateY(-.4rem) translateX(0) rotate(0) scale(1.02);
    transform: translateY(-.4rem) translateX(0) rotate(0) scale(1.02);
    -webkit-filter: blur(0);
    filter: blur(0);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0) rotate(0) scale(1);
    transform: translateY(0) translateX(0) rotate(0) scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes dynamicColumnItem{
  0%{
    opacity: 0;
    -webkit-filter: blur(.4rem);
    filter: blur(.4rem);
  }

  60%{
    opacity: 1;
    -webkit-transform: translateY(-.4rem) translateX(0) rotate(0) scale(1.02);
    transform: translateY(-.4rem) translateX(0) rotate(0) scale(1.02);
    -webkit-filter: blur(0);
    filter: blur(0);
  }

  100%{
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0) rotate(0) scale(1);
    transform: translateY(0) translateX(0) rotate(0) scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}