#header .header-anim {
    opacity: 0;
    opacity: 1;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}


.scroll-down {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
}

body.loaded #header .header-anim,
body.loaded .scroll-down {
    -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    -moz-transition: -moz-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    -ms-transition: -ms-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    -o-transition: -o-transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

body.loaded #header .header-anim {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}



body.loaded .scroll-down {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}