.initLoader{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #085b31;
}

.initLoaderText{
  position: absolute;
  top:50%;
  left:50%;
  color: white;  
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  line-height: 17px;
  font-weight: bold;
  font-size: 20px;
  margin-top: 115px;
  margin-left: -70px; 
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 2s infinite;
   -moz-animation: flickerAnimation 2s infinite;
   -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}

.initLoaderSpinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px; 
}
.initLoaderSpinner .ring1, .initLoaderSpinner .ring2, .initLoaderSpinner .ring3 {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background: transparent;
  border: 6px solid transparent;
  border-right: 6px solid white;
  animation: spin 2s linear infinite;
}
.initLoaderSpinner .ring2 {
  width: 102px;
  height: 102px;
}
.initLoaderSpinner .ring2 .ring3 {
  width: 84px;
  height: 84px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
