/*-----------*/
/*  Loading  */
/*-----------*/
#loadingPage {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 77777;
  background: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  cursor: default;
  text-align: center;
}

#loadingPageDotsContainer {
  position: absolute;
  top: 50%;
  left: 50%;
}

#loadingText1 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  margin-top: -10px;
  margin-left: -75px;
  width: 150px;
}

#loadingText0 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 19px;
  margin-top: -190px;
  margin-left: -100px;
  width: 200px;
}
#loadingText2 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 19px;
  margin-top: 82px;
  margin-left: -100px;
  width: 200px;
}

.loadingPage-dots {
	position: absolute;
	background: #5af158;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	border-radius: 50%;
}

.loadingPage-dots:nth-child(1) {
	background: #03a9f4;
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
}

.loadingPage-dots:nth-child(2) {
	background: #5af158;
	-webkit-transform: scale(0.85, 0.85);
	transform: scale(0.85, 0.85);
}

.loadingPage-dots:nth-child(3) {
	background: #ffc107;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}

.loadingPage-dots:nth-child(4) {
	background: #ff5722;
	-webkit-transform: scale(0.7, 0.7);
	transform: scale(0.7, 0.7);
}