@-webkit-keyframes anim-out-blackout {
  from {
    opacity: 1;
    display: block;
  }
  to {
    opacity: 0;
    display: none;
  }
}

@keyframes anim-out-blackout {
  from {
    opacity: 1;
    display: block;
  }
  to {
    opacity: 0;
    display: none;
  }
}

@-webkit-keyframes anim-fadeIn-mainvisual {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes anim-fadeIn-mainvisual {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes anim-fadeIn-headrparts {
  from {
    opacity: 0;
    transform: scale(0.4, 0.4);
  }
  20% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes anim-fadeIn-headrparts {
  from {
    opacity: 0;
    transform: scale(0.4, 0.4);
  }
  20% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes anim-hover-dismore {
  from {
    transform: scale(1, 1) rotate(0);
  }
  40% {
    transform: scale(1.3, 1.3) rotate(10deg);
  }
  80% {
    transform: scale(0.9, 0.9) rotate(-3deg);
  }
  to {
    transform: scale(1, 1) rotate(0);
  }
}

@keyframes anim-hover-dismore {
  from {
    transform: scale(1, 1) rotate(0);
  }
  40% {
    transform: scale(1.3, 1.3) rotate(10deg);
  }
  80% {
    transform: scale(0.9, 0.9) rotate(-3deg);
  }
  to {
    transform: scale(1, 1) rotate(0);
  }
}

@-webkit-keyframes anim-fadepop {
  from {
    opacity: 0;
    transform: scale(0.4, 0.4) rotate(0);
  }
  40% {
    transform: scale(1.4, 1.4) rotate(-10deg);
    opacity: 1;
  }
  80% {
    transform: scale(0.9, 0.9) rotate(3deg);
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes anim-fadepop {
  from {
    opacity: 0;
    transform: scale(0.4, 0.4) rotate(0);
  }
  40% {
    transform: scale(1.4, 1.4) rotate(-10deg);
    opacity: 1;
  }
  80% {
    transform: scale(0.9, 0.9) rotate(3deg);
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@-webkit-keyframes anim-fadeIn-horizontal {
  from {
    opacity: 0;
    transform: translate(30%, 0);
    -webkit-filter: blur(1.1em);
            filter: blur(1.1em);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes anim-fadeIn-horizontal {
  from {
    opacity: 0;
    transform: translate(30%, 0);
    -webkit-filter: blur(1.1em);
            filter: blur(1.1em);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@-webkit-keyframes anim-rotate {
  from {
    transform: rotate(0);
  }
  30% {
    transform: rotate(-20deg);
  }
  60% {
    transform: rotate(15deg);
  }
  to {
    transform: rotate(0);
  }
}

@keyframes anim-rotate {
  from {
    transform: rotate(0);
  }
  30% {
    transform: rotate(-20deg);
  }
  60% {
    transform: rotate(15deg);
  }
  to {
    transform: rotate(0);
  }
}