#loader-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
  }

  #circularG{
	position:relative;
	width:58px;
	height:58px;
	margin: auto;
}

.circularG{
	position:absolute;
	background-color:rgb(255, 255, 255);
	width:14px;
	height:14px;
	border-radius:9px;
		-o-border-radius:9px;
		-ms-border-radius:9px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:0.668s;
		-o-animation-duration:0.668s;
		-ms-animation-duration:0.668s;
		-webkit-animation-duration:0.668s;
		-moz-animation-duration:0.668s;
	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;
}

#circularG_1{
	left:0;
	top:23px;
	animation-delay:0.248s;
		-o-animation-delay:0.248s;
		-ms-animation-delay:0.248s;
		-webkit-animation-delay:0.248s;
		-moz-animation-delay:0.248s;
}

#circularG_2{
	left:6px;
	top:6px;
	animation-delay:0.334s;
		-o-animation-delay:0.334s;
		-ms-animation-delay:0.334s;
		-webkit-animation-delay:0.334s;
		-moz-animation-delay:0.334s;
}

#circularG_3{
	top:0;
	left:23px;
	animation-delay:0.42s;
		-o-animation-delay:0.42s;
		-ms-animation-delay:0.42s;
		-webkit-animation-delay:0.42s;
		-moz-animation-delay:0.42s;
}

#circularG_4{
	right:6px;
	top:6px;
	animation-delay:0.506s;
		-o-animation-delay:0.506s;
		-ms-animation-delay:0.506s;
		-webkit-animation-delay:0.506s;
		-moz-animation-delay:0.506s;
}

#circularG_5{
	right:0;
	top:23px;
	animation-delay:0.592s;
		-o-animation-delay:0.592s;
		-ms-animation-delay:0.592s;
		-webkit-animation-delay:0.592s;
		-moz-animation-delay:0.592s;
}

#circularG_6{
	right:6px;
	bottom:6px;
	animation-delay:0.668s;
		-o-animation-delay:0.668s;
		-ms-animation-delay:0.668s;
		-webkit-animation-delay:0.668s;
		-moz-animation-delay:0.668s;
}

#circularG_7{
	left:23px;
	bottom:0;
	animation-delay:0.754s;
		-o-animation-delay:0.754s;
		-ms-animation-delay:0.754s;
		-webkit-animation-delay:0.754s;
		-moz-animation-delay:0.754s;
}

#circularG_8{
	left:6px;
	bottom:6px;
	animation-delay:0.84s;
		-o-animation-delay:0.84s;
		-ms-animation-delay:0.84s;
		-webkit-animation-delay:0.84s;
		-moz-animation-delay:0.84s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}