.page_loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #FFF;
  background: rgb(240, 252, 255) url("/media/eydapp-logo-drop-01.png") center center no-repeat;
  background-position: center 200px;
}
.page_loader::after {
    content: "Loading...";
    font-size: 28px;
    font-weight: 300;
    display: block;
    position: fixed;
    color: #033974;
    top: 70%;
    left: 50%;
    transform: translate(-50%);    
}
.page_loader h1 {
    font-size: 55px;
    font-weight: bold;
    display: block;    
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%);    
}
.page_loader div {
  width: 30px;
  height: 30px;
  position: absolute;
  background-color: #ccc;
  top: 50%;
  border-radius: 50%;
}
.page_loader div:nth-child(1) {
  background-color: #00ABEF;
  animation: move 2s 100ms infinite cubic-bezier(.2,.64,.81,.23);
}
.page_loader div:nth-child(2) {
  background-color: #004689;
  animation: move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23);
}
.page_loader div:nth-child(3) {
  background-color: #00ABEF;
  animation: move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23);
}
.page_loader div:nth-child(4) {
  background-color: #004689;
  animation: move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23);
}

@keyframes move {
  0% {left: 0%;}
  100% {left:100%;}
}

@media screen and (max-width: 1024px) {
    .page_loader {
      background-position: center 100px;
    }
}
@media screen and (max-width: 768px) { 
    #section5.section { overflow: scroll; touch-action: pan-y; }    
}
/*slides keybarrow trans*/ 
/*.fp-slidesContainer{
   transition-duration:0ms !important;
}*/


.copyrights {
    background-color: #082340; padding-top: 10px; padding-bottom: 5px; position: absolute; width: 100%; display: flex; bottom:0;
}

@media screen and (max-width: 1024px) {
    .copyrights { position: unset; }  
}