@charset "UTF-8";

.github {
	width: 200px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	color: #fff;
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.5);
	margin: 0 auto;
	cursor: pointer;
}
.github a {
	color: #fff;
	text-decoration: none;
}

.loader {
	width: 32px;
	height: 32px;
	float: left;
	display: -webkit-flex;/*safari弹性布局*/
	justify-content: center;
	display: flex;
	align-items: center;
}
@-webkit-keyframes loader1 {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.1);
		opacity: 0.7;
	}
	80% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.loader1 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	float: left;
	display: inline-block;
	margin: 2px;
}
.loader1 div:nth-child(1) {
	-webkit-animation: loader1 0.75s -0.12s ease infinite;
}
.loader1 div:nth-child(2) {
	-webkit-animation: loader1 0.75s -0.24s ease infinite;
}
.loader1 div:nth-child(3) {
	-webkit-animation: loader1 0.75s 0s ease infinite;
}
.loader1 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	float: left;
	display: inline-block;
	margin: 2px;
}
@-webkit-keyframes loader2 {
	0% {
		-webkit-transform: rotate(0) scale(1);
	}
	50% {
		-webkit-transform: rotate(180deg) scale(0.6);
	}
	100% {
		-webkit-transform: rotate(360deg) scale(1);
	}
}
.loader2 div {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px #fff solid;
	border-bottom-color: transparent;
	background: transparent;
	-webkit-animation: loader2 1s 0.23s linear infinite;
}
@-webkit-keyframes loader3 {
	0% {
		-webkit-transform: scale(0.1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.5);
		opacity: 0.1;
	}
}
.loader3 div {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: loader3 0.8s linear infinite;
}
.loader4 div {
	width: 20px;
	height: 20px;
	background: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-animation: loader3 0.8s linear infinite;
}
.loader-five {
	position: relative;
}
@-webkit-keyframes loader5 {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}
.loader-five div {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 0;
	top: -20px;
}
.loader-five div:nth-child(1) {
	-webkit-animation: loader5 0.5s -0.12s linear infinite;
}
.loader-five div:nth-child(2) {
	-webkit-animation: loader5 0.5s -0.06s linear infinite;
}
.loader-five div:nth-child(3) {
	-webkit-animation: loader5 0.5s 0s linear infinite;
}
.loader-six {
	position: relative;
	width: 60px;
	height: 60px;
}
.loader-six div {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: transparent;
	position: absolute;
	left: 0;
	top: 10px;
	border: 2px solid #fff;
}
@-webkit-keyframes loader6 {
	0% {
		-webkit-transform: scale(0.1);
		opacity: 0.1;
	}
	20% {
		-webkit-transform: scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.8);
		opacity: 0.5;
	}
}
.loader-six div:nth-child(1) {
	-webkit-animation: loader6 0.8s -0.24s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.loader-six div:nth-child(2) {
	-webkit-animation: loader6 0.8s -0.12s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.loader-six div:nth-child(3) {
	-webkit-animation: loader6 0.8s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.loader-seven {
	width: 100px;
	height: 100px;
	position: relative;
}
@-webkit-keyframes loader7 {
	0% {
		-webkit-transform: rotate(225deg);
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1.0);
	}
	8% {
		-webkit-transform: rotate(345deg);
		-webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 1.0, 1.0);
	}
	30% {
		-webkit-transform: rotate(455deg);
		-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1.0);
	}
	40% {
		transform: rotate(690deg);
		-webkit-animation-timing-function: cubic-bezier(0.0, 0.0, 1.0, 1.0);
	}
	60% {
		-webkit-transform: rotate(815deg);
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1.0);
	}
	75% {
		-webkit-transform: rotate(965deg);
		-webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1.0);
	}
	76% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.loader-seven div {
	width: 10px;
	height: 10px;
	background: #fff;
	-webkit-transform-origin: 0 25px;
	position: absolute;
	top: 0;
	left: 95px;
	border-radius: 50%;
}
.loader-seven div:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-webkit-animation: loader7 5s -1.2s infinite;
}
.loader-seven div:nth-child(2) {
	-webkit-transform: rotate(60deg);
	-webkit-animation: loader7 5s -1s infinite;
}
.loader-seven div:nth-child(3) {
	-webkit-transform: rotate(120deg);
	-webkit-animation: loader7 5s 0.8s infinite;
}
.loader-seven div:nth-child(4) {
	-webkit-transform: rotate(180deg);
	-webkit-animation: loader7 5s 0.5s infinite;
}
.loader-seven div:nth-child(5) {
	-webkit-transform: rotate(240deg);
	-webkit-animation: loader7 5s 0.2s infinite;
}
.loader-seven div:nth-child(6) {
	-webkit-transform: rotate(300deg);
	-webkit-animation: loader7 5s 0s infinite;
}
.loader-eight {
	width: 100px;
	height: 100px;
	position: relative;
}
.loader-eight div {
	width: 10px;
	height: 10px;
	background: #fff;
	-webkit-transform-origin: 0 45px;
	position: absolute;
	top: 0;
	left: 95px;
	border-radius: 50%;
}
@-webkit-keyframes loader8-1 {
	0% {
		-webkit-transform: scale(0.3) rotate(0deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(0deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(0deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(0deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-2 {
	0% {
		-webkit-transform: scale(0.3) rotate(45deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(45deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(45deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-3 {
	0% {
		-webkit-transform: scale(0.3) rotate(90deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(90deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(90deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(90deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-4 {
	0% {
		-webkit-transform: scale(0.3) rotate(135deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(135deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(135deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(135deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-5 {
	0% {
		-webkit-transform: scale(0.3) rotate(180deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(180deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(180deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(180deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-6 {
	0% {
		-webkit-transform: scale(0.3) rotate(225deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(225deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(225deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(225deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-7 {
	0% {
		-webkit-transform: scale(0.3) rotate(270deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(270deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(270deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(270deg);
		opacity: 1;
	}
}
@-webkit-keyframes loader8-8 {
	0% {
		-webkit-transform: scale(0.3) rotate(315deg);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7) rotate(315deg);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8) rotate(315deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2) rotate(315deg);
		opacity: 1;
	}
}
.loader-eight div:nth-child(1) {
	-webkit-animation: loader8-1 0.5s -0.4s infinite;
}
.loader-eight div:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-webkit-animation: loader8-2 0.5s -0.35s infinite;
}
.loader-eight div:nth-child(3) {
	-webkit-transform: rotate(90deg);
	-webkit-animation: loader8-3 0.5s -0.30s infinite;
}
.loader-eight div:nth-child(4) {
	-webkit-transform: rotate(135deg);
	-webkit-animation: loader8-4 0.5s -0.25s infinite;
}
.loader-eight div:nth-child(5) {
	-webkit-transform: rotate(180deg);
	-webkit-animation: loader8-5 0.5s -0.2s infinite;
}
.loader-eight div:nth-child(6) {
	-webkit-transform: rotate(225deg);
	-webkit-animation: loader8-6 0.5s -0.15s infinite;
}
.loader-eight div:nth-child(7) {
	-webkit-transform: rotate(270deg);
	-webkit-animation: loader8-7 0.5s -0.10s infinite;
}
.loader-eight div:nth-child(8) {
	-webkit-transform: rotate(315deg);
	-webkit-animation: loader8-8 0.5s -0.05s infinite;
}
@-webkit-keyframes loader9 {
	0% {
		-webkit-transform: scale(0.3);
		opacity: 0.4;
	}
	50% {
		-webkit-transform: scale(0.7);
		opacity: 0.8;
	}
	60% {
		-webkit-transform: scale(0.8);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
}
.loader-nine {
	position: relative;
}
.loader-nine div {
	width: 10px;
	height: 10px;
	background: #333;
	position: absolute;
	border-radius: 50%;
	margin: 0 auto;
}
.loader-nine div:nth-child(1) {
	top: -30px;
	left: 0;
	-webkit-animation: loader9 0.5s -0.4s infinite linear;
}
.loader-nine div:nth-child(2) {
	top: -20px;
	left: 20px;
	-webkit-animation: loader9 0.5s -0.35s infinite linear;
}
.loader-nine div:nth-child(3) {
	top: 0px;
	left: 30px;
	-webkit-animation: loader9 0.5s -0.30s infinite linear;
}
.loader-nine div:nth-child(4) {
	top: 20px;
	left: 20px;
	-webkit-animation: loader9 0.5s -0.25s infinite linear;
}
.loader-nine div:nth-child(5) {
	top: 30px;
	left: 0px;
	-webkit-animation: loader9 0.5s -0.2s infinite linear;
}
.loader-nine div:nth-child(6) {
	top: 20px;
	left: -20px;
	-webkit-animation: loader9 0.5s -0.15s infinite linear;
}
.loader-nine div:nth-child(7) {
	top: 0px;
	left: -30px;
	-webkit-animation: loader9 0.5s -0.1s infinite linear;
}
.loader-nine div:nth-child(8) {
	top: -20px;
	left: -20px;
	-webkit-animation: loader9 0.5s 0s infinite linear;
}
@-webkit-keyframes loader10 {
	0% {
		opacity: 0.3;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
.loader-ten {
	position: relative;
}
.loader-ten div {
	width: 5px;
	height: 15px;
	background: #fff;
	position: absolute;
	border-radius: 2px;
	margin: 0 auto;
}
.loader-ten div:nth-child(1) {
	top: -20px;
	left: 0;
	-webkit-animation: loader10 0.5s -0.4s infinite ease-in-out;
}
.loader-ten div:nth-child(2) {
	top: -13px;
	left: 13px;
	-webkit-transform: rotate(45deg);
	-webkit-animation: loader10 0.5s -0.35s infinite ease-in-out;
}
.loader-ten div:nth-child(3) {
	top: 0px;
	left: 20px;
	-webkit-transform: rotate(90deg);
	-webkit-animation: loader10 0.5s -0.30s infinite ease-in-out;
}
.loader-ten div:nth-child(4) {
	top: 13px;
	left: 13px;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: loader10 0.5s -0.25s infinite ease-in-out;
}
.loader-ten div:nth-child(5) {
	top: 20px;
	left: 0px;
	-webkit-transform: rotate(0deg);
	-webkit-animation: loader10 0.5s -0.2s infinite ease-in-out;
}
.loader-ten div:nth-child(6) {
	top: 13px;
	left: -13px;
	-webkit-transform: rotate(45deg);
	-webkit-animation: loader10 0.5s -0.15s infinite ease-in-out;
}
.loader-ten div:nth-child(7) {
	top: 0px;
	left: -20px;
	-webkit-transform: rotate(90deg);
	-webkit-animation: loader10 0.5s -0.1s infinite ease-in-out;
}
.loader-ten div:nth-child(8) {
	top: -13px;
	left: -13px;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: loader10 0.5s 0s infinite ease-in-out;
}
@-webkit-keyframes loader11 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.loader11 div {
	width: 35px;
	height: 35px;
	background-image: -webkit-linear-gradient(top, transparent 20%, transparent 70%, #fff 30%, #fff 100%);
	border-radius: 50%;
	-webkit-animation: loader11 0.6s linear infinite;
}
.loader-12 {
	width: 70px;
	height: 70px;
}
@-webkit-keyframes loader12 {
	0% {
		-webkit-transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}
.loader-12 div {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	background: #fff;
}
.loader-12 div:nth-child(1) {
	margin-left: -7px;
	-webkit-animation: loader12 1s -0.2s ease-in-out infinite;
}
.loader-12 div:nth-child(2) {
	margin-left: 5px;
	-webkit-animation: loader12 1s 0s ease-in-out infinite;
}
.loader-12 div:nth-child(3) {
	margin-left: 0px;
	margin-top: 9px;
	-webkit-animation: loader12 1s 0.5s ease-in-out infinite;
}
@-webkit-keyframes loader13-1 {
	0% {
		-webkit-transform: rotate(270deg);
	}
	50% {
		-webkit-transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
	}
}
@-webkit-keyframes loader13-2 {
	0% {
		-webkit-transform: rotate(90deg);
	}
	50% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
	}
}
@-webkit-keyframes loader13-3 {
	0% {
		left: 100px;
	}
	100% {
		left: 20px;
	}
}
.loader-13 {
	position: relative;
	width: 100px;
	height: 100px;
}
.loader-13 div:nth-child(1), .loader-13 div:nth-child(2) {
	width: 0px;
	height: 0px;
	border: 25px solid #fff;
	border-right: 25px solid transparent;
	border-radius: 50%;
	position: absolute;
}
.loader-13 div:nth-child(1) {
	-webkit-animation: loader13-1 0.5s 0s infinite linear;
}
.loader-13 div:nth-child(2) {
	-webkit-animation: loader13-2 0.5s 0s infinite linear;
}
.loader-13 div:nth-child(3), .loader-13 div:nth-child(4), .loader-13 div:nth-child(5) {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 100px;
	top: 20px;
	opacity: 0.7;
}
.loader-13 div:nth-child(3) {
	-webkit-animation: loader13-3 1s -0.66s linear infinite;
}
.loader-13 div:nth-child(4) {
	-webkit-animation: loader13-3 1s -0.33s linear infinite;
}
.loader-13 div:nth-child(5) {
	-webkit-animation: loader13-3 1s 0s linear infinite;
}
@-webkit-keyframes loader14-2 {
	0% {
		-webkit-transform: scale(0.4);
		opacity: 0.6;
	}
	100% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
}
@-webkit-keyframes loader14-1 {
	0% {
		-webkit-transform: rotate(0deg) scale(1);
	}
	50% {
		-webkit-transform: rotate(180deg) scale(0.6);
	}
	100% {
		-webkit-transform: rotate(360deg) scale(1);
	}
}
.loader-14 {
	position: relative;
}
.loader-14 div:nth-child(1) {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid;
	border-color: #fff transparent #fff transparent;
	position: absolute;
	top: -9px;
	left: -9px;
	-webkit-animation: loader14-1 1s linear infinite;
}
.loader-14 div:nth-child(2) {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	-webkit-animation: loader14-1 0.5s linear infinite;
}
@-webkit-keyframes loader15-2 {
	0% {
		-webkit-transform: scale(0.4);
		opacity: 0.6;
	}
	50% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0.4);
		opacity: 0.6;
	}
}
@-webkit-keyframes loader15-1 {
	0% {
		-webkit-transform: rotate(0deg) scale(0.6);
	}
	50% {
		-webkit-transform: rotate(180deg) scale(1);
	}
	100% {
		-webkit-transform: rotate(360deg) scale(0.6);
	}
}
.loader-15 {
	position: relative;
}
.loader-15 div:nth-child(1) {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid;
	border-color: #fff transparent #fff transparent;
	position: absolute;
	top: -7px;
	left: -7px;
	-webkit-animation: loader15-1 1s 0s ease-in-out infinite;
}
.loader-15 div:nth-child(2) {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	-webkit-animation: loader15-1 1s ease-in-out infinite;
}
@-webkit-keyframes loader16-1 {
	0% {
		-webkit-transform: scale(0.5) rotate(0deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(180deg);
	}
	100% {
		-webkit-transform: scale(0.5) rotate(360deg);
	}
}
@-webkit-keyframes loader16-2 {
	0% {
		-webkit-transform: scale(0.5) rotate(0deg);
	}
	50% {
		-webkit-transform: scale(1) rotate(-180deg);
	}
	100% {
		-webkit-transform: scale(0.5) rotate(-360deg);
	}
}
.loader-16 {
	position: relative;
}
.loader-16 div {
	position: relative;
	border-radius: 50%;
	border: 2px solid;
}
.loader-16 div:nth-child(1) {
	position: absolute;
	width: 30px;
	height: 30px;
	border-color: transparent #fff transparent #fff;
	-webkit-animation: loader16-1 1s ease-in-out infinite;
}
.loader-16 div:nth-child(2) {
	top: 8px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-color: #fff transparent #fff transparent;
	-webkit-animation: loader16-2 1s ease-in-out infinite;
}
@-webkit-keyframes loader17-1 {
	0% {
		-webkit-transform: rotate(0deg) scale(1);
	}
	50% {
		-webkit-transform: rotate(180deg) scale(0.7);
	}
	100% {
		-webkit-transform: rotate(360deg) scale(1);
	}
}
@-webkit-keyframes loader17-2 {
	0% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.7);
	}
}
.loader-17 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}
.loader-17 div:nth-child(2) {
	-webkit-animation: loader17-2 0.5s ease-in-out infinite alternate;
}
.loader-17 div:nth-child(1), .loader-17 div:nth-child(3) {
	opacity: 0.7;
	-webkit-animation: loader17-1 1s ease-in-out infinite;
}
.loader-17 div:nth-child(1) {
	transform-origin: 32.5px 7.5px;
}
.loader-17 div:nth-child(3) {
	-webkit-transform-origin: -17.5px 7.5px;
}
@-webkit-keyframes loader18 {
	0% {
		-webkit-transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, -10px);
	}
	50% {
		-webkit-transform: translate(0, 0);
	}
	75% {
		-webkit-transform: translate(0, 10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
.loader-18 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}
.loader-18 div:nth-child(1) {
	-webkit-animation: loader18 0.7s -0.2s ease-in-out infinite;
}
.loader-18 div:nth-child(2) {
	-webkit-animation: loader18 0.7s -0.1s ease-in-out infinite;
}
.loader-18 div:nth-child(3) {
	-webkit-animation: loader18 0.7s 0s ease-in-out infinite;
}
@-webkit-keyframes loader19 {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.loader-19 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}
.loader-19 div:nth-child(1) {
	-webkit-animation: loader19 1s -0.5s linear infinite;
}
.loader-19 div:nth-child(2) {
	-webkit-animation: loader19 1s -0.25s linear infinite;
}
.loader-19 div:nth-child(3) {
	-webkit-animation: loader19 1s 0s linear infinite;
}
@-webkit-keyframes loader20 {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
.loader-20 div {
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}
.loader-20 div:nth-child(1) {
	-webkit-animation: loader20 1s -0.5s linear infinite;
}
.loader-20 div:nth-child(2) {
	-webkit-animation: loader20 1s 0s linear infinite;
}
.loader-20 div:nth-child(3) {
	-webkit-animation: loader20 1s -0.5s linear infinite;
}
@-webkit-keyframes loader21 {
	0% {
		-webkit-transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1, 0.3);
	}
}
.loader-21 div {
	width: 5px;
	height: 35px;
	background: #fff;
	border-radius: 2px;
	display: inline-block;
}
.loader-21 div:nth-child(1) {
	-webkit-animation: loader21 0.5s -0.3s ease-in-out infinite alternate;
}
.loader-21 div:nth-child(2) {
	-webkit-animation: loader21 0.5s -0.15s ease-in-out infinite alternate;
}
.loader-21 div:nth-child(3) {
	-webkit-animation: loader21 0.5s 0s ease-in-out infinite alternate;
}
.loader-21 div:nth-child(4) {
	-webkit-animation: loader21 0.5s -0.15s ease-in-out infinite alternate;
}
.loader-21 div:nth-child(5) {
	-webkit-animation: loader21 0.5s -0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes loader22 {
	0% {
		-webkit-transform: scale(1, 0.3);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}
.loader-22 div {
	width: 5px;
	height: 35px;
	background: #fff;
	border-radius: 2px;
	display: inline-block;
}
.loader-22 div:nth-child(1) {
	-webkit-animation: loader22 0.5s -0.3s linear infinite;
}
.loader-22 div:nth-child(2) {
	-webkit-animation: loader22 0.5s -0.25s linear infinite;
}
.loader-22 div:nth-child(3) {
	-webkit-animation: loader22 0.5s -0.2s linear infinite;
}
.loader-22 div:nth-child(4) {
	-webkit-animation: loader22 0.5s -0.1s linear infinite;
}
.loader-22 div:nth-child(5) {
	-webkit-animation: loader22 0.5s 0s linear infinite;
}
@-webkit-keyframes loader23 {
	0% {
		height: 10px;
	}
	100% {
		height: 35px;
	}
}
.loader-23 div {
	width: 5px;
	height: 35px;
	background: #fff;
	border-radius: 2px;
	display: inline-block;
}
.loader-23 div:nth-child(1) {
	-webkit-animation: loader23 0.5s -0.3s ease-in-out infinite alternate;
}
.loader-23 div:nth-child(2) {
	-webkit-animation: loader23 0.5s -0.25s ease-in-out infinite alternate;
}
.loader-23 div:nth-child(3) {
	-webkit-animation: loader23 0.5s -0.2s ease-in-out infinite alternate;
}
.loader-23 div:nth-child(4) {
	-webkit-animation: loader23 0.5s -0.1s ease-in-out infinite alternate;
}
.loader-23 div:nth-child(5) {
	-webkit-animation: loader23 0.5s 0s ease-in-out infinite alternate;
}
@-webkit-keyframes loader24 {
	0% {
		-webkit-transform: scale(1, 0.3);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}
.loader-24 div {
	width: 5px;
	height: 35px;
	background: #fff;
	border-radius: 2px;
	display: inline-block;
}
.loader-24 div:nth-child(1) {
	-webkit-animation: loader24 0.5s -0.3s ease-in-out infinite alternate;
}
.loader-24 div:nth-child(2) {
	-webkit-animation: loader24 0.5s -0.25s ease-in-out infinite alternate;
}
.loader-24 div:nth-child(3) {
	-webkit-animation: loader24 0.5s -0.2s ease-in-out infinite alternate;
}
.loader-24 div:nth-child(4) {
	-webkit-animation: loader24 0.5s -0.1s ease-in-out infinite alternate;
}
.loader-24 div:nth-child(5) {
	-webkit-animation: loader24 0.5s 0s ease-in-out infinite alternate;
}
@-webkit-keyframes loader25 {
	0% {
		-webkit-transform: scale(0.6, 0.5);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}
.loader-25 div {
	width: 4px;
	height: 35px;
	background: #fff;
	border-radius: 2px;
	display: inline-block;
}
.loader-25 div:nth-child(1) {
	-webkit-animation: loader25 0.25s 0s ease-in-out infinite alternate;
}
.loader-25 div:nth-child(3) {
	-webkit-animation: loader25 0.25s 0s ease-in-out infinite alternate;
}
.loader-25 div:nth-child(2) {
	-webkit-animation: loader25 0.5s 0s ease-in-out infinite alternate;
}
.loader-25 div:nth-child(4) {
	-webkit-animation: loader25 0.5s 0s ease-in-out infinite alternate;
}
@-webkit-keyframes loader26 {
	25% {
		-webkit-transform: rotateX(180deg) rotateY(0deg);
	}
	50% {
		-webkit-transform: rotateX(180deg) rotateY(180deg);
	}
	75% {
		-webkit-transform: rotateX(0deg) rotateY(180deg);
	}
	100% {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
	}
}
.loader-26 {
	width: 50px;
	height: 50px;
	-webkit-perspective: 100px;
}
.loader-26 div {
	width: 50px;
	height: 50px;
	background: #fff;
	-webkit-animation: loader26 2s ease-in-out infinite;
}
@-webkit-keyframes loader27 {
	25% {
		-webkit-transform: rotateX(180deg);
	}
	50% {
		-webkit-transform: rotateX(180deg) rotateY(180deg);
	}
	75% {
		-webkit-transform: rotateX(0deg) rotateY(180deg);
	}
	100% {
		-webkit-transform: rotateX(0deg) rotateY(0deg);
	}
}
.loader-27 div {
	-webkit-perspective: 50px;
}
.loader-27 div {
	width: 0;
	height: 0;
	border: 20px solid;
	border-color: transparent transparent #fff transparent;
	-webkit-animation: loader27 2s 0s ease-in-out infinite;
}
@-webkit-keyframes loader28-1 {
	0% {
		-webkit-transform: scale(0.4);
	}
	25% {
		-webkit-transform: translateY(30px);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
	75% {
		-webkit-transform: translateY(-30px);
	}
	100% {
		-webkit-transform: translateY(0) scale(0.75);
	}
}
.loader-28 div {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
}
.loader-28 div:nth-child(2n-1) {
	-webkit-animation: loader28-1 1s 0s cubic-bezier(0.000, 0.790, 0.885, 0.230) infinite;
}
.loader-28 div:nth-child(2n) {
	-webkit-animation: loader28-1 1s 0.5s cubic-bezier(0.000, 0.790, 0.885, 0.230) infinite;
}
@-webkit-keyframes loader29-1 {
	33.333% {
		-webkit-transform: translate(20px, -35px);
	}
	66.666% {
		-webkit-transform: translate(40px, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@-webkit-keyframes loader29-2 {
	33.333% {
		-webkit-transform: translate(20px, 35px);
	}
	66.666% {
		-webkit-transform: translate(-20px, 35px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@-webkit-keyframes loader29-3 {
	33.333% {
		-webkit-transform: translate(-40px, 0);
	}
	66.666% {
		-webkit-transform: translate(-20px, -35px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
.loader-29 {
	position: relative;
}
.loader-29 div {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
}
.loader-29 div:nth-child(1) {
	left: -20px;
	-webkit-animation: loader29-1 1.5s  ease-in-out infinite;
}
.loader-29 div:nth-child(2) {
	top: -35px;
	-webkit-animation: loader29-2 1.5s  ease-in-out infinite;
}
.loader-29 div:nth-child(3) {
	left: 20px;
	-webkit-animation: loader29-3 1.5s ease-in-out infinite;
}
@-webkit-keyframes loader30 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.loader-30 {
	position: relative;
}
.loader-30 div:nth-child(1) {
	width: 50px;
	height: 50px;
	border: 10px solid #fff;
	background: transparent;
	border-radius: 50%;
	opacity: 0.3;
	position: absolute;
}
.loader-30 div:nth-child(2) {
	width: 10px;
	height: 10px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
	left: 35px;
	-webkit-transform-origin: 0 35px;
	-webkit-animation: loader30 1s infinite linear;
}
@-webkit-keyframes loader31 {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	}
	50% {
		-webkit-transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.5;
	}
}
.loader-31 {
	position: relative;
}
.loader-31 div {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	background: #fff;
	opacity: 0.5;
}
.loader-31 div:nth-child(1) {
	-webkit-animation: loader31 2s 0s infinite ease-in-out;
}
.loader-31 div:nth-child(2) {
	-webkit-animation: loader31 2s -1s infinite ease-in-out;
}
@-webkit-keyframes loader32-1 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes loader32-2 {
	0% {
		-webkit-transform: scale(0);
	}
	50% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0);
	}
}
.loader-32 {
	position: relative;
	width: 60px;
	height: 60px;
	-webkit-animation: loader32-1 2s infinite linear;
}
.loader-32 div {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	-webkit-animation: loader32-2 2s infinite ease-in-out;
}
.loader-32 div:nth-child(1) {
	-webkit-animation-delay: -1s;
}
@-webkit-keyframes loader33 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.loader-33 {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-animation: loader33 1s infinite;
}
.loader-33 div {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	margin-top: 5px;
	margin-left: 5px;
	background: #007750;
}
@-webkit-keyframes loader34 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	20% {
		-webkit-transform: rotate(720deg);
	}
	50% {
		-webkit-transform: rotate(1080deg);
	}
	100% {
		-webkit-transform: rotate(2000deg);
	}
}
.loader-34 {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-animation: loader34 10s infinite ease-in-out alternate;
}
.loader-34 div {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	margin-top: 5px;
	margin-left: 5px;
	background: #007750;
}
@-webkit-keyframes loader35 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.loader-35 div {
	width: 40px;
	height: 40px;
	background: transparent;
	border: 15px solid #fff;
	border-radius: 50%;
	border-top-color: transparent;
	-webkit-animation: loader35 infinite 2s linear;
}
@-webkit-keyframes loader36 {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
.loader-36 div {
	height: 30px;
	width: 30px;
	background: transparent;
	border-radius: 50%;
	border: 5px solid #fff;
	border-left-color: transparent;
	-webkit-animation: loader36 infinite 1.6s linear;
}
.loader-36 div:after {
	content: "";
	overflow: hidden;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #fff;
	border-left-color: #fff;
	background: transparent;
	display: block;
	margin-left: -3px;
	margin-top: 22px;
}
@-webkit-keyframes loader37{
			0%{
				-webkit-transform: rotate(0deg);
			}
			100%{
				-webkit-transform: rotate(360deg);
			}
		}
		.loader-37{
			width:120px;
			height:120px;
			border-radius:50%;
			background:#09CBBF;
			position:relative;
			-webkit-animation:loader37 infinite 1s linear;
		}
		.loader-37 div:nth-child(1){
			width:20px;
			height:20px;
			background:transparent;
			border:10px solid #fff;
			top:20px;
			left:60px;
			position:absolute;
			border-left-color:transparent;
			border-bottom-color:transparent;
			border-right-color:transparent;
			border-radius:0 100% 0 0;
		}
		.loader-37 div:nth-child(1):after{
			content:"";
			border:8px solid #fff;
			width:0;
			height:0;
			display:block;
			border-top-color:transparent;
			border-left-color:transparent;
			top:12px;
			left:15px;
			position:relative;
			transform: rotate(45deg);
		}
		.loader-37 div:nth-child(2){
			width:20px;
			height:20px;
			background:transparent;
			border:10px solid #003;
			top:60px;
			left:20px;
			position:absolute;
			border-right-color:transparent;
			border-top-color:transparent;
			border-bottom-color:transparent;
			border-radius:0 0  0 100%;
		}
		.loader-37 div:nth-child(2):after{
			content:"";
			border:8px solid #003;
			width:0;
			height:0;
			display:block;
			border-bottom-color:transparent;
			border-right-color:transparent;
			top:-15px;
			left:-12px;
			position:relative;
			transform: rotate(45deg);
		}

		@-webkit-keyframes loader38{
			100%{
				-webkit-transform: rotate(360deg);
			}
		}
		.loader-38{
			position:relative;
		}
		.loader-38 div{
			width:80px;
			height:80px;
			border-radius:50%;
			background:#fff;
		}
		.loader-38 div::before{
			content:"";
			width:6px;
			height:34px;
			background:#51B1D9;
			position:absolute;
			left:37px;
			top:6px;
			border-radius:3px;
			transform-origin:center bottom;
			-webkit-animation:loader38 2s infinite linear;
		}
		.loader-38 div::after{
			content:"";
			width:6px;
			height:24px;
			left:37px;
			top:16px;
			position:absolute;
			background:#51B1D9;
			border-radius:3px;
			transform-origin:center bottom;
			-webkit-animation: loader38 linear 24s infinite;
		}
		
		@-webkit-keyframes loader39-1{
			0%{
				-webkit-transform: translate(0px, 0px);
			}
			25%{
				-webkit-transform: translate(-30px,0px);
			}
			50%{
				-webkit-transform: translate(0px,0px);
			}
			100%{
				-webkit-transform: translate(0px,0px);
			}
		}
		@-webkit-keyframes loader39-2{
			0%{
				-webkit-transform: translate(0px, 0px);
			}
			25%{
				-webkit-transform: translate(30px,0px);
			}
			50%{
				-webkit-transform: translate(0px,0px);
			}
			100%{
				-webkit-transform: translate(0px,0px);
			}
		}
		.loader-39{
			height:20px;
			width:150px;
		}
		.loader-39 span{
			width:15px;
			height:15px;
			background:#fff;
			border-radius:50%;
			display:inline-block;
		}
		.loader-39 span:nth-child(1){
			-webkit-animation: loader39-1 infinite 1.5s linear;
		}
		.loader-39 span:nth-child(5){
			-webkit-animation: loader39-2 infinite -0.75s 1.5s linear;
		}
@-webkit-keyframes loader40-1{
			33%{
				-webkit-transform: rotate(90deg);
			}
			100%{
				-webkit-transform: rotate(90deg);
			}
		}
		@-webkit-keyframes loader40-2{
			66%{
				-webkit-transform: rotate(180deg);
			}
			100%{
				-webkit-transform: rotate(180deg);
			}
		}
		@-webkit-keyframes loader40-3{
			100%{
				-webkit-transform: rotate(270deg);
			}
		}
		.loader-40{
			width:50px;
			height:50px;
			background:transparent;
			border:10px solid rgba(255, 255, 255, 0.3);
			border-radius:50%;
			position:relative;
		}
		.loader-40 div{
			height:50px;
			width:50px;
			background:transparent;
			border-radius:50%;
			border:10px solid transparent;
			border-right-color:#fff;
			position:absolute;
			top:-10px;
			left:-10px;
		}
		.loader-40 div:nth-child(1){
			-webkit-animation: loader40-1 1.2s linear infinite;
		}
		.loader-40 div:nth-child(2){
			-webkit-animation: loader40-2 1.2s linear infinite;
		}
		.loader-40 div:nth-child(3){
			-webkit-animation: loader40-3 1.2s linear infinite;
		}