.md-preloader {
	font-size:0;
	display:inline-block;
	-webkit-animation:outer 6600ms linear infinite;
	animation:outer 6600ms linear infinite;
	width: 75px;
	height: 75px;
	position: absolute;
	z-index: 99;
	top: calc(50% - 37.5px);
	left: calc(50% - 37.5px);

}
.md-preloader svg {
	-webkit-animation:inner 1320ms linear infinite;
	animation:inner 1320ms linear infinite
	}
.md-preloader svg circle {
	fill:none;
	stroke:#ccc;
	opacity: .3;
	stroke-linecap:round;
	-webkit-animation:arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;
	animation:arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite
}
@-webkit-keyframes outer {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes outer {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-webkit-keyframes inner {
	0% {
		-webkit-transform:rotate(-100.8deg);
		transform:rotate(-100.8deg)
	}
	100% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
}
@keyframes inner {
	0% {
		-webkit-transform:rotate(-100.8deg);
		transform:rotate(-100.8deg)
	}
	100% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
}
@-webkit-keyframes arc {
	0% {
		stroke-dasharray:1 210.48670779px;
		stroke-dashoffset:0
	}
	40% {
		stroke-dasharray:151.55042961px,210.48670779px;
		stroke-dashoffset:0
	}
	100% {
		stroke-dasharray:1 210.48670779px;
		stroke-dashoffset:-151.55042961px
	}
}
@keyframes arc {
	0% { 
		stroke-dasharray:1 210.48670779px;
		stroke-dashoffset:0
	} 
	40% {
		stroke-dasharray:151.55042961px,210.48670779px;
		stroke-dashoffset:0
	}
	100% {
		stroke-dasharray:1 210.48670779px;
		stroke-dashoffset:-151.55042961px
	}
}