/*------------------------------------ANIMS-----------------------------------------*/


/*----------------------GEN---------------------------*/


@keyframes circleRotate1 {
	0% {transform:rotate(0deg);}
	25% {transform:rotate(90deg);}
	50% {transform:rotate(180deg);}
	75% {transform:rotate(270deg);}
	100% {transform:rotate(360deg);}
}

@keyframes float1 {
	0%{transform:translateY(-6px);}
	50%{transform:translateY(6px);}
	100%{transform:translateY(-6px);}
}

@keyframes float2{
	0%{transform: translateY(0);}
	50%{transform: translateY(6px);}
	100%{transform: translateY(0);}
}

@keyframes laserGlow{
	0%{opacity:0.9;}
	20%{opacity:0.86;}
	44%{opacity:0.9;}
	66%{opacity:0.84;}
	100%{opacity:0.9;}
}

@keyframes fadeInOut1{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}

@keyframes fadeInOut2{
	0%{opacity:1.0;}
	25%{opacity:1.0;}
	50%{opacity:0.0;}
	75%{opacity:0.0;}
	100%{opacity:1.0;}
}


@keyframes orbFlicker{
	0%{
/*		opacity: 1;*/
		filter: blur(0px);
		transform: translateX(0);
	}20%{
/*		opacity: 0.93;*/
		filter: blur(1px);
		transform: translateX(1px);
	}40%{
/*		opacity: 1;*/
		filter: blur(0px);
		transform: translateX(0px);
	}50%{
/*		opacity: 0.97;*/
		filter: blur(1px);
		transform: translateX(2px);
	}60%{
/*		opacity: 1;	*/
		filter: blur(0px);
		transform: translateX(0);
	}70%{
/*		opacity: 0.98;*/
		filter: blur(2px);
		transform: translateX(-2px);
	}80%{
/*		opacity: 1;*/
		filter: blur(0px);
		transform: translateX(1px);
	}100%{
/*		opacity: 1;*/
		filter: blur(0px);
		transform: translateX(0);
	}
}

@keyframes sealFlicker{
	0%{
		opacity: 1;
/*		filter: blur(0px);*/
		transform: translateX(0);
	}20%{
		opacity: 0.93;
/*		filter: blur(1px);*/
		transform: translateX(1px);
	}40%{
		opacity: 1;
/*		filter: blur(0px);*/
		transform: translateX(0px);
	}50%{
		opacity: 0.97;
/*		filter: blur(1px);*/
		transform: translateX(2px);
	}60%{
		opacity: 1;	
/*		filter: blur(0px);*/
		transform: translateX(0);
	}70%{
		opacity: 0.98;
/*		filter: blur(2px);*/
		transform: translateX(-2px);
	}80%{
		opacity: 1;
/*		filter: blur(0px);*/
		transform: translateX(1px);
	}100%{
		opacity: 1;
/*		filter: blur(0px);*/
		transform: translateX(0);
	}
}


 @keyframes navOrbGlow{
 	0%{
 		background-color: #e4c192;
 		box-shadow: 0px 0px 12px 12px  #e4c192;
 	}33%{
 		background-color: #ef71ad;
		box-shadow: 0px 0px 12px 12px  #ef71ad;
	}66%{
		background-color: #beed8f;
		box-shadow: 0px 0px 12px 12px  #beed8f;
	}100%{
		background-color: #e4c192;
		box-shadow: 0px 0px 12px 12px  #e4c192;
	}
}

@keyframes warp1{
	0%{
		transform: skewX(0deg) scale(1.0, 1.0);
	}
	25%{
		transform: skewX(5deg) scale(1.01, 0.99);
	}
	50%{
		transform: skewX(-10deg) scale(0.99, 1.01);
	}
	75%{
		transform: skewX(5deg) scale(1.01, 0.99);
	}
	100%{
		transform: skewX(0deg) scale(1.0, 1.0);
	}
}

/*----------------------VOIDS---------------------------*/

@property --c1 {
  syntax: '<color>';
  inherits: false;
  initial-value: #B4FC75;
}

@property --c2 {
  syntax: '<color>';
  inherits: false;
  initial-value: #c6e077;
}

@property --c3 {
  syntax: '<color>';
  inherits: false;
  initial-value: #E8C2A6;
}

@property --c4 {
  syntax: '<color>';
  inherits: false;
  initial-value: #352C17;
}

@property --c5 {
  syntax: '<color>';
  inherits: false;
  initial-value: #C5F9D8;
}

