/* Animations library */
/* (C) Zoomsoft, s.r.o., all rights reserved  */



/* Slider animations */
.slider-animation {
    animation: slider-animation 1s;
}
.slider-animation-out {
    animation: slider-animation-out 1s;
}


@keyframes slider-animation {
  0% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
	 -webkit-transform: scale(2.15);
     transform: scale(2.15) rotate(6deg);
  }
  
  100% {
  	filter: alpha(opacity=100); 
  	opacity: 1.0;
	-webkit-filter: grayscale(0%); 
	filter: grayscale(0%);
	-webkit-transform: scale(1.00);
     transform: scale(1.00) rotate(0deg);
  }
  
}


@keyframes slider-animation-out {
  0% {
  	filter: alpha(opacity=100); 
  	opacity: 1.0 ;
  	 -webkit-transform: scale(1.00);
     transform: scale(1.00) rotate(0deg);
     -webkit-filter: grayscale(0%); 
	filter: grayscale(0%);
  }
  
  100% {
  	 -webkit-transform: scale(2.15);
     transform: scale(2.15) rotate(6deg);
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
  }
}



/* Fade in */
.animation-fadein {
    animation: fade-in 1s;
}

@keyframes fade-in {
  0% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  }
  
  100% {
  	 filter: alpha(opacity=1); 
  	opacity: 1.0;
  }
}



/* Fade in 2 */
.animation-fadein2 {
    animation: fade-in2 3s;
}

@keyframes fade-in2 {
  0% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  }
  
  100% {
  	 filter: alpha(opacity=1); 
  	opacity: 1.0;
  }
}


/* Fade in 3 */
.animation-fadein3 {
    animation: fade-in3 0.5s;
}

@keyframes fade-in3 {
  0% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  	filter: grayscale(100%);
	transform: scale(0.50) rotate(-10deg);
	
  }
  
  100% {
  	filter: alpha(opacity=1); 
  	opacity: 1.0;
  	
  }
}



/* Fade out */
.animation-fadeout {
    animation: fade-out 1s;
}

@keyframes fade-out {
  0% {
  	filter: alpha(opacity=1); 
  	opacity: 1.0;
  }
  
  100% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  }
}

/* Fade out 3 */
.animation-fadeout3 {
    animation: fade-out3 0.5s;
}

@keyframes fade-out3 {
  0% {
  	filter: alpha(opacity=1); 
  	opacity: 1.0;
  }
  
  100% {
  	filter: alpha(opacity=0); 
  	opacity: 0.0;
  	filter: grayscale(100%);
	transform: scale(0.50) rotate(10deg);
  }
}


/* right */
.animation-right {
    animation: right 2.0s;
}

@keyframes right {
  0% {
  	left: -100%;
  }
  
  100% {
  	left: 0%;
  }
}

/* left */
.animation-left {
    animation: left 2.0s;
}

@keyframes left {
  0% {
  	right: -100%;
  }
  
  100% {
  	right: 0%;
  }
}


/* down */
.animation-down {
    animation: down 0.7s;
}

@keyframes down {
  0% {
  	top: -100%;
  }
  
  100% {
  	top: 50px;
  }
}