.loader {
	position: absolute;
	line-height: 0;
	top: 8px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.loader .loader-bar {
	display: none;
	height: 8px;
	width: 8px;
	margin: 0 3px;
	opacity: .1;
	border-radius: 50%;
	background-color: #000
}

.animate>.loader-bar {
	display: inline-block;
	-webkit-animation: loader-oscillate ease-in-out 300ms infinite alternate;
	-moz-animation: loader-oscillate ease-in-out 300ms infinite alternate;
	animation: loader-oscillate ease-in-out 300ms infinite alternate
}

.loader-bar: nth-child(1) {
	-webkit-animation-delay: -200ms;
	-moz-animation-delay: -200ms;
	animation-delay: -200ms
}

.loader-bar: nth-child(2) {
	-webkit-animation-delay: -100ms;
	-moz-animation-delay: -100ms;
	animation-delay: -100ms
}

@-webkit-keyframes loader-oscillate {
	0% {
	opacity: .1;
	-webkit-transform: scaleY(1)
}

100% {
	opacity: .2;
	-webkit-transform: scaleY(1.3)
}


}

@-moz-keyframes loader-oscillate {
	0% {
	opacity: .1;
	-moz-transform: scaleY(1)
}

100% {
	opacity: .2;
	-moz-transform: scaleY(1.3)
}


}

@keyframes loader-oscillate {
	0% {
	opacity: .1;
	transform: scaleY(1)
}

100% {
	opacity: .2;
	transform: scaleY(1.3)
}