/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.la-ball-clip-rotate-multiple {
	display: block;
	font-size: 0;
}

.la-ball-clip-rotate-multiple .outer-circle {
	color: #c7eaa8;
}

.la-ball-clip-rotate-multiple .inner-circle {
	color: lightskyblue;
}

.la-ball-clip-rotate-multiple > div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
}
.la-ball-clip-rotate-multiple {
	width: 32px;
	height: 32px;
}
.la-ball-clip-rotate-multiple > div {
	position: absolute;
	top: 50%;
	left: 50%;
	background: transparent;
	border-style: solid;
	border-width: 2px;
	border-radius: 100%;
	-webkit-animation: ball-clip-rotate-multiple-rotate 1s linear infinite;
	-moz-animation: ball-clip-rotate-multiple-rotate 1s linear infinite;
	-o-animation: ball-clip-rotate-multiple-rotate 1s linear infinite;
	animation: ball-clip-rotate-multiple-rotate 1s linear infinite;
}
.la-ball-clip-rotate-multiple > div:first-child {
	position: absolute;
	width: 32px;
	height: 32px;
	border-right-color: transparent;
	border-left-color: transparent;
}
.la-ball-clip-rotate-multiple > div:last-child {
	width: 16px;
	height: 16px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
}
.la-ball-clip-rotate-multiple.la-2x {
	width: 64px;
	height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div {
	border-width: 2px;
}
.la-ball-clip-rotate-multiple.la-2x > div:first-child {
	width: 64px;
	height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div:last-child {
	width: 32px;
	height: 32px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes ball-clip-rotate-multiple-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.splash-screen-custom {
	width: 100%;
	min-height: 100vh;
	background-color: rgba(51, 51, 51, 0.4);
}

.splash-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
}

.splash-wrapper .spinner-wrapper {
	position: relative;
	left: 50%;
	transform: translate(-50%);
	width: 64px;
	height: 64px;
}

.splash-wrapper .text-wrapper {
	margin-top: 30px;
}

.splash-wrapper .spinner-wrapper .inner-circle.app {
	left: 25%;
	top: 25%;
}

.splash-wrapper .spinner-wrapper .outer-circle.app {
	left: 0%;
	top: 0%;
}