@charset "UTF-8";


#loading {
  width: 100%;
  height: auto;
  position: fixed;
  text-align: center;
  left: 0;
  top: 50%;
  margin: -10px 0 0 0;
  z-index: 99999999;
}
#loading img {
  width: 180px;
  height: auto;
  margin: 0;
  position:absolute;
  top: 13px;
  left: 70px;
}
#fade {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  background: #FFF;
  top: 0px;
  left: 0px;
  z-index: 9999999;
}

/* bar */

#fountainG{
	position:relative;
	width:300px;
	height:10px;
	margin:auto;
}
.fountainG{
	position:absolute;
	top:20px;
	background-color:rgb(255,255,255);
	width:10px;
	height:10px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.65s;
		-o-animation-duration:1.65s;
		-ms-animation-duration:1.65s;
		-webkit-animation-duration:1.65s;
		-moz-animation-duration:1.65s;
	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(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:12px;
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
}

#fountainG_1{
	left:0;
	animation-delay:0.15s;
		-o-animation-delay:0.15s;
		-ms-animation-delay:0.15s;
		-webkit-animation-delay:0.15s;
		-moz-animation-delay:0.15s;
}

#fountainG_2{
	left:20px;
	animation-delay:0.3s;
		-o-animation-delay:0.3s;
		-ms-animation-delay:0.3s;
		-webkit-animation-delay:0.3s;
		-moz-animation-delay:0.3s;
}

#fountainG_3{
	left:40px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#fountainG_4{
	left:265px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_5{
	left:285px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_6{
	left:305px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}


@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(123,182,56);
	}

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

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(123,182,56);
	}

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

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(123,182,56);
	}

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

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(123,182,56);
	}

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

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(123,182,56);
	}

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

/* logo */

.blinking{
	-webkit-animation:blink 1.5s ease-in-out 1 alternate;
    -moz-animation:blink 1.5s ease-in-out 1 alternate;
    animation:blink 1.5s ease-in-out 1 alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	10% {opacity:1;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    100% {opacity:1;-webkit-filter: grayscale(0);	filter: grayscale(0);}
}
@-moz-keyframes blink{
    0% {opacity:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	10% {opacity:1;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    100% {opacity:1;-webkit-filter: grayscale(0);	filter: grayscale(0);}
}
@keyframes blink{
    0% {opacity:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
	10% {opacity:1;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
    100% {opacity:1;-webkit-filter: grayscale(0);	filter: grayscale(0);}
}

/* Smalltablet & Smartphone */

@media (max-width: 750px) {
	
	#loading img {
	  width: 130px;
	  top: 15px;
	  left: 70px;
	}
	
	/* bar */
	
	#fountainG{
		width:260px;
	}
	#fountainG_4{
		left:220px;
	}
	
	#fountainG_5{
		left:240px;
	}
	
	#fountainG_6{
		left:260px;
	}
}