.apploading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.apploading .box--container {
	width: 50%;
	height: 80%;
	display: grid;
	grid-template-rows: 1fr 1fr;
	animation: rotate 1s ease infinite;
}
.apploading .box--container .box {
	/* background: #fff; */
	/* overflow: hidden; */
	position: relative;
}
.apploading .box--container .box .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 25px;
	width: 25px;
	background: #323232;
	border-radius: 50%;
}
.apploading .box--container .box .circle--1 {
	animation: circle--1 ease 1200ms infinite;
	/* animation: rotate 1s ease infinite; */
}
.apploading .box--container .box .circle--2 {
	background: #009345;
	animation: circle--2 ease 1200ms infinite;
}
@keyframes circle--1 {
	0% {
		top: 50%;
	}
	50% {
		top: 120%;
	}
	100% {
		top: 50%;
	}
}
@keyframes circle--2 {
	0% {
		top: 50%;
	}
	50% {
		top: -50%;
	}
	100% {
		top: 50%;
	}
}

@keyframes rotate {
	to {
		transform: rotate(360deg);
	}
}


.support{
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 10px;
	display: flex;
}