@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 { position: fixed; top: calc(100% / 2 - 10px) !important; left: calc(100% / 2 - 78px) !important; }

.pl-antcss .container { /*width: 160px;*/ }

.pl-antcss .stick {
	display: inline-block; position: relative; margin-left: -4px; width: 30px; height: 3px;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .85);
}
.pl-antcss .stick:nth-child(n) {
	-webkit-transform: rotate(30deg); transform: rotate(30deg);
	-webkit-animation: preloader-fall 2s infinite; animation: preloader-fall 2s infinite;
}

.pl-antcss .stick:nth-child(2n) {
	-webkit-transform: rotate(-30deg); transform: rotate(-30deg);
	-webkit-animation: preloader-rise 2s infinite; animation: preloader-rise 2s infinite;
}

.pl-antcss .stick:before,
.pl-antcss .stick:nth-child(2n):after { content: ''; display: block; position: absolute; top: -1px; width: 5px; height: 5px; border-radius: 100%; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15); background-color: rgba(0, 0, 0, .85); }

.pl-antcss .stick:before { left: -2px; }
.pl-antcss .stick:nth-child(2n):after { right: -2px; }

.pl-antcss .tx {
	margin: 20px 0 0 0; width: 100%; text-align: center;
	color: rgba(0, 0, 0, .85);
	font-size: 14px;
}

/*----------------------------------------------------------------------------*/

/*¬õ red rgba(244, 67, 54, .85)*/
.pl-antcss.red .stick,
.pl-antcss.red .stick:before,
.pl-antcss.red .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(244, 67, 54, .15); background-color: rgba(244, 67, 54, .85); }
.pl-antcss.red .tx { color: rgba(244, 67, 54, .85); }

/*¯» pink rgba(255, 150, 220, .85)*/
.pl-antcss.pink .stick,
.pl-antcss.pink .stick:before,
.pl-antcss.pink .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 150, 220, .15); background-color: rgba(255, 150, 220, .85); }
.pl-antcss.pink .tx { color: rgba(255, 150, 220, .85); }

/*µµ purple rgba(156, 39, 176, .85)*/
.pl-antcss.purple .stick,
.pl-antcss.purple .stick:before,
.pl-antcss.purple .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(156, 39, 176, .15); background-color: rgba(156, 39, 176, .85); }
.pl-antcss.purple .tx { color: rgba(156, 39, 176, .85); }

/*²`µµ deeppurple rgba(103, 58, 183, .85)*/
.pl-antcss.deeppurple .stick,
.pl-antcss.deeppurple .stick:before,
.pl-antcss.deeppurple .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(103, 58, 183, .15); background-color: rgba(103, 58, 183, .85); }
.pl-antcss.deeppurple .tx { color: rgba(103, 58, 183, .85); }

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/
.pl-antcss.indigo .stick,
.pl-antcss.indigo .stick:before,
.pl-antcss.indigo .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(63, 81, 181, .15); background-color: rgba(63, 81, 181, .85); }
.pl-antcss.indigo .tx { color: rgba(63, 81, 181, .85); }

/*ÂÅ blue rgba(33, 150, 243, .85)*/
.pl-antcss.blue .stick,
.pl-antcss.blue .stick:before,
.pl-antcss.blue .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(33, 150, 243, .15); background-color: rgba(33, 150, 243, .85); }
.pl-antcss.blue .tx { color: rgba(33, 150, 243, .85); }

/*²LÂÅ lightblue rgba(3, 169, 244, .85)*/
.pl-antcss.lightblue .stick,
.pl-antcss.lightblue .stick:before,
.pl-antcss.lightblue .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(3, 169, 244, .15); background-color: rgba(3, 169, 244, .85); }
.pl-antcss.lightblue .tx { color: rgba(3, 169, 244, .85); }

/*«C¦â cyan rgba(0, 188, 212, .85)*/
.pl-antcss.cyan .stick,
.pl-antcss.cyan .stick:before,
.pl-antcss.cyan .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(0, 188, 212, .15); background-color: rgba(0, 188, 212, .85); }
.pl-antcss.cyan .tx { color: rgba(0, 188, 212, .85); }

/*ÂÅºñ¦â teal rgba(0, 150, 136, .85)*/
.pl-antcss.teal .stick,
.pl-antcss.teal .stick:before,
.pl-antcss.teal .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(0, 150, 136, .15); background-color: rgba(0, 150, 136, .85); }
.pl-antcss.teal .tx { color: rgba(0, 150, 136, .85); }

