@charset "utf-8";
/* CSS Document */



.heading .hword{
 animation-name:  fadeInDown;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-furnction-timing:linear;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(100px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(100px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(100px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(100px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(`00px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(`00px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(`00px) scale3d(.95, .95, .95);
    transform: perspective(`00px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(`00px);
    transform: perspective(`00px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.heading .hword1{
 animation-name: flip;
 animation-delay: 1s;
 animation-duration: 1s;
 animation-iteration-count: 1;
 animation-furnction-timing:linear;

}


@keyframes flip {
  from {
    -webkit-transform: rotate3d(0, 1, 0, -360deg);
    transform:rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	opacity:0;
  }

  40% {
    -webkit-transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	opacity:0.4;
  }

  50% {
    -webkit-transform: translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform:translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity:0.5;
  }

  80% {
    -webkit-transform:scale3d(.95, .95, .95);
    transform:scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity:1;
  }
 100% {
    -webkit-transform:scale3d(.95, .95, .95);
    transform:scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity:1;
  }

}

.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  opacity:1;
}