.spinner1 {
	width: 40px;
	height: 40px;
	position: relative
}
.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}
.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0.0)
}
50% {
-webkit-transform:scale(1.0)
}
}
@keyframes bounce {
0%, 100% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
50% {
transform:scale(1.0);
-webkit-transform:scale(1.0)
}
}
.spinner2 {
	width: 40px;
	height: 40px;
	position: relative
}
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.spinner2 .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%
}
.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}
.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg)
}
.circle1 {
	top: 0;
	left: 0
}
.circle2 {
	top: 0;
	right: 0
}
.circle3 {
	right: 0;
	bottom: 0
}
.circle4 {
	left: 0;
	bottom: 0
}
.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.container3 .circle1 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
.container1 .circle2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
.container2 .circle2 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
.container3 .circle2 {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}
.container1 .circle3 {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}
.container2 .circle3 {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}
.container3 .circle3 {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}
.container1 .circle4 {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}
.container2 .circle4 {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}
.container3 .circle4 {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform:scale(0.0)
}
40% {
-webkit-transform:scale(1.0)
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
40% {
transform:scale(1.0);
-webkit-transform:scale(1.0)
}
}
.spinner3 {
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-animation: rotate 2s infinite linear;
	animation: rotate 2s infinite linear
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}
.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes rotate {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate {
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0.0)
}
50% {
-webkit-transform:scale(1.0)
}
}
@keyframes bounce {
0%, 100% {
transform:scale(0.0);
-webkit-transform:scale(0.0)
}
50% {
transform:scale(1.0);
-webkit-transform:scale(1.0)
}
}
.spinner4 {
	width: 30px;
	height: 30px;
	background-color: #fff;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes rotateplane {
0% {
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.spinner5 {
	width: 32px;
	height: 32px;
	position: relative
}
.cube1, .cube2 {
	background-color: #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out
}
.cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@keyframes cubemove {
25% {
transform:translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
transform:translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)
}
50.1% {
transform:translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
transform:rotate(-360deg);
-webkit-transform:rotate(-360deg)
}
}
.spinner6 {
	width: 50px;
	height: 30px;
	text-align: center
}
.spinner6 > div {
	background-color: #fff;
	height: 100%;
	width: 6px;
	margin-left: 2px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out
}
.spinner6 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}
.spinner6 .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
.spinner6 .rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}
.spinner6 .rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% {
-webkit-transform:scaleY(0.4)
}
20% {
-webkit-transform:scaleY(1.0)
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform:scaleY(0.4);
-webkit-transform:scaleY(0.4)
}
20% {
transform:scaleY(1.0);
-webkit-transform:scaleY(1.0)
}
}
.spinner7 {
	width: 90px;
	height: 30px;
	text-align: center
}
.spinner7 > div {
	background-color: #fff;
	height: 15px;
	width: 15px;
	margin-left: 3px;
	border-radius: 50%;
	display: inline-block;
	-webkit-animation: stretchdelay .7s infinite ease-in-out;
	animation: stretchdelay .7s infinite ease-in-out
}
.spinner7 .circ2 {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}
.spinner7 .circ3 {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}
.spinner7 .circ4 {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}
.spinner7 .circ5 {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% {
-webkit-transform:translateY(-10px)
}
20% {
-webkit-transform:translateY(-20px)
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform:translateY(-10px);
-webkit-transform:translateY(-10px)
}
20% {
transform:translateY(-20px);
-webkit-transform:translateY(-20px)
}
}
.loader {
	display: block;
	position: relative;
	top: 50%;
	margin: -50px auto;
	font-size: 10px;	
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255,255,255,0.2);
	border-right: 1.1em solid rgba(255,255,255,0.2);
	border-bottom: 1.1em solid rgba(255,255,255,0.2);
	border-left: 1.1em solid #fff;
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear
}
.loader, .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}
@-webkit-keyframes load8 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.loader1 {
	display: block;
	position: relative;
	top: 50%;
	margin: -50px auto;
	font-size: 70px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	-webkit-animation: load6 1.7s infinite ease;
	animation: load6 1.7s infinite ease
}
@-webkit-keyframes load6 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
5%, 95% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
30% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.51em -.66em 0 -.42em #ffffff, -.75em -.36em 0 -.44em #ffffff, -.83em -.03em 0 -.46em #ffffff, -.81em .21em 0 -.477em #fff
}
55% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.29em -.78em 0 -.42em #ffffff, -.43em -.72em 0 -.44em #ffffff, -.52em -.65em 0 -.46em #ffffff, -.57em -.61em 0 -.477em #fff
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
}
@keyframes load6 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
5%, 95% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
30% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.51em -.66em 0 -.42em #ffffff, -.75em -.36em 0 -.44em #ffffff, -.83em -.03em 0 -.46em #ffffff, -.81em .21em 0 -.477em #fff
}
55% {
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.29em -.78em 0 -.42em #ffffff, -.43em -.72em 0 -.44em #ffffff, -.52em -.65em 0 -.46em #ffffff, -.57em -.61em 0 -.477em #fff
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
box-shadow:-.11em -.83em 0 -.4em #ffffff, -.11em -.83em 0 -.42em #ffffff, -.11em -.83em 0 -.44em #ffffff, -.11em -.83em 0 -.46em #ffffff, -.11em -.83em 0 -.477em #fff
}
}
.loader2 {
	display: block;
	position: relative;
	top: 50%;
	margin: -30px auto;
	font-size: 15px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease
}
@-webkit-keyframes load5 {
0%, 100% {
box-shadow:0 -2.6em 0 0 #ffffff, 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.5), -1.8em -1.8em 0 0 rgba(255,255,255,0.7)
}
12.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.7), 1.8em -1.8em 0 0 #ffffff, 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.5)
}
25% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.5), 1.8em -1.8em 0 0 rgba(255,255,255,0.7), 2.5em 0 0 0 #ffffff, 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
37.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.5), 2.5em 0 0 0 rgba(255,255,255,0.7), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
50% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.5), 1.75em 1.75em 0 0 rgba(255,255,255,0.7), 0 2.5em 0 0 #ffffff, -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
62.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.5), 0 2.5em 0 0 rgba(255,255,255,0.7), -1.8em 1.8em 0 0 #ffffff, -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
75% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.5), -1.8em 1.8em 0 0 rgba(255,255,255,0.7), -2.6em 0 0 0 #ffffff, -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
87.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.5), -2.6em 0 0 0 rgba(255,255,255,0.7), -1.8em -1.8em 0 0 #fff
}
}
@keyframes load5 {
0%, 100% {
box-shadow:0 -2.6em 0 0 #ffffff, 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.5), -1.8em -1.8em 0 0 rgba(255,255,255,0.7)
}
12.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.7), 1.8em -1.8em 0 0 #ffffff, 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.5)
}
25% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.5), 1.8em -1.8em 0 0 rgba(255,255,255,0.7), 2.5em 0 0 0 #ffffff, 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
37.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.5), 2.5em 0 0 0 rgba(255,255,255,0.7), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
50% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.5), 1.75em 1.75em 0 0 rgba(255,255,255,0.7), 0 2.5em 0 0 #ffffff, -1.8em 1.8em 0 0 rgba(255,255,255,0.2), -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
62.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.5), 0 2.5em 0 0 rgba(255,255,255,0.7), -1.8em 1.8em 0 0 #ffffff, -2.6em 0 0 0 rgba(255,255,255,0.2), -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
75% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.5), -1.8em 1.8em 0 0 rgba(255,255,255,0.7), -2.6em 0 0 0 #ffffff, -1.8em -1.8em 0 0 rgba(255,255,255,0.2)
}
87.5% {
box-shadow:0 -2.6em 0 0 rgba(255,255,255,0.2), 1.8em -1.8em 0 0 rgba(255,255,255,0.2), 2.5em 0 0 0 rgba(255,255,255,0.2), 1.75em 1.75em 0 0 rgba(255,255,255,0.2), 0 2.5em 0 0 rgba(255,255,255,0.2), -1.8em 1.8em 0 0 rgba(255,255,255,0.5), -2.6em 0 0 0 rgba(255,255,255,0.7), -1.8em -1.8em 0 0 #fff
}
}
.loader3:before, .loader3:after, .loader3 {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out
}
.loader3 {
	display: block;
	position: relative;
	top: 50%;
	margin: -50px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay: .16s;
	animation-delay: .16s
}
.loader3:before {
	left: -3.5em
}
.loader3:after {
	left: 3.5em;
	-webkit-animation-delay: .32s;
	animation-delay: .32s
}
.loader3:before, .loader3:after {
	content: '';
	position: absolute;
	top: 0
}
@-webkit-keyframes load7 {
0%, 80%, 100% {
box-shadow:0 2.5em 0 -1.3em #fff
}
40% {
box-shadow:0 2.5em 0 0 #FFF
}
}
@keyframes load7 {
0%, 80%, 100% {
box-shadow:0 2.5em 0 -1.3em #fff
}
40% {
box-shadow:0 2.5em 0 0 #FFF
}
}
.loader4 {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}
.loader4:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite
}
.loader4:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}