.aperekoden_slayda{
height: 100%;
width: 100%;
position: absolute;
}

.aperekoden_slayda .smena_slada{
margin: 0 auto;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.aperekoden_slayda .smena_slada .asnapoka{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.aperekoden_slayda .smena_slada .asnapoka:nth-child(1){
-webkit-animation: sliderFade-1 15s linear infinite;
animation: sliderFade-1 15s linear infinite;
}

.aperekoden_slayda .smena_slada .asnapoka:nth-child(2){
-webkit-animation: sliderFade-2 15s linear infinite;
animation: sliderFade-2 15s linear infinite;
}

.aperekoden_slayda .smena_slada .asnapoka:nth-child(3){
-webkit-animation: sliderFade-3 15s linear infinite;
animation: sliderFade-3 15s linear infinite;
}

@-webkit-keyframes sliderFade-1{
0%{
opacity: 1 }

15%{
opacity: 1 }

30%{
opacity: .5 }

45%{
opacity:0 }

60%{
opacity:0 }

75%{
opacity:0 }

90%{
opacity:0 }

100%{
opacity:1 }

}

@-webkit-keyframes sliderFade-2{
0%{
opacity: 0 }

15%{
opacity: 0 }

45%{
opacity: 1 }

60%{
opacity: 1 }

75%{
opacity: 0 }

90%{
opacity: 0 }

100%{
opacity: 0 }

}

@-webkit-keyframes sliderFade-3{
0%{
opacity: 0 }

15%{
opacity: 0 }

30%{
opacity: 0 }

45%{
opacity: 0 }

60%{
opacity: 0 }

75%{
opacity: 1 }

90%{
opacity: 1 }

100%{
opacity: 0 }

}