.animated-element {
  opacity: 0;
  transform: translateY(100px); /* Opcjonalnie dla animacji ruchu */
}

.roll-in-left {
	-webkit-animation: roll-in-left 2s ease-out both;
	        animation: roll-in-left 2s ease-out both;
}
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
    opacity: 1;
  }
}
.slide-in-left {
	-webkit-animation: slide-in-left 3s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-left 3s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
.slide-in-left-slower {
	-webkit-animation: slide-in-left 3.2s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-left 3.2s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
.slideinleft.animated {
	-webkit-animation: slide-in-left 1s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-left 1s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2s both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slide-in-bottom.animated  {
	-webkit-animation: slide-in-bottom 0.8s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-bottom 0.8s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
.slide-in-bottom1.animated  {
	-webkit-animation: slide-in-bottom 0.9s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-bottom 0.9s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
.slide-in-bottom2.animated  {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-bottom 1s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
.slide-in-bottom4.animated  {
	-webkit-animation: slide-in-bottom 3s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-bottom 3s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.slideinright.animated {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
	        animation: slide-in-right 0.5s cubic-bezier(1.000, 0.000, 0.000, 1.000) both;
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}