/*loader.css page and preloader class div on php pages script edited from preloader to loader*/
.loader{
 position:fixed; 
 left:0px; 
 top:0px; 
 width:100%; 
 height:100%;
  z-index:999999;
  background-color:#ffffff;
  background-position:center center;
  padding-top:250px;
  text-align: center;
  /*  margin:80px;*/
  }
.loader div{
    color:white;
    font-size:60px;
    text-decoration:underline;
    display:inline-block;
    animation:rotate 2s infinite;
 } 
.loader div:nth-child(1){
    color:#265e98;
    animation-delay:0.2s;
  }
.loader div:nth-child(2){
    color:#265e98;
  animation-delay:0.4s;
  }
.loader div:nth-child(3){
   color:#265e98;
  animation-delay:0.6s;
  }
.loader div:nth-child(4){
    color:#265e98;
  animation-delay:0.8s;
  }
.loader div:nth-child(5){
    color:#265e98;
  animation-delay:1s;
  }
.loader div:nth-child(6){
    color:#265e98;
    animation-delay:1.2s;
  }
.loader div:nth-child(7){
    color:#265e98;
  animation-delay:1.4s;
  }
  .loader div:nth-child(8){
    color:#28b8d3;
  animation-delay:1.6s;
  }.loader div:nth-child(9){
    color:#28b8d3;
  animation-delay:1.8s;
  }.loader div:nth-child(10){
    color:#28b8d3;
  animation-delay:2s;
  }.loader div:nth-child(11){
    color:#28b8d3;
  animation-delay:2.2s;
  }.loader div:nth-child(12){
    color:#28b8d3;
  animation-delay:2.4s;
  }.loader div:nth-child(13){
    color:#28b8d3;
  animation-delay:2.6s;
  }
  .loader div:nth-child(14){
    color:#28b8d3;
  animation-delay:2.8s;
  }.loader div:nth-child(15){
    color:#28b8d3;
  animation-delay:3s;
  }.loader div:nth-child(16){
    color:#28b8d3;
  animation-delay:3.2s;
  }
@keyframes rotate{
   
   100%{
       transform:rotateX(270deg);
       text-decoration:none;
     }
 } 
@media screen and (max-width:300px){
   .loader div{
       font-size:25px;
     
    } 
  .loader {
      margin:30px;
   } 
    
  
  }