div.w11_updater {
	font-family:Segoe UI Light, Segoe UI, Arial;
	color:#ffffff;
	background-color:#000000;
}

div.w11_updater div.update {
	position:absolute;
	top:45%;
	left:0;
	right:0;
}

div.w11_updater p {
	text-align:center;
	font-size:22px;
	margin-bottom:5px;
}

div.w11_updater div.restart {
	text-align:center;
	font-size:22px;
	position:absolute;
	left:0;
	right:0;
	bottom:100px;
}

/* Loader
 */
.loader {
	position:relative;
	top:-50px;
	width:40px;
	margin:auto;
}

.loader .circle {
	position:absolute;
	width:32px;
	height:32px;
	opacity:0;
	transform:rotate(225deg);
	animation-iteration-count:infinite;
	animation-name:orbit;
	animation-duration:5.5s;
}

.loader .circle:after {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-radius:5px;
	background:#fff;
}

.loader .circle:nth-child(2) {
	animation-delay:240ms;
}

.loader .circle:nth-child(3) {
	animation-delay:480ms;
}

.loader .circle:nth-child(4) {
	animation-delay:720ms;
}

.loader .circle:nth-child(5) {
	animation-delay:960ms;
}

@keyframes orbit {
	0% {
		transform:rotate(225deg);
		opacity:1;
		animation-timing-function:ease-out;
	}
	7% {
		transform:rotate(345deg);
		animation-timing-function:linear;
	}
	30% {
		transform:rotate(455deg);
		animation-timing-function:ease-in-out;
	}
	39% {
		transform:rotate(690deg);
		animation-timing-function:linear;
	}
	70% {
		transform:rotate(815deg);
		opacity:1;
		animation-timing-function:ease-out;
	}
	75% {
		transform:rotate(945deg);
		animation-timing-function:ease-out;
	}
	76% {
		transform:rotate(945deg);
		opacity:0;
	}
	100% {
		transform:rotate(945deg);
		opacity:0;
	}
}