#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
background:#fff;
z-index: 1000;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 205px;
	height: 205px;
		margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 1001;

}

.sk-grid {
  width: var(--sk-size);
  height: var(--sk-size);
    width: 120px;
  height: 120px;
  /* Cube positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ 
 }
.sk-grid-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: var(--sk-color);
    float: left;
    animation: sk-grid 1.3s infinite ease-in-out; 
}


.sk-grid-cube:nth-child(1) { animation-delay: 0.2s; }
.sk-grid-cube:nth-child(2) { animation-delay: 0.3s; }
.sk-grid-cube:nth-child(3) { animation-delay: 0.4s; }
.sk-grid-cube:nth-child(4) { animation-delay: 0.1s; }
.sk-grid-cube:nth-child(5) { animation-delay: 0.2s; }
.sk-grid-cube:nth-child(6) { animation-delay: 0.3s; }
.sk-grid-cube:nth-child(7) { animation-delay: 0.0s; }
.sk-grid-cube:nth-child(8) { animation-delay: 0.1s; }
.sk-grid-cube:nth-child(9) { animation-delay: 0.2s; }

@keyframes sk-grid {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1); 
  } 35% {
    transform: scale3D(0, 0, 1); 
  } 
}

.g01{background: #2E5A6E;}
.g02{background: #F7F4EF;}
.g03{background: #F9A355;}


.nowloarding{margin-top: 20px;}

.repeat-fadein-out{
  animation-name: smooth-fadein-out;
  animation-duration: 3.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes smooth-fadein-out {
  0% {opacity: 0;}
  100% {opacity: 1;}
}