/*************************************************************************/
/*   RES Standart Animationen Libary  - 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(-30px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

@keyframes topIncomingMore {
	0% {opacity: 0; transform: translateY(-30px);}
	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(30px);}
	100% {opacity: 1; -webkit-transform: translateY(0);}
}

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


/*************************************************************************/
/*  for WOW Animations  wow left-Side-Incoming" data-wow-duration="1.5s" -->  */

.LeftIncoming {
	-webkit-animation-name: sideLeftIncoming ;
	animation-name: sideLeftIncoming ;
}

@-webkit-keyframes sideLeftIncoming  {
	0% {opacity: 0;-webkit-transform: translateX(-30px);}
	100% {opacity: 1; -webkit-transform: translateYX(0);}
}

@keyframes sideLeftIncoming  {
	0% {opacity: 0; transform: translateX(-30px);}
	100% {opacity: 1;transform: translateX(0);}
}

.RightIncoming {
	-webkit-animation-name: sideRightIncoming ;
	animation-name: sideRightIncoming ;
}

@-webkit-keyframes sideRightIncoming  {
	0% {opacity: 0;-webkit-transform: translateX(30px);}
	100% {opacity: 1; -webkit-transform: translateYX(0);}
}

@keyframes sideRightIncoming  {
	0% {opacity: 0; transform: translateX(30px);}
	100% {opacity: 1;transform: translateX(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;}
}


/*   Pulse animation   */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(.8); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(.8); }
    100% { transform: scale(1); }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}


/*   Pulse Soft  animation   */

@-webkit-keyframes pulseSoft {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(.98); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulseSoft {
    0% { transform: scale(1); }
    50% { transform: scale(.98); }
    100% { transform: scale(1); }
}
.pulseSoft {
    -webkit-animation-name: pulseSoft;
    animation-name: pulseSoft;
}


/*************************************************************************/
/*   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: 1.2s;
	-moz-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
}
.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;
}

}