/*************************************************************************/
/*   RES Standart Animationen Libary 2015  - Only on Desktop  */

 
 /*  Effekte on Desktop-Screens */
@media all and (min-width: 1200px) {



.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.topIncoming {
	-webkit-animation-name: topIncoming;
	animation-name: topIncoming;
}

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

@keyframes topIncoming {
	0% {opacity: 0; transform: translateY(-10px);}
	100% {opacity: 1;transform: translateY(0);}
}

.topIncomingMore {
	-webkit-animation-name: topIncomingMore;
	animation-name: topIncomingMore;
}

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

@keyframes topIncomingMore {
	0% {opacity: 0; transform: translateY(-10px);}
	100% {opacity: 1;transform: translateY(0);}
}





.downIncoming {
	-webkit-animation-name: downIncoming;
	animation-name: downIncoming;
}

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

@keyframes downIncoming {
	0% {opacity: 0; transform: translateY(10px);}
	100% {opacity: 1;transform: translateY(0);}
}


.downIncomingMore {
	-webkit-animation-name: downIncomingMore;
	animation-name: downIncomingMore;
}

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

@keyframes downIncomingMore {
	0% {opacity: 0; transform: translateY(40px);}
	100% {opacity: 1;transform: translateY(0);}
}




.zoomHover:hover{
	-webkit-animation-name: zoomHover;
	-moz-animation-name: zoomHover;
	animation-name: zoomHover;
}

@-webkit-keyframes zoomHover {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }
}


/* flash animated infinite */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0.9;}
}

@keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0.9;}
}







/*************************************************************************/
/*   Timers */

.duration0 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.duration1 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.duration2 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
}
.duration3 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s;
}
.duration4 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	animation-duration: 4s;
}
.duration5 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 4.5s;
	-moz-animation-duration: 4.5s;
	animation-duration: 4.5s;
}
.duration10 {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 9s;
	-moz-animation-duration: 9s;
	animation-duration: 9s;
}

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.animated.hinge {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


}