/* Animations */

/* Spinner Animation */
.spinner
{
	display: inline-block;
	position: relative;
	margin: 0 40px 0 0;
}

.spinner, .spinner:before, .spinner:after
{
	width: 15px;
	height: 15px;
	text-align: center;
	background: #3BB0C9;
	border-radius: 100%;
	animation: bouncedelay 1.4s infinite ease-in-out;
	animation-fill-mode: both;
	opacity: 0;
}

.spinner:before, .spinner:after
{
	content: '';
	position: absolute;
	top: 0;
}

.spinner:before
{
	left: 20px;
	animation-delay: 0.16s;
}

.spinner:after
{
	left: 40px;
	animation-delay: 0.32s;
}

@keyframes bouncedelay
{
	0%, 80%, 100% { opacity: 0; }
	40%           { opacity: 1; }
}