/* HEADER NAVIGATION ANIMATION */
@keyframes header-animation {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes header-animation {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

.navigation li {
	opacity: 0;
	-webkit-animation: header-animation 2s; /* Chrome, Safari, Opera */ 
    animation: header-animation 2s;
    animation-fill-mode: forwards;
}
.navigation li:nth-child(1) {
	animation-delay: 0s;
}
.navigation li:nth-child(2) {
	animation-delay: 0.2s;
}
.navigation li:nth-child(3) {
	animation-delay: 0.4s;
}
.navigation li:nth-child(4) {
	animation-delay: 0.6s;
}
.navigation li:nth-child(5) {
	animation-delay: 0.8s;
}
.navigation li:nth-child(6) {
	animation-delay: 1s;
}
.navigation li:nth-child(7) {
	animation-delay: 1.2s;
}
.navigation li:nth-child(8) {
	animation-delay: 1.4s;
}
.navigation li:nth-child(9) {
	animation-delay: 1.6s;
}
.navigation li:nth-child(10) {
	animation-delay: 1.8s;
}

/* SIDE NAVIGATION ANIMATION */

@keyframes sidenav-animation {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sidenav-animation {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

.navigation-side-active .navigation-side ul li {
	opacity: 0;
	-webkit-animation: header-animation 2s; /* Chrome, Safari, Opera */ 
    animation: header-animation 2s;
    animation-fill-mode: forwards;
}
.navigation-side-active .navigation-side ul li:nth-child(1) {
	animation-delay: 0s;
}
.navigation-side-active .navigation-side ul li:nth-child(2) {
	animation-delay: 0.2s;
}
.navigation-side-active .navigation-side ul li:nth-child(3) {
	animation-delay: 0.4s;
}
.navigation-side-active .navigation-side ul li:nth-child(4) {
	animation-delay: 0.6s;
}
.navigation-side-active .navigation-side ul li:nth-child(5) {
	animation-delay: 0.8s;
}
.navigation-side-active .navigation-side ul li:nth-child(6) {
	animation-delay: 1s;
}
.navigation-side-active .navigation-side ul li:nth-child(7) {
	animation-delay: 1.2s;
}
.navigation-side-active .navigation-side ul li:nth-child(8) {
	animation-delay: 1.4s;
}
.navigation-side-active .navigation-side ul li:nth-child(9) {
	animation-delay: 1.6s;
}
.navigation-side-active .navigation-side ul li:nth-child(10) {
	animation-delay: 1.8s;
}
.navigation-side-active .navigation-side ul li:nth-child(11) {
	animation-delay: 2.0s;
}
.navigation-side-active .navigation-side ul li:nth-child(12) {
	animation-delay: 2.2s;
}
.navigation-side-active .navigation-side ul li:nth-child(13) {
	animation-delay: 2.4s;
}

/* PORTFOLIO */

@keyframes show-portfolio {
    0%   {transform: translateX(-50);}
    100% {transform: translateX(0);}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes show-portfolio {
     0%   {transform: translateX(-50);}
    100% {transform: translateX(0);}
}

/*.portfolio-entry.portfolio-entry-show {
	opacity: 1;
	-webkit-animation: show-portfolio 2s;
    animation: show-portfolio 2s;
}
*/

/* Effect 2: Move Up */
/*.isotope .isotope-item {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);

}
.isotope .isotope-item.animate {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}*/


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

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