@-webkit-keyframes animate-logo-1-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-1-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@keyframes animate-logo-1-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(220, 219, 206);
  }
}

@-webkit-keyframes animate-logo-2-landscape {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes animate-logo-2-landscape {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes animate-logo-2-portrait {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes animate-logo-2-portrait {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes animate-trademark {
  0% {
    transform: rotate(180deg) translateX(30vw);
  }

  100% {
    transform: rotate(0deg) translateX(100%);
  }
}

@keyframes animate-trademark {
  0% {
    transform: rotate(180deg) translateX(-30vw);
  }

  100% {
    transform: rotate(0deg) translateX(100%);
  }
}

@-webkit-keyframes animate-tagline {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes animate-tagline {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.identity .logo .partner:nth-child(1) path:nth-child(1) {
  -webkit-animation: animate-logo-1-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.1s both;
  animation: animate-logo-1-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(2) {
  -webkit-animation: animate-logo-1-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.2s both;
  animation: animate-logo-1-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(3) {
  -webkit-animation: animate-logo-1-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.30000000000000004s both;
  animation: animate-logo-1-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.30000000000000004s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(4) {
  -webkit-animation: animate-logo-1-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.4s both;
  animation: animate-logo-1-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(5) {
  -webkit-animation: animate-logo-1-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.5s both;
  animation: animate-logo-1-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(6) {
  -webkit-animation: animate-logo-1-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.6s both;
  animation: animate-logo-1-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

.identity .logo .partner:nth-child(1) path:nth-child(7) {
  -webkit-animation: animate-logo-1-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.7000000000000001s both;
  animation: animate-logo-1-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.7000000000000001s both;
}

.identity .logo .partner:nth-child(2) {
  -webkit-animation: animate-logo-2-landscape 1s ease-in-out 1s both;
  animation: animate-logo-2-landscape 1s ease-in-out 1s both;
}

.identity .trademark {
  -webkit-animation: animate-trademark 1.5s ease-in-out 0.5s both;
  animation: animate-trademark 1.5s ease-in-out 0.5s both;
}

.identity .tagline {
  -webkit-animation: animate-tagline 1.5s ease-in-out 1s both;
  animation: animate-tagline 1.5s ease-in-out 1s both;
}

@media (orientation: portrait) {
  .identity .logo .partner:nth-child(2) {
    -webkit-animation: animate-logo-2-portrait 1s ease-in-out 1s both;
    animation: animate-logo-2-portrait 1s ease-in-out 1s both;
  }
}