html,
body {
  margin: 0;
  padding: 0;
}
@keyframes fadeInOut {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
.btn-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.ads {
  position: relative;
  width: 480px;
  height: 442px;
  display: none;
  overflow: hidden;
  transform-origin: 0 0;
}
.ads.active {
  display: block;
}
.ads div {
  position: absolute;
}
.child {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.text {
  left: 0;
  top: 27px;
  width: 482px;
  height: 99px;
}
.logo {
  width: 380px;
  height: 270px; 
  top: 139px;
  left: 50px;
  text-align: center;
}
.anim.noanim {
  transition-delay: 0;
  transition: none;
}
.anim {
  opacity: 1;
  transform: translateX(0) translateY(0) scale(1) rotate(0deg);
  transition: all .4s ease-out;
}
.text-bg {
  transition-duration: 600ms;
}
.text-bg.trigger {
  width: 0;
}
.text-text {
  transition-delay: 600ms;
}
.text-text.trigger {
  opacity: 0;
}
.logo-main {
  transition-delay: 1200ms;
}
.logo-main.trigger {
  animation: none;
  transform: scale(.001) rotate(180deg);
}
.logo-glow {
  opacity: 0;
  animation: fadeInOut 1.2s ease-out 1.5s infinite;
  /*transition-duration: 900ms;*/
  /*transition-delay: 1500ms;*/
}
.logo-glow.trigger {
  animation: none;
  opacity: 0;
}
.logo-text {
  transition-delay: 1600ms;
}
.logo-text.trigger {
  opacity: 0;
}
.adm {
  right: 22px;
  bottom: 18px;
  transition-delay: 1600ms;
}
.adm.trigger {
  opacity: 0;
}