/*ºñ green rgba(76, 175, 80, .85)*/
.pl-antcss.green .stick,
.pl-antcss.green .stick:before,
.pl-antcss.green .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(76, 175, 80, .15); background-color: rgba(76, 175, 80, .85); }
.pl-antcss.green .tx { color: rgba(76, 175, 80, .85); }

/*²Lºñ lightgreen rgba(139, 195, 74, .85)*/
.pl-antcss.lightgreen .stick,
.pl-antcss.lightgreen .stick:before,
.pl-antcss.lightgreen .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(139, 195, 74, .15); background-color: rgba(139, 195, 74, .85); }
.pl-antcss.lightgreen .tx { color: rgba(139, 195, 74, .85); }

/*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/
.pl-antcss.lime .stick,
.pl-antcss.lime .stick:before,
.pl-antcss.lime .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(205, 220, 57, .15); background-color: rgba(205, 220, 57, .85); }
.pl-antcss.lime .tx { color: rgba(205, 220, 57, .85); }

/*¶À¦â yellow rgba(255, 235, 59, .85)*/
.pl-antcss.yellow .stick,
.pl-antcss.yellow .stick:before,
.pl-antcss.yellow .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 235, 59, .15); background-color: rgba(255, 235, 59, .85); }
.pl-antcss.yellow .tx { color: rgba(255, 235, 59, .85); }

/*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/
.pl-antcss.amber .stick,
.pl-antcss.amber .stick:before,
.pl-antcss.amber .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 193, 7, .15); background-color: rgba(255, 193, 7, .85); }
.pl-antcss.amber .tx { color: rgba(255, 193, 7, .85); }

/*¾í¦â orange rgba(255, 152, 0, .85)*/
.pl-antcss.orange .stick,
.pl-antcss.orange .stick:before,
.pl-antcss.orange .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 152, 0, .15); background-color: rgba(255, 152, 0, .85); }
.pl-antcss.orange .tx { color: rgba(255, 152, 0, .85); }

/*²`¾í deeporange rgba(255, 87, 34, .85)*/
.pl-antcss.deeporange .stick,
.pl-antcss.deeporange .stick:before,
.pl-antcss.deeporange .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 87, 34, .15); background-color: rgba(255, 87, 34, .85); }
.pl-antcss.deeporange .tx { color: rgba(255, 87, 34, .85); }

/*´Ä¦â brown rgba(121, 85, 72, .85)*/
.pl-antcss.brown .stick,
.pl-antcss.brown .stick:before,
.pl-antcss.brown .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(121, 85, 72, .15); background-color: rgba(121, 85, 72, .85); }
.pl-antcss.brown .tx { color: rgba(121, 85, 72, .85); }

/*¦Ç¦â grey rgba(158, 158, 158, .85)*/
.pl-antcss.grey .stick,
.pl-antcss.grey .stick:before,
.pl-antcss.grey .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(158, 158, 158, .15); background-color: rgba(158, 158, 158, .85); }
.pl-antcss.grey .tx { color: rgba(158, 158, 158, .85); }

/*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/
.pl-antcss.bluegrey .stick,
.pl-antcss.bluegrey .stick:before,
.pl-antcss.bluegrey .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(96, 125, 139, .15); background-color: rgba(96, 125, 139, .85); }
.pl-antcss.bluegrey .tx { color: rgba(96, 125, 139, .85); }


.pl-antcss.white .stick,
.pl-antcss.white .stick:before,
.pl-antcss.white .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(255, 255, 255, .15); background-color: rgba(255, 255, 255, .85); }
.pl-antcss.white .tx { color: rgba(255, 255, 255, .85); }


.pl-antcss.black .stick,
.pl-antcss.black .stick:before,
.pl-antcss.black .stick:nth-child(2n):after { box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15); background-color: rgba(0, 0, 0, .85); }
.pl-antcss.black .tx { color: rgba(0, 0, 0, .85); }

/*----------------------------------------------------------------------------*/

@-webkit-keyframes preloader-rise {
	50% { transform: rotate(30deg); -webkit-transform: rotate(30deg); }
}

@keyframes preloader-rise {
	50% { transform: rotate(30deg); -webkit-transform: rotate(30deg); }
}


@-webkit-keyframes preloader-fall {
	50% { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }
}
@keyframes preloader-fall {
	50% { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }
}


@-webkit-keyframes preloader-fade {
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
@keyframes preloader-fade {
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}

/*============================================================================*/
