:root {
	--main-shadow: #00000020;
	--circle-main-color: #137fec;
	--circle-fade-color: rgb(255, 255, 255);
	--fountain-g-main-color: rgb(65, 65, 65);
	--fountain-g-fade-color: rgb(255, 255, 255);
}

#loadWrap {
	display: none;
	background: var(--main-shadow);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
}

#floatingCirclesG {
	position: relative;
	top: calc(50% - 62px);
	width: 125px;
	height: 125px;
	margin: auto;
	transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
}

.f_circleG {
	position: absolute;
	background-color: rgb(255, 255, 255);
	height: 22px;
	width: 22px;
	border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	animation-name: f_fadeG;
	-o-animation-name: f_fadeG;
	-ms-animation-name: f_fadeG;
	-webkit-animation-name: f_fadeG;
	-moz-animation-name: f_fadeG;
	animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	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;
}

#frotateG_01 {
	left: 0;
	top: 51px;
	animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
}

#frotateG_02 {
	left: 15px;
	top: 15px;
	animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
}

#frotateG_03 {
	left: 51px;
	top: 0;
	animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	-ms-animation-delay: 0.75s;
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
}

#frotateG_04 {
	right: 15px;
	top: 15px;
	animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
}

#frotateG_05 {
	right: 0;
	top: 51px;
	animation-delay: 1.05s;
	-o-animation-delay: 1.05s;
	-ms-animation-delay: 1.05s;
	-webkit-animation-delay: 1.05s;
	-moz-animation-delay: 1.05s;
}

#frotateG_06 {
	right: 15px;
	bottom: 15px;
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
}

#frotateG_07 {
	left: 51px;
	bottom: 0;
	animation-delay: 1.35s;
	-o-animation-delay: 1.35s;
	-ms-animation-delay: 1.35s;
	-webkit-animation-delay: 1.35s;
	-moz-animation-delay: 1.35s;
}

#frotateG_08 {
	left: 15px;
	bottom: 15px;
	animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}

@keyframes f_fadeG {
	0% {
		background-color: var(--circle-main-color);
	}
	100% {
		background-color: var(--circle-fade-color);
	}
}

@-o-keyframes f_fadeG {
	0% {
		background-color: var(--circle-main-color);
	}
	100% {
		background-color: var(--circle-fade-color);
	}
}

@-ms-keyframes f_fadeG {
	0% {
		background-color: var(--circle-main-color);
	}
	100% {
		background-color: var(--circle-fade-color);
	}
}

@-webkit-keyframes f_fadeG {
	0% {
		background-color: var(--circle-main-color);
	}
	100% {
		background-color: var(--circle-fade-color);
	}
}

@-moz-keyframes f_fadeG {
	0% {
		background-color: var(--circle-main-color);
	}
	100% {
		background-color: var(--circle-fade-color);
	}
}


/* small loader */
#fountainG {
	height: 12px;
	margin: auto;
	position: relative;
	top: 14px;
	width: 96px;
}

.fountainG {
	position: absolute;
	top: 0;
	background-color: rgb(255, 255, 255);
	width: 12px;
	height: 12px;
	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.5s;
	-o-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	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: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#fountainG_1 {
	left: 0;
	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_2 {
	left: 12px;
	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_3 {
	left: 24px;
	animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
}

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

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

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

#fountainG_7 {
	left: 72px;
	animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}

#fountainG_8 {
	left: 84px;
	animation-delay: 1.64s;
	-o-animation-delay: 1.64s;
	-ms-animation-delay: 1.64s;
	-webkit-animation-delay: 1.64s;
	-moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
	0% {
		transform: scale(1);
		background-color: var(--fountain-g-main-color);
	}
	100% {
		transform: scale(.3);
		background-color: rgb(255, 255, 255);
	}
}

@-o-keyframes bounce_fountainG {
	0% {
		-o-transform: scale(1);
		background-color: var(--fountain-g-main-color);
	}
	100% {
		-o-transform: scale(.3);
		background-color: var(--fountain-g-fade-color);
	}
}

@-ms-keyframes bounce_fountainG {
	0% {
		-ms-transform: scale(1);
		background-color: var(--fountain-g-main-color);
	}
	100% {
		-ms-transform: scale(.3);
		background-color: var(--fountain-g-fade-color);
	}
}

@-webkit-keyframes bounce_fountainG {
	0% {
		-webkit-transform: scale(1);
		background-color: var(--fountain-g-main-color);
	}
	100% {
		-webkit-transform: scale(.3);
		background-color: var(--fountain-g-fade-color);
	}
}

@-moz-keyframes bounce_fountainG {
	0% {
		-moz-transform: scale(1);
		background-color: var(--fountain-g-main-color);
	}
	100% {
		-moz-transform: scale(.3);
		background-color: var(--fountain-g-fade-color);
	}
}