/*
@point_size: 1em;
*/


#container{
	background-color: beige;
	position: absolute;

	left:0;
	top:0;
	bottom: 0;
	right:0;
	
}



.animate_container{
  position:absolute;
  top:0;
  bottom:0;
  display:inline-block;
  
  margin:auto 0;
  width:100%;
  height: 1em;        /* @point_size */
  
  text-align:center;
  
  cursor:pointer;
  
  opacity: 0;
}
.animate_container .circle{
  background-color: lightgray;
  width:1em;           /* @point_size */
  height:1em;          /* @point_size */		  
  margin-left:1em;     /* @point_size */
  margin-right:1em;    /* @point_size */
  display:inline-block;
  transition:1s;
  border-radius:0.5em; /* @point_size/2*/
}
.animate_container .active{
	/* background-color:brown;		
	box-shadow: 0px 0px 5px 5px brown;     */
  background-color: lightblue;
  box-shadow: 0px 0px 5px 5px rgb(91, 91, 247);
}




.limit_loader{
	
	text-align: center;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	height: 1em;
	width: 100%;	
	transition: 4s;
	opacity : 0;
	color:gray;
}