@keyframes slideInFromLeft { 
0% 	 {transform: translateX(-100vw);opacity:1;}
20%   {transform: rotate(0deg)   translateX(-100vw);opacity:1;	}
49%  {transform: rotate(360deg) translateX(+0vw);  opacity:1;	}
70%	 {transform: rotate(360deg) translateX(+0vw);  opacity:1;	}
100% {transform: rotate(0deg)   translateX(+0vw);  opacity:0;	}
}
@keyframes RotateIt {
32% {opacity:0;transform: rotate(0deg);}
42% {opacity:1; transform: rotate(360deg);}
66% {opacity:1;transform: rotate(360deg);}
100% {opacity:0;}
}
@keyframes slideInFromBottom {
0% {opacity:0;transform: translateY(+120vh); }
34% { transform: translateY(+120vh);opacity:0;}
35% { transform: translateY(+120vh);opacity:1;}
100% { transform: translateY(-20vh);opacity:1;}
}

#agepcom-container-animation {transition:opacity 2s ease-in-out;display:none;position:relative;top:0px;left:0px;z-index:999999;width:100%;height:100%;background:black;opacity:0;}

.ladiv, .ladiv2 {position:absolute;top:300px;left:calc(50% - 160px);display:flex;justify-content:center;align-content:center;align-items:center;margin:auto;margin-top:0%;margin-bottom:0%;background:white;padding:20px;text-align:center;width:300px;height:300px;border-radius:50%;}
.ladiv3	{padding-top:30px;width:100%;height:50px;margin:auto;top:-50px;background:white;color:black ;}
.ladiv4	{width:90%;margin:auto;margin-top:20px;color:white}
.ladiv	{animation: 9s ease-out 1.7s 1 RotateIt;		opacity:0;z-index:2;	}
.ladiv2 {background-color:rgba(255, 255, 255, 1);animation: 6s ease-out 0s 1 slideInFromLeft;	opacity:0;z-index:1;	top:300px;left:calc(50% - 160px);}
.ladiv3	{  transform: translateY(-100vh);opacity:1;animation: 30s ease-out 0s 1 slideInFromBottom;background:transparent;color:white}
.ladiv3  {z-index:9999999;line-height:1.5em;font-size:18px;text-align:center;margin-left:10%;margin-right:10%;font-size:22px;width:80%;color:white;}
.ladiv3  .lien-agepcom {display:block;float:left;clear:both;width:80%;margin:auto;}

.ladiv {
background: #d9e8f5; 
background: -moz-radial-gradient(center, ellipse cover, #d9e8f5 0%, #0881a3 100%);
background: -webkit-radial-gradient(center, ellipse cover, #d9e8f5 0%,#0881a3 100%); 
background: radial-gradient(ellipse at center, #d9e8f5 0%,#0881a3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e8f5', endColorstr='#0881a3',GradientType=1 ); }

.ladiv h1 {text-shadow:0px 0px 16px rgba(0,0,0,0.5);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;color:white;font-size:50px;font-family:arial;}