@charset "utf-8";

body, html {
	color: #666666;
}

body, html, html * {
	font-family: 'Poppins Regular';
	font-size: 14px;
	--higru: #fff;
}
a, a:hover {
	color: #666666;
}


#carregando-pagina {
	margin: 0;
	padding: 0;
	background: #fff;
	min-height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 9999;
}
#carregando-pagina .loader {
	width: 20vw;
	max-height: 90vh;
	transform-origin: 50% 50%;
	overflow: visible;
}
#carregando-pagina .ci1 {
    fill: var(--higru);
    animation: toBig 3s infinite -1.5s;
    transform-box: fill-box;
    transform-origin: 50% 50%;
}
#carregando-pagina .ciw {
    transform-box: fill-box;
    transform-origin: 50% 50%;
    animation: breath 3s infinite;
}
#carregando-pagina .ci2 {
    fill: var(--higru);
    animation: toBig2 3s infinite;
    transform-box: fill-box;
    transform-origin: 50% 50%;

}
#carregando-pagina .points {
	animation: rot 3s infinite;
	transform-box: fill-box;
    transform-origin: 50% 50%;
}
@keyframes rot {
	0% {
		transform:  rotate(0deg);
	}
	30% {
		transform:  rotate(360deg);
	}
	50% {
		transform:  rotate(360deg);
	}
	80% {
		transform:  rotate(0deg);
	}
	100% {
		transform:  rotate(0deg);
	}
}
@keyframes toBig {
	0% {
		transform:  scale(1) translateX(0px);
	}
	30% {
		transform:  scale(1) translateX(0px);
	}
	50% {
		transform:  scale(10) translateX(-4.5px);
	}
	80% {
		transform:  scale(10) translateX(-4.5px);
	}
	100% {
		transform:  scale(1) translateX(0px);
	}
}
@keyframes toBig2 {
	0% {
		transform:  scale(1) translateX(0px);
	}
	30% {
		transform:  scale(1) translateX(0px);
	}
	50% {
		transform:  scale(10) translateX(4.5px);
	}
	80% {
		transform:  scale(10) translateX(4.5px);
	}
	100% {
		transform:  scale(1) translateX(0px);
	}
}
@keyframes breath {
	15% {
		transform:  scale(1) ;
	}
	40% {
		transform:  scale(1.1) ;
	}  
	65% {
		transform:  scale(1) ;
	}
	90% {
		transform:  scale(1.1) ;
	}
}