@charset "UTF-8";
/* CSS Document */

#home .logo, #home .logo_container, #home header[role="banner"] li, .title h1 {
	opacity: 0;
	transform: translateY(-20px);
	animation-name: fadein;
	animation: 0.6s ease-in-out 0.5s normal forwards 1 fadein;
	-webkit-transform: translateY(-20px);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
}

# {
	opacity: 0;
	transform: translateY(-40px);
	animation-name: fadein;
	animation: 1s ease-in-out .25s normal forwards 1 fadein;
	-webkit-transform: translateY(-40px);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: .25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
}

#home .logo {
    animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

#home .logo_container {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

#home header[role="banner"] li.Link {
    animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

#home header[role="banner"] li.aboutLink {
    animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}
.header_object {
	opacity: 0;
	transform: translateY(-20px);
	animation-name: fadein;
	animation: 0.6s ease-in-out 0.9s normal forwards 1 fadein;
	-webkit-transform: translateY(-20px);
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0.9s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: initial;
	-webkit-animation-fill-mode: forwards;
}

#mams-brand {
    animation: 500s linear 0s normal forwards 2 bgslide;
	-webkit-animation: 500s linear 0s normal forwards 2 bgslide;
}

@-moz-keyframes fadein2 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-moz-keyframes fadein {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}

/* ===== webkit keyframes ===== */

@-webkit-keyframes fadein2 {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}

@-webkit-keyframes fadein {
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
}
}