@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: 35%; position: fixed; top: calc(100% / 2 - 0px) !important; left: calc(100% / 2 - 0px) !important; }
.pl-antcss .loader_overlay {
	z-index: -1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 150px; height: 150px;
	border-radius: 100%;
	box-shadow: 0px 0px 100px 30px rgba(255, 255, 255, .65), 0px 0px 20px 0px rgba(0, 0, 0, .15) inset;
	background: transparent; background-color: transparent;
}
.pl-antcss .loader_cogs { z-index: -2; position: absolute; top: -120px !important; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100px; height: 100px; }
.pl-antcss .loader_cogs__top {
	position: relative; width: 100px; height: 100px;
	-webkit-transform-origin: 50px 50px;
	transform-origin: 50px 50px;
	-webkit-animation: preloader-rotate 10s infinite linear;
	animation: preloader-rotate 10s infinite linear;
}
.pl-antcss .loader_cogs__top div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.pl-antcss .loader_cogs__top div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.pl-antcss .loader_cogs__top div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pl-antcss .loader_cogs__top div.top_part { position: absolute; width: 100px; height: 100px; border-radius: 10px; background: #81d4fa; } /*top*/
.pl-antcss .loader_cogs__top div.top_hole { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 50px; height: 50px; border-radius: 100%; background: #fff; }
.pl-antcss .loader_cogs__left {
	position: relative; top: 28px; left: -24px; width: 80px; height: 80px;
	-webkit-transform: rotate(16deg);
	transform: rotate(16deg);
	-webkit-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	animation: preloader-rotate_left 10s .1s infinite reverse linear;
}
.pl-antcss .loader_cogs__left div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.pl-antcss .loader_cogs__left div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.pl-antcss .loader_cogs__left div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pl-antcss .loader_cogs__left div.left_part { position: absolute; width: 80px; height: 80px; border-radius: 6px; background: #9ccc65; } /*left*/
.pl-antcss .loader_cogs__left div.left_hole { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 40px; height: 40px; border-radius: 100%; background: #fff; }
.pl-antcss .loader_cogs__bottom {
	position: relative; top: -65px; left: 79px; width: 60px; height: 60px;
	-webkit-transform-origin: 30px 30px;
	transform-origin: 30px 30px;
	-webkit-animation: preloader-rotate_left 10.2s .4s infinite linear;
	animation: preloader-rotate_left 10.2s .4s infinite linear;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}
.pl-antcss .loader_cogs__bottom div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.pl-antcss .loader_cogs__bottom div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.pl-antcss .loader_cogs__bottom div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.pl-antcss .loader_cogs__bottom div.bottom_part {  position: absolute; width: 60px; height: 60px; border-radius: 5px; background: #ffd54f; } /*right*/
.pl-antcss .loader_cogs__bottom div.bottom_hole { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 30px; height: 30px; border-radius: 100%; background: #fff; }
.pl-antcss .lad { /*display: inline-block;*/ display: none; width: 100%; margin: 0 auto; text-align: center; color: #f44336; font-family: 'Dosis', sans-serif; font-size: 18px; }



@-webkit-keyframes preloader-rotate {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes preloader-rotate {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes preloader-rotate_left60 {
	from { -webkit-transform: rotate(16deg); transform: rotate(16deg); }
	to { -webkit-transform: rotate(376deg); transform: rotate(376deg); }
}

@keyframes preloader-rotate_left {
	from { -webkit-transform: rotate(16deg); transform: rotate(16deg); }
	to { -webkit-transform: rotate(376deg); transform: rotate(376deg); }
}

@-webkit-keyframes preloader-rotate_right60 {
	from { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
	to { -webkit-transform: rotate(364deg); transform: rotate(364deg); }
}

@keyframes preloader-rotate_right {
	from { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
	to { -webkit-transform: rotate(364deg); transform: rotate(364deg); }
}

/*============================================================================*/
