@keyframes logo-pulse {
	0%		{ transform: scale(0.9); }
	25%		{ transform: scale(1.2); }
	50%		{ transform: scale(0.9); }
	75%		{ transform: scale(1.0); }
	100%	{ transform: scale(0.9); }
}
@keyframes blob-pulse {
	0%		{ transform: scale(0); opacity: 1; }
	25%		{ transform: scale(0); opacity: 1; }
	75%		{ transform: scale(1); opacity: 0; }
	100%	{ transform: scale(1); opacity: 0; }
}

@keyframes member-pulse {
	0%		{ transform: scale(0); opacity: 1; }
	20%		{ transform: scale(1.2); }
	30%		{ transform: scale(0.9); }
	40%		{ transform: scale(1.1); }
	55%		{ transform: scale(1); opacity: 1; }
	100%	{ transform: scale(1); opacity: 0; }
}

.power {
	height: 350px;
	position: relative;
}
.power .logo {
	position: absolute;
	top: 100px;
	left: calc(50% - 60px);
	padding: 40px;
	border-radius: 100%;
	background-color: #123456;
	animation: logo-pulse 2s ease-in-out 0s infinite;
	z-index: 3;
}
.power .blob {
	position: absolute;
	top: -25px;
	left: calc(50% - 190px);
	padding: 200px;
	border-radius: 100%;
	background-color: #123456;
	animation: blob-pulse 2s ease-in-out 0s infinite;
	z-index: 2;
}
.power .logo_svg polygon {
	fill: #ffffff !important;
	stroke: #ffffff !important;
	animation-name: logo-animation-4;
	animation-duration: 2s;
}
.power .member {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-position: center;
	background-size: 50px;
	background-repeat: no-repeat;
	background-color: #448aaf;
	animation: member-pulse 3s ease-in-out 0s 1;
	animation-fill-mode: forwards;
	opacity: 0;
	z-index: 1;
}
.power .help {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-position: center;
	background-size: 30px;
	background-repeat: no-repeat;
	opacity: 0;
	z-index: 0;
	transition: top 6s, left 6s, opacity 1s;
	transition-timing-function: ease-in;
}
.power .help.center {
	left: 50% !important;
	top: 160px !important;
	opacity: 1;
}