/* Preloader css code only */
/* works in tandem with init puzzle in Verge */


/* basic loader background color override */

.preloader-screen {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: block;
  background-color: #5b92d3; /* <-- change this only! */
}


/* centers loader in height & witdh screen -  DO NOT CHANGE!! */

#center_loader {
  position: relative;
  width: 50%;
  height: 50%;
}

/* main dimensions for loader gif or logo + percentage text*/

.loader_all {
	position: absolute;
	left: auto;
	top: auto;
 	background-color: #333; /* <-- change this only! */
	width: 400px; /* <-- change this only! */
	height: 400px; /* <-- change this only! */
	right: -200px; /* <-- change this only = width/2 */
	bottom: -200px; /* <-- change this only = height/2 */
	display: block;

  overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}


/* sub positioning loader gif or logo, Image must be square */

.loader_image {
  position: static;
  left: 0px;
  top: 50%;
  right: 0px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  width: auto;
  height: 70%;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
}



 /* <-- change height percentage of '.loader_all' width size */
  height: 85%;
/* A value of 100% will move the text block out of the '.loader_all' base height */

  right: 0px;
  bottom: 0px;
  display: block;
  overflow: hidden;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
}


/* loader percentage font & color options */

.percentage {
  position: static;
  display: block;
  overflow: hidden;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  font-family: Rubik, sans-serif; /* <-- change this only! */
  color: white; /* <-- change this only! */
  margin-top: 20px; /* <-- same as font szie! */
  font-size: 20px; /* <-- change this only! */
  line-height: 20px; /* <-- this is 2x the font-size */
  font-weight: 700; /* <-- change this only! */
  text-align: center;
}