/* Navigation */

@-webkit-keyframes menu{

from{-webkit-transform: translateX(100%);transform: translateX(100%);}

to{-webkit-transform: translateX(0%);transform: translateX(0%);}

}

@keyframes menu{

from{-webkit-transform: translateX(100%);transform: translateX(100%);}

to{-webkit-transform: translateX(0%);transform: translateX(0%);}

}


/* Interior Page - Block Moves */

@-webkit-keyframes image-1{

0%{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@keyframes image-1{

0%{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@-webkit-keyframes image-2{

0%{-webkit-transform: translateX(100%);transform: translateX(100%);}
100%{-webkit-transform: translateX(0%);transform: translateX(0%);}
}

@keyframes image-2{

0%{-webkit-transform: translateX(100%);transform: translateX(100%);}
100%{-webkit-transform: translateX(0%);transform: translateX(0%);}
}

@-webkit-keyframes image-3{

0%{-webkit-transform: translateY(100%);transform: translateY(100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@keyframes image-3{

0%{-webkit-transform: translateY(100%);transform: translateY(100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@-webkit-keyframes image-4{

0%{-webkit-transform: translateY(100%);transform: translateY(100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@keyframes image-4{

0%{-webkit-transform: translateY(100%);transform: translateY(100%);}
100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}


/* About Site - Footer */

@-webkit-keyframes aboutSite{

from {-webkit-transform: translateY(100%);transform: translateY(100%);}

to {-webkit-transform: translateY(0%);transform: translateY(0%);}

}

@keyframes aboutSite{

from {-webkit-transform: translateY(100%);transform: translateY(100%);}

to {-webkit-transform: translateY(0%);transform: translateY(0%);}

}

/* SVG - KLM Africa */

@-webkit-keyframes engine{
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); -webkit-transform-origin: 2480.7507px 134.3326px; transform-origin: 2480.7507px 134.3326px;}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); -webkit-transform-origin: 2480.7507px 134.3326px; transform-origin: 2480.7507px 134.3326px;}
}

@keyframes engine{
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); -webkit-transform-origin: 2480.7507px 134.3326px; transform-origin: 2480.7507px 134.3326px;}
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); -webkit-transform-origin: 2480.7507px 134.3326px; transform-origin: 2480.7507px 134.3326px;}
}

@-webkit-keyframes landing{
0% {-webkit-transform: matrix(1.0250583,0.05634386,-0.05634386,1.0250583,-32045.885,-50928.39);transform: matrix(1.0250583,0.05634386,-0.05634386,1.0250583,-32045.885,-50928.39);}
50%{-webkit-transform: matrix(0.24426808,0.01342656,-0.01342656,0.24426808,-41560.821,27623.286);transform: matrix(0.24426808,0.01342656,-0.01342656,0.24426808,-41560.821,27623.286);}
100%{-webkit-transform: matrix(0.14856385,0.01952675,-0.01952675,0.14856385,-56457.176,8751.5122);transform: matrix(0.14856385,0.01952675,-0.01952675,0.14856385,-56457.176,8751.5122);}
}

@keyframes landing{
0% {-webkit-transform: matrix(1.0250583,0.05634386,-0.05634386,1.0250583,-32045.885,-50928.39);transform: matrix(1.0250583,0.05634386,-0.05634386,1.0250583,-32045.885,-50928.39);}
50%{-webkit-transform: matrix(0.24426808,0.01342656,-0.01342656,0.24426808,-41560.821,27623.286);transform: matrix(0.24426808,0.01342656,-0.01342656,0.24426808,-41560.821,27623.286);}
100%{-webkit-transform: matrix(0.14856385,0.01952675,-0.01952675,0.14856385,-56457.176,8751.5122);transform: matrix(0.14856385,0.01952675,-0.01952675,0.14856385,-56457.176,8751.5122);}
}


/* SVG - KLM Landing */

@-webkit-keyframes light1{
from {opacity: 0;}
to {opacity: 1;}
}


@keyframes light1{
from {opacity: 0;}
to {opacity: 1;}
}


@-webkit-keyframes light2{
from {opacity: 0;}
to {opacity: 1;}
}


@keyframes light2{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes light3{
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes light3{
from {opacity: 0;}
to {opacity: 1;}
}