/* *************************************************** for first screen *************************************************** */

.fade-out-fwd {
   -webkit-animation: fade-out-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: fade-out-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation-delay: 2.7s;
}

@-webkit-keyframes fade-out-fwd {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }

   100% {
      -webkit-transform: translateZ(80px);
      transform: translateZ(80px);
      opacity: 0;
   }
}

@keyframes fade-out-fwd {
   0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1;
   }

   100% {
      -webkit-transform: translateZ(80px);
      transform: translateZ(80px);
      opacity: 0;
      display: none;
      visibility: hidden;
   }
}

/* *************************************************** for first screen logo*************************************************** */
.text-focus-in {
   -webkit-animation: text-focus-in 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
   animation: text-focus-in 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes text-focus-in {
   0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0;
   }

   100% {
      -webkit-filter: blur(0px);
      filter: blur(0px);
      opacity: 1;
   }
}

@keyframes text-focus-in {
   0% {
      -webkit-filter: blur(12px);
      filter: blur(12px);
      opacity: 0;
   }

   100% {
      -webkit-filter: blur(0px);
      filter: blur(0px);
      opacity: 1;
   }
}



/* *************************************************** for first screen <p>*************************************************** */
.tracking-in-contract {
   -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
   animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
   animation-delay: 1.5s;
}

@-webkit-keyframes tracking-in-contract {
   0% {
      letter-spacing: 1em;
      opacity: 0;
   }

   40% {
      opacity: 0.6;
   }

   100% {
      letter-spacing: normal;
      opacity: 1;
   }
}

@keyframes tracking-in-contract {
   0% {
      letter-spacing: 1em;
      opacity: 0;
   }

   40% {
      opacity: 0.6;
   }

   100% {
      letter-spacing: normal;
      opacity: 1;
   }
}