#szentiras_:hover {
	animation: rotate-center 0.6s ease-in-out both;
}

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

.szentiras {
	animation: scale-in-center 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}


#szentharomsag_:hover {
	animation: flip-horizontal-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes flip-horizontal-bottom {
  0% {
    transform: rotateX(0);
  }
  50% {
    transform: rotateX(-180deg);
  }
  100% {
    transform: rotateX(0);
  }
}

.szentharomsag {
	animation: rotate-in-ver 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-ver {
  0% {
    transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;
  }
}


#atya-isten_:hover {
	animation: rotate-in-diag 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-diag {
  0% {
    transform: rotate3d(1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

.atya-isten {
	animation: rotate-in-fwd-cw 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-fwd-cw {
  0% {
    transform: translateZ(-200px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}


#fiu_:hover {
	animation: vibrate 0.3s linear infinite both;
}

@keyframes vibrate {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}

.fiu {
	animation: swirl-in-bck 0.9s ease-out both;
}

@keyframes swirl-in-bck {
  0% {
    transform: rotate(540deg) scale(5);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}


#szentlelek_:hover {
	animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes shake-bottom {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%;
  }
  10% {
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
}

.szentlelek {
	animation: flip-in-hor-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes flip-in-hor-top {
  0% {
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}


#teremtes_:hover {
	animation: jello-vertical 0.9s both;
}

@keyframes jello-vertical {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

.teremtes {
	animation: slit-in-horizontal 0.9s ease-out both;
}

@keyframes slit-in-horizontal {
  0% {
    transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateX(0);
  }
}


#ember-termeszete_:hover {
	animation: wobble-hor-top 0.8s both;
}

@keyframes wobble-hor-top {
  0%,
  100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(6deg);
  }
  30% {
    transform: translateX(15px) rotate(-6deg);
  }
  45% {
    transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(1.2deg);
  }
}

.ember-termeszete {
	animation: slit-in-diagonal 0.9s ease-out both;
}

@keyframes slit-in-diagonal {
  0% {
    transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotate3d(1, 1, 0, 0);
    animation-timing-function: ease-out;
  }
}


#nagy-kuzdelem_:hover {
	animation: heartbeat 1.5s ease-in-out infinite both;
}

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

.nagy-kuzdelem {
	animation: slide-in-tl 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

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


#Krisztus-elete-halala-feltamadasa_:hover {
	animation: blink 0.9s both;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.Krisztus-elete-halala-feltamadasa {
	animation: slide-in-fwd-br 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-fwd-br {
  0% {
    transform: translateZ(-1400px) translateY(800px) translateX(1000px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}


#megvaltas-elmenye_:hover {
	animation: rotate-tl 0.9s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes rotate-tl {
  0% {
    transform: rotate(0);
    transform-origin: top left;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: top left;
  }
}

.megvaltas-elmenye {
	animation: slide-in-bck-tr 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bck-tr {
  0% {
    transform: translateZ(700px) translateY(-300px) translateX(400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}


#novekedes-Krisztusban_:hover{
	animation: flip-2-hor-bottom 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes flip-2-hor-bottom {
  0% {
    transform: translateY(0) rotateX(0);
    transform-origin: 50% 100%;
  }
  100% {
    transform: translateY(100%) rotateX(180deg);
    transform-origin: 50% 0%;
  }
}

.novekedes-Krisztusban {
	animation: roll-in-right 0.6s ease-out both;
}

@keyframes roll-in-right {
  0% {
    transform: translateX(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}


#egyhaz_:hover {
	animation: flip-scale-down-diag 0.5s linear both;
}

@keyframes flip-scale-down-diag {
  0% {
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    transform: scale(0.4) rotate3d(1, 1, 0, -90deg);
  }
  100% {
    transform: scale(1) rotate3d(1, 1, 0, -180deg);
  }
}

.egyhaz {
	animation: tilt-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes tilt-in-bottom {
  0% {
    transform: rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}


#maradek-kuldetese_:hover {
	animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@keyframes pulsate-fwd {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.maradek-kuldetese {
	animation: tilt-in-fwd-tl 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes tilt-in-fwd-tl {
  0% {
    transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}


#Krisztus-testenek-egysege_:hover {
	animation: flip-scale-ver-right 0.5s linear both;
}

@keyframes flip-scale-ver-right {
  0% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: 100% 50%;
  }
  50% {
    transform: translateX(50%) rotateY(-90deg) scale(2);
    transform-origin: 50% 50%;
  }
  100% {
    transform: translateX(100%) rotateY(-180deg) scale(1);
    transform-origin: 0% 50%;
  }
}

.Krisztus-testenek-egysege {
	animation: scale-in-ver-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes scale-in-ver-top {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}


#keresztseg_:hover {
	animation: shake-bl 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes shake-bl {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 0 100%;
  }
  10% {
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    transform: rotate(4deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
}

.keresztseg {
	animation: rotate-in-diag 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-diag {
  0% {
    transform: rotate3d(-1, 1, 0, -360deg);
    opacity: 0;
  }
  100% {
    transform: rotate3d(-1, 1, 0, 0deg);
    opacity: 1;
  }
}


#urvacsora_:hover {
	animation: jello-diagonal 0.8s both;
}

@keyframes jello-diagonal {
  0% {
    transform: skew(0deg 0deg);
  }
  30% {
    transform: skew(25deg 25deg);
  }
  40% {
    transform: skew(-15deg, -15deg);
  }
  50% {
    transform: skew(15deg, 15deg);
  }
  65% {
    transform: skew(-5deg, -5deg);
  }
  75% {
    transform: skew(5deg, 5deg);
  }
  100% {
    transform: skew(0deg 0deg);
  }
}

.urvacsora {
	animation: rotate-in-bck-cw 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes rotate-in-bck-cw {
  0% {
    transform: translateZ(200px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}


#lelki-ajandekok-szolgalatok_:hover {
	animation: wobble-ver-right 0.8s both;
}

@keyframes wobble-ver-right {
  0%,
  100% {
    transform: translateY(0) rotate(0);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateY(-30px) rotate(6deg);
  }
  30% {
    transform: translateY(15px) rotate(-6deg);
  }
  45% {
    transform: translateY(-15px) rotate(3.6deg);
  }
  60% {
    transform: translateY(9px) rotate(-2.4deg);
  }
  75% {
    transform: translateY(-6px) rotate(1.2deg);
  }
}

.lelki-ajandekok-szolgalatok {
	animation: swirl-in-fwd 0.9s ease-out both;
}

@keyframes swirl-in-fwd {
  0% {
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}


#profetasag-ajandeka_:hover {
	animation: bounce-bottom 0.9s both;
}

@keyframes bounce-bottom {
  0% {
    transform: translateY(45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

.profetasag-ajandeka {
	animation: flip-in-ver-right 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes flip-in-ver-right {
  0% {
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0);
    opacity: 1;
  }
}


#Isten-torvenye_:hover {
	animation: rotate-vert-right 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000) both;
}

@keyframes rotate-vert-right {
  0% {
    transform: rotateY(0);
    transform-origin: right;
  }
  100% {
    transform: rotateY(-360deg);
    transform-origin: right;
  }
}

.Isten-torvenye {
	animation: slit-in-vertical 0.45s ease-out both;
}

@keyframes slit-in-vertical {
  0% {
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateY(0);
  }
}


#szombat_:hover {
	animation: rotate-scale-down-diag 0.7s linear both;
}

@keyframes rotate-scale-down-diag {
  0% {
    transform: scale(1) rotate3d(1, 1, 0, 0deg);
  }
  50% {
    transform: scale(0.5) rotate3d(1, 1, 0, -180deg);
  }
  100% {
    transform: scale(1) rotate3d(1, 1, 0, -360deg);
  }
}

.szombat {
	animation: slide-in-br 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

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


#safarsag_:hover {
	animation: flip-vertical-bck 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes flip-vertical-bck {
  0% {
    transform: translateZ(0) rotateY(0);
  }
  100% {
    transform: translateZ(-260px) rotateY(-180deg);
  }
}

.safarsag {
	animation: slide-in-fwd-tl 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-fwd-tl {
  0% {
    transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}


#kereszteny-magatartas_:hover {
	animation: flip-2-ver-left 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes flip-2-ver-left {
  0% {
    transform: translateX(0) rotateY(0);
    transform-origin: 0% 50%;
  }
  100% {
    transform: translateX(-100%) rotateY(180deg);
    transform-origin: 100% 0%;
  }
}

.kereszteny-magatartas {
	animation: slide-in-bck-bl 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-bck-bl {
  0% {
    transform: translateZ(700px) translateY(300px) translateX(-400px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}


#hazassag-csalad_:hover {
	animation: flip-scale-up-hor 0.5s linear both;
}

@keyframes flip-scale-up-hor {
  0% {
    transform: scale(1) rotateX(0);
  }
  50% {
    transform: scale(2.5) rotateX(-90deg);
  }
  100% {
    transform: scale(1) rotateX(-180deg);
  }
}

.hazassag-csalad {
	animation: slide-in-elliptic-top-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-elliptic-top-fwd {
  0% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }
}



#Krisztus-szolgalata_:hover {
	animation: flip-scale-2-ver-left 0.5s linear both;
}

@keyframes flip-scale-2-ver-left {
  0% {
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: 0% 50%;
  }
  50% {
    transform: translateX(-50%) rotateY(90deg) scale(2);
    transform-origin: 50% 50%;
  }
  100% {
    transform: translateX(-100%) rotateY(180deg) scale(1);
    transform-origin: 100% 50%;
  }
}

.Krisztus-szolgalata {
	animation: slide-in-elliptic-bottom-bck 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-in-elliptic-bottom-bck {
  0% {
    transform: translateY(600px) rotateX(-30deg) scale(6.5);
    transform-origin: 50% -100%;
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 500px;
    opacity: 1;
  }
}


#Krisztus-eljovetele_:hover {
	animation: vibrate-2 0.3s linear infinite both;
}

@keyframes vibrate-2 {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(2px, -2px);
  }
  40% {
    transform: translate(2px, 2px);
  }
  60% {
    transform: translate(-2px, 2px);
  }
  80% {
    transform: translate(-2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}

.Krisztus-eljovetele {
	animation: bounce-in-top 1.1s both;
}

@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}


#halal-feltamadas_:hover {
	animation: flicker 4s linear infinite both;
}

@keyframes flicker {
  0%,
  100% {
    opacity: 1;
  }
  31.98% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  32.8% {
    opacity: 0;
  }
  32.82% {
    opacity: 1;
  }
  34.98% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  35.7% {
    opacity: 0;
  }
  35.72% {
    opacity: 1;
  }
  36.98% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  37.6% {
    opacity: 0;
  }
  37.62% {
    opacity: 1;
  }
  67.98% {
    opacity: 1;
  }
  68% {
    opacity: 0;
  }
  68.4% {
    opacity: 0;
  }
  68.42% {
    opacity: 1;
  }
  95.98% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  96.7% {
    opacity: 0;
  }
  96.72% {
    opacity: 1;
  }
  98.98% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  99.6% {
    opacity: 0;
  }
  99.62% {
    opacity: 1;
  }
}

.halal-feltamadas {
	animation: roll-in-bottom 0.9s ease-out both;
}

@keyframes roll-in-bottom {
  0% {
    transform: translateY(800px) rotate(540deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}


#millenium_:hover {
	animation: rotate-diagonal-br 0.8s linear both;
}

@keyframes rotate-diagonal-br {
  0% {
    transform: rotate3d(-1, 1, 0, 0deg);
    transform-origin: 100% 100%;
  }
  50% {
    transform: rotate3d(-1, 1, 0, -180deg);
    transform-origin: 100% 100%;
  }
  100% {
    transform: rotate3d(-1, 1, 0, -360deg);
    transform-origin: 100% 100%;
  }
}

.millenium {
	animation: tilt-in-tr 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes tilt-in-tr {
  0% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}


#uj-fold_:hover {
	animation: rotate-hor-center 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@keyframes rotate-hor-center {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(-360deg);
  }
}

.uj-fold {
	animation: swing-in-top-fwd 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}



.szentiras .animacio, .szentiras.mfp-bg,
.szentharomsag .animacio, .szentharomsag.mfp-bg,
.atya-isten .animacio, .atya-isten.mfp-bg,
.fiu .animacio, .fiu.mfp-bg,
.szentlelek .animacio, .szentlelek.mfp-bg,
.teremtes .animacio, .teremtes.mfp-bg,
.ember-termeszete .animacio, .ember-termeszete.mfp-bg,
.nagy-kuzdelem .animacio, .nagy-kuzdelem.mfp-bg,
.Krisztus-elete-halala-feltamadasa .animacio, .Krisztus-elete-halala-feltamadasa.mfp-bg,
.megvaltas-elmenye .animacio, .megvaltas-elmenye.mfp-bg,
.novekedes-Krisztusban .animacio, .novekedes-Krisztusban.mfp-bg,
.egyhaz .animacio, .egyhaz.mfp-bg,
.maradek-kuldetese .animacio, .maradek-kuldetese.mfp-bg,
.Krisztus-testenek-egysege .animacio, .Krisztus-testenek-egysege.mfp-bg,
.keresztseg .animacio, .keresztseg.mfp-bg,
.urvacsora .animacio, .urvacsora.mfp-bg,
.lelki-ajandekok-szolgalatok .animacio, .lelki-ajandekok-szolgalatok.mfp-bg,
.profetasag-ajandeka .animacio, .profetasag-ajandeka.mfp-bg,
.Isten-torvenye .animacio, .Isten-torvenye.mfp-bg,
.szombat .animacio, .szombat.mfp-bg,
.safarsag .animacio, .safarsag.mfp-bg,
.kereszteny-magatartas .animacio, .kereszteny-magatartas.mfp-bg,
.hazassag-csalad .animacio, .hazassag-csalad.mfp-bg,
.Krisztus-szolgalata .animacio, .Krisztus-szolgalata.mfp-bg,
.Krisztus-eljovetele .animacio, .Krisztus-eljovetele.mfp-bg,
.halal-feltamadas .animacio, .halal-feltamadas.mfp-bg,
.millenium .animacio, .millenium.mfp-bg,
.uj-fold .animacio, .uj-fold.mfp-bg {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.szentiras.mfp-ready .animacio,
.szentharomsag.mfp-ready .animacio,
.atya-isten.mfp-ready .animacio,
.fiu.mfp-ready .animacio,
.szentlelek.mfp-ready .animacio,
.teremtes.mfp-ready .animacio,
.ember-termeszete.mfp-ready .animacio,
.nagy-kuzdelem.mfp-ready .animacio,
.Krisztus-elete-halala-feltamadasa.mfp-ready .animacio,
.megvaltas-elmenye.mfp-ready .animacio,
.novekedes-Krisztusban.mfp-ready .animacio,
.egyhaz.mfp-ready .animacio,
.maradek-kuldetese.mfp-ready .animacio,
.Krisztus-testenek-egysege.mfp-ready .animacio,
.keresztseg.mfp-ready .animacio,
.urvacsora.mfp-ready .animacio,
.lelki-ajandekok-szolgalatok.mfp-ready .animacio,
.profetasag-ajandeka.mfp-ready .animacio,
.Isten-torvenye.mfp-ready .animacio,
.szombat.mfp-ready .animacio,
.safarsag.mfp-ready .animacio,
.kereszteny-magatartas.mfp-ready .animacio,
.hazassag-csalad.mfp-ready .animacio,
.Krisztus-szolgalata.mfp-ready .animacio,
.Krisztus-eljovetele.mfp-ready .animacio,
.halal-feltamadas.mfp-ready .animacio,
.millenium.mfp-ready .animacio,
.uj-fold.mfp-ready .animacio {
  opacity: 1;
}
.szentiras.mfp-ready.mfp-bg,
.szentharomsag.mfp-ready.mfp-bg,
.atya-isten.mfp-ready.mfp-bg,
.fiu.mfp-ready.mfp-bg,
.szentlelek.mfp-ready.mfp-bg,
.teremtes.mfp-ready.mfp-bg,
.ember-termeszete.mfp-ready.mfp-bg,
.nagy-kuzdelem.mfp-ready.mfp-bg,
.Krisztus-elete-halala-feltamadasa.mfp-ready.mfp-bg,
.megvaltas-elmenye.mfp-ready.mfp-bg,
.novekedes-Krisztusban.mfp-ready.mfp-bg,
.egyhaz.mfp-ready.mfp-bg,
.maradek-kuldetese.mfp-ready.mfp-bg,
.Krisztus-testenek-egysege.mfp-ready.mfp-bg,
.keresztseg.mfp-ready.mfp-bg,
.urvacsora.mfp-ready.mfp-bg,
.lelki-ajandekok-szolgalatok.mfp-ready.mfp-bg,
.profetasag-ajandeka.mfp-ready.mfp-bg,
.Isten-torvenye.mfp-ready.mfp-bg,
.szombat.mfp-ready.mfp-bg,
.safarsag.mfp-ready.mfp-bg,
.kereszteny-magatartas.mfp-ready.mfp-bg,
.hazassag-csalad.mfp-ready.mfp-bg,
.Krisztus-szolgalata.mfp-ready.mfp-bg,
.Krisztus-eljovetele.mfp-ready.mfp-bg,
.halal-feltamadas.mfp-ready.mfp-bg,
.millenium.mfp-ready.mfp-bg,
.uj-fold.mfp-ready.mfp-bg {
  opacity: 0.3;
}
.szentiras.mfp-removing.mfp-bg,
.szentharomsag.mfp-removing.mfp-bg,
.atya-isten.mfp-removing.mfp-bg,
.fiu.mfp-removing.mfp-bg,
.szentlelek.mfp-removing.mfp-bg,
.teremtes.mfp-removing.mfp-bg,
.ember-termeszete.mfp-removing.mfp-bg,
.nagy-kuzdelem.mfp-removing.mfp-bg,
.Krisztus-elete-halala-feltamadasa.mfp-removing.mfp-bg,
.megvaltas-elmenye.mfp-removing.mfp-bg,
.novekedes-Krisztusban.mfp-removing.mfp-bg,
.egyhaz.mfp-removing.mfp-bg,
.maradek-kuldetese.mfp-removing.mfp-bg,
.Krisztus-testenek-egysege.mfp-removing.mfp-bg,
.keresztseg.mfp-removing.mfp-bg,
.urvacsora.mfp-removing.mfp-bg,
.lelki-ajandekok-szolgalatok.mfp-removing.mfp-bg,
.profetasag-ajandeka.mfp-removing.mfp-bg,
.Isten-torvenye.mfp-removing.mfp-bg,
.szombat.mfp-removing.mfp-bg,
.safarsag.mfp-removing.mfp-bg,
.kereszteny-magatartas.mfp-removing.mfp-bg,
.hazassag-csalad.mfp-removing.mfp-bg,
.Krisztus-szolgalata.mfp-removing.mfp-bg,
.Krisztus-eljovetele.mfp-removing.mfp-bg,
.halal-feltamadas.mfp-removing.mfp-bg,
.millenium.mfp-removing.mfp-bg,
.uj-fold.mfp-removing.mfp-bg {
  opacity: 0;
}