.waves{
    position: absolute;
    height: 256px;

    bottom: 0px;
    right: 0px;
    width: 6000px;
    transition: 4s;
}
#waveSmall{

    /*background: url("images/wave/smal.webp");*/
    right: -300px;
    background-position: center;
    background-repeat: repeat-x;

}
#waveMeddle{

    /*background: url("images/wave/med.webp");*/
    background-position: top;
    background-repeat: repeat-x;
    right: 1793px;

}
#waveMax{

/*    background: url("images/wave/max.webp");*/
    background-position: bottom;
    background-repeat: repeat-x;

}
#wavesContainer:hover .waves:nth-child(2) {
    right: -1000px;
}
#wavesContainer:hover .waves:nth-child(3){
    right: -600px;
}
#wavesContainer:hover .waves:nth-child(1){
    right: -1600px;
}
#wavesContainer{
    position: absolute;
    bottom: 0px;
    right: -1800px;
    width: 6000px;
    height: 256px;
}
/*form of magik-------------------------------------------------------------------------*/
.wavesTopContainer{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 356px;
    right: 0%;
    top: 0px;
}
.wavesTopBig{
    position: absolute;
    top: 0px;
    right: 0%;
    width: 4832px;
    height: 356px;
    background: url("images/wave/whitetop/topBig.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesTopMiddle{
    position: absolute;
    top: 0;
    right: 0;
    width: 6871px;
    height: 356px;
    background: url("images/wave/whitetop/topMiddle.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesTopSmall{
    position: absolute;
    top: 0;
    right: 0;
    width: 8436px;
    height: 356px;
    background: url("images/wave/whitetop/topsmall.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesTopContainer:hover div,.wavesBotContainer:hover div {
    right: -1000px;
}

.wavesBotContainer{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 356px;
    right: 0;
    bottom: 0;
}

.wavesBotBig{
    position: absolute;
    top: 0;
    right: -439px;
    width: 4832px;
    height: 356px;
    background: url("images/wave/whitetop/topBig.webp");
    background-repeat: repeat-x;
    transform: scaleY(-1);
    transition: 4s;
}
.wavesBotMiddle{
    position: absolute;
    top: -10px;
    right: 0;
    width:  5271px;
    height: 356px;
    background: url("images/wave/whitebott/middle.webp");
    background-repeat: repeat-x;
    transform: scaleY(-1);
    transition: 4s;
}
.wavesBotSmall{
    position: absolute;
    top: 0;
    right: 0;
    width: 6836px;
    height: 356px;
    background: url("images/wave/whitebott/small.webp");
    background-repeat: repeat-x;
    transform: scaleY(-1);
    transition: 4s;
}

.wavesTopBigPurple{
    position: absolute;
    top: 0;
    right: -38px;
    width: 4832px;
    height: 356px;
    background: url("images/wave/purple/max.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesTopMiddlePurple{
    position: absolute;
    top: 0;
    right: 0;
    width: 6871px;
    height: 356px;
    background: url("images/wave/purple/middle.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesTopSmallPurple{
    position: absolute;
    top: 0;
    right: 0;
    width: 8436px;
    height: 356px;
    background: url("images/wave/purple/small.webp");
    background-repeat: repeat-x;
    transition: 4s;
}
.wavesChoseContainer{
    height: 512px;
    position: relative;
    background: url(images/animators/helpTochoseBack.webp);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 4000px;
}
.magrinBottomWaves{

}
.magrinTopWaves{

}