#loader {
  /*background-image:none !important;*/
  display:block;
 

}
#loader .logo {
    width: 144px;
    height: 33px;
    right: 2%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:2%;
}

#loaderdiv-wrapper {
    position:absolute;
    top:50%;
    display:block;
    height:170px;
    width:100%;
    color:#ffffff;
    font-size: 24px;
}


#loaderdiv-1 {
    position: absolute;
    width: 100%;
    text-align: center;

    -webkit-animation: loader1 21s linear infinite; 
    animation: loader1 21s linear infinite;

}

#loaderdiv-2{
    position: absolute;
    width: 100%;
    text-align: center;

    

    -webkit-animation: loader2 21s linear infinite; 
    animation: loader2 21s linear infinite;
}

#loaderdiv-3{
    position: absolute;
    width: 100%;
    text-align: center;

 

    -webkit-animation: loader3 21s linear infinite; 
    animation: loader3 21s linear infinite;
}


@-webkit-keyframes loader1 {
  0% { opacity: 0; }
  16% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes loader1 {
  0% { opacity: 0; }
  16% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }

}
 


@-webkit-keyframes loader2 {
  0% { opacity: 0; }
  33% { opacity: 0; }
  50% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes loader2 {
  0% { opacity: 0; }
  33% { opacity: 0; }
  50% { opacity: 1; }
  66% { opacity: 0; }
  100% { opacity: 0; }

}



@-webkit-keyframes loader3 {
  0% { opacity: 0; }
  66% { opacity: 0; }
  82% { opacity: 1; }
  100% { opacity: 0; }
 
}

@keyframes loader3 {
  0% { opacity: 0; }
  66% { opacity: 0; }
  82% { opacity: 1; }
  100% { opacity: 0; }

}


#loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0;   background:#000; z-index: 100000; }