/* ----- PAGELOADER ----- */
#pageloader {
	height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #212529;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
}

.cssload-loader {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.cssload-loader {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	margin: 3em;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
	animation: 1.15s infinite ease-in-out;
		-o-animation: 1.15s infinite ease-in-out;
		-ms-animation: 1.15s infinite ease-in-out;
		-webkit-animation: 1.15s infinite ease-in-out;
		-moz-animation: 1.15s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
	width: 100%; 
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
		content: "";
}

.cssload-loader {
		/* background-color: white; */
		animation: cssload-flower-fan 0.46s infinite linear;
		-o-animation: cssload-flower-fan 0.46s infinite linear;
		-ms-animation: cssload-flower-fan 0.46s infinite linear;
		-webkit-animation: cssload-flower-fan 0.46s infinite linear;
		-moz-animation: cssload-flower-fan 0.46s infinite linear;
        margin: 20px;
}
.cssload-loader:before{
	content: "";
	width: 80%;
	height: 80%;
	/* background-color: white; */
	top: 10%;
	left: 10%;
	box-shadow: 5px -3px 0 rgba(255,9,9,0.7),
				5px 5px 0 rgba(0,255,34,0.7),
				-3px 5px 0 rgba(15,171,111,0.7),
				-5px -5px 0 rgba(255,255,255,0.7);
		-o-box-shadow: 5px -3px 0 rgba(255,9,9,0.7),
				5px 5px 0 rgba(0,255,34,0.7),
				-3px 5px 0 rgba(15,171,111,0.7),
				-5px -5px 0 rgba(255,255,255,0.7);
		-ms-box-shadow: 5px -3px 0 rgba(255,9,9,0.7),
				5px 5px 0 rgba(0,255,34,0.7),
				-3px 5px 0 rgba(15,171,111,0.7),
				-5px -5px 0 rgba(255,255,255,0.7);
		-webkit-box-shadow: 5px -3px 0 rgba(255,9,9,0.7),
				5px 5px 0 rgba(0,255,34,0.7),
				-3px 5px 0 rgba(15,171,111,0.7),
				-5px -5px 0 rgba(255,255,255,0.7);
		-moz-box-shadow: 5px -3px 0 rgba(255,9,9,0.7),
				5px 5px 0 rgba(0,255,34,0.7),
				-3px 5px 0 rgba(15,171,111,0.7),
				-5px -5px 0 rgba(255,255,255,0.7);
}
.cssload-loader:after{
	content: "";
	/* border: 3px solid white; */
	z-index: 2;
	top: -3px;
	left: -3px;
}

h5.cssload-text {
    color: white;
}




@keyframes cssload-flower-fan {
	0%	 { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-o-keyframes cssload-flower-fan {
	0%	 { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-flower-fan {
	0%	 { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-flower-fan {
	0%	 { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-flower-fan {
	0%	 { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

/* ----- PRELOADER ---- */
.cssload-fond{
	position:relative;
	margin: auto;
    display: flex;
    justify-content: center;
    padding: 100px 0;
}

.cssload-container-general
{
	animation:cssload-animball_two 1.6s infinite;
		-o-animation:cssload-animball_two 1.6s infinite;
		-ms-animation:cssload-animball_two 1.6s infinite;
		-webkit-animation:cssload-animball_two 1.6s infinite;
		-moz-animation:cssload-animball_two 1.6s infinite;
	width:77px; height:77px;
}
.cssload-internal
{
	width:77px; height:77px; position:absolute;
}
.cssload-ballcolor
{
	width: 35px;
	height: 35px;
	border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
	position: absolute;
	animation:cssload-animball_one 1.6s infinite ease;
		-o-animation:cssload-animball_one 1.6s infinite ease;
		-ms-animation:cssload-animball_one 1.6s infinite ease;
		-webkit-animation:cssload-animball_one 1.6s infinite ease;
		-moz-animation:cssload-animball_one 1.6s infinite ease;
}
.cssload-ball_1
{
	background-color:rgb(255,9,9);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgb(0,255,34);
	top:0; left:42px;
}
.cssload-ball_3
{
	background-color:rgb(15,171,111);
	top:42px; left:0;
}
.cssload-ball_4
{
	background-color:rgb(0,0,0);
	top:42px; left:42px;
}






@keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:21px; left:21px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:21px; left:21px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:21px; left:21px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:21px; left:21px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:21px; left:21px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}