@charset "utf-8";
/* CSS Document */

@keyframes slideInFromTop {
  0% {
    transform: translatey(-100%);
  }
  100% {
    transform: translatey(0);
  }
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}


@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}


@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}


@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.left1in3 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation-delay: 4s;
	animation: 3s ease-out 0s 1 FadeIn;
  
}
.right1in3 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation-delay: 4s;
	animation: 3s ease-out 0s 1 FadeIn;
  
}

.container1 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation-delay: 4s;
	animation: 2s ease-out 0s 1 FadeIn;
  
}
.Nav {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 3s ease-out 0s 1 slideInFromBottom;
  
}
.header {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromTop;
    
}

.left1 {  
  /* This section calls the slideInFromLeft animation we defined above */
   animation: fadein 5s;
  
}

.right1in {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 3s ease-out 0s 1 slideInFromRight;
  
}
.left1in2 {  
   /* This section calls the slideInFromLeft animation we defined above */
  animation: fadein 5s;
  
}

.right1 {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: fadein 5s;
  
}
.left1in {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 3s ease-out 0s 1 slideInFromLeft;
  
}
.right1in2 {     /* This section calls the slideInFromLeft animation we defined above */
  animation: fadein 5s;   
 
}

.footer {  
  /* This section calls the slideInFromLeft animation we defined above */
	animation-delay: 4s;
  animation: 1s ease-out 0s 1 slideInFromBottom;
  
}

.nav {
  animation: fadein 5s;
}