@charset "utf-8";

/*¬õ red rgba(244, 67, 54, .85)*/ /*¯» pink rgba(255, 150, 220, .85)*/

/*µµ purple rgba(156, 39, 176, .85)*/ /*²`µµ deeppurple rgba(103, 58, 183, .85)*/

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/ /*ÂÅ blue rgba(33, 150, 243, .85)*/ /*²LÂÅ lightblue rgba(3, 169, 244, .85)*/

/*«C¦â cyan rgba(0, 188, 212, .85)*/ /*Âźñ¦â teal rgba(0, 150, 136, .85)*/

/*ºñ green rgba(76, 175, 80, .85)*/ /*²Lºñ lightgreen rgba(139, 195, 74, .85)*/ /*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/

/*¶À¦â yellow rgba(255, 235, 59, .85)*/ /*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/ /*¾í¦â orange rgba(255, 152, 0, .85)*/ /*²`¾í deeporange rgba(255, 87, 34, .85)*/

/*´Ä¦â brown rgba(121, 85, 72, .85)*/ /*¦Ç¦â grey rgba(158, 158, 158, .85)*/ /*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/

/*============================================================================*/

.pl-antcss { zoom: 50%; position: fixed; top: calc(100% / 2 - 100px) !important; left: calc(100% / 2 - 100px) !important; }

.pl-antcss > div {
	left: calc(50% - 100px); position: relative; width: 200px; height: 200px;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, .95);
	overflow: hidden;
}

.pl-antcss > div:nth-child(2) { top: -190px; left: calc(50% - 90px); width: 180px; height: 180px; line-height: 180px; text-align: center; }
.pl-antcss > div div {
	position: absolute; width: 170px; height: 170px;
	border-radius: 100%;
	filter: blur(30px);
	-webkit-filter: blur(30px);
}
.pl-antcss > div div:nth-child(1) {
	background-color: rgba(244, 67, 54, .85);
	-webkit-animation: preloader-move 4s;
	-webkit-animation-delay: 4.8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: preloader-move 4s;
	animation-delay: 4.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.pl-antcss > div div:nth-child(2) {
	background-color: rgba(3, 169, 244, .85);
	-webkit-animation: preloader-move 3s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: preloader-move 3s;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.pl-antcss > div div:nth-child(3) {
	background-color: rgba(3, 169, 244, .85);
	-webkit-animation: preloader-move 6s;
	-webkit-animation-delay: 3.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: preloader-move 6s;
	animation-delay: 3.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.pl-antcss > div div:nth-child(4) {
	background-color: rgba(255, 152, 0, .85);
	-webkit-animation: preloader-move 5s;
	-webkit-animation-delay: 1.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: preloader-move 5s;
	animation-delay: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.pl-antcss .tx { color: rgba(0, 0, 0, .85); font-size: 26px; }

@-webkit-keyframes preloader-move {
	0%, 100% { top: 0%; left: 0%; }
	25% { top: 0%; left: 50%; }
	50% { top: 50%; left: 50%; }
	75% { top: 50%; left: 0%; }
}

@keyframes preloader-move {
	0%, 100% { top: 0%; left: 0%; }
	25% { top: 0%; left: 50%; }
	50% { top: 50%; left: 50%; }
	75% { top: 50%; left: 0%; }
}

/*============================================================================*/