/*@keyframes void01{
	0% { background: radial-gradient(#B4FC75, #c6e077, #E8C2A6, #352C17, #C5F9D8); }
	20% { background: radial-gradient(#c6e077, #E8C2A6, #352C17, #C5F9D8, #B4FC75); }
	50% { background: radial-gradient(#E8C2A6, #352C17, #C5F9D8, #B4FC75, #c6e077); }
	75% { background: radial-gradient(#352C17, #C5F9D8, #B4FC75, #c6e077, #E8C2A6); }
	100% { background: radial-gradient(#B4FC75, #c6e077, #E8C2A6, #352C17, #C5F9D8); }
}*/

@keyframes void01{
	0% { background-position: 50% 50%; background-size: 10% 10%; opacity: 1; }
	20% { background-position: 120% 100%; background-size: 90% 20%; opacity: 1; }
	50% { background-position: 20% 150%; background-size: 20% 30%; opacity: 1; }
	75% { background-position: 10% 30%; background-size: 80% 24%; opacity: 1; }
	100% { background-position: 50% 50%; background-size: 10% 10%; opacity: 1; }
}

.void01{
	position:absolute;
	width:100%;
	height:100%;
	background-position: 50% 50%;
	background-size: 10% 20%;
	background: radial-gradient(#B4FC75, #c6e077, #E8C2A6, #352C17, #C5F9D8);
	animation: void01 30000ms linear infinite;	
}



/*@keyframes gigerButtonBGGlow{
	0% { background-position: 50% 50%; background-size: 110% 110%; opacity: 1; }
	25% { background-position: 50% 50%; background-size: 80% 10%; opacity: 1; }
	50% { background-position: 50% 50%; background-size: 10% 90%; opacity: 1; }
	85% { background-position: 50% 50%; background-size: 90% 10%; opacity: 1; }
	100% { background-position: 50% 50%; background-size: 110% 110%; opacity: 1; }
}*/



@keyframes gigerButtonBGGlow{
	0% { background-position: 50% 50%; background-size: 110% 110%; opacity: 1; }
	10% { background-position: 120% 100%; background-size: 90% 20%; opacity: 1; }
	40% { background-position: 20% 150%; background-size: 60% 50%; opacity: 1; }
	75% { background-position: 10% 30%; background-size: 80% 24%; opacity: 1; }
	100% { background-position: 50% 50%; background-size: 110% 110%; opacity: 1; }
}


/*@keyframes gigerButtonBGGlow{
	0% { background-position: 50% 50%; background-size: 60% 10%; opacity: 1; }
	20% { background-position: 60% 50%; background-size: 40% 20%; opacity: 1; }
	50% { background-position: 20% 150%; background-size: 120% 10%; opacity: 1; }
	75% { background-position: 10% 30%; background-size: 80% 24%; opacity: 1; }
	100% { background-position: 50% 50%; background-size: 60% 10%; opacity: 1; }
}
*/
 @keyframes gigerButtonFrameGlow{
 	0%{box-shadow: 0px 0px 3px 6px  #e4c192;}
	33%{box-shadow: 0px 0px 6px 8px  #ef71ad;}
	66%{box-shadow: 0px 0px 6px 8px  #beed8f;}
	100%{box-shadow: 0px 0px 3px 6px  #e4c192;}
 }

@keyframes gigerLetterGlow{
	0%{text-shadow: -1px 1px 14px #e4c192;}
	25%{text-shadow: -1px 1px 14px #ef71ad;}
	50%{text-shadow: -1px 1px 14px #f6d22b;}
	75%{text-shadow: -1px 1px 14px #beed8f;}
	100%{text-shadow: -1px 1px 14px #e4c192;}
}

@keyframes gigerLetterGlow_sm{
	0%{text-shadow: -1px 1px 1px #e4c192;}
	25%{text-shadow: -1px 1px 1px #ef71ad;}
	50%{text-shadow: -1px 1px 1px #f6d22b;}
	75%{text-shadow: -1px 1px 1px #beed8f;}
	100%{text-shadow: -1px 1px 1px #e4c192;}
}

@keyframes letterGlow{
	0%{color: #e4c192;}
	25%{color: #ef71ad;}
	50%{color: #f6d22b;}
	75%{color: #beed8f;}
	100%{color: #e4c192;}
}

@keyframes letterFlip01{
	0%{text-shadow:10px 0 0 var(--lsGold01-perm),0 10px 0 var(--lsGold01-perm),-10px 0 0 var(--lsGold01-perm),0 -10px 0 var(--lsGold01-perm);}
	25%{text-shadow:5px 0 0 #ef71ad,0 5px 0 #ef71ad,-5px 0 0 #ef71ad,0 -5px 0 #ef71ad;}
	50%{text-shadow:10px 0 0 var(--lsBlack01-perm),0 10px 0 var(--lsBlack01-perm),-10px 0 0 var(--lsBlack01-perm),0 -10px 0 var(--lsBlack01-perm);}
	75%{text-shadow:13px 0 0 #beed8f,0 13px 0 #beed8f,-13px 0 0 #beed8f,0 -13px 0 #beed8f;}
	100%{text-shadow:2px 0 0 #F95E28,0 2px 0 #F95E28,-2px 0 0 #F95E28,0 -2px 0 #F95E28;}
}


@keyframes letterFlip02{
	0%{text-shadow:10px 0 0 var(--lsGold01-perm),0 10px 0 var(--lsGold01-perm),-10px 0 0 var(--lsGold01-perm),0 -10px 0 var(--lsGold01-perm);}
	25%{text-shadow:10px 0 0 var(--lsRose01-perm),0 5px 0 var(--lsRose01-perm),-10px 0 0 var(--lsRose01-perm),0 -10px 0 var(--lsRose01-perm);}
	50%{text-shadow:10px 0 0 var(--lsBlack01-perm),0 10px 0 var(--lsBlack01-perm),-10px 0 0 var(--lsBlack01-perm),0 -10px 0 var(--lsBlack01-perm);}
	75%{text-shadow:10px 0 0 var(--lsLime01-perm),0 10px 0 var(--lsLime01-perm),-10px 0 0 var(--lsLime01-perm),0 -10px 0 var(--lsLime01-perm);}
	100%{text-shadow:10px 0 0 var(--lsBlack01-perm),0 10px 0 var(--lsBlack01-perm),-10px 0 0 var(--lsBlack01-perm),0 -10px 0 var(--lsBlack01-perm);}
}

@keyframes letterFlip03{
	0%{text-shadow:10px 0 0 var(--lsBlack01),0 10px 0 var(--lsBlack01),-10px 0 0 var(--lsBlack01),0 -10px 0 var(--lsBlack01);}
	25%{text-shadow:3px 0 0 var(--lsBlack01),0 3px 0 var(--lsBlack01),-3px 0 0 var(--lsBlack01),0 -3px 0 var(--lsBlack01);}
	50%{text-shadow:10px 0 0 var(--lsBlack01),0 10px 0 var(--lsBlack01),-10px 0 0 var(--lsBlack01),0 -10px 0 var(--lsBlack01);}
	75%{text-shadow:13px 0 0 var(--lsBlack01),0 13px 0 var(--lsBlack01),-13px 0 0 var(--lsBlack01),0 -13px 0 var(--lsBlack01);}
	100%{text-shadow:1px 0 0 var(--lsBlack01),0 1px 0 var(--lsBlack01),-1px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
}	

@keyframes letterFlip03-sm{
	0%{text-shadow:5px 0 0 var(--lsBlack01),0 5px 0 var(--lsBlack01),-5px 0 0 var(--lsBlack01),0 -5px 0 var(--lsBlack01);}
	25%{text-shadow:3px 0 0 var(--lsBlack01),0 3px 0 var(--lsBlack01),-3px 0 0 var(--lsBlack01),0 -3px 0 var(--lsBlack01);}
	50%{text-shadow:5px 0 0 var(--lsBlack01),0 5px 0 var(--lsBlack01),-5px 0 0 var(--lsBlack01),0 -5px 0 var(--lsBlack01);}
	75%{text-shadow:8px 0 0 var(--lsBlack01),0 8px 0 var(--lsBlack01),-8px 0 0 var(--lsBlack01),0 -8px 0 var(--lsBlack01);}
	100%{text-shadow:1px 0 0 var(--lsBlack01),0 1px 0 var(--lsBlack01),-1px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
}	

@keyframes letterFlip04{
	0%{text-shadow:1px 0 0 var(--lsBlack01),0 1px 0 var(--lsBlack01),-0px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
	25%{text-shadow:3px 0 0 var(--lsBlack01),0 2px 0 var(--lsBlack01),-0px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
	50%{text-shadow:2px 0 0 var(--lsBlack01),0 0px 0 var(--lsBlack01),-1px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
	75%{text-shadow:1px 0 0 var(--lsBlack01),0 1px 0 var(--lsBlack01),-0px 0 0 var(--lsBlack01),0 -0px 0 var(--lsBlack01);}
	100%{text-shadow:0px 0 0 var(--lsBlack01),0 1px 0 var(--lsBlack01),-3px 0 0 var(--lsBlack01),0 -1px 0 var(--lsBlack01);}
}	


@keyframes hpShopGlow{
	0%{background-color: rgba(0, 0, 0, 0.0);}
	45%{background-color: rgba(0, 0, 0, 0.0);}
	50%{background-color: #F95E28;}
	55%{background-color: #B0E700;}
	60%{background-color: #ef71ad;}
	65%{background-color: rgba(0, 0, 0, 0.0);}
	100%{background-color: rgba(0, 0, 0, 0.0);}
}

@keyframes hpShopGlowHover{
	0%{background-color: #e4c192;}
	25%{background-color: #ef71ad;}
	50%{background-color: #f6d22b;}
	75%{background-color: #beed8f;}
	100%{background-color: #e4c192;}
}

@keyframes letterWarp1{
	0%{transform: skewY(0deg);}
	25%{transform: skewY(0deg);}
	50%{transform: skewY(0deg);}
	75%{transform: skewY(0deg);}
	100%{transform: skewY(0deg);}
}

/*@keyframes letterWarp1{
	0%{text-shadow: -1px 1px 14px #e4c192; transform: skewY(0deg);}
	25%{text-shadow: -1px 1px 14px #ef71ad; transform: skewY(10deg);}
	50%{text-shadow: -1px 1px 14px #f6d22b; transform: skewY(-10deg);}
	75%{text-shadow: -1px 1px 14px #beed8f; transform: skewY(10deg);}
	100%{text-shadow: -1px 1px 14px #e4c192; transform: skewY(0deg);}
}
*/


/*----------------------TYPE ANIMS---------------------------*/

@keyframes menuLetterGlow{
	0%{
		text-shadow: -1px 1px 14px #e4c192;
		transform: scale(1.0)
	}
	25%{
		text-shadow: -1px 1px 14px #ef71ad;
		transform: scale(1.03)
	}
	50%{
		text-shadow: -1px 1px 14px #f6d22b;
		transform: scale(1.0)
	}
	75%{
		text-shadow: -1px 1px 14px #beed8f;
		transform: scale(1.03)
	}
	100%{
		text-shadow: -1px 1px 14px #e4c192;
		transform: scale(1.0)
	}
}


@keyframes letterGlowSmall{
	0%{
		text-shadow: -1px 1px 6px #e4c192;
	}
	25%{
		text-shadow: -1px 1px 6px #ef71ad;
	}
	50%{
		text-shadow: -1px 1px 6px #f6d22b;
	}
	75%{
		text-shadow: -1px 1px 6px #beed8f;
	}
	100%{
		text-shadow: -1px 1px 6px #e4c192;
	}
}


@keyframes typeGlow01{
	0%{
		filter: blur(0px);
		opacity: 0.0;
	}10%{
		filter: blur(3px);
		opacity: 0.66;
	}20%{
		filter: blur(2px);
		opacity: 0.22;
	}30%{
		filter: blur(6px);
		opacity: 0.88;
	}40%{
		filter: blur(1px);
		opacity: 0.44;
	}50%{
		filter: blur(6px);
		opacity: 0.88;
	}60%{
		filter: blur(3px);
		opacity: 0.9;
	}80%{
		filter: blur(0px);
		opacity: 0.0;	
	}100%{
		filter: blur(0px);
		opacity: 0.0;
	}
}

/*----------------------HOME---------------------------*/



@keyframes buttonTitleActivated{
	0%{
		transform: translateY(6%) scale(1.05);
		opacity: 1;
	}10%{
		transform: translateY(6%) scale(1.05);
		opacity: 0.85;
	}20%{
		transform: translateY(6%) scale(1.05);
		opacity: 1;
	}30%{
		transform: translateY(6%) scale(1.05);
		opacity: 0.85;
	}40%{
		transform: translateY(6%) scale(1.05);
		opacity: 1;	
	}50%{
		transform: translateY(6%) scale(1.05);
		opacity: 0.85;
	}100%{
		transform: translateY(6%) scale(1.05);
		opacity: 1;
	}
}

 @keyframes scrollGlow{
 	0%{
 		background-color: #e4c192;
 		box-shadow: 0px 0px 12px 8px  #e4c192;
 	}33%{
 		background-color: #ef71ad;
		box-shadow: 0px 0px 12px 8px  #ef71ad;
	}66%{
		background-color: #beed8f;
		box-shadow: 0px 0px 12px 8px  #beed8f;
	}100%{
		background-color: #e4c192;
		box-shadow: 0px 0px 12px 8px  #e4c192;
	}
}

 @keyframes arrowGlow{
 	0%{
 		box-shadow: 0px 0px 12px 8px  #e4c192;
 	}25%{
		box-shadow: 0px 0px 6px 4px  #ef71ad;
	}50%{
		box-shadow: 0px 0px 12px 8px  #beed8f;
	}75%{
		box-shadow: 0px 0px 6px 4px  #ef71ad;
	}100%{
		box-shadow: 0px 0px 12px 8px  #e4c192;
	}
}

@keyframes exclamSpin {
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

@keyframes whySwell {
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}

@keyframes laserFlicker{
	0%{
		opacity: 1;
	}20%{
		opacity: 0.6;
	}40%{
		opacity: 1;
	}50%{
		opacity: 0.8;
	}60%{
		opacity: 1;	
	}70%{
		opacity: 0.4;
	}80%{
	}100%{
		opacity: 1;
	}
}


@keyframes rotate1 {
	0%{transform: scale(1) rotate(0deg);}
	50%{transform: scale(1.2) rotate(180deg);}
	100%{transform: scale(1) rotate(360deg);}
}


@keyframes rotate2 {
	0%{transform: scale(1) rotate(0deg) skew(0deg, 0deg); opacity: 1}
	50%{transform: scale(0.9) rotate(-90deg) skew(0deg, -10deg); opacity: 0.8}
	50%{transform: scale(1.1) rotate(-180deg) skew(-10deg, 0deg); opacity: 0.9}
	50%{transform: scale(0.96) rotate(-270deg) skew(20deg, -20deg); opacity: 0.7}
	100%{transform: scale(1) rotate(-360deg) skew(0deg, 0deg); opacity: 1}
}

@keyframes rotateZ1 {
	0%{transform: rotateY(0deg);}
	50%{transform: rotateY(180deg);}
	100%{transform: rotateY(360deg);}
}



/*---------------------------NOBILE CASTELLO---------------------------*/


@keyframes skullFlicker{
	0%{
		opacity: 1;
		transform: translateX(0);
	}20%{
		opacity: 0.9;
		transform: translateX(1px);
	}40%{
		opacity: 1;
		transform: translateX(0px);
	}50%{
		opacity: 0.44;
		transform: translateX(1px);
	}60%{
		opacity: 1;	
		transform: translateX(0);
	}70%{
		opacity: 0.77;
		transform: translateX(-1px);
	}80%{
		transform: translateX(1px);
	}100%{
		opacity: 1;
		transform: translateX(0);
	}
}


@keyframes luciFlicker1{
	0%{z-index: 0;}
	1%{z-index: 1;}
	20%{z-index: 1;}
	21%{z-index: 0;}
	100%{z-index: 0;}
}

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

@keyframes robeGlow{
	0%{opacity: 0;}
	25%{opacity: 1;}
	60%{opacity: 0;}
	100%{opacity: 0;}
}


@keyframes slowGlow1{
	0% { opacity: 0.88; filter:blur(0px); }
	50% { opacity: 0.44; filter:blur(0px);}
	100% { opacity: 0.88; filter:blur(0px);}
}

@keyframes slowGlow2{
	0% { opacity: 1; }
	25% { opacity: 0.11; }
	50% { opacity: 0.66; }
	75% { opacity: 0.11; }
	100% { opacity: 1; }
}

@keyframes slowGlow3{
	0% { opacity: 1; filter:blur(0px);}
	25% { opacity: 0.7; filter:blur(0px);}
	50% { opacity: 1; filter:blur(2px); }
	75% { opacity: 0.9; filter:blur(0px);}
	100% { opacity: 1; filter:blur(0px);}
} 

@keyframes slowGlow4{
	0% { opacity: 1; filter:blur(0px);}
	25% { opacity: 0.66; filter:blur(0px);}
	50% { opacity: 1; filter:blur(0px); }
	75% { opacity: 0.88; filter:blur(0px);}
	100% { opacity: 1; filter:blur(0px);}
} 

@keyframes slowGlow5{
	0% { opacity: 1; filter:blur(10px);}
	25% { opacity: 0.66; filter:blur(6px);}
	50% { opacity: 1; filter:blur(10px); }
	75% { opacity: 0.88; filter:blur(6px);}
	100% { opacity: 1; filter:blur(10px);}
} 

@keyframes beamGlow1{
	0% { opacity: 0.22; filter:blur(0px); }
	50% { opacity: 0.08; filter:blur(3px);}
	100% { opacity: 0.22; filter:blur(0px);}
}

@keyframes signGlow{
	0% { opacity: 0.18; }
	50% { opacity: 0.22; }
	100% { opacity: 0.18; }
}