@keyframes loadingLogo
{
	0%
	{
		transform: rotate(0deg);
	}

	50%
	{
		transform: rotate(-180deg);
	}

	100%
	{
		transform: rotate(0deg);
	}
}

@keyframes loadingOne
{
	0%
	{
		transform: rotate(0deg);
	}

	50%
	{
		transform: rotate(360deg);
	}

	100%
	{
		transform: rotate(0deg);
	}
}

@keyframes loadingTwo
{
	0%
	{
		transform: rotate(0deg);
	}

	50%
	{
		transform: rotate(-180deg);
	}

	100%
	{
		transform: rotate(0deg);
	}
}

#modalLoading
{
	background-color: rgba(241, 241, 241, 0.7);
	bottom: 0px;
	display: inline-table;
	height: 100%;
	left: 0px;
	position: fixed;
	right: 0px;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 50000;
}

#modalLoading > div
{
	display: table-cell;
	vertical-align: middle;
}

#modalLoading > div > div
{
	animation: loadingTwo 2s infinite;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #061018;
	border-right: 4px solid #061018;
	border-top: 4px solid transparent;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
}

#modalLoading > div > div > div
{
	animation: loadingOne 2s infinite;
	border-bottom: 4px solid #159258;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #159258;
	border-radius: 100px;
	display: inline-block;
	padding: 10px;
}

#modalLoading > div > div > div > img
{
	animation: loadingLogo 2s infinite linear;
	height: 70px;
	width: 70px;
	z-index: 50000;
}