
.animationRight2-0, 
.animationRight4-2, 

.animationLeft0-5, 
.animationLeft1-7, 
.animationLeft2-0, 
.animationLeft4-2, 

.animationBottom0-5, 
.animationBottom1-0, 
.animationBottom1-7, 
.animationBottom2-0, 
.animationBottom4-2, 

.animationTop0-5, 
.animationTop1-7,
.animationTop2-0,
.animationTop4-2,

.animationDecorations2-0,
.animationDecorations2-5,
.animationDecorations3-0,
.animationDecorations3-5
{
    opacity: 0;
}

.funcBgWelcome
{
    animation: funcBgWelcome 1.2s;
}
.funcNav
{
    animation: funcNav 2s;
}
.funcTitle
{
    animation: funcTitle 2s;
}
.funcLinks
{
    animation: funcLinks 1s;
}
.funcNext
{
    animation: funcNext 1s;
}
.funcShowItemLeft
{
    animation: funcShowItemLeft 1s;
}
.funcShowItemRight
{
    animation: funcShowItemRight 1s;
}
.funcShowItemBottom
{
    animation: funcShowItemBottom 1s;
}
.funcShowItemTop
{
    animation: funcShowItemTop 1s;
}



@keyframes funcBgWelcome{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes funcNav{
    0%{
        opacity: 0;
        top: -60px;
    }
    100%{
        opacity: 1;
        top: 0;
    }
}
@keyframes funcTitle{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 0.5;
    }
}
@keyframes funcLinks{
    0%{
        opacity: 0;
        transform: translate(-50%, calc(-50% - 60px));
    }
    100%{
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
@keyframes funcNext{
    0%{
        opacity: 0;
        left: 50%;
        transform: translate(-50%, calc(-50% + 60px));
    }
    100%{
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
@keyframes funcShowItemLeft{
    0%{
        opacity: 0;
        transform: translateX(-20%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes funcShowItemRight{
    0%{
        opacity: 0;
        transform: translateX(20%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes funcShowItemBottom{
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes funcShowItemTop{
    0%{
        opacity: 0;
        transform: translateY(100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes funcShowSearch{
    0%{
        opacity: 0;
        transform: translateY(50%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
