/* logo animation*/


@keyframes move1 {

  0% {
    opacity: 0;
    transform: translate(50px, -90px);
    -webkit-transform: translate(50px, -90px);
  }

  100% {
    opacity: 1;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }

}



@keyframes move2 {

  0% {
    opacity: 0;
    transform: translate(-60px,90px);
    -webkit-transform: translate(-60px,90px);
  }

  100% {
    opacity: 1;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }

}


@keyframes move3 {

  0% {
    opacity: 0;
    transform: translate(90px);
    -webkit-transform: translate(90px);
  }

  100% {
    opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
  }  

}

@keyframes move4 {

  0% {
    opacity: 0;
    transform: translate(-90px);
    -webkit-transform: translate(-90px);
  }

  100% {
    opacity: 1;
    transform: translate(0px);
    -webkit-transform: translate(0px);
  }  

}



@keyframes move5 {

  0% {
    opacity: 0;
  }

  100% { 
    opacity: 1;
  }  
}

@keyframes move6 {

  0% {
    fill: #fff;
    filter: drop-shadow(0 0 2rem #fff) brightness(130%);
  }
  0.5% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
    
  }
  2% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
  }
  2.1% {
    fill: #fff;
    filter: drop-shadow(0 0 2rem #fff) brightness(130%);
  }
  3% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
  } 
  69.7% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
  }
  70% { 
    fill: #fff;
    filter: drop-shadow(0 0 2rem #fff) brightness(130%);
  }
  70.4% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
  }
  100% { 
    fill: transparent;
    filter: drop-shadow(0 0 0rem #fff) brightness(100%);
  }  

}






/* partners animation*/

@keyframes scroll {

  from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    
  }

  to {
    transform: translateX(calc(-100% - 20px));
    -webkit-transform: translateX(calc(-100% - 20px));
  }
}


/* background animation*/

@keyframes imageAnimation { 

  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }

  5% {
      opacity: 1;
      -webkit-transform: scale(1.01);
      -webkit-animation-timing-function: linear;
  }

  50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
  }

  90% {
      opacity: 0;
      -webkit-transform: scale(1.11);
  }
    
  100% { 
      opacity: 0;
  }
}


/* preloader animation*/

@-webkit-keyframes sk-circleBounceDelay {

  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  };
}

@keyframes sk-circleBounceDelay {

  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  };
}