@charset "utf-8";
.Ladowanie-1 {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.Ladowanie-1 .Obrotowa-Ramka {
	width: 100%;
	height: 100%;
	position: absolute;
	float: left;
}
.Obrotowa-Ramka .Ladowanie-Kulka {
	width: 4%;
	height: 4%;
	position: relative;
	background-color: #1991CB;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
	min-width: 2px;
	min-height: 2px;
	transform-style:flat;
	transform-origin: 50% 50%;
}

.Ladowanie-1 .Obrot-1 {
	animation: obracanie1 2s linear infinite;
	-webkit-animation: obracanie1 2s linear infinite;
}

.Ladowanie-1 .Obrot-2 {
	animation: obracanie2 2s linear infinite;
	-webkit-animation: obracanie2 2s linear infinite;
}

.Ladowanie-1 .Obrot-3 {
	animation: obracanie3 2s linear infinite;
	-webkit-animation: obracanie3 2s linear infinite;
}

.Ladowanie-1 .Obrot-4 {
	animation: obracanie4 2s linear infinite;
	-webkit-animation: obracanie4 2s linear infinite;
}

.Ladowanie-1 .Obrot-5 {
	animation: obracanie5 2s linear infinite;
	-webkit-animation: obracanie5 2s linear infinite;
}


@keyframes obracanie1 {
	0% {
		transform:rotate(-30deg);
	}
	
	50% {
		transform:rotate(30deg);
	}
	
	100% {
		transform:rotate(330deg);
	}
}

@-webkit-keyframes obracanie1 {
	0% {
		-webkit-transform:rotate(-30deg);
	}
	
	50% {
		-webkit-transform:rotate(30deg);
	}
	
	100% {
		-webkit-transform:rotate(330deg);
	}
}


@keyframes obracanie2 {
	0% {
		transform:rotate(-15deg);
	}
	
	37.5% {
		transform:rotate(30deg);
	}
	
	87.5% {
		transform:rotate(330deg);
	}
	
	100% {
		transform:rotate(345deg);
	}
}

@-webkit-keyframes obracanie2 {
	0% {
		-webkit-transform:rotate(-15deg);
	}
	
	37.5% {
		-webkit-transform:rotate(30deg);
	}
	
	87.5% {
		-webkit-transform:rotate(330deg);
	}
	
	100% {
		-webkit-transform:rotate(345deg);
	}
}

@keyframes obracanie3 {
	0% {
		transform:rotate(15deg);
	}
	
	12.5% {
		transform:rotate(30deg);
	}
	
	62.5% {
		transform:rotate(330deg);
	}
	
	100% {
		transform:rotate(375deg);
	}
}

@-webkit-keyframes obracanie3 {
	0% {
		-webkit-transform:rotate(15deg);
	}
	
	12.5% {
		-webkit-transform:rotate(30deg);
	}
	
	62.5% {
		-webkit-transform:rotate(330deg);
	}
	
	100% {
		-webkit-transform:rotate(375deg);
	}
}

@keyframes obracanie4 {
	0% {
		transform:rotate(0deg);
	}
	
	25% {
		transform:rotate(30deg);
	}
	
	75% {
		transform:rotate(330deg);
	}
	
	100% {
		transform:rotate(360deg);
	}
}

@-webkit-keyframes obracanie4 {
	0% {
		-webkit-transform:rotate(0deg);
	}
	
	25% {
		-webkit-transform:rotate(30deg);
	}
	
	75% {
		-webkit-transform:rotate(330deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
	}
}

@keyframes obracanie5 {
	0% {
		transform:rotate(30deg);
	}
	
	50% {
		transform:rotate(330deg);
	}
	
	100% {
		transform:rotate(390deg);
	}
}

@-webkit-keyframes obracanie5 {
	0% {
		-webkit-transform:rotate(30deg);
	}
	
	50% {
		-webkit-transform:rotate(330deg);
	}
	
	100% {
		-webkit-transform:rotate(390deg);
	}
}
