.animate,
.animated {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.delayed {
	opacity:0;
}

/* slideUp */
@-webkit-keyframes slideUp {
0% {
	-webkit-transform:translateY(30%);
	transform:translateY(30%);
}
100% {
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
}
@keyframes slideUp {
0% {
	-webkit-transform:translateY(30%);
	-ms-transform:translateY(30%);
	transform:translateY(30%);
}
100% {
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

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

/* pulse */
@-webkit-keyframes pulse {
0% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	background-color:#333;
}
50% {
	opacity:1;
	-webkit-transform:translateY(10px);
	transform:translateY(10px);
	background-color:#999;
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	background-color:#111;
}
}
@keyframes pulse {
0% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
50% {
	opacity:1;
	-webkit-transform:translateY(10px);
	-ms-transform:translateY(10px);
	transform:translateY(10px);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}

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

.svg {
	width:auto;
	padding-top:5%;
	padding-left:35%;
	text-align:center;
}
.block:hover .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 1.5s linear forwards;
  padding:10px;
  cursor:pointer;
}
.block:hover .path-slow {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2.5s linear forwards;
  padding:10px;
  cursor:pointer;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}