.left_right_ease{
-webkit-animation-duration: 2s;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count:4;
-webkit-animation-name: LeftRightEase ;
margin-left: 300px;
}

.left_right_simple{
-webkit-animation-duration: 2s;
-webkit-animation-delay: 1s;
-webkit-animation-iteration-count:4;
-webkit-animation-name: leftrightsimpel ;
margin-left: 300px;
}



/* simpel animation */

@-webkit-keyframes leftrightsimpel {
    0% {	-webkit-transform: translateX(-400px); }
    100% {	-webkit-transform: translateX(0px);-webkit-animation-timing-function: linear;}
 }


@-webkit-keyframes LeftRightEase { 
    0% { 	-webkit-transform: translateX(-400px); -webkit-transition-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);}
    100% {	-webkit-transform: translateX(0px);   -webkit-transition-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);}
 }




@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    50% { opacity: 0; -webkit-animation-timing-function: linear; }
    100% { opacity: 1; -webkit-animation-timing-function: ease-out; }
}

@-webkit-keyframes fadeInAndUp {
    0% { opacity: 0; bottom: -40px; -webkit-animation-timing-function: ease-out; }
    65% { opacity: 0; bottom: -39px; }
    100% { opacity: 1; bottom: 0; -webkit-animation-timing-function: ease-out; }
}

@-webkit-keyframes slideLeft {
    0% { left: 192px; opacity: 0; -webkit-animation-timing-function: ease-out; }
    90% { left: 20px; }
    100% { left: 0; opacity: 1; -webkit-animation-timing-function: ease-out; }
}


/* Design animations */

@-webkit-keyframes fade-intro {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    20% { opacity: 0; -webkit-animation-timing-function: ease-in; }
    100% { opacity: 1; }
}


/* Gallery Animations */
@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: translateX(400px); }
}

@-webkit-keyframes slideInRight {
    0% { opacity: 0; }
    65% {opacity: 0; -webkit-transform: translateX(100px) ; -webkit-animation-timing-function: ease-out; }
    100% { opacity: 1;-webkit-transform: translateX(0); }
}

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: translateX(-1000px); }
}

@-webkit-keyframes slideInLeft {
    0% { -webkit-transform: translateX(-1000px); -webkit-animation-timing-function: ease-out; }
  
    100% {-webkit-transform: translateX(0); }
}

@-webkit-keyframes flyInSet {
    0% { -webkit-transform: translateX(500px); -webkit-animation-timing-function: ease-out; }
    66% { -webkit-transform: translateX(-10px); -webkit-animation-timing-function: ease-out; }
    84% { -webkit-transform: translateX(5px); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: translateX(0); }
}

@-webkit-keyframes fadeDelay {
    0% { opacity: 0; -webkit-animation-timing-function: ease-out; }
    60% { opacity: 0; -webkit-animation-timing-function: ease-out; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; -webkit-animation-timing-function: ease-out; }
    100% { opacity: 0; }
}

@-webkit-keyframes pop {
	from {
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	85% {
		-webkit-transform: scale(1.05);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(1);
	}
	}

@-webkit-keyframes popup {
    0% { -webkit-transform: scale(1); -webkit-animation-timing-function: ease-out; }
    44% { -webkit-transform: scale(.95); -webkit-animation-timing-function: ease-out; }
    74% { -webkit-transform: scale(1.1); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); }
}