/*Spinner de letras*/
#fountainTextG{
	width:390px;
	margin:auto;
}

.fountainTextG{
	color:rgb(45,195,105);
	font-family:Arial;
	font-size:41px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:3.46s;
		-o-animation-duration:3.46s;
		-ms-animation-duration:3.46s;
		-webkit-animation-duration:3.46s;
		-moz-animation-duration:3.46s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#fountainTextG_1{
	animation-delay:1.24s;
		-o-animation-delay:1.24s;
		-ms-animation-delay:1.24s;
		-webkit-animation-delay:1.24s;
		-moz-animation-delay:1.24s;
}
#fountainTextG_2{
	animation-delay:1.48s;
		-o-animation-delay:1.48s;
		-ms-animation-delay:1.48s;
		-webkit-animation-delay:1.48s;
		-moz-animation-delay:1.48s;
}
#fountainTextG_3{
	animation-delay:1.73s;
		-o-animation-delay:1.73s;
		-ms-animation-delay:1.73s;
		-webkit-animation-delay:1.73s;
		-moz-animation-delay:1.73s;
}
#fountainTextG_4{
	animation-delay:1.98s;
		-o-animation-delay:1.98s;
		-ms-animation-delay:1.98s;
		-webkit-animation-delay:1.98s;
		-moz-animation-delay:1.98s;
}
#fountainTextG_5{
	animation-delay:2.22s;
		-o-animation-delay:2.22s;
		-ms-animation-delay:2.22s;
		-webkit-animation-delay:2.22s;
		-moz-animation-delay:2.22s;
}
#fountainTextG_6{
	animation-delay:2.47s;
		-o-animation-delay:2.47s;
		-ms-animation-delay:2.47s;
		-webkit-animation-delay:2.47s;
		-moz-animation-delay:2.47s;
}
#fountainTextG_7{
	animation-delay:2.72s;
		-o-animation-delay:2.72s;
		-ms-animation-delay:2.72s;
		-webkit-animation-delay:2.72s;
		-moz-animation-delay:2.72s;
}
#fountainTextG_8{
	animation-delay:2.96s;
		-o-animation-delay:2.96s;
		-ms-animation-delay:2.96s;
		-webkit-animation-delay:2.96s;
		-moz-animation-delay:2.96s;
}
#fountainTextG_9{
	animation-delay:3.21s;
		-o-animation-delay:3.21s;
		-ms-animation-delay:3.21s;
		-webkit-animation-delay:3.21s;
		-moz-animation-delay:3.21s;
}
#fountainTextG_10{
	animation-delay:3.46s;
		-o-animation-delay:3.46s;
		-ms-animation-delay:3.46s;
		-webkit-animation-delay:3.46s;
		-moz-animation-delay:3.46s;
}
#fountainTextG_11{
	animation-delay:3.71s;
		-o-animation-delay:3.71s;
		-ms-animation-delay:3.71s;
		-webkit-animation-delay:3.71s;
		-moz-animation-delay:3.71s;
}
#fountainTextG_12{
	animation-delay:3.95s;
		-o-animation-delay:3.95s;
		-ms-animation-delay:3.95s;
		-webkit-animation-delay:3.95s;
		-moz-animation-delay:3.95s;
}
#fountainTextG_13{
	animation-delay:4.2s;
		-o-animation-delay:4.2s;
		-ms-animation-delay:4.2s;
		-webkit-animation-delay:4.2s;
		-moz-animation-delay:4.2s;
}




@keyframes bounce_fountainTextG{
	0%{
		transform:scale(1);
		color:rgb(45,195,105);
	}

	100%{
		transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(45,195,105);
	}

	100%{
		-o-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(45,195,105);
	}

	100%{
		-ms-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(45,195,105);
	}

	100%{
		-webkit-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(45,195,105);
	}

	100%{
		-moz-transform:scale(.5);
		color:rgb(255,255,255);
	}
}


/*Spinner de reloj*/
.circle{
    position:relative;
    width:80px;
    height:80px;
    background:#ecf0f1;
    border:solid 5px #2c3e50;
    border-radius:100%;
    overflow:hidden;
    animation: rotates 2s infinite linear;
    -webkit-animation: rotates 2s infinite linear;
}
.up{
    width: 30px;
    height: 40px;
    left:25px;
    overflow:hidden;
    background:#cef;
    position:absolute;
}
.up:before,.up:after{
    content:"";
    width:30px;height:30px;
    background:#ecf0f1;
    position:absolute;
    z-index:1;
}
.up:before{
    top:30px;
    left:-17px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.up:after{
    top:30px; left:17px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.innera{
    position:relative;
    top:15px;
    width:30px;height:30px;
    background:#f1c40f;
    animation: mymove 2s infinite linear;
    -webkit-animation: mymove 2s infinite linear;
}
.down{
    width: 30px;
    height: 40px;
    left:25px;
    top:40px;
    overflow:hidden;
    background:#cef;
    position:absolute;
    z-index:1;
}
.down:before,.down:after{
    content:"";
    width:30px;
    height:40px;
    background:#ecf0f1;
    position:absolute;
    z-index:1;
}
.down:before{
    top:-25px;
    left:-17px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.down:after{
    top:-25px;
    left:24px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.innerb{
    position:relative;
    top:40px;
    width:30px;height:30px; background:#f1c40f;
    animation: mymoveb 2s infinite linear;
    -webkit-animation: mymoveb 2s infinite linear;
}
@keyframes mymove{
    0%{top:15px;}
    100%{top:45px;}
}
@keyframes mymoveb{
    0%{top:40px;}
    90%{top:20px;}
    100%{top:-5px;}
}
@keyframes rotates{
    0%{transform:rotate(0deg);}
    80%{transform:rotate(0deg);}
    100%{transform:rotate(180deg);}
}
@-webkit-keyframes mymove{
    0%{top:15px;}
    100%{top:45px;}
}
@-webkit-keyframes mymoveb{
    0%{top:40px;}
    90%{top:20px;}
    100%{top:-5px;}
}
@-webkit-keyframes rotates{
    0%{-webkit-transform:rotate(0deg);}
    80%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(180deg);}
}