/*-------ANIMATION IMAGE-------*/

.top-page ul li div ul.image li div {
position: absolute;
top: 25px;
left: 0;
width: 810px;
height: 385px;
overflow:hidden;
border: none;
z-index: 90;
}



.top-page ul li div ul.image {
list-style: none;
display: block;
width: 810px;
height: 385px;
position: absolute; top: 35px; right: 0px; 
margin: 0;
padding:0;
}

.top-page ul li div ul.image li {
border: none;
background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); 
}

.top-page ul li div ul.image li img.base {
width: 100%;
height: 100%;
}

/*-----ANIMATION absolute----*/

.top-page ul li div ul.image li div {
position: absolute;
top: 25px;
left: 0;
width: 810px;
height: 385px;
overflow:hidden;
border: none;
z-index: 90;
}

.top-page ul li div ul.image li div img {
width: 100%;
height: 100%;
}

.top-page ul li div ul.image li div p {
position: absolute;
top: 35px;
left: 30px;
z-index: 91;
font-size: 22px;
font-weight: bold;
color: white;
letter-spacing: 2px;
text-shadow: 1px 1px 4px #444;
}

.top-page ul li div ul.image li div p span {
display: block; position:relative; left: 0; font-size: 14px; line-height:18px; letter-spacing: 0; padding:0;margin: 0; width:350px;
}


.fade1 {
animation: fadeIn1 25s ease 0s infinite normal;
}
@keyframes fadeIn1 {
    0%,100% { opacity:1;}
}
.fade2 {
animation: fadeIn2 25s ease 0s infinite normal;
}

@keyframes fadeIn2 {
0%,18% {opacity:0;}
33%,52% {opacity:1;}
67%,100% {opacity:0;}
}

.fade3 {
animation: fadeIn3 25s ease 0s infinite normal;
}
@keyframes fadeIn3 {
0%,52% {opacity:0;}
67%,85% {opacity:1;}
100%,100% {opacity:0;}
}

.fade4 {
}
.fade5 {
}
.fade6 {
}