.infinitescale {
	-webkit-animation: infinitescale 1000ms linear infinite;
	animation: infinitescale 1000ms linear infinite;
}	
@-webkit-keyframes infinitescale {
	0% { -webkit-transform:scale(1); }
	50% { -webkit-transform:scale(1.03); }
	100% { -webkit-transform:scale(1); }
}
@keyframes infinitescale {
	0% { transform:scale(1); }
	50% { transform:scale(1.03); }
	100% { transform:scale(1); }
}



.fadeInLeft {
	animation: fadeInLeft 1200ms both 1;
	-webkit-animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
	0% {
	opacity: 0;transform: translate3d(-100%,0,0);
	}
	100% {
	opacity: 1;transform: none;
	}
} 

@keyframes fadeInLeft {
	0% {
	opacity: 0;transform: translate3d(-100%,0,0);
	}
	100% {
	opacity: 1;transform: none; 
	}
}



.SideInUp {
	animation: SideInUp 1200ms both 1;
	-webkit-animation-name: SideInUp;
}

@-webkit-keyframes SideInUp {
	0% {
	    -webkit-transform: translate3d(0,100%,0);
	    transform: translate3d(0,100%,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
} 

@keyframes SideInUp {
	0% {
	    -webkit-transform: translate3d(0,100%,0);
	    transform: translate3d(0,100%,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}










.SideInDown {
	animation: SideInDown 1200ms both 1;
	-webkit-animation-name: SideInDown;
}

@-webkit-keyframes SideInDown {
	0% {
	    -webkit-transform: translate3d(0,-100%,0);
	    transform: translate3d(0,-100%,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
} 

@keyframes SideInDown {
	0% {
	    -webkit-transform: translate3d(0,-100%,0);
	    transform: translate3d(0,-100%,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}










.SideInLeft {
	animation: SideInLeft 1200ms both 1;
	-webkit-animation-name: SideInLeft;
}

@-webkit-keyframes SideInLeft {
	0% {
	    -webkit-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
} 

@keyframes SideInLeft {
	0% {
	    -webkit-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}




.SideInRight {
	animation: SideInRight 1200ms both 1;
	-webkit-animation-name: SideInRight;
}

@-webkit-keyframes SideInRight {
	0% {
	    -webkit-transform: translate3d(100%,0,0);
	    transform: translate3d(-100%,0,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
} 

@keyframes SideInRight {
	0% {
	    -webkit-transform: translate3d(-100%,0,0);
	    transform: translate3d(100%,0,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}





.fadeInRight {
	animation: fadeInRight 1200ms both 1;
	-webkit-animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(100%,0,0);
	    transform: translate3d(100%,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
} 

@keyframes fadeInRight {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(100%,0,0);
	    transform: translate3d(100%,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
}





.fadeInRight2 {
	animation: fadeInRight2 1200ms both 1;
	-webkit-animation-name: fadeInRight2;
}

@-webkit-keyframes fadeInRight2 {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(100%,0,0);
	    transform: translate3d(100%,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
} 

@keyframes fadeInRight2 {
	0% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
	100% {
	    opacity: 0;
	    -webkit-transform: translate3d(100%,0,0);
	    transform: translate3d(100%,0,0);
	}
}


.fadeInLeft2 {
	animation: fadeInLeft2 1200ms both 1;
	-webkit-animation-name: fadeInLeft2;
}

@-webkit-keyframes fadeInLeft2 {
	0% {
	    opacity: 0;
	    -webkit-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);
	}
	100% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
} 

@keyframes fadeInLeft2 {
	0% {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	}
	100% {
	    opacity: 0;
	    -webkit-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);
	}
}




.bounce {
	animation: bounce 1200ms both 1;
	-webkit-animation-name: bounce;
}

@-webkit-keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
	    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	    animation-timing-function: cubic-bezier(.215,.61,.355,1);
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}

	40%, 43% {
	    -webkit-transform: translate3d(0,-30px,0);
	    transform: translate3d(0,-30px,0);
	}
	40%, 43%, 70% {
	    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
	    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
	}
	70% {
	    -webkit-transform: translate3d(0,-15px,0);
	    transform: translate3d(0,-15px,0);
	}
	90% {
	    -webkit-transform: translate3d(0,-4px,0);
	    transform: translate3d(0,-4px,0);
	}
} 

@keyframes bounce {
	0%, 20%, 53%, 80%, 100% {
	    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
	    animation-timing-function: cubic-bezier(.215,.61,.355,1);
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}

	40%, 43% {
	    -webkit-transform: translate3d(0,-30px,0);
	    transform: translate3d(0,-30px,0);
	}
	40%, 43%, 70% {
	    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
	    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
	}
	70% {
	    -webkit-transform: translate3d(0,-15px,0);
	    transform: translate3d(0,-15px,0);
	}
	90% {
	    -webkit-transform: translate3d(0,-4px,0);
	    transform: translate3d(0,-4px,0);
	}
}






 .btn-animate {
  display: block;
  position: absolute;
  z-index: 5;
  top: 20px;
  left: -140px;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-animation: ripple 8s linear infinite;
          animation: ripple 8s linear infinite;
}

@-webkit-keyframes ripple {
  20% {
    opacity: 1;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}

@keyframes ripple {
  20% {
    opacity: 1;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}




@keyframes aslide {
	0% {
	    opacity: 0;
	    #transform: translate3d(0,0,0);
	}
	100% {
	    opacity:1;
	    transform: translateZ(0) rotate3d(0,1,0, 180deg);
	}
}

@keyframes aslide2 {
	0% {
	    opacity: 0;
	    #transform: translate3d(0,0,0);
	}
	100% {
	    opacity:1;
	    transform: translateZ(0) rotate3d(0,1,0, -180deg);
	}
}


@keyframes aslide_0 {
	0% {
	    opacity: 0.89;
	}
	100% {
	    opacity:1;
	}
}

@keyframes aslide_1 {
	0% {
	    opacity: 0.9;
	}
	100% {
	    opacity:1;
	    transform: translateZ(0) rotate3d(0,1,0, 180deg);
	}
}

@keyframes aslide_2 {
	0% {
	    opacity: 0.91;
	}
	100% {
	    opacity:1;
	    transform: translateZ(0) rotate3d(0,1,0, -180deg);
	}
}

@keyframes aslide_3 {
	0% {
	    opacity: 0.92;
	}
	100% {
	    opacity:1;
	}
}

@keyframes aslide_4 {
	0% {
	    opacity: 0.93;
	}
	100% {
	    opacity:1;
	}
}


@keyframes aslide_5 {
	0% {
	    opacity: 0.94;
	}
	100% {
	    opacity:1;
	}
}


.vaccat.active, .vmimg, img[data-vm="vaccat"] {
	animation: aslide_0 1.3s linear 1 forwards;
}

.vmimg.active, img.active[data-vm="vaccat"] {
	#animation: aslide_0 1.5s linear 1 forwards;
	animation: fadeInLeft 1200ms both 1;
	-webkit-animation-name: fadeInLeft;
}





a.vm, a.yvmb, a.vmb {
	animation: fadeInRight 1200ms both 1;
	-webkit-animation-name: fadeInRight;
}

a.v1 {
	animation: fadeInRight 1300ms both 1;
	-webkit-animation-name: fadeInRight;
}


a.v1:hover{
	animation: aslide_1 1300ms both 1;
	-webkit-animation-name: aslide_1;
}

/*
[data-vm="vaccat"] {
	animation: fadeInLeft 1300ms both 1;
	-webkit-animation-name: fadeInLeft;
}


[data-vm="vaccat"]:hover{
	animation: aslide_5 1300ms both 1;
	-webkit-animation-name: aslide_5;
}
*/


[data-card="title"]:hover {
	animation: aslide_2 1400ms both 1;
	-webkit-animation-name: aslide_2;
}

[data-card="anons"]:hover {
	animation: aslide_3 1500ms both 1;
	-webkit-animation-name: aslide_3;
}


img[data-vm="vaccat"]:hover {
	animation: aslide_4 1600ms both 1;
	-webkit-animation-name: aslide_4;
}





@keyframes li_shift {
	0% {
	    -webkit-transform: translate3d(0,-100%,0);
	    transform: translate3d(0,-100%,0);
	    visibility: visible;
	}
	100% {
	    -webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}

@keyframes a_show_hidden {
	0% {
		opacity: 0;
	}
	100% {
		opacity:1;
	}
}


li.hidden.opened{
	animation: li_shift 600ms both 1, a_show_hidden 1500ms both 1;
	-webkit-animation-name: li_shift, a_show_hidden;
}