@-webkit-keyframes zoomOut {
  from {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes zoomOut {
  from {
    opacity: 0;
    filter: blur(10px);
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1)
  }

  to {
    opacity: 1;
    filter: blur(0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1)
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

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

@keyframes blurFadeInUp {
  0% {
    transform: translateY(30px);
    filter: blur(30px);
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.2, .7, .6, 1);
    transition-timing-function: cubic-bezier(.2, .7, .6, 1)
  }

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

.blurFadeInUp {
  -webkit-animation-name: blurFadeInUp;
  animation-name: blurFadeInUp
}

.animated {
  -webkit-animation-duration: .65s;
  animation-duration: .65s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@keyframes topbn {
  0% {
    opacity: 0.5;
  }
  10% {
      opacity: 1;
  }
  11% {
      opacity: 1;
  }
  12% {
      opacity: 0.65;
  }
  14% {
      opacity: 0.8;
  }
  15% {
      opacity: 0.6;
  }
  16% {
      opacity: 0.9;
  }
  17% {
      opacity: 1;
  }
  28% {
      opacity: 1;
  }
  29% {
      opacity: 0.8;
  }
  33% {
      opacity: 0.6;
  }
  34% {
      opacity: 0.75;
  }
  36% {
      opacity: 0.9;
  }
  50% {
      opacity: 1;
  } 
  100% {
      opacity: 1;
  }

}