path[id], g[id] {
    opacity: 0;
    scale: 0.75;
    animation: fadeIn 0.1s forwards;
    transform-origin: bottom;
}
#it-deskt {
	opacity: 1;
	scale: 1;
	animation: none !important;
}
#el-8 {
    opacity: 1;
    scale: 1;
    transform: translate(3000px,-3000px);
    animation: flyIn .25s forwards; 
}
#it-desktop #el-4 {
	animation-delay: 0.90;
}
#it-desktop #el-4,
#el-5 {
	transform: translateY(-200px);
	animation-name: fadeInD !important;
	transform-origin: top !important;
}
#el-7 {
	transform: translateX(30px);
	animation-name: fadeInR !important;
	transform-origin: right !important;
}
@media (min-width: 992px){
	#el-5 {
		transform: translateX(-30px);
		animation-name: fadeInR !important;
		transform-origin: left !important;
	}
	#el-7 {
		transform: translateY(-200px);
		animation-name: fadeInD !important;
		transform-origin: top !important;
	}
}
#el-1 {
/*     animation-delay: 0.30s;  */
	opacity: 1;
	scale: 1;
}
#el-2 {
/*     animation-delay: 0.60s;  */
	opacity: 1;
	scale: 1;
}
#el-3 {
/*     animation-delay: 0.90s;  */
	opacity: 1;
	scale: 1;
}
#el-4 {
/*     animation-delay: 1.20s;  */
		opacity: 1;
		scale: 1;
}
#el-5 {
/*     animation-delay: 1.50s; */
	animation-delay: 0.30s
}
#el-6 {
/*     animation-delay: 1.80s;   */
	animation-delay: 0.60s
}
#el-7 {
/*     animation-delay: 2.10s;  */
	animation-delay: 0.90s
}
#el-8 {
/*     animation-delay: 2.40s; */
	animation-delay: 1.20s
}
#el-9 {
/*     animation-delay: 2.70s;  */
	animation-delay: 1.50s
}
#el-10 {
/*     animation-delay: 3.00s;  */
	animation-delay: 1.80s
}
#el-11 {
/*     animation-delay: 3.30s;  */
	 animation-delay: 2.10s
}
#el-12 {
/*     animation-delay: 3.60s;  */
	animation-delay: 2.40s
}
#el-13 {
/*     animation-delay: 3.90s;  */
	 animation-delay: 2.70s
}
#el-14 {
/*     animation-delay: 4.20s; */
	animation-delay: 3.00s
}
#fr-mobile #el-5{
	opacity: 1;
	scale: 1;
	transform: translateX(0px);
}
#de-svg #el-15,
#fr-svg #el-15,
#de-svg-mobile #el-15,
#it-svg-mobile #el-15 {
/*     animation-delay: 4.50s; */
	animation-delay: 3.30s;
}
#el-16 {
/*     animation-delay: 4.80s; */
	animation-delay: 3.60s;
}
#it-svg #el-17,
#it-svg-mobile #el-17 {
	animation-delay: 3.90s;
/*     animation-delay: 5.10s; */
}

@keyframes fadeIn {
    to {
        opacity: 1;
        scale: 1;
    }
}
@keyframes fadeInR {
    to {
        opacity: 1;
        scale: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInD {
    to {
        opacity: 1;
        scale: 1;
        transform: translateY(0);
    }
}
@keyframes flyIn {
    to {
        transform: translate(0,0);
    }
}

/* .cookie-banner.animate {
    transition: fadeUp 0.6s ease-in-out;
    animation: fadeUp 0.6s forwards;
    animation-delay: 1s;
    transform: translateY(100%);
}
@keyframes fadeUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
} */


@keyframes rotating {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  #spin-img {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    transform-origin: center;
  }
  
.animation-4 {
    opacity: 0;
    filter: blur(0);
    transform: translateY(50%);
    transition: all 0.8s ease-in-out;
}

.animation-4[animation="true"] {
    opacity: 1;
    transform: translateX(0);
}

/**

	Remove last 2 elements for each animation*/

	#de-desktop #el-8,
	#de-desktop #el-7,
	#fr-desktop #el-8,
	#fr-desktop #el-7, 
	#it-deskt #el-8, 
	#it-deskt #el-7, 
	#Layer_1 #el-8,
	#Layer_1 #el-7, 
	#de-mobile #el-7,
	#de-mobile #el-8,
	#fr-mobileeee #el-7,
	#fr-mobileeee #el-8 {
		opacity: 0 !important;
	}