/* ------------------ */
/* ANIMATION */
.animate {
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: .1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-moz-animation-name: fadeIn;
-moz-animation-duration: 1s;
-moz-animation-fill-mode: both;
-moz-animation-delay: .1s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-ms-animation-name: fadeIn;
-ms-animation-duration: 1s;
-ms-animation-fill-mode: both;
-ms-animation-delay: .1s;
-ms-animation-iteration-count: 1;
-ms-animation-timing-function: ease;
animation-name: fadeIn;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: .1s;
animation-iteration-count: 1;
animation-timing-function: ease;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
    }
100% {
opacity: 1;
    }
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
    }
100% {
opacity: 1;
    }
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
    }
100% {
opacity: 1;
    }
}
@keyframes fadeIn {
0% {
opacity: 0;
    }
100% {
opacity: 1;
    }
}



.illu {
	top: 0;
	left: 0;
	transform: translateX(-120%) translateY(-120%) rotateZ(0);
	position: fixed;
	z-index: 100000001;
  height:50vh;
  cursor: default;
  animation-delay: 120s!important; /* NORM 35S */
}

.illu-ani-1  {
animation: illu-ani-1move 160s linear infinite;
}

.illu-ani-2  {
animation: illu-ani-2move 160s linear infinite;
}

.illu-ani-3  {
animation: illu-ani-3move 160s linear infinite;
}

.illu img {
  height:50vh;
}


@keyframes illu-ani-1move {
0% {
  display: block;
	transform: translateX(-200%) translateY(100vh) rotateZ(0deg)
	}

	10% {
		transform: translateX(100vw) translateY(-200%) rotateZ(180deg)
	}
}


@keyframes illu-ani-2move {
	33.33% {
    display: block;
    transform: translateX(100vw) translateY(-200%) rotateZ(180deg)
     }


	43.33% {
    transform: translateX(-200%) translateY(100vh) rotateZ(0deg)

	}
}
  

  @keyframes illu-ani-3move {
	66.66% {
  display: block;
		transform: translateX(20vw) translateY(-200%) rotateZ(180deg)
	}


	76.66%,100% {
		transform: translateX(10vw) translateY(100vh) rotateZ(0deg);

	}

}

.paused{
  -webkit-animation-play-state:paused!important;
  -moz-animation-play-state:paused!important;
  -o-animation-play-state:paused!important;
  animation-play-state:paused!important;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}