@keyframes slideInLeft {
    0% { opacity: 0; transform: translateX(-550px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInBottom {
    0% { opacity: 0; transform: translateY(550px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInRight {
    0% { opacity: 0; transform: translateX(550px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInTop {
    0% { opacity: 0; transform: translateY(-550px); } 
    100% { opacity: 1; transform: translateY(0); }
}

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

.page-1 h1,
.page-1 p { 
    opacity: 0;
    transform: none; 
}

.page-1.is-visible h1 {
    animation: slideInLeft 1s ease-out forwards;
}

.page-1.is-visible p:nth-of-type(1) {
    animation: slideInLeft 1s ease-out forwards;
    animation-delay: 0.5s;
}

.page-1.is-visible p:nth-of-type(2) {
    animation: slideInLeft 1s ease-out forwards;
    animation-delay: 0.7s;
}

.page-1.is-visible p:nth-of-type(3) {
    animation: slideInLeft 1s ease-out forwards;
    animation-delay: 1s;
}

.page-3 .speaker-card, .page-3 h1,
.page-7 .ideas, .page-7 h1  { 
    opacity: 0;
    transform: none; 
}

.page-3.is-visible h1 {
  animation: slideInTop 1.2s ease-out forwards;
}

.page-3.is-visible .speaker-card:nth-child(1) {
  animation: slideInLeft 1s ease-out forwards;
}

.page-3.is-visible .speaker-card:nth-child(2) {
  animation: slideInTop 1.2s ease-out forwards;
  animation-delay: 0.4s;
}

.page-3.is-visible .speaker-card:nth-child(3) {
  animation: slideInRight 1.5s ease-out forwards;
  animation-delay: 0.5s;
}

/* Animation for page 7 is-visible */

.page-7.is-visible h1 {
    animation: slideInLeft 0.5s ease-out forwards;
}

.page-7.is-visible .ideas:nth-child(1) {
    animation: slideInLeft 1s ease-out forwards;
}

.page-7.is-visible .ideas:nth-child(2) {
    animation: slideInLeft 0.7s ease-out forwards;
}

.page-7.is-visible .ideas:nth-child(3) {
    animation: slideInLeft 0.5s ease-out forwards;
}
.page-7.is-visible .ideas:nth-child(4) {
    animation: slideInLeft 1s ease-out forwards;
}

.page-7.is-visible .ideas:nth-child(5) {
    animation: slideInLeft 0.7s ease-out forwards;
}

.page-7.is-visible .ideas:nth-child(6) {
    animation: slideInLeft 0.5s  forwards;
}

.page-4 .map-container > * {
    opacity: 0;
}

.page-4.is-visible .map-container > * {
    animation: fadeIn 1.9s ease-out forwards;
}


.page-5 .registration-form h2,
.page-5 .registration-form .form-wrapper {
    opacity: 0;
}

.page-5.is-visible .registration-form h2 {
    animation: slideInBottom .8s ease-out forwards;
}

.page-5.is-visible .registration-form .form-wrapper {
    animation: slideInBottom .8s ease-out forwards;
}


/* Style for page-6 */
.page-6 .image-item, .page-6 h2 {
    opacity: 0;
}

.page-6.is-visible h2 {
    animation: fadeIn 1.9s ease-out forwards;;
}

.page-6.is-visible .image-item:nth-child(1) {
    animation: slideInLeft 1s ease-out forwards;
}

.page-6.is-visible .image-item:nth-child(2) {
    animation: slideInTop 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(3) {
    animation: slideInRight 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(4) {
    animation: slideInLeft 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(5) {
    animation: slideInLeft 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(6) {
    animation: slideInBottom 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(7) {
    animation: slideInBottom 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(8) {
    animation: slideInRight 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(9) {
    animation: slideInBottom 1s ease-out forwards;
}
.page-6.is-visible .image-item:nth-child(10) {
    animation: slideInRight 1s ease-out forwards;
}

.page-6.is-visible .image-item:nth-child(1) { animation-delay: 0.1s; }
.page-6.is-visible .image-item:nth-child(2) { animation-delay: 0.2s; }
.page-6.is-visible .image-item:nth-child(3) { animation-delay: 0.3s; }
.page-6.is-visible .image-item:nth-child(4) { animation-delay: 0.4s; }
.page-6.is-visible .image-item:nth-child(5) { animation-delay: 0.5s; }
.page-6.is-visible .image-item:nth-child(6) { animation-delay: 0.6s; }
.page-6.is-visible .image-item:nth-child(7) { animation-delay: 0.7s; }
.page-6.is-visible .image-item:nth-child(8) { animation-delay: 0.8s; }
.page-6.is-visible .image-item:nth-child(9) { animation-delay: 0.9s; }
.page-6.is-visible .image-item:nth-child(10) { animation-delay: 1.0s;}



/* --- Animation NO-VISIBLE --- */

@keyframes slideOutLeft { 
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(-550px); } 
}

@keyframes slideOutUp {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-550px); } 
}
@keyframes slideOutBottom { 
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(550px); } 
}

@keyframes slideOutRight {
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(550px); } 
}

/* Animation for delete */
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/* Animation for delete content page-3 no-visible */
.page-3.no-visible h1 {
  animation: slideOutUp 0.8s ease-out forwards; 
}

.page-3.no-visible .speaker-card:nth-child(1) {
  animation: slideOutLeft 0.8s ease-out forwards; 
}

.page-3.no-visible .speaker-card:nth-child(2) {
  animation: slideOutUp  0.8s ease-out forwards; 
}

.page-3.no-visible .speaker-card:nth-child(3) {
  animation: slideOutRight 0.8s ease-out forwards; 
}

.page-7.no-visible h2 {
    animation: slideOutRight 0.5s ease-out forwards;
}

.page-7.no-visible .ideas:nth-child(1) {
  animation: slideOutRight 0.5s ease-out forwards;
}

.page-7.no-visible .ideas:nth-child(2) {
  animation: slideOutRight 0.5s ease-out forwards;
}

.page-7.no-visible .ideas:nth-child(3) {
  animation: slideOutRight  0.5s ease-out forwards;
}
.page-7.no-visible .ideas:nth-child(4) {
  animation: slideOutRight 0.5s ease-out forwards;
}

.page-7.no-visible .ideas:nth-child(5) {
  animation: slideOutRight  0.5s ease-out forwards;
}

.page-7.no-visible .ideas:nth-child(6) {
  animation: slideOutRight 0.5s ease-out forwards;
}


.page-4.no-visible .map-container > * {
    animation: fadeOut 0.8s ease-out forwards;
}

.page-5.no-visible .registration-form h2 {
    animation: slideOutBottom 0.8s ease-out forwards;
}

.page-5.no-visible .registration-form .form-wrapper {
    animation: slideOutBottom 0.8s ease-out forwards; 
}

.page-6.no-visible h2 {
    animation: fadeOut .9s ease-out forwards;;
}

.page-6.no-visible .image-item:nth-child(1) {
    animation: slideOutLeft 0.7s ease-out forwards;
}

.page-6.no-visible .image-item:nth-child(2) {
    animation: slideOutUp 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(3) {
    animation: slideOutRight 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(4) {
    animation: slideOutLeft 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(5) {
    animation: slideOutLeft 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(6) {
    animation: slideOutBottom 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(7) {
    animation: slideOutBottom 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(8) {
    animation: slideOutRight 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(9) {
    animation: slideOutBottom 0.7s ease-out forwards;
}
.page-6.no-visible .image-item:nth-child(10) {
    animation: slideOutRight 0.7s ease-out forwards;
}

@media (max-width: 480px) { 

    /* Page 3 */

    .page-3.is-visible h1 {
        animation: slideInRight 0.5s ease-out forwards;
      }
      
      .page-3.is-visible .speaker-card:nth-child(1) {
        animation: slideInLeft 1s ease-out forwards;
      }
      
      .page-3.is-visible .speaker-card:nth-child(2) {
        animation: slideInRight 1s ease-out forwards;
      }
      
      .page-3.is-visible .speaker-card:nth-child(3) {
        animation: slideInLeft 1s ease-out forwards;
      }



    /* Page 3 no-visible*/
    .page-3.no-visible h1 {
        animation: slideOutRight 0.8s ease-out forwards; 
      }
      
      .page-3.no-visible .speaker-card:nth-child(1) {
        animation: slideOutLeft 0.8s ease-out forwards; 
      }
      
      .page-3.no-visible .speaker-card:nth-child(2) {
        animation: slideOutRight  0.8s ease-out forwards; 
      }
      
      .page-3.no-visible .speaker-card:nth-child(3) {
        animation: slideOutLeft 0.8s ease-out forwards; 
      }

    
    /* Page 7 */

    .page-7.is-visible h1 {
        animation: slideInLeft 0.5s ease-out forwards;
    }
    
    .page-7.is-visible .ideas:nth-child(1) {
        animation: slideInLeft 0.7s ease-out forwards;
    }
    
    .page-7.is-visible .ideas:nth-child(2) {
        animation: slideInLeft 0.7s ease-out forwards;
    }
    
    .page-7.is-visible .ideas:nth-child(3) {
        animation: slideInLeft 0.7s ease-out forwards;
    }
    .page-7.is-visible .ideas:nth-child(4) {
        animation: slideInLeft 0.7s ease-out forwards;
    }
    
    .page-7.is-visible .ideas:nth-child(5) {
        animation: slideInLeft 0.7s ease-out forwards;
    }
    
    .page-7.is-visible .ideas:nth-child(6) {
        animation: slideInLeft 0.7s ease-out  forwards;
    }





}