/*  index  animate start ------------------------------ */

.serviceAnimate,.worksAnimate,.aboutAnimate,.teamAnimate,.newsAnimate,.footerAnimate{
    position:relative;
    animation:stAnimate 5s;
    -moz-animation:stAnimate 5s; /* Firefox */
    -webkit-animation:stAnimate 5s; /* Safari and Chrome */
    -o-animation:stAnimate 1s; /* Opera */
}

@keyframes stAnimate
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-moz-keyframes stAnimate /* Firefox */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-webkit-keyframes stAnimate /* Safari and Chrome */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-o-keyframes stAnimate /* Opera */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

 

/*  index  animate end------------------------------ */